/* Minification failed. Returning unminified contents.
(8239,1): run-time error CSS1019: Unexpected token, found '@'
(8239,2): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(8240,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(8249,1): run-time error CSS1019: Unexpected token, found '@'
(8249,2): run-time error CSS1019: Unexpected token, found '@keyframes'
(8250,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
 */
.toast-title {
  font-weight: bold;
}
.toast-message {
  -ms-word-wrap: break-word;
  word-wrap: break-word;
}
.toast-message a,
.toast-message label {
  color: #ffffff;
}
.toast-message a:hover {
  color: #cccccc;
  text-decoration: none;
}
.toast-close-button {
  position: relative;
  right: -0.3em;
  top: -0.3em;
  float: right;
  font-size: 20px;
  font-weight: bold;
  color: #ffffff;
  -webkit-text-shadow: 0 1px 0 #ffffff;
  text-shadow: 0 1px 0 #ffffff;
  opacity: 0.8;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
  filter: alpha(opacity=80);
}
.toast-close-button:hover,
.toast-close-button:focus {
  color: #000000;
  text-decoration: none;
  cursor: pointer;
  opacity: 0.4;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=40);
  filter: alpha(opacity=40);
}
/*Additional properties for button version
 iOS requires the button element instead of an anchor tag.
 If you want the anchor version, it requires `href="#"`.*/
button.toast-close-button {
  padding: 0;
  cursor: pointer;
  background: transparent;
  border: 0;
  -webkit-appearance: none;
}
.toast-top-center {
  top: 0;
  right: 0;
  width: 100%;
}
.toast-bottom-center {
  bottom: 0;
  right: 0;
  width: 100%;
}
.toast-top-full-width {
  top: 0;
  right: 0;
  width: 100%;
}
.toast-bottom-full-width {
  bottom: 0;
  right: 0;
  width: 100%;
}
.toast-top-left {
  top: 12px;
  left: 12px;
}
.toast-top-right {
  top: 12px;
  right: 12px;
}
.toast-bottom-right {
  right: 12px;
  bottom: 12px;
}
.toast-bottom-left {
  bottom: 12px;
  left: 12px;
}
#toast-container {
  position: fixed;
  z-index: 999999;
  pointer-events: none;
  /*overrides*/
}
#toast-container * {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
#toast-container > div {
  position: relative;
  pointer-events: auto;
  overflow: hidden;
  margin: 0 0 6px;
  padding: 15px 15px 15px 50px;
  width: 300px;
  -moz-border-radius: 3px 3px 3px 3px;
  -webkit-border-radius: 3px 3px 3px 3px;
  border-radius: 3px 3px 3px 3px;
  background-position: 15px center;
  background-repeat: no-repeat;
  -moz-box-shadow: 0 0 12px #999999;
  -webkit-box-shadow: 0 0 12px #999999;
  box-shadow: 0 0 12px #999999;
  color: #ffffff;
  opacity: 0.8;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
  filter: alpha(opacity=80);
}
#toast-container > :hover {
  -moz-box-shadow: 0 0 12px #000000;
  -webkit-box-shadow: 0 0 12px #000000;
  box-shadow: 0 0 12px #000000;
  opacity: 1;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  filter: alpha(opacity=100);
  cursor: pointer;
}
#toast-container > .toast-info {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAGwSURBVEhLtZa9SgNBEMc9sUxxRcoUKSzSWIhXpFMhhYWFhaBg4yPYiWCXZxBLERsLRS3EQkEfwCKdjWJAwSKCgoKCcudv4O5YLrt7EzgXhiU3/4+b2ckmwVjJSpKkQ6wAi4gwhT+z3wRBcEz0yjSseUTrcRyfsHsXmD0AmbHOC9Ii8VImnuXBPglHpQ5wwSVM7sNnTG7Za4JwDdCjxyAiH3nyA2mtaTJufiDZ5dCaqlItILh1NHatfN5skvjx9Z38m69CgzuXmZgVrPIGE763Jx9qKsRozWYw6xOHdER+nn2KkO+Bb+UV5CBN6WC6QtBgbRVozrahAbmm6HtUsgtPC19tFdxXZYBOfkbmFJ1VaHA1VAHjd0pp70oTZzvR+EVrx2Ygfdsq6eu55BHYR8hlcki+n+kERUFG8BrA0BwjeAv2M8WLQBtcy+SD6fNsmnB3AlBLrgTtVW1c2QN4bVWLATaIS60J2Du5y1TiJgjSBvFVZgTmwCU+dAZFoPxGEEs8nyHC9Bwe2GvEJv2WXZb0vjdyFT4Cxk3e/kIqlOGoVLwwPevpYHT+00T+hWwXDf4AJAOUqWcDhbwAAAAASUVORK5CYII=") !important;
}
#toast-container > .toast-error {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAHOSURBVEhLrZa/SgNBEMZzh0WKCClSCKaIYOED+AAKeQQLG8HWztLCImBrYadgIdY+gIKNYkBFSwu7CAoqCgkkoGBI/E28PdbLZmeDLgzZzcx83/zZ2SSXC1j9fr+I1Hq93g2yxH4iwM1vkoBWAdxCmpzTxfkN2RcyZNaHFIkSo10+8kgxkXIURV5HGxTmFuc75B2RfQkpxHG8aAgaAFa0tAHqYFfQ7Iwe2yhODk8+J4C7yAoRTWI3w/4klGRgR4lO7Rpn9+gvMyWp+uxFh8+H+ARlgN1nJuJuQAYvNkEnwGFck18Er4q3egEc/oO+mhLdKgRyhdNFiacC0rlOCbhNVz4H9FnAYgDBvU3QIioZlJFLJtsoHYRDfiZoUyIxqCtRpVlANq0EU4dApjrtgezPFad5S19Wgjkc0hNVnuF4HjVA6C7QrSIbylB+oZe3aHgBsqlNqKYH48jXyJKMuAbiyVJ8KzaB3eRc0pg9VwQ4niFryI68qiOi3AbjwdsfnAtk0bCjTLJKr6mrD9g8iq/S/B81hguOMlQTnVyG40wAcjnmgsCNESDrjme7wfftP4P7SP4N3CJZdvzoNyGq2c/HWOXJGsvVg+RA/k2MC/wN6I2YA2Pt8GkAAAAASUVORK5CYII=") !important;
}
#toast-container > .toast-success {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAADsSURBVEhLY2AYBfQMgf///3P8+/evAIgvA/FsIF+BavYDDWMBGroaSMMBiE8VC7AZDrIFaMFnii3AZTjUgsUUWUDA8OdAH6iQbQEhw4HyGsPEcKBXBIC4ARhex4G4BsjmweU1soIFaGg/WtoFZRIZdEvIMhxkCCjXIVsATV6gFGACs4Rsw0EGgIIH3QJYJgHSARQZDrWAB+jawzgs+Q2UO49D7jnRSRGoEFRILcdmEMWGI0cm0JJ2QpYA1RDvcmzJEWhABhD/pqrL0S0CWuABKgnRki9lLseS7g2AlqwHWQSKH4oKLrILpRGhEQCw2LiRUIa4lwAAAABJRU5ErkJggg==") !important;
}
#toast-container > .toast-warning {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAGYSURBVEhL5ZSvTsNQFMbXZGICMYGYmJhAQIJAICYQPAACiSDB8AiICQQJT4CqQEwgJvYASAQCiZiYmJhAIBATCARJy+9rTsldd8sKu1M0+dLb057v6/lbq/2rK0mS/TRNj9cWNAKPYIJII7gIxCcQ51cvqID+GIEX8ASG4B1bK5gIZFeQfoJdEXOfgX4QAQg7kH2A65yQ87lyxb27sggkAzAuFhbbg1K2kgCkB1bVwyIR9m2L7PRPIhDUIXgGtyKw575yz3lTNs6X4JXnjV+LKM/m3MydnTbtOKIjtz6VhCBq4vSm3ncdrD2lk0VgUXSVKjVDJXJzijW1RQdsU7F77He8u68koNZTz8Oz5yGa6J3H3lZ0xYgXBK2QymlWWA+RWnYhskLBv2vmE+hBMCtbA7KX5drWyRT/2JsqZ2IvfB9Y4bWDNMFbJRFmC9E74SoS0CqulwjkC0+5bpcV1CZ8NMej4pjy0U+doDQsGyo1hzVJttIjhQ7GnBtRFN1UarUlH8F3xict+HY07rEzoUGPlWcjRFRr4/gChZgc3ZL2d8oAAAAASUVORK5CYII=") !important;
}
#toast-container.toast-top-center > div,
#toast-container.toast-bottom-center > div {
  width: 300px;
  margin-left: auto;
  margin-right: auto;
}
#toast-container.toast-top-full-width > div,
#toast-container.toast-bottom-full-width > div {
  width: 96%;
  margin-left: auto;
  margin-right: auto;
}
.toast {
  background-color: #030303;
}
.toast-success {
  background-color: #51a351;
}
.toast-error {
  background-color: #bd362f;
}
.toast-info {
  background-color: #2f96b4;
}
.toast-warning {
  background-color: #f89406;
}
.toast-progress {
  position: absolute;
  left: 0;
  bottom: 0;
  height: 4px;
  background-color: #000000;
  opacity: 0.4;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=40);
  filter: alpha(opacity=40);
}
/*Responsive Design*/
@media all and (max-width: 240px) {
  #toast-container > div {
    padding: 8px 8px 8px 50px;
    width: 11em;
  }
  #toast-container .toast-close-button {
    right: -0.2em;
    top: -0.2em;
  }
}
@media all and (min-width: 241px) and (max-width: 480px) {
  #toast-container > div {
    padding: 8px 8px 8px 50px;
    width: 18em;
  }
  #toast-container .toast-close-button {
    right: -0.2em;
    top: -0.2em;
  }
}
@media all and (min-width: 481px) and (max-width: 768px) {
  #toast-container > div {
    padding: 15px 15px 15px 50px;
    width: 25em;
  }
}

@charset "UTF-8";
/* Neat 1.7.0
 * http://neat.bourbon.io
 * Copyright 2012-2014 thoughtbot, inc.
 * MIT License */
html {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

*, *:before, *:after {
    -webkit-box-sizing: inherit;
    -moz-box-sizing: inherit;
    box-sizing: inherit;
}


/*!
 * inuitcss, by @csswizardry
 *
 * github.com/inuitcss | inuitcss.com
 */
.green-bg {
    background-color: #20bc7e;
}

.purple-bg {
    background-color: #9e7fb9;
}

.blue-bg {
    background-color: #67a8da;
}

.red-bg {
    background-color: #e91414;
}

.gold-bg {
    background-color: #ba9e76;
}

/* Delete this */
.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
}

.overflow-y {
    overflow-y: auto;
}

/*! normalize.css v3.0.1 | MIT License | git.io/normalize */
/**
 * 1. Set default font family to sans-serif.
 * 2. Prevent iOS text size adjust after orientation change, without disabling
 *    user zoom.
 */
html {
    font-family: sans-serif;
    /* 1 */
    -ms-text-size-adjust: 100%;
    /* 2 */
    -webkit-text-size-adjust: 100%;
    /* 2 */
}

/**
 * Remove default margin.
 */
body {
    margin: 0;
}

/* HTML5 display definitions
   ========================================================================== */
/**
 * Correct `block` display not defined for any HTML5 element in IE 8/9.
 * Correct `block` display not defined for `details` or `summary` in IE 10/11 and Firefox.
 * Correct `block` display not defined for `main` in IE 11.
 */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
    display: block;
}

/**
 * 1. Correct `inline-block` display not defined in IE 8/9.
 * 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera.
 */
audio,
canvas,
progress,
video {
    display: inline-block;
    /* 1 */
    vertical-align: baseline;
    /* 2 */
}

    /**
 * Prevent modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS 5 devices.
 */
    audio:not([controls]) {
        display: none;
        height: 0;
    }

/**
 * Address `[hidden]` styling not present in IE 8/9/10.
 * Hide the `template` element in IE 8/9/11, Safari, and Firefox < 22.
 */
[hidden],
template {
    display: none;
}

/* Links
   ========================================================================== */
/**
 * Remove the gray background color from active links in IE 10.
 */
a {
    background: transparent;
}

    /**
 * Improve readability when focused and also mouse hovered in all browsers.
 */
    a:active,
    a:hover {
        outline: 0;
    }

/* Text-level semantics
   ========================================================================== */
/**
 * Address styling not present in IE 8/9/10/11, Safari, and Chrome.
 */
abbr[title] {
    border-bottom: 1px dotted;
}

/**
 * Address style set to `bolder` in Firefox 4+, Safari, and Chrome.
 */
b,
strong {
    font-weight: bold;
}

/**
 * Address styling not present in Safari and Chrome.
 */
dfn {
    font-style: italic;
}

/**
 * Address variable `h1` font-size and margin within `section` and `article`
 * contexts in Firefox 4+, Safari, and Chrome.
 */
h1 {
    font-size: 2em;
    margin: 0.67em 0;
}

/**
 * Address styling not present in IE 8/9.
 */
mark {
    background: #ff0;
    color: #000;
}

/**
 * Address inconsistent and variable font size in all browsers.
 */
small {
    font-size: 80%;
}

/**
 * Prevent `sub` and `sup` affecting `line-height` in all browsers.
 */
sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}

sup {
    top: -0.5em;
}

sub {
    bottom: -0.25em;
}

/* Embedded content
   ========================================================================== */
/**
 * Remove border when inside `a` element in IE 8/9/10.
 */
img {
    border: 0;
}

/**
 * Correct overflow not hidden in IE 9/10/11.
 */
svg:not(:root) {
    overflow: hidden;
}

/* Grouping content
   ========================================================================== */
/**
 * Address margin not present in IE 8/9 and Safari.
 */
figure {
    margin: 1em 40px;
}

/**
 * Address differences between Firefox and other browsers.
 */
hr {
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    height: 0;
}

/**
 * Contain overflow in all browsers.
 */
pre {
    overflow: auto;
}

/**
 * Address odd `em`-unit font size rendering in all browsers.
 */
code,
kbd,
pre,
samp {
    font-family: monospace, monospace;
    font-size: 1em;
}

/* Forms
   ========================================================================== */
/**
 * Known limitation: by default, Chrome and Safari on OS X allow very limited
 * styling of `select`, unless a `border` property is set.
 */
/**
 * 1. Correct color not being inherited.
 *    Known issue: affects color of disabled elements.
 * 2. Correct font properties not being inherited.
 * 3. Address margins set differently in Firefox 4+, Safari, and Chrome.
 */
button,
input,
optgroup,
select,
textarea {
    color: inherit;
    /* 1 */
    font: inherit;
    /* 2 */
    margin: 0;
    /* 3 */
}

/**
 * Address `overflow` set to `hidden` in IE 8/9/10/11.
 */
button {
    overflow: visible;
}

/**
 * Address inconsistent `text-transform` inheritance for `button` and `select`.
 * All other form control elements do not inherit `text-transform` values.
 * Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera.
 * Correct `select` style inheritance in Firefox.
 */
button,
select {
    text-transform: none;
}

/**
 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
 *    and `video` controls.
 * 2. Correct inability to style clickable `input` types in iOS.
 * 3. Improve usability and consistency of cursor style between image-type
 *    `input` and others.
 */
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
    -webkit-appearance: button;
    /* 2 */
    cursor: pointer;
    /* 3 */
}

    /**
 * Re-set default cursor for disabled elements.
 */
    button[disabled],
    html input[disabled] {
        cursor: default;
    }

    /**
 * Remove inner padding and border in Firefox 4+.
 */
    button::-moz-focus-inner,
    input::-moz-focus-inner {
        border: 0;
        padding: 0;
    }

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

    /**
 * It's recommended that you don't attempt to style these elements.
 * Firefox's implementation doesn't respect box-sizing, padding, or width.
 *
 * 1. Address box sizing set to `content-box` in IE 8/9/10.
 * 2. Remove excess padding in IE 8/9/10.
 */
    input[type="checkbox"],
    input[type="radio"] {
        box-sizing: border-box;
        /* 1 */
        padding: 0;
        /* 2 */
    }

    /**
 * Fix the cursor style for Chrome's increment/decrement buttons. For certain
 * `font-size` values of the `input`, it causes the cursor style of the
 * decrement button to change from `default` to `text`.
 */
    input[type="number"]::-webkit-inner-spin-button,
    input[type="number"]::-webkit-outer-spin-button {
        height: auto;
    }

    /**
 * 1. Address `appearance` set to `searchfield` in Safari and Chrome.
 * 2. Address `box-sizing` set to `border-box` in Safari and Chrome
 *    (include `-moz` to future-proof).
 */
    input[type="search"] {
        -webkit-appearance: textfield;
        /* 1 */
        -moz-box-sizing: content-box;
        -webkit-box-sizing: content-box;
        /* 2 */
        box-sizing: content-box;
    }

        /**
 * Remove inner padding and search cancel button in Safari and Chrome on OS X.
 * Safari (but not Chrome) clips the cancel button when the search input has
 * padding (and `textfield` appearance).
 */
        input[type="search"]::-webkit-search-cancel-button,
        input[type="search"]::-webkit-search-decoration {
            -webkit-appearance: none;
        }

/**
 * Define consistent border, margin, and padding.
 */
fieldset {
    border: 1px solid #c0c0c0;
    margin: 0 2px;
    padding: 0.35em 0.625em 0.75em;
}

/**
 * 1. Correct `color` not being inherited in IE 8/9/10/11.
 * 2. Remove padding so people aren't caught out if they zero out fieldsets.
 */
legend {
    border: 0;
    /* 1 */
    padding: 0;
    /* 2 */
}

/**
 * Remove default vertical scrollbar in IE 8/9/10/11.
 */
textarea {
    overflow: auto;
}

/**
 * Don't inherit the `font-weight` (applied by a rule above).
 * NOTEX: the default cannot safely be changed in Chrome and Safari on OS X.
 */
optgroup {
    font-weight: bold;
}

/* Tables
   ========================================================================== */
/**
 * Remove most spacing between table cells.
 */
table {
    border-collapse: collapse;
    border-spacing: 0;
}

td,
th {
    padding: 0;
}

/*------------------------------------*\
    #RESET
\*------------------------------------*/
/**
 * As well as using normalize.css, it is often advantageous to remove all
 * margins from certain elements.
 */
body,
h1, h2, h3, h4, h5, h6,
p, blockquote, pre,
dl, dd, ol, ul,
form, fieldset, legend,
figure,
table, th, td, caption,
hr {
    margin: 0;
    padding: 0;
}

/**
 * Give a help cursor to elements that give extra info on `:hover`.
 */
abbr[title],
dfn[title] {
    cursor: help;
}

/**
 * Remove underlines from potentially troublesome elements.
 */
u,
ins {
    text-decoration: none;
}

/**
 * Apply faux underlines to inserted text via `border-bottom`.
 */
ins {
    border-bottom: 1px solid;
}

/*------------------------------------*\
    #BOX-SIZING
\*------------------------------------*/
/**
 * Set the global `box-sizing` state to `border-box`.
 *
 * css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice
 * paulirish.com/2012/box-sizing-border-box-ftw
 */
html {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

*, *:before, *:after {
    -webkit-box-sizing: inherit;
    -moz-box-sizing: inherit;
    box-sizing: inherit;
}

/*------------------------------------*\
    #SHARED
\*------------------------------------*/
/**
 * Where `margin-bottom` is concerned,this value will be the same as the
 * base line-height. This allows us to keep a consistent vertical rhythm.
 * As per: csswizardry.com/2012/06/single-direction-margin-declarations
 */
h1, h2, h3, h4, h5, h6,
ul, ol, dl,
blockquote, p, address,
table,
fieldset, figure,
pre {
    margin-bottom: 20.001px;
    margin-bottom: 1.53854rem;
}

/**
 * Where `margin-left` is concerned we want to try and indent certain elements
 * by a consistent amount. Define that amount once,here.
 */
ul, ol, dd {
    margin-left: 40.002px;
    margin-left: 3.07708rem;
}

html {
    min-height: 100%;
    font-family: "lft-etica", "source-sans-pro", Helvetica, Arial, sans-serif;
    font-size: 13px;
    line-height: 1.53854;
    color: #686b6d;
    background-color: #e5e6e7;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
}

body,
html {
    height: 100%;
}

a {
    color: #1ca66f;
    text-decoration: none;
    word-wrap: break-word;
    transition: all .3s ease-out;
}

    a:focus, a:hover {
        color: #199061;
        outline: 0;
    }

hr {
    border: solid #eaeaea;
    border-width: 1px 0 0;
    clear: both;
    height: 0;
    margin: 20px 0 19px;
}

/*------------------------------------*\
    #PARAGRAPHS
\*------------------------------------*/
/**
 * The `.lede` class is used to make the introductory text (usually a paragraph)
 * of a document slightly larger: en.wikipedia.org/wiki/Lede_(news)
 */
.lede {
    font-size: 14.625px;
    font-size: 1.125rem;
    line-height: 1.36759;
}

/*------------------------------------*\
    #HEADINGS
\*------------------------------------*/
/**
 * Headings 1ΓÇô6, with corresponding Greek-alphabet abstract classes for double-
 * stranded heading hierarchy: csswizardry.com/2012/02/pragmatic-practical-font-sizing-in-css
 */
h1,
.alpha {
    font-size: 32px;
    font-size: 2.46154rem;
    line-height: 1.25006;
}

h2,
.beta,
.slide-out-heading {
    font-size: 25px;
    font-size: 1.92308rem;
    line-height: 1.60008;
}

h3,
.gamma,
.filters-empty__heading {
    font-size: 16px;
    font-size: 1.23077rem;
    line-height: 1.25006;
}

h4,
.delta,
.alert-msg__heading,
.filters-accordion__heading,
.filters-intro__heading,
.filters-instruct__heading,
.course-item__title {
    font-size: 16px;
    font-size: 1.23077rem;
    line-height: 1.25006;
}

h5,
.epsilon {
    font-size: 16px;
    font-size: 1.23077rem;
    line-height: 1.25006;
}

h6,
.zeta {
    font-size: 16px;
    font-size: 1.23077rem;
    line-height: 1.25006;
}

h1,
.alpha, h2,
.beta,
.slide-out-heading, h3,
.gamma,
.filters-empty__heading, h4,
.delta,
.alert-msg__heading,
.filters-accordion__heading,
.filters-intro__heading,
.filters-instruct__heading,
.course-item__title, h5,
.epsilon, h6,
.zeta {
    font-weight: 600;
    color: #1c1d1e;
}

h1,
.alpha {
    font-size: 32px;
    font-size: 2.46154rem;
    line-height: 1.25006;
}

h2,
.beta,
.slide-out-heading {
    font-size: 25px;
    font-size: 1.92308rem;
    line-height: 1.60008;
}

h3,
.gamma,
.filters-empty__heading {
    font-size: 16px;
    font-size: 1.23077rem;
    line-height: 1.25006;
}

h4,
.delta,
.alert-msg__heading,
.filters-accordion__heading,
.filters-intro__heading,
.filters-instruct__heading,
.course-item__title {
    font-size: 16px;
    font-size: 1.23077rem;
    line-height: 1.25006;
}

h5,
.epsilon {
    font-size: 16px;
    font-size: 1.23077rem;
    line-height: 1.25006;
}

h6,
.zeta {
    font-size: 16px;
    font-size: 1.23077rem;
    line-height: 1.25006;
}

h1, h2, h3, h4, h5, h6 {
    text-rendering: optimizeLegibility;
    font-feature-settings: "kern";
    -webkit-font-feature-settings: "kern";
    -moz-font-feature-settings: "kern";
    -moz-font-feature-settings: "kern=1";
}

.basic-heading {
    font-size: 17px;
    font-size: 1.30769rem;
    line-height: 25px;
    font-weight: 400;
    margin-bottom: 10px;
}

/*------------------------------------*\
    #LISTS
\*------------------------------------*/
/**
 * Remove extra vertical spacing when nesting lists.
 */
li > ul,
li > ol {
    margin-bottom: 0;
}

input[type="text"],
input[type="password"],
input[type="date"],
input[type="datetime"],
input[type="datetime-local"],
input[type="month"],
input[type="week"],
input[type="email"],
input[type="number"],
input[type="search"],
input[type="tel"],
input[type="time"],
input[type="url"],
input[type="color"],
textarea {
    -webkit-appearance: none;
    -webkit-border-radius: 0px;
    background-color: #fff;
    border-style: solid;
    border-width: 1px;
    border-color: #d0d2d3;
    color: #686b6d;
    display: block;
    font-size: 13px;
    margin-top: 0;
    margin-right: 0;
    margin-bottom: 0;
    margin-left: 0;
    padding: 10px;
    height: 40px;
    width: 100%;
}

    input[type="text"]:focus,
    input[type="password"]:focus,
    input[type="date"]:focus,
    input[type="datetime"]:focus,
    input[type="datetime-local"]:focus,
    input[type="month"]:focus,
    input[type="week"]:focus,
    input[type="email"]:focus,
    input[type="number"]:focus,
    input[type="search"]:focus,
    input[type="tel"]:focus,
    input[type="time"]:focus,
    input[type="url"]:focus,
    input[type="color"]:focus,
    textarea:focus {
        background: #fff;
        border-color: #67a8da;
        outline: none;
    }

    input[type="text"]:disabled,
    input[type="password"]:disabled,
    input[type="date"]:disabled,
    input[type="datetime"]:disabled,
    input[type="datetime-local"]:disabled,
    input[type="month"]:disabled,
    input[type="week"]:disabled,
    input[type="email"]:disabled,
    input[type="number"]:disabled,
    input[type="search"]:disabled,
    input[type="tel"]:disabled,
    input[type="time"]:disabled,
    input[type="url"]:disabled,
    input[type="color"]:disabled,
    textarea:disabled {
        background-color: #e5e6e7;
        cursor: not-allowed;
    }

    input[type="text"][disabled], input[type="text"][readonly], fieldset[disabled] input[type="text"],
    input[type="password"][disabled],
    input[type="password"][readonly], fieldset[disabled] input[type="password"],
    input[type="date"][disabled],
    input[type="date"][readonly], fieldset[disabled] input[type="date"],
    input[type="datetime"][disabled],
    input[type="datetime"][readonly], fieldset[disabled] input[type="datetime"],
    input[type="datetime-local"][disabled],
    input[type="datetime-local"][readonly], fieldset[disabled] input[type="datetime-local"],
    input[type="month"][disabled],
    input[type="month"][readonly], fieldset[disabled] input[type="month"],
    input[type="week"][disabled],
    input[type="week"][readonly], fieldset[disabled] input[type="week"],
    input[type="email"][disabled],
    input[type="email"][readonly], fieldset[disabled] input[type="email"],
    input[type="number"][disabled],
    input[type="number"][readonly], fieldset[disabled] input[type="number"],
    input[type="search"][disabled],
    input[type="search"][readonly], fieldset[disabled] input[type="search"],
    input[type="tel"][disabled],
    input[type="tel"][readonly], fieldset[disabled] input[type="tel"],
    input[type="time"][disabled],
    input[type="time"][readonly], fieldset[disabled] input[type="time"],
    input[type="url"][disabled],
    input[type="url"][readonly], fieldset[disabled] input[type="url"],
    input[type="color"][disabled],
    input[type="color"][readonly], fieldset[disabled] input[type="color"],
    textarea[disabled],
    textarea[readonly], fieldset[disabled] textarea {
        background-color: #e5e6e7;
        cursor: not-allowed;
    }

textarea {
    min-height: 160px;
}

label,
.label--checkbox,
.label--radio,
.label--checkbox .label--toggle,
.label--radio .label--toggle {
    position: relative;
    margin-bottom: 20px;
    font-size: 11px;
    color: #686b6d;
    cursor: pointer;
    display: block;
    font-weight: 400;
    line-height: 15.00075px;
    text-transform: uppercase;
    letter-spacing: 0.06em;
    /* Styles for required inputs */
}

    label small,
    .label--checkbox small,
    .label--radio small,
    .label--checkbox .label--toggle small,
    .label--radio .label--toggle small {
        text-transform: capitalize;
        color: #7e8184;
    }

.label__text {
    display: block;
    padding-top: 5px;
    padding-bottom: 5px;
}

button + label {
    margin-top: 20px !important;
}

.label--checkbox,
.label--radio {
    padding-left: 20px;
    cursor: pointer;
}

    .label--checkbox .label__checkbox,
    .label--checkbox .label__radio,
    .label--radio .label__checkbox,
    .label--radio .label__radio {
        position: absolute;
        left: 0;
        top: 8px;
        opacity: 0;
        z-index: -1;
    }

    .label--checkbox .label--toggle,
    .label--radio .label--toggle {
        padding-left: 0;
        cursor: pointer;
    }

    .label--checkbox .label__faux-checkbox,
    .label--checkbox .label__faux-radio,
    .label--radio .label__faux-checkbox,
    .label--radio .label__faux-radio {
        position: absolute;
        top: 0;
        left: 0;
        display: block;
        height: 13px;
        width: 13px;
        font-size: 100%;
        line-height: 1rem;
        text-align: center;
        border-color: #c3c5c7;
        border-style: solid;
        border-width: 1px;
        background-color: transparent;
        background-size: 50%;
        background-position: center center;
        background-repeat: no-repeat;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        transition: all .2s ease-out;
    }

    .label--checkbox .label__faux-radio,
    .label--radio .label__faux-radio {
        border-radius: 50%;
        border-width: 1px;
    }

input[type=checkbox]:checked ~ .label__faux-checkbox,
input[type=checkbox]:active ~ .label__faux-checkbox {
    color: #1c1d1e;
    height: 15px;
    width: 15px;
    top: -1px;
    left: -1px;
    background-color: transparent;
}

input[type=checkbox]:checked ~ .label__faux-checkbox {
    background-image: url(/images/svg/check-gray.svg);
    background-size: contain;
    border-width: 0;
}

input[type=radio]:checked ~ .label__faux-radio,
input[type=radio]:active ~ .label__faux-radio {
    color: #1c1d1e;
    background-color: transparent;
}

input[type=radio]:checked ~ .label__faux-radio {
    background-image: url(/images/svg/radio.svg);
    background-size: 5px;
    background-position: center;
}

.form-error {
    color: #e91414;
}

    .form-error span.error,
    .form-error small.error {
        display: block;
        padding: 10px;
        margin-top: -1px;
        margin-bottom: 20px;
        font-size: 11px;
        font-weight: 400;
        font-style: normal;
        background: #e91414;
        color: #fff;
    }

    .form-error input,
    .form-error textarea,
    .form-error select {
        margin-bottom: 0;
    }

        .form-error input[type="checkbox"],
        .form-error input[type="radio"] {
            margin-bottom: 20px;
        }

    .form-error small.error {
        display: block;
        padding: 10px;
        margin-top: -1px;
        margin-bottom: 20px;
        font-size: 11px;
        font-weight: 400;
        font-style: normal;
        background: #e91414;
        color: #fff;
        display: block;
    }

fieldset {
    border: 0px solid transparent;
    padding: 0;
    margin: 0;
}

    fieldset legend {
        font-weight: 400;
        font-size: 17px;
        line-height: 25.00125px;
        color: #1c1d1e;
        background: transparent;
        padding: 0 0 20px 0;
        margin: 0;
    }

select {
    -webkit-appearance: none !important;
    -webkit-border-radius: 0px;
    width: 100%;
    background-color: #fff;
    background-image: url(/images/svg/select-dd.svg);
    background-size: 30px 5px;
    background-position: 100% center;
    background-repeat: no-repeat;
    border-style: solid;
    border-width: 1px;
    border-color: #d0d2d3;
    padding: 10px 35px 10px 10px;
    font-size: 13px;
    color: #686b6d;
    line-height: normal;
    height: 40px;
}

    select:hover {
        background-color: #f7f7f7;
        border-color: #67a8da;
    }

    select:disabled {
        background-color: #e5e6e7;
        cursor: not-allowed;
    }

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

.fieldset--profile {
    border-bottom: 1px solid #dadada;
    padding-bottom: 20px;
}

    .fieldset--profile:first-child {
        margin-top: -10px;
    }

.heading-sidebar + .side-filters .list--course-filters {
    margin-top: -6px;
}

.fs-settings,
.fs-info,
.fs-personal {
    margin-bottom: 20px;
}

.fs-button {
    margin-bottom: 10px;
}

.fs-personal label:nth-child(4) {
    float: left;
    display: block;
    margin-right: 3.22581%;
    width: 48.3871%;
}

    .fs-personal label:nth-child(4):last-child {
        margin-right: 0;
    }

.fs-personal label:nth-child(3) {
    float: left;
    display: block;
    margin-right: 3.22581%;
    width: 48.3871%;
}

    .fs-personal label:nth-child(3):last-child {
        margin-right: 0;
    }

.fs-personal label:nth-child(2) {
    float: left;
    display: block;
    margin-right: 3.22581%;
    width: 100%;
}

    .fs-personal label:nth-child(2):last-child {
        margin-right: 0;
    }

.fs-info label:nth-child(4) {
    float: left;
    display: block;
    margin-right: 3.22581%;
    width: 56.98925%;
}

    .fs-info label:nth-child(4):last-child {
        margin-right: 0;
    }

.fs-info label:nth-child(5) {
    float: left;
    display: block;
    margin-right: 3.22581%;
    width: 22.58065%;
}

    .fs-info label:nth-child(5):last-child {
        margin-right: 0;
    }

.fs-info label:nth-child(6) {
    float: left;
    display: block;
    margin-right: 3.22581%;
    width: 13.97849%;
}

    .fs-info label:nth-child(6):last-child {
        margin-right: 0;
    }

.fs-contact label:nth-child(2) {
    float: left;
    display: block;
    margin-right: 3.22581%;
    width: 31.1828%;
}

    .fs-contact label:nth-child(2):last-child {
        margin-right: 0;
    }

.fs-contact label:nth-child(3) {
    float: left;
    display: block;
    margin-right: 3.22581%;
    width: 31.1828%;
}

    .fs-contact label:nth-child(3):last-child {
        margin-right: 0;
    }

.fs-contact label:nth-child(4) {
    float: left;
    display: block;
    margin-right: 3.22581%;
    width: 31.1828%;
}

    .fs-contact label:nth-child(4):last-child {
        margin-right: 0;
    }

.fs-password label:nth-child(2) {
    float: left;
    display: block;
    margin-right: 3.22581%;
    width: 31.1828%;
}

    .fs-password label:nth-child(2):last-child {
        margin-right: 0;
    }

.fs-password label:nth-child(3) {
    float: left;
    display: block;
    margin-right: 3.22581%;
    width: 31.1828%;
}

    .fs-password label:nth-child(3):last-child {
        margin-right: 0;
    }

.fs-password label:nth-child(4) {
    float: left;
    display: block;
    margin-right: 3.22581%;
    width: 31.1828%;
}

    .fs-password label:nth-child(4):last-child {
        margin-right: 0;
    }

.sidebar-post-search {
    margin-bottom: 10px;
    margin-top: 10px;
}

    .sidebar-post-search .table-search {
        padding-left: 0;
    }

.side-filters:after {
    content: "";
    display: table;
    clear: both;
}

.side-filters .table-search {
    padding-left: 0;
}

.course-filters .heading-sidebar {
    margin-top: 30px;
}

.course-filters .fs-settings {
    margin-bottom: 0;
}

.box,
.faq-search,
.faq-nav,
.no-notifications,
.no-matches,
.ebinder-btn-wrap {
    display: block;
    /* [1] */
    padding: 20px 30px;
}

    .box > :last-child,
    .faq-search > :last-child,
    .faq-nav > :last-child,
    .no-notifications > :last-child,
    .no-matches > :last-child,
    .ebinder-btn-wrap > :last-child {
        margin-bottom: 0;
    }

    .box > .section-hdr, .box > .section-hdr--dark,
    .faq-search > .section-hdr,
    .faq-nav > .section-hdr,
    .no-notifications > .section-hdr,
    .no-matches > .section-hdr,
    .ebinder-btn-wrap > .section-hdr,
    .faq-search > .section-hdr--dark,
    .faq-nav > .section-hdr--dark,
    .no-notifications > .section-hdr--dark,
    .no-matches > .section-hdr--dark,
    .ebinder-btn-wrap > .section-hdr--dark {
        margin-left: -30px;
        margin-right: -30px;
        margin-top: -20px;
        margin-bottom: 20px;
    }

.box--flush {
    padding: 0;
}

.box--tiny {
    padding: 8px;
}

.box--small {
    padding: 15px;
}

.box--large,
.no-notifications,
.no-matches {
    padding: 60px;
}

.box--huge {
    padding: 120px;
}

.box--light,
.box--common,
.your-bid-strength,
.days-info {
    background-color: #fff;
}

.box--dark {
    background-color: #0b2e49;
}

.box--gray {
    background-color: #f4f4f4;
}

.box--mar {
    margin: 0 15px 15px;
}

.box--common, .your-bid-strength, .days-info {
    display: block;
    margin-bottom: 20px;
}

> .box--common:last-child, > .your-bid-strength:last-child, > .days-info:last-child {
    margin-bottom: 0;
}

.box--common > .box, .your-bid-strength > .box, .days-info > .box {
    margin-bottom: 0;
}

.box--common > .inner, .your-bid-strength > .inner, .days-info > .inner {
    padding: 20px;
}

.box--outline {
    border: 1px solid #eaeaea;
}

/*------------------------------------*\
    #MEDIA
\*------------------------------------*/
/**
 * Place any image- and text-like content side-by-side, as per:
 * stubbornella.org/content/2010/06/25/the-media-object-saves-hundreds-of-lines-of-code
 */
.media,
.notify {
    display: block;
}

.media__img,
.notify__img,
.notify__contract > i {
    float: left;
    margin-right: 20.001px;
}

    .media__img > img,
    .notify__img > img,
    .notify__contract > i > img {
        display: block;
    }

.media__body,
.notify__body,
.notify__contract > b {
    overflow: hidden;
    display: block;
}

    .media__body,
    .media__body > :last-child,
    .notify__body,
    .notify__contract > b,
    .notify__body > :last-child,
    .notify__contract > b > :last-child {
        margin-bottom: 0;
    }

/*------------------------------------*\
    #FLAG
\*------------------------------------*/
/**
 * The flag object is a design pattern similar to the media object, however it
 * utilises `display: table[-cell];` to give us control over the vertical
 * alignments of the text and image. csswizardry.com/2013/05/the-flag-object
 */
/**
 * 1. Allows us to control vertical alignments
 * 2. Force the object to be the full width of its parent. Combined with [1],
 *    this makes the object behave in a quasi-`display: block;` manner.
 */
.flag,
.alert-msg {
    display: table;
    /* [1] */
    width: 100%;
    /* [2] */
}

/**
 * Items within a flag object. There should only ever be one of each.
 *
 * 1. Default to aligning content to their middles.
 */
.flag__img,
.alert-msg__img,
.contact-card__img,
.account-card__img,
.flag__body,
.alert-msg__body,
.contact-card__body,
.account-card__body {
    display: table-cell;
    vertical-align: middle;
    /* [1] */
}

/**
 * Flag images have a space between them and the body of the object.
 */
.flag__img,
.alert-msg__img,
.contact-card__img,
.account-card__img {
    padding-right: 20.001px;
}

    .flag__img > img,
    .alert-msg__img > img,
    .contact-card__img > img,
    .account-card__img > img {
        display: block;
        max-width: none;
    }

/**
 * The container for the main content of the flag object.
 *
 * 1. Forces the `.flag__body` to take up all remaining space.
 */
.flag__body,
.alert-msg__body,
.contact-card__body,
.account-card__body {
    width: 100%;
    /* [1] */
}

    .flag__body,
    .flag__body > :last-child,
    .alert-msg__body,
    .contact-card__body,
    .account-card__body,
    .alert-msg__body > :last-child,
    .contact-card__body > :last-child,
    .account-card__body > :last-child {
        margin-bottom: 0;
    }

/**
 * Small flags.
 */
.flag--small > .flag__img,
.flag--small > .alert-msg__img,
.flag--small > .contact-card__img,
.flag--small > .account-card__img,
.contact-card > .flag__img,
.contact-card > .alert-msg__img,
.contact-card > .contact-card__img,
.contact-card > .account-card__img {
    padding-right: 15.00075px;
}

/**
 * Responsive flag objects.
 *
 * There is a very pragmatic, simple implementation of a responsive flag
 * object, which simply places the text-content beneath the image-content.
 *
 * We use a `max-width` media query because:
 *
 * a) it is the least verbose method in terms of amount of code required.
 * b) the flag objectΓÇÖs default state is image-next-to-text, so its stacked
 *    state is the exception, rather than the rule.
 */
@media screen and (max-width: 320px) {
    .flag--responsive,
    .contact-card {
        /**
     * Rework the spacings on regular flag objects.
     */
        /**
     * Small responsive flags.
     *
     * Take a little more heavy-handed approach to reworking
     * spacings on flags that are also small flags in their regular
     * state.
     */
    }

        .flag--responsive,
        .flag--responsive > .flag__img,
        .flag--responsive > .alert-msg__img,
        .flag--responsive > .contact-card__img,
        .flag--responsive > .account-card__img,
        .flag--responsive > .flag__body,
        .flag--responsive > .alert-msg__body,
        .flag--responsive > .contact-card__body,
        .flag--responsive > .account-card__body,
        .contact-card,
        .contact-card > .flag__img,
        .contact-card > .alert-msg__img,
        .contact-card > .contact-card__img,
        .contact-card > .account-card__img,
        .contact-card > .flag__body,
        .contact-card > .alert-msg__body,
        .contact-card > .contact-card__body,
        .contact-card > .account-card__body {
            display: block;
        }

            .flag--responsive > .flag__img,
            .flag--responsive > .alert-msg__img,
            .flag--responsive > .contact-card__img,
            .flag--responsive > .account-card__img,
            .contact-card > .flag__img,
            .contact-card > .alert-msg__img,
            .contact-card > .contact-card__img,
            .contact-card > .account-card__img {
                padding-right: 0;
                padding-left: 0;
                margin-bottom: 20.001px;
            }

            .flag--responsive.flag--small > .flag__img,
            .flag--responsive.flag--small > .alert-msg__img,
            .flag--responsive.flag--small > .contact-card__img,
            .flag--responsive.flag--small > .account-card__img, .flag--responsive.contact-card > .flag__img,
            .flag--responsive.contact-card > .alert-msg__img,
            .flag--responsive.contact-card > .contact-card__img,
            .flag--responsive.contact-card > .account-card__img,
            .flag--small.contact-card > .flag__img,
            .flag--small.contact-card > .alert-msg__img,
            .flag--small.contact-card > .contact-card__img,
            .flag--small.contact-card > .account-card__img,
            .contact-card > .flag__img,
            .contact-card > .alert-msg__img,
            .contact-card > .contact-card__img,
            .contact-card > .account-card__img {
                padding-right: 0;
                padding-left: 0;
                margin-bottom: 15.00075px;
            }
}
/*------------------------------------*\
    #LIST-BARE
\*------------------------------------*/
/**
 * The list-bare object simply removes any indents and bullet points from lists.
 */
.list-bare, .contact-card__list,
.quick-links,
.list-items,
.list-box,
.status-icons,
.row-options-menu,
.notify-list,
.bus-opps,
.ColVis_collection,
.filter-profile-select__list,
.app-hdr__nav,
.hdr-tools,
.ag-desc__list,
.contract-selector__list,
.filters-share-list {
    margin: 0;
    padding: 0;
    list-style: none;
}

/*------------------------------------*\
    #LIST-INLINE
\*------------------------------------*/
/**
 * The list-inline object simply displays a list of items in one line.
 */
.list-inline,
.section-hdr__tabs,
.filter-list,
.page-hdr__nav,
.filters-tabs {
    margin: 0;
    padding: 0;
    list-style: none;
}

    .list-inline > li,
    .section-hdr__tabs > li,
    .filter-list > li,
    .page-hdr__nav > li,
    .filters-tabs > li {
        display: inline-block;
    }

/*------------------------------------*\
    #LIST-UI
\*------------------------------------*/
/**
 * The UI list object creates blocky list items with a keyline separator out of
 * a `ul` or `ol`.
 */
.list-ui,
.list--profile-settings,
.list--course-filters,
.ag-desc__list,
.list--role-settings,
.list-ui__item,
.list-ui > li,
.list--profile-settings > li,
.list--course-filters > li,
.ag-desc__list > li,
.list--role-settings > li {
    border: 0 solid #eaeaea;
}

.list-ui,
.list--profile-settings,
.list--course-filters,
.ag-desc__list,
.list--role-settings {
    margin: 0;
    padding: 0;
    list-style: none;
    border-top-width: 1px;
}

    .list-ui__item,
    .list-ui > li,
    .list--profile-settings > li,
    .list--course-filters > li,
    .ag-desc__list > li,
    .list--role-settings > li {
        padding: 19.501px;
        border-bottom-width: 1px;
    }

    /**
 * Tiny list-uis.
 */
    .list-ui--tiny > .list-ui__item,
    .list-ui.list-ui--tiny > li,
    .list--profile-settings.list-ui--tiny > li,
    .list--course-filters.list-ui--tiny > li,
    .ag-desc__list.list-ui--tiny > li,
    .list--role-settings.list-ui--tiny > li {
        padding: 4.5px;
    }

    /**
 * Small list-uis.
 */
    .list-ui--small > .list-ui__item,
    .list-ui.list-ui--small > li,
    .list--profile-settings.list-ui--small > li,
    .list--course-filters.list-ui--small > li,
    .ag-desc__list.list-ui--small > li,
    .list--role-settings.list-ui--small > li,
    .list--profile-settings > .list-ui__item,
    .list--course-filters > .list-ui__item,
    .list--role-settings > .list-ui__item,
    .list--profile-settings > li,
    .list--course-filters > li,
    .list--role-settings > li {
        padding: 14.62575px;
    }

    /**
 * Large list-uis.
 */
    .list-ui--large > .list-ui__item,
    .list-ui.list-ui--large > li,
    .list--profile-settings.list-ui--large > li,
    .list--course-filters.list-ui--large > li,
    .ag-desc__list.list-ui--large > li,
    .list--role-settings.list-ui--large > li {
        padding: 28.7515px;
    }

    /**
 * Huge list-uis.
 */
    .list-ui--huge > .list-ui__item,
    .list-ui.list-ui--huge > li,
    .list--profile-settings.list-ui--huge > li,
    .list--course-filters.list-ui--huge > li,
    .ag-desc__list.list-ui--huge > li,
    .list--role-settings.list-ui--huge > li {
        padding: 38.5px;
    }

/*------------------------------------*\
    #LIST-BLOCK
\*------------------------------------*/
/**
 * The list-block object creates blocky list items out of a `ul` or `ol`.
 */
.list-block {
    margin: 0;
    padding: 0;
    list-style: none;
}

    .list-block__item,
    .list-block > li {
        padding: 20.001px;
    }

.list-def--stacked > dt, .detail-list > dt {
    font-size: 10px;
    font-size: 0.76923rem;
    line-height: 15.00075px;
    text-transform: uppercase;
}

.list-def--stacked > dd, .detail-list > dd {
    margin-left: 0;
    margin-bottom: 5px;
}

.list-def--split,
.contract-info__list {
    width: 100%;
    display: table;
}

    .list-def--split > dt,
    .list-def--split > dd,
    .contract-info__list > dt,
    .contract-info__list > dd {
        display: table-cell;
        float: left;
        vertical-align: top;
    }

    .list-def--split > dt,
    .contract-info__list > dt {
        width: 35%;
        clear: left;
        font-style: italic;
    }

    .list-def--split > dd,
    .contract-info__list > dd {
        margin-left: 0;
        width: 65%;
    }

        .list-def--split > dd:empty:before,
        .contract-info__list > dd:empty:before {
            content: '\2014';
            opacity: 0.5;
        }

.list-def--spread > dd {
    text-align: right;
}

/*------------------------------------*\
    #BUTTONS
\*------------------------------------*/
/**
 * A simple button object.
 */
/**
 * 1. Allow us to style box model properties.
 * 2. Line different sized buttons up a little nicer.
 * 3. Make buttons inherit font styles (often necessary when styling `input`s as
 *    buttons).
 * 4. Reset/normalize some styles.
 * 5. Force all button-styled elements to appear clickable.
 * 6. Fixes odd inner spacing in IE7.
 * 7. Subtract the border size from the padding value so that buttons do not
 *    grow larger as we add borders.
 */
.btn,
.ColVis_Button,
.sb-profile__browse,
.sb-profile__set,
.sb-profile__cancel,
.get-ebinder-info__btn {
    display: inline-block;
    /* [1] */
    vertical-align: middle;
    /* [2] */
    font: inherit;
    /* [3] */
    text-align: center;
    /* [4] */
    border: none;
    /* [4] */
    margin: 0;
    /* [4] */
    cursor: pointer;
    /* [5] */
    overflow: visible;
    /* [6] */
    padding: 9px 19px;
    /* [7] */
    background-color: #1ca66f;
    border: 1px solid #1ca66f;
    border-radius: 2px;
}

    .btn, .btn:hover, .btn:active, .btn:focus,
    .ColVis_Button,
    .sb-profile__browse,
    .sb-profile__set,
    .sb-profile__cancel,
    .get-ebinder-info__btn,
    .ColVis_Button:hover,
    .sb-profile__browse:hover,
    .sb-profile__set:hover,
    .sb-profile__cancel:hover,
    .get-ebinder-info__btn:hover,
    .ColVis_Button:active,
    .sb-profile__browse:active,
    .sb-profile__set:active,
    .sb-profile__cancel:active,
    .get-ebinder-info__btn:active,
    .ColVis_Button:focus,
    .sb-profile__browse:focus,
    .sb-profile__set:focus,
    .sb-profile__cancel:focus,
    .get-ebinder-info__btn:focus {
        text-decoration: none;
        /* [4] */
        color: #fff;
    }

        /**
 * Fix a Firefox bug whereby `input type="submit"` gains 2px extra padding.
 */
        .btn::-moz-focus-inner,
        .ColVis_Button::-moz-focus-inner,
        .sb-profile__browse::-moz-focus-inner,
        .sb-profile__set::-moz-focus-inner,
        .sb-profile__cancel::-moz-focus-inner,
        .get-ebinder-info__btn::-moz-focus-inner {
            border: 0;
            padding: 0;
        }

/**
 * Small buttons.
 */
.btn--small {
    padding: 4px 9px;
    /* [7] */
}

/**
 * Large buttons.
 */
.btn--large,
.sb-profile__cancel {
    padding: 14px 29px;
    /* [7] */
}

/**
 * Full-width buttons.
 */
.btn--full {
    width: 100%;
}

/**
 * Round-ended buttons.
 *
 * 1. Overly-large value to ensure the radius rounds the whole end of the
 *    button.
 */
.btn--pill {
    border-radius: 100px;
    /* [1] */
}

.btn {
    transition: all .3s ease-out;
}

    .btn:focus, .btn:hover {
        background-color: #20bc7e;
        border-color: #20bc7e;
        outline: 0;
    }

.btn--outline {
    background-color: transparent;
    border-color: #dadada;
    color: #686b6d;
}

    .btn--outline:hover, .btn--outline:focus {
        border-color: #20bc7e;
    }

        .btn--outline:hover > i, .btn--outline:focus > i {
            opacity: 1;
        }

.btn > .icon:before {
    background-size: 14px;
}

/*------------------------------------*\
    #TABS
\*------------------------------------*/
/**
 * A simple abstraction for making equal-width navigation tabs.
 */
/**
 * 1. Reset any residual styles (most likely from lists).
 * 2. Tables for layout!
 * 3. Force all `table-cell` children to have equal widths.
 * 4. Force the object to be the full width of its parent. Combined with [2],
 *    this makes the object behave in a quasi-`display: block;` manner.
 */
.tabs,
.opp-tabs {
    margin: 0;
    /* [1] */
    padding: 0;
    /* [1] */
    list-style: none;
    /* [1] */
    display: table;
    /* [2] */
    table-layout: fixed;
    /* [3] */
    width: 100%;
    /* [4] */
    text-align: center;
}

.tabs__item,
.opp-tabs__item {
    display: table-cell;
    /* [2] */
}

.tabs__link {
    display: block;
}

.table,
.table--common,
table.dataTable {
    width: 100% !important;
}

tbody > tr:hover {
    background-color: #eaeaea !important;
    transition: all .25s ease-in-out;
}

.table--fixed,
.table--common,
table.dataTable,
.table--files,
.table--ebinder {
    table-layout: fixed;
}

    .table--compact th,
    .table--compact td,
    .table--files th,
    .table--ebinder th,
    .table--files td,
    .table--ebinder td {
        padding: 10px;
    }

    .table--cosy th,
    .table--cosy td,
    .table--common th,
    table.dataTable th,
    .table--common td,
    table.dataTable td {
        padding: 10px;
    }

.table--comfy th,
.table--comfy td {
    padding: 20px;
}

.table--cells th,
.table--cells td {
    border: 1px solid #eaeaea;
}

.table--rows,
.table--rows th,
.table--rows td,
.table--common,
table.dataTable,
.table--files,
.table--ebinder,
.table--common th,
table.dataTable th,
.table--files th,
.table--ebinder th,
.table--common td,
table.dataTable td,
.table--files td,
.table--ebinder td {
    border: 0 solid #eaeaea;
}

.table--rows,
.table--common,
table.dataTable,
.table--files,
.table--ebinder {
    border-top-width: 1px;
}

    .table--rows th,
    .table--rows td,
    .table--common th,
    table.dataTable th,
    .table--files th,
    .table--ebinder th,
    .table--common td,
    table.dataTable td,
    .table--files td,
    .table--ebinder td {
        border-bottom-width: 1px;
    }

.table--columns,
.table--columns th,
.table--columns td {
    border: 0 solid #eaeaea;
}

.table--columns {
    border-left-width: 1px;
}

    .table--columns th,
    .table--columns td {
        border-right-width: 1px;
    }

.table--common tbody tr,
table.dataTable tbody tr,
.table--zebra tbody tr {
    background-color: #fff;
}

    .table--common tbody tr:nth-child(odd),
    table.dataTable tbody tr:nth-child(odd),
    .table--zebra tbody tr:nth-child(odd) {
        background-color: #f4f4f4;
    }

.table--common .cell-inactive {
    vertical-align: middle;
    color: #979b9e;
    cursor: not-allowed;
}

.table--common + .pagination {
    margin-top: -20px;
    margin-right: 30px;
}

.cell--footer {
    font-style: italic;
    color: #979b9e;
}

.table--common,
table.dataTable {
    margin-bottom: 40px;
}

    .table--common td, .table--common th,
    table.dataTable td,
    table.dataTable th {
        padding-left: 15px;
        padding-right: 15px;
        vertical-align: top;
    }

        .table--common td:first-child, .table--common th:first-child,
        table.dataTable td:first-child,
        table.dataTable th:first-child {
            padding-left: 30px;
        }

        .table--common td:last-child, .table--common th:last-child,
        table.dataTable td:last-child,
        table.dataTable th:last-child {
            padding-right: 30px;
        }

    .table--common th,
    table.dataTable th {
        text-align: left;
    }

.table--sales td:nth-child(1), .table--sales th:nth-child(1) {
    width: 15%;
}

.table--sales td:nth-child(2), .table--sales th:nth-child(2) {
    width: 25%;
}

.table--sales td:nth-child(3), .table--sales th:nth-child(3) {
    width: 25%;
}

.table--sales td:nth-child(4), .table--sales th:nth-child(4) {
    width: 35%;
    padding-left: 0;
    text-align: right;
}

.table--projects td:nth-child(1), .table--projects th:nth-child(1) {
    overflow: hidden;
    width: 29px;
    padding-left: 15px;
    padding-right: 0;
}

.table--projects td:nth-child(2), .table--projects th:nth-child(2) {
    width: 60%;
}

.table--projects td:nth-child(3), .table--projects th:nth-child(3) {
    width: 20%;
}

.table--projects td:nth-child(4), .table--projects th:nth-child(4) {
    width: 20%;
}

.table--projects td:nth-child(5), .table--projects th:nth-child(5) {
    width: 65px;
    text-align: right;
}

    .table--projects td:nth-child(5) > .icon, .table--projects th:nth-child(5) > .icon {
        background-size: 16px;
        cursor: pointer;
    }

.table--compliance td:nth-child(1), .table--compliance th:nth-child(1) {
    overflow: hidden;
    width: 29px;
    padding-left: 15px;
    padding-right: 0;
}

.table--compliance td:nth-child(2), .table--compliance th:nth-child(2) {
    width: 60%;
}

.table--compliance td:nth-child(3), .table--compliance th:nth-child(3) {
    width: 20%;
}

.table--compliance td:nth-child(4), .table--compliance th:nth-child(4) {
    width: 20%;
}

.table--compliance td:nth-child(5), .table--compliance th:nth-child(5) {
    width: 65px;
    text-align: right;
}

    .table--compliance td:nth-child(5) > .icon, .table--compliance th:nth-child(5) > .icon {
        background-size: 16px;
        cursor: pointer;
    }

.table--files {
    display: block;
    margin-left: 15px;
    margin-right: 15px;
    border: 1px solid #dadada;
}

    .table--files caption {
        text-align: left;
        display: none;
        color: #1c1d1e;
        padding-left: 15px;
        margin-bottom: 10px;
    }

    .table--files th {
        text-align: left;
        color: #484b4d;
    }

        .table--files th:first-child {
            padding-left: 0;
        }

    .table--files td {
        background-color: #fff;
    }

    .table--files tr:last-child td {
        border-bottom: 0;
    }

    .table--files td:nth-child(1), .table--files th:nth-child(1) {
        width: 50%;
        padding-left: 15px;
    }

    .table--files td:nth-child(2), .table--files th:nth-child(2) {
        width: 50%;
    }

    .table--files td:nth-child(3), .table--files th:nth-child(3) {
        width: 40px;
        padding-left: 0;
        text-align: right;
    }

.table--ebinder {
    display: block;
    margin-left: 15px;
    margin-right: 15px;
    border: 1px solid #dadada;
}

    .table--ebinder caption {
        display: block;
        padding: 8px 15px;
        margin-bottom: 0;
        color: #1c1d1e;
        border-bottom: 1px solid #dadada;
        font-size: 16px;
        font-weight: 600;
    }

    .table--ebinder th {
        text-align: left;
        color: #484b4d;
    }

        .table--ebinder th:first-child {
            padding-left: 0;
        }

    .table--ebinder td {
        background-color: #fff;
    }

    .table--ebinder tr:last-child td {
        border-bottom: 0;
    }

    .table--ebinder td:nth-child(1), .table--ebinder th:nth-child(1) {
        width: 39px;
        padding-right: 0;
        padding-left: 25px;
    }

        .table--ebinder td:nth-child(1) label, .table--ebinder th:nth-child(1) label {
            margin-top: 2px;
        }

    .table--ebinder td:nth-child(2), .table--ebinder th:nth-child(2) {
        width: 70%;
    }

    .table--ebinder td:nth-child(3), .table--ebinder th:nth-child(3) {
        width: 30%;
    }

    .table--ebinder td:nth-child(4), .table--ebinder th:nth-child(4) {
        width: 40px;
        padding-left: 0;
        text-align: right;
    }

.table--fed-opps td:nth-child(1), .table--fed-opps th:nth-child(1) {
    width: 39px;
    padding-right: 0;
    padding-left: 25px;
}

    .table--fed-opps td:nth-child(1) label, .table--fed-opps th:nth-child(1) label {
        margin-top: 2px;
    }

.table--fed-opps td:nth-child(2), .table--fed-opps th:nth-child(2) {
    overflow: hidden;
    width: 29px;
    padding-left: 15px;
    padding-right: 0;
}

.table--fed-opps td:nth-child(3), .table--fed-opps th:nth-child(3) {
    width: 55%;
}

.table--fed-opps td:nth-child(4), .table--fed-opps th:nth-child(4) {
    width: 20%;
}

.table--fed-opps td:nth-child(5), .table--fed-opps th:nth-child(5) {
    width: 15%;
}

.table--fed-opps td:nth-child(6), .table--fed-opps th:nth-child(6) {
    width: 10%;
}

    .table--fed-opps td:nth-child(6) i, .table--fed-opps th:nth-child(6) i {
        font-size: 11px;
        font-style: normal;
        color: #979b9e;
        margin-left: 1px;
        margin-right: 1px;
    }

.table--fed-opps td:nth-child(7), .table--fed-opps th:nth-child(7) {
    position: relative;
    width: 30px;
    padding-left: 0;
    padding-right: 0;
}

.table--comp-opps td:nth-child(1), .table--comp-opps th:nth-child(1) {
    width: 39px;
    padding-right: 0;
    padding-left: 25px;
}

    .table--comp-opps td:nth-child(1) label, .table--comp-opps th:nth-child(1) label {
        margin-top: 2px;
    }

.table--comp-opps td:nth-child(2), .table--comp-opps th:nth-child(2) {
    overflow: hidden;
    width: 29px;
    padding-left: 15px;
    padding-right: 0;
}

.table--comp-opps td:nth-child(3), .table--comp-opps th:nth-child(3) {
    width: 40%;
}

.table--comp-opps td:nth-child(4), .table--comp-opps th:nth-child(4) {
    width: 25%;
}

.table--comp-opps td:nth-child(5), .table--comp-opps th:nth-child(5) {
    width: 15%;
}

.table--comp-opps td:nth-child(6), .table--comp-opps th:nth-child(6) {
    width: 20%;
}

    .table--comp-opps td:nth-child(6) i, .table--comp-opps th:nth-child(6) i {
        font-size: 11px;
        font-family: Georgia, "Times New Roman", Times, serif;
        color: #979b9e;
        margin-left: 1px;
        margin-right: 1px;
    }

.table--comp-opps td:nth-child(7), .table--comp-opps th:nth-child(7) {
    position: relative;
    width: 30px;
    padding-left: 0;
    padding-right: 0;
}

.heading-sidebar {
    font-size: 10px;
    font-size: 0.76923rem;
    line-height: 15.00075px;
    font-weight: 400;
    color: #686b6d;
    text-transform: uppercase;
    letter-spacing: .06em;
    margin-top: 40px;
    margin-bottom: 0;
    margin-bottom: 5px;
    padding-bottom: 5px;
    border-bottom: 1px solid #d0d2d3;
}

    .heading-sidebar:first-child {
        margin-top: 20px;
    }

    .heading-sidebar a {
        color: #686b6d;
    }

.heading--table,
.table--common th,
table.dataTable th,
.table--files th,
.table--ebinder th,
.contract-info__heading {
    font-size: 11px;
    font-size: 0.84615rem;
    line-height: 20px;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: .1em;
    color: #1c1d1e;
}

.intro-para {
    font-size: 16px;
    font-size: 1.23077rem;
    line-height: 1.5;
}

.section-hdr__tabs {
    float: right;
}

.section-hdr__item {
    border-left: 1px solid #eaeaea;
    float: left;
}

    .section-hdr__item > a {
        position: relative;
        display: block;
        padding: 20.001px 30px;
        color: #979b9e;
        min-width: 120px;
        text-align: center;
        background-color: #f4f4f4;
    }

        .section-hdr__item > a:before, .section-hdr__item > a:after {
            position: absolute;
            bottom: -1px;
            left: 0;
            content: '';
            width: 100%;
            height: 1px;
            background-color: transparent;
            transition: all .3s ease-out;
        }

        .section-hdr__item > a:after {
            top: 0;
            bottom: 0;
        }

        .section-hdr__item > a:focus, .section-hdr__item > a:hover {
            color: #20bc7e;
        }

            .section-hdr__item > a:focus:before, .section-hdr__item > a:hover:before {
                background-color: transparent;
                height: 1px;
            }

    .section-hdr__item.is-active > a {
        color: #20bc7e;
        background-color: #fff;
    }

        .section-hdr__item.is-active > a:after {
            height: 2px;
            background-color: #20bc7e;
        }

        .section-hdr__item.is-active > a:before {
            background-color: #fff;
            height: 1px;
        }

.tab-panel {
    display: none;
}

    .tab-panel.is-active {
        display: block;
    }

.quick-links {
    padding-top: 5px;
}

    .quick-links li {
        position: relative;
        margin-bottom: 5px;
        padding-left: 13px;
    }

        .quick-links li:before {
            position: absolute;
            top: 7px;
            left: 0;
            content: '';
            display: inline-block;
            height: 5px;
            width: 5px;
            border-radius: 50%;
            background-color: #d0d2d3;
        }

        .quick-links li a {
            border-bottom: 1px solid transparent;
            transition: all .3s ease-out;
        }

            .quick-links li a:focus, .quick-links li a:hover {
                border-color: #20bc7e;
            }

.quick-links__item--meta {
    display: block;
    color: #686b6d;
    font-size: 11px;
    font-size: 0.84615rem;
    line-height: 1.81827;
    font-style: normal;
    margin-bottom: 10px;
}

.detail-list dd {
    margin-bottom: 20px;
}

.list--profile-settings label,
.list--course-filters label {
    margin-bottom: 0;
}

    .list--profile-settings label + label,
    .list--course-filters label + label {
        margin-top: -10px;
    }

.list--course-filters {
    border-top-color: #dadada;
}

    .list--course-filters li {
        padding: 0;
        border-bottom-color: #dadada;
    }

        .list--course-filters li label {
            margin: 7px 0;
        }

    .list--course-filters > li ul {
        list-style: none;
        margin: 0;
    }

        .list--course-filters > li ul > li {
            padding-left: 15px;
            border-top: 1px solid #dadada;
        }

    .list--course-filters .label__faux-checkbox {
        background-color: #f4f4f4;
    }

    .list--course-filters label {
        color: #484b4d;
    }

.list-items__item {
    position: relative;
    margin-top: -1px;
    padding: 10px 15px;
    color: #20bc7e;
    border: 1px solid #eaeaea;
}

.list-box {
    margin-bottom: 20px;
}

.list-box__item {
    border: 1px solid #e7e7e8;
    background-color: #fff;
    padding: 20px;
    margin-bottom: -1px;
}

    .list-box__item:last-child {
        margin-bottom: 0;
    }

.list-box--small > .list-box__item {
    padding: 10px;
}

.list-box--large > .list-box__item {
    padding: 40px;
}

.list-box--huge > .list-box__item {
    padding: 80px;
}

.btn--green, .btn--add-sales,
.ag-dl-btn,
.sb-profile__set,
.get-ebinder-info__btn {
    background-color: #1ca66f;
    border-color: #1ca66f;
}

    .btn--green:hover, .btn--add-sales:hover, .btn--green:focus, .btn--add-sales:focus,
    .ag-dl-btn:hover,
    .sb-profile__set:hover,
    .get-ebinder-info__btn:hover,
    .ag-dl-btn:focus,
    .sb-profile__set:focus,
    .get-ebinder-info__btn:focus {
        background-color: #20bc7e;
        border-color: #20bc7e;
    }

.btn--outline-green {
    background-color: transparent;
    border-color: #1ca66f;
    color: #1ca66f;
    border-width: 2px;
}

    .btn--outline-green:hover, .btn--outline-green:focus {
        background-color: #1ca66f;
        color: #fff;
    }

.btn--blue {
    background-color: #67a8da;
    border-color: #67a8da;
    color: #fff;
}

    .btn--blue:hover, .btn--blue:focus {
        background-color: #7cb4df;
        border-color: #7cb4df;
    }

.btn--red {
    background-color: #e91414;
    border-color: #e91414;
    color: #fff;
}

    .btn--red:hover, .btn--red:focus {
        background-color: #f04b4b;
        border-color: #f04b4b;
    }

.btn--gray,
.sb-profile__browse {
    background-color: #e5e6e7;
    border-color: #e5e6e7;
    color: #686b6d;
}

.btn--white {
    background-color: #fff;
    border-color: #fff;
    color: #1ca66f;
}

.btn--round {
    border-radius: 60px;
}

.btn--add-sales > i {
    margin-right: 5px;
}

.arrow-close {
    display: block;
    margin: 30px 30px 0;
    height: 20px;
    width: 20px;
    background-image: url(/images/svg/close-white.svg);
    background-repeat: no-repeat;
    background-size: 16px;
    background-position: center;
    opacity: 1;
    cursor: pointer;
    transition: all .3s ease-out;
}

    .arrow-close:focus, .arrow-close:hover {
        opacity: .5;
    }

.arrow-close-white--small {
    position: absolute;
    top: 0;
    right: 0;
    display: block;
    margin: 10px;
    height: 10px;
    width: 10px;
    background-image: url(/images/svg/close-white.svg);
    background-repeat: no-repeat;
    background-size: 10px;
    background-position: center;
    opacity: 1;
    cursor: pointer;
    transition: all .3s ease-out;
}

    .arrow-close-white--small:focus, .arrow-close-white--small:hover {
        opacity: .5;
    }

.arrow-close--small {
    position: absolute;
    top: 0;
    right: 0;
    display: block;
    margin: 10px;
    height: 10px;
    width: 10px;
    background-image: url(/images/svg/close-gray.svg);
    background-repeat: no-repeat;
    background-size: 10px;
    background-position: center;
    opacity: 1;
    cursor: pointer;
    transition: all .3s ease-out;
}

    .arrow-close--small:focus, .arrow-close--small:hover {
        opacity: .5;
    }

.btn--clear,
.btn--cancel,
.ColVis_Button,
.sb-profile__cancel {
    background-color: transparent;
    border-color: transparent;
    color: #686b6d;
}

    .btn--clear:focus, .btn--clear:hover,
    .btn--cancel:focus,
    .ColVis_Button:focus,
    .sb-profile__cancel:focus,
    .btn--cancel:hover,
    .ColVis_Button:hover,
    .sb-profile__cancel:hover {
        background-color: transparent;
        border-color: transparent;
        color: #1ca66f;
    }

    .btn--cancel:focus, .btn--cancel:hover {
        background-color: #e91414;
        border-color: #e91414;
        color: #fff;
    }

button:disabled,
.btn--disabled {
    background: #e5e6e7;
    border-color: #e5e6e7 !important;
    color: #979b9e !important;
    cursor: not-allowed;
}

    button:disabled:focus, button:disabled:hover,
    .btn--disabled:focus,
    .btn--disabled:hover {
        background-color: inherit !important;
    }

.icon {
    position: relative;
    top: 0;
    display: inline-block;
    height: 18px;
    width: 18px;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
    line-height: 1;
    vertical-align: -5px;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    opacity: 0.4;
    transition: all .3s ease-out;
}

    .icon:hover, .icon:focus {
        opacity: 1;
    }

[class*="icon-rev"] {
    opacity: 1;
}

    [class*="icon-rev"]:focus, [class*="icon-rev"]:hover {
        opacity: .75;
    }

.icon--delete {
    background-image: url(/images/svg/delete-gray.svg);
}

.icon--archive {
    background-image: url(/images/svg/archive-gray.svg);
}

.icon--pin {
    background-image: url(/images/svg/pin-gray.svg);
}

.icon--pin-green {
    background-image: url(/images/svg/pin-green.svg);
}

.icon--pin-yellow {
    background-image: url(/images/svg/pin-yellow.svg);
}

.icon--bid {
    background-image: url(/images/svg/bid-strength-gray.svg);
}

.icon--view {
    background-image: url(/images/svg/visibility-gray.svg);
}
.icon--note {
    background-image: url(/images/svg/note-gray.svg);
}
.icon--star {
    background-image: url(/images/svg/star_icon.svg);
    cursor:pointer;
}
.icon--unlink {
    background-image: url(/images/svg/icon-unlink.svg);
    cursor: pointer;
}
.icon--editContact {
    background-image: url(/images/svg/edit-solid.svg);
    cursor: pointer;
}
.icon--stage {
    background-image: url(/images/svg/funnel.svg);
    background-size: 28px !important;
    cursor: pointer;
}
.gray {
    opacity: 0.4;
}

.icon--info-green,
.filter-info-btn {
    background-image: url(/images/svg/info-green.svg);
}

.icon--search,
.table-search__btn,
.filter-search__btn {
    background-image: url(/images/svg/search-gray.svg);
}

.icon--remove {
    background-image: url(/images/svg/remove-gray.svg);
}

.icon--close {
    background-image: url(/images/svg/close-gray.svg);
    background-size: 14px;
}

.icon--close-white {
    background-image: url(/images/svg/close-white.svg);
    background-size: 14px;
}

.icon--minus {
    background-image: url(/images/svg/minus-gray.svg);
}

.icon--arrow-fwd {
    background-image: url(/images/svg/arrow-fwd-gray.svg);
}

.icon--edit {
    background-image: url(/images/svg/edit-gray.svg);
}

.icon--cloud-down {
    background-image: url(/images/svg/cloud-download-gray.svg);
}

.icon-rev--cloud-down {
    background-image: url(/images/svg/cloud-download-white.svg);
}

.icon--send {
    background-image: url(/images/svg/send-gray.svg);
}

.icon--add-green,
.filter-search__add-btn {
    background-image: url(/images/svg/add-square-green.svg);
}

.icon--add-white,
.profile-select__btn:after {
    background-image: url(/images/svg/add-square-white.svg);
}

.icon-rev--add {
    background-image: url(/images/svg/add-white.svg);
}

.icon-rev--upload {
    background-image: url(/images/svg/cloud-upload-white.svg);
}

.icon--upload {
    background-image: url(/images/svg/cloud-upload-gray.svg);
}

.icon--add {
    background-image: url(/images/svg/add-gray.svg);
}

.icon--folder {
    background-image: url(/images/svg/folder-white.svg);
}

td i + i {
    margin-left: 20px;
}

.arrow-sort,
.arrow-sort__dn,
.arrow-sort__up {
    position: relative;
    vertical-align: bottom;
    cursor: pointer;
}

    .arrow-sort:after, .arrow-sort:before,
    .arrow-sort__dn:after,
    .arrow-sort__dn:before,
    .arrow-sort__up:after,
    .arrow-sort__up:before {
        position: absolute;
        left: 0;
        content: '';
        display: inline-block;
    }

    .arrow-sort:before,
    .arrow-sort__dn:before,
    .arrow-sort__up:before {
        top: 13px;
        height: 0;
        width: 0;
        border-left: 4.5px solid transparent;
        border-right: 4.5px solid transparent;
        border-bottom: 7px solid #e5e6e7;
    }

    .arrow-sort:after,
    .arrow-sort__dn:after,
    .arrow-sort__up:after {
        top: 22px;
        height: 0;
        width: 0;
        border-left: 4.5px solid transparent;
        border-right: 4.5px solid transparent;
        border-top: 7px solid #e5e6e7;
    }

    .arrow-sort__up:before {
        border-bottom-color: #1ca66f;
    }

    .arrow-sort__dn:after {
        border-top-color: #1ca66f;
    }

th.arrow-sort,
th.arrow-sort__dn,
th.arrow-sort__up {
    padding-left: 20px;
}

.app-content-wrap {
    display: table;
    height: 100%;
    width: 100%;
    max-width: 1300px;
    margin-left: auto;
    margin-right: auto;
}

.app-content-wrap--full {
    display: table;
    width: 100%;
}

    .app-content-wrap--full .table-common {
        background-color: #fff;
    }

.login-wrap {
    display: table;
    height: 100%;
    width: 100%;
    background-color: #0b2e49;
}

.main-content {
    display: table-cell;
    vertical-align: top;
}

@media screen and (max-width: 1024px) {
    .main-content {
        display: block;
        width: 100%;
        min-height: auto;
    }
}

.sidebar--std, .sidebar--addy {
    padding: 20px;
    background-color: #e5e6e7;
    vertical-align: top;
}

.sidebar--std {
    display: table-cell;
    width: 25%;
    min-width: 318px;
    vertical-align: top;
}

@media screen and (max-width: 1024px) {
    .sidebar--std {
        display: block;
        width: 100%;
    }
}

.sidebar--addy {
    display: table-cell;
    width: 31.25%;
    min-width: 400px;
    vertical-align: top;
}

@media screen and (max-width: 1024px) {
    .sidebar--addy {
        display: block;
        width: 100%;
    }
}

.sidebar--profile {
    display: table-cell;
    width: 25%;
    background-color: #e5e6e7;
    min-width: 318px;
    vertical-align: top;
}

@media screen and (max-width: 1024px) {
    .sidebar--profile {
        display: block;
        width: 100%;
    }
}

.col-8of16 {
    float: left;
    display: block;
    margin-right: 2.4%;
    width: 48.8%;
}

    .col-8of16:last-child {
        margin-right: 0;
    }

.status-icons {
    width: 8px;
    margin: 5px auto 0;
}

    .status-icons > li {
        margin-bottom: 6px;
    }

.indy-cir {
    display: block;
    height: 8px;
    width: 8px;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
    border-radius: 50%;
    background-color: red;
}

.indy-cir--new {
    background-color: #20bc7e;
}

.indy-cir--due {
    background-color: #f26767;
}

.indy-cir--mod {
    background-color: #9e7fb9;
}

.indy-cir--arc {
    background-color: #979b9e;
}

.indy-cir--pin {
    background-color: #ffd02b;
}

.slide-out-panel--lrg, .slide-out-panel--small {
    position: fixed;
    top: 0;
    height: 100%;
    background-color: #f0f0f0;
    z-index: 1010;
    box-shadow: -2px 2px 5px 0px rgba(0, 0, 0, 0.5);
    transition-property: all;
    transition-duration: .6s;
    transition-timing-function: cubic-bezier(0, 1, 0.5, 1);
    overflow-y: scroll;
    overflow-x: hidden;
}

.slide-out-panel--lrg {
    right: -100%;
    width: 95%;
}

.slide-out-panel--small {
    right: -100%;
    width: 50%;
    min-width: 400px;
}

@media screen and (max-width: 1024px) {
    .slide-out-panel--small {
        width: 95%;
    }
}

.opp-is-open,
.notify-is-open,
.glossary-is-open,
.project-is-open,
.comply-is-open,
.edit-ac-is-open,
.add-ac-is-open,
.ebinder-is-open,
.modal-is-open,
.filters-is-open {
    overflow-y: hidden;
}

    .opp-is-open:before,
    .notify-is-open:before,
    .glossary-is-open:before,
    .project-is-open:before,
    .comply-is-open:before,
    .edit-ac-is-open:before,
    .add-ac-is-open:before,
    .ebinder-is-open:before,
    .modal-is-open:before,
    .filters-is-open:before {
        content: '';
        position: fixed;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        height: 100%;
        width: 100%;
        background-color: #0b2e49;
        opacity: 0.92;
        z-index: 1009;
    }

.notify-is-open {
    overflow: hidden;
}

    .notify-is-open .notify-wrap {
        right: 0;
    }

.glossary-is-open {
    overflow: hidden;
}

    .glossary-is-open .glossary-wrap {
        right: 0;
    }

.opp-is-open {
    overflow: hidden;
}

    .opp-is-open .view-opp-wrap {
        right: 0;
    }

.project-is-open {
    overflow: hidden;
}

    .project-is-open .proj-details-wrap {
        right: 0;
    }

.comply-is-open {
    overflow: hidden;
}

    .comply-is-open .comply-wrap {
        right: 0;
    }

.edit-ac-is-open {
    overflow: hidden;
}

    .edit-ac-is-open .edit-account-wrap {
        right: 0;
    }

.add-ac-is-open {
    overflow: hidden;
}

    .add-ac-is-open .add-account-wrap {
        right: 0;
    }

.ebinder-is-open {
    overflow: hidden;
}

    .ebinder-is-open .ebinder-wrap {
        right: 0;
    }

.filters-is-open {
    overflow: hidden;
}

    .filters-is-open .filters-wrap {
        right: 0;
    }

.row-menu-wrap {
    position: relative;
    display: block;
    width: 100%;
    height: 100%;
}

.row-options-menu__trigger {
    position: absolute;
    top: 0px;
    left: 0;
    width: 100%;
    opacity: .3;
    cursor: pointer;
    transition: all .3s ease-out;
}

    .row-options-menu__trigger > img {
        width: 4px;
    }

    .row-options-menu__trigger:focus, .row-options-menu__trigger:hover {
        opacity: 1;
    }

.row-options-menu {
    float: left;
    position: absolute;
    top: -5px;
    right: 35px;
    background-color: white;
    height: 50px;
    width: 200px;
    max-width: 0;
    overflow: hidden;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
    transition: max-width .5s ease-out .3s, box-shadow .3s ease-out;
}

    .row-options-menu.is-open {
        max-width: 400px;
        overflow: hidden;
        box-shadow: 0 2px 6px rgba(0, 0, 0, 0.4);
        transition: max-width .75s ease-out, box-shadow .3s ease-out .75s;
    }

.row-options-menu__item > button {
    display: block;
    float: left;
    height: 50px;
    width: 50px;
    border: 0;
    background-color: transparent;
    background-size: 18px;
    text-indent: 130%;
}

.row-options-menu__item .icon--archive {
    background-size: 24px;
}

.list--profile-settings li > .label--toggle {
    padding-left: 0;
    margin-left: -15px;
}

.toggle:checked + .toggle__btn:after {
    content: 'Y';
    left: 50%;
    text-align: center;
}

.toggle__btn {
    outline: 0;
    display: inline-block;
    width: 36px;
    height: 20px;
    position: relative;
    cursor: pointer;
    user-select: none;
}

    .toggle__btn:after, .toggle__btn:before {
        position: relative;
        display: block;
        content: '';
        height: 16px;
        width: 16px;
        font-size: 10px;
        text-align: center;
        color: white;
    }

    .toggle__btn:after {
        content: 'N';
        left: 0;
    }

    .toggle__btn:before {
        display: none;
    }

.toggle + .toggle__btn {
    background: #d0d2d3;
    border-radius: 20px;
    padding: 2px;
    transition: all .4s ease;
}

    .toggle + .toggle__btn:after {
        border-radius: 50%;
        background: #fff;
        transition: all .2s ease;
    }

.toggle:checked + .toggle__btn {
    background: #20bc7e;
}

.spinner-wrap {
    z-index: 1109;
}

    .spinner-wrap:before {
        content: '';
        position: fixed;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        height: 100%;
        width: 100%;
        background-color: #0b2e49;
        opacity: 0.92;
        z-index: 1109;
    }

.spinner {
    position: fixed;
    top: 50%;
    left: 50%;
    margin-top: -9px;
    margin-left: -35px;
    border-radius: 4px;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 10px;
    padding-bottom: 4px;
    width: 90px;
    text-align: center;
    z-index: 1110;
    background-color: #0b2e49;
}

    .spinner > div {
        width: 18px;
        height: 18px;
        background-color: #20bc7e;
        border-radius: 100%;
        display: inline-block;
        -webkit-animation: bouncedelay 1.4s infinite ease-in-out;
        animation: bouncedelay 1.4s infinite ease-in-out;
        /* Prevent first frame from flickering when animation starts */
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

    .spinner .bounce1 {
        -webkit-animation-delay: -0.32s;
        animation-delay: -0.32s;
    }

    .spinner .bounce2 {
        -webkit-animation-delay: -0.16s;
        animation-delay: -0.16s;
    }

@-webkit-keyframes bouncedelay {
    0%, 80%, 100% {
        -webkit-transform: scale(0);
    }

    40% {
        -webkit-transform: scale(1);
    }
}

@keyframes bouncedelay {
    0%, 80%, 100% {
        transform: scale(0);
        -webkit-transform: scale(0);
    }

    40% {
        transform: scale(1);
        -webkit-transform: scale(1);
    }
}

.page-load-bar {
    height: 0;
    position: relative;
    width: 100%;
    background: transparent;
    margin: 0;
}

.page-loading {
    transition: all 500ms ease;
    height: 5px;
    width: 100%;
    background: #20bc7e;
    position: absolute;
    top: 0;
    display: inline-block;
    animation: load 15s ease infinite;
    z-index: 1110;
}

.page-load {
    font-family: Arial;
    font-weight: bold;
    text-align: center;
    margin-top: -30px;
    display: none;
}

@keyframes load {
    0% {
        width: 2%;
    }

    10% {
        width: 10%;
    }
}

.small-alert-bar {
    display: block;
    padding: 15px 30px;
    font-size: 16px;
    font-size: 1.23077rem;
    line-height: 1.25006;
    color: #fff;
    letter-spacing: .03em;
    text-align: center;
    letter-spacing: 0.08em;
}

.alert-msg-wrap {
    padding: 10px 2.4% 20px 2.4%;
}

.alert-msg {
    position: relative;
    border: 1px solid #eaeaea;
}

.alert-msg__img {
    padding: 0;
    text-align: center;
}

    .alert-msg__img > span {
        display: block;
        height: 162px;
        width: 205px;
    }

        .alert-msg__img > span > img {
            margin-left: 30px;
            margin-right: 30px;
        }

@media screen and (max-width: 768px) {
    .alert-msg__img {
        display: none;
    }
}

.alert-msg__body {
    padding: 20px 2.4%;
    background-color: #f4f4f4;
}

    .alert-msg__body > span {
        display: block;
        max-width: 360px;
    }

.alert-msg__heading {
    margin-bottom: 0;
    color: #1c1d1e;
}

.alert-msg--green > .alert-msg__body {
    background-color: #20bc7e;
}

.alert-msg--green > .alert-msg__img {
    background-color: #1ca66f;
}

.alert-msg--green p,
.alert-msg--green .alert-msg__heading {
    color: #fff;
}

.pagination {
    float: right;
    display: inline-block;
    font-size: 11px;
    margin: 0;
}

@media screen and (max-width: 1024px) {
    .pagination {
        float: none;
        position: relative;
        width: 240px;
        margin-top: 20px;
        margin-left: auto;
        margin-right: auto;
        margin-left: -120px;
        left: 50%;
    }
}

.pagination__item {
    display: inline;
}

    .pagination__item:first-child > a,
    .pagination__item:first-child > button {
        border-left-width: 1px;
        border-top-left-radius: 50px;
        border-bottom-left-radius: 50px;
    }

    .pagination__item:last-child > a,
    .pagination__item:last-child > button {
        border-right-width: 1px;
        border-top-right-radius: 50px;
        border-bottom-right-radius: 50px;
    }

    .pagination__item > a,
    .pagination__item > button {
        position: relative;
        float: left;
        padding: 6px 12px;
        margin-left: -1px;
        color: #979b9e;
        background-color: #fff;
        border-color: #e7e7e8;
        border-style: solid;
        border-top-width: 1px;
        border-bottom-width: 1px;
        border-left-width: 0;
        border-right-width: 0;
    }

        .pagination__item > a:focus, .pagination__item > a:hover,
        .pagination__item > button:focus,
        .pagination__item > button:hover {
            color: #20bc7e;
        }

        .pagination__item > a.active,
        .pagination__item > button.active {
            background-color: #20bc7e;
            border-color: #20bc7e;
            color: #fff;
        }

        .pagination__item > a.disabled,
        .pagination__item > button.disabled {
            cursor: not-allowed;
        }

.filters-accordion {
    width: 100%;
}

.filters-accordion__heading {
    position: relative;
    margin-bottom: -1px;
    padding: 10px 15px;
    font-weight: 600;
    color: #1c1d1e;
    border-width: 1px;
    border-style: solid;
    border-color: #eaeaea;
    cursor: pointer;
}

    .filters-accordion__heading:after {
        content: '';
        position: absolute;
        right: 14px;
        top: 14px;
        display: block;
        width: 12px;
        height: 12px;
        background-image: url(/images/svg/accordion-dl.svg);
        background-repeat: no-repeat;
        opacity: .5;
        transition: all .3s ease-out;
    }

    .filters-accordion__heading:hover:after {
        opacity: 1;
    }
    .filters-accordion__heading > span:after {
        content: 'Select to edit';
        font-size: 10px;
        font-weight: normal;
        margin-left: 6px;
        text-transform: uppercase;
        opacity: .65;
        letter-spacing: .02em;
    }
.is-active.filters-accordion__heading:after {
    background-image: url(/images/svg/accordion-dd.svg);
    opacity: 1;
}

.filters-accordion__body {
    margin-left: 0;
    margin-bottom: -1px;
    border-width: 1px;
    border-style: solid;
    border-color: #eaeaea;
    display: none;
}

.is-expanded.filters-accordion__body {
    display: block;
}

/*
 * Table styles
 */
table.dataTable {
    border-collapse: collapse;
    border-spacing: 0;
    margin-bottom: 0;
    /*
   * Header and footer styles
   */
    /*
   * Body styles
   */
}

    table.dataTable td, table.dataTable th {
        position: relative;
        padding-left: 10px;
        padding-right: 10px;
    }

    table.dataTable td {
        font-size: 14px;
        padding-top: 6px;
        padding-bottom: 5px;
    }

    table.dataTable th {
        text-align: left;
    }

    table.dataTable thead .sorting,
    table.dataTable thead .sorting_asc,
    table.dataTable thead .sorting_desc {
        cursor: pointer;
        *cursor: hand;
    }

    table.dataTable thead .sorting,
    table.dataTable thead .sorting_asc,
    table.dataTable thead .sorting_desc,
    table.dataTable thead .sorting_asc_disabled,
    table.dataTable thead .sorting_desc_disabled {
        background-repeat: no-repeat;
        background-position: right 11px;
    }

    table.dataTable thead .sorting {
        background-image: url(/images/sort_both.png);
    }

    table.dataTable thead .sorting_asc {
        background-image: url(/images/sort_asc.png);
    }

    table.dataTable thead .sorting_desc {
        background-image: url(/images/sort_desc.png);
    }

    table.dataTable thead .sorting_asc_disabled {
        background-image: url(/images/sort_asc_disabled.png);
    }

    table.dataTable thead .sorting_desc_disabled {
        background-image: url(/images/sort_desc_disabled.png);
    }

    table.dataTable tbody tr.selected {
        background-color: #ffd02b;
    }

    table.dataTable.order-column tbody tr > .sorting_1,
    table.dataTable.order-column tbody tr > .sorting_2,
    table.dataTable.order-column tbody tr > .sorting_3, table.dataTable.display tbody tr > .sorting_1,
    table.dataTable.display tbody tr > .sorting_2,
    table.dataTable.display tbody tr > .sorting_3 {
        background-color: #fafafa;
    }

    table.dataTable.order-column tbody tr.selected > .sorting_1,
    table.dataTable.order-column tbody tr.selected > .sorting_2,
    table.dataTable.order-column tbody tr.selected > .sorting_3, table.dataTable.display tbody tr.selected > .sorting_1,
    table.dataTable.display tbody tr.selected > .sorting_2,
    table.dataTable.display tbody tr.selected > .sorting_3 {
        background-color: #facc2a;
    }

    table.dataTable.display tbody tr.odd > .sorting_1, table.dataTable.order-column.stripe tbody tr.odd > .sorting_1 {
        background-color: #f1f1f1;
    }

    table.dataTable.display tbody tr.odd > .sorting_2, table.dataTable.order-column.stripe tbody tr.odd > .sorting_2 {
        background-color: #f3f3f3;
    }

    table.dataTable.display tbody tr.odd > .sorting_3, table.dataTable.order-column.stripe tbody tr.odd > .sorting_3 {
        background-color: whitesmoke;
    }

    table.dataTable.display tbody tr.odd.selected > .sorting_1, table.dataTable.order-column.stripe tbody tr.odd.selected > .sorting_1 {
        background-color: #f1c529;
    }

    table.dataTable.display tbody tr.odd.selected > .sorting_2, table.dataTable.order-column.stripe tbody tr.odd.selected > .sorting_2 {
        background-color: #f3c629;
    }

    table.dataTable.display tbody tr.odd.selected > .sorting_3, table.dataTable.order-column.stripe tbody tr.odd.selected > .sorting_3 {
        background-color: #f5c829;
    }

    table.dataTable.display tbody tr.even > .sorting_1, table.dataTable.order-column.stripe tbody tr.even > .sorting_1 {
        background-color: #fafafa;
    }

    table.dataTable.display tbody tr.even > .sorting_2, table.dataTable.order-column.stripe tbody tr.even > .sorting_2 {
        background-color: #fcfcfc;
    }

    table.dataTable.display tbody tr.even > .sorting_3, table.dataTable.order-column.stripe tbody tr.even > .sorting_3 {
        background-color: #fefefe;
    }

    table.dataTable.display tbody tr.even.selected > .sorting_1, table.dataTable.order-column.stripe tbody tr.even.selected > .sorting_1 {
        background-color: #facc2a;
    }

    table.dataTable.display tbody tr.even.selected > .sorting_2, table.dataTable.order-column.stripe tbody tr.even.selected > .sorting_2 {
        background-color: #fcce2a;
    }

    table.dataTable.display tbody tr.even.selected > .sorting_3, table.dataTable.order-column.stripe tbody tr.even.selected > .sorting_3 {
        background-color: #fecf2b;
    }

    table.dataTable.display tbody tr.odd > td.sorting_1,
    table.dataTable.display tbody tr.odd > td.sorting_2,
    table.dataTable.display tbody tr.odd > td.sorting_3,
    table.dataTable.display tbody tr.even > td.sorting_1,
    table.dataTable.display tbody tr.even > td.sorting_2,
    table.dataTable.display tbody tr.even > td.sorting_3, table.dataTable.order-column.stripe tbody tr.odd > td.sorting_1,
    table.dataTable.order-column.stripe tbody tr.odd > td.sorting_2,
    table.dataTable.order-column.stripe tbody tr.odd > td.sorting_3,
    table.dataTable.order-column.stripe tbody tr.even > td.sorting_1,
    table.dataTable.order-column.stripe tbody tr.even > td.sorting_2,
    table.dataTable.order-column.stripe tbody tr.even > td.sorting_3 {
        color: #3d3f41;
    }

    table.dataTable.display tbody tr:hover > .sorting_1, table.dataTable.order-column.hover tbody tr:hover > .sorting_1 {
        background-color: #eaeaea;
        transition: all .3s ease;
    }

    table.dataTable.display tbody tr:hover > .sorting_2, table.dataTable.order-column.hover tbody tr:hover > .sorting_2 {
        background-color: #ececec;
        transition: all .3s ease;
    }

    table.dataTable.display tbody tr:hover > .sorting_3, table.dataTable.order-column.hover tbody tr:hover > .sorting_3 {
        background-color: #efefef;
        transition: all .3s ease;
    }

    table.dataTable.nowrap th, table.dataTable.nowrap td {
        white-space: nowrap;
    }

    table.dataTable,
    table.dataTable th,
    table.dataTable td {
        -webkit-box-sizing: content-box;
        -moz-box-sizing: content-box;
        box-sizing: content-box;
    }

/*
 * Control feature layout
 */
.dataTables_wrapper {
    padding-top: 20px;
    position: relative;
    clear: both;
    *zoom: 1;
    zoom: 1;
}

    .dataTables_wrapper .dataTables_length {
        box-sizing: border-box;
        float: left;
        width: 180px;
        text-align: center;
        font-size: 11px;
        padding: 10px;
        background-color: #f4f4f4;
        border: 1px solid #eaeaea;
        margin-bottom: 20px;
        margin-left: -1px;
    }

        .dataTables_wrapper .dataTables_length label {
            text-transform: capitalize !important;
            color: #979b9e;
            margin-bottom: 0;
        }

        .dataTables_wrapper .dataTables_length select {
            display: inline;
            max-width: 100px;
            margin-bottom: 0;
            border-color: #eaeaea !important;
        }

    .dataTables_wrapper .dataTables_filter {
        box-sizing: border-box;
        float: left;
        width: 60%;
        max-width: 915px;
        padding: 10px;
        background-color: #f4f4f4;
        border: 1px solid #eaeaea;
        margin-bottom: 20px;
        margin-left: -1px;
    }

        .dataTables_wrapper .dataTables_filter label {
            margin-bottom: 0;
        }

        .dataTables_wrapper .dataTables_filter input {
            box-sizing: border-box;
            border-color: #eaeaea !important;
        }

@media screen and (max-width: 1024px) {
    .dataTables_wrapper .dataTables_filter {
        float: none;
        width: auto;
        display: block;
        margin-left: 20px;
        margin-right: 20px;
    }
}

.dataTables_wrapper .dataTables_info {
    clear: both;
    float: left;
    font-size: 11px;
    font-style: italic;
    padding: 20px 2.4%;
    color: #979b9e;
}

.dataTables_wrapper .dataTables_paginate {
    float: right;
    display: inline-block;
    font-size: 11px;
    margin: 26px 2.4%;
}

@media screen and (max-width: 1024px) {
    .dataTables_wrapper .dataTables_paginate {
        float: none;
        position: relative;
        margin-top: 20px;
    }
}

.dataTables_wrapper .dataTables_paginate > .paginate_button:first-child {
    border-left-width: 1px;
    border-top-left-radius: 50px;
    border-bottom-left-radius: 50px;
}

.dataTables_wrapper .dataTables_paginate > .paginate_button:last-child {
    border-right-width: 1px;
    border-top-right-radius: 50px;
    border-bottom-right-radius: 50px;
}

.dataTables_wrapper .dataTables_paginate .paginate_button {
    display: inline;
    position: relative;
    padding: 6px 12px;
    margin-left: -1px;
    color: #979b9e;
    background-color: #fff;
    border-color: #e7e7e8;
    border-style: solid;
    border-top-width: 1px;
    border-bottom-width: 1px;
    border-left-width: 0;
    border-right-width: 0;
}

    .dataTables_wrapper .dataTables_paginate .paginate_button:focus, .dataTables_wrapper .dataTables_paginate .paginate_button:hover {
        color: #20bc7e;
        background-color: #f4f4f4;
        cursor: pointer;
    }

    .dataTables_wrapper .dataTables_paginate .paginate_button.current, .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover, .dataTables_wrapper .dataTables_paginate .paginate_button.current:focus {
        color: #fff !important;
        background-color: #20bc7e;
        border-color: #20bc7e;
    }

    .dataTables_wrapper .dataTables_paginate .paginate_button.disabled, .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover, .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:focus, .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:active {
        cursor: default;
        color: #999 !important;
        background: transparent;
        box-shadow: none;
    }

    .dataTables_wrapper .dataTables_paginate .paginate_button:active {
        outline: none;
        box-shadow: inset 0 0 3px #111;
    }

.dataTables_wrapper .dataTables_paginate .ellipsis {
    display: inline;
    position: relative;
    padding: 6px 6px;
    margin-left: -1px;
    color: #979b9e;
    background-color: #fff;
    border-color: #e7e7e8;
    border-style: solid;
    border-top-width: 1px;
    border-bottom-width: 1px;
    border-left-width: 0;
    border-right-width: 0;
}

.dataTables_wrapper .dataTables_processing {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100%;
    height: 40px;
    margin-left: -50%;
    margin-top: -25px;
    padding-top: 20px;
    text-align: center;
    font-size: 1.2em;
    background-color: white;
    background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(255, 255, 255, 0)), color-stop(25%, rgba(255, 255, 255, 0.9)), color-stop(75%, rgba(255, 255, 255, 0.9)), color-stop(100%, rgba(255, 255, 255, 0)));
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.9) 25%, rgba(255, 255, 255, 0.9) 75%, rgba(255, 255, 255, 0) 100%);
    /* Chrome10+,Safari5.1+ */
    background: -moz-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.9) 25%, rgba(255, 255, 255, 0.9) 75%, rgba(255, 255, 255, 0) 100%);
    /* FF3.6+ */
    background: -ms-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.9) 25%, rgba(255, 255, 255, 0.9) 75%, rgba(255, 255, 255, 0) 100%);
    /* IE10+ */
    background: -o-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.9) 25%, rgba(255, 255, 255, 0.9) 75%, rgba(255, 255, 255, 0) 100%);
    /* Opera 11.10+ */
    background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.9) 25%, rgba(255, 255, 255, 0.9) 75%, rgba(255, 255, 255, 0) 100%);
    /* W3C */
}

.dataTables_wrapper .dataTables_length,
.dataTables_wrapper .dataTables_filter,
.dataTables_wrapper .dataTables_info,
.dataTables_wrapper .dataTables_processing,
.dataTables_wrapper .dataTables_paginate {
    color: #686b6d;
}

.dataTables_wrapper .dataTables_scroll {
    clear: both;
}

    .dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody {
        *margin-top: -1px;
        -webkit-overflow-scrolling: touch;
    }

        .dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody th > div.dataTables_sizing,
        .dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody td > div.dataTables_sizing {
            height: 0;
            overflow: hidden;
            margin: 0 !important;
            padding: 0 !important;
        }

.dataTables_wrapper.no-footer .dataTables_scrollBody {
    border-bottom: 1px solid #eaeaea;
}

.dataTables_wrapper.no-footer div.dataTables_scrollHead table,
.dataTables_wrapper.no-footer div.dataTables_scrollBody table {
    border-bottom: none;
}

.dataTables_wrapper:after {
    visibility: hidden;
    display: block;
    content: "";
    clear: both;
    height: 0;
}

@media screen and (max-width: 767px) {
    .dataTables_wrapper .dataTables_info,
    .dataTables_wrapper .dataTables_paginate {
        float: none;
        text-align: left;
    }

    .dataTables_wrapper .dataTables_paginate {
        margin-top: 0;
    }
}

.table--catalog thead th {
    border-top: 1px solid #eaeaea;
}

.table--catalog tfoot {
    display: table-header-group;
}

    .table--catalog tfoot th {
        font-weight: 300;
        padding-top: 0;
        padding-left: 1.2%;
    }

    .table--catalog tfoot input {
        box-sizing: border-box;
        padding-top: 0;
        padding-bottom: 0;
        height: 30px;
    }

.section-hdr, .section-hdr--dark {
    margin-bottom: -1px;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: #eaeaea;
}

.section-heading {
    float: left;
    padding: 20px 30px;
    margin-bottom: 0;
    font-size: 16px;
    font-size: 1.23077rem;
    line-height: 20.001px;
    font-weight: 600;
    color: #1c1d1e;
}

    .section-heading > span {
        margin-left: 10px;
        color: #979b9e;
        font-size: 13px;
        font-size: 1rem;
        line-height: 1.53854;
        font-weight: 400;
    }

.section-hdr--bdr {
    border: 1px solid #eaeaea;
    border-top-left-radius: 2px;
    border-top-right-radius: 2px;
}

.section-hdr--dark {
    border-bottom-color: #114771;
}

    .section-hdr--dark > .section-heading {
        white-space: nowrap;
        overflow: hidden;
        color: #fff;
        font-weight: 400;
    }

.btn-toolbar {
    position: relative;
    display: inline-block;
    vertical-align: middle;
}

    .btn-toolbar > .btn,
    .btn-toolbar > button {
        position: relative;
        float: left;
        background-color: transparent;
    }

        .btn-toolbar > .btn:hover, .btn-toolbar > .btn:focus, .btn-toolbar > .btn:active,
        .btn-toolbar > button:hover,
        .btn-toolbar > button:focus,
        .btn-toolbar > button:active {
            z-index: 2;
            background-color: #f4f4f4;
            box-shadow: 0 0 0 transparent;
        }

            .btn-toolbar > .btn:hover i, .btn-toolbar > .btn:focus i, .btn-toolbar > .btn:active i,
            .btn-toolbar > button:hover i,
            .btn-toolbar > button:focus i,
            .btn-toolbar > button:active i {
                opacity: 1;
            }

        .btn-toolbar > .btn:focus,
        .btn-toolbar > button:focus {
            outline: 0;
        }

    .btn-toolbar button + button,
    .btn-toolbar .btn + .btn,
    .btn-toolbar button + .btn-group,
    .btn-toolbar .btn + .btn-group,
    .btn-toolbar .btn-group + button,
    .btn-toolbar .btn-group + .btn,
    .btn-toolbar .btn-group + .btn-group {
        margin-left: -1px;
    }

    .btn-toolbar > .btn:not(:first-child):not(:last-child):not(.dropdown-toggle) {
        border-radius: 0;
    }

    .btn-toolbar > .btn:first-child {
        margin-left: 0;
    }

        .btn-toolbar > .btn:first-child:not(:last-child):not(.dropdown-toggle) {
            border-top-right-radius: 0;
            border-bottom-right-radius: 0;
        }

.contract-info {
    display: table;
    width: 100%;
    padding-bottom: 20px;
    padding-top: 20px;
}

.contract-info__col {
    display: table-cell;
    width: 50%;
    padding: 0 30px;
}

    .contract-info__col:first-child {
        padding-right: 15px;
    }

    .contract-info__col:last-child {
        padding-left: 15px;
    }

.contract-info__heading {
    margin-bottom: 10px;
}

.contract-info__list {
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: #eaeaea;
}

    .contract-info__list dt {
        font-style: italic;
    }

        .contract-info__list dt:after {
            content: ':';
        }

    .contract-info__list dt, .contract-info__list dd {
        padding-top: 10px;
        padding-bottom: 10px;
        border-top-width: 1px;
        border-top-style: solid;
        border-top-color: #eaeaea;
    }

.contract-progress-wrap {
    float: left;
    display: block;
    margin-right: 2.4%;
    width: 100%;
    padding: 60px 30px 20px;
    text-align: center;
}

    .contract-progress-wrap:last-child {
        margin-right: 0;
    }

.contract-progress-bar {
    display: block;
    margin-bottom: 20px;
    width: 100%;
    height: 5px;
    background-color: #e5e6e7;
    border-radius: 5px;
}

.contract-meter {
    position: relative;
    display: block;
    height: 5px;
    background-color: #67a8da;
    border-radius: 5px;
}

.contract-remain {
    position: absolute;
    top: -20px;
    right: 0;
    white-space: nowrap;
    font-size: 10px;
    font-size: 0.76923rem;
    line-height: 10px;
    color: #67a8da;
    text-transform: uppercase;
    letter-spacing: 0.1em;
}

.contract-progress-heading {
    margin-top: -20px;
    margin-bottom: 30px;
    font-size: 10px;
    font-size: 0.76923rem;
    line-height: 10px;
    font-weight: 400;
    color: #979b9e;
    text-transform: uppercase;
    letter-spacing: 0.1em;
    display: none;
}

.table-tools {
    position: relative;
    padding: 0 30px 20px;
}

.table-search {
    position: relative;
    float: left;
    padding-left: 10px;
}

@media screen and (max-width: 1024px) {
    .table-search {
        float: none;
        width: 100%;
        margin-top: 20px;
    }
}

input[type=text].table-search__input {
    border-color: #e7e7e8;
    margin-bottom: 0;
    height: 30px;
    min-width: 300px;
    border-radius: 2px;
}

@media screen and (max-width: 1024px) {
    input[type=text].table-search__input {
        width: 100%;
    }
}

.table-search__btn,
.filter-search__btn {
    position: absolute;
    top: 0;
    right: 0;
    border: 0;
    border-left: 1px solid #e7e7e8;
    background-color: transparent;
    background-repeat: no-repeat;
    background-size: 16px;
    background-position: center;
    height: 30px;
    width: 30px;
    text-indent: 200%;
    white-space: nowrap;
    overflow: hidden;
    opacity: .5;
    transition: all .25s ease-in-out;
}

.filter-search__btn2 {
    position: absolute;
    top: 5px;
    right: 9px;
    border: 0;
    border-left: 1px solid #e7e7e8;
    background-color: transparent;
    background-repeat: no-repeat;
    background-size: 16px;
    background-position: center;
    height: 30px;
    width: 30px;
    overflow: hidden;
    opacity: .5;
    transition: all .25s ease-in-out;
}
    .table-search__btn:focus, .table-search__btn:hover,
    .filter-search__btn:focus,
    .filter-search__btn:hover {
        opacity: 1;
    }

.filter-list {
    float: left;
}

@media screen and (max-width: 1024px) {
    .filter-list {
        float: none;
        margin-left: auto;
        margin-right: auto;
        text-align: center;
    }
}

.filter-list:before {
    content: 'Filter Results:';
    margin-right: 5px;
    font-size: 11px;
    font-size: 0.84615rem;
    line-height: 20px;
    color: #979b9e;
}

.filter-btn {
    position: relative;
    display: inline-block;
    margin-right: 5px;
    margin-bottom: 0;
    font-size: 11px;
    font-size: 0.84615rem;
    line-height: 20px;
    color: #686b6d;
}

.filter__checkbox {
    position: absolute;
    left: 0;
    opacity: 0;
    z-index: -1;
}

.filter__fauxbox {
    display: block;
    padding: 4px 11px;
    border: 1px solid #e7e7e8;
    border-radius: 30px;
    transition: all .25s ease-in-out;
    text-transform: capitalize;
    letter-spacing: 0;
}

    .filter__fauxbox:focus, .filter__fauxbox:hover {
        color: #20bc7e;
    }

.filter__fauxbox--new:before {
    background-color: #20bc7e;
}

.filter__fauxbox--due:before {
    background-color: #f26767;
}

.filter__fauxbox--mod:before {
    background-color: #9e7fb9;
}

.filter__fauxbox--pin:before {
    background-color: #ffd02b;
}

.filter__fauxbox--arc:before {
    background-color: #979b9e;
}

input[type=checkbox]:checked ~ .filter__fauxbox {
    color: #fff;
    border-color: #20bc7e;
    background-color: #20bc7e;
}

input[type=checkbox]:checked ~ .filter__fauxbox--new:before {
    background-color: #fff;
}

.days--alert:before,
.filter__fauxbox:before {
    content: '';
    position: relative;
    top: 0;
    display: inline-block;
    margin-right: 5px;
    height: 8px;
    width: 8px;
    border-radius: 50%;
}

.table-legend__toolbar {
    position: absolute;
    bottom: 10px;
    left: 20px;
    float: left;
    background-color: white;
    z-index: 1000;
    display: none;
}

    .table-legend__toolbar .icon {
        opacity: 0.75;
    }

    .table-legend__toolbar.is-available {
        display: block;
    }

    .table-legend__toolbar .icon--archive {
        background-size: 24px;
    }

.compliance-reports {
    display: table;
    width: 100%;
    table-layout: fixed;
    margin-right: 0;
    border-top: 1px solid #e7e7e8;
}

.compliance-reports__col {
    display: table-cell;
    width: 50%;
    padding: 20px 30px 30px;
}

    .compliance-reports__col:first-child {
        border-right: 1px solid #e7e7e8;
    }

.compliance-reports__heading,
.services-box__heading {
    font-size: 17px;
    font-size: 1.30769rem;
    line-height: 20px;
    font-weight: 600;
    color: #292b2c;
    margin-bottom: 2px;
    margin-top: 8px;
}

.compliance-reports__date {
    display: block;
    color: #979b9e;
}

.ag-dl-btn {
    margin-right: 10px;
}

.ag-request-btn {
    color: #1ca66f;
    background-color: #f4f4f4;
    border-color: #f4f4f4;
}

    .ag-request-btn:hover, .ag-request-btn:focus {
        background-color: #1ca66f;
        border-color: #1ca66f;
        color: #fff;
    }

.ag-request-btn--late {
    color: #fff;
    background-color: #e91414;
    border-color: #e91414;
}

    .ag-request-btn--late:hover, .ag-request-btn--late:focus {
        background-color: #ef4141;
        border-color: #f04b4b;
    }

.ag-request-msg {
    margin-top: 20px;
    margin-bottom: 0;
    border: 1px solid #eaeaea;
    padding: 10px;
}

    .ag-request-msg > i {
        color: #e91414;
        font-style: normal;
    }

.heading-sidebar + .contact-cards-wrap {
    margin-top: -6px;
}

.contact-card {
    position: relative;
    padding: 10px 0;
    border-color: #d0d2d3;
    border-style: solid;
    border-top-width: 1px;
    border-right-width: 0;
    border-bottom-width: 1px;
    border-left-width: 0;
    background-color: transparent;
    transition: background-color .4s;
}

    .contact-card:not(:first-child) {
        margin-top: -1px;
    }

    .contact-card:focus, .contact-card:hover {
        background-color: #fff;
        cursor: context-menu;
    }

        .contact-card:focus .contact-card__hover, .contact-card:hover .contact-card__hover {
            height: 200%;
            max-height: 200%;
            opacity: 1;
            box-shadow: 0px 0px 0px 10px white;
            transition: opacity .1s, box-shadow .2s, max-height .3s;
            z-index: 999;
        }

        .contact-card:focus .contact-card__info, .contact-card:hover .contact-card__info {
            max-height: 100%;
            opacity: 1;
        }

        .contact-card:focus .contact-card__item,
        .contact-card:focus .contact-card__item--phone,
        .contact-card:focus .contact-card__item--email, .contact-card:hover .contact-card__item,
        .contact-card:hover .contact-card__item--phone,
        .contact-card:hover .contact-card__item--email {
            opacity: 1;
        }

.contact-card__img, .account-card__img {
    position: relative;
}

    .contact-card__img > img, .account-card__img > img {
        height: 60px;
        width: 60px;
    }

.contact-card__name, .account-card__name {
    margin-bottom: 0;
    line-height: 16.001px;
    font-weight: 700;
    color: #292b2c;
}

.contact-card__hover {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    max-height: 100%;
    opacity: 0;
    transition: opacity .4s, box-shadow .3s, max-height .3s;
}

.contact-card__info {
    position: absolute;
    top: 50%;
    left: 0px;
    height: 50%;
    max-height: 0;
    width: 100%;
    background-color: #fff;
    opacity: 0;
    z-index: 1001;
}

.contact-card__item,
.contact-card__item--phone,
.contact-card__item--email {
    width: 100%;
    padding: 10px;
    border-bottom: 1px solid #fff;
    white-space: nowrap;
    background-color: #f4f4f4;
    opacity: 0;
    transition: opacity .2s, max-height 0 .2s;
}

    .contact-card__item:after,
    .contact-card__item--phone:after,
    .contact-card__item--email:after {
        margin-left: 8px;
        font-size: 10px;
        font-size: 0.76923rem;
        text-transform: uppercase;
        color: #979b9e;
    }

    .contact-card__item:last-child,
    .contact-card__item--phone:last-child,
    .contact-card__item--email:last-child {
        border-bottom-width: 0;
    }

    .contact-card__item--phone:after {
        content: ' office';
    }

.slide-out-header {
    position: relative;
    background-color: #0b2e49;
    overflow: auto;
}

.slide-out-heading {
    padding: 20px 30px;
    font-weight: 300;
    margin-top: 5px;
    margin-bottom: 0;
    color: #fff;
    letter-spacing: .041em;
}

.small-message-bar, footer {
    display: block;
    padding-right: 30px;
    padding-left: 30px;
    font-size: 13px;
    font-size: 1rem;
    line-height: 50px;
    color: #fff;
    letter-spacing: .03em;
}

.detail-heading {
    font-size: 16px;
    font-size: 1.23077rem;
    line-height: 30px;
    font-weight: 600;
    color: #292b2c;
    margin-bottom: 20px;
    margin-top: 0;
}

.detail-progress {
    background-color: #0b2e49;
    padding: 40px 30px 45px;
}

.detail-prog__start, .detail-prog__end {
    position: absolute;
    bottom: -7px;
    display: inline-block;
    height: 15px;
    width: 15px;
    border-radius: 50%;
    border: 5px solid #0b2e49;
}

    .detail-prog__start:before, .detail-prog__end:before {
        position: absolute;
        top: -25px;
        font-size: 10px;
        font-size: 0.76923rem;
        line-height: 2.0001;
        letter-spacing: 0.1em;
        color: #fff;
        white-space: nowrap;
        text-transform: uppercase;
    }

.detail-prog__start {
    left: -5px;
    background-color: #20bc7e;
    z-index: 2;
}

    .detail-prog__start:before {
        content: attr(data-proj-start);
        left: 0;
    }

.detail-prog__end {
    right: -5px;
    background-color: #e91414;
}

    .detail-prog__end:before {
        content: attr(data-proj-end);
        right: 0;
    }

.detail-prog__bar {
    position: relative;
    display: inline-block;
    float: left;
    background-color: #114771;
    width: 100%;
    height: 1px;
}

.detail-prog__meter {
    position: relative;
    display: block;
    height: 1px;
    background-color: #20bc7e;
}

    .detail-prog__meter:after {
        position: absolute;
        top: -7px;
        right: -7px;
        content: '';
        display: inline-block;
        height: 15px;
        width: 15px;
        border-radius: 50%;
        background-color: #20bc7e;
        border: 5px solid #0b2e49;
    }

.notify {
    position: relative;
    min-height: 120px;
    margin-top: -1px;
    border-top-width: 1px;
    border-top-style: solid;
    border-top-color: #dadada;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: #dadada;
}

    .notify:first-child {
        border-top-color: transparent;
    }

    .notify:focus, .notify:hover {
        position: relative;
        background-color: #f9f9f9;
    }

.notify__img {
    padding: 30px 0 0 30px;
    margin-right: 0;
}

.notify__body {
    padding: 30px 20px;
}

.notify__title {
    font-size: 17px;
    font-size: 1.30769rem;
    line-height: 20px;
    color: #1c1d1e;
    font-weight: 600;
    margin-bottom: 2px;
    margin-top: -2px;
}

.notify__contract {
    font-size: 11px;
    font-size: 0.84615rem;
    line-height: 10px;
    padding-left: 30px;
    padding-right: 30px;
    background-color: #e5e6e7;
    max-height: 0;
    overflow: hidden;
    transition: all .3s ease-out;
}

    .notify__contract > i {
        padding-right: 20px;
        font-style: normal;
    }

    .notify__contract > b {
        font-weight: normal;
        white-space: nowrap;
    }

.notify__close {
    position: absolute;
    top: 10px;
    right: 10px;
    height: 10px;
    width: 10px;
    opacity: 0.3;
    background-image: url(/images/svg/close-gray.svg);
    background-size: 10px;
    background-position: center;
    background-repeat: no-repeat;
}

    .notify__close:focus, .notify__close:hover {
        opacity: 1;
    }

.dash-notify .notify {
    border-top-color: #eaeaea;
    border-bottom-color: #eaeaea;
    min-height: 80px;
}

    .dash-notify .notify .notify__img {
        padding-top: 15px;
    }

    .dash-notify .notify .notify__body {
        padding-top: 25px;
        padding-bottom: 20px;
    }

.notify:focus, .notify:hover {
    cursor: pointer;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
}

    .notify:focus .notify__contract, .notify:hover .notify__contract {
        max-height: 200px;
        padding-top: 13px;
        padding-bottom: 12px;
    }

    .notify:focus .notify-icon, .notify:hover .notify-icon {
        background-color: #ba9e76;
        background-image: url(/images/svg/arrow-fwd-white.svg);
        background-size: 20px;
    }

.notify-icon {
    position: relative;
    display: block;
    height: 60px;
    width: 60px;
    border-radius: 50%;
    background-color: #fff;
    background-position: center;
    background-repeat: no-repeat;
    background-size: 36px;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
    transition: all .3s ease-out;
}

.notify-icon--sent {
    background-image: url(/images/svg/notify-sent.svg);
    stroke: red;
}

.notify-icon--missing {
    background-image: url(/images/svg/notify-missing.svg);
}

.notify-icon--added {
    background-image: url(/images/svg/notify-added.svg);
}

.dash-wrap {
    margin-top: 20px;
    padding: 20px 3.2%;
}

.dash-row {
    display: block;
}

    .dash-row:after {
        content: "";
        display: table;
        clear: both;
    }

    .dash-row:first-child {
        margin-top: 20px;
    }

.dash-audit,
.dash-sales {
    float: left;
    display: block;
    margin-right: 2.4%;
    width: 48.8%;
}

    .dash-audit:last-child,
    .dash-sales:last-child {
        margin-right: 0;
    }

@media screen and (max-width: 1024px) {
    .dash-audit,
    .dash-sales {
        float: left;
        display: block;
        margin-right: 2.4%;
        width: 100%;
    }

        .dash-audit:last-child,
        .dash-sales:last-child {
            margin-right: 0;
        }
}

.dash-column-1,
.gsa-sales-dash {
    float: left;
    display: block;
    margin-right: 2.4%;
    width: 48.8%;
}

    .dash-column-1:last-child,
    .gsa-sales-dash:last-child {
        margin-right: 0;
    }

@media screen and (max-width: 1024px) {
    .dash-column-1,
    .gsa-sales-dash {
        float: left;
        display: block;
        margin-right: 2.4%;
        width: 100%;
    }

        .dash-column-1:last-child,
        .gsa-sales-dash:last-child {
            margin-right: 0;
        }
}

.bus-opp-dash,
.gsa-sales-dash {
    border: 1px solid #eaeaea;
    border-radius: 2px;
}

.bus-opps-wrap {
    background-color: #fff;
    margin-top: 1px;
}

.bus-opps {
    display: table;
    width: 100%;
    table-layout: fixed;
    border-radius: 2px;
}

.bus-opps__item {
    position: relative;
    padding: 20px;
    display: table-cell;
    border-right: 1px solid #eaeaea;
    text-align: center;
}

    .bus-opps__item:last-child {
        border-right: 0;
    }

    .bus-opps__item:focus, .bus-opps__item:hover {
        background-color: #20bc7e;
        transition: all .3s ease-out;
    }

        .bus-opps__item:focus .opp-matches--total,
        .bus-opps__item:focus .opp-matches--title,
        .bus-opps__item:focus .opp-matches--new, .bus-opps__item:hover .opp-matches--total,
        .bus-opps__item:hover .opp-matches--title,
        .bus-opps__item:hover .opp-matches--new {
            color: #1c1d1e;
            transition: all .3s ease-out;
        }

    .bus-opps__item .opp-matches--total {
        font-size: 32px;
        font-size: 2.46154rem;
        line-height: 1.25006;
        font-weight: 700;
        color: #292b2c;
        text-align: center;
    }

    .bus-opps__item .opp-matches--title {
        font-size: 13px;
        font-size: 1rem;
        line-height: 15px;
        color: #292b2c;
    }

    .bus-opps__item .opp-matches--new {
        line-height: 15px;
        color: #67a8da;
    }

.audit-health {
    position: relative;
    vertical-align: top;
    margin-bottom: 20px;
}

.audit-health__wrap {
    padding: 30px 20px;
    color: #292b2c;
    border-radius: 4px;
    border-color: #eaeaea;
    border-width: 1px;
    border-style: solid;
}

.audit-health__state {
    margin-bottom: 0;
    padding-left: 50px;
    font-size: 16px;
    font-size: 1.23077rem;
    line-height: 20px;
    font-weight: 400;
}

    .audit-health__state > i {
        font-size: 11px;
        font-size: 0.84615rem;
        line-height: 20px;
        font-style: normal;
        letter-spacing: .05em;
        text-transform: uppercase;
        white-space: no-wrap;
    }

    .audit-health__state:before {
        content: '';
        display: block;
        position: absolute;
        left: 15px;
        top: 50%;
        margin-top: -20px;
        height: 40px;
        width: 40px;
        border-radius: 50%;
    }

.sh-pass {
    margin-right: 8px;
    padding: 2px 10px;
    float: right;
    text-align: center;
    min-width: 50px;
    font-size: 11px;
    background-color: #e5e6e7;
    border-radius: 2px;
}

    .sh-pass:hover, .sh-pass:focus {
        background-color: #20bc7e;
        color: #fff;
    }

.sh-bullets {
    position: relative;
    top: 2px;
    font-size: 13px;
}

.password-prompt {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 400px;
    height: 210px;
    margin-top: -105px;
    margin-left: -200px;
    padding: 30px;
    background-color: #fff;
    border-radius: 2px;
    box-shadow: 0 2px 7px rgba(0, 0, 0, 0.4);
    text-align: center;
    z-index: 1050;
    display: none;
}

    .password-prompt form {
        position: relative;
    }

    .password-prompt .label {
        margin-top: -1px;
    }

        .password-prompt .label:first-child {
            margin-top: 0;
        }

    .password-prompt small.error {
        margin-top: -20px;
        margin-bottom: 5px;
    }

.opp-wrap {
    background-color: white;
    display: block;
    margin-bottom: 20px;
}

.opps-sol-num {
    display: block;
    font-size: 11px;
    font-size: 0.84615rem;
    line-height: 20.001px;
    color: #979b9e;
}

.days--alert {
    position: relative;
    color: #f26767;
}

    .days--alert:before {
        position: absolute;
        left: -13px;
        top: 5px;
        background-color: #f26767;
    }

.opp-tabs {
    margin-bottom: 20px;
    text-align: left;
    border-collapse: collapse;
}

.opp-tabs__item {
    background-color: #dddfdf;
}

    .opp-tabs__item:last-child > a {
        border-right: 0;
    }

    .opp-tabs__item > a {
        display: block;
        padding: 30px 30px 20px;
        color: #898e91;
        transition: all .3s ease-out;
        border-right: 1px solid #e5e6e7;
    }

        .opp-tabs__item > a:focus, .opp-tabs__item > a:hover {
            color: #484b4d;
        }

.opp-matches--total,
.opp-matches--title,
.opp-matches--new {
    display: block;
}

.opp-matches--total {
    font-size: 40px;
    font-size: 3.07692rem;
    line-height: 40px;
    font-weight: 700;
}

.opp-matches--title {
    font-size: 16px;
    font-size: 1.23077rem;
    line-height: 1.25006;
}

.opp-matches--new {
    font-size: 11px;
    font-size: 0.84615rem;
    line-height: 1.81827;
    position: relative;
}

.opp-tabs__item.is-active {
    background-color: #fff;
}

    .opp-tabs__item.is-active .opp-matches--total {
        color: #292b2c;
    }

    .opp-tabs__item.is-active .opp-matches--title {
        color: #292b2c;
    }

    .opp-tabs__item.is-active .opp-matches--new {
        color: #979b9e;
    }

.opp-panel {
    background-color: #fff;
    display: none;
    opacity: 0;
    transition: opacity .15s linear;
}

    .opp-panel.is-active {
        display: block;
        opacity: 1;
        transition: opacity .15s linear;
    }

.opps-sol-num {
    display: block;
    font-size: 11px;
    font-size: 0.84615rem;
    line-height: 20.001px;
    color: #979b9e;
}

.catalog-wrap {
    padding-top: 20px;
    border-left: 20px solid #e5e6e7;
    border-right: 20px solid #e5e6e7;
}

.toggle-vis {
    cursor: pointer;
}

.table--catalog th {
    position: relative;
    background-color: #fff;
    border-top: 1px solid #eaeaea;
}

table.dataTable {
    border-top: 0;
}

.ColVis {
    float: left;
    margin-bottom: 20px;
    padding: 10px;
    background-color: #f4f4f4;
    border: 1px solid #eaeaea;
    margin-bottom: 20px;
    margin-left: 1.2%;
    width: 180px;
}

#table-catalog_wrapper .clear {
    position: absolute;
    top: 0;
}

.ColVis_Button > span {
    display: inline-block;
    font-style: italic;
    font-size: 11px;
    color: #979b9e;
    border-bottom: 2px solid #46e0a3;
    cursor: pointer;
}

.ColVis_collection {
    background-color: #fff;
    border: 1px solid #eaeaea;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.35);
    min-width: 300px;
    z-index: 1011;
}

    .ColVis_collection > li > label,
    .ColVis_collection .ColVis_Restore,
    .ColVis_collection .ColVis_ShowAll {
        padding: 11px 15px;
        margin: 0;
        border-bottom: 1px solid #eaeaea;
    }

        .ColVis_collection > li > label > input,
        .ColVis_collection .ColVis_Restore > input,
        .ColVis_collection .ColVis_ShowAll > input {
            position: relative;
            top: -1px;
            margin-right: 5px;
            vertical-align: bottom;
        }

        .ColVis_collection > li > label:focus, .ColVis_collection > li > label:hover,
        .ColVis_collection .ColVis_Restore:focus,
        .ColVis_collection .ColVis_Restore:hover,
        .ColVis_collection .ColVis_ShowAll:focus,
        .ColVis_collection .ColVis_ShowAll:hover {
            color: #20bc7e;
            background-color: #f4f4f4;
        }

.ColVis_Restore,
.ColVis_ShowAll {
    text-transform: uppercase;
    font-size: 11px;
}

.ColVis_collectionBackground {
    position: fixed;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background-color: black;
    z-index: 1010;
}

.view-opp-wrap {
    background-color: #fff;
}

.view-opp-body {
    display: table;
    width: 100%;
}

.view-opp-main {
    display: table-cell;
    vertical-align: top;
    padding: 30px;
}

.view-opp-text-wrap {
    max-width: 660px;
    margin-left: auto;
    margin-right: auto;
}

.view-opp-info {
    display: table-cell;
    width: 37.5%;
    padding: 30px;
    vertical-align: top;
    background-color: #e5e6e7;
}

.view-opp-main__title {
    font-size: 52px;
    font-size: 4rem;
    line-height: 60px;
    margin-top: 47px;
    margin-bottom: 32px;
    color: #1c1d1e;
    font-weight: 400;
}

.view-opp-main__sub {
    font-size: 16px;
    font-size: 1.23077rem;
    line-height: 30px;
    color: #1c1d1e;
    margin-bottom: -3px;
    font-weight: 600;
}

.view-opp-tools i {
    opacity: 1;
}

.your-bid-strength {
    padding: 30px;
    border-radius: 2px;
}

.bid__title {
    position: relative;
    font-size: 25px;
    font-size: 1.92308rem;
    line-height: 25px;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 60px;
    margin-top: 0;
    margin-bottom: 25px;
    color: #1c1d1e;
    font-weight: 600;
    letter-spacing: -0.02em;
}

    .bid__title:before {
        height: 50px;
        width: 50px;
        display: inline-block;
        border-radius: 50%;
        background-color: #20bc7e;
        content: "";
        position: absolute;
        top: 0;
        left: -5px;
        margin-top: -3px;
        background-size: 22px;
        background-position: center 16px;
        background-repeat: no-repeat;
    }

.bid-icon--great:before {
    background-color: #67a8da;
    background-image: url(/images/svg/thumbs-up-white.svg);
    background-position: center 12px;
}

.bid-icon--good:before {
    background-color: #20bc7e;
    background-image: url(/images/svg/thumbs-up-white.svg);
    background-position: center 12px;
}

.bid-icon--ok:before {
    background-color: #979b9e;
    background-image: url(/images/svg/thumbs-up-white.svg);
}

.bid-icon--marginal:before {
    background-color: #ffd02b;
    background-image: url(/images/svg/thumbs-down-white.svg);
}

.bid-icon--caution:before {
    background-color: #e91414;
    background-image: url(/images/svg/thumbs-down-white.svg);
}

.bid__sub {
    font-size: 16px;
    font-size: 1.23077rem;
    line-height: 20.001px;
    margin-top: 6px;
    margin-bottom: 1px;
    color: #1c1d1e;
    font-weight: 600;
}

.bid__ques {
    display: block;
    border-top-width: 1px;
    border-top-style: solid;
    border-top-color: #eaeaea;
    margin-bottom: -6px;
    padding-top: 15px;
    padding-bottom: 0;
}

.days-info {
    display: table;
    width: 100%;
}

.days-left__num, .view-days--start, .view-days--end {
    position: relative;
    display: block;
    padding: 0 20px;
    border-radius: 2px;
}

    .days-left__num:before, .view-days--start:before, .view-days--end:before {
        position: absolute;
        font-size: 10px;
        font-size: 0.76923rem;
        line-height: 15px;
        text-transform: uppercase;
        color: #979b9e;
        letter-spacing: 0.06em;
        font-weight: 400;
    }

    .days-left__num > i, .view-days--start > i, .view-days--end > i {
        display: inline-block;
        height: 1px;
        width: 1px;
        text-indent: 100%;
        white-space: nowrap;
        overflow: hidden;
        display: none;
    }

.days-left-wrap {
    display: table-cell;
    width: 50%;
    text-align: center;
    vertical-align: middle;
    border-right: 1px solid #e5e6e7;
}

.days-left__num {
    font-size: 45px;
    font-size: 3.46154rem;
    line-height: 15px;
    margin: -15px auto 0;
    font-weight: 600;
    color: #1c1d1e;
}

    .days-left__num:before {
        content: 'Bid Days left';
        bottom: -28px;
        left: 0;
        right: 0;
    }

.days-posted-wrap {
    display: table-cell;
    width: 50%;
    vertical-align: middle;
}

.view-days--start {
    height: 40px;
    line-height: 40px;
    border-bottom: 1px solid #e5e6e7;
    margin-top: 10px;
}

    .view-days--start:before {
        content: 'Posted';
        left: 20px;
    }

.view-days--end {
    height: 40px;
    line-height: 40px;
    margin-top: 10px;
}

    .view-days--end:before {
        content: 'Ends on';
        left: 20px;
    }

.filter-search-wrap {
    padding: 10px 2.4% 20px 2.4%;
}

.filter-search-box {
    position: relative;
    width: 100%;
    padding: 10px;
    background-color: #f4f4f4;
    border-top-width: 1px;
    border-bottom-width: 1px;
    border-left-width: 1px;
    border-right-width: 1px;
    border-color: #eaeaea;
    border-style: solid;
}

.filter-search--lrg {
    position: relative;
    margin-bottom: 0;
    width: 70%;
    float: left;
}

@media screen and (max-width: 1024px) {
    .filter-search--lrg {
        width: 100%;
    }
}

.filter-search {
    position: relative;
    margin-bottom: 0;
}

.filter-search__input {
    border-color: #eaeaea !important;
}

.filter-search__btn {
    height: 40px;
    width: 40px;
}

.filter-profile__update {
    overflow: hidden;
    width: 100%;
    padding: 15px 0 5px;
    font-size: 11px;
    color: #979b9e;
}

.filter-profile__link {
    background-color: #20bc7e;
    padding: 4px 10px;
    border-radius: 15px;
    color: #fff;
    letter-spacing: .025em;
    vertical-align: middle;
}

    .filter-profile__link:focus, .filter-profile__link:hover {
        background-color: #FFF;
    }

.filter-profile-select {
    position: relative;
    background-color: #fff;
    padding: 10px;
    height: 40px;
    border: 1px solid #eaeaea;
    width: 29%;
    margin-right: 1%;
    margin-bottom: 0;
    float: left;
}

@media screen and (max-width: 1024px) {
    .filter-profile-select {
        width: 100%;
        margin-right: 0;
        margin-bottom: 10px;
    }
}

.filter-profile-select__trigger {
    position: relative;
    display: block;
    color: #979b9e;
}

    .filter-profile-select__trigger:after {
        position: absolute;
        right: 0;
        top: 8px;
        content: '';
        display: block;
        height: 40px;
        width: 40px;
        height: 0;
        width: 0;
        border-left: 6px solid transparent;
        border-right: 6px solid transparent;
        border-top: 6px solid #292b2c;
    }

.filter-profile-select__options {
    position: absolute;
    top: -36px;
    left: 0;
    width: 100%;
    height: auto;
    max-height: 600px;
    border: 1px solid #eaeaea;
    box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12), 0 2px 4px -1px rgba(0, 0, 0, 0.2);
    opacity: 1;
    z-index: 1000;
}

    .filter-profile-select__options.is-hidden {
        position: absolute;
        width: 1px;
        height: 1px;
        padding: 0;
        margin: -1px;
        overflow: hidden;
        clip: rect(0, 0, 0, 0);
        border: 0;
        max-height: 0;
        width: 100%;
        top: -36px;
        opacity: 0;
    }

.filter-profile-select__list > li {
    border-top: 1px solid #eaeaea;
    margin-top: -1px;
    padding: 12px;
    background-color: #fff;
}

    .filter-profile-select__list > li:first-child {
        background-color: #f4f4f4;
    }

    .filter-profile-select__list > li:hover {
        background-color: #f4f4f4;
    }

    .filter-profile-select__list > li > label {
        margin-bottom: 0;
    }

.profile-select {
    position: relative;
    background-color: #f4f4f4;
}

.profile-select__btn {
    position: absolute;
    right: 5px;
    top: 5px;
    line-height: 30px;
    padding-top: 0;
    padding-bottom: 0;
    font-weight: normal;
    z-index: 1008;
    padding-right: 35px;
}

    .profile-select__btn:after {
        content: '';
        position: absolute;
        right: 0;
        top: 0;
        line-height: 1;
        display: inline-block;
        background-repeat: no-repeat;
        background-size: 28px;
        background-position: center;
        height: 30px;
        width: 30px;
    }

.profile-select__body {
    padding: 5px;
}

.faq-list {
    margin-bottom: 0;
}

.faq-list__ques, .faq-list__answer {
    position: relative;
    margin-top: 0;
}

    .faq-list__ques:before, .faq-list__answer:before {
        content: '';
        position: absolute;
        top: 15px;
        left: 30px;
        display: inline-block;
        height: 50px;
        width: 50px;
        font-size: 25px;
        font-size: 1.92308rem;
        line-height: 46px;
        color: #979b9e;
        border-width: 2px;
        border-color: #fff;
        border-style: solid;
        border-radius: 50%;
        text-align: center;
        transition: all .3s ease-out;
    }

    .faq-list__ques:hover, .faq-list__answer:hover, .faq-list__ques:focus, .faq-list__answer:focus {
        cursor: pointer;
    }

        .faq-list__ques:hover:before, .faq-list__answer:hover:before, .faq-list__ques:focus:before, .faq-list__answer:focus:before {
            border-color: #20bc7e;
            color: #20bc7e;
        }

@media screen and (max-width: 1024px) {
    .faq-list__ques:before, .faq-list__answer:before {
        display: none;
    }
}

.faq-search {
    background-color: #f4f4f4;
    border-top: 1px solid #eaeaea;
    border-bottom: 1px solid #eaeaea;
    padding-bottom: 20px;
    padding-top: 20px;
}

    .faq-search > .table-search {
        padding-left: 0;
        width: 100%;
    }

.faq-search__collapse {
    overflow: hidden;
    width: 100%;
    height: 30px;
    background-color: #f4f4f4;
    border-bottom: 1px solid #eaeaea;
    text-align: center;
    margin-top: -1px;
}

    .faq-search__collapse a {
        display: block;
        width: 100%;
        height: 100%;
        line-height: 20px;
        font-style: italic;
    }

.faq-nav > .pagination {
    float: left;
}

.faq-nav:first-child {
    border-bottom: 1px solid #eaeaea;
}

.faq-nav__display {
    float: right;
    padding: 5px 0 5px;
    font-size: 11px;
    color: #979b9e;
}

@media screen and (max-width: 1024px) {
    .faq-nav__display {
        display: block;
        width: 100%;
        text-align: center;
    }
}

.faq-search-msg {
    float: left;
    width: 100%;
    margin-top: 20px;
    text-align: center;
}

    .faq-search-msg > p {
        margin-bottom: 0;
        color: #e91414;
    }

.faq-list__ques {
    position: relative;
    font-size: 13px;
    font-size: 1rem;
    line-height: 20px;
    min-height: 80px;
    padding-top: 20px;
    padding-right: 20px;
    padding-bottom: 20px;
    padding-left: 100px;
    border-top-width: 1px;
    border-top-style: solid;
    border-top-color: #eaeaea;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: #eaeaea;
    transition: all .3s ease-out;
}

    .faq-list__ques:before {
        content: 'Q';
        color: #d0d2d3;
        border-color: #e5e6e7;
        transition: all .3s ease-in;
    }

@media screen and (max-width: 1024px) {
    .faq-list__ques {
        padding-left: 30px;
    }
}

.faq-list__answer {
    font-size: 13px;
    font-size: 1rem;
    line-height: 20px;
    margin-left: 0;
    margin-top: -1px;
    padding-right: 20px;
    padding-left: 100px;
    background-color: #fff;
    border-bottom-color: #fff;
    border-bottom-width: 0;
    max-height: 0;
    clip: rect(0, 0, 0, 0);
    overflow: hidden;
    transition: all .3s;
}

    .faq-list__answer:before {
        content: 'A';
        color: white;
        border-color: #20bc7e;
        background-color: #20bc7e;
    }

    .faq-list__answer:hover:before, .faq-list__answer:focus:before {
        color: white;
    }

@media screen and (max-width: 1024px) {
    .faq-list__answer {
        padding-left: 30px;
    }
}

.faq-list__ques.is-open {
    color: #979b9e;
    background-color: #1c1d1e;
}

    .faq-list__ques.is-open:before {
        border-color: #484b4d;
        color: #484b4d;
    }

    .faq-list__ques.is-open + .faq-list__answer {
        min-height: 80px;
        max-height: 600px;
        clip: rect(auto, auto, auto, auto);
        color: #e5e6e7;
        padding-top: 20px;
        padding-bottom: 20px;
        background-color: #1c1d1e;
    }

.contact-form-wrap {
    padding-bottom: 30px;
    margin-top: 20px;
}

.masthead {
    padding-top: 1px;
    background-color: #0b2e49;
}

@media screen and (max-width: 1024px) {
    .masthead {
        text-align: center;
    }
}

.masthead__title {
    padding-top: 23px;
    padding-bottom: 27px;
    padding-left: 30px;
    margin-top: 0;
    margin-bottom: 0;
    font-weight: 300;
    letter-spacing: .041em;
    color: #fff;
}

@media screen and (max-width: 1024px) {
    .masthead__title {
        padding-left: 0;
        font-size: 25px;
        font-size: 1.92308rem;
        line-height: 1.60008;
        padding-bottom: 17px;
    }
}

@media screen and (min-width: 1024px) {
    .show-only-small {
        display: none;
    }
}

.page-hdr {
    position: relative;
    background-color: #fff;
    box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.15);
}

@media screen and (max-width: 1024px) {
    .page-hdr {
        display: none;
    }
}

.page-hdr__nav {
    padding: 0 2.4%;
    font-size: 16px;
    font-size: 1.23077rem;
    line-height: 20px;
    font-weight: 300;
}

.page-hdr__item {
    position: relative;
}

    .page-hdr__item > a {
        display: block;
        padding: 20px 30px 20px 0;
        color: #686b6d;
    }

        .page-hdr__item > a:focus, .page-hdr__item > a:hover {
            color: #20bc7e;
            transition: all .3s ease-out;
        }

        .page-hdr__item > a.is-active {
            color: #20bc7e;
        }

.hdr-is-fixed {
    padding-top: 60px;
}

    .hdr-is-fixed > .page-hdr {
        position: fixed;
        top: 0;
        right: 0;
        left: 0;
        z-index: 1000;
    }

.app-hdr {
    height: 60px;
    background-color: #0b2e49;
    width: 100%;
}

@media screen and (max-width: 1024px) {
    .app-hdr {
        text-align: center;
    }
}

.app-hdr__brand {
    position: relative;
    display: inline-block;
    padding: 17px 1.2% 9px 2.4%;
}

    .app-hdr__brand > img {
        height: 28px;
    }

@media screen and (max-width: 1024px) {
    .app-hdr__brand {
        padding-left: 0;
    }

        .app-hdr__brand > img {
            margin-left: auto;
            margin-right: auto;
        }
}

@media screen and (min-width: 1024px) {
    .app-hdr__brand {
        float: left;
    }
}

.app-nav__toggle {
    display: none;
}

@media screen and (max-width: 1024px) {
    .app-nav__toggle {
        display: block;
        position: absolute;
        top: 0;
        left: 20px;
        z-index: 1000;
        height: 30px;
        width: 30px;
        margin-top: 15px;
        padding: 0 0 0 5px;
        border: 0;
        background-color: transparent;
        cursor: pointer;
        user-select: none;
        outline: 0;
    }

        .app-nav__toggle:active {
            outline: 0;
        }
}

.app-nav__toggle-bar, .app-nav__toggle-bar:before, .app-nav__toggle-bar:after {
    display: block;
    width: 20px;
    height: 3px;
    background-color: #fff;
}

.app-nav__toggle-bar {
    position: relative;
}

    .app-nav__toggle-bar:before, .app-nav__toggle-bar:after {
        position: absolute;
        left: 0;
        content: '';
        transform-origin: 0 center;
    }

    .app-nav__toggle-bar:before {
        top: 6px;
    }

    .app-nav__toggle-bar:after {
        top: -6px;
    }

@media screen and (min-width: 1024px) {
    .app-hdr__nav {
        position: relative;
        display: block;
        float: left;
        height: 60px;
    }
}

.app-hdr__item > a {
    color: #8597a4;
    transition: all .25s ease-in;
    cursor: pointer;
}

.app-hdr__item > .is-active {
    color: #fff;
    opacity: 1;
}

@media screen and (min-width: 1024px) {
    .app-hdr__item {
        float: left;
        display: block;
        font-size: 16px;
        font-size: 1.23077rem;
        line-height: 1.25006;
        font-weight: 200;
    }

        .app-hdr__item > a {
            display: block;
            padding: 21px 15px 19px;
        }

            .app-hdr__item > a:focus, .app-hdr__item > a:hover {
                color: #fff;
                opacity: 1;
            }
}

@media screen and (max-width: 1024px) {
    .app-hdr__item {
        font-size: 16px;
        font-size: 1.23077rem;
        line-height: 1.25006;
        text-transform: uppercase;
    }

        .app-hdr__item > a {
            display: block;
            padding: 19.501px 30px;
            border-bottom: 1px solid #114771;
        }
}

@media screen and (max-width: 1024px) {
    .app-nav--mobile {
        position: fixed;
        top: 60px;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 100%;
        max-height: 0;
        overflow: hidden;
        opacity: 0;
        background-color: #0b2e49;
        border-top: 1px solid #114771;
        z-index: 1100;
        transition: all .5s ease-in-out;
    }
}

.app-nav--mobile.is-open {
    opacity: 1;
    max-height: 1500px;
}

.app-hdr__item--contracts:hover, .app-hdr__item--contracts:focus {
    background-color: #1c1d1e;
    transition: all .2s linear;
}

    .app-hdr__item--contracts:hover > .app-hdr__submenu, .app-hdr__item--contracts:focus > .app-hdr__submenu {
        top: 100%;
        height: auto;
        opacity: 1;
        right: auto;
        z-index: 1000;
        transition: opacity .2s linear;
    }

.hdr-tools-wrap {
    display: block;
    float: right;
}

.hdr-tools__notify {
    position: relative;
    display: block;
    float: left;
    height: 60px;
    padding-left: 20px;
    padding-right: 20px;
    text-align: center;
    vertical-align: top;
}

@media screen and (max-width: 1024px) {
    .hdr-tools__notify {
        position: absolute;
        top: 0;
        right: 0;
    }
}

.notification-count {
    display: block;
    margin-top: 15px;
    height: 30px;
    width: 30px;
    font-size: 16px;
    font-size: 1.23077rem;
    line-height: 26px;
    font-weight: 600;
    color: #114771;
    border-width: 2px;
    border-style: solid;
    border-color: #114771;
    border-radius: 50%;
    cursor: pointer;
    transition: all .3s linear;
}

@media screen and (max-width: 1024px) {
    .notification-count {
        margin-right: 15px;
    }
}

.notification-count:focus, .notification-count:hover {
    color: #587e9c;
}

.notification-count.has-notifications {
    color: #fff;
    border-color: #67a8da;
}

    .notification-count.has-notifications:focus, .notification-count.has-notifications:hover {
        color: #fff;
        border-color: #fff;
    }

.hdr-tools__profile {
    position: relative;
    display: block;
    float: left;
    line-height: 0;
}

    .hdr-tools__profile:before {
        position: absolute;
        top: 10px;
        bottom: 10px;
        left: 0;
        content: '';
        width: 1px;
        height: 40px;
        background-color: #114771;
    }

@media screen and (max-width: 1024px) {
    .hdr-tools__profile {
        display: none;
    }
}

.hdr-tools__profile.is-open > .hdr-tools__avatar {
    background: #1c1d1e;
}

    .hdr-tools__profile.is-open > .hdr-tools__avatar:before {
        border-bottom-color: #fff;
        border-bottom-width: 5px;
        border-bottom-style: solid;
        border-top-color: transparent;
        border-top-width: 0;
    }

.hdr-tools__profile.is-open > .hdr-tools__submenu {
    top: 100%;
    height: auto;
    opacity: 1;
    z-index: 1000;
}

.hdr-tools__avatar {
    position: relative;
    display: inline-block;
    padding: 10px 10px 10px 40px;
    border: 0;
    margin-bottom: 0;
    background-color: transparent;
}

    .hdr-tools__avatar:before {
        position: absolute;
        top: 50%;
        left: 15px;
        margin-top: -2px;
        content: '';
        height: 0;
        width: 0;
        border-left: 5px solid transparent;
        border-right: 5px solid transparent;
        border-top: 5px solid #587e9c;
        transition: all .3s ease-out;
    }

    .hdr-tools__avatar:focus, .hdr-tools__avatar:hover {
        outline: 0;
    }

        .hdr-tools__avatar:focus:before, .hdr-tools__avatar:hover:before {
            border-top-color: #fff;
        }

    .hdr-tools__avatar > img {
        position: relative;
        display: block;
        height: 40px;
        width: 40px;
        overflow: hidden;
        border: 0;
        line-height: 0;
    }

.hdr-tools__submenu,
.app-hdr__submenu {
    position: absolute;
    top: -100%;
    right: 0;
    overflow: hidden;
    margin: 0;
    padding: 0;
    height: 0;
    list-style: none;
    width: 288px;
    background-color: #1c1d1e;
    font-size: 11px;
    font-size: 0.84615rem;
    line-height: 1.81827;
    letter-spacing: .1em;
    opacity: 0;
}

.hdr-tools__item > a {
    display: block;
    color: #fff;
    border-bottom: 1px solid #343638;
    padding: 14.62575px 20px;
    text-decoration: none;
    text-transform: uppercase;
    transition: all .2s linear;
}

    .hdr-tools__item > a:focus, .hdr-tools__item > a:hover {
        background-color: #67a8da;
        color: #1c1d1e;
    }

.hdr-tools__item:last-child > a {
    border-bottom: 0;
}

#gsa-sales-chart {
    width: 100%;
    height: 340px;
    padding: 10px 15px 20px;
}

.dash-audit,
.dash-sales {
    position: relative;
}

.audit-health-gauge-wrap {
    position: relative;
    height: 300px;
    width: 300px;
    margin: 40px auto 0;
    border-radius: 50%;
    background-image: url(/images/ag-bg-states.png);
    background-position: center 56px;
    background-repeat: no-repeat;
}

.audit-health-gauge {
    width: 300px;
    height: 150px;
    overflow: hidden;
    border-top-left-radius: 300px;
    border-top-right-radius: 300px;
}

#audit-health-gauge {
    height: 300px;
    width: 300px;
}

.audit-gauge-text {
    position: relative;
    border-bottom-left-radius: 300px;
    border-bottom-right-radius: 300px;
    width: 300px;
    height: 150px;
    text-align: center;
}

    .audit-gauge-text > b {
        display: block;
        padding-top: 40px;
        font-size: 16px;
        font-weight: normal;
    }

    .audit-gauge-text > a,
    .audit-gauge-text > span {
        font-size: 13px;
        display: block;
        cursor: pointer;
        color: #686b6d;
    }

.ag-overlay {
    position: absolute;
    top: 70px;
    bottom: 10px;
    left: 10px;
    right: 10px;
    padding: 20px;
    z-index: 998;
}

    .ag-overlay:before {
        content: '';
        display: block;
        background-color: #fff;
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        opacity: .85;
        z-index: 1;
    }

.ag-overlay__text {
    position: relative;
    z-index: 999;
}

.ag-overlay__title {
    font-size: 17px;
    font-weight: 600;
    color: #292b2c;
    margin-bottom: 0;
    z-index: 999;
}

.agt--serious .audit-gauge-text:before, .agt--marginal .audit-gauge-text:before, .agt--ok .audit-gauge-text:before, .agt--good .audit-gauge-text:before, .agt--great .audit-gauge-text:before {
    content: '';
    display: block;
    height: 60px;
    width: 60px;
    position: absolute;
    top: -30px;
    left: 50%;
    margin-left: -30px;
    background-size: 25px;
    background-repeat: no-repeat;
    background-position: center;
    border-radius: 50%;
}

.agt--serious .audit-gauge-text > b {
    color: #e91414;
}

.agt--serious .audit-gauge-text:before {
    background-size: 15px;
    background-color: #e91414;
    background-image: url(/images/svg/close-white.svg);
}

.agt--marginal .audit-gauge-text:before {
    background-color: #ffd02b;
    background-image: url(/images/svg/thumbs-down-gray.svg);
}

.agt--ok .audit-gauge-text > b {
    color: #9e7fb9;
}

.agt--ok .audit-gauge-text:before {
    background-color: #9e7fb9;
    background-image: url(/images/svg/thumbs-up-white.svg);
}

.agt--good .audit-gauge-text > b {
    color: #20bc7e;
}

.agt--good .audit-gauge-text:before {
    background-color: #20bc7e;
    background-image: url(/images/svg/thumbs-up-white.svg);
}

.agt--great .audit-gauge-text > b {
    color: #67a8da;
}

.agt--great .audit-gauge-text:before {
    background-color: #67a8da;
    background-image: url(/images/svg/thumbs-up-white.svg);
}

.agt--gold-star {
    position: absolute;
    top: -1px;
    right: 0px;
    display: block;
    width: 54px;
    height: 90px;
    cursor: pointer;
    background-size: 88%;
    background-image: url(/images/all-star-ribbon.png);
    background-position: center top;
    background-repeat: no-repeat;
    z-index: 999;
}

.ag-desc {
    padding: 20px 20px;
    background-color: #fff;
}

.ag-desc__item--great, .ag-desc__item--good, .ag-desc__item--ok, .ag-desc__item--marginal, .ag-desc__item--serious, .ag-desc__item--allstar {
    position: relative;
    padding-left: 40px;
    padding-bottom: 10px;
}

    .ag-desc__item--great:before, .ag-desc__item--good:before, .ag-desc__item--ok:before, .ag-desc__item--marginal:before, .ag-desc__item--serious:before, .ag-desc__item--allstar:before {
        content: '';
        position: absolute;
        left: 0;
        margin-top: 2px;
        width: 5px;
        height: 30px;
    }

    .ag-desc__item--great > p:last-child, .ag-desc__item--good > p:last-child, .ag-desc__item--ok > p:last-child, .ag-desc__item--marginal > p:last-child, .ag-desc__item--serious > p:last-child, .ag-desc__item--allstar > p:last-child {
        margin-bottom: 0;
    }

    .ag-desc__item--great:before {
        background-color: #67a8da;
    }

    .ag-desc__item--good:before {
        background-color: #20bc7e;
    }

    .ag-desc__item--ok:before {
        background-color: #9e7fb9;
    }

    .ag-desc__item--marginal:before {
        background-color: #ffd02b;
    }

    .ag-desc__item--serious:before {
        background-color: #e91414;
    }

    .ag-desc__item--allstar:before {
        width: 16px;
        height: 30px;
        background-size: cover;
        background-image: url(/images/all-star-ribbon.png);
        background-position: center top;
        background-repeat: no-repeat;
        border-radius: 0;
    }

.ag-desc__title {
    margin-bottom: 4px;
    font-size: 16px;
    font-weight: 600;
    color: #1c1d1e;
}

footer {
    display: none;
    background-color: #0b2e49;
}

    footer a {
        color: #67a8da;
    }

        footer a:focus, footer a:hover {
            color: white;
        }

.contract-select-wrap {
    position: relative;
    display: table;
    width: 100%;
    background-color: #0b2e49;
    min-height: 100px;
}

.contract-selector {
    display: table-cell;
    width: 100%;
    padding: 0 30px;
    position: relative;
    min-height: 100px;
}

@media screen and (max-width: 1024px) {
    .contract-selector {
        width: 100%;
    }
}

.selector-wrap {
    position: relative;
    display: block;
    width: 100%;
}

.contract-selector__list {
    display: block;
    position: relative;
    width: 100%;
    margin-top: 20px;
    margin-bottom: 20px;
    font-size: 25px;
    font-size: 1.92308rem;
    line-height: 60px;
    height: 60px;
    max-height: 60px;
    overflow: hidden;
    border: 1px solid #114771;
    border-radius: 80px;
    transition: max-height 1s ease-out;
}

    .contract-selector__list:after {
        position: absolute;
        right: 15px;
        top: 15px;
        content: '';
        display: block;
        height: 30px;
        width: 30px;
        border-radius: 30px;
        background-image: url(/images/svg/dropdown-white.svg);
        background-color: #114771;
        background-position: center;
        background-size: 24px;
        background-repeat: no-repeat;
        cursor: pointer;
    }

@media screen and (max-width: 1024px) {
    .contract-selector__list {
        font-size: 16px;
        font-size: 1.23077rem;
        line-height: 60px;
    }
}

.contract-selector__item:first-child > a:after {
    content: '(Change contract?)';
}

.contract-selector__item > a {
    display: block;
    height: 60px;
    padding-right: 60px;
    padding-left: 30px;
    color: #fff;
    overflow: hidden;
    text-overflow: ellipsis;
    cursor: pointer;
}

    .contract-selector__item > a:focus, .contract-selector__item > a:hover {
        color: #67a8da;
    }

    .contract-selector__item > a:after {
        content: '';
        font-size: 10px;
        font-size: 0.76923rem;
        line-height: 2.0001;
        color: #67a8da;
        text-transform: uppercase;
        margin-left: 10px;
        position: relative;
        top: -2px;
        letter-spacing: 0.08em;
        white-space: no-wrap;
    }

.contract-selector__list.is-open {
    position: absolute;
    height: auto;
    max-height: 30000px;
    z-index: 1000;
    border-radius: 2px;
    border-color: transparent;
    box-shadow: 0 2px 7px rgba(0, 0, 0, 0.2);
}

    .contract-selector__list.is-open:after {
        border-top-color: transparent;
        background-color: #e5e6e7;
        background-image: url(/images/svg/close-gray.svg);
        background-size: 10px;
    }

    .contract-selector__list.is-open .contract-selector__item {
        background-color: #fff;
        border-top-width: 1px;
        border-top-style: solid;
        border-top-color: #eaeaea;
    }

        .contract-selector__list.is-open .contract-selector__item:first-child {
            border-top-width: 0;
        }

            .contract-selector__list.is-open .contract-selector__item:first-child > a {
                color: #20bc7e;
            }

        .contract-selector__list.is-open .contract-selector__item > a {
            color: #979b9e;
        }

            .contract-selector__list.is-open .contract-selector__item > a:hover, .contract-selector__list.is-open .contract-selector__item > a:focus {
                background-color: #fff;
                color: #20bc7e;
            }

.no-notifications,
.no-matches {
    margin: 15px;
    text-align: center;
    background-color: #f4f4f4;
    border-radius: 2px;
    font-size: 16px;
    font-size: 1.23077rem;
    line-height: 20px;
    color: #979b9e;
}

    .no-notifications p,
    .no-matches p {
        margin-bottom: 10px;
    }

        .no-notifications p > a,
        .no-matches p > a {
            font-size: 16px;
            font-size: 1.23077rem;
            line-height: 20px;
        }

.sb-profile__target {
    position: relative;
    margin-bottom: 20px;
    text-align: center;
    height: 260px;
    padding-top: 1px;
    border: 3px solid transparent;
    transition: all .3s ease-out;
}

    .sb-profile__target:focus, .sb-profile__target:hover {
        border-color: #1ca66f;
    }

        .sb-profile__target:focus .sb-profile__text,
        .sb-profile__target:focus .sb-profile__browse, .sb-profile__target:hover .sb-profile__text,
        .sb-profile__target:hover .sb-profile__browse {
            opacity: .5;
        }

.sb-profile__text {
    position: relative;
    display: block;
    font-size: 16px;
    font-size: 1.23077rem;
    line-height: 30px;
    color: #979b9e;
    font-weight: 400;
    margin-bottom: 5px;
}

    .sb-profile__text:before {
        content: '';
        position: relative;
        top: -4px;
        display: block;
        margin-top: 60px;
        height: 52px;
        width: 52px;
        background-image: url(/images/image-drag.png);
        background-repeat: no-repeat;
        background-position: center;
        margin-left: auto;
        margin-right: auto;
    }

    .sb-profile__text:after {
        content: 'or';
        font-size: 13px;
        font-size: 1rem;
        line-height: 30px;
        display: block;
    }

.sb-profile__browse {
    background-color: #fff;
    border-color: #fff;
}

    .sb-profile__browse:focus, .sb-profile__browse:hover {
        color: #1ca66f;
    }

.sb-profile__set {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.sb-profile__cancel {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.accounts-wrap {
    display: table;
    width: 100%;
    table-layout: fixed;
    margin-top: 10px;
    margin-bottom: 30px;
    border-collapse: collapse;
}

.account-card,
.account-card--add {
    display: table-cell;
    width: 25%;
    border: 1px solid #eaeaea;
    padding: 10px;
    vertical-align: top;
}

.account-card__email {
    margin-bottom: 5px;
    line-height: 16.001px;
}

.account-card__role {
    font-size: 11px;
    margin-bottom: 0;
    line-height: 16.001px;
}

    .account-card__role:before {
        content: 'Role: ';
    }

.account-card__tools {
    width: 100%;
    background-color: #f4f4f4;
    margin-top: 10px;
}

    .account-card__tools .btn-toolbar {
        width: 100%;
    }

    .account-card__tools button {
        width: 50%;
    }

.account-card--add__link {
    display: block;
    color: #979b9e;
    text-align: center;
    vertical-align: middle;
    background-color: #f4f4f4;
    height: 100%;
    width: 100%;
    padding-top: 24px;
    padding-bottom: 20px;
}

    .account-card--add__link:hover, .account-card--add__link:focus {
        background-color: #20bc7e;
        color: white;
    }

        .account-card--add__link:hover:before, .account-card--add__link:focus:before {
            background-image: url(/images/svg/add-white.svg);
            opacity: .5;
        }

    .account-card--add__link:before {
        content: '';
        display: block;
        height: 42px;
        width: 42px;
        background-image: url(/images/svg/add-gray.svg);
        background-repeat: no-repeat;
        background-size: cover;
        opacity: .2;
        margin-left: auto;
        margin-right: auto;
        margin-bottom: 4px;
    }

.list--role-settings {
    margin-top: -5px;
    border-top-width: 0;
}

    .list--role-settings > li {
        border-bottom-color: #d0d2d3;
    }

    .list--role-settings .label--radio {
        margin-bottom: 0;
    }

    .list--role-settings .label__faux-radio {
        background-color: white;
        border-color: #dadada;
    }

    .list--role-settings small {
        display: block;
    }

.login-logo {
    padding: 37px 30px 23px;
    margin: -30px -30px 30px;
    text-align: center;
    background-color: #0b2e49;
    border-bottom: 10px solid #67a8da;
}

    .login-logo img {
        height: 30px;
    }

.login-component {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 400px;
    min-height: 400px;
    margin-top: -200px;
    margin-left: -200px;
    padding: 30px;
    background-color: #fff;
    border-radius: 2px;
    box-shadow: 0 2px 7px rgba(0, 0, 0, 0.4);
    text-align: center;
}

    .login-component .label {
        margin-top: -1px;
    }

        .login-component .label:first-child {
            margin-top: 0;
            margin-bottom: 0;
        }

    .login-component h1 {
        margin-top: 10px;
        margin-bottom: 30px;
        text-align: center;
        color: #0b2e49;
    }

.label-password {
    position: relative;
}

.login__forgot {
    position: absolute;
    top: 10px;
    right: 10px;
    display: block;
    font-size: 11px;
    font-size: 0.84615rem;
    line-height: 1.81827;
    font-style: italic;
    text-transform: capitalize;
}

.btn--login {
    font-size: 16px;
    font-size: 1.23077rem;
    line-height: 1.25006;
}

.login--checkbox {
    display: inline-block;
}

.ebinder-btn-wrap {
    border-radius: 2px;
    padding: 20px 0;
    vertical-align: middle;
    font-size: 15px;
    font-size: 1.15385rem;
    line-height: 1.3334;
}

.ebinder__btn {
    position: relative;
}

    .ebinder__btn > i {
        position: relative;
        top: -2px;
        margin-right: 8px;
        background-size: contain;
        opacity: 1;
    }

.ebinder__date {
    margin-left: 5px;
}

.ebinder-wrap {
    padding-bottom: 120px;
}

.get-ebinder-help {
    font-size: 15px;
    font-size: 1.15385rem;
    line-height: 25px;
}

.get-ebinder-wrap {
    position: absolute;
    bottom: 0;
    right: 0;
    width: 100%;
    opacity: 0;
    background-color: #fff;
    z-index: 1011;
    box-shadow: 0 -2px 2px rgba(0, 0, 0, 0.35);
    transition-property: opacity;
    transition-duration: 1s;
    transition-delay: 1s;
    transition-timing-function: cubic-bezier(0, 1, 0.5, 1);
}

.get-ebinder-select-wrap {
    padding: 13px 30px;
}

    .get-ebinder-select-wrap .label--checkbox {
        padding-left: 25px;
        margin-bottom: 0;
    }

        .get-ebinder-select-wrap .label--checkbox:after {
            content: 'Select All Files';
            margin: 0;
        }

.gesw--modified {
    background-color: #fff;
    border: 1px solid #dadada;
    margin-left: 15px;
    margin-right: 15px;
    margin-bottom: 20px;
}

.get-ebinder-info-wrap {
    padding: 20px 30px;
    border-top: 1px solid #eaeaea;
    background-color: #f4f4f4;
}

.get-ebinder-info__btn {
    float: right;
    max-width: 240px;
    border-radius: 0;
    margin-left: 5px;
}

.get-ebinder-info__count {
    float: left;
    line-height: 40px;
    color: #292b2c;
}

    .get-ebinder-info__count i {
        color: #1ca66f;
        font-style: normal;
        font-weight: 700;
    }

.panel-is-open .get-ebinder-wrap {
    position: fixed;
    opacity: 1;
    width: 50%;
}

@media screen and (max-width: 1024px) {
    .panel-is-open .get-ebinder-wrap {
        width: 95%;
    }
}

.services-box {
    border-bottom: 5px solid #eaeaea;
    padding-bottom: 10px;
}

    .services-box:last-child {
        border-bottom: 0;
        padding-bottom: 0;
    }

.services-box__heading {
    margin-top: 30px;
    margin-bottom: 20px;
}

.services-box__sub-head {
    margin-bottom: 0;
    color: #1c1d1e;
}

.services-block {
    display: table;
    width: 100%;
    margin: 30px 0 20px 0 !important;
    vertical-align: middle;
    background-color: #f4f4f4;
}

.services-block__img {
    display: table-cell;
    width: 41.66667%;
}

    .services-block__img > img {
        max-width: 100%;
        font-style: italic;
        vertical-align: middle;
    }

@media screen and (max-width: 1024px) {
    .services-block__img {
        display: none;
    }
}

.services-block__desc {
    display: table-cell;
    width: 58.33333%;
    vertical-align: middle;
    padding: 20px 30px;
}

@media screen and (max-width: 1024px) {
    .services-block__desc {
        display: table-cell;
        width: 100%;
    }
}

.services-block__desc > span {
    display: block;
    margin-left: auto;
    margin-right: auto;
    max-width: 360px;
}

.filters-wrap > .slide-out-header {
    border-bottom: 20px solid #20bc7e;
}

.filters-body-wrap {
    padding-top: 10px;
}

.filters-tabs__item {
    border-right: 1px solid #eaeaea;
    margin-left: -3px;
}

    .filters-tabs__item:first-child {
        margin-left: 0;
    }

    .filters-tabs__item > a {
        display: block;
        padding: 20px 30px;
        color: #686b6d;
        min-width: 120px;
        text-align: center;
    }

        .filters-tabs__item > a:hover, .filters-tabs__item > a:focus {
            background-color: #e7e7e8;
            color: #20bc7e;
        }

    .filters-tabs__item.is-active > a {
        color: #20bc7e;
        background-color: #fff;
    }

.filters-intro {
    padding-top: 30px;
}

.filters-intro__heading {
    margin-bottom: 0;
}

.accordion-filters-body {
    background-color: #f4f4f4;
    padding: 5px;
}

.filters-profile .label,
.profile-select .label {
    margin-bottom: 0;
    border: 1px solid #eaeaea;
}

.accordion-filters-search {
    position: relative;
    margin-bottom: 5px;
}

    .accordion-filters-search > .filter-search {
        margin-right: 46px;
    }

.filter-search__add-btn {
    position: absolute;
    top: 1px;
    right: 1px;
    border: 0;
    border-left: 1px solid #eaeaea;
    background-color: #fff;
    background-repeat: no-repeat;
    background-size: 34px;
    background-position: center;
    height: 38px;
    transition: all .25s ease-in-out;
    padding: 2px 33px 0 10px;
    background-position: right;
    text-transform: uppercase;
    font-size: 12px;
    color: #20bc7e;
}

    .filter-search__add-btn:focus, .filter-search__add-btn:hover {
        background-color: #f4f4f4;
    }

.filter-info-btn {
    position: absolute;
    right: 0;
    top: 0;
    height: 40px;
    width: 40px;
    border: 0;
    background-color: transparent;
    background-position: center;
    background-repeat: no-repeat;
    background-size: 18px;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-indent: 200%;
    z-index: 2;
    transition: all .25s ease-in-out;
}

    .filter-info-btn:focus, .filter-info-btn:hover {
        background-color: #e7e7e8;
    }

.filters-instruct {
    position: relative;
    margin-bottom: 5px;
    padding: 20px;
    background-color: #1ca66f;
}

    .filters-instruct p {
        color: #fff;
    }

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

.filters-instruct__heading {
    margin-bottom: 0;
    color: #fff;
}

.filters-instruct__close {
    top: -46px;
    right: 0;
    background-color: #1ca66f;
    width: 40px;
    height: 46px;
    margin: 0;
    z-index: 3;
}

    .filters-instruct__close:hover, .filters-instruct__close:focus {
        background-color: #20bc7e;
        opacity: 1;
    }

.filters-list {
    background-color: #fff;
}

.filters-remove {
    right: 1px;
    top: 1px;
    margin: 0;
    height: 38px;
    width: 38px;
    background-size: 8px;
    opacity: .4;
}

    .filters-remove:hover, .filters-remove:focus {
        opacity: 1;
    }

.filters-empty {
    border: 1px solid #e7e7e8;
    position: relative;
    background-color: #fff;
    text-align: center;
}

    .filters-empty > .lede {
        max-width: 560px;
        margin-left: auto;
        margin-right: auto;
    }

    .filters-empty:before {
        position: absolute;
        top: -48px;
        right: -5px;
        content: '';
        height: 53px;
        width: 53px;
        background-image: url(/images/tut-info-circle.png);
        background-position: center;
        background-repeat: no-repeat;
    }

.filters-empty__heading {
    position: relative;
    margin-bottom: 0;
    color: #1ca66f;
}

    .filters-empty__heading:before {
        position: absolute;
        top: -30px;
        left: 50%;
        margin-left: 90px;
        content: '';
        height: 34px;
        width: 34px;
        background-image: url(/images/tut-filter-arrow.png);
        background-position: center;
        background-repeat: no-repeat;
        z-index: 1;
    }

.filters-empty__tips {
    max-width: 560px;
    margin-left: auto;
    margin-right: auto;
    max-width: 460px;
    font-style: italic;
    color: #979b9e;
}

.filters-accordion {
    background-color: #f4f4f4;
}

.filters-accordion__body {
    padding: 5px;
}

.filters-share__heading,
.filters-test__heading,
.filters-section-heading {
    padding: 10px 15px;
    border-bottom: 1px solid #eaeaea;
    background-color: #f4f4f4;
    margin-bottom: 0;
}

.filters-share-list__item {
    border-bottom: 1px solid #eaeaea;
    padding: 10px 20px;
}

    .filters-share-list__item .label--checkbox {
        margin-bottom: 0;
    }

    .filters-share-list__item:last-child {
        border-bottom: 0;
    }

.filters-test {
    padding-bottom: 0;
    border-bottom: 0;
}

    .filters-test table {
        margin-bottom: 0;
    }

.filters-test__display {
    padding: 10px 20px;
    border-top: 1px solid #eaeaea;
    font-size: 11px;
    color: #979b9e;
}

.card {
    background-color: #fff;
}

.card__body {
    border-top: 1px solid #eaeaea;
}

.card__actions {
    border-top: 1px solid #eaeaea;
    min-height: 50px;
}

.training-wrap {
    margin-top: 20px;
}

.course-item--premium .course-item__actions .btn:first-child {
    background-color: #2f81c1;
    border-color: #2f81c1;
}

    .course-item--premium .course-item__actions .btn:first-child:hover, .course-item--premium .course-item__actions .btn:first-child:focus {
        background-color: #4695d2;
        border-color: #4695d2;
    }

.course-item--premium .course-item__img {
    background-color: #2f81c1;
}

.course-item--premium .course-item__price {
    background: transparent;
    color: #2f81c1;
}

.course-item {
    margin-bottom: 20px;
    background-color: #fff;
    border: 1px solid #eaeaea;
    transition-duration: 0.2s;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}

@media screen and (min-width: 600px) and (max-width: 768px) {
    .course-item {
        float: left;
        display: block;
        margin-right: 3.22581%;
        width: 48.3871%;
    }

        .course-item:last-child {
            margin-right: 0;
        }
}

@media screen and (min-width: 768px) {
    .course-item {
        display: table;
        width: 100%;
        min-height: 140px;
    }
}

.course-item:hover {
    border-color: transparent;
    box-shadow: 0 6px 10px 0 rgba(0, 0, 0, 0.14), 0 1px 18px 0 rgba(0, 0, 0, 0.12), 0 3px 5px -1px rgba(0, 0, 0, 0.2);
}

@media screen and (min-width: 768px) {
    .course-item__img,
    .course-item__body {
        display: table-cell;
        vertical-align: top;
    }
}

.course-item__img {
    background-color: #1ca66f;
}

    .course-item__img > img {
        display: none;
        max-width: 100%;
        font-style: italic;
        vertical-align: middle;
        margin: 0 auto;
    }

@media screen and (min-width: 600px) and (max-width: 768px) {
    .course-item__img {
        width: 100%;
    }
}

@media screen and (min-width: 768px) {
    .course-item__img {
        min-width: 8px;
    }
}

.course-item__body {
    position: relative;
    width: 100%;
    padding: 20px 20px 0;
}

.course-item__actions {
    padding-top: 10px;
    padding-bottom: 10px;
    border-top: 1px solid #eaeaea;
    overflow: hidden;
}

@media screen and (max-width: 768px) {
    .course-item__actions .btn {
        width: 100%;
    }
}

.course-item__text {
    max-height: 0;
    clip: rect(0, 0, 0, 0);
    overflow: hidden;
    transition-duration: 0.5s;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}

    .course-item__text.is-open {
        max-height: 600px;
        clip: rect(auto, auto, auto, auto);
    }

    .course-item__text > .inner {
        border-top: 1px solid #eaeaea;
        padding-top: 20px;
        padding-bottom: 20px;
    }

    .course-item__text i {
        vertical-align: middle;
    }

    .course-item__text h4 {
        font-size: 15px;
        font-size: 1.15385rem;
        line-height: 1.3334;
        margin-bottom: 0;
    }

.course-item__title {
    display: block;
    margin-bottom: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    max-height: 40px;
    width: 90%;
}

.course-item__price {
    display: block;
    margin-bottom: 10px;
    font-size: 16px;
    font-size: 1.23077rem;
    line-height: 1.25006;
    font-weight: 200;
    padding: 0 10px;
    line-height: 40px;
    text-align: center;
    color: #20bc7e;
    border-radius: 2px;
}

@media screen and (min-width: 768px) {
    .course-item__price {
        position: absolute;
        top: 10px;
        right: 10px;
    }
}

.course-item__author {
    display: block;
    margin-top: 0px;
    margin-bottom: 20px;
    font-style: italic;
}

    .course-item__author:before {
        content: 'by: ';
    }

.course-item__details {
    margin-left: 22px;
}

/*------------------------------------*\
    #CLEARFIX
\*------------------------------------*/
/**
 * Micro clearfix, as per: css-101.org/articles/clearfix/latest-new-clearfix-so-far.php
 * Extend the clearfix class with Sass to avoid the `.clearfix` class appearing
 * over and over in your markup.
 */
.clearfix:after,
.sidebar-post-search:after,
.box:after,
.faq-search:after,
.faq-nav:after,
.no-notifications:after,
.no-matches:after,
.ebinder-btn-wrap:after,
.box--common:after,
.your-bid-strength:after,
.days-info:after,
.media:after,
.notify:after,
.app-content-wrap--full:after,
.pagination:after,
.dataTables_wrapper .dataTables_paginate:after,
.section-hdr:after,
.section-hdr--dark:after,
.table-tools:after,
.opp-wrap:after,
.filter-search-wrap:after,
.filter-search-box:after,
.faq-search-msg:after,
.app-hdr:after,
.contract-select-wrap:after,
.get-ebinder-wrap:after,
.get-ebinder-info-wrap:after {
    content: "";
    display: table;
    clear: both;
}


.tokenfield {
  display: inline-block;
  height: auto;
  min-height: auto;
  padding-bottom: 0;
  vertical-align: middle;
}

.tokenfield .token {
  border-radius: 24px;
  display: inline-block;
  border: 1px solid #d9d9d9;
  background-color: #ffffff;
  white-space: no-wrap;
  margin: 0 0 0 5px;
  padding: 3px 10px;
  height: auto;
  vertical-align: top;
  cursor: default;
}

.tokenfield .token .token-label {
  max-width: none!important;
  display: inline-block;
  overflow: hidden;
  text-overflow: ellipsis;
  vertical-align: top;
}

.tokenfield .token .close {
  font-family: arial;
  display: inline-block;
  font-size: 1.4em;
  line-height: 1;
  margin: 1px -2px 0 5px;
  height: 100%;
  vertical-align: top
}

.token-input {
  display: none!important;
}


.opp-items-show__pag {
  float: left;
  margin: 0 5px;
}

.opp-items-show__text {
  float: left;
  font-size: .84615em;
  line-height: 20px;
  color: #979b9e;
  margin: 0 0 0 5px;
  padding: 5px 0;
  vertical-align: middle
}

.opp-items-show__items {
  float: left;
  width: 66px;
  margin: 0 5px;
}

.opp-items-show__select {
  border-color: #e7e7e8;
  padding: 5px 10px;
  margin: 0;
  font-size: 11px;
  background-position: 118% center;
  color: inherit;
  height: 30px;
  max-width: 100%;
}

.opp-items-show__jump {
  float:left;
}
.opp-items-show__jump .filter-search__input {
  margin: 0;
  height: 30px;
  padding: 5px 10px;
  border-color: #e7e7e8;
}

.opp-items-show__jump .filter-search__btn2 {
  padding: 0;
  top: 0;
  right: 0;
  background-color: #e7e7e9;
  text-align: center;
}

/**/
@media screen and (min-width: 768px) {
  .opp-items-show {
    float:right;
    min-width: 480px;
  }
}

.PremiumToolsBody {
    padding: 20px 30px;
}
.PremiumToolsBody-form-group {
    margin-bottom: 15px;
}

/*
** MODAL
*/
.modal {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
}

.modalBackground {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 10000;
    background-color: #000000;
    opacity: 0.80;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
    filter: alpha(opacity=80);
    -moz-opacity: 0.80;
    -khtml-opacity: 0.80;
}

.modalContainer {
    position: fixed;
    padding: 10px 10px 0 10px;
    background: #FFF;
    border: solid 3px #0B2E49;
    z-index: 10001;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

/* Premium Tools Start */
.loader {
    border: 16px solid #f3f3f3;
    border-radius: 50%;
    border-top: 16px solid #0b2e49;
    width: 120px;
    height: 120px;
    -webkit-animation: spin 2s linear infinite; /* Safari */
    animation: spin 2s linear infinite;
    position: absolute;
    left: 50%;
    margin-left: -60px;
    top: 50%;
    margin-top: -60px;
}
/* Safari */
@@-webkit-keyframes spin {
    0% {
        -webkit-transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(360deg);
    }
}

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

    100% {
        transform: rotate(360deg);
    }
}

.RunReportProcessing {
    background: rgba(255,255,255,0.5);
    position: absolute;
    top: 20px;
    left: 0;
    width: 100%;
    height: calc(100% - 20px);
    height: -webkit-calc(100% - 20px);
    height: -moz-calc(100% - 20px);
}

.tooltip {
    position: relative;
    display: inline-block;
}

    .tooltip .tooltiptext {
        visibility: hidden;
        width: 130px;
        background-color: #1ca66f;
        color: #fff;
        border: 1px solid rgba(0,0,0,0.3);
        text-align: center;
        border-radius: 6px;
        padding: 7px;
        /* Position the tooltip */
        position: absolute;
        z-index: 1;
        left: 24px;
    }
    
        .tooltip .tooltiptext:before {
            content: "";
            width: 0px;
            height: 0px;
            border-top: 10px solid transparent;
            border-bottom: 10px solid transparent;
            border-right: 10px solid #1ca66f;
            left: -10px;
            top:3px;
            position: absolute;
        }

    .tooltip:hover .tooltiptext {
        visibility: visible;
    }
    .tooltip.tooltipDescription .tooltiptext {
        width:200px;
        word-break:break-all;
    }
    .tooltip .tooltipwhitebg {
        background-color: #ffffff;
        text-align: left;
        color: #000000;
        word-break: break-word!important;
    }
        .tooltip .tooltipwhitebg:before {
            border-right: 10px solid rgba(0,0,0,0.3);
        }
        .tooltip .tooltipwhitebg.tooltiparrowtop:before {
            border-top: 10px solid transparent;
            border-bottom: 10px solid rgba(0,0,0,0.3);
            border-right: 10px solid transparent;
            border-left: 10px solid transparent;
            right: 10px;
            top: -20px;
            left: auto;
        }
.wordwraptext {
    word-break: break-all;
}
.FilterDropDownList {
    height: 22px;
    width: 40px;
    padding: 2px 10px;
}

.customCombobox {
    width: 60px;
    height: 26px;
    border: 1px solid #d0d2d3;
    background-image: url(/Images/svg/select-dd.svg);
    background-size: 30px 5px;
    background-position: 100% center;
    background-repeat: no-repeat;
    margin: 0;
    padding: 0;
    cursor: pointer;
    align-content: center;
}

.ulcustomCombobox {
    display: none; /*hide dropdown by default*/
    width: 60px;
    background-color: white;
    border: 1px solid black;
    border-top: none;
    margin: 0;
    padding: 0;
    position: absolute;
    z-index: 1;
}

    .ulcustomCombobox li {
        border-top: 1px solid gray;
        height: 22px;
        list-style-type: none;
        padding: 2px;
    }

        .ulcustomCombobox li:hover {
            background-color: lightblue;
            cursor: pointer;
        }

.imgDisplay {
    display: inline;
    vertical-align: middle;
    width: 20px;
    padding: 2px;
}

.imageText {
    display: inline;
    vertical-align: middle;
    padding-left: 5px;
}

tr.detailicon td.details-control {
    background: url(/Images/svg/plus.svg) no-repeat center center;
    background-size: 15px;
    cursor: pointer;
    background-position: 50% 8px;
}

tr.detailicon.shown td.details-control {
    background: url(/Images/svg/minus.svg) no-repeat center center;
    background-size: 15px;
    cursor: pointer;
    background-position: 50% 8px;
}

table.detailTable {
    margin-left: 20px;
    border: 1px solid #ccc !important
}

    table.detailTable tr td {
        border: 1px solid #ccc !important
    }

#divInstructions .ExpandInstruction {
    display: none;
}

#divInstructions .CollapseInstruction {
    display: inline;
    cursor: pointer;
}

#divInstructions.active .ExpandInstruction {
    display: inline;
    cursor: pointer;
}

#divInstructions.active .CollapseInstruction {
    display: none;
}

.btnApply {
    width: 50px;
    height: 24px;
    padding: 0px;
}

.chgtextbox {
    height: 24px !important;
    width: 60px !important;
    padding: 0px 5px 0px 5px !important;
    font-size: 14px !important;
}

.highlightTempPrice {
    background-color: #eaf6de;
    border-left: 1px solid #686b6d !important;
    border-right: 1px solid #686b6d !important;
}

    .highlightTempPrice label {
        cursor: default;
    }

.table--catalog tbody tr:last-child td.highlightTempPrice {
    border-bottom: 1px solid #686b6d !important;
}

.hide {
    display: none !important;
}
/*table tr.InvalidTempPrice {
        background: #f8d7da !important;
    }*/
table tr.InvalidTempPrice td, table tr.InvalidTempPrice td.sorting_1, table tr.InvalidTempPrice td.sorting_2, table tr.InvalidTempPrice td.highlightTempPrice label {
    color: red !important;
}
/* Premium Tools Dashboard */
.dashboardTable {
    border-collapse: collapse;
    width: 100%;
}
    .dashboardTable thead tr th {
        background: #0B2E49;
        color: #fff
    }
    .dashboardTable tbody tr:nth-child(even) {
        background: #cbcbcb;
    }
    .dashboardTable tbody tr:nth-child(odd) {
        background: #e7e7e7;
    }
    .dashboardTable thead tr th, .dashboardTable tbody tr td {
        padding: 5px 10px;
        text-align: center;
        border: 1px solid #fff;
        height: 41px;
    }
    .dashboardTable tbody tr td {
        color: #000;
    }
    .dashboardTable tbody tr td img {
        width: 24px;
    }
/* Premium Tools End */
a.blueWithUnderline {
    text-decoration: underline;
    color: #67a8da;
    cursor: pointer;
}
.blueTextFedMapTarget {
    color: #67a8da;
    font-size: 16px;
}
.btn-default, .btn-default:hover, .btn-default:focus {
    background: #eee;
    border: 1px solid #ccc;
    color: #000;
}
/* Slide out tab list */
.slide-out-tablist li.active a {
    background-color: #002060;
    color: #ffffff;
}
.slide-out-tablist li a::after, .slide-out-tablist li a::before {
    display:none;
}
.slide-out-tablist li a, .slide-out-tablist li.active a {
    padding: 10px 30px;
    border: 1px solid #002060;
}

.slide-out-tablist li {
    border-left: none;
}

    .slide-out-tablist li a, .slide-out-tablist li:hover a, .slide-out-tablist li:hover a:focus {
        background-color: #d9d9d9;
        color: #000000;
    }

.slide-out-tablist .section-hdr__item.active > a:after, .section-hdr__item.active > a:before {
    content: none;
}
.field-validation-error,
.validation-summary-errors {
    color: red;
}
/* View My Opportunity/Contract slide out accordian */
#divSlideoutCollapseExpand .filters-accordion__heading > span:after {
    content: none;
}

#divSlideoutCollapseExpand .filters-accordion__heading {
    padding: 10px 0px 10px 10px;
    background: #d7d7d7;
}

    #divSlideoutCollapseExpand .filters-accordion__heading > span {
        font-size: 10px;
        font-weight: 400;
        text-transform: uppercase;
        color: #686b6d;
        letter-spacing: .06em;
    }

#divSlideoutCollapseExpand .filters-accordion {
    background: none;
}
/* TODO: Integrate with app.css */

/*
** Use '~' instead of '+' for faux toggle__btn checkbox.
** Need to do this because MVC generates a hidden field after the checkbox field.
*/

.toggle ~ .toggle__btn {
    background: #d0d2d3;
    border-radius: 20px;
    padding: 2px;
    -webkit-transition: all .4s ease;
    transition: all .4s ease;
}

    .toggle ~ .toggle__btn:after {
        border-radius: 50%;
        background: #fff;
        -webkit-transition: all .2s ease;
        transition: all .2s ease;
    }

.toggle:checked ~ .toggle__btn {
    background: #20bc7e;
}

    .toggle:checked ~ .toggle__btn:after {
        content: 'Y';
        left: 50%;
        text-align: center;
    }

/*
** BOOTSTRAP SCROLLSPY
*/

.page-hdr__item.active > a {
    color: #20bc7e;
}

/*
** BOOTSTRAP TAB
*/

.section-hdr__item.active > a {
    color: #20bc7e;
    background-color: #fff;
}

    .section-hdr__item.active > a:after {
        height: 2px;
        background-color: #20bc7e;
    }

    .section-hdr__item.active > a:before {
        background-color: #fff;
        height: 1px;
    }

.filters-tabs__item.active > a {
    color: #20bc7e;
    background-color: #fff;
}

.tab-panel.active {
    display: block;
}

/*
** SLIDE OUT PANEL
*/

.slide-out-panel {
    position: fixed;
    top: 0;
    right: -100%;
    height: 100%;
    width: 50%;
    min-width: 400px;
    background-color: #f0f0f0;
    z-index: 1010;
    box-shadow: -2px 2px 5px 0 rgba(0, 0, 0, .5);
    overflow-y: scroll;
    overflow-x: hidden;
    -webkit-transition: all .6s cubic-bezier(0, 1, .5, 1);
    transition: all .6s cubic-bezier(0, 1, .5, 1);
}

    .slide-out-panel .spinner {
        left: 75%;
    }

    .slide-out-panel.large {
        width: 95%;
    }

        .slide-out-panel.large .spinner {
            left: 52.5%;
        }

@media screen and (max-width:1024px) {
    .slide-out-panel {
        width: 95%;
    }

        .slide-out-panel .spinner {
            left: 52.5%;
        }
}

.panel-is-open {
    overflow-y: hidden;
}

    .panel-is-open:before {
        content: '';
        position: fixed;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        height: 100%;
        width: 100%;
        background-color: #0b2e49;
        opacity: .92;
        z-index: 1009;
    }

    .panel-is-open .slide-out-panel {
        right: 0;
    }

/*
** AVATAR (sb-profile...)
*/

.sb-profile__browse {
    cursor: pointer;
    display: inline-block;
    position: relative;
    overflow: hidden;
}

    .sb-profile__browse input {
        top: -10px;
        right: -40px;
        z-index: 2;
        position: absolute;
        cursor: pointer;
        opacity: 0;
        filter: alpha(opacity=0);
        font-size: 50px;
    }

.sb-profile__avatar {
    margin: 20px;
    text-align: center;
}

    .sb-profile__avatar img {
        display: inline-block;
        max-height: 100%;
        max-width: 100%;
        vertical-align: middle;
    }

/*
** AUTOCOMPLETE - https://github.com/devbridge/jQuery-Autocomplete#styling
*/

.autocomplete-suggestions {
    border: 1px solid #999;
    background: #fff;
    cursor: default;
    overflow: auto;
    -webkit-box-shadow: 1px 4px 3px rgba(50, 50, 50, 0.64);
    -moz-box-shadow: 1px 4px 3px rgba(50, 50, 50, 0.64);
    box-shadow: 1px 4px 3px rgba(50, 50, 50, 0.64);
}

    .autocomplete-suggestions strong {
        font-weight: bold;
        color: #000;
    }

.autocomplete-suggestion {
    padding: 2px 5px;
    white-space: nowrap;
    overflow: hidden;
}

.autocomplete-selected {
    background: #f0f0f0;
}

.autocomplete-group {
    padding: 2px 5px;
}

    .autocomplete-group strong {
        font-weight: bold;
        font-size: 16px;
        color: #000;
        display: block;
        border-bottom: 1px solid #000;
    }

.autocomplete-no-suggestion {
    padding: 2px 5px;
}

/*
** MISCELLANEOUS
*/

[data-toggle] {
    cursor: pointer;
}