/* Minification failed. Returning unminified contents.
(917,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(918,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(919,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(920,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(921,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(922,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(923,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(924,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(925,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(926,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(927,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(928,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(929,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(930,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4312,29): run-time error CSS1035: Expected colon, found '{'
 */

/*! normalize.css v2.1.3 | MIT License | git.io/normalize | http://necolas.github.io/normalize.css/ */

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

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

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

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

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

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

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

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

[hidden],
template {
    display: none;
}

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

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

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

/**
 * Remove default margin.
 */

body {
    margin: 0;
}

.trainingMsg ul
{
   list-style: disc;
   margin-left: 25px;
}

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

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

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

a {
    background: transparent;
}

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

a:focus {
    outline: thin dotted;
}

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

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

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

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

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

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

b,
strong {
    font-weight: bold;
}

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

dfn {
    font-style: italic;
}

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

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

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

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

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

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

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

pre {
    white-space: pre-wrap;
}

/**
 * Set consistent quote types.
 */

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

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

small {
    font-size: 80%;
}

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

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

sup {
    top: -0.5em;
}

sub {
    bottom: -0.25em;
}

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

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

img {
    border: 0;
}

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

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

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

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

figure {
    margin: 0;
}

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

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

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

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

legend {
    border: 0; /* 1 */
    padding: 0; /* 2 */
    -moz-padding-start: 0;
    -webkit-padding-start: 0; /* 2 */
    -moz-padding-end: 0;
    -webkit-padding-end: 0; /* 2 */
}

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

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

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

button,
input {
    line-height: normal;
}

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

button,
select {
    text-transform: none;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

table {
    border-collapse: collapse;
    border-spacing: 0;
}

/* END NORMALIZE.CSS ********************************************************************************************************************************************************************************************/

@media print {
   .noprint {
      visibility: hidden;
   }

   .print {
      visibility: visible;
   }

   .pb {
      page-break-after: always;
   }
}

.dormant {
   text-decoration: none;
   cursor: default;
}



/* ==========================================================================
   CSS GRIDS

    The CSS Grids provides a simple system for laying out content. The basic components are "grids" and "units". 
    A "grid" (cgrid) contains one or more "units" (cgrid-unit). 
    The type of "unit" chosen describes how it should be sized (e.g. "cgrid-unit-1-2" takes up half the grid, "cgrid-unit-1-3" takes up one-third, et cetera). 
    The only constraints for cgrid Grids are that all "units" are children of a "grid". 
    All you need to do is define a grid, one or more units inside it, and specify widths for them. 
    Then stack and nest as required.
   ========================================================================== */

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

.cgrid-unit-1, .cgrid-unit-1-2, .cgrid-unit-1-3, .cgrid-unit-2-3, .cgrid-unit-1-4, 
.cgrid-unit-3-4, .cgrid-unit-1-5, .cgrid-unit-1-7, .cgrid-unit-2-5, .cgrid-unit-3-5, .cgrid-unit-4-5, 
.cgrid-unit-1-6, .cgrid-unit-5-6, .cgrid-unit-5-7, .cgrid-unit-5-9, .cgrid-unit-1-8, .cgrid-unit-3-8, .cgrid-unit-5-8, 
.cgrid-unit-7-8, .cgrid-unit-1-10, .cgrid-unit-3-10, .cgrid-unit-7-10, .cgrid-unit-9-10, .cgrid-unit-1-12, .cgrid-unit-5-12, .cgrid-unit-7-12, .cgrid-unit-11-12, 
.cgrid-unit-5-16, .cgrid-unit-11-16,
.cgrid-unit-1-24, .cgrid-unit-5-24, .cgrid-unit-7-24, .cgrid-unit-11-24, .cgrid-unit-13-24, 
.cgrid-unit-17-24, .cgrid-unit-19-24, .cgrid-unit-23-24, .cgrid-unit-1-9, .cgrid-unit-2-9 , .cgrid-unit-4-9, .cgrid-unit-5-9, .cgrid-unit-7-9, .cgrid-unit-8-9 , .cgrid-unit-1-15 , .cgrid-unit-1-30 ,
.cgrid-unit-2-7, .cgrid-unit-3-7, .cgrid-unit-4-7, .cgrid-unit-6-7, cgrid-unit-1-19, cgrid-unit-18-19  {
    float:left;
    margin: 0;
    padding: 0;
}

.cgrid-fluid-unit-1, .cgrid-fluid-unit-1-2, .cgrid-fluid-unit-1-3, .cgrid-fluid-unit-2-3, .cgrid-fluid-unit-1-4, 
.cgrid-fluid-unit-3-4, .cgrid-fluid-unit-1-5, .cgrid-fluid-unit-2-5, .cgrid-fluid-unit-3-5, .cgrid-fluid-unit-4-5, 
.cgrid-fluid-unit-1-6, .cgrid-fluid-unit-5-6, .cgrid-fluid-unit-1-8, .cgrid-fluid-unit-3-8, .cgrid-fluid-unit-5-8, 
.cgrid-fluid-unit-7-8, .cgrid-fluid-unit-1-10, .cgrid-fluid-unit-3-10, .cgrid-fluid-unit-7-10, .cgrid-fluid-unit-9-10, .cgrid-fluid-unit-1-12, .cgrid-fluid-unit-5-12, .cgrid-fluid-unit-7-12, .cgrid-fluid-unit-11-12, 
.cgrid-fluid-unit-5-16, .cgrid-fluid-unit-11-16,
.cgrid-fluid-unit-1-24, .cgrid-fluid-unit-5-24, .cgrid-fluid-unit-7-24, .cgrid-fluid-unit-11-24, .cgrid-fluid-unit-13-24, 
.cgrid-fluid-unit-17-24, .cgrid-fluid-unit-19-24, .cgrid-fluid-unit-23-24,.cgrid-fluid-unit-1-9, .cgrid-fluid-unit-2-9, .cgrid-fluid-unit-4-9, .cgrid-fluid-unit-5-9, .cgrid-fluid-unit-7-9, .cgrid-fluid-unit-8-9, .cgrid-fluid-unit-1-15, .cgrid-fluid-unit-1-30,
.cgrid-fluid-unit-1-7, .cgrid-fluid-unit-2-7, .cgrid-fluid-unit-3-7, .cgrid-fluid-unit-4-7, .cgrid-fluid-unit-5-7, .cgrid-fluid-unit-6-7, cgrid-fluid-unit-1-19, cgrid-fluid-unit-18-19 {
    float:left;
    margin: 0;
    padding: 0;
}



.cgrid-unit-1 {
   float:none;
}

.cgrid-fluid-unit-1 {
   float:left;
   max-width: 100%;
}

.cgrid-unit-1-9 {
   width: 11.11%;
}

.cgrid-unit-2-9 {
   width: 22.22%;
}

.cgrid-unit-4-9 {
   width: 44.44%
}

.cgrid-unit-5-9 {
   width: 55.55%;
}

.cgrid-unit-7-9 {
   width: 77.77%;
}

.cgrid-unit-8-9 {
   width: 88.88%;
}

.cgrid-unit-1-19 {
    width:5.26%;
}

.cgrid-unit-18-19{
    width: 94.74%;
}

.cgrid-fluid-unit-1-19 {
    width: 5.06%;
}

.cgrid-fluid-unit-18-19 {
    width: 94.94%;
}

.cgrid-fluid-unit-1-9 {
   max-width: 11.11%;
}

.cgrid-fluid-unit-2-9 {
   max-width: 22.22%;
}
.cgrid-fluid-unit-4-9 {
   max-width: 44.44%;
}

.cgrid-fluid-unit-5-9 {
   max-width: 55.55%;
}

.cgrid-fluid-unit-7-9 {
   max-width: 77.77%;
}

.cgrid-fluid-unit-8-9 {
    max-width: 88.88%;
}

.cgrid-unit-2-7 {
    width: 28.57%;
}

.cgrid-fluid-unit-2-7 {
    max-width: 28.57%;
}

.cgrid-unit-3-7 {
    width: 42.87%;
}

.cgrid-fluid-unit-3-7 {
    max-width: 42.87%;
}

.cgrid-unit-4-7 {
    width: 57.14%;
}

.cgrid-fluid-unit-4-7 {
    max-width: 57.14%;
}

.cgrid-unit-6-7 {
    width: 85.71%;
}

.cgrid-fluid-unit-6-7 {
    max-width: 85.71%;
}

.cgrid-unit-1-2 {
    width: 50%;
}

.cgrid-fluid-unit-1-2 {
    max-width: 50%;
}

.cgrid-unit-1-3 {
    width: 33.33333%;
}

.cgrid-fluid-unit-1-3 {
    max-width: 33.33333%;
}

.cgrid-unit-2-3 {
    width: 66.66666%;
}

.cgrid-fluid-unit-2-3 {
    max-width: 66.66666%;
}

.cgrid-unit-1-4 {
    width: 25%;
}

.cgrid-fluid-unit-1-4 {
    max-width: 25%;
}

.cgrid-unit-3-4 {
    width: 75%;
}

.cgrid-fluid-unit-3-4 {
    max-width: 75%;
}

.cgrid-unit-1-5 {
    width: 20%;
}

.cgrid-fluid-unit-1-5 {
    max-width: 20%;
}

.cgrid-unit-2-5 {
    width: 40%;
}

.cgrid-fluid-unit-2-5 {
    max-width: 40%;
}

.cgrid-unit-3-5 {
    width: 60%;
}

.cgrid-fluid-unit-3-5 {
    max-width: 60%;
}

.cgrid-unit-4-5 {
    width: 80%;
}

.cgrid-unit-5-9 {
    width: 55%;
}

.cgrid-fluid-unit-4-5 {
    max-width: 80%;
}

.cgrid-unit-1-6 {
    width: 16.656%;
}

.cgrid-unit-1-7 {
    width: 14.287%;
}

.cgrid-fluid-unit-1-7 {
    max-width: 14.287%;
}

.cgrid-unit-5-7 {
    width: 71.428%;
}

.cgrid-fluid-unit-5-7 {
    max-width: 71.428%;
}

.cgrid-fluid-unit-1-6 {
    max-width: 16.656%;
}

.cgrid-unit-5-6 {
    width: 83.33%;
}

.cgrid-fluid-unit-5-6 {
    max-width: 83.33%;
}

.cgrid-unit-1-8 {
    width: 12.5%;
}

.cgrid-fluid-unit-1-8 {
    max-width: 12.5%;
}

.cgrid-unit-3-8 {
    width: 37.5%;
}

.cgrid-fluid-unit-3-8 {
    max-width: 37.5%;
}

.cgrid-unit-5-8 {
    width: 62.5%;
}

.cgrid-fluid-unit-5-8 {
    max-width: 62.5%;
}

.cgrid-unit-7-8 {
    width: 87.5%;
}

.cgrid-fluid-unit-7-8 {
    max-width: 87.5%;
}

.cgrid-unit-1-10 {
    width: 10%;
}

.cgrid-unit-1-15 {
    width: 6.66666%;
}

.cgrid-fluid-unit-1-15 {
    max-width: 6.66666%;
}

.cgrid-unit-1-30 {
    width:3.33333%;
}

.cgrid-fluid-unit-1-30 {
    max-width:3.33333%;
}

.cgrid-fluid-unit-1-10 {
    max-width: 10%;
}

.cgrid-unit-3-10{
    width: 30%;
}

.cgrid-fluid-unit-3-10 {
    max-width: 30%;
}

.cgrid-unit-7-10 {
    width: 70%;
}

.cgrid-fluid-unit-7-10 {
    max-width: 70%;
}

.cgrid-unit-9-10{
    width: 90%;
}

.cgrid-fluid-unit-9-10{
    max-width: 90%;
}

.cgrid-unit-1-12 {
    width: 8.3333%;
}

.cgrid-fluid-unit-1-12 {
    max-width: 8.3333%;
}

.cgrid-unit-5-12 {
    width: 41.6666%;
}

.cgrid-fluid-unit-5-12 {
    max-width: 41.6666%;
}

.cgrid-unit-7-12 {
    width: 58.3333%;
}

.cgrid-fluid-unit-7-12 {
    max-width: 58.3333%;
}

.cgrid-unit-11-12 {
    width: 91.6666%;
}

.cgrid-fluid-unit-11-12 {
    max-width: 91.6666%;
}

.cgrid-unit-5-16 {
    width: 31.25%;
}

.cgrid-fluid-unit-5-16 {
    max-width: 31.25%;
}

.cgrid-unit-11-16 {
    width: 68.75%;
}

.cgrid-fluid-unit-11-16 {
    max-width: 68.75%;
}

.cgrid-unit-1-24 {
    width: 4.1666%;
}

.cgrid-fluid-unit-1-24 {
    max-width: 4.1666%;
}

.cgrid-unit-5-24 {
    width: 20.8333%;
}

.cgrid-fluid-unit-5-24 {
    max-width: 20.8333%;
}

.cgrid-unit-7-24 {
    width: 29.1666%;
}

.cgrid-fluid-unit-7-24 {
    max-width: 29.1666%;
}

.cgrid-unit-11-24 {
    width: 45.8333%;
}

.cgrid-fluid-unit-11-24 {
    max-width: 45.8333%;
}

.cgrid-unit-13-24 {
    width: 54.1666%;
}

.cgrid-fluid-unit-13-24 {
    max-width: 54.1666%;
}

.cgrid-unit-17-24 {
    width: 70.8333%;
}

.cgrid-fluid-unit-17-24 {
    max-width: 70.8333%;
}

.cgrid-unit-19-24 {
    width: 79.1666%;
}

.cgrid-fluid-unit-19-24 {
    max-width: 79.1666%;
}

.cgrid-unit-23-24 {
    width: 95.8333%;
}

.cgrid-fluid-unit-23-24 {
    max-width: 95.8333%;
}

/* ----------- Most phones ----------- */

/* Portrait and Landscape */

@media only screen and (min-device-width: 320px) and (max-device-width: 736px) {

.cgrid-unit-1, .cgrid-unit-1-2, .cgrid-unit-1-3, .cgrid-unit-2-3, .cgrid-unit-1-4, 
.cgrid-unit-3-4, .cgrid-unit-1-5, .cgrid-unit-2-5, .cgrid-unit-3-5, .cgrid-unit-4-5, 
.cgrid-unit-1-6, .cgrid-unit-5-6, .cgrid-unit-1-8, .cgrid-unit-3-8, .cgrid-unit-5-8, 
.cgrid-unit-7-8, .cgrid-unit-1-12, .cgrid-unit-5-12, .cgrid-unit-7-12, .cgrid-unit-11-12, 
.cgrid-unit-5-16, .cgrid-unit-11-16,
.cgrid-unit-1-24, .cgrid-unit-5-24, .cgrid-unit-7-24, .cgrid-unit-11-24, .cgrid-unit-13-24, 
.cgrid-unit-17-24, .cgrid-unit-19-24, .cgrid-unit-23-24 {
    float: none;
    display: block;
    width: 100%;
    margin: 0;
    padding: 0;
}

}


/* ----------- Most tablets ----------- */

@media only screen and (min-device-width: 737px) and (max-device-width: 1024px) {

}
:root {
    --iqq-text-black: #222222;
    --iqq-dark-gray: #888888;
    --iqq-light-gray: #c7c7c7;
    --iqq-link-blue: #015eac;
    --iqq-blue-600: #005fac;
    --iqq-blue-200: #8eb0df;
    --iqq-blue-50: #eff5fa;
    --iqq-orange-300: #bd4f00;
    --iqq-orange-200: #e56910;
    --iqq-orange-50: #fff3eb;
    --iqq-red: #ff0000;
    --iqq-error-text: #c9372c;
    --iqq-error-border: #ff0a0a;
    --iqq-toast-green: #d5edaf;
}

/***** OVERRIDE JQUERY CSS ***************************************************************************/
.ui-helper-reset {
   margin: 0;
   padding: 0;
   border: none;
   outline: inherit;
   line-height: inherit;
   text-decoration: inherit;
   font-size: inherit;
   list-style: inherit;
}

/*fixed the jquery-ui-1.10.03 draggable issue for dialog box*/
@media screen and (-webkit-min-device-pixel-ratio:0) { /* chrome */

html{

position: relative;

}

} @-moz-document url-prefix() { /* firefox */

body{

position: relative; overflow: auto;

}

}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) { /* ie10+ */

    body {
        position: relative;
        overflow: auto;
    }
}

/***** GENERAL SELECTORS ***************************************************************************/

body {
   background-color: rgb(206, 206, 206);
   color: #222;
   font-family: helvetica, arial,"lucida grande", verdana, sans-serif;
   font-size: 13px;
}

iframe {
   overflow: auto;
   height: 100%;
}

p {
   margin: 1em 0 1em 0;
}

a:hover, a:active {
   color: #646464;
   text-decoration: none;
}

/**** UTILITY CLASSES ***************************************************************************/

.debug-info {
   font-size: 0.75em;
}

.debug-tooltip {
   color: red;
   max-width: 100%;
}

.generalInfoIncentiveIdTooltip {
  color: red;
  max-width: 30rem;
}

.myProfileIncentiveIdTooltip {
  color: red;
  max-width: 15rem;
}

.field-validation-error, .error, .asterisk {
   color: #f00;
}

.cursor-default {
   cursor: default;
}

.cursor-pointer {
   cursor: pointer;
}

.cursor-pointer-line {
   cursor: pointer;
   text-decoration: underline;
}

.AsInlineBlock {
   display: inline-block;
}

.AsBlock {
   display: block;
}

.AsInline {
   display: inline;
}

.withMargins {
   margin: 20px 0;
}

.inline-list li {
  display: inline-block;
  margin-left: 1px; /* hack to fix gap in list items */
  padding: 5px 0px;
}

.required-color {
   font-weight: bold;
   font-size: large;
   color: red;
}

.required-color-label {
   color: red;
}

/**** LAYOUT AND STRUCTURAL STYLES ***************************************************************************/

/** template wrapper elements ***/
.box-site-content {
   background-color: #FFF;
   box-shadow: #C3C3C3 3px 0px 0px 0, #C3C3C3 -2px 3px 3px 0;
   margin: auto auto 0 auto;
   width: 960px;
}

.box-simple-main-content, .box-singlecol-content {
   margin-top: 20px;
   padding: 0 20px 20px 20px;
}

/** usually used when you need to fake a column layout inside a template like SingleCol when certain cases apply. ***/
.columnContainer {
   display: table;
   width: 100%;
}

.leftColumn {
   margin: 20px 5px 0 0;
}

.leftColumnLeftMargin {
   margin: 20px 20px 0 20px;
}

.centerColumn {
   margin: 20px 20px 0 20px;
   min-height: 300px;
}

.rightColumn {
   margin: 20px 0 0 20px;
}

/** header wrapper and implementation ***/

.sub-menu-active {
   background: url(../../content/images/nav-btn-back.png), #FFF;
   background-size:cover;
}

.sub-menu-active a:hover {
   color: #FFFFFF;
}

.sub-menu-active a {
   color: #FFFFFF;
}

.sub-menu-active a:active {
   color: #FFFFFF;
}

.sub-menu-active a:visited {
   color: #346EBE;
}

.box-general-header {
   border-bottom: 5px solid #014B82;
   padding: 0 15px 0 0;
    height: 190px; /* header load suppression */
}

   .box-general-header .system-logo-lg {
      margin-top: 20px;
   }

   .box-general-header ul {
      margin: 0;
   }

      .box-general-header ul li {
         cursor: pointer;
         display: inline-block;
      }

   /* site navs, contact, user tools, first level **/

   .box-general-header .nav-site-type .site-inactive,
   .box-general-header .nav-site-type li,
   .box-general-header .main-nav, .box-general-header .main-nav ul {
      background: url(../../content/images/mainnav-back.png), #FFF;
   }

   .box-general-header .nav-site-type li {
      border-bottom-right-radius: 6px;
      border-bottom-left-radius: 6px;
      color: #666;
      font-size: 0.9em;
   }

      .box-general-header .nav-site-type li + li {
         background: #CEC9B6;
         color: #666;
      }

      .box-general-header .nav-site-type li:hover, .box-general-header .nav-site-type li.active {
         color: #014983;
         background: #FFFFFF;
      }

      .box-general-header .nav-site-type li + li:hover {
         color: #014983;
         background-color: #FFFFFF;
      }

   .box-general-header .nav-contact-person, .box-general-header .nav-user-tools {
      font-size: 0.9em;
       height: 43px; /* header load suppression */
   }

      .box-general-header .nav-contact-person li + li {
         background: #D7E6F5 url(../../content/images/speech-bubble.png) no-repeat right top;
         border-radius: 4px;
         border: 1px solid #96C8E6;
         color: #014B82;
         font-weight: 700;
         padding: 5px 40px 5px 5px;
      }

         .box-general-header .nav-contact-person li + li + li {
            background: none;
            border: none;
            color: #000;
            font-weight: 500;
         }

      .box-general-header .nav-contact-person li:first-child {
         padding-left: 0;
      }

      .box-general-header .nav-contact-person li:last-child {
         padding-right: 0;
      }

   .box-general-header .nav-user-tools {
       float: right;
   }

      .box-general-header .nav-user-tools li {
         border-right: 1px solid #CFCFCF;
         padding: 10px 5px 0 5px;
      }

      .box-general-header .nav-user-tools a {
         text-decoration: none;
         color: #347EBE;
      }

   /* main nav, second level**/

   .box-general-header .main-nav {
      float: left;
      margin: 27px 0 0 0;
   }

    .mainNavWrapper {
      float: left;
      width: 100%
    }

/* header load suppression - Firefox */
@-moz-document url-prefix() {
    .box-general-header .main-nav {
        margin: 26px 0 0 0;
    }
}

#divRowsReturned {
   display: inline-block;
}

#AskBox {
    height: 20px;
   margin-left: 8px;
    box-shadow: none;
}

#AskBtn {
    height: 24px;
    width: 24px;
    color: white;
    box-shadow: none;
    border: 0;
}

#siteStateList li {
    padding: 10px;
}

#headerLenderLogoWrapper {
    position: relative;
    width: 165px;
    height: 84px;
    float: right;
    margin: 0;
    padding: 0;
}

#headerLenderLogo {
    position: absolute;
    height: 84px;
    right: 0;
    bottom: 0;
    margin: 0;
    padding: 0;
}

      .box-general-header .main-nav, .box-general-header .main-nav ul {
         border: solid 1px #D7D7D7;
         border-bottom: none;
         border-top-left-radius: 5px;
         border-top-right-radius: 5px;
         color: #CECECE;
         text-align: center;
         white-space: nowrap;
      }

         .box-general-header .main-nav li {
            border-right: 1px solid #D7D7D7;
            margin-right: -4px;
         }

            .box-general-header .main-nav li:hover {
               color: #014983;
               background-color: #FFFFFF;
            }

         .box-general-header .main-nav a {
            color: #666;
            text-decoration: none;
            padding: 10px 9px;
            display: block;
         }

            .box-general-header .main-nav li.active a {
               color: #FFF;
            }

         .box-general-header .main-nav .submenu:hover ul {
      border-radius: 0;
            border-bottom-left-radius: 5px;
            border-bottom-right-radius: 5px;
            box-shadow: 2px 3px 2px #888888;
            display: block;
      margin-top: 1px;
         }

         .box-general-header .main-nav .submenu ul {
             color: #347EBE;
            display: none;
            position: absolute;
            z-index: 1;
         }

         .box-general-header .main-nav .submenu li {
            border-bottom: 1px solid #888;
            display: block;
      margin: 0;
         }

         .box-general-header .main-nav .arrow-down {
            background: url(../../content/images/arrow_down.png) no-repeat scroll right;
            background-position: top 10px right 5px;
            color: #666;
      margin: 0;
            padding: 10px 25px 10px 10px;
         }


/** footer wrapper and implementation ***/
footer {
   min-height: 75px;
}

   footer > div {
      min-height: inherit;
   }

   footer p {
      font-size: 0.7em;
   }

.breadCrumb-subhead {
   background-color: #EEEEEE;
   padding: 1px 15px 1px 15px;
}

.tagline {
   margin-top: 20px;
    text-transform: uppercase;
   font-weight: bold;
}

/**** FONT STYLES (size, weight, etc.) ***************************************************************************/
.h1Medium {
   font-size: 1.5em;
}

.h1Small {
   font-size: 1.2em;
}

.h2Medium {
   font-size: 1.1em;
}

.h2Small {
   font-size: 1.0em;
}

/**** VISUAL STYLES ***************************************************************************/

/* chrome and IE both exhibited a rendering bug. color from the nav container was bleeding into
     the darker top rule. the 'fix' was to alter the stacking order and make the top rules absolute.
     This means .box-site-content needs a margin of 10 to offset from top-rule */
.top-rule-training, .top-rule-live {
   font-size: 0;
   height: 10px;
   line-height: 0;
   top: 0;
}

.top-rule-training {
   background: #686145;
}

.thin-lines-divider {
   background: #FFF;
   border: 1px solid #999;
   border-left: none;
   border-right: none;
   font-size: 0;
   height: 5px;
   line-height: 0;
}

.box-side-shadows {
   box-shadow: 10px 0 8px -6px #C3C3C3, -10px 0 8px -6px #C3C3C3;
}

.box-side-shadow-left {
   box-shadow: -10px 0 8px -6px #C3C3C3;
}

.pale-grey-grad-to-right {
   background-image: linear-gradient(to right, #FFFFFF 0%, #D7D7D7 100%);
}

.pale-grey-grad {
   background-image: linear-gradient(to bottom, #FCFCFC 0%, #D7D7D7 100%);
}

.no-cssgradients .pale-grey-grad {
   background-color: #EEEEEE;
}

.fake-link-txt {
   color: #347EBE;
   cursor: pointer;
   text-decoration: underline;
}

.fake-link-txt:hover {
      color: #646464;
      text-decoration: none;
}

.link-not-active {
   color: #347EBE;
   cursor: pointer;
   text-decoration: underline;
}

.grey-txt {
   color: #737373;
}

.grey-txt a {
   color: #737373;
   text-decoration: none;
}

.red-txt {
   color: #f00;
}

.ltblue-txt {
   color: #346EBE;
}

.dkblue-txt {
   color: #014983;
}

a.red-txt:link {
   color: #f00;
   display: block;
   text-decoration: none;
}

a.red-txt:hover, a.red-txt:active, a.red-txt:visited {
   color: #ff1800;
   text-decoration: underline;
}

.boldTxt {
   font-weight: 700;
}

.datePickerWidth {
   width: 100px;
}

.srchControlBlockBkgndColor {
   background-color: #f2f2f2;
}

/**** STYLED HEADERS ***************************************************************************/

.solid-line-header-0 {
   border-bottom: 1px solid #000;
   margin: 0 0 5px 0;
   padding-bottom: 2px;
}

.dotted-header {
   border-bottom: 1px dotted #C7C7C7;
   margin: 20px 0 10px 0;
   padding-bottom: 5px;
}

/**** CONTENT BOXES ***************************************************************************/
.box-rounded-corners {
   border: 1px solid #000;
   border-radius: 5px;
   margin: 20px 0;
   padding: 10px;
}

.box-warning-rounded
{
    background-color: #f0f0f0;
    padding: 0 10px;
    border-style: solid;
    border-width: thin;
    border-color: #cecece;
    border-radius: 5px;
}

.box-fix-margin:first-child {
   margin-top: 0;
}

.box-fix-margin:last-child {
   margin-bottom: 0;
}

.box-light {
   background: #F0F0F0;
   border: 1px solid #E5E5E5;
}

.box-yellow {
   background: #ffff99;
   border: 1px solid #E5E5E5;
}

.box-medium {
   background: #DEDEDE;
   border: 1px solid #C7C7C7;
}

.box-green {
   background: #D5EDAF;
   border: 1px solid #C7C7C7;
}

.box-red {
   background: #FF0000;
   border: 1px solid #C7C7C7;
}

.box-blue {
   background: #D7E7F4;
   border: 1px solid #C7C7C7;
}

.box-theme-color {
   border: 1px solid #C7C7C7;
}

/**** IMAGES ***************************************************************************/

.system-logo-xl {
   margin-top: 20px;
   /*background: url(../images/iqq-logo-95x80.png) no-repeat;
   background-size: 119px 100px;*/
      height: 100px;
   width: 119px;
}

.system-logo-lg {
   /*background: url(../images/iqq-logo-95x80.png) no-repeat;*/
   height: 80px;
   width: 95px;
}

.system-logo-md {
   /*background: url(../images/iqq-logo-60x70.png) no-repeat 0 1em;*/
   height: 60px;
   padding-top: 1em;
   width: 70px;
}

.broker-logo-md {
   padding: 5px;
   margin-top: 20px;
   margin-bottom: 5px;
   margin-left: 12px;
}


.stop-icon {
   background: url('../images/delete-icon.png') no-repeat;
   min-width: 16px;
   min-height: 16px;
   padding: 0 5px 0 20px;
}

/**** BUTTON STYLES ( includes form buttons )  ***************************************************************************/

button, .button, .button:link, input[type=submit], .linkButton, .linkButton:visited, .linkButton a:visited, .linkButton a, .button:visited {
   border: 2px solid #CCC;
   border-radius: 5px;
   box-shadow: 0 3px 3px 0 rgba(160, 160, 160, 1);
   cursor: pointer;
   display: inline-block;
   font-weight: bold;
   line-height: 1;
   margin: 0.5em 0;
   padding: 0.5em;
   text-align: center;
   text-decoration: none;
}

   .greyButton, .greyButton:link, .greyButton:visited, input[type=submit].greyButton {
      background-color: #e9e9e9;
      border-color: #cecece;
      color: #666;
      border-width: 1px;
      border-style: solid;
   }

      .greyButton:hover, .greyButton:focus, input[type=submit].greyButton:hover {
         background-color: #d0d0d0;
         color: #333333;
      }

.btnDisabled, .btnDisabled:hover, .btnDisabled:focus {
   background: #CCC;
   border-color: #fff;
   color: #787878;
}

/**** FORM STEP PROGRESS STYLES  ***************************************************************************/
.progress-meter {
   background: url("../../content/images/progress_leftbracket.png") 0 50% no-repeat;
   margin: -10px 0 10px 20px;
   padding-left: 25px;
}

   .progress-meter li {
      color: #666;
      display: inline-block;
      padding: 4px 0;
      vertical-align: middle;
   }

   .progress-meter li {
      background: url("../../content/images/progress_icon_empty.png") right center no-repeat;
      padding-right: 65px;
   }

   .progress-meter .current-step {
         color: #7FBD23;
         font-weight: 700;
         background: url("../../content/images/progress_icon_checked.png") right center no-repeat;
      }

   .progress-meter .completed-step {
         color: #639519;
      }

/**** LEFT NAVIGATION STYLES  ***************************************************************************/
.left-nav {
   background: #eee;
   border: solid 1px #D7D7D7;
   border-left: none;
   border-top-right-radius: 5px;
   border-bottom-right-radius: 5px;
   list-style: none;
   margin: 0 0 10px 0;
   padding: 0;
}

   .left-nav li {
      border-top: solid 1px #D7D7D7;
   }

      .left-nav li:first-child {
         border: none;
      }

      .left-nav li.last-child {
         border-bottom: solid 1px #D7D7D7;
      }

   .left-nav a {
      display: block;
      color: #666;
      padding: 8px;
      text-decoration: none;
   }

      .left-nav a:hover {
         color: #014983;
         background-color: #FFF;
      }

   .left-nav li.active a:link, left-nav li.active a:visited {
      text-shadow: #285F96 0 2px 3px;
      letter-spacing: 0.07em;
   }

   .left-nav li:first-child a {
      border-top-right-radius: 5px;
   }

.left-nav.current {
   background: #f7f7f7;
   border: solid 1px #aaa;
}

   .left-nav.current li {
      border-top: solid 1px #aaa;
   }

    .left-nav.current li:first-child {
        border: none;
    }

.left-nav.current a {
   color: #000;
}

.left-nav-current-title {
    font-size: 13px;
    font-weight: bold;
    text-align: center;
    padding: 12px 0 4px 0;
}
/**** FILTER BY LETTER, GRIDS STYLES  ***************************************************************************/

.box-filterGrid {
   display: inline-block;
}

.box-filterByLetter {
   background-color: #F2F2F2;
   margin-top: 10px;
   padding: 10px;
}

   .box-filterByLetter li {
      padding: 5px;
   }

   .box-filterByLetter ul li:first-child {
      font-weight: 700;
   }


/* Web grid --- legacy css */

.webgrid {
   width: 100%;
   border: 0;
   border-collapse: collapse;
   font-size: 13px;
}

.webgrid-col-40pct {
   width: 40%;
}

.webgrid-col-30pct {
   width: 30%;
}

.webgrid-col-20pct {
   width: 20%;
}

.webgrid-col-10pct {
   width: 10%;
}

.webgrid-col-5pct {
   width: 5%;
}

   .webgrid a {
      color: #000;
   }

.webgrid-header {
   padding-top: 6px;
   padding-left: 5px;
   padding-right: 5px;
   text-align: left;
   background-size: contain;
   background-image: url('../../content/images/webgrid_header_background.png');
   background-repeat: repeat-x;
   border-bottom: 0 solid #3966A2;
   height: 32px;
   border-top: 1px solid #D0D5D1;
   border-left: 1px solid #D0D5D1;
   border-right: 1px solid #D0D5D1;
   color: Black;
   font-weight: Normal;
}

   .webgrid-header a,
   .webgrid-header a:link,
   .webgrid-header a:hover,
   .webgrid-header a:visited {
      color: Black;
      font-weight: Bold;
      text-decoration: none;
      display: block;
      text-align: left;
   }

.webgrid-footer {
   padding: 6px 5px;
   text-align: center;
   background-color: White;
   border: 0;
   height: 30px;
}

   .webgrid-footer a,
   .webgrid-footer a:link,
   .webgrid-footer a:hover,
   .webgrid-footer a:visited {
      color: #347EBE;
      font-weight: Bold;
   }

.webgrid-row-style {
   height: 30px;
   background-color: #FFFFFF;
   border-bottom: 1px solid #d2d2d2;
   border-left: 1px solid #D0D5D1;
   border-right: 1px solid #D0D5D1;
   text-align: left;
}

.left-indent-10 {
    padding-left:10px;
}

.left-indent-20 {
   padding-left: 20px;
}

.left-indent-25 {
    padding-left: 25px;
}

.left-indent-35 {
    padding-left: 35px;
}

.left-indent-53 {
    padding-left: 53px;
}

label.left-indent {
    margin-left: 22px;
}

.webgrid-alternating-row {
   height: 30px;
   background-color: #F2F7FC;
   border-bottom: 1px solid #d2d2d2;
   border-left: 1px solid #D0D5D1;
   border-right: 1px solid #D0D5D1;
   text-align: left;
}

.webgrid-row-currency-style td:nth-child(3),
.webgrid-row-currency-style td:nth-child(4),
.webgrid-row-currency-style td:nth-child(5),
.webgrid-row-currency-style th:nth-child(3),
.webgrid-row-currency-style th:nth-child(4),
.webgrid-row-currency-style th:nth-child(5) {
    font-family: Consolas,Menlo,Monaco,Lucida Console,Liberation Mono,DejaVu Sans Mono,Bitstream Vera Sans Mono,Courier New,monospace,sans-serif;
   text-align: right;
}

.webgrid-selected-row {
   font-weight: bold;
}

.webgrid-clickable-row {
   cursor: pointer;
   background: #E6E6E6;
}

/* Lenders grid, Name column; I had to assign the class to the column, as I
   couldn't figure out a way to assign it directly to the anchor; */
.webgrid-LenderName {
   display: block;
   width: 300px;
   word-wrap: break-word;
   text-indent: 0;
   text-align: left;
   padding-left: 0.5em;
}

.webgrid-UserName {
   text-align: left;
   display: block;
   width: 200px;
   word-wrap: break-word;
   text-indent: 0;
}

.webgrid-BranchName {
   text-align: left;
   display: block;
   width: 200px;
   word-wrap: break-word;
   text-indent: 0;
}

.webgrid-LoanProductType {
   width: 150px;
   word-wrap: break-word;
   text-indent: 0;
   margin-left: 5px;
   padding-left: 5px;
}

.webgrid-LoanProductName {
   display: block;
   width: 150px;
   word-wrap: break-word;
   text-indent: 0;
   margin-left: 5px;
}

.webgrid-CPDisplayName {
   width: 150px;
   word-wrap: break-word;
   text-indent: 0;
   margin-left: 5px;
   padding-left: 5px;
}

.webgrid-ProtectionType {
   width: 90px;
   word-wrap: break-word;
   text-indent: 0;
   margin-left: 5px;
   padding-left: 5px;
}

.webgrid-DATFileName {
   width: 150px;
   word-wrap: break-word;
   text-indent: 0;
}



.webgrid-EventHistDate {
   text-align: left;
   width: 100px;
   word-wrap: break-word;
}

.webgrid-EventHistAction {
   width: 210px;
   word-wrap: break-word;
}

.webgrid-EventHistUser {
   width: 150px;
   word-wrap: break-word;
}

.webgrid-EventHistDetail {
   width: 60px;
}

.webgrid-SyncEventHistDate {
   text-align: left;
   width: 150px;
   word-wrap: break-word;
}

.webgrid-SyncEventHistAction {
   width: 300px;
   word-wrap: break-word;
}

.webgrid-div {
   max-height: 60px;
   overflow: auto;
}

.webgrid-hidden-col {
   visibility: hidden;
   border-right: 0;
}

.web-grid-text-align-center {
   text-align: center;
}

.web-grid-text-align-left {
   text-align: left;
   padding-left: 0.5em;
   text-indent: 0;
}

.web-grid-select-column {
   width: 22px;
   max-width: 22px;
   border-left: none;
   border-right: 1px solid #D0D5D1;
}

.web-grid-checkbox-column {
   min-width: 22px;
   border-left: none;
   border-right: none;
}


.web-grid-col-width-min {
    width: 20px;
}

.web-grid-text-flag {
   text-align: center;
   font-weight: bold;
   font-stretch: expanded;
   color: red;
}

.webgrid-RemitActions {
   width: 55px;
   word-wrap: break-word;
   text-indent: 0;
   padding-right: 8px;
}

.txt-justify-inter-word {
    text-align: justify;
    -ms-text-justify: inter-word;
    text-justify: inter-word;
}

/* Lender summary page */
.default-form, .long-form, #divSummaryOuter {
   font-family: "cabin", "Verdana", Verdana, Arial, sans-serif;
   font-size: 13px;
   font-weight: 500;
   line-height: 2;
   margin-bottom: 10px;
   color: #666;
}

   #divSummaryOuter > #divSummaryInner > p {
      margin: 0;
   }

.summaryParagraphMargin {
   margin: 0;
}

.searchqs label {
   display: inline;
}

.top-padding-small {
   padding-top: 0.5em;
}

.left-padding-30px {
   padding-left: 30px;
}

.AsFloatLeft {
   float: left;
}

.shift-up-1px {
   position: relative;
   top: -1px;
}

.cancelEditConfirmDialogMargins {
   margin: 0 7px 20px 0;
}

.emailEditContainer {
   border: 1px #e5e6e8 solid;
   margin-top: 10px;
   overflow-y: auto;
   height: 400px;
}

.editableEmailContent {
   padding-top: 5px;
   padding-left: 5px;
   padding-right: 5px;
   border-width: 1px;
   border-style: dotted none;
   border-color: #C0C0C0;
}

.readOnlyEmailContent {
   padding-top: 5px;
   padding-left: 5px;
   padding-right: 5px;
   background-color: #FAFAFA;
   color: #606060;
}

div .hidden-div {
   background-color: #E6E6E6;
   width: 350px;
   border-radius: 10px;
   margin-left: 5px;
   padding-left: 5px;
   padding-top: 5px;
}

div .mileageNotUpdated {
   border: 1px solid red;
   color: red;
   font-weight: bold;
}

.remit-pmt-method {
   font-weight: bold;
   font-style: italic;
   color: green;
}

/* Grid within a grid style 8888888 */

#gridT, #gridT tr {
   border: 1px solid #0D857B;
}

#subT, #subT tr {
   border: 1px solid #f3f3f3;
}

#subT {
   margin: 0 0 0 10px;
   padding: 0;
   width: 550px;
}

   #subT th {
      font-size: 12px;
   }

   #subT tr {
      padding: 0;
   }

.hoverEff {
   cursor: pointer;
}

   .hoverEff:hover {
      background-color: rgb(248, 242, 242);
   }

.expand {
   background-image: url(../Images/pm.png);
   background-position: -22px 0;
   background-repeat: no-repeat;
}

.collapse {
   background-image: url(../Images/pm.png);
   background-position: -2px 0;
   background-repeat: no-repeat;
}

.masterLinkPlaceHolder {
   width: 142px;
}

.masterConfigured {
   width: 70px;
   text-align: center;
}

.masterCopyFrom {
   text-align: center;
}

.masterCopyTo {
   text-align: center;
}

.subCollateralType {
   width: 190px;
}

.subConfigured {
   width: 95px;
   text-align: center;
}

.subLinks {
   width: 150px;
}

.subCopyFrom {
   width: 75px;
   text-align: center;
}

.subCopyTo {
   width: 75px;
   text-align: center;
}

.generic-message {
   display: none;
   margin: 0 auto;
}

   .generic-message span {
      text-align: center;
      display: inline-block;
      width: 100%;
   }

.readOnlyText {
    background: #EEE;
   color: #505050;
}

.orgComboWidth {
    width: 206px;
}

.success span {
   color: green;
   font-weight: bold;
}

.error span {
   color: red;
   font-weight: bold;
}

input.sf-via-group + label, div.sf-via-group span {
   font-weight: bold;
   color: blue;
}

.upArrow {
   background: url(../../content/images/mnu_up.png) no-repeat;
   background-size: 25px 25px;
   width: 25px;
   height: 25px;
   display: inline-block;
   text-indent: -9999px; /* hides the link text */
   direction: ltr;
   cursor: pointer;
}

.downArrow {
   background: url(../../content/images/mnu_down.png) no-repeat;
   background-size: 25px 25px;
   width: 25px;
   height: 25px;
   display: inline-block;
   text-indent: -9999px; /* hides the link text */
   direction: ltr;
   cursor: pointer;
}

.stgtablerow, .stgtableheader, .stgtableheader a{
      text-align: right !important;
}

.ui-dialog .ui-dialog-buttonpane {
    text-align: center;
}

.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
    float: none;
}

#scrollToTop {
    position:fixed;
    right:10px;
    bottom:10px;
    cursor:pointer;
    width:50px;
    height:50px;
    background-color:#333;
    text-indent:-9999px;
    display:none;
    -webkit-border-radius:60px;
    -moz-border-radius:60px;
    border-radius:60px
}
#scrollToTop span {
    position:absolute;
    top:50%;
    left:50%;
    margin-left:-8px;
    margin-top:-12px;
    height:0;
    width:0;
    border:8px solid transparent;
    border-bottom-color:#ffffff;
}
#scrollToTop:hover {
    background-color:#aaa;
    opacity:1;filter:"alpha(opacity=100)";
    -ms-filter:"alpha(opacity=100)";
}


.sidebar {
    box-sizing: border-box;
    margin: 1px 10px 10px 0px;
}

.sidebar-grey div {
    background-color: #d5d9da;
    padding: 10px;
    border-radius: 0px 0px 4px 4px;
    border: none;
}

.sidebar-grey h3 {
    background-color: #5c605f;
    margin: 0;
    color: white;
    padding: 9px;
    border-radius: 4px 4px 0px 0px;
}

.sidebar-grey a, .sidebar-grey a:visited {
    background-color: #d5d9da;
    color: #5c605f;
    padding: 9px;
    border-radius: 4px;
    display: block;
    font-size: 1.17em;
    font-weight: bold;
    text-align: center;
}

.dpwMonthlyBillInfo {
    padding-bottom: 12px;
}

.termPaddingBottom {
    padding-bottom: 8px;
}

.phoneFormatter { }

.stateCollateralScorecard {
    margin: 0 0 1em 0;
}

/**** FORMS STYLES  ***************************************************************************/

form {
    margin: 0;
}

    form fieldset div {
        margin: 15px 0;
    }

    form .AsInlineBlock {
        display: inline-block;
    }

legend {
    border-bottom: 1px solid #000;
    font-weight: 600;
    margin: 20px 0 5px 0;
}

label {
    display: block;
}

.labelExt {
    margin: 0;
    font-size: 0.7em;
}

input[type=radio] ~ label, input[type=checkbox] ~ label {
    display: inline-block;
}

input, select, textarea {
    border-radius: 3px;
    box-shadow: inset 1px 1px 5px 0 rgba(102, 102, 102, 0.35);
    display: inline-block;
    padding: 0 2px; /* these also fix select arrow from rendering clipped from select border fix. go css.... */
}

    input[type=radio], input[type=checkbox] {
        border-radius: 0;
        box-shadow: none;
        display: inline-block;
        margin: 0 5px 0 2px;
    }

    input[type=hidden] {
        display: none;
    }

select {
    /* these fix chrome from rendering selects with an ugly border. */
    border: 0;
    border-top: 2px solid #888;
    border-left: 2px solid #888;
}

/* places a red asterisk after labels */
label.required:after {
    content: "*";
    color: red;
    padding-left: 2px;
}

/* jquery validator uses labels for messaging. do NOT apply the asterisk to them */
input + label:after {
    content: none;
}

/* t2b == top to bottom, div within div */
.t2b div {
    padding-bottom: 2px;
    padding-top: 2px;
}

/* l2r == left to right, div within div */
.l2r div {
    float: left;
    padding-left: 2px;
    padding-right: 2px;
}

.disabled {
    pointer-events: none;
    color: #646464;
    background-color: none;
    border-color: #cecece;
}

/***************************************************
STYLES FOR EACH INDIVIDUAL VIEW
***************************************************/

/**** LOGIN ***************************************/

.box-login-header {
   padding: 0;
    position: relative;
}

.box-login-content {
    color: white;
    font-weight: bold;
    text-align: right;
    position: absolute;
    bottom: 5px;
    right: 10px;
}

.LoginContentLeft {
    position: relative;
    float: left;
    width: 500px;
    min-height: 500px;
    overflow: auto;
    display: block;
    padding: 15px;
    margin-right: 15px;
}

.LoginContentRight {
    padding: 15px;
    border-left: 1px solid #d0d0d0;
    position: relative;
    margin-left: 500px;
    min-height: 500px;
    overflow: auto;
    font-family: helvetica, arial, 'lucida grande', verdana, sans-serif;
}

.LoginSideContentHeader {
    width: 250px;
    font-weight: bold;
    text-transform: uppercase;
    margin-bottom: 5px;
}

.LoginSideContent {
    width: 300px;
    max-height: 200px;
    overflow: auto;
    padding: 15px;
    background-color: #f0f0f0;
    margin-bottom: 20px;
    -moz-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.50);
    -webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.50);
   box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.50);
}

.system-logo-login {
    height: 160px;
}


/**** HOME ***************************************/


.HomeContentTopLeft {
    position: relative;
    float: left;
    width: 440px;
    height: 250px;
    display: block;
    padding: 5px;
}

.HomeContentTopRight {
    padding: 5px;
    position: relative;
    margin-left: 460px;
    height: 250px;
    width: 440px;
    font-family: helvetica, arial, 'lucida grande', verdana, sans-serif;
}

.HomeContentBottomLeft {
    position: relative;
    float: left;
    width: 440px;
    height: 250px;
    display: block;
    padding: 5px;
}

.HomeContentBottomRight {
    padding: 5px;
    width: 440px;
    position: relative;
    margin-left: 460px;
    height: 250px;
    font-family: helvetica, arial, 'lucida grande', verdana, sans-serif;
}

.DashboardContainer {
    height: 255px;
    width: auto;
    padding: 0;
    overflow: auto;
    border-left: 1px solid #e0e0e0;
    border-right: 1px solid #e0e0e0;
    border-bottom: 1px solid #e0e0e0;
    -moz-box-shadow: 3px 3px 7px rgba(0, 0, 0, 0.50);
    -webkit-box-shadow: 3px 3px 7px rgba(0, 0, 0, 0.50);
   box-shadow: 3px 3px 7px rgba(0, 0, 0, 0.50);
}

.HomeSubContent {
    width: 49.9%;
    float: left;
}

.HomeSubContentHeader {
    text-align: left;
    padding: 10px;
    width: auto;
    height: auto;
    -moz-box-shadow: 3px 0 7px rgba(0, 0, 0, 0.50);
    -webkit-box-shadow: 3px 0 7px rgba(0, 0, 0, 0.50);
   box-shadow: 3px 0 7px rgba(0, 0, 0, 0.50);
}

.HomeSubContentMessage {
    height: 200px;
    width: auto;
    padding: 10px;
    overflow: auto;
    border-left: 1px solid #e0e0e0;
    border-right: 1px solid #e0e0e0;
    border-bottom: 1px solid #e0e0e0;
    -moz-box-shadow: 3px 3px 7px rgba(0, 0, 0, 0.50);
    -webkit-box-shadow: 3px 3px 7px rgba(0, 0, 0, 0.50);
   box-shadow: 3px 3px 7px rgba(0, 0, 0, 0.50);
}





/**** GET QUOTE ***************************************/

#StartQuote {
    margin-top: -20px; /* because this is used with SingleCol template, and that provides a top margin, we must negate for this view */
}

/* accordion */

#StartQuoteAccordion .ui-accordion-content {
    padding: 0 2em;
   overflow: hidden;
}

#StartQuoteAccordion .ui-accordion-header {
   background-color: #ccc;
   background-image: linear-gradient(to bottom, #C7C7C7 45%, #A0A0A0 85%);
    color: #505050;
    font-weight: 700;
    margin: 0;
   padding: 5px 10px 5px 30px;
    display: flex;
    justify-content: space-between;
}

    #StartQuoteAccordion .ui-accordion-header span {
        color: #000;
        font-size: 0.7em;
        font-style: italic;
        font-weight: 700;
      margin: 0;
        top: 20%;
    }

#StartQuoteAccordion > div {
    box-shadow: inset 2px 2px 5px 2px rgba(175,175,175,0.75);
}

#StartQuoteAccordion legend {
    border-bottom: 1px solid #888;
    color: #666;
    font-weight: 700;
    font-size: 1.1em;
    margin: 10px 0;
    width: 80%;
}

legend {
    border-bottom: 1px solid #888;
    color: #666;
    font-weight: 700;
    font-size: 1.1em;
    margin: 10px 0;
    width: 80%;
}

#StartQuote input[type=button] {
    display: block;
    margin: 5px auto;
    width: 120px;
}

/* progress bar */

#ProgressDialog {
    display: none;
}

.progressLabel {
    font-size: small;
    left: 30%;
    top: 50%;
}

.quoteProgressBar .ui-dialog-titlebar-close {
    display: none;
}

/* customize view */

.raw-json {
    display: none;
}

#SelectProductsPlans {
    margin-top: -20px; /* because this is used with SingleCol template, and that provides a top margin, we must negate for this view */
}


.inputSummary span {
    font-weight: 700;
}

.columnContainer {
   width: 924px;
   max-width: 924px;
}

.quotePlanSummary {
   width: 514px;
   max-width: 514px;
   display: table-cell;
   padding-top: 0;
   table-layout: fixed;
   float: left;
}

.CustomizedProtectionColumn {
   display: table;
   table-layout: fixed;
}

.productsPlans {
   display: block;
   padding: 0 10px;
   table-layout: fixed;
}

.productsPlansStep4 {
   display: block;
   padding: 0 0px;
   table-layout: fixed;
}

.summaryOfCosts {
   display: block;
   padding: 0 10px;
   table-layout: fixed;
}

.outputSummary {
   width: 180px;
   display: table-cell;
   padding-left: 10px;
   table-layout: fixed;
   float:right;
}

.qsMainContent {
   display: table-cell;
   padding: 0 10px;
}

.productUnit {
    margin-bottom: 20px;
}

    .productUnit:last-child {
        margin-bottom: 50px;
    }

.pob {
    margin-bottom: 20px;
}

.pob-header, .pob-details {
    background: #DEDEDE;
    border-bottom: 1px solid #C7C7C7;
    font-weight: 700;
    padding: 5px 10px;
}

.pob-body {
    background: #EFEFEF;
    border-bottom: 1px solid #C7C7C7;
    padding: 10px 20px;
}

.plansList > li {
    margin: 10px 0;
}

.termsList > li ~ li {
    display: none;
}

.hideTermsList > li {
    display: none;
}

.hideTermsList > .selactive {
        display: list-item;
    }

.hidePlansList > li {
    display: none;
}

.hidePlansList > .selactivePlan {
        display: list-item;
    }

.addOns {
    /*border: 1px solid #000;*/
    display: none;
    margin: 5px 0 15px 0;
    padding: 2px;
}

    .addOns button {
        float: right;
        font-size: 0.6em;
        margin: 0;
    }

.productMoreOptionsBox, .deductibleFilterBox, .expandAllBox {
    background: #014983;
    color: #CCC;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    float: right;
    margin: 0 0 0 auto;
    padding: 5px;
    text-align: center;
}

.expandAllBox {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}

#ProductSummary ul {
    margin-bottom: 10px;
}

#ProductSummary li {
    margin-bottom: 2px;
}

#ProductSummary span {
    font-weight: 700;
}

#ProductSummary .rightAlign {
    text-align: right;
}

.rightAlign {
    text-align: right;
    vertical-align: middle;
}

.leftAlign {
    text-align: left;
    vertical-align: middle;
}

.centerAlign {
    text-align:center;
    vertical-align: middle;
}

.rightIndent {
    padding-right: 10px;
}

.toolTip {
    display: inline;
    position: relative;
}

    .toolTip:hover:after {
        background: #D7E6F5;
        border: 1px solid #388FC4;
        border-radius: 5px;
        bottom: 26px;
        color: #000;
        content: attr(tooltipContent);
        left: 100%; /*20%*/
        padding: 5px 15px;
        z-index: 98;
        position: absolute;
        width: 60px;
    }

    .toolTip:hover:before {
        /* border: solid;
    border-color: #D7E6F5 transparent;
    border-width: 7px 7px 0 7px;*/
        border-left: 10px solid #388FC4;
      border-top: 0 solid transparent;
        border-bottom: 7px solid transparent;
        border-right: 7px inset transparent;
        bottom: 20px;
        content: "";
        left: 110%; /*50%;*/
        position: absolute;
        z-index: 99;
    }

.expandBox {
    border: 1px ridge;
    border-color: #AFABAB;
    margin: 5px 5px 5px 1px;
    padding: 10px;
    width: 100%;
}

.blueTooltip {
    background: #D7E6F5;
    border: 1px solid #388FC4;
    border-radius: 5px;
    color: #000;
    height: auto;
    overflow: auto;
    word-wrap: break-word;
    max-height: 600px;
}

.ui-tooltip-content {
    overflow: auto;
}

.ui-tooltip-content ul li {
  list-style: none;
}

.gapRefundsTooltip {
   font-size: 13px;
    min-width: 280px;
}

.quoteToolTipEntry {
    margin: 5px;
}

.ExcludedUserToolTipEntry {
    margin: 5px;
}

.centeredCheckbox, .centeredRadioButton {
    float: left;
    margin: 0 auto;
    width: 100%;
}

.displayNone {
    display: none;
}

.lenders-grid {
    min-width: 480px;
}

.products-grid {
    min-width: 420px;
}

.products-provider-grid {
    min-width: 420px;
}

/* jquery autocomplete styling */
.ui-menu .ui-menu-item a {
    font-family: "cabin", "Verdana", Verdana, Arial, sans-serif;
    font-size: 13px;
    color: #000;
    border-radius: 0;
}

    .ui-menu .ui-menu-item a:hover {
        font-family: "cabin", "Verdana", Verdana, Arial, sans-serif;
        font-size: 13px;
        background: #DEDEDE;
        color: #000;
        border-radius: 0;
    }

    .ui-menu .ui-menu-item a:active {
        font-family: "cabin", "Verdana", Verdana, Arial, sans-serif;
        font-size: 13px;
        box-shadow: 0 0 30px #D7E6F5;
    }

#LenderNameFilter:active, #LenderNameFilter:focus {
    background: #FFF;
    border-radius: 3px;
    box-shadow: inset 1px 1px 5px 0 rgba(102, 102, 102, 0.35);
    display: inline-block;
    padding: 0 2px;
}

.disabled-label, .disabled-label-lenderName {
    color: #868686;
}

.dropdown-width-1-3 {
    width: 162px;
}

/* Zip Code */
.postalCode {
  width: 38px;
}

.postlCodePlusFour {
    width: 30px;
}

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

.ui-autocomplete-loading {
    background: url(../../content/images/ui-anim_basic_16x16.gif) no-repeat right center;
}

.nada-ymm-loading {
    background: url(../../content/images/anim-loading_small.gif) no-repeat right center;
    background-position: calc(100% - 18px) 2px;
}

.nada-mileage-loading {
    background: url(../../content/images/anim-loading_small.gif) no-repeat right center;
    background-position: calc(100% - 4px) 2px;
}

.lightHeadRule {
    color: #DEDEDE;
    background-color: #DEDEDE;
    height: 1px;
    border: none;
    padding: 0;
}

/**** YMM pages *************************** */
.mappingComboLength {
    min-width: 150px;
}
/*Show The GAP Chart Styling*/
.line-legend li {
    margin: 3px;
}

    .line-legend li div {
        height: 15px;
        width: 15px;
        float: left;
        margin-right: 5px;
        border-radius: 3px;
        border-width: 1px;
        border-style: solid;
    }

/*Reports-Parameter Field labels and text boxes styling*/
#box-report-main-activity {
    position: relative;
   top: 0;
    float: left;
    width: 48%;
}

.middleBorder {
    color: #DEDEDE;
    background-color: #DEDEDE;
    height: 600px;
    border: none;
    padding: 0;
    width: 2px;
   margin-left: 0;
    float: left;
}

#box-report-adhoc {
    position: relative;
   top: 0;
    float: right;
    width: 49%;
}

.PDFReport {
    background: url(../Images/Adobe-Reader-icon.png) no-repeat top left;
    background-size: 20px 18px;
    display: block;
    text-indent: -9999px;
   direction: ltr;
}

.EXCELReport {
    background: url(../Images/Microsoft-Excel-icon.png) no-repeat top left;
    background-size: 20px 18px;
    display: block;
    text-indent: -9999px;
   direction: ltr;
}

.CSVReport {
    background: url(../Images/csv-icon.png) no-repeat top left;
    background-size: 20px 18px;
    display: block;
    text-indent: -9999px;
   direction: ltr;
}

#box-report-right-content {
    position: relative;
   top: 0;
    float: right;
    width: 100%;
}

    #box-report-right-content select {
        width: 200px;
    }

    #box-report-right-content div {
        margin-top: 10px;
    }

    #box-report-right-content input[type=button] {
        margin-left: 20px;
        width: 120px;
    }

    #box-report-right-content input[type=submit] {
        margin-left: 20px;
        width: 120px;
    }

#divReportNavi .linkButton {
    margin-right: 20px;
}

#EditSubscriptionForm input[type=button], #EditSubscriptionForm input[type=submit] {
    margin-right: 2em;
}

#ReportParameterField {
    width: 99%;
}

    #ReportParameterField div {
        width: 99%;
        margin-top: 20px;
    }

    #ReportParameterField table {
        table-layout: fixed;
    }

.paramLabel {
    float: left;
    text-align: left;
    width: 10em;
    word-wrap: break-word;
}

#ReportParameterField td {
    padding-top: 15px;
    padding-right: 5px;
}

#ReportParameterField input:not([type='checkbox']) {
    width: 16em;
}

#ReportParameterField select {
    width: 16em;
}
/*select a schedule fields styling*/
#SelectScheduleField {
    width: 99%;
    overflow: auto;
}

    #SelectScheduleField button {
        float: left;
        margin-left: 20px;
    }

/*select distribution list styling*/
#SelectDistListField {
    width: 99%;
    overflow: auto;
}

#SelectDistList {
    position: relative;
    float: left;
    width: 60%;
}

#NewDistList {
    position: relative;
   margin-right: 0;
    float: right;
    width: 35%;
}
/*define new schedule fields styling*/
#defineNewScheduleField input {
    width: 120px;
}

#defineNewScheduleField input[type="radio"]{
    width:25px;
}

.report-input-hint {
    color: gray;
    font-style: italic;
    font-size: 1em;
}

#defineNewScheduleField label:not(.error) {
    margin-top: 0.5em;
}

input[type="checkbox"] {
    margin-left: 1px;
    margin-right: 10px;
   padding: 0;
   width: 15px;
}

input[type="radio"] {
   padding: 0;
   width: 15px;
}

#StartEndDayTime {
    overflow: auto;
}

    #StartEndDayTime div {
        position: relative;
      top: 0;
        float: left;
        width: 49%;
    }

#divScheduleParam {
    overflow: auto;
}

    #divScheduleParam div {
        position: relative;
      top: 0;
        float: left;
        width: 95%;
    }


#divSelectedReceipient {
   margin-top: 0;
}

.button_removeListItem {
    color: red;
    cursor: pointer;
}

#divSearchSchedule div {
    float: left;
    margin-right: 1em;
}
/**** Chat pages *************************** */
.box-general-header .cgrid-unit-13-24.nav-contact-person li.cursor-default {
    line-height: 26px;
}

#headerLiveChat a {
    display: block;
    text-decoration: none;
    border-radius: 4px;
    font-weight: 700;
    padding: 5px 40px 5px 5px;
}

.box-general-header .nav-contact-person li + li {
    background: none;
   border-radius: 0;
    border: none;
    padding: 0;
}

#chatForm {
    visibility: hidden;
}

    #chatForm fieldset {
        background: none repeat scroll 0 0 transparent;
        border: medium none;
        margin: 0;
        padding: 5px;
    }

    #chatForm input[type="text"], #chatForm textarea, #pnlLearnMore_holder #q, .learnMore_searchbar_input {
        color: #616364;
        font-size: 15px;
        font-family: Arial, Helvetica, sans-serif;
        margin: 5px 0 0 0;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px 5px 5px 5px;
        border-radius: 5px;
        -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2) inset;
        -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2) inset;
        box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2) inset;
        background: none repeat scroll 0 0 #F6F6F2;
        border: 2px solid #ABACA7;
        height: 28px;
        line-height: 28px;
        outline: medium none;
        padding: 0 2px 2px 5px;
        width: 320px;
        margin-bottom: 6px;
    }

    #chatForm textarea {
        height: inherit;
    }

        #chatForm input[type="text"]:focus, #chatForm textarea:focus, #pnlLearnMore_holder #q:focus {
            -moz-box-shadow: 0 1px 2px #3282B3;
            -webkit-box-shadow: 0 1px 2px #3282B3;
            box-shadow: 0 1px 2px #3282B3;
            border: 2px solid #3282B3;
        }

    #chatForm .productStatus {
        margin-left: 0;
    }

    #chatForm .tdProductName {
        width: 138px;
    }

#pnlLearnMore_holder .fancyButton {
    border: solid 1px #999;
    border-radius: 10px;
    padding: 9px 9px 10px 9px;
    text-decoration: none;
    font-weight: bold;
    background: -webkit-linear-gradient(#aaa, #fff); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#aaa, #fff); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#aaa, #fff); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#aaa, #fff); /* Standard syntax */
}

#selChatCategories, #selCategories {
    color: #616364;
    font-size: 15px;
    font-family: Arial, Helvetica, sans-serif;
    margin: 5px 0 0 0;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px 5px 5px 5px;
    border-radius: 5px;
    -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2) inset;
    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2) inset;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2) inset;
    background: none repeat scroll 0 0 #F6F6F2;
    border: 2px solid #ABACA7;
    line-height: 33px;
    height: 33px;
    outline: medium none;
    padding: 3px 3px 6px 3px;
}

#chatForm button, #chatForm .button, #chatForm .button:link, #chatForm input[type=submit] {
   margin: 0;
}

#AskCategories {
    width: 100px;
    padding: 1px 2px 2px 2px;
}

#emailSuccess {
    background-color: #ffc;
    border: solid 1px gray;
    border-radius: 10px;
    padding: 10px;
}

#errorimage {
    float: left;
    margin-right: 10px;
    height: 60px;
    width: 60px;
    background-image: url('../../content/images/ErrorDialog.png');
    background-repeat: no-repeat;
}

#errorheader {
    background-color: #ffc;
    border: solid 1px gray;
    border-radius: 10px;
    padding: 10px;
}

#errormessage {
    color: Red;
    font-weight: normal;
}

/**** Document Access *********************/
    #docAccessForm .form-group {
        padding-bottom: 6px;
    }

#gridDocAccess .chksel.selectLender {
    margin-left: 46px;
}

#documentsGrid .webgrid th {
    white-space: nowrap;
}

#accessGrid td {
    text-indent: 0;
    padding: .5em;
}

#documentsGrid td {
    text-indent: 0;
    padding: .5em;
}

.fakeLink {
    color: #347EBE;
    cursor: pointer;
}

.pgRemovalDate {
    color: red;
}

.pgContainer {
    white-space: nowrap;
}

.pgName {
    float: left;
}

.pgNoteIcon {
    background: url('../Images/icon_productgroup_notes.png') no-repeat;
    width: 20px;
    height: 20px;
    margin-left: 6px;
    float: left;
    cursor: pointer;
}

.pgNote {
    position: absolute;
    background: white;
    border: solid 1px #ccc;
    padding: 10px;
    border-radius: 5px;
    margin-top: 18px;
}

#passwordGrouping span.error {
    float: left;
}

.documentBrowseGridContainer .webgrid .friendlyFileName {
    width: 550px;
}

.trainingVideoDescription {
    width: 500px;
}

.trainingDescription {
    width: 400px;
}

.selectorWrapper {
    border: solid 1px #ccc;
    padding-top: 2px;
    height: 80px;
    overflow: auto;
}

#providersSelectorWrapper, #productSubtypesSelectorWrapper {
    display: none;
}

#noProvidersMsg {
    display: none;
}

#productSubtypesSelector {
    max-height: 96px;
}

#searchSelectionLists #productTypesSelectorWrapper, #searchSelectionLists #productTypesSelector {
    width: 100px;
}

#searchSelectionLists #providersSelectorWrapper, #searchSelectionLists #providersSelector {
    width: 250px;
}

#searchSelectionLists #productSubtypesSelectorWrapper, #searchSelectionLists #productSubtypesSelector {
    width: 280px;
}

#uploadSelectionLists > div, #defineSelectionLists > div {
    float: left;
}

#uploadSelectionLists #providersSelectorWrapper {
    margin-left: 16px;
}

#uploadSelectionLists #productTypesSelectorWrapper, #uploadSelectionLists #productTypesSelector {
    width: 220px;
}

#uploadSelectionLists #providersSelectorWrapper, #uploadSelectionLists #providersSelector {
    width: 300px;
}

#uploadSelectionLists #productSubtypesSelectorWrapper, #uploadSelectionLists #productSubtypesSelector {
    width: 537px;
}

#defineSelectionLists #providersSelectorWrapper {
    margin-left: 16px;
    margin-right: 16px;
}

#defineSelectionLists #productTypesSelectorWrapper, #defineSelectionLists #productTypesSelector {
    width: 100px;
}

#defineSelectionLists #providersSelectorWrapper, #defineSelectionLists #providersSelector {
    width: 250px;
}

#defineSelectionLists #productSubtypesSelectorWrapper, #defineSelectionLists #productSubtypesSelector {
    width: 280px;
}

/* NADA */
#print-outputSummaryTable tr > th {
    padding-bottom: 10px;
}

#print-outputSummaryTable tr > td {
    padding-bottom: 10px;
}

.print-nadaOutputTableSummary-th-left {
    font-size: 18px;
    font-family: "Times New Roman", Times, serif;
    min-width: 90px;
    color: black;
    border: none;
    padding: 2px 10px 2px 0;
}

.print-nadaOutputTableSummary-th {
    font-size: 18px;
    font-family: "Times New Roman", Times, serif;
    min-width: 95px;
    color: black;
    border: none;
    padding: 2px 10px 2px 0;
}

.print-nadaOutputTableSummary-empty-th {
    font-size: 18px;
    font-family: "Times New Roman", Times, serif;
    min-width: 115px;
    color: black;
    border: none;
    padding: 2px 10px 2px 0;
}

.print-nadaOutputTableSummary-th-right {
    font-size: 18px;
    font-family: "Times New Roman", Times, serif;
    width: 90px;
    color: black;
    border: none;
    padding: 2px 0 2px 0;
}

.nadaOutputTableSummary-th {
    width: 50px;
    color: black;
    background-color: #D6D7D6;
    border-left: 1px solid white;
    border-right: 1px solid white;
    border-top: 1px solid #AAABAE;
    border-bottom: 1px solid white;
    padding: 2px 15px;
}

.nadaOutputTableSummary-th-left {
    width: 50px;
    color: black;
    background-color: #D6D7D6;
    border-left: 1px solid #AAABAE;
    border-right: 1px solid white;
    border-top: 1px solid #AAABAE;
    border-bottom: 1px solid white;
    padding: 2px 15px;
}

.nadaOutputTableSummary-th-right {
    width: 50px;
    color: black;
    background-color: #D6D7D6;
    border-left: 1px solid white;
    border-right: 1px solid #AAABAE;
    border-top: 1px solid #AAABAE;
    border-bottom: 1px solid white;
    padding: 2px 15px;
}

.nadaOutputTableSummary-empty-th {
    text-align: right;
    border-bottom: 1px solid #DDD;
}

.print-nadaOutputTableSummary-td {
    font-size: 14px;
    text-align: right;
    border: none;
    padding: 2px 15px 2px 0;
    /*padding: 2px 25px 2px 0;*/
}

.print-nadaOutputTableSummary-td-right {
    font-size: 14px;
    font-family: "Times New Roman", Times, serif;
    text-align: right;
    border: none;
    padding: 2px 10px 2px 0;
}

.nadaOutputTableSummary-td,
.nadaOutputTableSummary-td-right {
    text-align: right;
    border-bottom: 1px solid #AAABAE;
    border-right: 1px solid #AAABAE;
    padding: 2px 5px;
}

.nadaOutputTableSummary-td-even {
    background-color: white;
}

.nadaOutputTableSummary-td-odd {
    background-color: #F2F7FC;
}

.nadaOutputTableSummary-td-left {
    text-align: right;
    border-bottom: 1px solid #DDD;
    border-right: 1px solid #C8C8C8;
    padding: 2px 5px;
}

.print-nadaOutputTableSummary-td-left {
    text-align: left;
    font-family: "Times New Roman", Times, serif;
    font-size: 17px;
    font-weight: bold;
    border: none;
    padding: 2px 0;
}

.nadaOutputTableSummary-td-right {
    text-align: right;
    border-bottom: 1px solid #AAABAE;
    padding: 2px 5px;
}

.rowSeparator {
    border-top: 2px solid gray;
}

.print-rowSeparator {
    border-top: 3px solid gray;
}

   .print-rowSeparator > td {
        padding-top: 10px;
    }

#nadaGuideTitle {
    font-size: 21px;
    font-family: "Times New Roman", Times, serif;
    text-align: center;
    margin-bottom: 0;
}

#nadaDateTime {
    font-size: 14px;
    font-family: "Times New Roman", Times, serif;
    text-align: center;
    margin-bottom: 10px;
}

#nadaVehicleSummaryTitle {
    font-size: 19px;
    font-weight: bold;
    font-family: "Times New Roman", Times, serif;
    text-align: center;
    margin-bottom: 10px;
}

#nadaRegionLabel,
#nadaVehicleDescriptionLabel,
#nadaSelectedAccessoriesLabel,
#nadaVINLabel,
#nadaMSRPLabel,
#nadaMileageLabel,
#nadaMileageValueLabel,
#nadaOptionsValueLabel,
#nadaAdjustedCleanLoanLabel,
#nadaBaseCleanLoanLabel,
#nadaBaseCleanRetailLabel,
#nadaMileageAdjustmentLabel,
#nadaOptionsAdjustmentLabel,
#nadaAdjustedCleanRetailLabel,
#nadaBaseCleanTradeInLabel,
#nadaAdjustedCleanTradeInLabel {
    font-size: 17px;
    font-weight: bold;
    font-family: "Times New Roman", Times, serif;
    text-align: left;
    float: left;
    margin-bottom: 10px;
    margin-left: 40px;
}

#nadaRegionMonthYear,
#nadaVIN,
#nadaMSRP,
#nadaMileage,
#nadaMileageValueValue,
#nadaOptionsValueValue,
#nadaAdjustedCleanLoanValue,
#nadaBaseCleanLoanValue,
#nadaBaseCleanRetailValue,
#nadaMileageAdjustmentValue,
#nadaOptionsAdjustmentValue,
#nadaAdjustedCleanRetailValue,
#nadaBaseCleanTradeInValue,
#nadaAdjustedCleanTradeInValue {
    font-size: 17px;
    font-family: "Times New Roman", Times, serif;
    text-align: left;
    float: left;
    margin-bottom: 10px;
    /*margin-left:-25px;*/
    margin-left: 10px;
}

#nadaVehicleDescription,
#nadaSelectedAccessories {
    font-size: 17px;
    font-family: "Times New Roman", Times, serif;
    float: left;
    margin-bottom: 10px;
    /*margin-left:-25px;*/
    margin-left: 10px;
    text-align: left;
    display: block;
    width: 400px;
    word-wrap: break-word;
    text-indent: 0;
}

#nadaVehicleDescriptionCentered,
#nadaSelectedAccessoriesCentered,
#nadaMileageValueValueCentered,
#nadaVINCentered {
    font-size: 17px;
    font-family: "Times New Roman", Times, serif;
    float: left;
    margin-bottom: 10px;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
    text-align: center;
    display: block;
    word-wrap: break-word;
    text-indent: 0;
}

#nadaDisclaimer {
    font-family: "Times New Roman", Times, serif;
    text-align: center;
}

/*@page {
    size: auto;
    margin: 0;
}*/

.printBody {
    background-color: #FFFFFF;
    /*border: solid 1px black ;*/
    /*margin: 0;*/
}

/* View DAT File */
.viewDATMessageContainer {
    display: none;
    margin: 24px auto 0;
    width: 50%;
}

.viewDATLoadingIndicatorContainer {
    width: 920px;
    height: 70px;
    text-align: center;
    margin: 0 auto;
    position: absolute;
    z-index: 10;
    margin-top: -15px;
}

#viewDATMain {
    display: none;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
}

.datSectionHeading {
    display: block;
    font-size: 1.2em;
    font-style: italic;
    font-weight: bold;
    -webkit-margin-before: 0.83em;
    -webkit-margin-after: 0.83em;
   -moz-margin-start: 0;
    -webkit-margin-start: 0;
   -moz-margin-end: 0;
    -webkit-margin-end: 0;
}

.datFile h5 {
    color: #1E56A0;
    margin-bottom: 0;
    font-weight: bold;
}

#insuranceSetUpTable td {
    padding: 3px 7px 10px 7px;
}

.rateTable {
    table-layout: fixed;
    margin-left: auto;
    margin-right: auto;
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    width: 100%;
    border-collapse: collapse;
}

    .rateTable td, .rateTable thead {
        text-align: center;
        font-size: 1em;
        border: 1px solid #AFABAB;
        padding: 3px 7px 2px 7px;
    }

        .rateTable td:nth-of-type(odd) {
            width: 55px;
        }

        .rateTable td:nth-of-type(2n) {
            width: 90px;
        }

    .rateTable thead {
        font-weight: bold;
        font-size: 1.1em;
        text-align: left;
        padding-top: 5px;
        padding-bottom: 4px;
        background-color: #D8D8D8;
        color: black;
    }

.rateTableEven {
    background: white;
}

.rateTableOdd {
    background: #F2F7FC;
}

#viewDATMain .ui-tabs .ui-tabs-panel {
    padding-top: 15px;
}

.noWrapTableCell-p10 {
    width: 1%;
    white-space: nowrap;
    padding-right: 10px;
}

.noWrapTableCell-p20 {
    width: 1%;
    white-space: nowrap;
    padding-right: 20px;
}

.noWrapTableCell-p40 {
    width: 1%;
    white-space: nowrap;
    padding-right: 40px;
}

.noWrapTableCell-p80 {
    width: 1%;
    white-space: nowrap;
    padding-right: 80px;
}

.noWrapTableCell-p120 {
    width: 1%;
    white-space: nowrap;
    padding-right: 120px;
}

.noWrapTableCell-p160 {
    width: 1%;
    white-space: nowrap;
    padding-right: 160px;
}

.dpmSettingView {
    background: #D7E6F5;
    border: 1px solid #388FC4;
    border-radius: 5px;
    color: #000;
    height: auto;
    word-wrap: break-word;
    margin: 4px 16px 8px 16px;
}

.dpmSettingView td {
  padding: 2px 12px 2px 4px;
}

/**** Quotes & Sales Search *************************** */

.quotes-sales-message-box {
    display: none;
    float: left;
    margin-left: 20px;
    margin-top: 0;
    margin-bottom: 10px;
    min-width: 50%;
}

.quotes-sales-prodChkSelAll {
    margin-top: 10px;
    margin-left: 10px;
    margin-bottom: 0;
}

.quotes-sales-prodChkSel {
    margin-top: 8px;
    margin-left: 10px;
    margin-bottom: 0;
}

.quotes-sales-SearchButton {
    position: relative;
    top: 260px;
    left: 0;
    margin: 5px 5px 0 0;
    width: 80px;
}

/**** My Profile page ****************************/

.profileTextField {
    margin-top: 15px;
}

.profileFieldset {
    margin-top: 15px;
}

.profileLegend {
    margin: 0;
}

/**** My Profile page ****************************/

.disabledDiv {
    pointer-events: none;
    opacity: 0.6;
}

/****Product Collateral Settings*****************/

#divDefaultCollaterals a {
    display: inline-block;
    margin-bottom: 5px;
}

/**** Employee Incentives pages *****************/

.empIncDivRow2 {
    margin-top: 15px;
}

/**** IP Address Ranges *************************/
#ipAddressRangesDiv {
    margin-top: 5px;
    margin-bottom: 5px;
    max-width: 736px;
}

#ipAddressRangesGrid {
    margin-top: 2px;
    margin-bottom: 4px;
}

#removeIPAddressRange, #addIPAddressRange {
    float: right;
    margin: 0 0 0 0;
}

.RemoveIPAddressRange, .AddIPAddressRange {
    margin-left: 10px;
    margin-top: 2px;
    min-width: 80px;
}

.ipRangeLabeledField {
    margin: 15px 0 10px 15px;
}

.ipRangeLabelDiv {
    float: left;
    margin-left: 5px;
    margin-top: 3px;
}

.ipAddressField {
    float: right;
    margin-right: 25px;
}

.ipRangeLabel {
    font-size: smaller;
    font-weight: bold;
}

#ipRangeEmptyIpMsgDiv, #ipRangeBadIpMsgDiv {
    float: left;
    margin-top: 0;
    margin-left: 40px;
}

.ipRangeMsgLabel {
    font-size: 0.9em;
    font-style: italic;
    color: red;
}

/**** Loan Calc Summary *************************/

.loanSummaryInfoDiv {
    margin-left: 140px;
}

.loanSummaryContentOffset {
    margin-top: 10px;
}

.loanSummaryButtonAreaDiv {
    margin-left: 140px;
    margin-top: 20px;
}

.content-editor button:hover {
    background-color: #ccc;
}

/**** Nav Link-related *****************/
.backLink {
    margin-bottom: 10px;
}

/******Lender Products*****************/
#lenderProductProviderGridEnabled a, #lenderProductProviderGridAll a {
   display: inline-block;
   margin-left: 1em;
}

/****Credit Protection***/
.overlaySetupPage {
    background-color: #FFF;
   z-index: 10;
   position: absolute;
}

.webgrid-header-cpprottype {
   padding-top: 6px;
   padding-left: 5px;
   padding-right: 5px;
   text-indent: 0;
   background-image: url('../../content/images/webgrid_header_background.png');
   background-repeat: repeat-x;
   border-bottom: 0 solid #3966A2;
   height: 32px;
   border-top: 1px solid #D0D5D1;
   border-left: 1px solid #D0D5D1;
   border-right: 1px solid #D0D5D1;
   color: Black;
   font-weight: Normal;
}

.webgrid-header-cpprottype a,
.webgrid-header-cpprottype a:link,
.webgrid-header-cpprottype a:hover,
.webgrid-header-cpprottype a:visited {
    color: Black;
    font-weight: Bold;
    text-decoration: none;
    display: block;
}

#cpProtTypeWebGrid tr th:nth-child(-n+10) {
   text-align: left;
}

#cpProtTypeWebGrid tr th:nth-child(n+10) {
   text-align: center;
}
/**** End Test Protection Types Grid ***/


/* MBP View Model */
.optionsHeader {
    font-weight: bold;
}

.option {
    padding-bottom: 2px;
}

.optionInput input {
    margin: 0;
}

/* Custom Message Rt66 and First Street */
.customMessageCustomizeProtectionLayout {
    color: #ef0000;
    background-color: white;
    border: 3px solid #c00000;
    width: 308px;
    margin-top:10px;
    margin-bottom:10px;
    box-shadow: 2px 2px 2px #999;
}

.customMessageFinalizeQuoteLayout, .customMessageQuoteSaleLayout {
    color: #ef0000;
    background-color: white;
    border: 3px solid #c00000;
    position: relative;
    width: 308px;
    box-shadow: 2px 2px 2px #999;
    display:inline-block;
}

.customMessageCustomizeProtectionLayout {
    top: -30px;
    left: -16px;
}

.customMessageFinalizeQuoteLayout {
    top: -32px;
    float: right;
    margin-right: 20px;
}

.customMessageQuoteSaleLayout {
    top: 10px;
    float: right;
    margin-right: 20px;
}

#DupeVinCancelSalesDialog {
  display: grid;
  grid-template-rows: auto 1fr auto;
  overflow: hidden;
}

#DupeVinCancelSalesDialogContent {
  overflow-y: auto;
}

#DupeVinCancelSalesDialogContent thead {
  position: sticky;
  top: -1px;
}

/* Responsive Quote Flow Pages*/
.summaryExpandCollapseDiv {
   display: none;
}

.inputSummary {
   width: 205px;
   display: table-cell;
   padding-right: 10px;
   vertical-align: top;
   table-layout: fixed;
}

.customMessageContainer {
    padding-top: 4px;
    padding-bottom: 5px;
    text-align: initial;
    margin-left: 4px;
    text-indent: -0.5em;
    padding-left: 0.5em;
    font-weight: bold;
}

#quoteExpirationForm > div
{
   margin-bottom: 10px;
}

.borderTable td{
    border: 1px solid lightgrey;
}

/**** REMITTANCE PAGES */
#CreateRemitForm .filterBox {
  border-radius: 12px;
  background-color: #e9e9e9;
}

#CreateRemitForm .filter_pill {
  display: inline-block;
  padding: 4px 15px;
  margin: 5px;
  border-radius: 20px;
  background-color: #F5F7FB;
  border: 1px solid #E8EDF5;
  position: relative;
  font-weight: bold;
}

#CreateRemitForm .btn_removePill {
  margin-left: 5px;
  cursor: pointer;
}

.remit-totals-label {
  margin: 1rem 0 1rem 0;
  display: inline-block;
}

.remit-totals-label.right {
  float: right;
}

.webgrid.remit .webgrid-header th {
  cursor: pointer;
}

/*USERS PAGE*/
.web-grid-users-col-max-width {
  max-width: 90px;
  -ms-word-wrap: break-word;
  word-wrap: break-word;
}

/* FireFox ScrollBarDiv*/
.scrollBar {
    overflow:auto;
    border: 0;
    border-top: 2px solid #888;
    border-left: 2px solid #888;
}

.no-border {
    border-top:0px;
    border-left:0px;
    border-right:0px;
    border-bottom: 0px;
}

#AddProductCostsNonDeclined, label[for="AddProductCostsNonDeclined"] {
    display: inline !important;
    margin-right:0px
}

#tabs.ui-widget, #tabs.ui-widget input, #tabs.ui-widget select, #tabs.ui-widget textarea, #tabs.ui-widget button { font-family: inherit; font-size: inherit; }

#bundles > div, #bundles2 > div { padding-bottom: 12px;}

#sortable li {margin: 0 0 4px 0;padding: 6px 1em 0 1.5em;height: 18px;}
#sortable li span {position: absolute;margin: -1px 0 0 -1.3em;}


.QuoteInputSectionContainer2025 {
    .input-validation-error {
        border-color: var(--iqq-error-border);
    }

    .field-validation-error {
        color: var(--iqq-error-text);
    }

    hr {
        color: var(--iqq-dark-gray);
    }

    h2 {
        margin-bottom: 0;
    }

    .productSelectionsContainer {
        display: grid;
        grid-template-columns: 1fr 1fr;
        grid-column-gap: 20px;
        grid-auto-flow: row;
    }

    .productSelectionsColumn {
        display: flex;
        flex-direction: column;
        gap: 20px;
    }

    .selectableProduct {
        border-width: 2px;
        border-style: solid;
        border-color: var(--iqq-light-gray);
        border-radius: 5px;
        padding: 16px;
    }

    .selectedProductBorder {
        border-color: var(--iqq-blue-200);
    }

    .titleAndToggle {
        margin-bottom: 4px;
        display: flex;
        justify-content: space-between;
    }

    /* mostly removing existing button styling */
    .cleanButton, .cleanButton:hover, .cleanButton:visited, .cleanButton:focus {
        border: none;
        background: none;
        box-shadow: none;
        color: var(--iqq-link-blue);
        text-decoration: underline;
        display: inline-block;
        margin: 0;
        padding: 0;
    }

    .productDescription {
        margin-bottom: 6px;
    }

    .chevronToggle rect {
        fill: var(--iqq-blue-50);
    }

    .chevronToggle path {
        fill: var(--iqq-blue-600);
    }

    .descChevronHidden {
        display: none;
    }

    .productTitle {
        font-weight: 700;
        font-size: 15px;
    }

    #fieldsBelowModifiedNotice {
        display: none;
    }
}