@charset "UTF-8";
/*
                                                ,,            ,,                          ,,
 .M"""bgd mm                                    db          `7MM        mm         mm   `7MM                                    OO OO OO
,MI    "Y MM                                                  MM        MM         MM     MM                                    88 88 88
`MMb.   mmMMmm ,pW"Wq.`7MMpdMAo.     `7Mb,od8 `7MM  .P"Ybmmm  MMpMMMb.mmMMmm     mmMMmm   MMpMMMb.  .gP"Ya `7Mb,od8 .gP"Ya      || || ||
  `YMMNq. MM  6W'   `Wb MM   `Wb       MM' "'   MM :MI  I8    MM    MM  MM         MM     MM    MM ,M'   Yb  MM' "',M'   Yb     || || ||
.     `MM MM  8M     M8 MM    M8       MM       MM  WmmmP"    MM    MM  MM         MM     MM    MM 8M""""""  MM    8M""""""     `' `' `'
Mb     dM MM  YA.   ,A9 MM   ,AP       MM       MM 8M         MM    MM  MM         MM     MM    MM YM.    ,  MM    YM.    ,     ,, ,, ,,
P"Ybmmd"  `Mbmo`Ybmd9'  MMbmmd'      .JMML.   .JMML.YMMMMMb .JMML  JMML.`Mbmo      `Mbmo.JMML  JMML.`Mbmmd'.JMML.   `Mbmmd'     db db db
                        MM                         6'     dP
                      .JMML.                       Ybmmmd'

Pattern Lab doesn't have any CSS requirements, which means you can write your styles however you want. Hooray!
You can use Sass, Less, vanilla CSS, or some other crazy thing I haven't heard of yet.
So please don't use these styles. They're just here to put together the demo, and nothing more.
They're intentionally gray, boring, and crappy because you're supposed to do this stuff yourself.

Atomic design is philosophically complimentary with these CSS approaches:

* SMACSS by Jonathan Snook http://smacss.com/
* OOCSS by Nicole Sullivan http://oocss.org/
* BEM CSS Methology : http://bem.info/method/
* CSS Guidelines by Harry Roberts : https://github.com/csswizardry/CSS-Guidelines

So feel free to use any of these approaches. Or don't. It's totally up to you.

*/
/*------------------------------------*\
    $TABLE OF CONTENTS
    based generally on Harry Roberts excellent CSS Guidelines https://github.com/csswizardry/CSS-Guidelines
\*------------------------------------*/
/**
 * ABSTRACTS..............Declarations of Sass variables and mixins
 * Mixins.................Mixin styles that are included in the site
 * Variables..............Variables for styles that are used in the site
 *
 * BASE...................Base/reset styles for certain elements
 * Animation..............Animation base styles
 * Forms..................Form field base styles
 * Global Classes.........Base styles used across the entirety of the site
 * Headings...............Base styles for headings (h1, h2, etc.)
 * Links..................Base styles for links
 * Lists..................Base styles lists
 * Main...................Base styles for main section
 * Media..................Base styles for various media (videos, iframes, etc.)
 * Reset..................Reset base styles (i.e. Display block on certain elements)
 * Tables.................Base styles for tables
 * Text...................Base styles for text elements
 *
 * COMPONENTS.............Styles for certain components
 * Accordion..............Styles for accordion components
 * Article................Styles for article components
 * Blocks.................Styles for block components
 * Buttons................Styles for button components
 * Carousels..............Styles for carousels
 * Comments...............Styles for comments component
 * Footer.................Styles for the footer component
 * Forms..................Styles for form components
 * Header.................Styles for header component
 * Icons..................Styles for icons
 * Lists..................Styles for types of lists
 * Main...................Styles for main section
 * Messaging..............Styles for alerts/messaging components
 * Nav....................Styles for navigation components
 * Sections...............Styles for section components
 * Tabs...................Styles for tabs
 * Text...................Styles for text components
 * Tooltip................Styles for tooltips

 *
 * LAYOUT.................Styles that affect the site's general layout
 * Layout.................Layout styles
 *
 * UTILITIES..............Styles that require a utility class
 *
 */
/*------------------------------------*\
    $ABSTRACTS
\*------------------------------------*/
/*------------------------------------*\
    #MIXINS
\*------------------------------------*/
/** CSS Transition
 *	Usage: @include transition(width,0.3s,ease-out);
 */
/** Rem Unit font sizes with relative fallback http:/seesparkbox.com/foundry/scss_rem_mixin_now_with_a_better_fallback  
 *	Usage: @include font-size(1, large);
 */
/** Color Tint
 *  Usage: tint (color, percentage);
 */
/*------------------------------------*\
    #VARIABLES
\*------------------------------------*/
/*------------------------------------*\
    #COLORS
\*------------------------------------*/
/*
 * 1) Color variables involve a two-tier system to keep colors in sync. The
 *    first tier defines the brand and neutral colors, and the second tier
 *    defines the application of those colors.
 */
/*
 * Brand Colors
 * 1) Brand color variables use English names to define colors to make palettes easier to
 *    identify. Names are generated using this tool: http://chir.ag/projects/name-that-color/
 * 2) Brand color variables should typically not be used directly in Sass partials. Instead, use
 *    second-tier application colors.
 *
 */
/*
 * Brand color tints
 * initially for charts
 */
/*
 * Brand color shades
 * initially for charts
 */
/*
 * Neutral Colors
 * 1) Neutral color variables use a numbered system to define variables for better maintainability.
 *    "$color-gray-10" means "10% gray", which is a gray closer to white than to black. For more info
 *    read https://medium.com/eightshapes-llc/color-in-design-systems-a1c80f65fa3#.brevrq67p
 */
/*
 * Synonyms
 *   These include Prime Clerk Document colors
 */
/**
 * Utility Colors
 * 1) Utility colors are colors used to provide feedback, such as alert messages,
 * form validation, etc.
 */
/*
 * Button Colors
 * 1) These are button colors, such as button, .btn, etc.
 */
/*
 * Text Colors
 * 1) These are non-linked text colors, such as body copy.
 */
/*
 * Heading Colors
 * 1) These are non-linked heading colors, such as h2, h3, etc.
 */
/*
 * Text Link Colors
 * 1) These are for linked text, such as a link found within an article,
 *    navigation link, footer link, etc.
 */
/*
 * Border Colors
 * 1) Border colors are used as decoration or dividers, such as as a seperator
 *    for navigation items, block borders, etc.
 */
/*
 * Gradient & Progress Bar Colors
 */
/*
 * Component colors
 */
/*
 * Interactive Element colors
 */
/*------------------------------------*\
    #TYPOGRAPHY
\*------------------------------------*/
/*------------------------------------*\
    #LAYOUT
\*------------------------------------*/
/**
 * Spacing Defaults
 */
/*------------------------------------*\
    #BORDERS
\*------------------------------------*/
/**
 * Border Width
 */
/**
 * Border Radius
 */
/*------------------------------------*\
    #ANIMATION
\*------------------------------------*/
/**
 * Animation Duration
 */
/**
 * Animation Easing
 */
/*------------------------------------*\
    #BREAKPOINTS
\*------------------------------------*/
/**
 * Breakpoints
 */
/*------------------------------------*\
    #COMPONENTS
\*------------------------------------*/
/**
 * Loading Spinner
 */
/*
 * Working Spinner
 */
/*------------------------------------*\
    $BASE
\*------------------------------------*/
/*------------------------------------*\
    #BODY
\*------------------------------------*/
/**
 * Body base styles
 */
body {
    background: #fff;
    color: #666669; /* color changes*/
    font: 200 100%/1.5 "Akzidenz-Grotesk BQ", akzidenz-grotesk, "HelveticaNeue", "Helvetica", "Arial", sans-serif;
    -webkit-text-size-adjust: 100%;
    min-height: 100vh;
}

/*------------------------------------*\
    #ANIMATION
\*------------------------------------*/
/**
 * Fade Animation
 */
.animate-fade {
    -webkit-transition: opacity 0.3s ease-out;
    -moz-transition: opacity 0.3s ease-out;
    -ms-transition: opacity 0.3s ease-out;
    -o-transition: opacity 0.3s ease-out;
    transition: opacity 0.3s ease-out;
}

    .animate-fade:hover {
        opacity: 0;
    }

/**
 * slideDown Animation
 */
@keyframes slideDown {
    0% {
        transform: translateY(-200%);
    }

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

.animated.slideDown, .animated.headroom--pinned {
    animation-name: slideDown;
}

@keyframes slideUp {
    0% {
        transform: translateY(0);
    }

    100% {
        transform: translateY(-200%);
    }
}

.animated.slideUp, .animated.headroom--unpinned {
    animation-name: slideUp;
}

.animated {
    animation-duration: 1s;
    animation-fill-mode: both;
}

@keyframes slideInRight {
    from {
        transform: translate3d(200%, 0, 0);
        visibility: visible;
    }

    to {
        transform: translate3d(0, 0, 0);
    }
}

.slideInRight {
    animation-name: slideInRight;
}

@keyframes slideOutRight {
    from {
        transform: translate3d(0, 0, 0);
    }

    to {
        visibility: hidden;
        transform: translate3d(200%, 0, 0);
    }
}

.slideOutRight {
    animation-name: slideOutRight;
}

@keyframes spin {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}
/*------------------------------------*\
    #FORMS
\*------------------------------------*/
/**
 * Fieldset base styles
 */
fieldset {
    border: 0;
    padding: 0;
    margin: 0;
}

/**
 * Label base styles
 */
label {
    display: block;
    padding-bottom: 0.2rem;
    font-family: "Akzidenz-Grotesk BQ", akzidenz-grotesk, "HelveticaNeue", "Helvetica", "Arial", sans-serif;
    font-weight: 500;
}

/**
 * Form button, input, select, and text area base styles
 * 1) Zero out margin and inherit font styles
 */
button, input, select, textarea {
    font-family: inherit;
    font-size: 100%;
    margin: 0;
}

/**
 * Input and text area base styles
 * 1) Width entire container, gray border, padding
 */
input, textarea {
    width: 100%;
    border: 1px solid #cbcbcb;
    border-radius: 4px;
    padding: 0.5rem;
    font-weight: 300;
}

    /**
 * Input areas base styles
 * 1) Get rid of webkit appearance of these areas
 */
    input[type=text], input[type=search], input[type=url], input[type=number], textarea {
        -webkit-appearance: none;
    }

    /**
 * Button/Submit button base styles
 */
    button, input[type=submit] {
        padding: 0.5em;
        background: #444; /*color changed */
        border: 1px solid #cbcbcb;
        cursor: pointer;
    }

    /**
 * Checkboxes/Radio button base styles
 */
    input[type=checkbox],
    input[type=radio] {
        width: auto;
        margin-right: 0.3em;
    }

    /**
 * Search cancel button and search decoration webkit appearance none
 */
    input[type=search]::-webkit-search-cancel-button,
    input[type=search]::-webkit-search-decoration {
        -webkit-appearance: none;
    }

/*------------------------------------*\
    #GLOBAL CLASSES
\*------------------------------------*/
/**
 * Clearfix
 */
.cf {
    *zoom: 1;
}

    /**
 * Clearfix pseudo-elements
 */
    .cf:before, .cf:after {
        content: " ";
        /* 1 */
        display: table;
        /* 2 */
    }

    .cf:after {
        clear: both;
    }

.clearfix {
    overflow: auto;
    zoom: 1;
}

/**
 * Completely remove from the flow and screen readers.
 */
.is-hidden {
    display: none !important;
    visibility: hidden !important;
}

/**
 * Show on screen. Mainly for patternlab demo of hidden
 * by default items.
 */
.is-visible {
    display: block !important;
    visibility: visible !important;
}

/**
 * Completely remove from the flow but leave available to screen readers.
 */
.is-vishidden {
    position: absolute !important;
    overflow: hidden;
    width: 1px;
    height: 1px;
    padding: 0;
    border: 0;
    clip: rect(1px, 1px, 1px, 1px);
}

/**
 * Completely remove from the flow and screen readers.
 */
@media print {
    .no-print {
        display: none !important;
    }
}
/**
 * Text align right
 */
.align-right {
    text-align: right;
}

/**
 * Text align center
 */
.align-center {
    text-align: center;
}

/**
 * Text Align left
 */
.align-left {
    text-align: left;
}

/**
 * Vertical Align container
 */
.v-aligner {
    display: flex;
}

/**
 * Vertical Align center item
 */
.v-aligner--item-center {
    align-items: center;
}

.v-aligner--item-top {
    align-self: flex-start;
}

/**
 * Fully Centered
 *   centering is for parent element, centered for element being centered
 */
.centering {
    text-align: center;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}

    .centering:before {
        content: "​";
        /*   content: '';
  margin-left: -0.25em; */
        display: inline-block;
        height: 100%;
        vertical-align: middle;
    }

.centered {
    display: inline-block;
    vertical-align: middle;
}

/**
 * Hide on small screens
 */
@media all and (max-width: 46.8em) {
    .hide--small {
        display: none;
    }
}

/**
 * Hide on small screens and up
 */
@media all and (min-width: 24em) {
    .hide--small-up {
        display: none;
    }
}

/**
 * Hide on medium screens
 */
@media all and (min-width: 46.8em) and (max-width: 50em) {
    .hide--med {
        display: none;
    }
}

@media all and (min-width: 46.8em) {
    .hide--med-up {
        display: none;
    }
}

/**
 * Hide on large screens
 */
@media all and (min-width: 50em) and (max-width: 73em) {
    .hide--large {
        display: none;
    }
}

/**
 * Hide on large screens
 */
@media all and (min-width: 73em) and (max-width: 89em) {
    .hide--xl {
        display: none;
    }
}

/**
 * Hide on xlarge screens down
 */
@media all and (max-width: 89em) {
    .hide--xl-down {
        display: none;
    }
}

/**
 * Hide on xxl screens
 */
@media all and (min-width: 89em) {
    .hide--xxl {
        display: none;
    }
}

/**
 * Hide on xlarge screens down
 */
@media all and (max-width: 93em) {
    .hide--xxl-down {
        display: none;
    }
}

/**
 * Hide on xxxlarge screens down
 */
@media all and (max-width: 115em) {
    .hide--xxxl-down {
        display: none;
    }
}

/**
 * Show valid text color
 */
.valid {
    color: #43b049;
}

/**
 * Show error text color
 */
.error {
    color: #e2665c;
}

/**
 * Show warning text color
 */
.warning {
    color: #ff8f1c;
}

/**
 * Show informational text color
 */
.information {
    color: #4c9fc8;
}

/**
 * Display secondary font family
 */
.font-secondary {
    font-family: "Akzidenz-Grotesk BQ", akzidenz-grotesk, "HelveticaNeue", "Helvetica", "Arial", sans-serif;
}

/**
 * Underline the text
 */
.underlined {
    text-decoration: underline;
}

/**
* Don't scroll a section
*/
.no-scroll {
    overflow: hidden;
}

/**
 * Floats
 */
.float-right {
    float: right;
}

/**
 * Positions
 */
.pos-right {
    position: absolute;
    right: 0;
}

.pos-top {
    position: absolute;
    top: 0;
}

/**
 * Collapsed pseudo-elements 
 */
.collapse {
    overflow: hidden;
    height: 0;
    transition: height 0.3s;
}

.collapse--show {
    height: 100%;
}

/*------------------------------------*\
    #HEADINGS
\*------------------------------------*/
/**
 * Heading 1
 */
h1, .h1 {
    font-size: 3.375rem;
    line-height: 1.2;
}

/**
 * Heading 2
 */
h2, .h2 {
    font-size: 2.25rem;
    font-weight: 500;
}

/**
 * Heading 3
 */
h3, .h3 {
    line-height: 1.2;
    font-weight: 500;
}

/**
 * Heading 4
 */
/**
 * Heading 5
 */
/**
 * Heading 6
 */
/**
 * Subheading
 */
.subheading {
    font-family: "Akzidenz-Grotesk BQ", akzidenz-grotesk, "HelveticaNeue", "Helvetica", "Arial", sans-serif;
    font-weight: normal;
}

/*------------------------------------*\
    #LINKS
\*------------------------------------*/
/**
 * Links
 */
a {
    color: #14487f;
    text-decoration: none;
    outline: 0;
    transition: color 0.2s ease;
}

    a:hover, a:focus {
        color: #003057;
    }

/*------------------------------------*\
    #LINKS
\*------------------------------------*/
/**
 * Ordered/Unordered list base styles
 */
ol, ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

/**
 * Definition list base styles
 */
dl {
    overflow: hidden;
    margin: 0 0 4px;
}

/**
 * Terms/Names base styles
 */
dt {
    font-family: "Akzidenz-Grotesk BQ", akzidenz-grotesk, "HelveticaNeue", "Helvetica", "Arial", sans-serif;
    font-weight: 500;
}

/**
 * Definition list description base styles
 */
dd {
    margin-left: 0;
}

/*------------------------------------*\
    #MAIN
\*------------------------------------*/
/**
 * Main content area
 */
[role=main] {
    flex: 1;
}

/*------------------------------------*\
    #MEDIA ELEMENTS
\*------------------------------------*/
/**
 * Make media elements responsive
 */
img, video, object {
    max-width: 100%;
    height: auto;
}

/**
 * Iframe base styles
 */
iframe {
    margin-bottom: 4px;
}

/**
 * Figure base styles
 */
figure {
    margin-bottom: 4px;
    /**
   * Figure image base styles
   */
}

    figure img {
        margin-bottom: 2px;
    }

/**
 * Figure caption base styles
 */
figcaption {
    font-style: italic;
}

/*------------------------------------*\
    #RESET
\*------------------------------------*/
/**
 * Use border box on all elements
 */
* {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

/**
 * Zero out margin and padding on most elements as base style
 */
html, body, div, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, ol, ul, li, form, legend, label, table, header, footer, nav, section, figure {
    margin: 0;
    padding: 0;
}

/**
 * Display block as base for these elements
 */
header, footer, nav, section, article, hgroup, figure {
    display: block;
}

/*------------------------------------*\
    #TABLE
\*------------------------------------*/
/**
 * Table base styles
 */
table {
    position: relative;
    border-collapse: collapse;
    border-spacing: 0;
    border: 1px solid #7f7f83;
    width: 100%;
}

/**
 * Table header base styles
 */
th {
    text-align: left;
    border: 1px solid #7f7f83;
    padding: 0.2em;
}

/**
 * Table cell base styles
 */
td {
    border: 1px solid #7f7f83;
    padding: 0.2em;
}

/*------------------------------------*\
    #TEXT
\*------------------------------------*/
/**
 * Paragraph base styles
 */
p {
    margin-bottom: 4px;
}

/**
 * Blockquote base styles
 */
blockquote {
    font-style: italic;
    border-left: 1px solid #cbcbcb;
    color: #666669;
    padding-left: 1em;
    margin-bottom: 4px;
}

/**
 * Horizontal rule base styles
 */
hr {
    border: 0;
    height: 1px;
    background: #a7a8a9;
    margin: 16px auto;
    max-width: 100%;
}

@media all and (min-width: 46.8em) {
    hr {
        margin: 32px auto;
    }
}

/**
 * Abbreviation base styles
 */
abbr {
    text-decoration: none;
    border-bottom: 1px dotted gray;
    cursor: help;
}

.positive {
    background-color: #43b049
}

.positive-subtle {
    background-color: #63c368
}

.caution {
    background-color: #ff8f1c
}

.caution-subtle {
    background-color: #ffc182
}

.negative {
    background-color: #e2665c
}

.negative-subtle {
    background-color: #fdded8
}

.neutral {
    background-color: #4c9fc8
}

.neutral-subtle {
    background-color: #67d2df
}


/*------------------------------------*\
    $COMPONENTS
\*------------------------------------*/
.article {
    max-width: 780px;
    margin: 20px auto 60px;
}

.article__h1 {
    padding: 0 0.5em 0.5em;
    border-bottom: 2px solid #14487f;
    margin: 20px 4px 16px;
    font-size: 24px;
    line-height: 32px;
    color: #14487f;
}

@media all and (min-width: 39.8em) {
    .article__h1 {
        margin: 40px 4px 0.75em;
        padding: 0 56px 0.5em;
        font-size: 2.25rem;
        line-height: 1.333;
    }
}

.h2 {
    margin: 0;
    padding: 0;
    font-size: 1.25rem;
    line-height: 1.333;
    font-family: "Akzidenz-Grotesk BQ", akzidenz-grotesk, "HelveticaNeue", "Helvetica", "Arial", sans-serif;
    font-weight: 500;
}

@media all and (min-width: 39.8em) {
    .h2 {
        font-size: 1.25rem;
        line-height: 1.5;
    }
}

.article__h2 {
    margin: 0 10px 10px;
    border: 1px solid #d00070;
    border-radius: 4px;
    padding: 0.5em;
    color: #d00070;
}

@media all and (min-width: 39.8em) {
    .article__h2 {
        margin: 0 60px 20px;
    }
}

.article__h2--hl {
    background: #43b049;
    color: #fff;
    border: none;
}

.article__content {
    padding: 0 12px;
    font-size: 1rem;
    line-height: 1.5;
    color: #666669;
}

@media all and (min-width: 39.8em) {
    .article__content {
        margin: 0 auto;
        /*center*/
        padding: 0 72px;
        font-size: 1.25rem;
        line-height: 1.333;
    }
}

@media all and (min-width: 1000px) {
    .article__content {
        padding: 0 80px;
    }
}

.article__content h1, .article__content h2, .article__content h3, .article__content h4, .article__content h5 {
    margin: 12px 0 0;
    font-size: 1.25rem;
    line-height: 1.2;
}

@media all and (min-width: 39.8em) {
    .article__content h1, .article__content h2, .article__content h3, .article__content h4, .article__content h5 {
        font-size: 1.5rem;
        margin: 20px 0 0;
    }
}

.article__content p {
    margin: 8px 0 16px;
}

.article__meta {
    padding: 0 12px;
    font-size: 0.875rem;
}

    .article__meta:first-child {
        border-right: 1px solid #000;
        padding: 0 12px 0 0;
    }

@media all and (min-width: 39.8em) {
    .article__meta {
        font-size: 1rem;
    }
}

.article__location, .article__meta--strong {
    font-family: "Akzidenz-Grotesk BQ", akzidenz-grotesk, "HelveticaNeue", "Helvetica", "Arial", sans-serif;
    font-weight: 500;
    color: #404042;
}

.article__date, .article__meta--weak {
    color: #666669;
}

/*------------------------------------*\
    #BLOCKS
\*------------------------------------*/
/**
 * 1) Blocks are collections of text and/or images/media working together as a unit.
 */
/*------------------------------------*\
    #CASE HERO BLOCK
\*------------------------------------*/
.block-hero {
    padding: 20px 0;
    background: #43b049;
    text-align: center;
}

@media all and (min-width: 46.8em) {
    .block-hero {
        padding: 32px 0;
    }
}

.block-hero__headline {
    font-size: 1.5rem;
}

@media all and (min-width: 46.8em) {
    .block-hero__headline {
        font-size: 2.25rem;
        line-height: 1.2;
    }
}

.block-hero__excerpt {
    font-size: 0.875rem;
}

@media all and (min-width: 46.8em) {
    .block-hero__excerpt {
        font-size: 1.25rem;
    }
}

/*------------------------------------*\
    #CASE HERO BLOCK
\*------------------------------------*/
.block-case-hero {
    padding: 20px 0;
    background: #43b049;
}

.block-media {
    max-width: 700px;
    margin: auto;
    min-height: 7rem;
    background: url(https://cases.primeclerk.com/alliednevadagold/Home-GetLogoImage?CDate=02082017034242) no-repeat 1em -1em;
    padding-left: 5rem;
}

.block-media__body {
    padding-left: 11rem;
}

/**
 * Case Hero Headline
 */
.block-case-hero__headline {
    color: #2e3031;
    font-size: 1.5rem;
    line-height: 1;
    margin: 0 0 4px;
    padding: 0;
}

@media all and (min-width: 46.8em) {
    .block-case-hero__headline {
        font-size: 2.25rem;
    }
}

.block-case-hero__subhead {
    line-height: 1.5;
    padding: 0;
    margin: 0;
    font-size: 1rem;
}

@media all and (min-width: 39.8em) {
    .block-case-hero__subhead {
        font-size: 1.25rem;
    }
}

/**
 * Accordion object block
 */
.acc {
    margin-bottom: 8px;
}

.acc-body {
    padding: 0 16px 0 16px;
}

.acc-closed {
    position: relative;
    border-radius: 4px;
}

    .acc-closed:before {
        position: absolute;
        content: "+ ";
    }

.acc-open {
    position: relative;
    border-radius: 4px 4px 0 0;
}

    .acc-open::before {
        position: absolute;
        content: "- ";
    }

.acc-title {
    font-size: 1.125rem;
    line-height: 1.5;
    padding: 12px 24px 12px 36px;
    font-family: "Akzidenz-Grotesk BQ", akzidenz-grotesk, "HelveticaNeue", "Helvetica", "Arial", sans-serif;
    font-weight: 500;
    background: #14487f;
    color: #fff;
    transition: background 0.3s ease-in-out;
}

    .acc-title::before {
        left: 0.75em;
    }

    .acc-title:hover {
        background: #003057;
        cursor: pointer;
    }

.acc-title--large {
    font-size: 1.25rem;
    font-family: "Akzidenz-Grotesk BQ", akzidenz-grotesk, "HelveticaNeue", "Helvetica", "Arial", sans-serif;
    font-weight: 500;
    line-height: 1.5;
    padding: 0.25em 1.5em;
    background: #14487f;
    color: #fff;
    transition: background 0.3s ease-in-out;
}

@media all and (min-width: 50em) {
    .acc-title--large {
        font-size: 1.5rem;
    }
}

@media all and (min-width: 50em) {
    .acc-title--large {
        font-size: 2.25rem;
        line-height: 1.15;
    }
}

.acc-title--large::before {
    left: 0.75em;
}

.acc-title--large:hover {
    background: #003057;
    cursor: pointer;
}

.acc-title--large.acc-open {
    margin-bottom: 1em;
}

.acc-title--large.acc-closed {
    margin-bottom: 0;
    transition: margin 1s;
    transition-delay: 0.25s;
}

.l-main .acc-title {
    font-size: 1.5rem;
    padding: 0.25em 1.5em;
}

@media all and (min-width: 50em) {
    .l-main .acc-title {
        font-size: 2.25rem;
        padding: 0.25em 1.25em;
    }
}

.l-main .acc-body {
    color: #76756f;
}

/**
 * Date Highlight object block
 */
.hl-box {
    background: #ecedee;
    padding: 1.25em 0.5em;
    border-radius: 4px;
    border-top: 3px solid #43b049;
}

    .hl-box a {
        text-decoration: none;
        color: #14487f;
        border-bottom: 1px dotted #14487f;
        transition: all 0.5s ease-in-out;
    }

        .hl-box a:hover {
            color: #003057;
            border-bottom: 1px dotted #003057;
        }

.dh {
    max-width: 180px;
    min-width: 180px;
}

@media all and (min-width: 32.5em) {
    .dh {
        min-height: 312px;
        max-height: 312px;
        max-width: 180px;
    }
}

@media all and (min-width: 46.8em) {
    .dh {
        min-height: 376px;
        max-height: 376px;
        max-width: 220px;
    }
}

.dh span {
    display: block;
    text-align: center;
    padding: 0;
}

.dh-month {
    font-size: 1.125rem;
    line-height: 1;
    margin-bottom: 0;
}

@media all and (min-width: 24em) {
    .dh-month {
        font-size: 1.25rem;
        margin-bottom: 4px;
    }
}

@media all and (min-width: 46.8em) {
    .dh-month {
        font-size: 1.25rem;
        text-transform: uppercase;
        line-height: 3rem;
    }
}

.dh-day {
    font-size: 2.25rem;
    line-height: 1;
    color: #4d4d4f;
}

@media all and (min-width: 24em) {
    .dh-day {
        font-size: 3.375rem;
    }
}

@media all and (min-width: 46.8em) {
    .dh-day {
        font-size: 3.75rem;
    }
}

.dh-year {
    font-size: 1.125rem;
    line-height: 1;
    margin-bottom: 4px;
}

@media all and (min-width: 24em) {
    .dh-year {
        font-size: 1.25rem;
        margin-bottom: 12px;
    }
}

@media (min-width: 46.8em) {
    .dh-year {
        font-size: 1.25rem;
    }
}

.dh-title {
    font-size: 1.25rem;
    line-height: 1.25;
    color: #666669;
    margin-bottom: 4px;
    overflow: hidden;
}

@media (min-width: 24em) {
    .dh-title {
        height: 4em;
        font-size: 1.125rem;
    }
}

@media (min-width: 46.8em) {
    .dh-title {
        font-size: 1.5rem;
        line-height: 1.2em;
    }
}

.dh-time {
    color: #666669;
    font-size: 0.875rem;
    margin-bottom: 4px;
}

@media (min-width: 46.8em) {
    .dh-time {
        font-size: 0.875rem;
        margin-bottom: 8px;
    }
}

.dh-fname {
    font-size: 1rem;
    margin-bottom: 4px;
}

@media (min-width: 46.8em) {
    .dh-fname {
        font-size: 1rem;
        margin-bottom: 8px;
    }
}

.dh-cal {
    font-size: 1rem;
    margin-bottom: 4px;
}

@media (min-width: 46.8em) {
    .dh-cal {
        font-size: 1rem;
        margin-bottom: 8px;
    }
}

/**
 * Panel object block
 */
.pan {
    border: 1px solid #cbcbcb;
    border-radius: 4px;
}

.panel {
    border: 1px solid #cbcbcb;
    border-radius: 4px;
}

.pan-head {
    padding: 12px;
    border-radius: 4px 4px 0 0;
    background: #67d2df; /*#e2665c;*/
    font-family: "Akzidenz-Grotesk BQ", akzidenz-grotesk, "HelveticaNeue", "Helvetica", "Arial", sans-serif;
    font-weight: 500;
    color: #001424; /* #fff;*/
    font-size: 1.125rem;
}

.panel__head {
    padding: 1rem 1.5rem;
    border-radius: 4px 4px 0 0;
    background: #e2665c;
    color: #fff;
}

.pan-tray {
    padding: 0 16px 0 16px;
}

    .pan-tray hr {
        margin: 8px 0;
        border-color: #cbcbcb;
        border-top: none;
    }

.panel__tray {
    padding: 16px;
}

.tray__section {
    padding: 16px 0 8px;
}

/**
 * Information Center object block
 */
.infocenter {
    max-width: 340px;
}

    .infocenter.is-stuck {
        margin-top: 12px;
    }

.infocenter__nav {
    margin: 16px 0;
    padding: 0 8px;
}

    .infocenter__nav li {
        margin-bottom: 12px;
        font-size: 1rem;
    }

.infocenter__nav__item {
    margin-bottom: 12px;
    list-style: none;
}

    .infocenter__nav__item a {
        text-decoration: none;
        color: #14487f;
        border-bottom: 1px dotted #14487f;
    }

        .infocenter__nav__item a:hover {
            color: #003057;
        }

    .infocenter__nav__item i {
        margin-right: 8px;
    }

/**
 * Quick Search molecule block
 */
.qsearch {
    margin: 16px 0;
}

.qsearch__title {
    margin: 0 0 8px;
    color: #003057;
    font-size: 1.5rem;
}

.qsearch__tabs {
    margin: 0 0 0 4px;
}

.qsearch__tab {
    display: inline-block;
    padding: 4px 16px;
    border-radius: 4px 4px 0 0;
    border-width: 1px 1px 0 1px;
    border-style: solid;
    border-color: #cbcbcb;
    background: #fff;
    color: #14487f;
}

    .qsearch__tab:nth-child(1n+2) {
        border-left: 0;
    }

    .qsearch__tab:hover {
        background: #ecedee;
    }

.qsearch__tab-active {
    background: #003057;
    color: #fff;
}

    .qsearch__tab-active:hover, .qsearch__tab-active:focus {
        background: #003057;
        color: #fff;
        cursor: default;
    }

.search {
    position: relative;
}

.search__icon {
    position: absolute;
    top: 12px;
    left: 8px;
    color: #666669;
}

.search__input {
    width: 100%;
    padding: 8px 8px 8px 28px;
    border-radius: 2px;
    border: 1px solid #cbcbcb;
}

    .search__input::placeholder {
        color: #cbcbcb;
    }

/**
 * Date Entry Block
 */
.date-entry {
    padding: 1.25em 0.5em;
    border-bottom: 1px dotted #cbcbcb;
}

@media all and (min-width: 29.75em) {
    .date-entry {
        display: flex;
    }
}

.date-entry:last-of-type {
    border-bottom: none;
}

.date-details {
    display: block;
}

@media all and (min-width: 29.75em) {
    .date-details {
        align-self: flex-start;
        margin-right: 20px;
        width: 200px;
    }
}

@media all and (min-width: 46.8em) {
    .date-details {
        display: inline-block;
    }
}

.date-entry__year {
    display: block;
    font-size: 1rem;
    line-height: 1;
    margin-bottom: 4px;
    text-align: center;
}

@media all and (min-width: 24em) {
    .date-entry__year {
        font-size: 1.25rem;
        margin-bottom: 8px;
    }
}

@media (min-width: 46.8em) {
    .date-entry__year {
        font-size: 1.25rem;
    }
}

.date-entry__month {
    font-size: 1rem;
    line-height: 1;
    margin-bottom: 0;
}

@media all and (min-width: 24em) {
    .date-entry__month {
        font-size: 1.25rem;
        margin-bottom: 4px;
    }
}

@media all and (min-width: 46.8em) {
    .date-entry__month {
        font-size: 1.25rem;
        text-transform: uppercase;
    }
}

.date-entry__day {
    font-size: 2.25rem;
    line-height: 1;
    margin-bottom: 4px;
}

@media all and (min-width: 24em) {
    .date-entry__day {
        font-size: 3.375rem;
    }
}

@media all and (min-width: 46.8em) {
    .date-entry__day {
        font-size: 3.75rem;
    }
}

.date-entry__time {
    color: #666669;
    font-size: 0.875rem;
    margin-bottom: 8px;
}

@media all and (min-width: 24em) {
    .date-entry__time {
        margin-bottom: 0;
    }
}

@media (min-width: 46.8em) {
    .date-entry__time {
        font-size: 1rem;
    }
}

.date-details .date-entry__month,
.date-details .date-entry__day,
.date-details .date-entry__time {
    display: block;
    text-align: center;
    padding: 0;
}

.date-desc {
    display: block;
}

@media all and (min-width: 46.8em) {
    .date-desc {
        display: inline-block;
        width: 800px;
    }
}

.date-entry__title {
    display: block;
    font-size: 1rem;
    line-height: 1.25;
    color: #666669;
    margin-bottom: 4px;
    overflow: hidden;
    text-align: center;
}

@media (min-width: 24em) {
    .date-entry__title {
        font-size: 1.25rem;
    }
}

@media (min-width: 29.75em) {
    .date-entry__title {
        text-align: left;
    }
}

@media all and (min-width: 46.8em) {
    .date-entry__title {
        margin-left: 0px;
        font-size: 1.5rem;
        line-height: 1.333em;
    }
}

.date-desc i {
    display: block;
    float: left;
    display: inline-block;
    color: #14487f;
}

.date-entry__fname {
    display: block;
    margin-left: 28px;
    font-size: 0.875rem;
    margin-bottom: 4px;
}

@media (min-width: 46.8em) {
    .date-entry__fname {
        font-size: 1rem;
        margin-bottom: 8px;
    }
}

.date-entry__cal {
    font-size: 0.875rem;
    margin-bottom: 4px;
}

@media (min-width: 46.8em) {
    .date-entry__cal {
        font-size: 1rem;
        margin-bottom: 8px;
    }
}

.date-entry__cal i, .date-entry__cal a {
    display: inline-block;
}

.date-entry__cal a {
    margin-left: 12px;
}

.date-entry a {
    text-decoration: none;
    color: #14487f;
    border-bottom: 1px dotted #14487f;
    transition: all 0.5s ease-in-out;
}

    .date-entry a:hover {
        color: #003057;
        border-bottom: 1px dotted #003057;
    }

/**
 * Party Block
 */
.parties__heading {
    font-size: 1.25rem;
    margin: 0 0 4px;
}

@media all and (min-width: 24em) {
    .parties__heading {
        font-size: 1.25rem;
        margin: 0 20px 16px;
    }
}

@media all and (min-width: 50em) {
    .parties__heading {
        font-size: 1.5rem;
        margin: 0 20px 16px;
    }
}

.parties__party-name {
    font-size: 1.25rem;
    line-height: 1.15;
    margin: 0 0 8px;
    font-weight: normal;
    color: #2e3031;
}

@media all and (min-width: 50em) {
    .parties__party-name {
        font-size: 1.5rem;
        margin: 0 0 12px;
    }
}

.parties__party-address {
    overflow: hidden;
    text-overflow: ellipsis;
}

    .parties__party-address a {
        white-space: nowrap;
    }

.parties__party-address,
.parties__party-names {
    font-size: 0.875rem;
    line-height: 1.3;
    margin: 0 0 8px 0;
}

@media all and (min-width: 24em) {
    .parties__party-address,
    .parties__party-names {
        font-size: 1rem;
        margin: 0 0 8px 0;
    }
}

@media all and (min-width: 50em) {
    .parties__party-address,
    .parties__party-names {
        font-size: 1.25rem;
        line-height: 1.4;
    }
}

/*------------------------------------*\
    #MEDIA BLOCK
\*------------------------------------*/
/**
 * 1) Media block contains an image (or some other media) on the left
 * and text on the right.
 * 2) For more info, read 
 * http://www.stubbornella.org/content/2010/06/25/the-media-object-saves-hundreds-of-lines-of-code/
 */
.h-block-media {
    max-width: 700px;
    margin: 0 auto;
    padding: 0 8px;
    transition: all 0.2s ease;
}

@media all and (min-width: 46.8em) {
    .h-block-media {
        display: flex;
        padding: 0;
    }
}

/**
 * Header Media Container
 * 1) This is the container that holds the block image (or media)
 */
.h-block-media__media {
    margin-bottom: 2px;
    text-align: center;
}

@media all and (min-width: 46.8em) {
    .h-block-media__media {
        min-height: 124px;
        width: 33%;
        max-width: 15em;
        margin-right: 1.5rem;
        margin-bottom: 0;
    }
}

.h-block-media__img {
    border-radius: 4px;
    max-width: 50%;
}

@media all and (min-width: 24em) {
    .h-block-media__img {
        max-width: 65%;
    }
}

@media all and (min-width: 46.8em) {
    .h-block-media__img {
        max-width: 100%;
    }
}

.h-block-media__body {
    display: flex;
    flex-direction: column;
    justify-content: center;
    flex: 1;
    text-align: center;
}

@media all and (min-width: 46.8em) {
    .h-block-media__body {
        margin: 16px 0;
        text-align: left;
    }
}

.h-block-media__headline {
    font-size: 1.25rem;
    line-height: 1.1;
    color: #4d4d4f;
}

@media all and (min-width: 24em) {
    .h-block-media__headline {
        font-size: 1.5rem;
        line-height: 1.2;
    }
}

@media all and (min-width: 46.8em) {
    .h-block-media__headline {
        font-size: 2.25rem;
        line-height: 1.2;
    }
}

.h-block-media__excerpt {
    margin: 0;
    font-size: 0.875rem;
}

@media all and (min-width: 46.8em) {
    .h-block-media__excerpt {
        font-size: 1.25rem;
    }
}

.case-hero {
    background: #ecedee;
    border-top: 3px solid #43b049;
    padding: 1em 0;
}

.case-hero--marketing {
    background: #ecedee;
    padding: 1.25em 0;
    transition: padding 0.7s;
}

@media all and (min-width: 39.8em) {
    .case-hero--marketing {
        padding: 2em 0;
    }
}

.block-media__headline--marketing {
    font-size: 1.5rem;
}

@media all and (min-width: 39.8em) {
    .block-media__headline--marketing {
        font-size: 2.25rem;
        line-height: 1.2;
    }
}

.case-hero--text {
    background: #ecedee;
    border-top: 3px solid #43b049;
    padding: 1.25em 0;
    transition: padding 0.7s;
    margin-bottom: 12px;
}

@media all and (min-width: 29.75em) {
    .case-hero--text {
        margin-bottom: 16px;
    }
}

@media all and (min-width: 50em) {
    .case-hero--text {
        padding: 2em 0;
        margin-bottom: 48px;
    }
}

.case-hero--text + .l {
    padding-top: 0;
}

.block-media__headline--text {
    font-size: 1.25rem;
    line-height: 1.1;
}

@media all and (min-width: 24em) {
    .block-media__headline--text {
        font-size: 1.5rem;
        line-height: 1.2;
    }
}

@media all and (min-width: 29.75em) {
    .block-media__headline--text {
        font-size: 2.25rem;
        width: 75%;
        margin: 0 auto;
    }
}

@media all and (min-width: 39.8em) {
    .block-media__headline--text {
        font-size: 2.25rem;
    }
}

@media all and (min-width: 50em) {
    .block-media__headline--text {
        width: 100%;
    }
}

.block-docket-result__btn-email {
    float: right;
}

.language-selection-block {
    position: relative;
    width: 100%;
    max-width: 400px;
    float: right;
}

.select--language {
    margin-bottom: 4px;
}

/**
 * Search
 */
.search-block {
    overflow: hidden;
}

.container {
    position: relative;
    margin-bottom: 16px;
    line-height: 0;
    z-index: 1;
}

.container--flex {
    display: flex;
}

.search-block__container {
    margin-bottom: 0;
}

/**
 * Advanced Search Panel
 */
.panel-advanced-search {
    height: 0;
    padding: 0.5em;
    border: 1px solid #cbcbcb;
    overflow: auto;
    z-index: -1;
    transition: height 0.3s;
}

    .panel-advanced-search.slideDown, .panel-advanced-search.headroom--pinned {
        height: 100%;
        margin: 16px 0;
        z-index: 2;
    }

/**
 * Person Profile block
 * e.g. client access dashboard case team
 */
.person-profile {
    margin: 16px 0 20px;
}

.person-profile__top {
    margin-bottom: 12px;
}

.avatar {
    float: left;
    max-width: 80px;
    max-height: 80px;
    border-radius: 4px;
    margin-right: 20px;
    overflow: hidden;
}

.name {
    float: left;
    font-size: 1.25rem;
    line-height: 1.15;
    margin: 16px 0;
    max-width: 140px;
    overflow: hidden;
}

.name__first, .name__last {
    overflow: hidden;
    text-overflow: ellipsis;
}

.nav-item {
    margin-bottom: 4px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 1.5;
}

    .nav-item a {
        display: inline-block;
        color: #14487f;
        font-size: 1rem;
        text-decoration: none;
        border-bottom: 1px dotted #003057;
    }

        .nav-item a:hover {
            color: #003057;
        }

    .nav-item i {
        margin-right: 8px;
    }

.person-profile--menu {
    margin: 4px 0 12px;
}

    .person-profile--menu .person-profile__top {
        margin-bottom: 4px;
    }

    .person-profile--menu .avatar {
        max-width: 50px;
        max-height: 50px;
        margin-right: 10px;
    }

    .person-profile--menu .name {
        margin: 8px 0;
    }

    .person-profile--menu .name__first, .person-profile--menu .name__last {
        font-size: 1rem;
        font-family: "Akzidenz-Grotesk BQ", akzidenz-grotesk, "HelveticaNeue", "Helvetica", "Arial", sans-serif;
        font-weight: 500;
    }

    .person-profile--menu .person-profile__bottom {
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .person-profile--menu .nav-item {
        margin-bottom: 2px;
        line-height: 1.5;
    }

        .person-profile--menu .nav-item a {
            display: inline;
            color: #76756f;
            font-weight: 300;
            border-bottom: none;
        }

            .person-profile--menu .nav-item a:hover {
                color: #2e3031;
            }

/**
 * User block
 *   i.e. account dropdown block
 */
.user {
    margin: 12px 0 0;
    border: 1px solid #cbcbcb;
    border-radius: 4px;
    padding: 12px;
    box-shadow: 2px 2px 8px rgba(0, 0, 0, 0.35);
    transition: opacity 0.15s, -webkit-transform 0.15s;
    transition: transform 0.15s, opacity 0.15s;
    transform: scale(0.95);
    transform-origin: top right;
    background: #fff;
}

.user-dropdown {
    position: absolute;
    visibility: hidden;
    right: auto;
    left: auto;
    top: auto;
    opacity: 0;
}

@media all and (max-width: 46.8em) {
    .user-dropdown {
        right: 10px;
        top: 80px;
    }
}

.user-dropdown--open {
    visibility: visible;
    opacity: 1;
    transform: scale(1);
}

.user-dropdown__top {
    padding: 4px 8px;
    border-bottom: 1px solid #cbcbcb;
    margin-bottom: 16px;
}

.user-dropdown__title {
    margin: 0 0 8px;
    font-size: 28px;
    color: #4d4d4f;
}

.user-dropdown__list {
    margin: 0;
    padding: 0 20px 8px;
    list-style: none;
}

    .user-dropdown__list li {
        display: block;
    }

.user-name {
    font-size: 1.25rem;
    line-height: 1.2;
    font-family: "Akzidenz-Grotesk BQ", akzidenz-grotesk, "HelveticaNeue", "Helvetica", "Arial", sans-serif;
    font-weight: 500;
    color: #4d4d4f;
    margin-bottom: 8px;
    text-transform: capitalize;
}

.user-email {
    font-size: 1rem;
    line-height: 1.2;
    color: #4d4d4f;
    margin-bottom: 8px;
}

.user-company {
    font-size: 1rem;
    line-height: 1.2;
    font-family: "Akzidenz-Grotesk BQ", akzidenz-grotesk, "HelveticaNeue", "Helvetica", "Arial", sans-serif;
    font-weight: 500;
    color: #4d4d4f;
    margin-bottom: 8px;
    text-transform: uppercase;
}

.user-dropdown__controls {
    text-align: right;
    padding: 12px;
}

.block-text .b-title {
    font-size: 2.25rem;
    line-height: 1.3;
}

.block-text .b-excerpt {
    font-size: 1.25rem;
    color: #76756f;
}

.g-recaptcha {
    overflow: hidden;
}

.block-options .option__alpha {
    display: block;
    margin: 0 auto;
}

@media all and (min-width: 39.8em) {
    .block-options .option__alpha {
        display: inline-block;
    }
}

.block-options .option__beta {
    display: block;
    margin: 0 auto;
}

@media all and (min-width: 39.8em) {
    .block-options .option__beta {
        display: inline-block;
    }
}

.block-options .options-divider {
    display: block;
    margin: 8px auto 8px;
    text-align: center;
}

@media all and (min-width: 39.8em) {
    .block-options .options-divider {
        display: inline-block;
        margin: 0 8px;
        text-align: left;
    }
}

.team-member {
    padding: 0 0 1em 0;
    margin: 0 0 0.5em 0 !important;
    border-bottom: 1px solid #aaa;
}

    .team-member:last-child {
        border-bottom: none;
    }

@media all and (min-width: 31em) and (max-width: 60em) {
    .team-member.g-4up > .gi {
        width: 50%;
        float: left;
    }

        .team-member.g-4up > .gi:nth-of-type(2n+1) {
            clear: none;
        }
}

@media all and (min-width: 46.8em) {
    .team-member.g-4up > .gi:nth-of-type(2n+1) {
        clear: none;
    }
}

@media all and (min-width: 66em) {
    .team-member.g-4up > .gi {
        width: 25%;
        float: left;
    }

        .team-member.g-4up > .gi:nth-of-type(2n+1) {
            clear: none;
        }

        .team-member.g-4up > .gi:nth-of-type(4n+1) {
            clear: left;
        }
}

.team-member .gi:nth-child(n+2) {
    padding-bottom: 0;
}

@media all and (min-width: 31em) {
    .team-member .gi:nth-child(n+2) {
        display: inline-block;
    }
}

@media all and (min-width: 66em) {
    .team-member .gi:nth-child(n+2) {
        display: block;
        float: left;
    }
}

a.person-block {
    color: #14487f;
}

    a.person-block:hover, a.person-block:focus {
        color: #003057;
    }

.person-block {
    display: block;
    text-decoration: none;
    color: #000;
}

@media all and (min-width: 60em) {
    .person-block {
        padding-right: 2em;
    }
}

.person-block a:first-child {
    color: #d00070;
}

    .person-block a:first-child:hover, .person-block a:first-child:focus {
        color: #6a0039;
    }

.person-block__name {
    display: block;
    padding-left: 0.5em;
    text-indent: -0.5em;
    font-size: 1.25em;
    font-family: "Akzidenz-Grotesk BQ", akzidenz-grotesk, "HelveticaNeue", "Helvetica", "Arial", sans-serif;
    font-weight: 500;
}

@media all and (min-width: 24em) {
    .person-block__name {
        font-size: 1.5em;
    }
}

.person-block__title {
    display: block;
    font-size: 1.1em;
    font-style: italic;
    margin: 0 0 16px 0;
}

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

.contact a {
    color: #4d4d4f;
    text-decoration: none;
    border-bottom: 1px dotted #14487f;
    max-width: 100%;
}

    .contact a:hover {
        color: #d00070;
    }

.contact__type {
    margin-left: 8px;
    font-style: italic;
    color: #a5a5a5;
}

    .contact__type i {
        font-size: 0.85em;
        color: #cbcbcb;
    }

/*------------------------------------*\
    #BUTTONS
\*------------------------------------*/
/**
 * Button
 */
.btn {
    display: inline-block;
    border: 0;
    padding: 0.75em;
    font-size: 1.25rem;
    font-family: "Akzidenz-Grotesk BQ", akzidenz-grotesk, "HelveticaNeue", "Helvetica", "Arial", sans-serif;
    font-weight: 500;
    line-height: 1;
    border-radius: 2px;
    background: #14487f;
    color: #fff;
    text-align: center;
    transition: background 0.2s ease;
    /**
   * Disabled button
   */
}

    .btn:hover, .btn:focus {
        background: #003057;
        color: #fff;
        outline: none;
    }

    .btn.disabled, .btn[disabled] {
        opacity: 0.25;
        pointer-events: none;
        transition: opacity 0.23s;
    }

    .btn > .btn__icon {
        margin: 0 0 0 12px;
    }

/**
 * BUTTONS
 */
.button {
    display: inline-block;
    border: 0;
    padding: 0.5em;
    font-size: 1.25rem;
    vertical-align: top;
    background-color: #666669;
    color: #4d4d4f;
    text-align: center;
    transition: background-color 0.3s;
}

@media all and (min-width: 29.75em) {
    .button {
        font-size: 1.25rem;
    }
}

.button:hover {
    background-color: #e7e7e7;
}

.button:focus {
    outline: none;
}

.button > .btn__icon {
    margin: 0 0 0 12px;
}

.btn--light {
    background-color: #666669;
    color: #4d4d4f;
}

    .btn--light:hover {
        background-color: #cbcbcb;
        color: #404042;
    }

    .btn--light:focus {
        outline: none;
    }

/**
 * Small button
 */
.btn--small {
    font-size: 0.875rem;
    padding: 0.5em;
    text-transform: uppercase;
    font-weight: normal;
}

/**
 * Medium button
 */
.btn--medium {
    font-size: 1.25rem;
    padding: 0.5em;
    font-weight: normal;
}

/**
 * Large button
 */
.btn--large {
    font-size: 1.25rem;
    padding: 1em 2em;
    text-transform: uppercase;
}

/**
 * Secondary button
 * looks like a link
 */
.btn--secondary {
    display: inline-block;
    font-weight: normal;
    border: 0;
    border-radius: 0;
    background: none;
    color: #14487f;
    text-align: center;
    transition: background 0.2s ease;
}

    .btn--secondary:hover, .btn--secondary:focus {
        background: none;
        color: #003057;
    }

/**
 * Text button
 */
.btn--text {
    position: relative;
    font-size: 1.25rem;
    font-family: "Akzidenz-Grotesk BQ", akzidenz-grotesk, "HelveticaNeue", "Helvetica", "Arial", sans-serif;
    font-weight: 500;
    font-style: normal;
    border: none;
    padding: 1em;
    background: none;
}

.btn--text__icon {
    margin-right: 0.5em;
}

.btn--text--small {
    font-size: 0.75rem;
    font-weight: normal;
}

.btn--text--forward:after {
    position: absolute;
    content: "";
    height: 20px;
    width: 20px;
    background: url("../images/icon-arrowhead.svg") no-repeat;
    top: 7px;
    right: -26px;
    transition: all 0.2s ease;
}

.btn--text--forward:hover:after, .btn--text--forward:focus:after {
    right: -28px;
}

.text-button-small {
    display: inline-block !important;
    font-size: 14px;
    line-height: 1.25;
    color: #14487f;
    border-bottom: 1px dotted #14487f;
}

    .text-button-small:hover {
        color: #14487f;
    }

/**
 * Icon button
 */
.btn--icon {
    margin-right: 0.5em;
    padding: 8px 12px;
    color: #14487f;
    transition: all 0.5s ease-in-out;
}

    .btn--icon:hover {
        color: #003057;
    }

a.btn--icon {
    border-bottom: none;
}

.button--secondary {
    color: #fff;
    background: #76756f;
}

    .button--secondary:hover {
        background-color: #2e3031;
    }

.button--positive {
    background-color: #e7e7e7;
    color: #003057;
}

    .button--positive:hover {
        background-color: #cdcdce;
    }

.btn--toolbar {
    border: 1px solid rgba(0, 0, 0, 0.18);
    border-radius: 0;
    padding: 0.5em;
    font-size: 1.25rem;
    line-height: normal;
    text-align: center;
    text-transform: lowercase;
    vertical-align: top;
    background-color: #e7e7e7;
    color: #4d4d4f;
    transition: background-color 0.3s;
}

@media all and (min-width: 29.75em) {
    .btn--toolbar {
        font-size: 1.25rem;
    }
}

.btn--toolbar:hover {
    background-color: #b3b3b5;
    color: #404042;
}

.btn--advanced {
    font-weight: 300;
}

.btn--advanced__text {
    display: none;
}

@media all and (min-width: 29.75em) {
    .btn--advanced__text {
        display: inline;
    }
}

.btn--search {
    margin-left: -5px;
    background-color: #4c9fc8;
    color: #fff;
}

    .btn--search:hover {
        background-color: #3585ac;
        color: #e7e7e7;
    }

/**
 * Quick Search button
 *  could be made utilitarian
 */
.qsearch__form__button {
    display: block;
    margin-top: 8px;
    padding: 0.5em;
    width: auto;
}

/**
 * Submit button
 */
.btn--submit {
    border-radius: 0;
    background: #e7e7e7;
    color: #003057;
}

    .btn--submit:hover, .btn--submit:focus {
        background: #cdcdce;
        color: #404042;
    }

    .btn--submit[disabled] {
        opacity: 0.25;
        pointer-events: none;
        transition: opacity 0.23s;
    }

/**
 * BUTTON GROUPING ELEMENT
 */
.btn-group {
    display: inline-block;
    vertical-align: top;
}

/*
/ Buttons for panel for offscreen navigation
*/
.btn-panel-open {
    display: inline-block;
    border-bottom: none;
    font-size: 1.25rem;
    color: #76756f;
}

@media only screen and (min-width: 89em) {
    .btn-panel-open {
        display: none;
    }
}

.btn-panel-close {
    font-size: 1.25rem;
    padding: 4px;
    border-bottom: none;
}

/**
 * Button close
 *  Used to close modals
 */
.btn-close-x {
    font-size: 1.5em;
    line-height: 1;
    padding: 8px;
    margin: 0;
    color: #fff;
    background-color: transparent;
    border: 0;
}

    .btn-close-x:hover {
        background: rgba(0, 0, 0, 0.3);
        color: #666669;
    }

.btn-close-x--dark {
    color: #4d4d4f;
}

    .btn-close-x--dark:hover {
        color: #404042;
    }

.btn--to-top {
    display: block;
    position: fixed;
    bottom: 8px;
    right: 8px;
    height: 40px;
    width: 40px;
    line-height: 40px;
    margin: 0;
    border: none;
    border-radius: 4px;
    padding: 0;
    font-weight: bold;
    transition: all 0.5s;
    text-align: center;
    background: rgba(0, 0, 0, 0.2);
    color: #fff;
    z-index: 10;
}

@media all and (min-width: 400px) {
    .btn--to-top {
        bottom: 24px;
        right: 24px;
        background: rgba(0, 0, 0, 0.2);
        height: 60px;
        width: 60px;
        line-height: 60px;
    }
}

.btn--to-top:focus {
    color: #fff;
}

.btn--to-top:hover {
    background: rgba(0, 0, 0, 0.5);
    bottom: 12px;
    color: #fff;
}

@media all and (min-width: 400px) {
    .btn--to-top:hover {
        bottom: 28px;
    }
}

.js-to-top--show {
    opacity: 1;
    visibility: visible;
}

.js-to-top--hide {
    opacity: 0;
    visibility: hidden;
}

/*------------------------------------*\
    #CAROUSEL
\*------------------------------------*/
/**
 * Horizontal carousel
 */
.carousel-horizontal {
    margin-bottom: 4px;
    overflow: hidden;
    position: relative;
}

/**
 * Carousel island container
 */
.carousel-island-container {
    overflow: hidden;
}

/**
 * Carousel container
 */
.carousel-container {
    position: relative;
}

/**
 * Carousel list
 */
/**
 * Carousel controls
 */
.carousel-controls {
    display: table;
    width: 100%;
    margin: -2px 0 4px;
    /**
   * Carousel pagination
   */
    /**
   * Carousel next button
   */
}

    .carousel-controls a, .carousel-controls div {
        display: table-cell;
        padding: 0.5em;
    }

    .carousel-controls .carousel-pagination {
        text-align: center;
    }

    .carousel-controls .carousel-next {
        text-align: right;
    }

/*------------------------------------*\
    #FOOTER
\*------------------------------------*/
/**
 * Footer
 */
.footer {
    clear: both;
    overflow: hidden;
    background: #404042;
    color: #fff;
    line-height: 1.2;
    margin-top: 40px;
    padding: 1em;
}

.logo-footer-link {
    display: inline-block;
    margin-bottom: 12px;
    line-height: 0;
}

@media all and (min-width: 24em) {
    .footer {
        margin-top: 100px;
    }
}


/**
 * Footer
 */
@media all and (min-width: 24em) {
    .logo-footer-link {
        margin-right: 4rem;
    }
}

@media all and (min-width: 46.8em) {
    .logo-footer-link {
        margin: 1rem 4rem 0 0;
    }
}

@media all and (min-width: 60em) {
    .logo-footer-link {
        margin: 1rem 4rem 0 1rem;
    }
}
/**
 * Footer nav
 */
/**
 * Copyright
 */
.copyright {
    display: inline-block;
    font-size: 0.75rem;
    color: #7f7f83;
}
/*------------------------------------*\
    #MARKETING SITE SPECIFIC
    note: code is not ideal
\*------------------------------------*/
@media all and (min-width: 52em) {
    .company {
        display: inline-block;
        width: 40%;
        margin-right: -5px;
    }
}

/**
 * vCard - address and telephone pattern
 */
.vcard {
    display: inline-block;
    margin-right: 12px;
    margin-bottom: 12px;
}

.vcard__link {
    color: #a5a5a5;
}

    .vcard__link:hover {
        color: #fff;
    }

.vcard__adr {
    font-size: 0.875rem;
}

    .vcard__adr > * {
        margin-bottom: 4px;
    }

.vcard__tel {
    font-size: 0.875rem;
    color: #a5a5a5;
}

.adr__region {
    border-bottom: none;
}

.adr__country-name {
    visibility: hidden;
    height: 0;
}

@media all and (min-width: 50em) {
    .footer-nav__legal {
        display: inline-block;
        width: 50%;
        margin-right: -5px;
    }
}

.footer-nav__legal .footer-nav__item {
    width: auto !important;
}

.footer-nav__social {
    font-size: 1.25rem;
}

@media all and (min-width: 50em) {
    .footer-nav__social {
        display: inline-block;
        width: 15%;
        margin-right: -5px;
    }
}

.footer-nav__social .footer-nav__item {
    width: auto !important;
}

@media all and (min-width: 50em) {
    .footer--marketing .copyright {
        display: inline-block;
        width: 35%;
        margin-right: -5px;
    }
}

/*------------------------------------*\
    #FOOTER NAVIGATION
\*------------------------------------*/
/**
 * Footer Nav
 */
.footer-nav {
    display: block;
    margin-right: 1rem;
}

@media all and (min-width: 24em) {
    .footer-nav {
        display: inline-block;
    }
}

/**
 * Footer Nav List
 */
.footer-nav__list {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    padding: 0 0 1rem;
}

@media all and (min-width: 24em) {
    .footer-nav__list {
        flex-direction: row;
    }
}

/**
 * Footer Nav List Item
 */
@media all and (min-width: 24em) {
    .footer-nav__item {
        width: inherit;
    }
}

/**
 * Footer Nav Links
 */
.footer-nav__link {
    display: inline-block;
    padding: 0.5rem 2rem 0.5rem 0;
    color: #cbcbcb;
    border-bottom: none;
}

    .footer-nav__link:hover, .footer-nav__link:focus {
        color: #fff;
    }

/*------------------------------------*\
    #FORMS
\*------------------------------------*/
.form {
    font-size: 0.875rem;
}

@media all and (min-width: 29.75em) {
    .form {
        font-size: 1rem;
    }
}

.form-heading {
    font-size: 1.5rem;
}

@media all and (min-width: 29.75em) {
    .form-heading {
        font-size: 2.25rem;
    }
}

/**
 * Form button wrapper
 */
.form__actions {
    margin-bottom: 16px;
}

    .form__actions .btn {
        margin-right: 8px;
    }

@media all and (min-width: 50em) {
    .form__actions--right {
        margin-top: 2em;
        text-align: right;
    }
}

/**
 * Listbox control
 */
.listbox {
    display: inline-block;
    max-height: 100px;
    width: 100%;
    overflow-y: scroll;
}

    .listbox::-webkit-scrollbar {
        width: 7px;
        background-color: #ecedee;
    }

    .listbox::-webkit-scrollbar-thumb {
        border-radius: 4px;
        background-color: #76756f;
        -webkit-box-shadow: 0 0 1px #76756f;
    }

    .listbox li {
        margin-bottom: 8px;
        margin-left: 4px;
    }

        .listbox li:last-child {
            margin: 0 0 0 4px;
        }

/**
* Fieldsets
*/
.fieldset {
    padding: 8px;
    border: 1px solid #cbcbcb;
}

.fieldset__buttons {
    margin-bottom: 8px;
}

.fieldset--inset {
    padding: 24px 12px 4px;
    border: 1px solid #cbcbcb;
    border-radius: 4px;
}

/** 
* Field wrapper
*   for label--inset positioning
*/
.field-wrap {
    position: relative;
    margin-bottom: 0.25rem;
    padding: 0;
}

@media all and (min-width: 46.8em) {
    .field-wrap {
        margin-bottom: 1rem;
    }
}

/**
* Labels
*/
.label {
    display: block;
    padding-bottom: 0.2rem;
    font-weight: normal;
    color: #76756f;
}

.label__detail {
    font-size: 0.75rem;
    font-weight: normal;
}

.label--small {
    font-size: 0.875rem;
    font-weight: bold;
}

.inline-label,
.label--inline {
    display: inline-block;
    font-weight: normal;
}

.label--inline-checkbox {
    margin-left: 1em;
}

.label--inset {
    visibility: hidden;
    opacity: 0;
    margin: 0 0 5px;
    padding: 6px 0 0;
    font-size: 0.75rem !important;
    font-family: "Akzidenz-Grotesk BQ", akzidenz-grotesk, "HelveticaNeue", "Helvetica", "Arial", sans-serif;
    font-weight: 500;
    line-height: 1;
    position: absolute;
    top: 1px;
    left: 13px;
    right: 0;
    z-index: 1;
    color: #cbcbcb !important;
    transition: all 0.2s ease-in-out;
}

.label--has-focus {
    color: #14487f !important;
}

.label--is-active {
    opacity: 1;
    visibility: visible;
}

/**
* CHECKBOX INPUT Styles
*/
.checkbox--inline {
    margin-left: -1em;
}

/**
* TEXT INPUT Styles
*/
.input--text {
    width: 100%;
    border-width: 1px;
    border-style: solid;
    border-color: #cbcbcb;
    border-radius: 4px;
    padding: 12px;
    font-size: 1.125rem;
    font-weight: 300;
}

    .input--text::-moz-placeholder {
        color: #cbcbcb;
    }

    .input--text::-webkit-input-placeholder {
        color: #cbcbcb;
    }

    .input--text:-ms-input-placeholder {
        color: #cbcbcb;
    }

    .input--text::placeholder {
        color: #cbcbcb;
    }

.placeholder {
    color: #cbcbcb;
}

.input-text::-moz-placeholder {
    color: transparent;
}

.input-text::-webkit-input-placeholder {
    color: transparent;
}

.input-text:-ms-input-placeholder {
    color: transparent;
}

.input-text::placeholder {
    color: transparent;
}

.input-text--inset {
    margin: 0;
    border: 1px solid #cbcbcb;
    padding: 12px;
    width: 100%;
    font-size: 1rem;
    font-weight: 300;
    line-height: inherit;
    color: #2e3031;
    background-color: inherit;
    transition: padding 0.2s ease-in-out, border 0.2s ease-in-out;
}

    .input-text--inset::-moz-placeholder {
        color: #cbcbcb;
    }

    .input-text--inset::-webkit-input-placeholder {
        color: #cbcbcb;
    }

    .input-text--inset:-ms-input-placeholder {
        color: #cbcbcb;
    }

    .input-text--inset::placeholder {
        color: #cbcbcb;
    }

.input-text--is-active {
    padding: 20px 12px 4px;
}

.input-text--is-required.input-text--is-active:before {
    opacity: 0;
}

.input-text--is-required:before {
    content: "*";
    display: block;
    position: absolute;
    top: 1px;
    right: 18px;
    z-index: 1;
    padding: 6px 0 0;
    font-size: 1rem;
    line-height: 1.75;
    color: #e2665c;
    opacity: 1;
    transition: all 0.2s ease-in-out;
}

.input--text-auto {
    width: auto;
}

/**
 * Date Inputs
 */
.input-date--inset {
    padding: 20px 12px 4px;
    color: #76756f;
    line-height: 1;
    background-color: inherit;
    border: 1px solid #cbcbcb;
    border-radius: 4px;
    margin: 0;
    font-size: 1.25rem;
    font-weight: 300;
}

/**
* Textarea styles
*/
.textarea {
    min-height: 120px;
    margin-bottom: 1rem;
    font-weight: 300;
}

    .textarea::-moz-placeholder {
        color: transparent;
    }

    .textarea::-webkit-input-placeholder {
        color: transparent;
    }

    .textarea:-ms-input-placeholder {
        color: transparent;
    }

    .textarea::placeholder {
        color: transparent;
    }

.textarea--inset {
    padding: 12px;
    width: 100%;
    transition: padding 0.2s ease-in-out, border 0.2s ease-in-out;
}

    .textarea--inset::-moz-placeholder {
        color: #cbcbcb;
    }

    .textarea--inset::-webkit-input-placeholder {
        color: #cbcbcb;
    }

    .textarea--inset:-ms-input-placeholder {
        color: #cbcbcb;
    }

    .textarea--inset::placeholder {
        color: #cbcbcb;
    }

.textarea--is-active {
    padding: 20px 12px 4px;
}

/**
 * Adaptive form where labels and fields are side-by-side
 * or stacked when small
 */
.form-adaptive {
    max-width: 800px;
}

    .form-adaptive .field {
        margin-bottom: 1rem;
    }

    .form-adaptive .field__label {
        margin-bottom: 0.25rem;
        font-weight: normal;
        color: #76756f;
    }

    .form-adaptive textarea {
        min-height: 100px;
    }

@media all and (min-width: 46.8em) {
    .form-adaptive .field {
        display: flex;
        align-items: flex-start;
    }

    .form-adaptive .field__label {
        display: inline-block;
        width: 15em;
        margin-top: 0.5em;
    }

    .form-adaptive input[type=input] {
        display: inline-block;
        width: auto;
    }

    .form-adaptive textarea {
        width: auto;
        min-width: 400px;
    }

    .form-adaptive .form__actions {
        /* clear: both; */
    }
}

.placeholder-img {
    width: 300px;
}

.claim-disclaimer {
    font-size: 0.75rem;
}

.form-section {
    margin-bottom: 12px;
}

@media all and (min-width: 29.75em) {
    .form-buttons {
        margin-left: 130px;
    }
}

.control-group-title {
    display: block;
    width: 100%;
    font-weight: bold;
}

@media all and (min-width: 24em) {
    .control-group-title {
        display: inline-block;
        width: 30%;
        max-width: 140px;
        text-align: right;
        margin-right: 12px;
        vertical-align: top;
        font-weight: normal;
    }
}

@media all and (min-width: 29.75em) {
    .control-group-title {
        width: 35%;
    }
}

.control-group {
    display: block;
    width: 100%;
}

@media all and (min-width: 24em) {
    .control-group {
        display: inline-block;
        width: 64%;
    }
}

.small-text-input,
.input--text-small {
    max-width: 40px;
    padding: 0.25em;
}

.inline-control {
    display: inline-block;
    margin-right: 4px;
}

.inline-div {
    display: inline-block;
}

.relative {
    position: relative;
}

.date-picker {
    max-width: 220px;
    height: 2.4em;
    padding: 0.25em;
    background-color: #ecedee;
    border: 1px solid #cbcbcb;
    border-radius: 4px;
    font-weight: 300;
}

.date-picker--full {
    max-width: 100%;
}

select,
.select {
    width: 100%;
    height: 2.4em;
    border: 1px solid #cbcbcb;
    background: #ecedee;
    font-weight: 300;
}

.select--auto {
    width: auto;
}

.select--inset {
    height: auto;
    width: 100%;
    margin: 0;
    border: 1px solid #cbcbcb;
    padding: 20px 12px 4px;
    color: #2e3031;
    background-color: inherit;
    border-radius: 4px;
    font-size: 1rem;
    line-height: 1.5;
    cursor: pointer;
    -webkit-appearance: none;
}

    .select--inset::placeholder {
        color: #cbcbcb;
    }

.multiselect {
    height: 1em;
    line-height: 1em;
}

.summary-title, .sub-summary-desc {
    font-weight: bold;
}
/* To wrap text even if no white space */
.sub-summary-desc {
    white-space: -moz-pre-wrap !important; /* Mozilla, since 1999 */
    white-space: -webkit-pre-wrap; /*Chrome & Safari */
    white-space: -pre-wrap; /* Opera 4-6 */
    white-space: -o-pre-wrap; /* Opera 7 */
    white-space: pre-wrap; /* CSS3 */
    word-wrap: break-word; /* Internet Explorer 5.5+ */
    word-break: break-all;
    white-space: normal;
}

/*******************************
 * Validation fields and styles
 ******************************/
.messages {
    position: relative;
    min-height: 1px;
    padding-right: 2em;
    padding-left: 2em;
    transition: height 0.7s;
}

.block--help {
    margin: 4px 0 !important;
    font-size: 0.75rem;
    font-weight: bold;
}

.block--help-error {
    color: #e2665c;
}

.field-wrap.has-error {
    margin-bottom: 0;
}

.has-error label {
    color: #e2665c;
}

.has-error input, .has-error textarea {
    border: 2px solid #e2665c;
    margin-bottom: 0;
}

.has-success label {
    color: #43b049;
}

.has-success input, .has-success textarea {
    border: 1px solid #43b049;
}

.form__messages {
    padding: 16px;
    border: 1px solid rgba(255, 255, 255, 0);
    border-radius: 4px;
    color: rgba(255, 255, 255, 0);
    transition: all 0.7s;
}

.form__messages--error {
    border: 1px solid #e2665c;
    color: #e2665c;
    background: #fdded8;
}

    .form__messages--error p {
        margin: 0;
    }

.js-select--autocomplete {
    width: 100%;
    margin: 0 0 8px 0;
    border-width: 1px;
    border-style: solid;
    border-color: #ecedee;
    border-radius: 4px;
    padding: 12px;
}

@media all and (min-width: 24em) {
    .js-select--autocomplete {
        width: auto;
        min-width: 300px;
    }
}

.js-select--autocomplete__list {
    display: block;
    position: absolute;
    padding: 0;
    max-height: 140px;
    overflow-y: auto;
    /* prevent horizontal scrollbar */
    overflow-x: hidden;
    list-style-type: none;
    background: #fff;
    box-shadow: 2px 2px 4px #aaa;
}

    .js-select--autocomplete__list .ui-menu-item-wrapper {
        padding: 12px;
    }

    .js-select--autocomplete__list .ui-state-active {
        background: #3761b4;
        color: #fff;
    }

    .js-select--autocomplete__list a {
        display: block;
    }

.ui-helper-hidden-accessible {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

/*******************************
 * Chosen JS multiselect styles
 ******************************/
/*------------------------------------*\
    #FIELDS
\*------------------------------------*/
.field__note {
    font-size: 0.75rem;
}

    .field__note a {
        color: #14487f;
        text-decoration: 1px dotted #14487f;
    }

        .field__note a:hover {
            color: #003057;
        }

/*------------------------------------*\
    #HEADER
\*------------------------------------*/
/**
 * Header
 */
.header {
    background: #fff;
    position: relative;
    z-index: 20;
}

@media all and (min-height: 46.8em) {
    .header {
        padding: 1em 0;
    }
}

.header {
    display: block;
}

.headroom--not-top {
    box-shadow: 0px 3px 5px -2px rgba(0, 0, 0, 0.2);
}

.cases .header.headroom--not-top {
    position: fixed;
    z-index: 10;
    right: 0;
    left: 0;
    top: 0;
}

.h-casename {
    display: none;
}

@media all and (min-width: 24em) {
    .h-casename {
        display: none;
        font-size: 1rem;
        font-family: "Akzidenz-Grotesk BQ", akzidenz-grotesk, "HelveticaNeue", "Helvetica", "Arial", sans-serif;
        font-weight: 500;
        line-height: 1;
        width: 80px;
        text-align: center;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }
}

@media all and (min-width: 29.75em) {
    .h-casename {
        width: 160px;
    }
}

@media all and (min-width: 39.8em) {
    .h-casename {
        width: 300px;
    }
}

@media all and (min-width: 46.8em) {
    .h-casename {
        display: none;
    }
}

.header.headroom--not-top .h-casename,
.h-casename--show {
    display: none;
}

@media all and (min-width: 24em) {
    .header.headroom--not-top .h-casename,
    .h-casename--show {
        display: inline-block;
    }
}

@media all and (min-width: 46.8em) {
    .header.headroom--not-top .h-casename,
    .h-casename--show {
        padding: 6px 0;
    }
}

/**
 * Header Controls
 * 1) This container holds the primary nav and search menu
 */
.header__controls {
    float: right;
    padding: 26px 0; /* 22px 0;*/
}

@media all and (min-width: 46.8em) {
    .header__controls {
        padding: 14px 0;
        margin: 8.45px 0;
    }
}

/*  @media all and (min-width: 29.75em) {
        .header__controls {
            margin: 28px 0;
        }
*/
/**
 * Menu button
 */
.header__menu {
    color: #76756f;
    font-size: 0.875rem;
    font-style: normal;
    font-weight: 600;
    padding: 1em;
    text-transform: uppercase;
    line-height: 2.5; /*additional line compare to style.css*/
}

    .header__menu:hover {
        color: #2e3031;
    }

/**
 * Nav toggle button
 * 1) Styles for the general nav toggle button
 */
/**
 * Search nav toggle button
 * 1) Specific nav toggle button for the search form
 */
.header--claim-detail {
    padding: 8px 0 0;
}

/*------------------------------------*\
    #LOGO
\*------------------------------------*/
.logo {
    width: 100%;
    max-width: 150px;
    transition: max-width 0.2s ease;
}

@media (min-width: 46.8em) {
    .logo {
        max-width: 150px;
    }
}

.logo--small svg {
    max-width: 160px;
}

/* .logo--small svg {
            max-width: 120px;
        }*/

@media all and (min-width: 46.8em) {
    .logo--small svg {
        max-width: 120px;
    }
}

.logo--small .logo {
    max-width: 120px;
}

@media all and (min-width: 20em) {
    .logo--small .logo {
        max-width: 150px;
    }
}

@media all and (min-width: 46.8em) {
    .logo--small .logo {
        max-width: 150px; /*240px;*/
    }
}

/*   .logo-link {
                padding: 0.2rem 1rem;
                border-bottom: none;
            }*/

.logo-link {
    display: inline-block;
    line-height: 0;
    border-bottom: none;
}

    /*  .logo-link svg {
                    max-width: 150px;
                    transition: max-width 0.2s ease;
                }*/

    .logo-link svg {
        display: inline-block;
        width: 130px;
        margin: 16px 24px;
        transition: max-width .2s ease;
    }

@media all and (min-width: 29.75em) {
    .logo-link svg {
        /*  max-width: 200px;*/
        width: 160px;
        margin: 22px 24px;
    }
}

@media all and (min-width: 46.8em) {
    .logo-link svg {
        max-width: 160px;
        /*  display: inline-block;
                    float: left  */
    }
}

.header.headroom--not-top .logo-link svg {
    max-width: 170px;
}

@media all and (min-width: 24em) {
    .header.headroom--not-top .logo-link svg {
        max-width: 120px;
    }
}

@media all and (min-width: 50em) {
    .header.headroom--not-top .logo-link svg {
        max-width: 150px;
    }
}

.duff-phelps-logo,
.a-division-of-logotext {
    display: none;
}

@media all and (min-width: 46.8em) {
    .duff-phelps-logo,
    .a-division-of-logotext {
        display: block;
    }
}

.logo-link--small {
    padding: 0.2rem 1rem;
    border-bottom: none;
}

    .logo-link--small svg {
        max-width: 120px;
        transition: max-width 0.2s ease;
    }

@media all and (min-width: 46.8em) {
    .logo-link--small svg {
        max-width: 160px;
    }
}

.logo-footer-link__img {
    margin-bottom: 20px;
}

@media all and (min-width: 50em) {
    .logo-footer-link__img {
        margin-bottom: 0;
    }
}

/*------------------------------------*\
    #ICONS
\*------------------------------------*/
/**
 * Icon next to a link
 */
.link__icon {
    margin-right: 4px;
}

/**
 * Icon fonts
 */
@font-face {
    font-family: "icons";
    src: url("../fonts/icons.eot");
    src: url("../fonts/icons.eot?#iefix") format("embedded-opentype"), url("../fonts/icons.woff") format("woff"), url("../fonts/icons.ttf") format("truetype"), url("../fonts/icons.svg#icons") format("svg");
    font-weight: normal;
    font-style: normal;
}
/**
 * Use the following CSS code if you want to use data attributes for inserting your icons
 */
[data-icon]:before {
    font-family: "icons";
    content: attr(data-icon);
    speak: none;
    font-weight: normal;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

/**
 * Icons and icon pseudo-elements
 */
.icon-twitter:before, .icon-stumbleupon:before, .icon-pinterest:before, .icon-linkedin:before, .icon-google-plus:before, .icon-search:before, .icon-play:before, .icon-menu:before, .icon-arrow-left:before, .icon-arrow-right:before, .icon-bubble:before, .icon-facebook:before, .icon-feed:before, .icon-youtube:before, .icon-tag:before, .icon-tumblr:before, .icon-instagram, .icon-podcast, .icon-apple, .icon-android, .icon-arrow:after, .icon-envelope:before {
    font-family: "icons";
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

/**
 * Twitter icon
 */
.icon-twitter:before {
    content: "t";
}

/**
 * Stumbleupon icon
 */
.icon-stumbleupon:before {
    content: "u";
}

/**
 * Pinterest icon
 */
.icon-pinterest:before {
    content: "p";
}

/**
 * LinkedIn icon
 */
.icon-linkedin:before {
    content: "i";
}

/**
 * Google plus icon
 */
.icon-google-plus:before {
    content: "g";
}

/**
 * Icon search
 */
.icon-search:before {
    content: "s";
}

/**
 * Play button icon
 */
.icon-play:before {
    content: "a";
}

/**
 * Menu icon
 */
.icon-menu:before {
    content: "!";
}

/**
 * Arrow left icon
 */
.icon-arrow-left:before {
    content: "#";
}

/**
 * Arrow right icon
 */
.icon-arrow-right:before {
    content: "$";
}

/**
 * Bubble icon
 */
.icon-bubble:before {
    content: "%";
}

/**
 * Facebook icon
 */
.icon-facebook:before {
    content: "f";
}

/**
 * Feed icon
 */
.icon-feed:before {
    content: "'";
}

/**
 * YouTube icon
 */
.icon-youtube:before {
    content: "y";
}

/**
 * Tag icon
 */
.icon-tag:before {
    content: "(";
}

/**
 * Tumblr icon
 */
.icon-tumblr:before {
    content: "m";
}

/**
 * Instagram icon
 */
.icon-instagram:before {
    content: '"';
}

/**
 * Podcast icon
 */
.icon-podcast:before {
    content: "&";
}

/**
 * Android icon
 */
.icon-android:before {
    content: ")";
}

/**
 * Twitter icon
 */
.icon-apple:before {
    content: "*";
}

/**
 * Envelope icon
 */
.icon-envelope:before {
    content: "+";
}

/**
 * Arrow icon
 */
.icon-arrow:after {
    content: "a";
    display: inline-block;
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg);
}

/**
 * Play icon
 */
.icon-play:before {
    font-size: 0.7rem;
    padding-left: 0.2em;
}

/**
 * Play box icon
 */
.icon-play-box {
    display: block;
    margin-left: 2em;
}

    /**
 * Play box icon before
 */
    .icon-play-box:before {
        padding: 0.25em;
        background: gray;
        color: #fff;
        margin-left: -1.7rem;
        margin-right: 0.5em;
    }

/**
 * Globe icon from Duff
 */
.icon-globe:before {
    content: "";
    display: inline-block;
    background-image: url("../../Images/globe.png");
    background-repeat: no-repeat;
    height: 1.25em;
    width: 1em;
    background-size: contain;
    vertical-align: bottom;
}

/*------------------------------------*\
    #LISTS
\*------------------------------------*/
/**
 * Inline list
 */
.inline-list li {
    display: inline-block;
}

/**
 * Social list
 */
.social-list li {
    margin: 0 0.4rem 4px 0;
}

.social-list a {
    font-size: 1.6em;
}

/**
 * Headline list
 */
.headline-list {
    margin-bottom: 4px;
}

    .headline-list.flush {
        margin: 0;
    }

    .headline-list h4 {
        font-weight: normal;
    }

    .headline-list li {
        padding: 0.25em 0;
        border-top: 1px solid #a5a5a5;
    }

/**
 * Post list
 */
.post-list li {
    padding-bottom: 24px;
    border-bottom: 1px solid #ecedee;
    margin-bottom: 24px;
}

    .post-list li:last-child {
        border-bottom: none;
    }

/**
 * Bullet list
 */
.bullet-list {
    list-style: square;
    margin: 0 0 1em 1.2em;
    line-height: 1.3;
}

    .bullet-list li {
        margin-bottom: 4px;
    }

/**
 * Text list
 */
.text-list {
    margin: 0 0 16px;
    line-height: 1.3;
}

    .text-list li {
        margin-bottom: 4px;
    }

.text-list--tall li {
    margin-bottom: 12px;
}

.text-list--links {
    font-size: 1.125rem;
}

    .text-list--links a:not(.btn--icon) {
        text-decoration: none;
        color: #14487f;
        border-bottom: 1px dotted #14487f;
        transition: all 0.5s ease-in-out;
    }

        .text-list--links a:not(.btn--icon):hover {
            color: #003057;
            border-bottom: 1px dotted #003057;
        }

.text .text-list--unformatted,
.text-list--unformatted {
    margin: 0;
    padding: 0;
    list-style: none;
}

.text .text-list--bullets {
    padding: 0;
    list-style: none;
}

    .text .text-list--bullets li {
        margin-bottom: 8px;
    }

        .text .text-list--bullets li:before {
            display: inline-block;
            position: relative;
            top: -4px;
            left: 0;
            font-size: 8px;
            margin-right: 8px;
            font-style: normal;
            font-variant: normal;
            text-rendering: auto;
            -webkit-font-smoothing: antialiased;
            font-family: "Font Awesome 5 Free";
            font-weight: 600;
            content: "";
            color: #14487f;
        }

/**
 * Form list
 */
.form-list {
    display: inline-block;
    line-height: 1.3;
    width: 100%;
}

    .form-list li {
        margin-bottom: 4px;
    }

.tile-list {
    margin: 0;
    padding: 0;
}

.tile-list__item {
    display: inline-block;
    margin-bottom: 12px;
    padding: 0;
    list-style: none;
    max-width: 100%;
    vertical-align: top;
}

@media all and (min-width: 24em) {
    .tile-list__item {
        padding: 0 20px 0;
    }
}

@media all and (min-width: 37.5em) {
    .tile-list__item {
        max-width: 45%;
    }
}

.nav-alpha-list {
    margin: 0 auto 2em;
    padding: 0.25em 0.5em;
    display: block;
}

    .nav-alpha-list li {
        display: inline-block;
        margin-left: -6px;
        min-width: 20px;
    }

    .nav-alpha-list a {
        display: inline-block;
        padding: 0.5em 0.5em;
        background: #e2665c;
        border: none;
        color: #fff;
        width: 100%;
    }

@media all and (min-width: 50em) {
    .nav-alpha-list a {
        padding: 1em 0.35em;
    }
}

.nav-alpha-list a:hover {
    background: pink;
    transform: translateY(-0.5em);
}

.list-cases {
    padding: 0 1em;
}

@media all and (min-width: 46.8em) {
    .list-cases {
        padding: 0 7em;
    }
}

.list-cases li, .list-cases li a {
    margin-bottom: 12px;
    font-family: "Akzidenz-Grotesk BQ", akzidenz-grotesk, "HelveticaNeue", "Helvetica", "Arial", sans-serif;
    font-weight: 200;
    font-size: 1.25rem;
    line-height: 1.1;
    color: #2e3031;
    border-bottom: none;
}

@media all and (min-width: 46.8em) {
    .list-cases li, .list-cases li a {
        font-size: 1.5rem;
        line-height: 1.1;
    }
}

.list-cases a:hover {
    color: #14487f;
}

.list-cases .list-cases__header {
    margin: 3em 0 0.5em;
    font-family: "Akzidenz-Grotesk BQ", akzidenz-grotesk, "HelveticaNeue", "Helvetica", "Arial", sans-serif;
    font-size: 0.875rem;
    font-family: "Akzidenz-Grotesk BQ", akzidenz-grotesk, "HelveticaNeue", "Helvetica", "Arial", sans-serif;
    font-weight: 500;
    color: gray;
}

.list-cases .mix.first.alpha:before {
    content: attr(data-alpha);
}

.list-cases .mix.first.district:before {
    content: attr(data-district);
}

.list-cases .mix.first.intmonth:before {
    content: attr(data-dispdate);
}

.list-cases .mix.first:before {
    display: block;
    margin: 1em 0 0.25em -0.5em;
    font-size: 1.5rem;
    color: #e2665c;
}

@media all and (min-width: 46.8em) {
    .list-cases .mix.first:before {
        font-size: 2.25rem;
    }
}

.date-highlight-list {
    overflow: auto;
}

    .date-highlight-list > .gi {
        float: left;
    }

.map-container {
    padding: 6px;
    border-width: 1px;
    border-radius: 4px;
    box-shadow: rgba(64, 64, 64, 0.5) 2px 2px 5px;
    /* TODO apply pattern library style here*/
    /*width: 880px;*/
    width: 100%;
}

.google-map {
    min-height: 500px;
}

.infowindow-heading {
    font-size: 14px;
    color: #404042;
    font-weight: bold;
}

.infowindow-sub {
    color: #404042;
    font-size: 14px;
    font-weight: 200;
}

.infowindow-p {
    font-size: 18px;
    color: #4d4d4f;
}

#overlay {
    position: fixed;
    display: none;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.5);
    z-index: 2;
    cursor: pointer;
}

/*------------------------------------*\
    #MESSAGING
\*------------------------------------*/
/**
 * Alert
 */
.alert {
    position: fixed;
    bottom: 0;
    left: 0;
    z-index: 10;
    width: 100%;
    text-align: center;
    padding: 1em;
    background: #f7f9f9;
    overflow: hidden;
    font-size: 1rem;
}

    .alert a {
        color: inherit;
        text-decoration: underline;
    }

/**
 * Error alert
 */
.alert--error {
    color: #e2665c;
    background: #fdded8;
}

/**
 * Success alert
 */
.alert--success {
    color: #fff;
    background: #43b049;
}

/**
 * Warning alert
 */
.alert--warning {
    color: #ff8f1c;
    background: #ffc182;
}

/**
 * Info alert
 */
.alert--info {
    color: #4c9fc8;
    background: #67d2df;
}

/**
 * Alert Text
 */
.alert__text {
    display: inline-block;
    float: none;
    margin-bottom: 0;
}

    .alert__text i {
        margin-right: 8px;
    }

/**
 * Alert close
 */
.alert__close {
    display: inline-block;
    font-size: 1.5rem;
    float: right;
}

.overlay--is-hidden {
    display: none;
}

/*------------------------------------*\
    #PRIMARY NAVIGATION
\*------------------------------------*/
/**
 * Navigation element
 */
.primary-nav {
    display: none;
}

.primary-nav--is-active {
    display: inline-block;
    z-index: 2;
}

@media all and (min-width: 46.8em) {
    .primary-nav {
        display: inline-block;
    }
}

.headroom--not-top .primary-nav {
    display: none;
}

@media all and (min-width: 73em) {
    .headroom--not-top .primary-nav {
        display: inline-block;
    }
}

@media all and (min-width: 39.8em) {
    .primary-nav--marketing {
        padding: 8px 0 0;
        display: inline-block;
    }
}

@media all and (min-width: 73em) {
    .primary-nav--marketing {
        padding: 0 40px;
    }
}

/**
 * Nav List
 */
.primary-nav__list {
    margin-right: 16px;
}

@media all and (min-width: 46.8em) {
    .primary-nav__list {
        display: inline-block;
    }
}

.primary-nav__list li {
    display: inline-block;
}

.primary-nav__list a {
    border-bottom: none;
}

/**
 * Nav Buttons
 */
.primary-nav__button {
    color: #7f7f83;
}

    .primary-nav__button:hover, .primary-nav__button:focus, .primary-nav__button:active {
        color: #404042;
    }

/*
* Top Navigation
*  right side, drawer ux
*/
.h-case-nav {
    height: 100%;
    width: 100%;
    padding: 12px 12px 12px 24px;
    overflow: auto;
    background: #fff;
}

@media only screen and (min-width: 29.75em) {
    .h-case-nav {
        width: 70%;
    }
}

@media only screen and (min-width: 39.8em) {
    .h-case-nav {
        width: 50%;
    }
}

.h-case-nav hr {
    margin: 4px 0;
}

.h-case-nav a {
    color: #14487f; /*#7f7f83;*/
}

    .h-case-nav a:hover {
        color: #003057; /*#404042;*/
    }

.h-case-nav__list li {
    position: relative;
}

.nav-menu__current {
    font-weight: bold;
    cursor: default;
    color: #404042 !important;
}

    .nav-menu__current:before {
        content: " ";
        position: absolute;
        border-left: 4px solid;
        left: 4px;
        top: 0;
        padding: 4px 0;
    }

.h-case-nav__header {
    margin-bottom: 8px;
    text-align: center;
}

.h-case-nav__title {
    font-size: 1.5rem;
    font-weight: bold;
}

.h-case-nav__section-title {
    display: block;
    font-size: 1.25rem;
    margin: 8px 0 4px;
    font-family: "Akzidenz-Grotesk BQ", akzidenz-grotesk, "HelveticaNeue", "Helvetica", "Arial", sans-serif;
    font-weight: 500;
}

.h-case-nav__list {
    padding: 0;
    margin: 0 0 8px;
}

    .h-case-nav__list li {
        padding: 0.25em 1em;
        list-style-type: none;
    }

    .h-case-nav__list a {
        display: block;
        text-decoration: none;
        border-bottom: none;
    }

    .h-case-nav__list i {
        margin-right: 8px;
    }

    .h-case-nav__list address {
        display: inline-block;
    }

/**
 * Body Navigation TOC
 */
.nav-body {
    margin-bottom: 1em;
}

    .nav-body .nav-body__list {
        margin: 0;
        padding: 0;
    }

    .nav-body li {
        display: inline-block;
        list-style: none;
        margin: 0 0.5em 0 0;
    }

    .nav-body a {
        border-bottom: 1px dotted #14487f;
    }

        .nav-body a:hover {
            border-bottom: 1px dotted #003057;
        }

/**
 * Side Navigation
 */
.nav-side {
    margin: 16px 0;
    padding-left: 0;
}

    .nav-side li {
        padding: 8px 0 8px 20px;
        list-style: none;
        position: relative;
    }

        .nav-side li a {
            line-height: 1.15;
            text-decoration: none;
            font-size: 1.25rem;
            color: #14487f;
            border-bottom: none;
        }

            .nav-side li a:hover {
                color: #003057;
            }

.nav-side__current {
    font-family: "Akzidenz-Grotesk BQ", akzidenz-grotesk, "HelveticaNeue", "Helvetica", "Arial", sans-serif;
    font-weight: 500;
    cursor: default;
    color: #003057 !important;
}

    .nav-side__current:before {
        content: " ";
        position: absolute;
        border-left: 4px solid;
        left: 8px;
        top: 0;
        padding: 8px 0;
    }

.case-nav {
    display: block;
    height: 60px;
    background: blue;
}

@media all and (min-width: 89em) {
    .case-nav {
        display: none;
    }
}

.case-nav.headroom--top {
    position: static;
}

.case-nav.headroom--not-top {
    position: fixed;
    z-index: 10;
    right: 0;
    left: 0;
    top: 0;
}

.headroom {
    will-change: transform;
    transition: transform 200ms linear;
}

.headroom--pinned {
    transform: translateY(0%);
}

.headroom--unpinned {
    transform: translateY(-100%);
}

.animated {
    animation-duration: 0.5s;
    animation-fill-mode: both;
    will-change: transform, opacity;
}

.breadcrumbs {
    margin: 0;
}

    .breadcrumbs li {
        display: inline-block;
        list-style: none;
        margin-bottom: 0.25em;
        font-size: 0.875rem;
    }

@media all and (min-width: 46.8em) {
    .breadcrumbs li {
        font-size: 1.125rem;
    }
}

.breadcrumbs a {
    color: #14487f;
    text-decoration: none;
    border-bottom: 1px dotted #14487f;
}

    .breadcrumbs a:hover {
        color: #003057;
    }

.breadcrumbs__current a {
    color: #003057;
    font-family: "Akzidenz-Grotesk BQ", akzidenz-grotesk, "HelveticaNeue", "Helvetica", "Arial", sans-serif;
    font-weight: 500;
    cursor: default;
    border-bottom: none;
}

.breadcrumbs--slash li:not(:last-child):after {
    content: "/";
    padding: 0 0.5em 0 0.75em;
    color: #fff;
}

.breadcrumbs + hr {
    margin: 10px auto 0;
    max-width: 100%;
}

@media all and (min-width: 24em) {
    .breadcrumbs + hr {
        margin: 12px auto 0;
    }
}

/**
 * Pagination
 */
.pagination {
    display: block;
    text-align: center;
    margin-bottom: 8px;
}

    .pagination a {
        border-bottom: 1px dotted;
    }

    .pagination i {
        padding: 0 0.5em;
        margin: 0 4px;
    }

@media all and (min-width: 66em) {
    .pagination i {
        display: none;
    }
}

.pagination__nav {
    display: block;
}

@media all and (min-width: 29.75em) {
    .pagination__nav {
        display: inline-block;
        margin: 0;
    }
}

.pagination__text {
    display: none;
}

@media all and (min-width: 66em) {
    .pagination__text {
        display: inline;
    }
}

.pagination__page-input {
    padding: 0 0.25em;
    font-size: 1rem;
    font-weight: 300;
    width: auto;
}

.pagination__count {
    display: none;
}

@media all and (min-width: 46.8em) {
    .pagination__count {
        display: inline-block;
    }
}

.pagination__page-length {
    display: inline-block;
    margin: 0 8px 0 0;
}
/*------------------------------------*\
    #PAGE HEADER
\*------------------------------------*/
/**
 * 1) The page header contains the page's heading, as perhaps other page information
 *    such as description or actions (edit, delete, etc).
 */
.page-header__title {
    padding: 1rem 0 0.5rem;
    position: relative;
    color: #404042;
}

.page-header__title--small {
    font-size: 1.125rem;
    margin-bottom: 8px;
    color: #404042;
}

@media all and (min-width: 39.8em) {
    .page-header__title--small {
        font-size: 1.5rem;
        margin-bottom: 16px;
    }
}

.page-header__title--branded {
    background-color: #14487f;
    padding: 0.5em;
    border-radius: 4px;
    color: #fff; /*#666669;*/
}

/*------------------------------------*\
    #SECTIONS
\*------------------------------------*/
/**
 * Section styles
 */
.section {
    position: relative;
    margin: 0 0 16px;
    overflow: auto;
}

.section--inset {
    padding: 0;
    margin: 0 0 16px;
}

@media all and (min-width: 46.8em) {
    .section--inset {
        padding: 1em;
        margin: 0 0 8px;
    }
}

.section--inset-horizontal {
    padding: 0;
    margin: 0 0 16px;
}

@media all and (min-width: 46.8em) {
    .section--inset-horizontal {
        padding: 0 1em;
        margin: 0 0 8px;
    }
}

.section--sunken {
    position: relative;
    padding: 1em;
    margin: 0 0 8px;
    box-shadow: inset 0px -4px 12px -6px rgba(0, 0, 0, 0.75);
    overflow: auto;
}

.section--data a {
    border-bottom: 1px dotted #14487f;
}

    .section--data a:hover {
        border-bottom: 1px dotted #003057;
    }

@media all and (min-width: 46.8em) {
    .section--split {
        padding: 1em 60px 1em 1em;
    }
}

@media all and (min-width: 48em) {
    .section--split {
        padding: 1em 60px;
    }
}

.section--split .g--2up > .gi,
.section--split .g--2up > .gi--2 {
    padding: 0;
}

@media all and (min-width: 46.8em) {
    .section--split .g--2up > .gi,
    .section--split .g--2up > .gi--2 {
        padding: 0 0.5em 0;
    }
}

@media all and (min-width: 46.8em) {
    .section--split .form .g--2up > .gi {
        width: 50%;
        float: left;
    }
}

.section--split .section__title {
    font-size: 1.5rem;
    margin: 0 20px 8px 0;
}

@media all and (min-width: 46.8em) {
    .section--split .section__title {
        font-size: 2.25rem;
        margin: 0 0 8px;
    }
}

@media all and (min-width: 48em) {
    .section--split .section__title {
        font-size: 3.375rem;
    }
}

.section--split .section__desc {
    margin: 0 0 16px;
    padding: 0;
    font-size: 1.25rem;
    line-height: 1.3;
    font-family: "Akzidenz-Grotesk BQ", akzidenz-grotesk, "HelveticaNeue", "Helvetica", "Arial", sans-serif;
}

@media all and (min-width: 46.8em) {
    .section--split .section__desc {
        font-size: 1.25rem;
    }
}

@media all and (min-width: 48em) {
    .section--split .section__desc {
        font-size: 1.5rem;
    }
}

.section__title {
    font-size: 1.25rem;
    margin-bottom: 8px;
}

@media all and (min-width: 39.8em) {
    .l-sidebar .section {
        margin-right: 2em;
        width: 50%;
    }

        .l-sidebar .section:last-child {
            margin-right: 0;
        }
}

@media all and (min-width: 50em) {
    .l-sidebar .section {
        width: 100%;
        margin-right: 0;
    }
}

/**
 * Section title
 */
.section-title {
    font-size: 1.25rem;
    font-weight: 500;
    margin-bottom: 0.5em;
    color: #404042;
}

@media all and (min-width: 50em) {
    .section-title {
        font-size: 1.5rem;
    }
}

.section-title--alt {
    font-size: 1.25rem;
}

@media all and (min-width: 39.8em) {
    .section-title--alt {
        font-size: 1.5rem;
    }
}

.section-title--marketing {
    color: #e2665c;
}

.section-search-results {
    margin-bottom: 12px;
}

.section-list-controls {
    margin-bottom: 12px !important;
}

.section-case-list label {
    font-size: 1rem;
    font-weight: normal;
    text-align: center;
    margin-bottom: 4px;
}

.section-case-list .nav-alpha-list {
    text-align: center;
}

.claim-detail-footer {
    position: relative;
}

    .claim-detail-footer .controls {
        position: absolute;
        bottom: 0;
        right: 0;
    }

.claim-detail-controls {
    display: inline-block;
    float: right;
}

    .claim-detail-controls a {
        display: inline-block;
        font-size: 0.75rem;
        margin: 0.5em 0.5em 0.5em 0;
    }

@media all and (min-width: 46.8em) {
    .claim-detail-controls a {
        font-size: 1rem;
    }
}

/*------------------------------------*\
    #Advanced Search
\*------------------------------------*/
/**
 * Search Input
 */
.input--search {
    float: left;
    width: 60%;
    font-size: 1.25rem;
    margin-bottom: 2px;
    /* to counter the 2px adjustment for outline applied upon focus */
    padding: 0.5em;
    background-color: #fff;
    color: #7f7f83;
    border: 1px solid #b3b3b5;
    border-right: 0px none;
    border-radius: 4px 0 0 4px;
    flex-grow: 1;
    /* progressive enhancement */
}

@media all and (min-width: 39.8em) {
    .input--search {
        font-size: 1.25rem;
    }
}

.input--search::-webkit-input-placeholder {
    color: #b3b3b5;
    font-weight: 300;
}

.input--search:focus {
    margin-bottom: 0;
    /* to counter the 2px adjustment for outline */
    outline: 0 none;
    outline-offset: 0;
    border: 2px solid #14487f;
}

.button-group,
.button--advanced,
.button--search {
    float: left;
}

/**
 * Report controls (table/records)
 */
.report-controls {
    margin-bottom: 8px;
    padding: 0 8px;
}

.report-controls__buttons {
    text-align: center;
    margin: 0 0 4px;
}

    .report-controls__buttons i {
        margin-right: 4px;
    }

    .report-controls__buttons a {
        display: inline-block;
        border-bottom: 1px dotted #14487f;
        margin: 0 4px 4px;
        font-size: 1.125rem;
    }

.team-person .l--three-col {
    flex-direction: column-reverse;
}

@media all and (min-width: 89em) {
    .team-person .l--three-col {
        flex-direction: row;
    }
}

.team-person .l-main {
    margin-bottom: 16px;
}

.team-person .l--three-col .l-sidebar-r {
    display: block;
    margin: 0 auto;
}

.team-person .contact {
    margin: 0 auto 16px;
}

/*------------------------------------*\

	*FROM HERO BLOCK
\*------------------------------------*/
/**
 * Hero Image
 * 1) This is the primary hero image that runs full-bleed across the layout
 */
.person__img {
    display: block;
    width: 100%;
    object-fit: cover;
    margin-bottom: 12px;
}

@media all and (min-width: 89em) {
    .person__img {
        margin-bottom: 40px;
    }
}

/*------------------------------------*\
    #TEXT
\*------------------------------------*/
/**
 * Passages of text
 */
.text {
    font-size: 1rem;
    line-height: 1.4;
}

@media all and (min-width: 24em) {
    .text {
        font-size: 1.25rem;
    }
}

.text h2 {
    margin: 0 0 4px;
    font-size: 1.25rem;
    line-height: 1.1;
    color: #003057;
}

@media all and (min-width: 50em) {
    .text h2 {
        margin: 0 0 8px;
        font-size: 1.5rem;
    }
}

.text h3 {
    margin-bottom: 4px;
    color: #003057;
}

.text p {
    margin-bottom: 12px;
}

    .text p:last-child {
        margin-bottom: 0;
    }

.text a {
    text-decoration: none;
    color: #14487f;
    border-bottom: 1px dotted #14487f;
    transition: all 0.5s ease-in-out;
}

    .text a:hover {
        color: #003057;
        border-bottom: 1px dotted #14487f;
    }

.text ul {
    list-style: disc;
    margin: 0 0 16px 1.2em;
    padding: 0 0 0 12px;
}

    .text ul ul {
        margin-bottom: 0;
    }

.text ol {
    list-style: decimal;
    margin: 0 0 4px 1.5em;
    padding: 0 0 0 12px;
}

    .text ol ol {
        margin-bottom: 0;
    }

.text--small {
    font-size: 0.75rem;
}

/**
 * Text passage
 */
.s-text-passage {
    margin-bottom: 1rem;
}

.text-passage--large {
    font-size: 1rem;
    line-height: 1.5;
}

@media all and (min-width: 29.75em) {
    .text-passage--large {
        font-size: 1.25rem;
        line-height: 1.7;
    }
}

.text-passage--large p {
    margin-bottom: 16px;
}

    .text-passage--large p:last-child {
        margin-bottom: 0;
    }

/**
 * Image within text passage
 */
.text-passage__img {
    border-radius: 4px;
    margin-bottom: 1rem;
}

.hr--small {
    border: 0;
    height: 1px;
    background: #cbcbcb;
    margin: 8px auto;
    max-width: 90%;
}

@media all and (min-width: 46.8em) {
    .hr--small {
        max-width: 100%;
        margin: 16px 0;
    }
}

.address--no-format {
    font-style: normal;
}

.address--small {
    font-size: 0.875rem;
}

.value {
    display: block;
    font-size: 0.875rem;
}

.chart-title {
    font-size: 1.25rem;
    text-align: center;
}

.chart-title--alpha {
    color: #43b049;
}

.chart-title--beta {
    color: #4c9fc8;
}

.truncate--ellipsis {
    display: inline-block;
    /*anything but inline*/
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 100%;
}

.ellipsis {
    overflow: hidden;
    height: 3.999em;
    line-height: 1.333em;
}

    .ellipsis:before {
        content: "";
        float: left;
        width: 5px;
        height: 3.999em;
    }

    .ellipsis > *:first-child {
        float: right;
        width: 100%;
        margin-left: -5px;
    }

    .ellipsis:after {
        content: "…";
        float: right;
        position: relative;
        top: -1.333em;
        left: 100%;
        width: 2em;
        margin-left: -2em;
        padding-right: 5px;
        text-align: right;
        background: #fff;
        background: linear-gradient(to right, rgba(255, 255, 255, 0), #fff 50%, #fff);
    }

/*------------------------------------*\
    #BOX
\*------------------------------------*/
/**
 * 1) This component is a modal-like
 */
.box {
    border: 1px solid #cbcbcb;
    border-radius: 4px;
    padding: 2em;
    margin: 2em;
    align-self: center;
    justify-content: center;
    max-width: 32em;
    margin: 2em auto;
}

.box__header {
    text-align: center;
    margin-bottom: 2em;
}

.overlay {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}

.overlay__off {
    z-index: -1;
    background-color: rgba(0, 0, 0, 0);
    transition: background-color 600ms cubic-bezier(0.6, 0.04, 0.98, 0.335);
}

.overlay__on {
    overflow-y: scroll;
    z-index: 15;
    background-color: rgba(40, 40, 40, 0.5);
    transition: background-color 1200ms cubic-bezier(0.075, 0.82, 0.165, 1);
}

@media all and (min-width: 89em) {
    .overlay__on {
        display: none;
    }
}

/*------------------------------------*\
    #FEEDBACK
\*------------------------------------*/
/**
 * 1) Feedback consists of components that give information back to the user. Examples include progress bars, progress wheels, etc.
 */
progress[value]::-webkit-progress-bar {
    border-radius: 4px;
}

.anim::-moz-progress-bar {
    -moz-transition: width 4s ease;
}

.anim::-webkit-progress-value {
    -webkit-transition: width 4s ease;
    -o-transition: width 4s ease;
    transition: width 4s ease;
}

/**
* Progress bar
*/
.js-spinner-container {
    background: rgba(255, 255, 255, 0.7);
    min-height: 200px;
}

.spinner {
    margin: 0px auto 0;
    border: 10px solid #666669;
    /* Light grey */
    border-top: 10px solid #14487f;
    /* Blue */
    border-radius: 50%;
    width: 40px;
    height: 40px;
    animation: spin 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
}

.spinner--working {
    animation: Rotator 1.4s linear infinite;
}

@keyframes Rotator {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(270deg);
    }
}

.spinner__path--dark {
    stroke-dasharray: 187;
    stroke-dashoffset: 0;
    transform-origin: center;
    animation: Dash 1.4s ease-in-out infinite, SpinnerColors 5.6s ease-in-out infinite;
}

@keyframes SpinnerColors {
    0% {
        stroke: #4d4d4f;
    }

    100% {
        stroke: #4d4d4f;
    }
}

.spinner__path--light {
    stroke-dasharray: 187;
    stroke-dashoffset: 0;
    transform-origin: center;
    animation: Dash 1.4s ease-in-out infinite, SpinnerColorsLight 5.6s ease-in-out infinite;
}

@keyframes SpinnerColorsLight {
    0% {
        stroke: #fff;
    }

    100% {
        stroke: #fff;
    }
}

@keyframes Dash {
    0% {
        stroke-dashoffset: 187;
    }

    50% {
        stroke-dashoffset: 46.75;
        transform: rotate(135deg);
    }

    100% {
        stroke-dashoffset: 187;
        transform: rotate(450deg);
    }
}

.modal {
    position: fixed;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: 10;
    transition: background 0.5s;
    overflow: auto;
}

.modal--on {
    display: block;
    z-index: 30;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.3);
    transition: background 0.5s;
}

.modal--email {
    z-index: 35;
}

.modal__content {
    position: relative;
    margin: 0;
    border-radius: 4px;
    height: auto;
    color: #4d4d4f;
    background-color: #fff;
    box-shadow: 2px 2px 8px #555;
}

@media all and (min-width: 39.8em) {
    .modal__content {
        height: auto;
        margin: 100px;
    }
}

@media all and (min-width: 39.8em) {
    .modal__content--small {
        margin: 12px auto;
        max-width: 600px;
    }
}

@media all and (min-width: 39.8em) {
    .modal__content--medium {
        margin: 12px auto;
        max-width: 1080px;
    }
}

.modal__content--full {
    margin: 0;
}

.modal__content--nobg {
    background: none;
}

.modal-header {
    padding: 24px 24px 0 24px;
    border-radius: 4px 4px 0 0;
    background-color: #14487f;
}

    .modal-header > *:last-child {
        padding-bottom: 20px;
    }

.modal-heading {
    font-size: 1.5rem;
    padding-bottom: 0px;
    font-family: "Akzidenz-Grotesk BQ", akzidenz-grotesk, "HelveticaNeue", "Helvetica", "Arial", sans-serif;
    font-weight: 500;
    color: #ecedee;
    text-transform: uppercase;
}

@media all and (min-width: 39.8em) {
    .modal-heading {
        font-size: 2.25rem;
    }
}

.modal-description {
    margin-bottom: 0;
    font-size: 1rem;
    color: #ecedee;
}

.modal-body {
    height: 100%;
    width: 100%;
    top: 0;
    right: 0;
}

.modal-footer {
    padding: 24px 24px;
}

/*------------------------------------*\
    #TABLES
\*------------------------------------*/
table {
    position: relative;
}

.tbl--small {
    font-size: 0.875rem;
}

/**
 * Table Styles for Progress Bar Element
 * 1) basic table styling to reduce table styles
 * 2) styles to make table look like progress point element
 */
.tbl--progress {
    width: 100%;
    border-spacing: 0;
    border-collapse: collapse;
    border: none;
}

.tbl--progress__summary,
.tbl--progress__detail {
    border-bottom: 1px solid #e7e7e7;
}

.tbl--progress__summary {
    font-size: 0.75rem;
    font-family: "Akzidenz-Grotesk BQ", akzidenz-grotesk, "HelveticaNeue", "Helvetica", "Arial", sans-serif;
    font-weight: 500;
    color: #404042;
}

@media all and (min-width: 30em) {
    .tbl--progress__summary {
        font-size: 1rem;
    }
}

.tbl--progress__summary-has-detail:hover {
    background: #e5f7fa;
    cursor: pointer;
}

.tbl--progress__summary-has-detail td {
    text-decoration: underline;
}

.tbl--progress__detail {
    font-size: 0.75rem;
}

@media all and (min-width: 30em) {
    .tbl--progress__detail {
        font-size: 1rem;
    }
}

.tbl--progress__detail td:first-child {
    padding-left: 3em;
}

.tbl--progress__detail--hidden {
    transition: color 0s;
    transition: font-size 0.5s ease-out;
    color: rgba(0, 0, 0, 0);
    font-size: 0;
    height: 0;
    display: block;
}

.tbl--progress td {
    padding: 1.5em;
    text-align: center;
    border: none;
    display: inline-block;
    overflow: hidden;
}

    .tbl--progress td:first-child {
        text-align: left;
        width: 40%;
    }

    .tbl--progress td:nth-child(n+2) {
        width: 20%;
    }

/**
 * Expandy Table Element Styles
 * 1) basic table styling to reduce table styles
 * 2) styles that resemble progress table
 */
.tbl--expandy {
    width: 100%;
    border-spacing: 0;
    border-collapse: collapse;
    border: none;
}

.tbl--expandy__header {
    border-bottom: 1px solid #b3b3b5;
}

    .tbl--expandy__header th {
        padding: 1.5em;
        border: none;
        overflow: hidden;
        color: #404042;
    }

.tbl--expandy__summary,
.tbl--expandy__detail {
    border-bottom: 1px solid #fff;
}

.tbl--expandy__summary {
    font-size: 0.75rem;
    font-family: "Akzidenz-Grotesk BQ", akzidenz-grotesk, "HelveticaNeue", "Helvetica", "Arial", sans-serif;
    font-weight: 500;
    color: #4d4d4f;
    background: #e5f7fa;
}

@media all and (min-width: 30em) {
    .tbl--expandy__summary {
        font-size: 1rem;
    }
}

.tbl--expandy__summary-has-detail:hover {
    background: #d5f2f6;
    cursor: pointer;
}

.tbl--expandy__detail {
    font-size: 0.75rem;
    color: #7f7f83;
}

@media all and (min-width: 30em) {
    .tbl--expandy__detail {
        font-size: 1rem;
    }
}

.tbl--expandy__detail td:first-child {
    padding-left: 3em;
}

.tbl--expandy__detail--hidden {
    transition: color 0s;
    transition: font-size 0.5s ease-out;
    color: rgba(0, 0, 0, 0);
    font-size: 0;
    height: 0;
}

.tbl--expandy td {
    padding: 1.5em;
    border: none;
    overflow: hidden;
}

    .tbl--expandy td:first-child {
        text-align: left;
    }

.tbl__footnote {
    padding: 1em;
    font-size: 0.75rem;
}

.tbl-header--sortable {
    cursor: pointer;
}

    .tbl-header--sortable:hover {
        color: #003057;
    }

        .tbl-header--sortable:hover i {
            color: #003057;
        }

    .tbl-header--sortable i {
        color: #b3b3b5;
    }

    .tbl-header--sortable span,
    .tablesaw-cell-label span {
        white-space: nowrap;
    }

.js-sorted {
    color: #003057;
}

    .js-sorted i {
        color: #003057;
    }

.tbl {
    border: 1px solid #7f7f83;
    border-radius: 2px;
    font-size: 0.75rem;
    color: #7f7f83;
    line-height: 1.15;
}

@media all and (min-width: 20em) {
    .tbl {
        font-size: 0.875rem;
    }
}

@media all and (min-width: 50em) {
    .tbl {
        font-size: 1rem;
    }
}

.tbl th {
    padding: 1rem;
    text-align: left;
    background: #fff;
    border-left: none;
    border-right: none;
    border-top: none;
    border-bottom: 1px solid #7f7f83;
}

.tbl tr:nth-child(even) {
    background: #e5f7fa;
}

.tbl td {
    padding: 1rem;
    border: none;
}

.tbl-striped {
    border: 1px solid #e7e7e7;
    border-radius: 2px;
    font-size: 0.75rem;
    line-height: 1.15;
}

@media all and (min-width: 20em) {
    .tbl-striped {
        font-size: 0.875rem;
    }
}

@media all and (min-width: 50em) {
    .tbl-striped {
        font-size: 1rem;
    }
}

.tbl-striped th {
    padding: 1rem;
    text-align: left;
    background: #fff;
    border: 0;
}

@media all and (min-width: 39.8em) {
    .tbl-striped tbody {
        border-top: 1px solid #b3b3b5;
        border-bottom: 1px solid #b3b3b5;
    }
}
/*.tbl-striped tr:nth-child(odd) {
    background: #e5f7fa;
}*/

.tbl-striped tr:nth-child(even) {
    /*background: #f2f6ff;*/
    background: #e5f7fa;
}

.tbl-striped tr:first-child {
    /*background: #f2f6ff;*/
    background: #e5f7fa;
}

.tbl-striped td {
    padding: 0.5rem;
    border: none;
    line-height: 1.5;
}

.tablesaw.tbl-striped {
    border: 0;
}

.tbl-results td:nth-child(2) {
    max-width: 600px;
}

.tbl-results p {
    margin-bottom: 8px;
}

.tbl-results a {
    border-bottom: 1px dotted;
}

    .tbl-results a.btn--icon {
        border-bottom: none;
    }

.tbl-hover tbody tr:hover {
    background-color: rgba(0, 0, 0, 0.075);
}

@media all and (max-width: 39.9375em) {
    .tablesaw-stack td.hide-small,
    .tablesaw-stack th.hide-small {
        display: none;
    }
}

.claim-table .col-tiny {
    max-width: 9px;
    padding: 1px;
}

.claim-table td {
    padding: 0.25em;
    min-width: 1em;
}

.claim-table tfoot tr:first-child {
    background: #fff;
    font-family: "Akzidenz-Grotesk BQ", akzidenz-grotesk, "HelveticaNeue", "Helvetica", "Arial", sans-serif;
    font-weight: 500;
    border-top: 1px solid #000;
    border-bottom: 2px solid #000;
}

/* @group Base */
.chosen-container {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    font-size: 13px;
    user-select: none;
}

    .chosen-container .chosen-drop {
        position: absolute;
        top: 100%;
        z-index: 1010;
        width: 100%;
        border: 1px solid #aaa;
        border-top: 0;
        background: #fff;
        box-shadow: 0 4px 5px rgba(0, 0, 0, 0.15);
        clip: rect(0, 0, 0, 0);
    }

    .chosen-container.chosen-with-drop .chosen-drop {
        clip: auto;
    }

    .chosen-container a {
        cursor: pointer;
    }

    .chosen-container .search-choice .group-name, .chosen-container .chosen-single .group-name {
        margin-right: 4px;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
        font-weight: normal;
        color: #999;
    }

        .chosen-container .search-choice .group-name:after, .chosen-container .chosen-single .group-name:after {
            content: ":";
            padding-left: 2px;
            vertical-align: top;
        }

/* @end */
/* @group Single Chosen */
.chosen-container-single .chosen-single {
    position: relative;
    display: block;
    overflow: hidden;
    padding: 0 0 0 8px;
    height: 25px;
    border: 1px solid #aaa;
    border-radius: 5px;
    background-color: #fff;
    background: linear-gradient(#fff 20%, #f6f6f6 50%, #eee 52%, #f4f4f4 100%);
    background-clip: padding-box;
    box-shadow: 0 0 3px #fff inset, 0 1px 1px rgba(0, 0, 0, 0.1);
    color: #2e3031;
    text-decoration: none;
    white-space: nowrap;
    line-height: 24px;
}

.chosen-container-single .chosen-default {
    color: #999;
}

.chosen-container-single .chosen-single span {
    display: block;
    overflow: hidden;
    margin-right: 26px;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.chosen-container-single .chosen-single-with-deselect span {
    margin-right: 38px;
}

.chosen-container-single .chosen-single abbr {
    position: absolute;
    top: 6px;
    right: 26px;
    display: block;
    width: 12px;
    height: 12px;
    background: url("../images/chosen-sprite.png") -42px 1px no-repeat;
    font-size: 1px;
}

    .chosen-container-single .chosen-single abbr:hover {
        background-position: -42px -10px;
    }

.chosen-container-single.chosen-disabled .chosen-single abbr:hover {
    background-position: -42px -10px;
}

.chosen-container-single .chosen-single div {
    position: absolute;
    top: 0;
    right: 0;
    display: block;
    width: 18px;
    height: 100%;
}

    .chosen-container-single .chosen-single div b {
        display: block;
        width: 100%;
        height: 100%;
        background: url("../images/chosen-sprite.png") no-repeat 0px 2px;
    }

.chosen-container-single .chosen-search {
    position: relative;
    z-index: 1010;
    margin: 0;
    padding: 3px 4px;
    white-space: nowrap;
}

    .chosen-container-single .chosen-search input[type=text] {
        margin: 1px 0;
        padding: 4px 20px 4px 5px;
        width: 100%;
        height: auto;
        outline: 0;
        border: 1px solid #aaa;
        background: url("../images/chosen-sprite.png") no-repeat 100% -20px;
        font-size: 1em;
        font-family: "Akzidenz-Grotesk BQ", akzidenz-grotesk, "HelveticaNeue", "Helvetica", "Arial", sans-serif;
        line-height: normal;
        border-radius: 0;
    }

.chosen-container-single .chosen-drop {
    margin-top: -1px;
    border-radius: 0 0 4px 4px;
    background-clip: padding-box;
}

.chosen-container-single.chosen-container-single-nosearch .chosen-search {
    position: absolute;
    clip: rect(0, 0, 0, 0);
}

/* @end */
/* @group Results */
.chosen-container .chosen-results {
    color: #2e3031;
    position: relative;
    overflow-x: hidden;
    overflow-y: auto;
    margin: 0 4px 4px 0;
    padding: 0 0 0 4px;
    max-height: 240px;
    -webkit-overflow-scrolling: touch;
}

    .chosen-container .chosen-results li {
        display: none;
        margin: 0;
        padding: 5px 6px;
        list-style: none;
        line-height: 15px;
        word-wrap: break-word;
        -webkit-touch-callout: none;
    }

        .chosen-container .chosen-results li.active-result {
            display: list-item;
            cursor: pointer;
        }

        .chosen-container .chosen-results li.disabled-result {
            display: list-item;
            color: #cbcbcb;
            cursor: default;
        }

        .chosen-container .chosen-results li.highlighted {
            background-color: #14487f;
            color: #fff;
        }

        .chosen-container .chosen-results li.no-results {
            color: #76756f;
            display: list-item;
            background: #f4f4f4;
        }

        .chosen-container .chosen-results li.group-result {
            display: list-item;
            font-family: "Akzidenz-Grotesk BQ", akzidenz-grotesk, "HelveticaNeue", "Helvetica", "Arial", sans-serif;
            font-weight: 500;
            cursor: default;
        }

        .chosen-container .chosen-results li.group-option {
            padding-left: 15px;
        }

        .chosen-container .chosen-results li em {
            font-style: normal;
            text-decoration: underline;
        }

/* @end */
/* @group Multi Chosen */
.chosen-container-multi .chosen-choices {
    position: relative;
    overflow: hidden;
    margin: 0;
    padding: 0 5px;
    width: 100%;
    height: auto;
    border: 1px solid #aaa;
    background-color: #fff;
    background-image: linear-gradient(#eee 1%, #fff 15%);
    cursor: text;
}

    .chosen-container-multi .chosen-choices li {
        float: left;
        list-style: none;
    }

        .chosen-container-multi .chosen-choices li.search-field {
            margin: 0;
            padding: 0;
            white-space: nowrap;
        }

            .chosen-container-multi .chosen-choices li.search-field input[type=text] {
                margin: 1px 0;
                padding: 0;
                height: 25px;
                outline: 0;
                border: 0 !important;
                background: transparent !important;
                box-shadow: none;
                color: #999;
                font-size: 100%;
                font-family: "Akzidenz-Grotesk BQ", akzidenz-grotesk, "HelveticaNeue", "Helvetica", "Arial", sans-serif;
                line-height: normal;
                border-radius: 0;
                width: 25px;
            }

        .chosen-container-multi .chosen-choices li.search-choice {
            position: relative;
            margin: 3px 5px 3px 0;
            padding: 3px 20px 3px 5px;
            border: 1px solid #aaa;
            max-width: 100%;
            border-radius: 3px;
            background-color: #14487f;
            color: #fff;
            line-height: 13px;
            cursor: default;
        }

            .chosen-container-multi .chosen-choices li.search-choice span {
                word-wrap: break-word;
            }

            .chosen-container-multi .chosen-choices li.search-choice .search-choice-close {
                position: absolute;
                top: -4px;
                right: -3px;
                display: block;
                width: 2em;
                height: 2em;
                background: url("../images/ios-close-empty-light.svg") no-repeat;
                background-size: contain;
            }

        .chosen-container-multi .chosen-choices li.search-choice-disabled {
            padding-right: 5px;
            border: 1px solid #cbcbcb;
            background-color: #e4e4e4;
            background-image: linear-gradient(#f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eee 100%);
            color: #666;
        }

        .chosen-container-multi .chosen-choices li.search-choice-focus {
            background: #d4d4d4;
        }

            .chosen-container-multi .chosen-choices li.search-choice-focus .search-choice-close {
                background-position: -42px -10px;
            }

.chosen-container-multi .chosen-results {
    margin: 0;
    padding: 0;
}

.chosen-container-multi .chosen-drop .result-selected {
    display: list-item;
    color: #cbcbcb;
    cursor: default;
}

/* @end */
/* @group Active  */
.chosen-container-active .chosen-single {
    border: 1px solid #5897fb;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
}

.chosen-container-active.chosen-with-drop .chosen-single {
    border: 1px solid #aaa;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
    background-image: linear-gradient(#eee 20%, #fff 80%);
    box-shadow: 0 1px 0 #fff inset;
}

    .chosen-container-active.chosen-with-drop .chosen-single div {
        border-left: none;
        background: transparent;
    }

        .chosen-container-active.chosen-with-drop .chosen-single div b {
            background-position: -18px 2px;
        }

.chosen-container-active .chosen-choices {
    border: 1px solid #5897fb;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
}

    .chosen-container-active .chosen-choices li.search-field input[type=text] {
        color: #222 !important;
    }

/* @end */
/* @group Disabled Support */
.chosen-disabled {
    opacity: 0.5 !important;
    cursor: default;
}

    .chosen-disabled .chosen-single {
        cursor: default;
    }

    .chosen-disabled .chosen-choices .search-choice .search-choice-close {
        cursor: default;
    }

/* @end */
/* @group Right to Left */
.chosen-rtl {
    text-align: right;
}

    .chosen-rtl .chosen-single {
        overflow: visible;
        padding: 0 8px 0 0;
    }

        .chosen-rtl .chosen-single span {
            margin-right: 0;
            margin-left: 26px;
            direction: rtl;
        }

    .chosen-rtl .chosen-single-with-deselect span {
        margin-left: 38px;
    }

    .chosen-rtl .chosen-single div {
        right: auto;
        left: 3px;
    }

    .chosen-rtl .chosen-single abbr {
        right: auto;
        left: 26px;
    }

    .chosen-rtl .chosen-choices li {
        float: right;
    }

        .chosen-rtl .chosen-choices li.search-field input[type=text] {
            direction: rtl;
        }

        .chosen-rtl .chosen-choices li.search-choice {
            margin: 3px 5px 3px 0;
            padding: 3px 5px 3px 19px;
        }

            .chosen-rtl .chosen-choices li.search-choice .search-choice-close {
                right: auto;
                left: 4px;
            }

    .chosen-rtl.chosen-container-single .chosen-results {
        margin: 0 0 4px 4px;
        padding: 0 4px 0 0;
    }

    .chosen-rtl .chosen-results li.group-option {
        padding-right: 15px;
        padding-left: 0;
    }

    .chosen-rtl.chosen-container-active.chosen-with-drop .chosen-single div {
        border-right: none;
    }

    .chosen-rtl .chosen-search input[type=text] {
        padding: 4px 5px 4px 20px;
        background: url("../images/chosen-sprite.png") no-repeat -30px -20px;
        direction: rtl;
    }

    .chosen-rtl.chosen-container-single .chosen-single div b {
        background-position: 6px 2px;
    }

    .chosen-rtl.chosen-container-single.chosen-with-drop .chosen-single div b {
        background-position: -12px 2px;
    }

/* @end */
/* @group Retina compatibility */
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 144dpi), only screen and (min-resolution: 1.5dppx) {
    .chosen-rtl .chosen-search input[type=text],
    .chosen-container-single .chosen-single abbr,
    .chosen-container-single .chosen-single div b,
    .chosen-container-single .chosen-search input[type=text],
    .chosen-container-multi .chosen-choices .search-choice .search-choice-close,
    .chosen-container .chosen-results-scroll-down span,
    .chosen-container .chosen-results-scroll-up span {
        background-repeat: no-repeat !important;
    }
}
/* @end */
/*------------------------------------*\
    #PROGRESS-BAR
\*------------------------------------*/
.progress-bar {
    position: relative;
    overflow: hidden;
}

/**
 * Progress bar alternative style
 * 1) For when there is a row summary description make first bucket wider
 * Note: selector is on div because child selectors do not work on classes perfectly
 */
.progress-bar--alt {
    border-bottom: 1px solid #e7e7e7;
}

    .progress-bar--alt > div:nth-child(2) {
        width: 40%;
    }

        .progress-bar--alt > div:nth-child(2) .progress-point__text {
            text-align: left;
            right: auto;
        }

    .progress-bar--alt > div:nth-child(n+3) {
        width: 20%;
    }

/**
 * Gradient element of Progress Bar
 * 1) Creates a gradient in the middle of the progress bar
 */
.progress-bar__gradient {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    height: 3px;
    width: 100%;
    background: linear-gradient(to right, #c7e7c8, #43B049);
}

.progress-bar__gradient--default {
    width: 87.5%;
}

.progress-bar__gradient--alt {
    width: 90%;
}

.progress-bar__gradient--green {
    background: linear-gradient(to right, #d9efdb, #43B049);
}

.progress-bar__gradient--alpha {
    background: linear-gradient(to right, #d9efdb, #43B049);
}

.progress-bar__gradient--bravo {
    background: linear-gradient(to right, #dbecf4, #4C9FC8);
}

.progress-bar__gradient--charlie {
    background: linear-gradient(to right, #f6cce2, #D00070);
}

/**
 * Bucket container element of Progress Bar
 * 1) layout class for items displayed on a progress bar
 */
.progress-bar__bucket {
    display: inline-block;
    width: 25%;
    float: left;
}

    .progress-bar__bucket > div {
        display: block;
        margin: 0 auto;
    }

/**
 * Progress Point element
 * 1) container for the standalone progress point element
 */
.progress-point {
    position: relative;
    display: inline-block;
}

/**
 * Slice of the Progress Point element
 * 1) Top, middle and bottom sections of a progress point
 */
.progress-point__slice {
    position: relative;
    display: block;
    text-align: center;
    transition: all 1s;
    min-height: 75px;
}

    .progress-point__slice:nth-child(2) {
        min-height: auto;
    }

/**
 * Text for the Progress Point element
 * 1) Text sections of a progress point
 */
.progress-point__text {
    position: relative;
    display: inline-block;
    position: absolute;
    left: 0;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    padding: 1.5em;
    font-size: 0.75rem;
    color: #4d4d4f;
    font-family: "Akzidenz-Grotesk BQ", akzidenz-grotesk, "HelveticaNeue", "Helvetica", "Arial", sans-serif;
    font-weight: 600;
}

@media all and (min-width: 30em) {
    .progress-point__text {
        font-size: 1rem;
    }
}

/**
 * Progress dot element of Progress Point
 * 1) Designed to align with Progress Gradient element
 */
.progress__dot {
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    margin: 0 auto;
    transform: translateY(-50%);
}

.progress__point--charlie-4, .progress__point--charlie-3, .progress__point--charlie-2, .progress__point--charlie-1, .progress__point--bravo-4, .progress__point--bravo-3, .progress__point--bravo-2, .progress__point--bravo-1, .progress__point--alpha-4, .progress__point--alpha-3, .progress__point--alpha-2, .progress__point--alpha-1, .progress__point--green-4, .progress__point--green-3, .progress__point--green-2, .progress__point--green-1 {
    display: inline-block;
    border-radius: 50%;
}

.progress__point--green-1 {
    height: 11px;
    width: 11px;
    background: #b4dfb6;
}

.progress__point--green-2 {
    height: 15px;
    width: 15px;
    background: #87cc8b;
}

.progress__point--green-3 {
    height: 19px;
    width: 19px;
    background: #5ab95f;
}

.progress__point--green-4 {
    height: 23px;
    width: 23px;
    background: #43b049;
}

.progress__point--alpha-1 {
    height: 11px;
    width: 11px;
    background: #b4dfb6;
}

.progress__point--alpha-2 {
    height: 15px;
    width: 15px;
    background: #87cc8b;
}

.progress__point--alpha-3 {
    height: 19px;
    width: 19px;
    background: #5ab95f;
}

.progress__point--alpha-4 {
    height: 23px;
    width: 23px;
    background: #43b049;
}

.progress__point--bravo-1 {
    height: 11px;
    width: 11px;
    background: #b7d9e9;
}

.progress__point--bravo-2 {
    height: 15px;
    width: 15px;
    background: #8cc2dc;
}

.progress__point--bravo-3 {
    height: 19px;
    width: 19px;
    background: #61abcf;
}

.progress__point--bravo-4 {
    height: 23px;
    width: 23px;
    background: #4c9fc8;
}

.progress__point--charlie-1 {
    height: 11px;
    width: 11px;
    background: #ec99c6;
}

.progress__point--charlie-2 {
    height: 15px;
    width: 15px;
    background: #e15ca3;
}

.progress__point--charlie-3 {
    height: 19px;
    width: 19px;
    background: #d61f81;
}

.progress__point--charlie-4 {
    height: 23px;
    width: 23px;
    background: #d00070;
}

.og-grid {
    list-style: none;
    padding: 20px 0;
    margin: 0 auto;
    text-align: center;
    width: 100%;
    font-family: "Akzidenz-Grotesk BQ", akzidenz-grotesk, "HelveticaNeue", "Helvetica", "Arial", sans-serif;
}

.og-grid__block {
    display: inline-block;
    vertical-align: top;
    width: 100%;
}

@media all and (min-width: 600px) {
    .og-grid__block {
        width: 33%;
        margin: 0 -5px -1px 0;
    }
}

.og-grid__block > a {
    position: relative;
    display: block;
    border-bottom: 1px solid #aaa;
    padding: 16px;
    outline: none;
    font-size: 1.25rem;
    color: #b3b3b5;
    text-decoration: none;
}

@media all and (min-width: 600px) {
    .og-grid__block > a {
        padding: 20px;
        min-height: 76px;
    }
}

.og-expanded > a,
.og-grid__block--expanded > a {
    border-bottom: 2px solid #14487f;
    color: #14487f;
    font-family: "Akzidenz-Grotesk BQ", akzidenz-grotesk, "HelveticaNeue", "Helvetica", "Arial", sans-serif;
    font-weight: 500;
}

.og-expander {
    position: absolute;
    top: auto;
    left: 0;
    width: 100%;
    margin: 0 10px;
    text-align: left;
    height: 0;
    overflow: hidden;
}

@media all and (min-width: 20em) {
    .og-expander {
        margin: 0;
    }
}

.og-expander-inner {
    padding: 16px;
    height: 100%;
    border-bottom: 1px solid #14487f;
}

@media all and (min-width: 20em) {
    .og-expander-inner {
        padding: 20px;
    }
}

.og-details {
    width: 100%;
    height: 100%;
    overflow: hidden;
    position: relative;
}

    .og-details h3 {
        font-family: "Akzidenz-Grotesk BQ", akzidenz-grotesk, "HelveticaNeue", "Helvetica", "Arial", sans-serif;
        font-weight: 500;
        font-size: 20px;
        margin-bottom: 10px;
        color: #4d4d4f;
    }

@media screen and (min-width: 830px) {
    .og-details h3 {
        font-size: 1.5rem;
    }
}

.og-details p {
    font-weight: 300;
    font-size: 12px;
    line-height: 22px;
    color: #4d4d4f;
    margin-bottom: 12px;
}

@media screen and (min-width: 830px) {
    .og-details p {
        font-size: 16px;
    }
}

.og-details a {
    display: inline-block;
    padding: 8px 16px;
    font-family: "Akzidenz-Grotesk BQ", akzidenz-grotesk, "HelveticaNeue", "Helvetica", "Arial", sans-serif;
    font-weight: 500;
    font-size: 12px;
    background: #14487f;
    color: #fff;
    border-radius: 4px;
    text-transform: uppercase;
    letter-spacing: 2px;
    outline: none;
}

@media screen and (min-width: 830px) {
    .og-details a {
        font-size: 14px;
    }
}

.og-loading {
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background: #ddd;
    box-shadow: 0 0 1px #ccc, 15px 30px 1px #ccc, -15px 30px 1px #ccc;
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -25px 0 0 -25px;
    animation: loader 0.5s infinite ease-in-out both;
}

@keyframes loader {
    0% {
        background: #ddd;
    }

    33% {
        background: #ccc;
        box-shadow: 0 0 1px #ccc, 15px 30px 1px #ccc, -15px 30px 1px #ddd;
    }

    66% {
        background: #ccc;
        box-shadow: 0 0 1px #ccc, 15px 30px 1px #ddd, -15px 30px 1px #ccc;
    }
}

@media screen and (max-width: 650px) {
    .og-fullimg {
        display: none;
    }

    .og-details {
        float: none;
        width: 100%;
    }
}
/*!
 * Pikaday
 * Copyright © 2014 David Bushell | BSD & MIT license | http://dbushell.com/
 */
.pika-single {
    z-index: 9999;
    display: block;
    position: relative;
    color: #333;
    background: #fff;
    border: 1px solid #ccc;
    border-bottom-color: #bbb;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}

    .pika-single.is-hidden {
        display: none;
    }

    .pika-single.is-bound {
        position: absolute;
        box-shadow: 0 5px 15px -5px rgba(0, 0, 0, 0.5);
    }

.pika-single {
    *zoom: 1;
}

    .pika-single:before, .pika-single:after {
        content: " ";
        display: table;
    }

    .pika-single:after {
        clear: both;
    }

.pika-lendar {
    float: left;
    width: 240px;
    margin: 8px;
}

.pika-title {
    position: relative;
    text-align: center;
}

    .pika-title select {
        cursor: pointer;
        position: absolute;
        z-index: 9998;
        margin: 0;
        left: 0;
        top: 5px;
        filter: alpha(opacity=0);
        opacity: 0;
    }

.pika-label {
    display: inline-block;
    *display: inline;
    position: relative;
    z-index: 9999;
    overflow: hidden;
    margin: 0;
    padding: 5px 3px;
    font-size: 14px;
    line-height: 20px;
    font-weight: bold;
    color: #333;
    background-color: #fff;
}

.pika-prev,
.pika-next {
    display: block;
    cursor: pointer;
    position: relative;
    outline: none;
    border: 0;
    padding: 0;
    width: 20px;
    height: 30px;
    text-indent: 20px;
    white-space: nowrap;
    overflow: hidden;
    background-color: transparent;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 75% 75%;
    opacity: 0.5;
    *position: absolute;
    *top: 0;
}

    .pika-prev:hover,
    .pika-next:hover {
        opacity: 1;
    }

    .pika-prev.is-disabled,
    .pika-next.is-disabled {
        cursor: default;
        opacity: 0.2;
    }

.pika-prev,
.is-rtl .pika-next {
    float: left;
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAeCAYAAAAsEj5rAAAAUklEQVR42u3VMQoAIBADQf8Pgj+OD9hG2CtONJB2ymQkKe0HbwAP0xucDiQWARITIDEBEnMgMQ8S8+AqBIl6kKgHiXqQqAeJepBo/z38J/U0uAHlaBkBl9I4GwAAAABJRU5ErkJggg==");
    *left: 0;
}

.pika-next,
.is-rtl .pika-prev {
    float: right;
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAeCAYAAAAsEj5rAAAAU0lEQVR42u3VOwoAMAgE0dwfAnNjU26bYkBCFGwfiL9VVWoO+BJ4Gf3gtsEKKoFBNTCoCAYVwaAiGNQGMUHMkjGbgjk2mIONuXo0nC8XnCf1JXgArVIZAQh5TKYAAAAASUVORK5CYII=");
    *right: 0;
}

.pika-select {
    display: inline-block;
    *display: inline;
}

.pika-table {
    width: 100%;
    border-collapse: collapse;
    border-spacing: 0;
    border: 0;
}

    .pika-table th,
    .pika-table td {
        width: 14.2857142857%;
        padding: 0;
    }

    .pika-table th {
        color: #999;
        font-size: 12px;
        line-height: 25px;
        font-weight: bold;
        text-align: center;
    }

    .pika-table abbr {
        border-bottom: none;
        cursor: help;
    }

.pika-button {
    cursor: pointer;
    display: block;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    outline: none;
    border: 0;
    margin: 0;
    width: 100%;
    padding: 5px;
    color: #666;
    font-size: 12px;
    line-height: 15px;
    text-align: right;
    background: #f5f5f5;
}

.is-today .pika-button {
    color: #3af;
    font-weight: bold;
}

.is-selected .pika-button {
    color: #fff;
    font-weight: bold;
    background: #3af;
    box-shadow: inset 0 1px 3px #178fe5;
    border-radius: 3px;
}

.is-disabled .pika-button, .is-outside-current-month .pika-button {
    color: #999;
    opacity: 0.3;
}

.is-disabled .pika-button {
    pointer-events: none;
    cursor: default;
}

.pika-button:hover {
    color: #fff;
    background: #ff8000;
    box-shadow: none;
    border-radius: 3px;
}

.pika-button .is-selection-disabled {
    pointer-events: none;
    cursor: default;
}

.pika-week {
    font-size: 11px;
    color: #999;
}

.is-inrange .pika-button {
    background: #d5e9f7;
}

.is-startrange .pika-button {
    color: #fff;
    background: #6cb31d;
    box-shadow: none;
    border-radius: 3px;
}

.is-endrange .pika-button {
    color: #fff;
    background: #3af;
    box-shadow: none;
    border-radius: 3px;
}

/*------------------------------------*\
    $ABSTRACTS
\*------------------------------------*/
@keyframes fpFadeInDown {
    from {
        opacity: 0;
        transform: translate3d(0, -20px, 0);
    }

    to {
        opacity: 1;
        transform: translate3d(0, 0, 0);
    }
}

.flatpickr-calendar {
    background: transparent;
    opacity: 0;
    display: none;
    text-align: center;
    visibility: hidden;
    padding: 0;
    animation: none;
    direction: ltr;
    border: 0;
    font-size: 14px;
    line-height: 24px;
    border-radius: 5px;
    position: absolute;
    width: 307.875px;
    box-sizing: border-box;
    touch-action: manipulation;
    background: #fff;
    box-shadow: 1px 0 0 #cbcbcb, -1px 0 0 #cbcbcb, 0 1px 0 #cbcbcb, 0 -1px 0 #cbcbcb, 0 3px 13px rgba(255, 255, 255, 0.08);
}

    .flatpickr-calendar.open, .flatpickr-calendar.inline {
        opacity: 1;
        max-height: 640px;
        visibility: visible;
    }

    .flatpickr-calendar.open {
        display: inline-block;
        z-index: 99999;
    }

    .flatpickr-calendar.animate.open {
        animation: fpFadeInDown 300ms cubic-bezier(0.23, 1, 0.32, 1);
    }

    .flatpickr-calendar.inline {
        display: block;
        position: relative;
        top: 2px;
    }

    .flatpickr-calendar.static {
        position: absolute;
        top: calc(100% + 2px);
    }

        .flatpickr-calendar.static.open {
            z-index: 999;
            display: block;
        }

    .flatpickr-calendar.multiMonth .flatpickr-days .dayContainer:nth-child(n+1) .flatpickr-day.inRange:nth-child(7n+7) {
        box-shadow: none !important;
    }

    .flatpickr-calendar.multiMonth .flatpickr-days .dayContainer:nth-child(n+2) .flatpickr-day.inRange:nth-child(7n+1) {
        box-shadow: -2px 0 0 #e6e6e6, 5px 0 0 #e6e6e6;
    }

    .flatpickr-calendar .hasWeeks .dayContainer,
    .flatpickr-calendar .hasTime .dayContainer {
        border-bottom: 0;
        border-bottom-right-radius: 0;
        border-bottom-left-radius: 0;
    }

    .flatpickr-calendar.showTimeInput.hasTime .flatpickr-time {
        height: 40px;
        border-top: 1px solid #cbcbcb;
    }

    .flatpickr-calendar.noCalendar.hasTime .flatpickr-time {
        height: auto;
    }

    .flatpickr-calendar:before, .flatpickr-calendar:after {
        position: absolute;
        display: block;
        pointer-events: none;
        border: solid transparent;
        content: "";
        height: 0;
        width: 0;
        left: 22px;
    }

    .flatpickr-calendar.rightMost:before, .flatpickr-calendar.rightMost:after {
        left: auto;
        right: 22px;
    }

    .flatpickr-calendar:before {
        border-width: 5px;
        margin: 0 -5px;
    }

    .flatpickr-calendar:after {
        border-width: 4px;
        margin: 0 -4px;
    }

    .flatpickr-calendar.arrowTop:before, .flatpickr-calendar.arrowTop:after {
        bottom: 100%;
    }

    .flatpickr-calendar.arrowTop:before {
        border-bottom-color: #cbcbcb;
    }

    .flatpickr-calendar.arrowTop:after {
        border-bottom-color: #fff;
    }

    .flatpickr-calendar.arrowBottom:before, .flatpickr-calendar.arrowBottom:after {
        top: 100%;
    }

    .flatpickr-calendar.arrowBottom:before {
        border-top-color: #cbcbcb;
    }

    .flatpickr-calendar.arrowBottom:after {
        border-top-color: #fff;
    }

    .flatpickr-calendar:focus {
        outline: 0;
    }

.flatpickr-wrapper {
    position: relative;
    display: inline-block;
}

.flatpickr-months {
    display: flex;
}

    .flatpickr-months .flatpickr-month {
        background: transparent;
        color: #2e3031;
        fill: #2e3031;
        height: 28px;
        line-height: 1;
        text-align: center;
        position: relative;
        user-select: none;
        overflow: hidden;
        flex: 1;
    }

    .flatpickr-months .flatpickr-prev-month,
    .flatpickr-months .flatpickr-next-month {
        text-decoration: none;
        cursor: pointer;
        position: absolute;
        top: 0px;
        line-height: 16px;
        height: 28px;
        padding: 10px;
        z-index: 3;
    }

        .flatpickr-months .flatpickr-prev-month.disabled,
        .flatpickr-months .flatpickr-next-month.disabled {
            display: none;
        }

        .flatpickr-months .flatpickr-prev-month i,
        .flatpickr-months .flatpickr-next-month i {
            position: relative;
        }

        .flatpickr-months .flatpickr-prev-month.flatpickr-prev-month,
        .flatpickr-months .flatpickr-next-month.flatpickr-prev-month {
            /*!
  /*rtl:begin:ignore*/
            /*
  */
            left: 0;
            /*!
  /*rtl:end:ignore*/
            /*
  */
        }

        .flatpickr-months .flatpickr-prev-month.flatpickr-next-month,
        .flatpickr-months .flatpickr-next-month.flatpickr-next-month {
            /*!
  /*rtl:begin:ignore*/
            /*
  */
            right: 0;
            /*!
  /*rtl:end:ignore*/
            /*
  */
        }

        .flatpickr-months .flatpickr-prev-month:hover,
        .flatpickr-months .flatpickr-next-month:hover {
            color: #e2665c;
        }

            .flatpickr-months .flatpickr-prev-month:hover svg,
            .flatpickr-months .flatpickr-next-month:hover svg {
                fill: #003057;
            }

        .flatpickr-months .flatpickr-prev-month svg,
        .flatpickr-months .flatpickr-next-month svg {
            width: 14px;
            height: 14px;
            fill: #14487f;
        }

            .flatpickr-months .flatpickr-prev-month svg path,
            .flatpickr-months .flatpickr-next-month svg path {
                transition: fill 0.1s;
                fill: inherit;
            }

.numInputWrapper {
    position: relative;
    height: auto;
}

    .numInputWrapper input,
    .numInputWrapper span {
        display: inline-block;
    }

    .numInputWrapper input {
        width: 100%;
    }

        .numInputWrapper input::-ms-clear {
            display: none;
        }

    .numInputWrapper span {
        position: absolute;
        right: 0;
        width: 14px;
        padding: 0 4px 0 2px;
        height: 50%;
        line-height: 50%;
        opacity: 0;
        cursor: pointer;
        border: 1px solid rgba(68, 68, 68, 0.15);
        box-sizing: border-box;
    }

        .numInputWrapper span:hover {
            background: rgba(0, 0, 0, 0.1);
        }

        .numInputWrapper span:active {
            background: rgba(0, 0, 0, 0.2);
        }

        .numInputWrapper span:after {
            display: block;
            content: "";
            position: absolute;
        }

        .numInputWrapper span.arrowUp {
            top: 0;
            border-bottom: 0;
        }

            .numInputWrapper span.arrowUp:after {
                border-left: 4px solid transparent;
                border-right: 4px solid transparent;
                border-bottom: 4px solid rgba(68, 68, 68, 0.6);
                top: 26%;
            }

        .numInputWrapper span.arrowDown {
            top: 50%;
        }

            .numInputWrapper span.arrowDown:after {
                border-left: 4px solid transparent;
                border-right: 4px solid transparent;
                border-top: 4px solid rgba(68, 68, 68, 0.6);
                top: 40%;
            }

        .numInputWrapper span svg {
            width: inherit;
            height: auto;
        }

            .numInputWrapper span svg path {
                fill: rgba(46, 48, 49, 0.5);
            }

    .numInputWrapper:hover {
        background: rgba(0, 0, 0, 0.05);
    }

        .numInputWrapper:hover span {
            opacity: 1;
        }

.flatpickr-current-month {
    font-size: 135%;
    line-height: inherit;
    font-weight: 300;
    color: inherit;
    position: absolute;
    width: 75%;
    left: 12.5%;
    padding: 6.16px 0 0 0;
    line-height: 1;
    height: 28px;
    display: inline-block;
    text-align: center;
    transform: translate3d(0px, 0px, 0px);
}

    .flatpickr-current-month span.cur-month {
        font-family: inherit;
        font-weight: 700;
        color: inherit;
        display: inline-block;
        margin-left: 0.5ch;
        padding: 0;
    }

        .flatpickr-current-month span.cur-month:hover {
            background: rgba(0, 0, 0, 0.05);
        }

    .flatpickr-current-month .numInputWrapper {
        width: 6ch;
        width: 7ch�;
        display: inline-block;
    }

        .flatpickr-current-month .numInputWrapper span.arrowUp:after {
            border-bottom-color: #2e3031;
        }

        .flatpickr-current-month .numInputWrapper span.arrowDown:after {
            border-top-color: #2e3031;
        }

    .flatpickr-current-month input.cur-year {
        background: transparent;
        box-sizing: border-box;
        color: inherit;
        cursor: text;
        padding: 0 0 0 0.5ch;
        margin: 0;
        display: inline-block;
        font-size: inherit;
        font-family: inherit;
        font-weight: 300;
        line-height: inherit;
        height: auto;
        border: 0;
        border-radius: 0;
        vertical-align: initial;
    }

        .flatpickr-current-month input.cur-year:focus {
            outline: 0;
        }

        .flatpickr-current-month input.cur-year[disabled], .flatpickr-current-month input.cur-year[disabled]:hover {
            font-size: 100%;
            color: rgba(46, 48, 49, 0.5);
            background: transparent;
            pointer-events: none;
        }

.flatpickr-weekdays {
    background: transparent;
    text-align: center;
    overflow: hidden;
    width: 100%;
    display: flex;
    align-items: center;
    height: 28px;
}

    .flatpickr-weekdays .flatpickr-weekdaycontainer {
        display: flex;
        flex: 1;
    }

span.flatpickr-weekday {
    cursor: default;
    font-size: 90%;
    background: transparent;
    color: rgba(0, 0, 0, 0.54);
    line-height: 1;
    margin: 0;
    text-align: center;
    display: block;
    flex: 1;
    font-weight: bolder;
}

.dayContainer,
.flatpickr-weeks {
    padding: 1px 0 0 0;
}

.flatpickr-days {
    position: relative;
    overflow: hidden;
    display: flex;
    align-items: flex-start;
    width: 307.875px;
}

    .flatpickr-days:focus {
        outline: 0;
    }

.dayContainer {
    padding: 0;
    outline: 0;
    text-align: left;
    width: 307.875px;
    min-width: 307.875px;
    max-width: 307.875px;
    box-sizing: border-box;
    display: inline-block;
    display: flex;
    flex-wrap: wrap;
    -ms-flex-pack: justify;
    justify-content: space-around;
    transform: translate3d(0px, 0px, 0px);
    opacity: 1;
}

    .dayContainer + .dayContainer {
        box-shadow: -1px 0 0 #cbcbcb;
    }

.flatpickr-day {
    background: none;
    border: 1px solid transparent;
    border-radius: 4px;
    box-sizing: border-box;
    color: #444;
    cursor: pointer;
    font-weight: 400;
    width: 14.2857143%;
    flex-basis: 14.2857143%;
    max-width: 39px;
    height: 39px;
    line-height: 39px;
    margin: 0;
    display: inline-block;
    position: relative;
    justify-content: center;
    text-align: center;
}

    .flatpickr-day:hover, .flatpickr-day:focus {
        cursor: pointer;
        outline: 0;
        background: #e5f7fa;
        border-color: #e5f7fa;
    }

    .flatpickr-day.prevMonthDay, .flatpickr-day.nextMonthDay {
        cursor: pointer;
        outline: 0;
        background: #e5f7fa;
        border-color: #e5f7fa;
    }

        .flatpickr-day.prevMonthDay.inRange, .flatpickr-day.prevMonthDay.today.inRange, .flatpickr-day.prevMonthDay:hover, .flatpickr-day.prevMonthDay:focus, .flatpickr-day.nextMonthDay.inRange, .flatpickr-day.nextMonthDay.today.inRange, .flatpickr-day.nextMonthDay:hover, .flatpickr-day.nextMonthDay:focus {
            cursor: pointer;
            outline: 0;
            background: #e5f7fa;
            border-color: #e5f7fa;
        }

    .flatpickr-day.today {
        border-color: #e2665c;
    }

        .flatpickr-day.today:hover, .flatpickr-day.today:focus {
            border-color: #e2665c;
            background: #e2665c;
            color: #fff;
        }

    .flatpickr-day.selected, .flatpickr-day.selected.inRange, .flatpickr-day.selected:focus, .flatpickr-day.selected:hover, .flatpickr-day.selected.prevMonthDay, .flatpickr-day.selected.nextMonthDay, .flatpickr-day.startRange, .flatpickr-day.startRange.inRange, .flatpickr-day.startRange:focus, .flatpickr-day.startRange:hover, .flatpickr-day.startRange.prevMonthDay, .flatpickr-day.startRange.nextMonthDay, .flatpickr-day.endRange, .flatpickr-day.endRange.inRange, .flatpickr-day.endRange:focus, .flatpickr-day.endRange:hover, .flatpickr-day.endRange.prevMonthDay, .flatpickr-day.endRange.nextMonthDay {
        background: #003057;
        box-shadow: none;
        color: #fff;
        border-color: #003057;
    }

        .flatpickr-day.selected.startRange, .flatpickr-day.startRange.startRange, .flatpickr-day.endRange.startRange {
            border-radius: 50px 0 0 50px;
            box-shadow: 5px 0 0 #003057;
        }

        .flatpickr-day.selected.endRange, .flatpickr-day.startRange.endRange, .flatpickr-day.endRange.endRange {
            border-radius: 0 50px 50px 0;
        }

        .flatpickr-day.selected.startRange + .endRange:not(:nth-child(7n+1)), .flatpickr-day.startRange.startRange + .endRange:not(:nth-child(7n+1)), .flatpickr-day.endRange.startRange + .endRange:not(:nth-child(7n+1)) {
            box-shadow: -10px 0 0 #003057;
        }

        .flatpickr-day.selected.startRange.endRange, .flatpickr-day.startRange.startRange.endRange, .flatpickr-day.endRange.startRange.endRange {
            border-radius: 50px;
        }

    .flatpickr-day.inRange {
        border-radius: 0;
        box-shadow: -5px 0 0 #e5f7fa,5px 0 0 #e5f7fa;
    }

    .flatpickr-day.disabled, .flatpickr-day.disabled:hover, .flatpickr-day.prevMonthDay, .flatpickr-day.nextMonthDay, .flatpickr-day.notAllowed, .flatpickr-day.notAllowed.prevMonthDay, .flatpickr-day.notAllowed.nextMonthDay {
        color: rgba(68, 68, 68, 0.3);
        background: transparent;
        border-color: transparent;
    }

        .flatpickr-day.disabled, .flatpickr-day.disabled:hover {
            cursor: not-allowed;
            color: rgba(68, 68, 68, 0.1);
        }

    .flatpickr-day.week.selected {
        border-radius: 0;
        box-shadow: -5px 0 0 #003057,5px 0 0 #003057;
    }

    .flatpickr-day.hidden {
        visibility: hidden;
    }

.rangeMode .flatpickr-day {
    margin-top: 1px;
}

.flatpickr-weekwrapper {
    display: inline-block;
    float: left;
}

    .flatpickr-weekwrapper .flatpickr-weeks {
        padding: 0 12px;
        box-shadow: 1px 0 0 #cbcbcb;
    }

    .flatpickr-weekwrapper .flatpickr-weekday {
        float: none;
        width: 100%;
        line-height: 28px;
    }

    .flatpickr-weekwrapper span.flatpickr-day, .flatpickr-weekwrapper span.flatpickr-day:hover {
        display: block;
        width: 100%;
        max-width: none;
        color: rgba(68, 68, 68, 0.3);
        background: transparent;
        cursor: default;
        border: none;
    }

.flatpickr-innerContainer {
    display: block;
    display: flex;
    box-sizing: border-box;
    overflow: hidden;
}

.flatpickr-rContainer {
    display: inline-block;
    padding: 0;
    box-sizing: border-box;
}

.flatpickr-time {
    text-align: center;
    outline: 0;
    display: block;
    height: 0;
    line-height: 40px;
    max-height: 40px;
    box-sizing: border-box;
    overflow: hidden;
    display: flex;
}

    .flatpickr-time:after {
        content: "";
        display: table;
        clear: both;
    }

    .flatpickr-time .numInputWrapper {
        flex: 1;
        width: 40%;
        height: 40px;
        float: left;
    }

        .flatpickr-time .numInputWrapper span.arrowUp:after {
            border-bottom-color: #444;
        }

        .flatpickr-time .numInputWrapper span.arrowDown:after {
            border-top-color: #444;
        }

    .flatpickr-time.hasSeconds .numInputWrapper {
        width: 26%;
    }

    .flatpickr-time.time24hr .numInputWrapper {
        width: 49%;
    }

    .flatpickr-time input {
        background: transparent;
        box-shadow: none;
        border: 0;
        border-radius: 0;
        text-align: center;
        margin: 0;
        padding: 0;
        height: inherit;
        line-height: inherit;
        cursor: pointer;
        color: #444; /*#444444;*/
        font-size: 14px;
        position: relative;
        box-sizing: border-box;
    }

        .flatpickr-time input.flatpickr-hour {
            font-weight: bold;
        }

        .flatpickr-time input.flatpickr-minute, .flatpickr-time input.flatpickr-second {
            font-weight: 400;
        }

        .flatpickr-time input:focus {
            outline: 0;
            border: 0;
        }

    .flatpickr-time .flatpickr-time-separator,
    .flatpickr-time .flatpickr-am-pm {
        height: inherit;
        display: inline-block;
        float: left;
        line-height: inherit;
        color: #444;
        font-weight: bold;
        width: 2%;
        user-select: none;
        align-self: center;
    }

    .flatpickr-time .flatpickr-am-pm {
        outline: 0;
        width: 18%;
        cursor: pointer;
        text-align: center;
        font-weight: 400;
    }

        .flatpickr-time .flatpickr-am-pm:hover, .flatpickr-time .flatpickr-am-pm:focus {
            background: #f6fcfd;
        }

.flatpickr-input:readonly {
    cursor: pointer;
}

/*------------------------------------*\
    $LAYOUT
\*------------------------------------*/
/*------------------------------------*\
    #LAYOUT
\*------------------------------------*/
/**
 * Layout container
 */
.l {
    max-width: 88em;
    margin: 0 auto;
    padding: 0.5rem;
}

@media all and (min-width: 89em) {
    .l {
        padding: 1rem;
    }
}

.l-nopad {
    max-width: 88em;
    margin: 0 auto;
}

.l-nopad-max3 {
    max-width: 68em;
    margin: 0 auto;
}

.l-center-focus {
    max-width: 70em;
    margin: 0 auto;
    padding: 1rem;
}

.l-toppad {
    max-width: 88em;
    margin: 0 auto;
    padding-top: 1rem;
}

@media all and (min-width: 115em) {
    .l--wide {
        max-width: 110em;
    }
}

.l--center-focus {
    max-width: 70em;
    padding: 0.5rem;
    margin: 0 auto;
}

@media all and (min-width: 73em) {
    .l--center-focus {
        padding: 1rem;
    }
}

/*------------------------------------*\
    #TEMPLATES
\*------------------------------------*/
/**
 * 2 column layout
 */
.l--two-col {
    display: flex;
    flex-direction: column;
    /**
   * Sidebar
   */
}

    .l--two-col .l-main {
        width: 100%;
    }

@media all and (min-width: 89em) {
    .l--two-col .l-main {
        width: 77.5%;
        padding-right: 2em;
    }
}

.l--two-col .l-sidebar {
    margin-bottom: 0.5em;
}

@media all and (min-width: 39.8em) {
    .l--two-col .l-sidebar .acc {
        max-width: 300px;
    }
}

.l--two-col .l-sidebar .acc:last-child {
    margin-bottom: 1.5em;
}

@media all and (min-width: 39.8em) {
    .l--two-col .l-sidebar {
        margin: 0 auto 0.5em;
        width: 100%;
    }
}

@media all and (min-width: 89em) {
    .l--two-col .l-sidebar {
        display: flex;
        flex-direction: column;
        width: 22.5%;
        padding: 0 2em 0 0;
    }
}

@media all and (min-width: 89em) {
    .l--two-col {
        flex-direction: row;
    }
}

/**
 * 3 column layout
 */
.l--three-col {
    display: flex;
    flex-direction: column;
    /**
   * Sidebar left
   */
    /**
   * Sidebar right
   */
}

    .l--three-col .l-main {
        width: 100%;
    }

@media all and (min-width: 48em) {
    .l--three-col .l-main {
        margin: 0 auto;
        max-width: 47em;
    }
}

@media all and (min-width: 73em) {
    .l--three-col .l-main {
        width: 75%;
        padding-right: 2em;
        max-width: none;
    }
}

@media all and (min-width: 89em) {
    .l--three-col .l-main {
        width: 55%;
        padding-right: 2em;
        max-width: 47em;
    }
}

@media all and (min-width: 39.8em) {
    .l--three-col .l-sidebar-l .acc {
        max-width: 300px;
    }
}

.l--three-col .l-sidebar-l .acc:last-child {
    margin-bottom: 1.5em;
}

@media all and (min-width: 39.8em) {
    .l--three-col .l-sidebar-l {
        margin: 0 auto;
        width: 47em;
    }
}

@media all and (min-width: 73em) {
    .l--three-col .l-sidebar-l {
        display: flex;
        flex-direction: column;
        width: 25%;
        padding: 0 2em 0 0;
    }
}

@media all and (min-width: 89em) {
    .l--three-col .l-sidebar-l {
        display: flex;
        flex-direction: column;
        width: 22.5%;
        padding: 0 2em 0 0;
    }
}

.l--three-col .l-sidebar-r {
    display: none;
}

@media all and (min-width: 89em) {
    .l--three-col .l-sidebar-r {
        display: flex;
        flex-direction: column;
        width: 22.5%;
        padding: 0 0 0 2em;
    }
}

@media all and (min-width: 73em) {
    .l--three-col {
        flex-direction: row;
    }
}

/*------------------------------------*\
    #GRIDS
\*------------------------------------*/
/**
 * Grid
 */
.g {
    overflow: hidden;
    margin: 0 -0.5em;
}

/**
 * Grid item
 */
.gi, .gi--2 {
    padding: 0.5em;
}

    .gi img, .gi--2 img {
        display: block;
    }

@media all and (min-width: 46.8em) {
    .gi, .gi--2 {
        float: left;
    }
}

/**
 * 2 up grid
 */
@media all and (min-width: 46.8em) {
    .g-2up > .gi, .g--2up > .gi {
        float: left;
        width: 50%;
    }

        .g-2up > .gi:nth-of-type(odd), .g--2up > .gi:nth-of-type(odd) {
            clear: left;
        }

    .g-2up > .gi--2, .g--2up > .gi--2 {
        width: 100%;
    }
}

/**
 * Grid side by side
 */
.g-half > .gi {
    float: left;
    width: 50%;
}

    .g-half > .gi:nth-of-type(odd) {
        clear: left;
    }

/**
 * 3 up grid
 */
@media all and (min-width: 46.8em) {
    .g-3up > .gi, .g-3up .gi--2 {
        float: left;
        width: 50%;
    }

        .g-3up > .gi:nth-of-type(2n+1), .g-3up .gi--2:nth-of-type(2n+1) {
            clear: left;
        }
}

@media all and (min-width: 50em) {
    .g-3up > .gi {
        width: 33.3333333%;
    }

        .g-3up > .gi:nth-of-type(2n+1) {
            clear: none;
        }

        .g-3up > .gi:nth-of-type(3n+1) {
            clear: left;
        }

    .g-3up > .gi--2 {
        width: 66.66666666%;
    }

        .g-3up > .gi--2:nth-of-type(2n+1) {
            clear: none;
        }

        .g-3up > .gi--2:nth-of-type(3n+1) {
            clear: left;
        }
}

/**
 * 4 up grid
 */
@media all and (min-width: 46.8em) {
    .g-4up > .gi {
        float: left;
        width: 50%;
    }

        .g-4up > .gi:nth-of-type(2n+1) {
            clear: both;
        }
}

@media all and (min-width: 50em) {
    .g-4up > .gi {
        width: 25%;
    }

        .g-4up > .gi:nth-of-type(2n+1) {
            clear: none;
        }

        .g-4up > .gi:nth-of-type(4n+1) {
            clear: left;
        }
}

/**
 * Quarter grid always displayed side by side
 */
.g-quarter > .gi {
    float: left;
    width: 24%;
}

    .g-quarter > .gi:nth-of-type(4n+1) {
        clear: left;
    }

/**
 * Grid max 4 up
 */
@media all and (min-width: 29.75em) {
    .g-max4 > .gi {
        float: left;
        width: 50%;
    }

        .g-max4 > .gi:nth-of-type(2n+1) {
            clear: both;
        }
}

@media all and (min-width: 39.8em) {
    .g-max4 > .gi {
        width: 33.3333333%;
    }

        .g-max4 > .gi:nth-of-type(2n+1) {
            clear: none;
        }

        .g-max4 > .gi:nth-of-type(3n+1) {
            clear: left;
        }
}

@media all and (min-width: 50em) {
    .g-max4 > .gi {
        width: 25%;
    }

        .g-max4 > .gi:nth-of-type(3n+1) {
            clear: none;
        }

        .g-max4 > .gi:nth-of-type(4n+1) {
            clear: left;
        }
}

/**
 * Grid max of 5 up
 */
.g-max5 > .gi {
    float: left;
    width: 50%;
}

    .g-max5 > .gi:nth-of-type(2n+1) {
        clear: both;
    }

@media all and (min-width: 39.8em) {
    .g-max5 > .gi {
        width: 33.3333333%;
    }

        .g-max5 > .gi:nth-of-type(2n+1) {
            clear: none;
        }

        .g-max5 > .gi:nth-of-type(3n+1) {
            clear: left;
        }
}

@media all and (min-width: 46.8em) {
    .g-max5 > .gi {
        width: 25%;
    }

        .g-max5 > .gi:nth-of-type(3n+1) {
            clear: none;
        }

        .g-max5 > .gi:nth-of-type(4n+1) {
            clear: left;
        }
}

@media all and (min-width: 48em) {
    .g-max5 > .gi {
        width: 20%;
    }

        .g-max5 > .gi:nth-of-type(4n+1) {
            clear: none;
        }

        .g-max5 > .gi:nth-of-type(5n+1) {
            clear: left;
        }
}

.three-up-container {
    margin-bottom: 16px;
    overflow: auto;
}

.three-up {
    width: 30%;
    float: left;
    margin: 0 12px 12px;
}

@media (min-width: 46.8em) {
    .three-up {
        margin-bottom: 0;
        margin-left: 0;
    }
}

/*# sourceMappingURL=style.css.map */

/*****************/
/*ADDED BY GALAXE*/
/*****************/
/* After V11  start*/
.header--full-page {
    margin-bottom: 1em;
}

@media all and (min-width: 39.8em) {
    .header--marketing .header__controls {
        display: none;
    }
    /*Added to get the Claim values aligned right in Claims screen*/
    .ui-jqgrid tr.jqgrow td[aria-describedby="results-table_TotalCurrentClaimAmount"] {
        text-align: right;
    }

    .ui-jqgrid tr.jqgrow td[aria-describedby="results-table_TotalVotingAmount"] {
        text-align: right;
    }
}

@media all and (min-width: 73em) {
    .logo-footer-link__img {
        margin-bottom: 0;
    }
}


@media all and (min-width: 89em) {
    .breadcrumbs {
        padding: 0;
    }
}

@media all and (min-width: 39.8em) {
    .l-sidebar .section {
        margin-right: 2em;
        width: 50%;
    }

        .l-sidebar .section:last-child {
            margin-right: 0;
        }
}

@media all and (min-width: 50em) {
    .l-sidebar .section {
        width: 100%;
        margin-right: 0;
    }
}

/* TotalClassMeber Page CSS*/
#jqTable_PlanClassName {
    width: 1%;
}

#jqTable_DefectiveBallotReasons {
    width: 18%;
}

#jqTable_BallotResponses {
    width: 12% !important;
}

#jqgh_jqTable_CreditorName {
    margin-left: 4%;
}

.ui-jqgrid-htable {
    display: none;
    border: 0px !important;
}

.grid-no-records {
    font-weight: bold;
    text-align: center;
}

.ui-pg-table {
    display: none;
}

.ui-th-column {
    border-color: transparent;
    color: #76756f;
    font-size: 1rem;
    padding-bottom: 15px;
}

/*To show docket subscription*/
#txtM1, #txtM2 {
    width: 35px;
}

#txtSN {
    width: 335px;
}

.hideDisplay {
    display: none;
}

#txtSNError {
    display: none;
}

#LabelError {
    display: none;
    color: red;
}

#LabelErrorChangePassword {
    display: block;
    color: maroon;
}

/* Dashboard */
.showsummaryDetails {
    margin-right: -2%;
}

/* Home-> _CreditorDetailsforClaim */
a {
    cursor: pointer !important;
}

.ClmDetailsObjHistory {
    padding-left: 6px !important;
}

.ClmDetailsClaimAmount {
    padding-left: 6px !important;
}

.ClmDetailsClaimAmount1 {
    padding-right: 25px !important
}
/* ClaimsCreditorDataDetails  */
/*.tablesaw-stack td {
    padding-bottom: 12px;
    vertical-align: top;
}*/

.print-page {
    margin-top: 20px;
    text-align: right;
}

.Disclaimerfont {
    color: #0563c1;
    font-family: Calibri;
}

#show-all-dates-link {
    display: inline !important;
    border-bottom: none;
}

/* NewEmailpopup page*/
#ErrorSection {
    color: red;
    font-size: 12px;
    display: none
}

/* Captcha error message */
.CaptchaErrorMsg {
    color: red;
}

.Unsubscribetext {
    font-size: 1.125rem !important;
}

#span1 {
    color: #003c69;
    cursor: pointer;
    font-size: 1rem;
    text-decoration: none !important;
}


#LP_DIV_1376571740206 {
    color: #003c69;
    cursor: pointer;
    font-size: 1rem;
    text-decoration: none !important;
}

.Livechatwindow {
    width: 120px;
    height: 28px;
    display: none;
}

/*#EchosignContainerText {
        height: 1440px;
    }*/

#EchosignContainerText1 {
    height: 0px; /*prev 40 px recently changed 0 because 90% its craeting issue with 90% */
}


/* ManageClaim-_CreditorDetailsForClaim */

#ClaimAddressDetails {
    width: 1009px;
}

.ClaimscreditorField {
    border: none;
}

.ClaimscreditorPosition {
    margin-left: -7px;
}

/*To show quick search results*/
.docket-search1, .claim-search1 {
    display: none;
}

    .docket-search1.active, .claim-search1.active {
        display: block;
    }

.input--search {
    width: 58% !important;
}

/* Chart.js */
@-webkit-keyframes chartjs-render-animation {
    from {
        opacity: 0.99
    }

    to {
        opacity: 1
    }
}

@keyframes chartjs-render-animation {
    from {
        opacity: 0.99
    }

    to {
        opacity: 1
    }
}

.chartjs-render-monitor {
    -webkit-animation: chartjs-render-animation 0.001s;
    animation: chartjs-render-animation 0.001s;
    display: block;
    /*height: 330px !important;
    width: 330px !important; /*Graph code added for IE*/ */
}

#google_translate_element {
    display: none;
}

/*Live person monitor */

.ui-dialog .ui-dialog-content {
    position: relative;
    border: 0;
    padding: .0em 0em;
    background: none;
    overflow: hidden;
}

.no-close .ui-dialog-titlebar-close {
    display: none;
}

.ui-dialog .ui-dialog-title {
    display: none;
}

.goog-te-banner-frame.skiptranslate {
    display: none !important;
}

.no-close .ui-dialog-titlebar-close {
    font-size: 12px;
    display: none;
}

.dialogfont {
    font-size: 12px;
}

.ui-dialog .ui-dialog-title {
    display: block;
}

#dialog-confirm {
    font-weight: bold;
}

.Agreement-form-heading {
    font-size: 1.125rem;
}

#Ballotmodal1 {
    /*width: 1345px !important;*/
    min-height: 0px;
    max-height: none;
    height: 1351px !important;
    /*box-shadow: -8px 8px 10px 3px rgba(0,0,0,0.2);*/
    border-color: gray;
    font-weight: bold;
    background: rgba(0, 0, 0, 0.3) !important;
    overflow-x: hidden;
    flex-direction: row;
    display: none;
    background-color: White;
    padding: 10px 10px 10px 10px;
}

/* avoid url overflow for parties section*/
.urlShorten {
    word-wrap: break-word;
}

/*Set width for Calender title Length */
.CalenderTitle {
    width: 60%
}

@media only screen and (min-device-width : 23.4em) and (orientation : portrait) {
    .ui-jqgrid-htable {
        display: none;
        border: 0px !important;
    }



    .tbl--expandy__header {
        display: none;
    }
}

@media only screen and (min-device-width : 41.68em) and (orientation : landscape) {
    .ui-jqgrid-htable {
        display: inline;
        border: 0px !important;
    }

    /*#ClaimThead {
        display: inline !important;
    }*/
}

@media only screen and (max-device-width: 640px), only screen and (max-device-width: 667px), only screen and (max-width: 480px) and (orientation : landscape) {
    .ui-jqgrid-labels {
        visibility: visible;
    }
}

@media only screen and (max-device-width: 640px) and (orientation : landscape) {
    .ui-jqgrid-htable {
        display: inline;
        border: 0px !important;
    }

    .tbl--expandy__header {
        display: inline;
    }

    /*#ClaimThead {
        display: inline !important;
    }*/
}

#jqTable td {
    vertical-align: middle;
}

@media (min-width: 40em) {
    .tablesaw-stack td .tablesaw-cell-label, .tablesaw-stack th .tablesaw-cell-label {
        display: none !important;
    }
}


.endate {
    width: 220px;
}


msg-error {
    color: #c65848;
}

.g-recaptcha.error {
    /*border: solid 2px #c64848;*/
    padding: .2em;
    width: 19em;
}

#alertcnt_jqTable {
    display: none;
}

.ui-jqdialog-title {
    display: none;
}

/* To disable the submit and cancel buttons from Decline window in agreement page*/
.ui-dialog-buttonset {
    display: none;
}

#dialog-confirm {
    bottom: 621px;
    left: 341px;
}

.NoOverflow {
    overflow: hidden !important
}


#jqwindowDisclaimer {
    width: auto;
    min-height: 0px;
    max-height: none;
    height: 1800px;
    bottom: 2273px;
    left: 255px;
}

/*#content {
    *zoom: 1;
    width: 960px;
    float: left;
    padding-top: 112px;
}*/

/*IE issue in Claim Print */
#modal-body-contents {
    height: 100%;
    width: 100%;
    overflow: visible;
}


.claim-detail-footer .claim-detail-footer-c1 {
    display: inline-block;
    float: none;
    width: auto;
}

.claim-detail-footer .claim-detail-footer-c2 {
    /*position: relative; text box length is not same as v15*/
    display: inline-block;
    float: none;
    /*width: auto; text box length is not same as v15 */
}


.modal {
    -webkit-overflow-scrolling: touch; /*  modal issue for iphone 8+ - Partial checking*/
}

.modal--on {
    overflow-x: hidden; /*  modal issue for iphone 8+ - Partial checking*/
    overflow-y: auto; /*  modal issue for iphone 8+ - Partial checking*/
}

.modal-claim-form-close {
    /*  modal issue for iphone 8+ - Claims Close button */
    position: absolute;
    z-index: 1;
}

/* Added for parties data alignment*/
.tile-list {
    margin: 0 !important;
    padding: 0 !important;
}

#claimdetailprint, #claimdetailcolspan {
    background-color: white;
}

main.case-website {
    top: 0;
    position: relative;
}

#casehero_disclaimer {
    background: #ffcf00;
    padding: 4.3px 0;
}

#imgdisclaimer {
    height: 71px;
}

/*Ipad Grid headers*/
@media only screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation:portrait) {
    .ui-jqgrid-htable {
        display: inline;
        border: 0px !important;
    }
}

@media only screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation:landscape) {
    .ui-jqgrid-htable {
        display: inline;
        border: 0px !important;
    }
}

.ui-jqgrid-sortable {
    cursor: pointer;
}

.claimModal, .manageClaimRegisterModal {
    position: fixed;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: 20 !important; /*modified by Galaxe due to Headroom issue */
    transition: background .5s;
    overflow: auto;
}

.claimsCreditorDataDetailsModal {
    position: relative; /* Added to resolve the chrome issue */
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: 10 !important; /*modified by Galaxe due to Headroom issue */
    transition: background .5s;
    overflow: auto;
}

#alertcnt_results-table {
    display: none; /* In Footer grid values displaying none */
}
/*claimnewwindow free text*/
#claimnewwindowtext {
    text-align: justify !important;
}
/* Graph lines commented  */
/*#chartpurpleline {
    height :5px;
}

#chartblueline {
    height:2.8px;
}*/

.margin-right-for-claim-pdf {
    margin-right: 2.94px !important;
}

.cases {
    top: 0 !important; /*Language option changing*/
}

/*Added by Galaxe - Alignment issue fix for mobile*/
@media all and (max-width: 46.8em) {
    #openwin {
        display: block;
        position: relative;
        text-align: right;
    }
}
/* Added by Galaxe - z-index issue for iphone, ipad */
#modal-claim-form .js-btn-modal-close, #modal-claim-detail .js-btn-modal-close {
    z-index: 19;
}
/* Added by Galaxe - z-index issue for iphone, ipad */
#modal-claim-form .modal-body, #modal-claim-detail .modal-body {
    position: relative;
    z-index: 18;
}

#EchosignContainerText {
    width: 1088px;
    height: 500px;
}


#Ballot_cl_num {
    width: 9.5%;
}

#Ballot_sh_num {
    width: 11.6%;
}

.Ballot_num {
    width: 9.6%;
}

#Ballot_plan {
    width: 7.4%;
}

#Ballot_plan_class {
    width: 8.1%;
}

#Ballot_def_flag {
    width: 6%;
}

#jqgh_results-table_UploadedLink {
    cursor: default;
}

.ui-jqgrid-resize.ui-jqgrid-resize-ltr {
    display: none;
}
/* Voting report modal popup - close button issue in iPhone and iPad */
#modal-voting-class-info #btnCloseVoting {
    z-index: 2;
}
/* Voting report modal popup - close button issue in iPhone and iPad */
#modal-voting-class-info .modal-body {
    position: relative;
    z-index: 1;
}

@media only screen and (max-device-width: 640px), only screen and (max-device-width: 667px), only screen and (max-width: 480px) {
    #ClaimThead {
        display: none !important;
    }
}

/*#results-table td:first-child .tablesaw-cell-label {
    display: none;
}*/

#tblClaimGrid .tablesaw-cell-label {
    display: none;
}

#tablesaw-8120 .tablesaw-cell-label {
    display: none;
}

.text a.urlShorten {
    border: none;
}
/*map Related CSS*/
.map-container {
    padding: 6px;
    border-width: 1px;
    border-radius: 4px;
    box-shadow: rgba(64, 64, 64, 0.5) 2px 2px 5px;
    /* TODO apply pattern library style here*/
    /*width: 880px;*/
    width: 100%;
}

.google-map {
    min-height: 500px;
}

.infowindow-heading {
    font-size: 14px;
    /*color: #002d50;*/
    color: #666;
    font-weight: bold;
}

.infowindow-sub {
    color: #666;
    font-size: 14px;
    font-weight: 200;
}

.infowindow-p {
    font-size: 18px;
    color: #888;
}

#overlay {
    position: fixed;
    display: none;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.5);
    z-index: 2;
    cursor: pointer;
}

/*------------------------------------*\
        #MESSAGING
    \*------------------------------------*/
/**
     * Alert
     */
.alert {
    position: fixed;
    bottom: 0;
    left: 0;
    z-index: 10;
    width: 100%;
    text-align: center;
    padding: 1em;
    background: #f7f9f9;
    overflow: hidden;
    font-size: 1rem;
}

    .alert a {
        color: inherit;
        text-decoration: underline;
    }

/**
     * Error alert
     */
.alert--error {
    color: #b12a0b;
    background: #fdded8;
}

/**
     * Success alert
     */
.alert--success {
    color: #fff;
    background: #3fba47;
}

/**
     * Warning alert
     */
.alert--warning {
    color: #FFE880;
    background: #fffecf;
}

/**
     * Info alert
     */
.alert--info {
    color: #0192d0;
    background: #d3f2ff;
}

/**
     * Alert Text
     */
.alert__text {
    display: inline-block;
    float: none;
    margin-bottom: 0;
}

    .alert__text i {
        margin-right: 8px;
    }

/**
     * Alert close
     */
.alert__close {
    display: inline-block;
    font-size: 1.5rem;
    float: right;
}

.overlay--is-hidden {
    display: none;
}

/* End Map Related Css*/

.HideOverflow {
    overflow-x: hidden;
}

.hide--border {
    border: none;
}

.overlay-bg {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    cursor: pointer;
    z-index: 1000; /* high z-index */
    background: #465661; /* fallback */
    background: rgba(0,0,0,0.75);
}

.overlay-content {
    display: none;
    background: #fff;
    padding: 1%;
    width: 40%;
    position: absolute;
    top: 15%;
    left: 50%;
    margin: 0 0 0 -20%; /* add negative left margin for half the width to center the div */
    cursor: default;
    z-index: 10001;
    border-radius: 4px;
    box-shadow: 0 0 5px rgba(0,0,0,0.9);
}

/* media query for most mobile devices */
@media only screen and (min-width: 0px) and (max-width: 480px) {

    .overlay-content {
        width: 96%;
        margin: 0 2%;
        left: 0;
    }
}

/*Dropdown alignment issue in mobile devices*/
@media only screen and (min-width: 0px) and (max-width: 480px) {
    .select--auto {
        max-width: 88%;
        text-overflow: ellipsis;
    }
}
/*Dropdown alignment issue in ipad devices*/
@media only screen and (device-width: 768px) {
    .select--auto {
        max-width: 88%;
        text-overflow: ellipsis;
    }
}


.hideImpDates {
    display: none !important;
}

/*header issue in -IE Browser */
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
    .ieHeader {
        height: 80px;
    }
}

/*case name header issue in -IE Browser */
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
    .header-caseName {
        height: 135px;
    }
}

#claimAmount, #objectionHistory, #claimAmoutDetails, #TransferHistory, #WithdrawalHistory, #StipulationHistory {
    color: #465661;
}

/*IE Header issue */
@media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) {
    .page-header__title--branded {
        background-color: #003c69;
        padding: .5em;
        border-radius: 4px;
        color: #f6f6f7;
        margin-top: -110px;
    }

    .logo-claimdetail svg {
        max-width: 360px;
        margin-bottom: -90px;
    }

    .page-header__title--branded {
        background-color: #003c69;
        padding: .5em;
        border-radius: 4px;
        color: #f6f6f7;
        margin-top: -45px;
    }
}

.tbl-striped--detail tr:nth-child(odd) {
    background: #e5f7fa;
}

.tbl-striped--detail tr:nth-child(even) {
    /*background: #f2f6ff;*/
    background: white;
}

.tbl-striped--detail tr:first-child {
    background: #e5f7fa;
    /*background: #e9f5ff;*/
}

.dashboard-service {
    text-align: left;
    top: 36px;
    padding-left: 1px;
    font-style: normal;
    font-size: 1rem;
}

.centeringGrid {
    position: absolute;
    top: 5%;
    left: 50%;
    transform: translate(-50%, -10%);
}

.DonwlaodClaim {
    color: white !important;
    width: 0px;
    height: 0px;
    pointer-events: none;
    display: none;
}

.ann__panel__head {
    padding: 1rem 1.5rem;
    border-radius: 4px 4px 0 0;
    background: blue;
    color: white;
}
@-moz-document url-prefix() {
    .logo-footer-link {
        display: inline;
    }
}

/*@media (min-width: 29.75em) {
    .claim-detail-controls a {
        margin: 30px .5em 30px 0;
    }
}

@media all {
    .claim-detail-controls a {
        margin-top: 13px;
    }
}*/



@media screen and (width: 1000px), screen and (width: 700px) {
    #alert {
        padding-bottom: 80px;
    }
}


@media screen and (min-width: 1000px ) {
    #alert {
        padding-bottom: 80px;
    }
}


.alert {
    position: fixed;
    top: 0px !important;
    left: 0px;
    z-index: -1;
    width: 100% !important;
    padding: 0em !important;
    text-align: center;
    background: #f7f9f9;
    overflow: hidden;
    font-size: .85rem;
    height: 26px;
}
#alert {
    height: 26px;
}


@media only screen and (min-width: 0px) and (max-width: 640px) {
    .logo-link {
        margin-top: 14px;
    }

    .header__controls {
        margin-top: 14px;
    }
}

@media only screen and (min-width: 640px) and (max-width: 1200px) {
    .logo-link {
        margin-top: 28px;
    }

    .header__controls {
        margin-top: 28px;
    }
}

@media only screen and (min-width: 1499px) and (max-width: 2000px) {
    .logo-link {
        margin-top: 0px;
    }

    .header__controls {
        margin-top: 0px;
    }
}

@media only screen and (min-width: 899px) and (max-width: 1499px) {
    .logo-link {
        margin-top: 27px;
    }

    .header__controls {
        margin-top: 27px;
    }
}

@media only screen and (min-width: 771px) and (max-width: 899px) {
    #alert {
        height: 41px;
    }

    .alert {
        height: 41px;
    }
}

@media only screen and (min-width: 675px) and (max-width: 771px) {
    #alert {
        height: 41px;
    }

    .alert {
        height: 41px;
    }
}

@media only screen and (min-width: 337px) and (max-width: 450px) {
    #alert {
        height: 58px;
    }

    .alert {
        height: 58px;
    }
}

@media only screen and (min-width: 0px) and (max-width: 340px) {
    .logo-link {
        margin-top: 25px;
    }

    .header__controls {
        margin-top: 25px;
    }
    #alert{
        height:105px;
    }
    .alert {
        height: 105px;
    }
}

@media only screen and (min-width: 540px) and (max-width: 675px) {
    .logo-link {
        margin-top: 28px;
    }

    .header__controls {
        margin-top: 28px;
    }

    #alert {
        height: 58px;
    }

    .alert {
        height: 58px;
    }
}



@media only screen and (min-width: 450px) and (max-width: 540px) {
    .logo-link {
        margin-top: 54px;
    }

    .header__controls {
        margin-top: 71px;
    }

    #alert {
        height: 58px;
    }

    .alert {
        height: 58px;
    }
}


@media only screen and (min-width: 336px) and (max-width: 450px) {
    .logo-link {
        margin-top: 71px;
    }

    .header__controls {
        margin-top: 71px;
    }
}

@media only screen and (min-width: 1499px) and (max-width: 1686px) {
    .logo-link {
        margin-top: 10px;
    }

    .header__controls {
        margin-top: 10px;
    }
}



@media only screen and (min-width: 270px) and (max-width: 337px) {
    .logo-link {
        margin-top: 92px;
    }

    .header__controls {
        margin-top: 92px;
    }
}


#aligns {
    margin-left: -5px;
}

#claim-details-icons {
    margin-top: 30px;
}

@media only screen and (min-width: 0px) and (max-width: 480px) {
    #claim-details-icons {
        margin-top: 0px;
    }
}

#newalign {
    margin-left: -16px;
}

#claim-details-new {
    margin-top: 32px;
}

@media only screen and (min-width: 0px) and (max-width: 480px) {
    #claim-details-new {
        margin-top: 0px;
    }

}

.claim-detail-controls no-print {
    margin-top: 30px;

}

#claim-details-icons {
    margin-top: 0px;
}


/**
* Disabled button  added by GalaxE for Live chat
*/
.disabled,
[disabled] {
    opacity: .25;
    pointer-events: none;
    transition: opacity .23s;
}

.block--help-ds-error {
    color: #e2665c;
    font-size: 14px;
    font-style: normal;
}