/*! normalize.css v6.0.0 | MIT License | github.com/necolas/normalize.css */
/* Document
 ========================================================================== */
/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in
 *    IE on Windows Phone and in iOS.
 */
html {
    line-height: 1.15;
    /* 1 */
    -ms-text-size-adjust: 100%;
    /* 2 */
    -webkit-text-size-adjust: 100%;
    /* 2 */
}
/* Sections
 ========================================================================== */
/**
 * Add the correct display in IE 9-.
 */
article, aside, footer, header, nav, section {
    display: block;
}
/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */
h1 {
    font-size: 2em;
    margin: 0.67em 0;
}
/* Grouping content
 ========================================================================== */
/**
 * Add the correct display in IE 9-.
 * 1. Add the correct display in IE.
 */
figcaption, figure, main {
    /* 1 */
    display: block;
}
/**
 * Add the correct margin in IE 8.
 */
figure {
    margin: 1em 40px;
}
/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */
hr {
    box-sizing: content-box;
    /* 1 */
    height: 0;
    /* 1 */
    overflow: visible;
    /* 2 */
}
/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
pre {
    font-family: monospace, monospace;
    /* 1 */
    font-size: 1em;
    /* 2 */
}
/* Text-level semantics
 ========================================================================== */
/**
 * 1. Remove the gray background on active links in IE 10.
 * 2. Remove gaps in links underline in iOS 8+ and Safari 8+.
 */
a {
    background-color: transparent;
    /* 1 */
    -webkit-text-decoration-skip: objects;
    /* 2 */
}
/**
 * 1. Remove the bottom border in Chrome 57- and Firefox 39-.
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */
abbr[title] {
    border-bottom: none;
    /* 1 */
    text-decoration: underline;
    /* 2 */
    text-decoration: underline dotted;
    /* 2 */
}
/**
 * Prevent the duplicate application of `bolder` by the next rule in Safari 6.
 */
b, strong {
    font-weight: inherit;
}
/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */
b, strong {
    font-weight: bolder;
}
/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
code, kbd, samp {
    font-family: monospace, monospace;
    /* 1 */
    font-size: 1em;
    /* 2 */
}
/**
 * Add the correct font style in Android 4.3-.
 */
dfn {
    font-style: italic;
}
/**
 * Add the correct background and color in IE 9-.
 */
mark {
    background-color: #ff0;
    color: #000;
}
/**
 * Add the correct font size in all browsers.
 */
small {
    font-size: 80%;
}
/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */
sub, sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}

sub {
    bottom: -0.25em;
}

sup {
    top: -0.5em;
}
/* Embedded content
 ========================================================================== */
/**
 * Add the correct display in IE 9-.
 */
audio, video {
    display: inline-block;
}
    /**
 * Add the correct display in iOS 4-7.
 */
    audio:not([controls]) {
        display: none;
        height: 0;
    }
/**
 * Remove the border on images inside links in IE 10-.
 */
img {
    border-style: none;
}
/**
 * Hide the overflow in IE.
 */
svg:not(:root) {
    overflow: hidden;
}
/* Forms
 ========================================================================== */
/**
 * Remove the margin in Firefox and Safari.
 */
button, input, optgroup, select, textarea {
    margin: 0;
}
/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */
button, input {
    /* 1 */
    overflow: visible;
}
/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */
button, select {
    /* 1 */
    text-transform: none;
}
/**
 * 1. Prevent a WebKit bug where (2) destroys native `audio` and `video`
 *    controls in Android 4.
 * 2. Correct the inability to style clickable types in iOS and Safari.
 */
button, html [type="button"], [type="reset"], [type="submit"] {
    /* 1 */
    -webkit-appearance: button;
    /* 2 */
}
    /**
 * Remove the inner border and padding in Firefox.
 */
    button::-moz-focus-inner, [type="button"]::-moz-focus-inner, [type="reset"]::-moz-focus-inner, [type="submit"]::-moz-focus-inner {
        border-style: none;
        padding: 0;
    }
    /**
 * Restore the focus styles unset by the previous rule.
 */
    button:-moz-focusring, [type="button"]:-moz-focusring, [type="reset"]:-moz-focusring, [type="submit"]:-moz-focusring {
        outline: 1px dotted ButtonText;
    }
/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */
legend {
    box-sizing: border-box;
    /* 1 */
    color: inherit;
    /* 2 */
    display: table;
    /* 1 */
    max-width: 100%;
    /* 1 */
    padding: 0;
    /* 3 */
    white-space: normal;
    /* 1 */
}
/**
 * 1. Add the correct display in IE 9-.
 * 2. Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */
progress {
    display: inline-block;
    /* 1 */
    vertical-align: baseline;
    /* 2 */
}
/**
 * Remove the default vertical scrollbar in IE.
 */
textarea {
    overflow: auto;
}
/**
 * 1. Add the correct box sizing in IE 10-.
 * 2. Remove the padding in IE 10-.
 */
[type="checkbox"], [type="radio"] {
    box-sizing: border-box;
    /* 1 */
    padding: 0;
    /* 2 */
}
/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */
[type="number"]::-webkit-inner-spin-button, [type="number"]::-webkit-outer-spin-button {
    height: auto;
}
/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */
[type="search"] {
    -webkit-appearance: textfield;
    /* 1 */
    outline-offset: -2px;
    /* 2 */
}
    /**
 * Remove the inner padding and cancel buttons in Chrome and Safari on macOS.
 */
    [type="search"]::-webkit-search-cancel-button, [type="search"]::-webkit-search-decoration {
        -webkit-appearance: none;
    }
/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */
::-webkit-file-upload-button {
    -webkit-appearance: button;
    /* 1 */
    font: inherit;
    /* 2 */
}
/* Interactive
 ========================================================================== */
/*
 * Add the correct display in IE 9-.
 * 1. Add the correct display in Edge, IE, and Firefox.
 */
details, menu {
    /* 1 */
    display: block;
}
/*
 * Add the correct display in all browsers.
 */
summary {
    display: list-item;
}
/* Scripting
 ========================================================================== */
/**
 * Add the correct display in IE 9-.
 */
canvas {
    display: inline-block;
}
/**
 * Add the correct display in IE.
 */
template {
    display: none;
}
/* Hidden
 ========================================================================== */
/**
 * Add the correct display in IE 10-.
 */
[hidden] {
    display: none;
}
/*********************************************************************************************
 flexboxgrid.com
 **********************************************************************************************/
.container-fluid, .container-full, .container-xl-full, .container-lg-full, .container-md-full, .container-sm-full, .container-xs-full, .container-xl, .container-lg, .container-md, .container-sm, .container-xs, .container {
    margin-right: auto;
    margin-left: auto;
    width: 100%;
}

.container-fluid {
    padding-right: 2rem;
    padding-left: 2rem;
}

.container-lg, .row-lg {
    max-width: 1380px;
}

.container-md, .row-md {
    max-width: 1180px;
}

.container-sm, .row-sm {
    max-width: 680px;
}

.container-xs, .row-xs {
    max-width: 300px;
}

    .container.pad [class^="col-"], .container-xl.pad [class^="col-"], .container-lg.pad [class^="col-"], .container-md.pad [class^="col-"], .container-sm.pad [class^="col-"], .container-xs.pad [class^="col-"], .row.pad [class^="col-"], .row-lg.pad [class^="col-"], .row-md.pad [class^="col-"], .row-sm.pad [class^="col-"], .row-xs.pad [class^="col-"] {
        padding: 0 1.5rem;
    }

    .container.pad-sm [class^="col-"], .container-xl.pad-sm [class^="col-"], .container-lg.pad-sm [class^="col-"], .container-md.pad-sm [class^="col-"], .container-sm.pad-sm [class^="col-"], .container-xs.pad-sm [class^="col-"], .row.pad-sm [class^="col-"], .row-lg.pad-sm [class^="col-"], .row-md.pad-sm [class^="col-"], .row-sm.pad-sm [class^="col-"], .row-xs.pad-sm [class^="col-"] {
        padding: 0 .75rem;
    }

    .container.pad-xs [class^="col-"], .container-xl.pad-xs [class^="col-"], .container-lg.pad-xs [class^="col-"], .container-md.pad-xs [class^="col-"], .container-sm.pad-xs [class^="col-"], .container-xs.pad-xs [class^="col-"], .row.pad-xs [class^="col-"], .row-lg.pad-xs [class^="col-"], .row-md.pad-xs [class^="col-"], .row-sm.pad-xs [class^="col-"], .row-xs.pad-xs [class^="col-"] {
        padding: 0 .25rem;
    }

    .container.pad-all [class^="col-"], .container-xl.pad-all [class^="col-"], .container-lg.pad-all [class^="col-"], .container-md.pad-all [class^="col-"], .container-sm.pad-all [class^="col-"], .container-xs.pad-all [class^="col-"], .row.pad-all [class^="col-"], .row-lg.pad-all [class^="col-"], .row-md.pad-all [class^="col-"], .row-sm.pad-all [class^="col-"], .row-xs.pad-all [class^="col-"] {
        padding: 1.5rem;
    }

    .container.pad-all-sm [class^="col-"], .container-xl.pad-all-sm [class^="col-"], .container-lg.pad-all-sm [class^="col-"], .container-md.pad-all-sm [class^="col-"], .container-sm.pad-all-sm [class^="col-"], .container-xs.pad-all-sm [class^="col-"], .row.pad-all-sm [class^="col-"], .row-lg.pad-all-sm [class^="col-"], .row-md.pad-all-sm [class^="col-"], .row-sm.pad-all-sm [class^="col-"], .row-xs.pad-all-sm [class^="col-"] {
        padding: .75rem;
    }

    .container.pad-all-xs [class^="col-"], .container-xl.pad-all-xs [class^="col-"], .container-lg.pad-all-xs [class^="col-"], .container-md.pad-all-xs [class^="col-"], .container-sm.pad-all-xs [class^="col-"], .container-xs.pad-all-xs [class^="col-"], .row.pad-all-xs [class^="col-"], .row-lg.pad-all-xs [class^="col-"], .row-md.pad-all-xs [class^="col-"], .row-sm.pad-all-xs [class^="col-"], .row-xs.pad-all-xs [class^="col-"] {
        padding: .25rem;
    }

    .container.nopad [class^="col-"], .container-xl.nopad [class^="col-"], .container-lg.nopad [class^="col-"], .container-md.nopad [class^="col-"], .container-sm.nopad [class^="col-"], .container-xs.nopad [class^="col-"], .row.nopad [class^="col-"], .row-lg.nopad [class^="col-"], .row-md.nopad [class^="col-"], .row-sm.nopad [class^="col-"], .row-xs.nopad [class^="col-"] {
        padding: 0 !important;
    }

.start {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    text-align: start;
    margin-right: auto;
}

.center {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center;
}

.end {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    text-align: end;
    margin-left: auto;
}

.top {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
}

.middle {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.bottom {
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
}

.around {
    -ms-flex-pack: distribute;
    justify-content: space-around;
}

.between {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.first {
    -webkit-box-ordinal-group: 0;
    -ms-flex-order: -1;
    order: -1;
}

.last {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
}

.row, .row-lg, .row-md, .row-sm, .row-xs {
    box-sizing: border-box;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 0;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    width: 100%;
    margin: 0 auto;
    /*margin-right: -0.5rem;
   margin-left: -0.5rem;*/
}

    .row.reverse, .row-lg.reverse, .row-md.reverse, .row-sm.reverse, .row-xs.reverse {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
        flex-direction: row-reverse;
    }

.col.reverse {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
}

.col, .col-xs, .col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-offset-0, .col-xs-offset-1, .col-xs-offset-2, .col-xs-offset-3, .col-xs-offset-4, .col-xs-offset-5, .col-xs-offset-6, .col-xs-offset-7, .col-xs-offset-8, .col-xs-offset-9, .col-xs-offset-10, .col-xs-offset-11, .col-xs-offset-12 {
    box-sizing: border-box;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    padding: 0.5rem;
}

.col, .col-xs {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    max-width: 100%;
}

.col-1, .col-xs-1 {
    -ms-flex-preferred-size: 8.33333333%;
    flex-basis: 8.33333333%;
    max-width: 8.33333333%;
}

.col-2, .col-xs-2 {
    -ms-flex-preferred-size: 16.66666667%;
    flex-basis: 16.66666667%;
    max-width: 16.66666667%;
}

.col-3, .col-xs-3 {
    -ms-flex-preferred-size: 25%;
    flex-basis: 25%;
    max-width: 25%;
}

.col-4, .col-xs-4 {
    -ms-flex-preferred-size: 33.33333333%;
    flex-basis: 33.33333333%;
    max-width: 33.33333333%;
}

.col-5, .col-xs-5 {
    -ms-flex-preferred-size: 41.66666667%;
    flex-basis: 41.66666667%;
    max-width: 41.66666667%;
}

.col-6, .col-xs-6 {
    -ms-flex-preferred-size: 50%;
    flex-basis: 50%;
    max-width: 50%;
}

.col-7, .col-xs-7 {
    -ms-flex-preferred-size: 58.33333333%;
    flex-basis: 58.33333333%;
    max-width: 58.33333333%;
}

.col-8, .col-xs-8 {
    -ms-flex-preferred-size: 66.66666667%;
    flex-basis: 66.66666667%;
    max-width: 66.66666667%;
}

.col-9, .col-xs-9 {
    -ms-flex-preferred-size: 75%;
    flex-basis: 75%;
    max-width: 75%;
}

.col-10, .col-xs-10 {
    -ms-flex-preferred-size: 83.33333333%;
    flex-basis: 83.33333333%;
    max-width: 83.33333333%;
}

.col-11, .col-xs-11 {
    -ms-flex-preferred-size: 91.66666667%;
    flex-basis: 91.66666667%;
    max-width: 91.66666667%;
}

.col-12, .col-xs-12 {
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    max-width: 100%;
}

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

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

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

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

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

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

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

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

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

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

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

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

.start-xs {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    text-align: start;
}

.center-xs {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center;
}

.end-xs {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    text-align: end;
}

.top-xs {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
}

.middle-xs {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.bottom-xs {
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
}

.around-xs {
    -ms-flex-pack: distribute;
    justify-content: space-around;
}

.between-xs {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.first-xs {
    -webkit-box-ordinal-group: 0;
    -ms-flex-order: -1;
    order: -1;
}

.last-xs {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
}

.container-xs-pad [class^="col-"], .row-xs-pad [class^="col-"] {
    padding: 2rem;
}

.container-xs-nopad [class^="col-"], .row-xs-nopad [class^="col-"] {
    padding: 0;
}

.hide-xs {
    display: none;
}

@media only screen and (min-width: 720px) {
    .col-sm, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-offset-0, .col-sm-offset-1, .col-sm-offset-2, .col-sm-offset-3, .col-sm-offset-4, .col-sm-offset-5, .col-sm-offset-6, .col-sm-offset-7, .col-sm-offset-8, .col-sm-offset-9, .col-sm-offset-10, .col-sm-offset-11, .col-sm-offset-12 {
        box-sizing: border-box;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        padding: 0.75rem;
    }

    .col-sm {
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        -ms-flex-preferred-size: 0;
        flex-basis: 0;
        max-width: 100%;
    }

    .col-sm-1 {
        -ms-flex-preferred-size: 8.33333333%;
        flex-basis: 8.33333333%;
        max-width: 8.33333333%;
    }

    .col-sm-2 {
        -ms-flex-preferred-size: 16.66666667%;
        flex-basis: 16.66666667%;
        max-width: 16.66666667%;
    }

    .col-sm-3 {
        -ms-flex-preferred-size: 25%;
        flex-basis: 25%;
        max-width: 25%;
    }

    .col-sm-4 {
        -ms-flex-preferred-size: 33.33333333%;
        flex-basis: 33.33333333%;
        max-width: 33.33333333%;
    }

    .col-sm-5 {
        -ms-flex-preferred-size: 41.66666667%;
        flex-basis: 41.66666667%;
        max-width: 41.66666667%;
    }

    .col-sm-6 {
        -ms-flex-preferred-size: 50%;
        flex-basis: 50%;
        max-width: 50%;
    }

    .col-sm-7 {
        -ms-flex-preferred-size: 58.33333333%;
        flex-basis: 58.33333333%;
        max-width: 58.33333333%;
    }

    .col-sm-8 {
        -ms-flex-preferred-size: 66.66666667%;
        flex-basis: 66.66666667%;
        max-width: 66.66666667%;
    }

    .col-sm-9 {
        -ms-flex-preferred-size: 75%;
        flex-basis: 75%;
        max-width: 75%;
    }

    .col-sm-10 {
        -ms-flex-preferred-size: 83.33333333%;
        flex-basis: 83.33333333%;
        max-width: 83.33333333%;
    }

    .col-sm-11 {
        -ms-flex-preferred-size: 91.66666667%;
        flex-basis: 91.66666667%;
        max-width: 91.66666667%;
    }

    .col-sm-12 {
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
        max-width: 100%;
    }

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

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

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

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

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

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

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

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

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

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

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

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

    .start-sm {
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        text-align: start;
    }

    .center-sm {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        text-align: center;
    }

    .end-sm {
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end;
        text-align: end;
    }

    .top-sm {
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
    }

    .middle-sm {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }

    .bottom-sm {
        -webkit-box-align: end;
        -ms-flex-align: end;
        align-items: flex-end;
    }

    .around-sm {
        -ms-flex-pack: distribute;
        justify-content: space-around;
    }

    .between-sm {
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }

    .first-sm {
        -webkit-box-ordinal-group: 0;
        -ms-flex-order: -1;
        order: -1;
    }

    .last-sm {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1;
    }

    .container-sm-pad [class^="col-"], .row-sm-pad [class^="col-"] {
        padding: 2rem;
    }

    .container-sm-nopad [class^="col-"], .row-sm-nopad [class^="col-"] {
        padding: 0;
    }

    .hide-sm {
        display: none;
    }
}

@media only screen and (min-width: 1024px) {
    .col-md, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md-offset-0, .col-md-offset-1, .col-md-offset-2, .col-md-offset-3, .col-md-offset-4, .col-md-offset-5, .col-md-offset-6, .col-md-offset-7, .col-md-offset-8, .col-md-offset-9, .col-md-offset-10, .col-md-offset-11, .col-md-offset-12 {
        box-sizing: border-box;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        padding: 1rem;
    }

    .col-md {
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        -ms-flex-preferred-size: 0;
        flex-basis: 0;
        max-width: 100%;
    }

    .col-md-1 {
        -ms-flex-preferred-size: 8.33333333%;
        flex-basis: 8.33333333%;
        max-width: 8.33333333%;
    }

    .col-md-2 {
        -ms-flex-preferred-size: 16.66666667%;
        flex-basis: 16.66666667%;
        max-width: 16.66666667%;
    }

    .col-md-3 {
        -ms-flex-preferred-size: 25%;
        flex-basis: 25%;
        max-width: 25%;
    }

    .col-md-4 {
        -ms-flex-preferred-size: 33.33333333%;
        flex-basis: 33.33333333%;
        max-width: 33.33333333%;
    }

    .col-md-5 {
        -ms-flex-preferred-size: 41.66666667%;
        flex-basis: 41.66666667%;
        max-width: 41.66666667%;
    }

    .col-md-6 {
        -ms-flex-preferred-size: 50%;
        flex-basis: 50%;
        max-width: 50%;
    }

    .col-md-7 {
        -ms-flex-preferred-size: 58.33333333%;
        flex-basis: 58.33333333%;
        max-width: 58.33333333%;
    }

    .col-md-8 {
        -ms-flex-preferred-size: 66.66666667%;
        flex-basis: 66.66666667%;
        max-width: 66.66666667%;
    }

    .col-md-9 {
        -ms-flex-preferred-size: 75%;
        flex-basis: 75%;
        max-width: 75%;
    }

    .col-md-10 {
        -ms-flex-preferred-size: 83.33333333%;
        flex-basis: 83.33333333%;
        max-width: 83.33333333%;
    }

    .col-md-11 {
        -ms-flex-preferred-size: 91.66666667%;
        flex-basis: 91.66666667%;
        max-width: 91.66666667%;
    }

    .col-md-12 {
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
        max-width: 100%;
    }

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

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

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

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

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

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

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

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

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

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

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

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

    .start-md {
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        text-align: start;
    }

    .center-md {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        text-align: center;
    }

    .end-md {
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end;
        text-align: end;
    }

    .top-md {
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
    }

    .middle-md {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }

    .bottom-md {
        -webkit-box-align: end;
        -ms-flex-align: end;
        align-items: flex-end;
    }

    .around-md {
        -ms-flex-pack: distribute;
        justify-content: space-around;
    }

    .between-md {
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }

    .first-md {
        -webkit-box-ordinal-group: 0;
        -ms-flex-order: -1;
        order: -1;
    }

    .last-md {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1;
    }

    .container-md-pad [class^="col-"], .row-md-pad [class^="col-"] {
        padding: 2rem;
    }

    .container-md-nopad [class^="col-"], .row-md-nopad [class^="col-"] {
        padding: 0;
    }

    .hide-md {
        display: none;
    }
}

@media only screen and (min-width: 1200px) {
    .container-lg .container {
        max-width: 1180px;
        margin: 0 auto;
    }

    .container-lg-full, .container-full {
        max-width: none;
        margin: 0;
    }

    .col-lg, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-offset-0, .col-lg-offset-1, .col-lg-offset-2, .col-lg-offset-3, .col-lg-offset-4, .col-lg-offset-5, .col-lg-offset-6, .col-lg-offset-7, .col-lg-offset-8, .col-lg-offset-9, .col-lg-offset-10, .col-lg-offset-11, .col-lg-offset-12 {
        box-sizing: border-box;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        padding: 1rem;
    }

    .col-lg {
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        -ms-flex-preferred-size: 0;
        flex-basis: 0;
        max-width: 100%;
    }

    .col-lg-1 {
        -ms-flex-preferred-size: 8.33333333%;
        flex-basis: 8.33333333%;
        max-width: 8.33333333%;
    }

    .col-lg-2 {
        -ms-flex-preferred-size: 16.66666667%;
        flex-basis: 16.66666667%;
        max-width: 16.66666667%;
    }

    .col-lg-3 {
        -ms-flex-preferred-size: 25%;
        flex-basis: 25%;
        max-width: 25%;
    }

    .col-lg-4 {
        -ms-flex-preferred-size: 33.33333333%;
        flex-basis: 33.33333333%;
        max-width: 33.33333333%;
    }

    .col-lg-5 {
        -ms-flex-preferred-size: 41.66666667%;
        flex-basis: 41.66666667%;
        max-width: 41.66666667%;
    }

    .col-lg-6 {
        -ms-flex-preferred-size: 50%;
        flex-basis: 50%;
        max-width: 50%;
    }

    .col-lg-7 {
        -ms-flex-preferred-size: 58.33333333%;
        flex-basis: 58.33333333%;
        max-width: 58.33333333%;
    }

    .col-lg-8 {
        -ms-flex-preferred-size: 66.66666667%;
        flex-basis: 66.66666667%;
        max-width: 66.66666667%;
    }

    .col-lg-9 {
        -ms-flex-preferred-size: 75%;
        flex-basis: 75%;
        max-width: 75%;
    }

    .col-lg-10 {
        -ms-flex-preferred-size: 83.33333333%;
        flex-basis: 83.33333333%;
        max-width: 83.33333333%;
    }

    .col-lg-11 {
        -ms-flex-preferred-size: 91.66666667%;
        flex-basis: 91.66666667%;
        max-width: 91.66666667%;
    }

    .col-lg-12 {
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
        max-width: 100%;
    }

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

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

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

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

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

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

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

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

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

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

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

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

    .start-lg {
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        text-align: start;
    }

    .center-lg {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        text-align: center;
    }

    .end-lg {
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end;
        text-align: end;
    }

    .top-lg {
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
    }

    .middle-lg {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }

    .bottom-lg {
        -webkit-box-align: end;
        -ms-flex-align: end;
        align-items: flex-end;
    }

    .around-lg {
        -ms-flex-pack: distribute;
        justify-content: space-around;
    }

    .between-lg {
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }

    .first-lg {
        -webkit-box-ordinal-group: 0;
        -ms-flex-order: -1;
        order: -1;
    }

    .last-lg {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1;
    }

    .container-lg-pad [class^="col-"], .row-lg-pad [class^="col-"] {
        padding: 2rem;
    }

    .container-lg-nopad [class^="col-"], .row-lg-nopad [class^="col-"] {
        padding: 0;
    }

    .hide-lg {
        display: none;
    }
}

@media only screen and (min-width: 1600px) {
    .container-xl, .container {
        max-width: 1580px;
        margin: 0 auto;
    }

    .container-xl-full, .container-full {
        max-width: none;
        margin: 0;
    }

    .col-xl, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-offset-0, .col-xl-offset-1, .col-xl-offset-2, .col-xl-offset-3, .col-xl-offset-4, .col-xl-offset-5, .col-xl-offset-6, .col-xl-offset-7, .col-xl-offset-8, .col-xl-offset-9, .col-xl-offset-10, .col-xl-offset-11, .col-xl-offset-12 {
        box-sizing: border-box;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        padding: 1rem;
    }

    .col-xl {
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        -ms-flex-preferred-size: 0;
        flex-basis: 0;
        max-width: 100%;
    }

    .col-xl-1 {
        -ms-flex-preferred-size: 8.33333333%;
        flex-basis: 8.33333333%;
        max-width: 8.33333333%;
    }

    .col-xl-2 {
        -ms-flex-preferred-size: 16.66666667%;
        flex-basis: 16.66666667%;
        max-width: 16.66666667%;
    }

    .col-xl-3 {
        -ms-flex-preferred-size: 25%;
        flex-basis: 25%;
        max-width: 25%;
    }

    .col-xl-4 {
        -ms-flex-preferred-size: 33.33333333%;
        flex-basis: 33.33333333%;
        max-width: 33.33333333%;
    }

    .col-xl-5 {
        -ms-flex-preferred-size: 41.66666667%;
        flex-basis: 41.66666667%;
        max-width: 41.66666667%;
    }

    .col-xl-6 {
        -ms-flex-preferred-size: 50%;
        flex-basis: 50%;
        max-width: 50%;
    }

    .col-xl-7 {
        -ms-flex-preferred-size: 58.33333333%;
        flex-basis: 58.33333333%;
        max-width: 58.33333333%;
    }

    .col-xl-8 {
        -ms-flex-preferred-size: 66.66666667%;
        flex-basis: 66.66666667%;
        max-width: 66.66666667%;
    }

    .col-xl-9 {
        -ms-flex-preferred-size: 75%;
        flex-basis: 75%;
        max-width: 75%;
    }

    .col-xl-10 {
        -ms-flex-preferred-size: 83.33333333%;
        flex-basis: 83.33333333%;
        max-width: 83.33333333%;
    }

    .col-xl-11 {
        -ms-flex-preferred-size: 91.66666667%;
        flex-basis: 91.66666667%;
        max-width: 91.66666667%;
    }

    .col-xl-12 {
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
        max-width: 100%;
    }

    .col-xl-offset-0 {
        margin-left: 0;
    }

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

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

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

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

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

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

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

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

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

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

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

    .start-xl {
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        text-align: start;
    }

    .center-xl {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        text-align: center;
    }

    .end-xl {
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end;
        text-align: end;
    }

    .top-xl {
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
    }

    .middle-xl {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }

    .bottom-xl {
        -webkit-box-align: end;
        -ms-flex-align: end;
        align-items: flex-end;
    }

    .around-xl {
        -ms-flex-pack: distribute;
        justify-content: space-around;
    }

    .between-xl {
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }

    .first-xl {
        -webkit-box-ordinal-group: 0;
        -ms-flex-order: -1;
        order: -1;
    }

    .last-xl {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1;
    }

    .container-xl-pad [class^="col-"], .row-xl-pad [class^="col-"] {
        padding: 2rem;
    }

    .container-xl-nopad [class^="col-"], .row-xl-nopad [class^="col-"] {
        padding: 0;
    }

    .hide-xl {
        display: none;
    }
}





/*
===========================================================
GLOBAL CONTROL STYLES
===========================================================    
*/

input[type="checkbox"] {
    position: relative;
    top: 1px;
}

/* MOVES ALL THE ANCHORS TO ACCOUNT FOR FIXED/FLOATING HEADER */
a[name]:not([name=""]) {
    float: left;
    margin-top: -60px;
}

/*
===========================================================
GENERAL USE CLASSES
===========================================================    
*/
.border {
    border: solid 1px #d3d3d3;
    padding: 2px 2px 2px 2px;
    background-color: #fff;
}

.noselect {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.italic {
    font-style: italic;
}

.example {
    font-size: 12px;
    line-height: 16px;
    color: #969696;
}

.margintop10 {
    margin-top: 10px;
}

.semi-bold {
    font-weight: 500;
}

.green-text {
    color: #2ea300;
}

.blue-text {
    color: #0065c4;
}

.red-text {
    color: #c00000;
}

.black-text {
    color: #1f1f1f;
}

.purple-text {
    color: #ab00c4;
}

.strike {
    text-decoration: line-through;
}

.grey-box {
    padding: 10px 15px 10px 15px;
    background-color: #ebebeb;
    border: solid 1px #d3d3d3;
    border-radius: 4px;
    text-decoration: none;
    color: #1f1f1f;
}

    .grey-box:hover {
        background-color: #dedede;
    }

.nowrap {
    white-space: nowrap;
}

.EndHeadlineToggle {
    font-size: 16px;
    margin-left: 10px;
    position: relative;
    z-index: 10;
    text-decoration: none;
}

    .EndHeadlineToggle.link {
        text-decoration: none;
    }

.stronger {
    font-weight: 500;
}

button.link {
    background: none;
    text-transform: uppercase;
    text-decoration: none;
    font-size: 13px;
    border-radius: 0;
    color: #3a3a3a;
    letter-spacing: -0.3px;
    font-weight: 400;
    padding: 7px 10px;
}

    button.link:hover {
        background-color: #e5f291;
    }

    button.link img {
        width: 16px;
        height: 16px;
        position: relative;
        top: 2px;
        margin-right: 2px;
    }

/* 
===========================================================
VALIDATION CONTROL ERRORS
===========================================================
*/
.validation-error,
input[type="text"].validation-error,
input[type="password"].validation-error,
textarea.validation-error,
.tbFake.validation-error,
select.validation-error {
    background-color: #ffecec !important;
    border: 1px solid #f5aca6 !important;
}


/* 
===========================================================
TABLE GRID - REPEATER GRID
===========================================================
*/

.tblGrid .sorted {
    background-color: #fafafa;
}


.tblGrid .trGridHeader .sorted {
    background-color: #ebebeb;
}

.tblGrid {
    width: 100%;
    border-collapse: collapse;
}

    .tblGrid .example {
        margin-top: 0px;
    }

.trGridHeader {
    font-weight: bold;
}

    .trGridHeader a {
        color: #3a3a3a;
        display: block;
        padding: 10px 17px 10px 10px;
    }

.tdGridHeader {
    background-color: #ebebeb;
    line-height: 18px;
    border: solid 1px #fff;
    white-space: nowrap;
    background-repeat: no-repeat;
    background-position: right center;
}

    .tdGridHeader.sort-default {
        background-image: url(../images/grid-header-sort-default.jpg);
    }

    .tdGridHeader.sort-asc {
        background-image: url(../images/grid-header-sort-asc.jpg);
    }

    .tdGridHeader.sort-desc {
        background-image: url(../images/grid-header-sort-desc.jpg);
    }

.tblGridItem {
    border-top: 0px;
    padding: 10px 15px 10px 15px;
}

    .tblGridItem td {
        padding: 6px 10px 6px 10px;
        border-bottom: solid 1px #dddddd;
    }

    .tblGridItem.row-highlight td {
        background: #f2e3fc;
        border-bottom: solid 1px #fff;
    }

    .tblGridItem a {
        color: #002eda;
    }

    .tblGridItem:hover td {
        background-color: #fafafa;
    }

    .tblGridItem.row-highlight:hover td {
        background: #f2e3fc;
    }

.divRepeaterPaging {
    padding: 0px 0px 0px 0px;
    margin: 15px 0px 0px 0px;
    font-weight: normal;
    border-top: 0px;
    border-bottom: 0px;
    font-size: 14px;
}

    .divRepeaterPaging .ddlPager {
        width: auto;
        padding: 5px 6px 5px 6px;
        background-color: #fafafa;
        border: solid 1px #d3d3d3;
    }

.tblGridPager {
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    table-layout: fixed;
    border-collapse: collapse;
}

.tdGridPager {
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    border: solid 1px #d3d3d3;
}

a.lnkGridPager {
    display: block !important;
    padding: 7px 12px 7px 12px !important;
    text-align: center !important;
    cursor: pointer !important;
    color: #1f1f1f !important;
    text-decoration: none !important;
}

    a.lnkGridPager:hover {
        background-color: #fafafa !important;
    }

.tdGridPagerSelected,
.tdGridPagerSelected:hover {
    border: solid 1px #00509a;
}

a.lnkGridPagerSelected,
a.lnkGridPagerSelected:hover {
    background-color: #0065c4 !important;
    color: #fff !important;
}

a.lnkGridPagerDisabled {
    color: #949494 !important;
    cursor: default !important;
}

a.RptColumnSortLink:link,
a.RptColumnSortLink:active,
a.RptColumnSortLink:hover,
a.RptColumnSortLink:visited {
    color: #404040 !important;
    text-decoration: none !important;
}

.GridBulkActions {
    margin-bottom: 10px;
}

    .GridBulkActions select {
        padding: 5px 6px 5px 6px;
        width: auto;
    }

    .GridBulkActions input[type="button"],
    .GridBulkActions input[type="submit"],
    .GridBulkActions .btn {
        padding: 5px 8px 5px 8px;
        font-size: 13px;
    }


.trGridHeaderInner {
    table-layout: fixed;
}

    .trGridHeaderInner td {
        padding: 0px 0px 0px 0px;
        border: 0px;
    }


/* 
===========================================================
ON-PAGE ALERT BOXES
===========================================================
*/
/*.alert-box {
    color: #555;
    border-radius: var(--global-radius);
    padding: 0.5rem 0.5rem 0.5rem 1.5rem;
    margin: 1rem auto;
    text-align: left;
    font-size: 100px !important;
}

    .alert-box span {
        font-weight: 800;
        text-transform: uppercase;
    }*/

.error {
    background: #ffecec url(/global/images/alert-boxes/error.png) no-repeat 10px 50%;
    border: 1px solid #f5aca6;
}

.success {
    background: #e9ffd9 url(/global/images/alert-boxes/success.png) no-repeat 10px 50%;
    border: 1px solid #a6ca8a;
}

.warning {
    background: #fff8c4 url(/global/images/alert-boxes/warning.png) no-repeat 10px 50%;
    border: 1px solid #f2c779;
}

.notice {
    background: #e3f7fc url(/global/images/alert-boxes/notice.png) no-repeat 10px 50%;
    border: 1px solid #8ed9f6;
}


/* 
===========================================================
DATEPICKER
===========================================================
*/

#CalendarControlIFrame {
    display: none;
    left: 0px;
    position: absolute;
    top: 0px;
    height: 250px;
    width: 250px;
    z-index: 999999;
}

#CalendarControl {
    position: absolute;
    background-color: #FFF;
    margin: 0;
    padding: 0;
    display: none;
    z-index: 1000000;
    margin-top: -1px;
}

    #CalendarControl table {
        font-family: arial, verdana, helvetica, sans-serif;
        font-size: 8pt;
        border: solid 1px #4e4e4e;
    }

    #CalendarControl th {
        font-weight: normal;
        padding: 3px 0px 3px 0px;
    }

        #CalendarControl th a {
            font-weight: normal;
            text-decoration: none;
            color: #4e4e4e;
            padding: 1px;
        }

    #CalendarControl td {
        text-align: center;
    }

    #CalendarControl .header {
        background-color: #cccccc;
        color: #4e4e4e;
    }

    #CalendarControl .weekday {
        background-color: #DDD;
        color: #000;
    }

    #CalendarControl .weekend {
        background-color: #cccccc;
        color: #000;
    }

    #CalendarControl .current {
        border: 1px solid #333333;
        background-color: #4e4e4e;
        color: #FFF;
    }

    #CalendarControl .weekday,
    #CalendarControl .weekend,
    #CalendarControl .current {
        display: block;
        text-decoration: none;
        border: 1px solid #FFF;
        padding: 3px 3px 3px 3px;
        width: 30px;
    }

        #CalendarControl .weekday:hover,
        #CalendarControl .weekend:hover,
        #CalendarControl .current:hover {
            color: #FFF;
            background-color: #4e4e4e;
            border: 1px solid #999;
        }

    #CalendarControl .previous {
        text-align: left;
    }

    #CalendarControl .next {
        text-align: right;
    }

    #CalendarControl .previous,
    #CalendarControl .next {
        padding: 1px 3px 1px 3px;
        font-size: 1.4em;
    }

        #CalendarControl .previous a,
        #CalendarControl .next a {
            text-decoration: none;
            font-weight: bold;
            color: #4e4e4e;
        }

    #CalendarControl .title {
        text-align: center;
        font-weight: bold;
        color: #4e4e4e;
        padding: 6px 0px 6px 0px;
    }

    #CalendarControl .empty {
        background-color: #CCC;
        border: 1px solid #FFF;
    }

.date-icon {
    float: left;
    position: relative;
    width: 22px;
    height: 22px;
    margin-bottom: -22px;
    left: 9px;
    top: 9px;
    background-image: url(../images/icons/datepicker_22.png);
    background-repeat: no-repeat;
    display: inline-block;
}

input[type="text"].datepicker {
    text-indent: 30px;
}

/* 
===========================================================
JQUERY-UI AUTOCOMPLETE HELPER TO MOVE OFF SCREEN
===========================================================
*/
.ui-helper-hidden-accessible {
    position: absolute;
    left: -9999px;
}

.ui-autocomplete {
    max-height: 300px;
    overflow-y: auto;
    overflow-x: hidden;
}