/* Minification failed. Returning unminified contents.
(1911,1): run-time error CSS1019: Unexpected token, found '}'
 */
/*! normalize.css v2.1.3 | MIT License | git.io/normalize */

/* ==========================================================================
   HTML5 display definitions
   ========================================================================== */

/**
 * Correct `block` display not defined in IE 8/9.
 */

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

/**
 * Correct `inline-block` display not defined in IE 8/9.
 */

audio,
canvas,
video {
    display: inline-block;
}

/**
 * Prevent modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS 5 devices.
 */

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

/**
 * Address `[hidden]` styling not present in IE 8/9.
 * Hide the `template` element in IE, Safari, and Firefox < 22.
 */

[hidden],
template {
    display: none;
}

/* ==========================================================================
   Base
   ========================================================================== */

/**
 * 1. Set default font family to sans-serif.
 * 2. Prevent iOS text size adjust after orientation change, without disabling
 *    user zoom.
 */

html {
    font-family: sans-serif; /* 1 */
    -ms-text-size-adjust: 100%; /* 2 */
    -webkit-text-size-adjust: 100%; /* 2 */
}

/**
 * Remove default margin or padding.
 */

body {
    margin: 0;
    padding: 0;
}

/* ==========================================================================
   Links
   ========================================================================== */

/**
 * Remove the gray background color from active links in IE 10.
 */

a {
    background: transparent;
}

/**
 * Address `outline` inconsistency between Chrome and other browsers.
 */

a:focus {
    outline: none;
}

/**
 * Improve readability when focused and also mouse hovered in all browsers.
 */

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

/* ==========================================================================
   Typography
   ========================================================================== */

/**
 * Address variable `h1` font-size and margin within `section` and `article`
 * contexts in Firefox 4+, Safari 5, and Chrome.
 */

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

/**
 * Address styling not present in IE 8/9, Safari 5, and Chrome.
 */

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

/**
 * Address style set to `bolder` in Firefox 4+, Safari 5, and Chrome.
 */

b,
strong {
    font-weight: bold;
}

/**
 * Address styling not present in Safari 5 and Chrome.
 */

dfn {
    font-style: italic;
}

/**
 * Address differences between Firefox and other browsers.
 */

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

/**
 * Address styling not present in IE 8/9.
 */

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

/**
 * Correct font family set oddly in Safari 5 and Chrome.
 */

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

/**
 * Improve readability of pre-formatted text in all browsers.
 */

pre {
    white-space: pre-wrap;
}

/**
 * Set consistent quote types.
 */

q {
    quotes: "\201C" "\201D" "\2018" "\2019";
}

/**
 * Address inconsistent and variable font size in all browsers.
 */

small {
    font-size: 80%;
}

/**
 * Prevent `sub` and `sup` affecting `line-height` in all browsers.
 */

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

sup {
    top: -0.5em;
}

sub {
    bottom: -0.25em;
}

/* ==========================================================================
   Embedded content
   ========================================================================== */

/**
 * Remove border when inside `a` element in IE 8/9.
 */

img {
    border: 0;
}

/**
 * Correct overflow displayed oddly in IE 9.
 */

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

/* ==========================================================================
   Figures
   ========================================================================== */

/**
 * Address margin not present in IE 8/9 and Safari 5.
 */

figure {
    margin: 0;
}

/* ==========================================================================
   Forms
   ========================================================================== */

/**
 * Define consistent border, margin, and padding.
 */

fieldset {
    border: none;
    margin: 0;
    padding: 0;
}

/**
 * 1. Correct `color` not being inherited in IE 8/9.
 * 2. Remove padding so people aren't caught out if they zero out fieldsets.
 */

legend {
    border: 0; /* 1 */
    padding: 0; /* 2 */
}

/**
 * 1. Correct font family not being inherited in all browsers.
 * 2. Correct font size not being inherited in all browsers.
 * 3. Address margins set differently in Firefox 4+, Safari 5, and Chrome.
 */

button,
input,
select,
textarea {
    font-family: inherit; /* 1 */
    font-size: 100%; /* 2 */
    margin: 0; /* 3 */
}

/**
 * Address Firefox 4+ setting `line-height` on `input` using `!important` in
 * the UA stylesheet.
 */

button,
input {
    line-height: normal;
}

/**
 * Address inconsistent `text-transform` inheritance for `button` and `select`.
 * All other form control elements do not inherit `text-transform` values.
 * Correct `button` style inheritance in Chrome, Safari 5+, and IE 8+.
 * Correct `select` style inheritance in Firefox 4+ and Opera.
 */

button,
select {
    text-transform: none;
}

/**
 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
 *    and `video` controls.
 * 2. Correct inability to style clickable `input` types in iOS.
 * 3. Improve usability and consistency of cursor style between image-type
 *    `input` and others.
 */

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

/**
 * Re-set default cursor for disabled elements.
 */

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

/**
 * 1. Address box sizing set to `content-box` in IE 8/9/10.
 * 2. Remove excess padding in IE 8/9/10.
 */

input[type="checkbox"],
input[type="radio"] {
    box-sizing: border-box; /* 1 */
    padding: 0; /* 2 */
}

/**
 * 1. Address `appearance` set to `searchfield` in Safari 5 and Chrome.
 * 2. Address `box-sizing` set to `border-box` in Safari 5 and Chrome
 *    (include `-moz` to future-proof).
 */

input[type="search"] {
    -webkit-appearance: textfield; /* 1 */
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box; /* 2 */
    box-sizing: content-box;
}

/**
 * Remove inner padding and search cancel button in Safari 5 and Chrome
 * on OS X.
 */

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

/**
 * Remove inner padding and border in Firefox 4+.
 */

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

/**
 * 1. Remove default vertical scrollbar in IE 8/9.
 * 2. Improve readability and alignment in all browsers.
 */

textarea {
    overflow: auto; /* 1 */
    vertical-align: top; /* 2 */
}

/* ==========================================================================
   Tables
   ========================================================================== */

/**
 * Remove most spacing between table cells.
 */

table {
    border-collapse: collapse;
    border-spacing: 0;
    border:0;
}
/*grid.css*/

.content {
    width: 100%;
    padding: 20px;
    float: left;
    position: relative;
    border-top: 4px solid;
    background: #ffffff;
    -moz-box-shadow: 0px 1px 1px 0px #717171;
    -webkit-box-shadow: 0px 1px 1px 0px #717171;
    box-shadow: 0px 1px 1px 0px #717171;
}

    .content.content-margin-bottom {
        margin-bottom: 15px;
    }

.no-bg {
    background: transparent;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.no-border {
    border: none;
}

.grid {
    width: 100%;
}

.grid_01 {
    width: 50%;
}

.grid_02 {
    width: 100%;
}

.grid_1-3 {
    width: 33%;
}

.grid_2-3 {
    width: 67%;
}

.grid_1-10 {
    width: 8%;
    display: inline-block
}

.grid_2-10 {
    width: 45%;
    display: inline-block
}

.grid_01, .grid_02, .grid_1-3, .grid_2-3 {
    float: left;
    margin-bottom: 20px;
}

.alpha {
    padding-left: 10px;
}

.omega {
    padding-right: 10px;
}

.container {
    padding: 0 20px 0 230px;
    float: left;
    width: 100%;
}


.clear {
    clear: both;
    display: block;
    overflow: hidden;
    visibility: hidden;
    width: 0;
    height: 0;
}

.clearfix:after {
    clear: both;
    content: ' ';
    display: block;
    font-size: 0;
    line-height: 0;
    visibility: hidden;
    width: 0;
    height: 0;
}

* html .clearfix, *:first-child + html .clearfix {
    zoom: 1;
}

.hide {
    display: none;
}

/*styles.css*/

@font-face {
    font-family: 'segoeui';
    src: url('/Assets/Customer/fonts/segoeui-webfont.eot');
    src: url('/Assets/Customer/fonts/segoeui-webfont.eot?#iefix') format('embedded-opentype'), url('/Assets/Customer/fonts/segoeui-webfont.woff') format('woff'), url('/Assets/Customer/fonts/segoeui-webfont.ttf') format('truetype'), url('/Assets/Customer/fonts/segoeui-webfont.svg#segoeui') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'segoeui-lt';
    src: url('/Assets/Customer/fonts/segoeui-lt-webfont.eot');
    src: url('/Assets/Customer/fonts/segoeui-lt-webfont.eot?#iefix') format('embedded-opentype'), url('/Assets/Customer/fonts/segoeui-lt-webfont.woff') format('woff'), url('/Assets/Customer/fonts/segoeui-lt-webfont.ttf') format('truetype'), url('/Assets/Customer/fonts/segoeui-lt-webfont.svg#segoeui-lt') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'segoeui-b';
    src: url('/Assets/Customer/fonts/segoeui-b-webfont.eot');
    src: url('/Assets/Customer/fonts/segoeui-b-webfont.eot?#iefix') format('embedded-opentype'), url('/Assets/Customer/fonts/segoeui-b-webfont.woff') format('woff'), url('/Assets/Customer/fonts/segoeui-b-webfont.ttf') format('truetype'), url('/Assets/Customer/fonts/segoeui-b-webfont.svg#segoe_uibold') format('svg');
    font-weight: normal;
    font-style: normal;
}

*, *:after, *:before {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: margin 500ms ease;
    -moz-transition: margin 500ms ease;
    -o-transition: margin 500ms ease;
    transition: margin 500ms ease;
    -webkit-transition: padding 500ms ease;
    -moz-transition: padding 500ms ease;
    -o-transition: padding 500ms ease;
    transition: padding 500ms ease;
}

.btn-black {
    background-color: #333333;
}

.btn-default {
    color: #ffffff;
    background-color: #333333;
    padding: 5px 10px;
}

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

body {
    padding: 0;
    margin: 0;
    font-family: 'segoeui', helvetica, sans-serif;
    font-size: 16px;
    background: #f6f8f9;
    color: #333333;
}

    body#login {
        background: #212121 repeat;
        color: #ffffff;
    }

#dashboard ::selection {
    background-color: #1ab7ea;
    color: #ffffff;
}

#dashboard ::-moz-selection {
    background-color: #1ab7ea;
    color: #ffffff;
}

#dashboard ::-webkit-selection {
    background-color: #1ab7ea;
    color: #ffffff;
}

#dashboard ::-o-selection {
    background-color: #1ab7ea;
    color: #ffffff;
}

#dashboard ::-ms-selection {
    background-color: #1ab7ea;
    color: #ffffff;
}

#manage-users ::selection {
    background: #fdd26d;
    color: #333333;
}

#manage-users ::-moz-selection {
    background: #fdd26d;
    color: #333333;
}

#manage-users ::-webkit-selection {
    background: #fdd26d;
    color: #333333;
}

#manage-users ::-o-selection {
    background: #fdd26d;
    color: #333333;
}

#manage-users ::-ms-selection {
    background: #fdd26d;
    color: #333333;
}

#find-mem ::selection {
    background: #fdd26d;
    color: #333333;
}

#find-mem ::-moz-selection {
    background: #fdd26d;
    color: #333333;
}

#find-mem ::-webkit-selection {
    background: #fdd26d;
    color: #333333;
}

#find-mem ::-o-selection {
    background: #fdd26d;
    color: #333333;
}

#find-mem ::-ms-selection {
    background: #fdd26d;
    color: #333333;
}

#add-mem ::selection {
    background: #ff8fb4;
    color: #333333;
}

#add-mem ::-moz-selection {
    background: #ff8fb4;
    color: #333333;
}

#add-mem ::-webkit-selection {
    background: #ff8fb4;
    color: #333333;
}

#add-mem ::-o-selection {
    background: #ff8fb4;
    color: #333333;
}

#add-mem ::-ms-selection {
    background: #ff8fb4;
    color: #333333;
}

#mem-points ::selection {
    background: #64ce83;
    color: #333333;
}

#mem-points ::-moz-selection {
    background: #64ce83;
    color: #333333;
}

#mem-points ::-webkit-selection {
    background: #64ce83;
    color: #333333;
}

#mem-points ::-o-selection {
    background: #64ce83;
    color: #333333;
}

#mem-points ::-ms-selection {
    background: #64ce83;
    color: #333333;
}

#mem-reporting ::selection {
    background: #f9845b;
    color: #ffffff;
}

#mem-reporting ::-moz-selection {
    background: #f9845b;
    color: #ffffff;
}

#mem-reporting ::-webkit-selection {
    background: #f9845b;
    color: #ffffff;
}

#mem-reporting ::-o-selection {
    background: #f9845b;
    color: #ffffff;
}

#mem-reporting ::-ms-selection {
    background: #f9845b;
    color: #ffffff;
}

#settings ::selection {
    background: #a085c6;
    color: #ffffff;
}

#settings ::-moz-selection {
    background: #a085c6;
    color: #ffffff;
}

#settings ::-webkit-selection {
    background: #a085c6;
    color: #ffffff;
}

#settings ::-o-selection {
    background: #a085c6;
    color: #ffffff;
}

#settings ::-ms-selection {
    background: #a085c6;
    color: #ffffff;
}

#blank ::selection {
    background: #82797a;
    color: #ffffff;
}

#blank ::-moz-selection {
    background: #82797a;
    color: #ffffff;
}

#blank ::-webkit-selection {
    background: #82797a;
    color: #ffffff;
}

#blank ::-o-selection {
    background: #82797a;
    color: #ffffff;
}

#blank ::-ms-selection {
    background: #82797a;
    color: #ffffff;
}

/*HEADINGS*/
h1 {
    font-family: 'segoeui-lt', helvetica, sans-serif;
    font-size: 3.75em;
    margin: 75px 0 20px 0;
    line-height: 1em;
    font-weight: lighter;
}

h2 {
    font-family: 'segoeui', helvetica, sans-serif;
    font-size: 1.875em;
    margin: 0 0 20px 0;
    line-height: 1em;
}

    h2 span {
        font-size: 0.7em;
    }
/*****************************
************TOP BAR***********
*****************************/
#top-bar {
    float: right;
    height: 40px;
}

    #top-bar a {
        float: left;
        margin: 0 20px;
        line-height: 40px;
        text-decoration: none;
        color: #666666;
        font-size: 0.875em;
    }

        #top-bar a:hover {
            color: #000000;
        }

    #top-bar img {
        margin-top: 5px;
    }

/*****************************
***********SIDE NAV***********
*****************************/
#side-nav {
    width: 210px;
    position: fixed;
    z-index: 999;
    top: 0;
    left: 0;
    bottom: 0;
    float: left;
    overflow-x: hidden;
    overflow-y: auto;
    background: #212121;
}

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

    ul.nav li {
        width: 210px;
        line-height: 40px;
        margin: 0;
        padding: 0;
        position: relative;
    }

        ul.nav li svg {
            position: absolute;
            height: 1.8em;
            width: 1.8em;
            top: 5px;
            left: 25px;
        }

        ul.nav li a {
            text-decoration: none;
            color: #ffffff;
            display: block;
            border-left: 10px solid #000000;
            padding-left: 65px;
        }

.notification-container {
    z-index: 9999;
}

.notification-menu input {
    display: none;
}

.notification-menu label {
    display: none;
    border: none;
}


.svg-dashboard, .svg-add-mem, .svg-find-mem, .svg-mem-points, .svg-settings, .svg-logout {
    fill: #ffffff;
}

ul.nav li.dashboard a:hover, #dashboard ul.nav li.dashboard a,
ul.nav li.add-mem a:hover, #add-mem ul.nav li.add-mem a,
ul.nav li.find-mem a:hover, #find-mem ul.nav li.find-mem a,
ul.nav li.manage-users a:hover, #manage-users ul.nav li.manage-user a,
ul.nav li.mem-points a:hover, #mem-points ul.nav li.mem-points a,
ul.nav li.settings a:hover, #settings ul.nav li.settings a,
ul.nav li.logout a:hover {
    background-color: #333333;
}

ul.nav li:hover .svg-dashboard, #dashboard ul.nav li .svg-dashboard {
    fill: #1ab7ea;
}

ul.nav li.dashboard a:hover, #dashboard ul.nav li.dashboard a {
    border-color: #1ab7ea;
}

ul.nav li:hover .svg-add-mem, #add-mem ul.nav li .svg-add-mem {
    fill: #ff8fb4;
}

ul.nav li.add-mem a:hover, #add-mem ul.nav li.add-mem a {
    border-color: #ff8fb4;
}

ul.nav li:hover .svg-find-mem, #find-mem ul.nav li .svg-find-mem {
    fill: #fdd26d;
}

ul.nav li.find-mem a:hover, #find-mem ul.nav li.find-mem a {
    border-color: #fdd26d;
}

ul.nav li:hover .svg-manage-users, #manage-users ul.nav li .svg-manage-users {
    fill: #fdd26d;
}

ul.nav li.manage-users a:hover, #manage-users ul.nav li.manage-users a {
    border-color: #fdd26d;
}

ul.nav li:hover .svg-mem-points, #mem-points ul.nav li .svg-mem-points {
    fill: #64ce83;
}

ul.nav li.mem-points a:hover, #mem-points ul.nav li.mem-points a {
    border-color: #64ce83;
}

ul.nav li:hover .svg-settings, #settings ul.nav li .svg-settings {
    fill: #a085c6;
}

ul.nav li.settings a:hover, #settings ul.nav li.settings a {
    border-color: #a085c6;
}

ul.nav li:hover .svg-logout {
    fill: #eb585c;
}

ul.nav li.logout a:hover {
    border-color: #eb585c;
}

/*****************************
*********FORM ELEMENTS********
*****************************/
input:-webkit-autofill {
    -webkit-box-shadow: 0 0 0px 100px #ffffff inset;
}

input, textarea, select, option, input[type=text]:focus, input[type=password]:focus, input[type=submit]:focus, textarea:focus, select:focus, option:focus {
    outline: none;
}

    input[type=radio] {
        float: left;
        margin-top: 6px !important;
    }

    input[type=text], input[type=password], textarea {
        border-bottom: 4px solid;
        border-top: 0;
        border-left: 0;
        border-right: 0;
        width: 100%;
        padding: 10px 10px 0 10px;
        margin: 0;
        font-size: 1.125em;
    }

textarea {
    padding: 10px 10px 0 10px;
    resize: none;
    min-height: 40px;
    vertical-align: top;
    overflow: hidden;
}


input[type=submit]{
    width: 50%;
    border: 0;
    margin-top: 10px;
    margin-left: 25%;
    color: #ffffff;
    text-align: center;
    padding: 15px 0;
    cursor: pointer;
    -webkit-transition: background-color 200ms ease;
    -o-transition: background-color 200ms ease;
    -moz-transition: background-color 200ms ease;
    transition: background-color 200ms ease;
}

    input[type=submit]:hover {
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
        filter: alpha(opacity=80);
        -moz-opacity: 0.8;
        -khtml-opacity: 0.8;
        -webkit-opacity: 0.8;
        opacity: 0.8;
    }

fieldset {
    display: block;
    border: 0;
    padding: 0;
    margin: 0 0 10px 0;
    width: 100%;
}

label {
    float: left;
    display: block;
    border-left: 4px solid;
    padding-left: 10px;
    width: 25%;
    line-height: 25px;
}

label, input[type=text], input[type=password], fieldset {
    height: auto;
}

    label.radio-label {
        border: none;
        width: auto;
        height: 20px;
    }

        label.radio-label:hover {
            cursor: help;
        }
    label.radio-label::before {
        margin-top: 4px
    }

    label.radio-label::after {
        margin-top: 4px
    }

::-webkit-input-placeholder {
    color: #9f9f9f;
}

:-moz-placeholder {
    color: #9f9f9f;
}

::-moz-placeholder {
    color: #9f9f9f;
}

:-ms-input-placeholder {
    color: #9f9f9f !important;
}

[placeholder]:focus::-webkit-input-placeholder {
    color: transparent;
}

[placeholder]:focus:-moz-input-placeholder {
    color: transparent !important;
}

[placeholder]:focus::-moz-input-placeholder {
    color: transparent !important;
}

[placeholder]:focus:-ms-input-placeholder {
    color: transparent;
}

select.email-selector {
    padding-right: 10px;
    border: none;
    border-left: 4px solid;
    border-color: #82797a;
    width: 24%;
    margin-right: 4px;
    float: left;
    background-image: url('../img/select-arrow.png');
    background-position: right;
    background-repeat: no-repeat;
}

select {
    -webkit-appearance: none !important;
    background: #ffffff no-repeat 97% center;
    border: 4px solid;
    width: 75%;
    height: 40px;
}

    select::-ms-expand {
        display: none;
    }

@-moz-document url-prefix() {
    select {
        background: #ffffff;
    }
}

select#state {
    width: 37.5%;
}

.pagination {
    padding: 10px 21px;
    display: flex;
    justify-content: flex-end;
    width: 100%;
}

.pagination input {
    margin: 0 2px;
    background-color: white;
    border: 1px solid gray;
    padding: 6px 8px;
    border-radius: 4px;
}

.pagination input.active {
    background-color: #ddd;
}

#view-member-history-btn {
    border: none;
    height: 40px;
    padding: 10px;
    float: right;
    background-color: #a0b1b1;
    color: white;
}

.rem-input {
    position: relative;
    overflow: visible;
    float: left;
    width: 75%;
}

    .rem-input:after {
        right: 0;
        content: "";
        position: absolute;
        bottom: 0;
        height: 8px;
        width: 4px;
    }

    .rem-input:before {
        left: 0;
        content: "";
        position: absolute;
        bottom: 0;
        height: 8px;
        width: 4px;
    }

.value-calc {
    position: relative;
    overflow: visible;
    float: left;
    width: 75%;
    font-size: 2em;
    line-height: 40px;
    color: #64ce83;
}

    .value-calc:after {
        right: 0;
        content: "";
        position: absolute;
        bottom: 0;
        height: 8px;
        width: 4px;
        background: #666666;
    }

    .value-calc:before {
        left: 0;
        content: "";
        position: absolute;
        bottom: 0;
        height: 8px;
        width: 4px;
        background: #666666;
    }

/*****************************
***********RSS FEED***********
*****************************/
#rssfeed {
    width: 100%;
    margin-top: -10px;
}

    #rssfeed tr {
        border-bottom: 1px solid #c8ced0;
    }

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

    #rssfeed td {
        padding: 10px 0;
    }

/*****************************
*********MEMBER POINTS********
*****************************/
h2.point-balance, h3.point-balance {
    text-align: right;
    font-family: 'segoeui-b', helvetica, sans-serif;
    font-weight: bold;
    position: absolute;
    top: 20px;
    right: 20px;
}

h3.point-balance {
    top: 40px;
}

#points-balance-history {
    text-align: left;
    width: 100%;
    font-size: 0.875em;
    margin: 40px 0;
}

    #points-balance-history tr:nth-child(even) {
        background: #b1e6c1;
    }

    #points-balance-history th {
        font-size: 1.125em;
        padding: 0 5px;
    }

    #points-balance-history td {
        padding: 0 5px;
    }

    #points-balance-history tr:hover {
        background: #ffff00;
    }

/*****************************
********FIND MEM RESULT*******
*****************************/
.cell-id, .cell-custid, .cell-name, .cell-phone, .cell-email, .cell-dealer, .cell-points, .cell-history, .cell-profile, .cell-benefits, .cell-benefitsHist {
    float: left;
    font-size: 0.9em;
    padding: 10px 0 0 0;
}

.cell-points, .cell-history, .cell-profile {
    padding: 0;
}

.cell-id {
    width: 8%;
}

.cell-custid {
    width: 8%;
}

.cell-name {
    width: 10%;
}

.cell-dealer {
    width: 11%;
    overflow: hidden;
    margin-left: 2%;
    margin-right: 2%;
}

.cell-phone {
    width: 8%;
}

.cell-email {
    width: 11%;
    overflow:hidden;
}

.cell-points, .cell-history, .cell-profile, .cell-benefits, .cell-benefitsHist{
    width: 10%;
}

.cell-benefits {
    margin-top: 1%;
    margin-left: 64%;
}

.cell-benefitsHist {
    margin-top: 1%;
}

#find-mem .cell-points a.btn, #find-mem .cell-history a.btn, #find-mem .cell-profile a.btn, #find-mem .cell-benefits a.btn, #find-mem .cell-benefitsHist a.btn {
    width: 86%;
    padding: 10px 0;
    display: block;
    text-decoration: none;
    color: #333333;
    text-align: center;
}

    #find-mem .cell-points a.btn:hover, #find-mem .cell-history a.btn:hover, #find-mem .cell-profile a.btn:hover, #find-mem .cell-benefits a.btn:hover, #find-mem .cell-benefitsHist a.btn:hover {
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
        filter: alpha(opacity=80);
        -moz-opacity: 0.8;
        -khtml-opacity: 0.8;
        -webkit-opacity: 0.8;
        opacity: 0.8;
    }

#find-mem .grid_02 .grid_02 .content:hover {
    background: #eeeeee;
}

.activation-label {
    text-transform: uppercase;
    font-weight: bold;
}
.not-activated-label {
    color : red;
    
}

.activated-label {
    color: green;
}

/*****************************
*********SETTINGS PAGE********
*****************************/
.cell-login, .cell-type, .cell-password {
    float: left;
    width: 33%;
}

.cell-login, .cell-type {
    padding: 10px 0 0 0;
}

#settings .cell-password a.btn {
    width: 86%;
    padding: 10px 0;
    display: block;
    text-decoration: none;
    color: #ffffff;
    text-align: center;
}

    #settings .cell-password a.btn:hover {
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
        filter: alpha(opacity=80);
        -moz-opacity: 0.8;
        -khtml-opacity: 0.8;
        -webkit-opacity: 0.8;
        opacity: 0.8;
    }

/*****************************
**********LOGIN PAGE**********
*****************************/
#login {
    font-size: 16px;
}

    #login h1 {
        text-align: center;
        margin: 30px 0 20px 0;
    }

    #login h2 {
        text-align: center;
        font-weight: normal;
        font-size: 1.5em;
        font-family: 'segoeui-lt', helvetica, sans-serif;
    }

#login-container {
    max-width: 400px;
    margin: auto;
    -moz-box-shadow: 0px 1px 1px 0px #c8c8c8;
    -webkit-box-shadow: 0px 1px 1px 0px #c8c8c8;
    box-shadow: 0px 1px 1px 0px #c8c8c8;
}

#login-pod {
    background: #ffffff;
    padding: 20px 15px;
    border-top: 4px solid #1693d4;
}

    #login-pod label {
        color: #000;
    }

    #login-pod .validation-summary-errors {
        color: red;
    }

        #login-pod .validation-summary-errors ul {
            margin: 20px;
            padding: 0px;
        }

            #login-pod .validation-summary-errors ul li {
                margin: 0px;
                padding: 0px;
            }

    #login-pod img {
        max-width: 65%;
        display: block;
        margin: 10px auto 40px auto;
    }

    #login-pod p {
        color: #212121;
        text-align: center;
        font-size: 0.85em;
    }

    #login-pod input[type=text], #login-pod input[type=password] {
        border-bottom: 2px solid #868686;
        border-top: 0;
        border-left: 0;
        border-right: 0;
        width: 100%;
        padding: 10px 10px 0 10px;
        font-size: 1.5em;
        font-family: 'segoeui-lt', helvetica, sans-serif;
    }

    #login-pod input[type=submit] {
        width: 100%;
        border: 0;
        color: #ffffff;
        padding: 7px 0;
        margin: 0;
        font-size: 1.5em;
        background: #1693d4;
        margin: 30px 0;
    }

    #login-pod .rem-input {
        width: 100%;
        margin: 0 0 20px 0;
    }

        #login-pod .rem-input:before, #login-pod .rem-input:after {
            height: 4px;
            width: 2px;
            background-color: #868686;
        }

/*****************************
*********MISCELLANEOUS********
*****************************/
.loader {
    display: block;
    margin: -15px auto 5px auto;
}

/*****************************
*****PAGE SPECIFIC COLORS*****
*****************************/
/*BORDERS*/
#dashboard .content, #dashboard input[type=text], #dashboard input[type=password], #dashboard textarea, #dashboard label {
    border-color: #1ab7ea;
}

#add-mem .content, #add-mem input[type=text], #add-mem input[type=password], #add-mem textarea, #add-mem label, #add-mem select {
    border-color: #ff8fb4;
}

#find-mem .content, #find-mem input[type=text], #find-mem select , #find-mem input[type=password], #find-mem textarea, #find-mem label {
    border-color: #fdd26d;
}

#mem-points .content, #mem-points input[type=text], #mem-points input[type=password], #mem-points textarea, #mem-points label {
    border-color: #64ce83;
}

#mem-reporting .content, #mem-reporting input[type=text], #mem-reporting input[type=password], #mem-reporting textarea, #mem-reporting label, #mem-reporting select {
    border-color: #f9845b;
}

#settings .content, #settings input[type=text], #settings input[type=password], #settings textarea, #settings label {
    border-color: #a085c6;
}

#blank .content, #blank input[type=text], #blank input[type=password], #blank textarea, #blank label, #blank select {
    border-color: #82797a;
}

/*BACKGROUNDS*/
#dashboard input[type=submit] {
    background-color: #1ab7ea;
}

#add-mem .rem-input:after, #add-mem .rem-input:before, #add-mem input[type=submit], #add-mem select:hover {
    background-color: #ff8fb4;
}

#find-mem .rem-input:after, #find-mem .rem-input:before, #find-mem input[type=submit], #find-mem .cell-points a, #find-mem .cell-history a, #find-mem .cell-profile a, #find-mem .cell-benefits a, #find-mem .cell-benefitsHist a {
    background-color: #fdd26d;
}

#mem-points .rem-input:after, #mem-points .rem-input:before, #mem-points input[type=submit] {
    background-color: #64ce83;
}

#mem-reporting .rem-input:after, #mem-reporting .rem-input:before, #mem-reporting input[type=submit], #mem-reporting select:hover {
    background-color: #f9845b;
}

#settings .rem-input:after, #settings .rem-input:before, #settings input[type=submit], #settings .cell-password a {
    background-color: #a085c6;
}

#blank .rem-input:after, #blank .rem-input:before, #blank input[type=submit] {
    background-color: #82797a;
}

/*FONT COLOR*/
#dashboard .content a {
    color: #1ab7ea;
}

#add-mem .content a {
    color: #ff8fb4;
}

#find-mem .content a {
    color: #fdd26d;
}

#mem-points .content a {
    color: #64ce83;
}

#mem-reporting .content a {
    color: #f9845b;
}

#settings .content a {
    color: #a085c6;
}

#blank .content a {
    color: #82797a;
}

/*****************************
*********MEDIA QUERIES********
*****************************/
@media screen and (max-width:1000px) {

    #side-nav {
        width: 70px;
    }

    .nav-logo {
        display: none;
    }

    ul.nav li {
        margin-top: 20px;
        width: auto;
    }

        ul.nav li a {
            text-indent: -9999px;
            padding-left: 0;
        }

    .container {
        padding: 0 10px 0 80px;
    }

    .alpha {
        padding-left: 5px;
    }

    .omega {
        padding-right: 5px;
    }

    input[type=submit] {
        width: 75%;
    }

    h1 {
        margin: 40px 0 20px 0;
    }

    .cell-id, .cell-custid, .cell-name, .cell-phone, .cell-email, .cell-points, .cell-history, .cell-profile, .cell-benefits, .cell-benefitsHist {
        font-size: 0.75em;
    }
}

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

    .grid_01, .grid_1-3, .grid_2-3, .rem-input, .value-calc, select,
    #find-mem .cell-points a.btn, #find-mem .cell-history a.btn, #find-mem .cell-profile a.btn, #find-mem .cell-benefits a.btn, #find-mem .cell-benefitsHist a.btn {
        width: 100%;
    }

    .alpha {
        padding-left: 0;
    }

    .omega {
        padding-right: 0;
    }

    label, .results-title {
        display: none;
    }

        label.radio-label {
            display: block;
        }

    .content {
        padding: 10px;
    }

    input[type=submit] {
        width: 100%;
        border: 0;
        margin-top: 10px;
        margin-left: 0;
    }

    h2.point-balance {
        text-align: left;
        top: 60px;
        left: 10px;
        color: #64ce83;
    }

    h3.point-balance {
        top: 47px;
    }

    #points-balance-history {
        margin-top: 70px;
    }

        #points-balance-history th {
            font-size: 0.875em;
        }

    select#state {
        width: 50%;
    }

    .grid_02 {
        font-size: 1em;
    }

    .cell-id, .cell-custid, .cell-name, .cell-phone, .cell-email, .cell-dealer, .cell-points, .cell-history, .cell-profile, .cell-benefits, .cell-benefitsHist {
        font-size: 1em;
        float: none;
        padding: 10px 0 0 0;
        width: 100%;
    }

        .cell-id:before, .cell-custid:before, .cell-name:before, .cell-phone:before, .cell-email:before, .cell-dealer:before {
            font-style: italic;
            width: 25%;
            float: left;
            color: #666;
        }

        .cell-id:before {
            content: "Member ID:";
        }

        .cell-custid:before {
            content: "Customer ID:";
        }

        .cell-name:before {
            content: "Name:";
        }

        .cell-phone:before {
            content: "Phone:";
        }

        .cell-email:before {
            content: "Email:";
        }

        .cell-dealer:before{
            content: "Dealership"
        }
}

@media screen and (max-width:610px) {
    h3.point-balance {
        text-align: left;
        top: 80px;
        left: 10px;
    }

    #points-balance-history {
        margin-top: 110px;
    }
}

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

    .container {
        padding: 10px 10px 0 10px;
    }

    #side-nav {
        right: 0;
        bottom: auto;
        width: auto;
    }

    ul.nav li {
        width: 50%;
        margin-top: 0;
        float: left;
    }

        ul.nav li a {
            text-indent: 0;
            padding-left: 65px;
        }

    #top-bar {
        display: none;
    }

    #login-container {
        padding: 0 10px 20px 10px;
        -moz-box-shadow: none;
        -webkit-box-shadow: none;
        box-shadow: none;
    }

    .cell-id:before, .cell-custid:before, .cell-name:before, .cell-phone:before, .cell-email:before, .cell-dealer:before {
        font-size: .75em;
        width: 80px;
    }

    /*MOBILE MENU*/
    .notification-menu {
        position: absolute;
        width: 100%;
        top: 0;
    }

    .notification-container {
        height: 120px;
        position: absolute;
        width: 100%;
    }

    .notification-menu label {
        cursor: pointer;
        position: absolute;
        z-index: 5;
        display: inline-block;
        text-indent: 100%;
        white-space: nowrap;
        overflow: hidden;
        padding: 0;
        border: 0;
    }

        .notification-menu label[for=hide] {
            width: 230px;
            height: 50px;
            right: 50%;
            margin-right: -115px;
            top: 120px;
            text-indent: 0;
            text-align: center;
            color: #ffffff;
            line-height: 50px;
            background: url('/Assets/Customer/img/nav-hide.png') no-repeat center center #212121;
        }

            .notification-menu label[for=hide]:hover {
                background-color: #333333;
            }

        .notification-menu label[for=show] {
            width: 50px;
            height: 50px;
            right: 10px;
            top: 10px;
            background: url('/Assets/Customer/img/show.png') no-repeat center center;
        }

    /* Function */
    .notification-menu input[value=show]:checked ~ label[for=show],
    .notification-menu input[value=hide]:checked ~ label[for=hide],
    .notification-menu input[value=hide]:checked ~ .notification-container {
        -webkit-transition: ease 350ms;
        -moz-transition: ease 350ms;
        -o-transition: ease 350ms;
        transition: ease 350ms;
        -webkit-transform: translateY(-800%);
        -moz-transform: translateY(-800%);
        -o-transform: translateY(-800%);
        transform: translateY(-800%);
    }

    .notification-menu input[value=hide]:checked ~ label[for=show],
    .notification-menu input[value=show]:checked ~ label[for=hide],
    .notification-menu input[value=show]:checked ~ .notification-container {
        -webkit-transition: ease 350ms;
        -moz-transition: ease 350ms;
        -o-transition: ease 350ms;
        transition: ease 350ms;
        -webkit-transform: translateY(0%);
        -moz-transform: translateY(0%);
        -o-transform: translateY(0%);
        transform: translateY(0%);
    }

    /* Inital Animation */
    @-webkit-keyframes initiate {
        0% {
            transform: translateY(-800%);
        }

        50% {
            transform: translateY(-400%);
        }

        100% {
            transform: translateY(0%);
        }
    }

    @-moz-keyframes initiate {
        0% {
            transform: translateY(-800%);
        }

        50% {
            transform: translateY(-400%);
        }

        100% {
            transform: translateY(0%);
        }
    }

    @-o-keyframes initiate {
        0% {
            transform: translateY(-800%);
        }

        50% {
            transform: translateY(-400%);
        }

        100% {
            transform: translateY(0%);
        }
    }

    @keyframes initiate {
        0% {
            transform: translateY(-800%);
        }

        50% {
            transform: translateY(-400%);
        }

        100% {
            transform: translateY(0%);
        }
    }
}

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

    .container {
        padding: 10px 5px 0 5px;
    }

    #side-nav {
        position: absolute;
    }

    ul.nav li {
        width: 100%;
        float: none;
    }

        ul.nav li a {
            padding-left: 85px;
        }

    h2.point-balance {
        top: 90px;
    }

    h3.point-balance {
        top: 130px;
    }

    #points-balance-history {
        margin-top: 150px;
    }

    #login h1 {
        font-size: 2.5em;
        margin: 10px 0 5px 0;
    }

    #login h2 {
        font-size: 1.5em;
    }

    #login-pod {
        padding: 10px 15px;
    }

        #login-pod img {
            margin: 5px auto 20px auto;
        }

        #login-pod input[type=submit] {
            margin: 5px 0;
        }

    .cell-id:before, .cell-custid:before, .cell-name:before, .cell-phone:before, .cell-email:before, cell-dealer:before {
        font-size: .75em;
        width: auto;
        padding-right: 4px;
    }

    .notification-menu label[for=hide] {
        width: 230px;
        height: 50px;
        right: 50%;
        margin-right: -115px;
        top: 270px;
    }

    .notification-container {
        height: 240px;
    }
}

#login-pod p.login-error-msg {
    color: red;
}

.checkbox-label-align {

}

.checkbox-label-align div {
    float: left !important;
    border: none !important;
        width: 250px;
}

.checkbox-label-align input[type=checkbox]{
    float: left;
    position: relative;
    top: 5px;
}

.field-validation-error {
    color: red;
}

.password-reset-info {
    color: #000;
}

    .password-reset-info p {
        text-align: left !important;
        margin-bottom: 0px !important;
    }

    .password-reset-info ul {
        margin: 0px;
        padding-left: 15px;
        font-size: 0.85em;
    }

        .password-reset-info ul li {
        }

.user-grid {
    margin-bottom: 5px;
}

.exportBtnContainer {
    text-align: right;
}

.ppmContent {
    margin-bottom: 10px;
}

.ppmButton {
    width: 50%;
    border: 0;
    margin-top: 10px;
    margin-left: 25%;
    color: #ffffff;
    text-align: center;
    padding: 15px 0;
    cursor: pointer;
    -webkit-transition: background-color 200ms ease;
    -o-transition: background-color 200ms ease;
    -moz-transition: background-color 200ms ease;
    transition: background-color 200ms ease;
    background-color: #fdd26d;
}

.transactionHistoryHeader {
    width: 100%;
    float: left;
    margin-bottom: 50px;
}

.transactionHistoryName {
    width: 50%;
    float: left;
}

.transactionHistoryPoints {
    width: 50%;
    float: left;
}

.transactionPoints {
    width: 30%;
    float: left;
    text-align: right;
    padding-right: 10px;
}

.transactionPoints h2 {
    margin: 0px;
}

.transactionBenefits h2 {
    margin: 0px;
}

.transactionPoints h3 {
    margin: 5px;
}

.transactionBenefits h3 {
    margin: 5px;
}

.transactionBenefits {
    width: 30%;
    float: left;
    padding-left: 10px;
    border-left: 2px solid #333333;
    
}

.benefit-radio {
    margin-top: 6px;
}

.sso-container {
    margin-top: 20px;
    text-align: center;
}

.divider {
    position: relative;
    text-align: center;
    margin: 15px 0;
    color: #666;
}

    .divider:before,
    .divider:after {
        content: '';
        position: absolute;
        top: 50%;
        width: 45%;
        height: 1px;
        background: #ddd;
    }

    .divider:before {
        left: 0;
    }

    .divider:after {
        right: 0;
    }

.sso-buttons {
    display: flex;
    flex-direction: column;
    gap: 10px;
    margin: 15px auto;
    max-width: 250px;
}

.sso-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    padding: 8px 15px;
    border: 1px solid #ddd;
    border-radius: 4px;
    background: white;
    color: #333;
    cursor: pointer;
    transition: background-color 0.2s;
    width: 100%;
}

    .sso-btn img {
        width: 20px;
        height: 20px;
    }

    .sso-btn:hover {
        background-color: #f5f5f5;
    }

    .sso-btn.microsoft:hover {
        border-color: #0078d4;
    }

    .sso-btn.google:hover {
        border-color: #4285f4;
    }
/*!
 * Datepicker v1.0.8
 * https://fengyuanchen.github.io/datepicker
 *
 * Copyright 2014-present Chen Fengyuan
 * Released under the MIT license
 *
 * Date: 2019-06-23T08:07:37.208Z
 */

.datepicker-container {
  background-color: #fff;
  direction: ltr;
  font-size: 12px;
  left: 0;
  line-height: 30px;
  position: fixed;
  -webkit-tap-highlight-color: transparent;
  top: 0;
  -ms-touch-action: none;
  touch-action: none;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  width: 210px;
  z-index: -1;
}

.datepicker-container::before,
.datepicker-container::after {
  border: 5px solid transparent;
  content: " ";
  display: block;
  height: 0;
  position: absolute;
  width: 0;
}

.datepicker-dropdown {
  border: 1px solid #ccc;
  -webkit-box-shadow: 0 3px 6px #ccc;
  box-shadow: 0 3px 6px #ccc;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
  position: absolute;
  z-index: 1;
}

.datepicker-inline {
  position: static;
}

.datepicker-top-left,
.datepicker-top-right {
  border-top-color: #39f;
}

.datepicker-top-left::before,
.datepicker-top-left::after,
.datepicker-top-right::before,
.datepicker-top-right::after {
  border-top: 0;
  left: 10px;
  top: -5px;
}

.datepicker-top-left::before,
.datepicker-top-right::before {
  border-bottom-color: #39f;
}

.datepicker-top-left::after,
.datepicker-top-right::after {
  border-bottom-color: #fff;
  top: -4px;
}

.datepicker-bottom-left,
.datepicker-bottom-right {
  border-bottom-color: #39f;
}

.datepicker-bottom-left::before,
.datepicker-bottom-left::after,
.datepicker-bottom-right::before,
.datepicker-bottom-right::after {
  border-bottom: 0;
  bottom: -5px;
  left: 10px;
}

.datepicker-bottom-left::before,
.datepicker-bottom-right::before {
  border-top-color: #39f;
}

.datepicker-bottom-left::after,
.datepicker-bottom-right::after {
  border-top-color: #fff;
  bottom: -4px;
}

.datepicker-top-right::before,
.datepicker-top-right::after,
.datepicker-bottom-right::before,
.datepicker-bottom-right::after {
  left: auto;
  right: 10px;
}

.datepicker-panel > ul {
  margin: 0;
  padding: 0;
  width: 102%;
}

.datepicker-panel > ul::before,
.datepicker-panel > ul::after {
  content: " ";
  display: table;
}

.datepicker-panel > ul::after {
  clear: both;
}

.datepicker-panel > ul > li {
  background-color: #fff;
  cursor: pointer;
  float: left;
  height: 30px;
  list-style: none;
  margin: 0;
  padding: 0;
  text-align: center;
  width: 30px;
}

.datepicker-panel > ul > li:hover {
  background-color: rgb(229, 242, 255);
}

.datepicker-panel > ul > li.muted,
.datepicker-panel > ul > li.muted:hover {
  color: #999;
}

.datepicker-panel > ul > li.highlighted {
  background-color: rgb(229, 242, 255);
}

.datepicker-panel > ul > li.highlighted:hover {
  background-color: rgb(204, 229, 255);
}

.datepicker-panel > ul > li.picked,
.datepicker-panel > ul > li.picked:hover {
  color: #39f;
}

.datepicker-panel > ul > li.disabled,
.datepicker-panel > ul > li.disabled:hover {
  background-color: #fff;
  color: #ccc;
  cursor: default;
}

.datepicker-panel > ul > li.disabled.highlighted,
.datepicker-panel > ul > li.disabled:hover.highlighted {
  background-color: rgb(229, 242, 255);
}

.datepicker-panel > ul > li[data-view="years prev"],
.datepicker-panel > ul > li[data-view="year prev"],
.datepicker-panel > ul > li[data-view="month prev"],
.datepicker-panel > ul > li[data-view="years next"],
.datepicker-panel > ul > li[data-view="year next"],
.datepicker-panel > ul > li[data-view="month next"],
.datepicker-panel > ul > li[data-view="next"] {
  font-size: 18px;
}

.datepicker-panel > ul > li[data-view="years current"],
.datepicker-panel > ul > li[data-view="year current"],
.datepicker-panel > ul > li[data-view="month current"] {
  width: 150px;
}

.datepicker-panel > ul[data-view="years"] > li,
.datepicker-panel > ul[data-view="months"] > li {
  height: 52.5px;
  line-height: 52.5px;
  width: 52.5px;
}

.datepicker-panel > ul[data-view="week"] > li,
.datepicker-panel > ul[data-view="week"] > li:hover {
  background-color: #fff;
  cursor: default;
}

.datepicker-hide {
  display: none;
}