@charset "UTF-8";
/*-------------------------------------*\
    KSFORM.css
\*-------------------------------------*/
/**
 * Table of Contents:
 *
 * GLobal:
 * # ksform-typography
 * # ksForm
 *
 * Form Widgets:
 * # ksForm-checkradio
 * # ksForm-inputtext
 * # ksform-select
 * # ksform-button
 * # ksform-responsive-button
 * # ksform-progress
 * # ksform-state
 *
 * Form Structure:
 * # ksform-dividers
 * # ksform-layout
 * # ksform-modal
 * # ksform-tabs
 * # ksform-toolBar
 */
/* Variables */
/* Colors */
/* Sizes of White space */
/* Responsive Breakpoints */
/* Size of butons in drop-down menus*/
/**
 * # ksform-typography
 * Typographic rules for KSForm
 */
.ksForm {
  line-height: 24px;
  font-size: 15.12px;
  color: #252525;
  font-family: 'Helvetica Neue',Helvetica,Arial,'Lucida Grande',sans-serif;
  /* Common margin-bottom for vertical rhythm. */
  /* Define headings and their associated classes here. */
  /* Smaller-than-body-copy sizes here. */ }
.ksForm >* .base2 {
	font-family: 'Helvetica Neue',Helvetica,Arial,'Lucida Grande',sans-serif;
	font-size:14px; /* for move from 12px Verdana */
}
  .ksForm :disabled {
    color: #959595; }
    .ksForm :disabled + label, .ksForm :disabled + label .secondary {
      color: #959595; }
  .ksForm h1, .ksForm h2, .ksForm h3, .ksForm h4, .ksForm h5, .ksForm h6,
  .ksForm ul, .ksForm ol, .ksForm dl,
  .ksForm fieldset,
  .ksForm p,
  .ksForm table,
  .ksForm pre,
  .ksForm hr {
    margin: 0;
    padding: 0;
    margin-bottom: 6px;
    text-rendering: optimizeLegibility;
    /* Turn off hyphens for all (because Safari turns it on by default it seems...) */
    -webkit-hyphens: none;
    -moz-hyphens: none;
    -ms-hyphens: none;
    -o-hyphens: none;
    hyphens: none;
    word-wrap: break-word; }
  .ksForm p {
    -webkit-hyphens: auto;
    -moz-hyphens: auto;
    -ms-hyphens: auto;
    -o-hyphens: auto;
    hyphens: auto;
    word-wrap: break-word; }
  .ksForm h1, .ksForm .alpha {
    font-size: 32px;
    font-size: 2rem;
    /* 32px */
    line-height: 1.5;
    /* 48px */ }
  .ksForm h2, .ksForm .beta {
    font-size: 1.5em;
    /* 24px */
    line-height: 1;
    /* 24px */ }
  .ksForm h3, .ksForm .gamma {
    font-size: 20px;
    font-size: 1.25rem;
    /* 20px */
    line-height: 1.2;
    /* 24px */ }
  .ksForm h4, .ksForm .delta {
    font-size: 18px;
    font-size: 1.125rem;
    /* 18px */
    line-height: 1.333;
    /* 24px */ }
  .ksForm h5, .ksForm .epsilon {
    font-size: 16px;
    font-size: 1rem;
    /* 16px */
    line-height: 1.5;
    /* 24px */ }
  .ksForm h6, .ksForm .zeta {
    font-size: 16px;
    font-size: 1rem;
    /* 16px */
    line-height: 1.5;
    /* 24px */ }
  .ksForm small, .ksForm .milli {
    font-size: 12px;
    font-size: 0.75rem;
    /* 12px */
    line-height: 2;
    /* 24px */ }
  .ksForm .center {
    text-align: center; }
  .ksForm .left {
    text-align: left; }
  .ksForm .right {
    text-align: right; }
  .ksForm .justify {
    text-align: justify; }

.ksForm .secondary {
  margin-left: 6px;
  font-size: 12.72px;
  color: #656565; }

.ksForm label {
  font-weight: 400; }

/**
 * # ksForm
 * Basic container, to become much more
 */
/**
 * # ksForm-checkradio
 * ksForm Check boxes & Radios (and selects)
 */
.ksForm [type='checkbox'],
.ksForm [type='radio'],
.ksForm select {
  cursor: pointer; }
  .ksForm [type='checkbox'] + label,
  .ksForm [type='radio'] + label,
  .ksForm select + label {
    cursor: pointer; }
  .ksForm [type='checkbox']:disabled,
  .ksForm [type='radio']:disabled,
  .ksForm select:disabled {
    cursor: not-allowed; }
    .ksForm [type='checkbox']:disabled + label,
    .ksForm [type='radio']:disabled + label,
    .ksForm select:disabled + label {
      cursor: not-allowed; }

.ksForm [type='checkbox'] + label,
.ksForm [type='radio'] + label {
  padding-left: 12px; }

.ksForm label + [type='checkbox'],
.ksForm label + [type='radio'] {
  margin-left: 36px; }

.ksForm label + select {
  margin-left: 12px; }

.ksForm select + label {
  margin-left: 36px; }

.ksForm select + [type='checkbox'],
.ksForm select + [type='radio'] {
  margin-left: 36px; }

.ksForm label + label {
  margin-left: 36px; }

/* Check & Radio specific typography */
.ksForm :checked + label {
  color: #000; }

.ksForm .checked-color-membership :checked + label {
  color: #0074bf; }

.ksForm .checked-color-include :checked + label {
  color: #00bf5f; }

.ksForm .checked-color-process :checked + label {
  color: #efa300; }

.ksForm .checked-color-warn :checked + label {
  color: #d50033; }

/* ksForm Check Lists */
.ksForm .ksForm-check-list {
  padding-left: 0;
  /* This stops browsers from indenting the list */
  margin: 6px 0;
  list-style: none; }
  .ksForm .ksForm-check-list > li {
    display: block; }

/**
 * # ksForm-inputtext
 * Single Line Text Inputs
 */
.ksForm label + input[type="text"], .ksForm label + input[type="password"], .ksForm label + input[type="email"], .ksForm label + input[type="url"], .ksForm label + input[type="date"], .ksForm label + input[type="month"], .ksForm label + input[type="time"], .ksForm label + input[type="datetime"], .ksForm label + input[type="datetime-local"], .ksForm label + input[type="week"], .ksForm label + input[type="number"], .ksForm label + input[type="number-pattern"], .ksForm label + input[type="search"], .ksForm label + input[type="tel"], .ksForm label + input[type="color"] {
  margin-left: 12px; }

.ksForm input[type="text"] + label,
.ksForm input[type="password"] + label,
.ksForm input[type="email"] + label,
.ksForm input[type="url"] + label,
.ksForm input[type="date"] + label,
.ksForm input[type="month"] + label,
.ksForm input[type="time"] + label,
.ksForm input[type="datetime"] + label,
.ksForm input[type="datetime-local"] + label,
.ksForm input[type="week"] + label,
.ksForm input[type="number"] + label,
.ksForm input[type="number-pattern"] + label,
.ksForm input[type="search"] + label,
.ksForm input[type="tel"] + label,
.ksForm input[type="color"] + label {
  margin-left: 36px; }

/* Turn off default search styles */
.ksForm input[type="search"] {
  -webkit-appearance: none;
  -moz-appearance: none; }

.ksForm input[type="text"],
.ksForm input[type="password"],
.ksForm input[type="email"],
.ksForm input[type="url"],
.ksForm input[type="date"],
.ksForm input[type="month"],
.ksForm input[type="time"],
.ksForm input[type="datetime"],
.ksForm input[type="datetime-local"],
.ksForm input[type="week"],
.ksForm input[type="number"],
.ksForm input[type="number-pattern"],
.ksForm input[type="search"],
.ksForm input[type="tel"],
.ksForm input[type="color"],
.ksForm select,
.ksForm textarea {
  padding: 3px 12px;
  display: inline-block;
  font-family: sans-serif;
  font-size: 14px;
  line-height: 16px;
  height: 24px;
  -moz-box-sizing: border-box;
       box-sizing: border-box;
  box-shadow: inset 0 1px 3px #ddd;
  border: 1px solid #ccc;
  border-radius: 3px;
  margin-bottom: 24px; }
  .ksForm input[type="text"]:focus,
  .ksForm input[type="password"]:focus,
  .ksForm input[type="email"]:focus,
  .ksForm input[type="url"]:focus,
  .ksForm input[type="date"]:focus,
  .ksForm input[type="month"]:focus,
  .ksForm input[type="time"]:focus,
  .ksForm input[type="datetime"]:focus,
  .ksForm input[type="datetime-local"]:focus,
  .ksForm input[type="week"]:focus,
  .ksForm input[type="number"]:focus,
  .ksForm input[type="number-pattern"]:focus,
  .ksForm input[type="search"]:focus,
  .ksForm input[type="tel"]:focus,
  .ksForm input[type="color"]:focus,
  .ksForm select:focus,
  .ksForm textarea:focus {
    outline: 0;
    outline: thin dotted \9;
    /* IE6-9 */
    border-color: #0074bf; }
  .ksForm input[type="text"][disabled],
  .ksForm input[type="password"][disabled],
  .ksForm input[type="email"][disabled],
  .ksForm input[type="url"][disabled],
  .ksForm input[type="date"][disabled],
  .ksForm input[type="month"][disabled],
  .ksForm input[type="time"][disabled],
  .ksForm input[type="datetime"][disabled],
  .ksForm input[type="datetime-local"][disabled],
  .ksForm input[type="week"][disabled],
  .ksForm input[type="number"][disabled],
  .ksForm input[type="number-pattern"][disabled],
  .ksForm input[type="search"][disabled],
  .ksForm input[type="tel"][disabled],
  .ksForm input[type="color"][disabled],
  .ksForm select[disabled],
  .ksForm textarea[disabled] {
    cursor: not-allowed;
    background-color: #eaeded;
    color: #cad2d3; }
  .ksForm input[type="text"].input-width-xs,
  .ksForm input[type="password"].input-width-xs,
  .ksForm input[type="email"].input-width-xs,
  .ksForm input[type="url"].input-width-xs,
  .ksForm input[type="date"].input-width-xs,
  .ksForm input[type="month"].input-width-xs,
  .ksForm input[type="time"].input-width-xs,
  .ksForm input[type="datetime"].input-width-xs,
  .ksForm input[type="datetime-local"].input-width-xs,
  .ksForm input[type="week"].input-width-xs,
  .ksForm input[type="number"].input-width-xs,
  .ksForm input[type="number-pattern"].input-width-xs,
  .ksForm input[type="search"].input-width-xs,
  .ksForm input[type="tel"].input-width-xs,
  .ksForm input[type="color"].input-width-xs,
  .ksForm select.input-width-xs,
  .ksForm textarea.input-width-xs {
    width: 48px;
    padding-left: 3px;
    padding-right: 3px; }
  .ksForm input[type="text"].input-width-sm,
  .ksForm input[type="password"].input-width-sm,
  .ksForm input[type="email"].input-width-sm,
  .ksForm input[type="url"].input-width-sm,
  .ksForm input[type="date"].input-width-sm,
  .ksForm input[type="month"].input-width-sm,
  .ksForm input[type="time"].input-width-sm,
  .ksForm input[type="datetime"].input-width-sm,
  .ksForm input[type="datetime-local"].input-width-sm,
  .ksForm input[type="week"].input-width-sm,
  .ksForm input[type="number"].input-width-sm,
  .ksForm input[type="number-pattern"].input-width-sm,
  .ksForm input[type="search"].input-width-sm,
  .ksForm input[type="tel"].input-width-sm,
  .ksForm input[type="color"].input-width-sm,
  .ksForm select.input-width-sm,
  .ksForm textarea.input-width-sm {
    width: 72px;
    padding-left: 6px;
    padding-right: 6px; }
  .ksForm input[type="text"].input-width-md,
  .ksForm input[type="password"].input-width-md,
  .ksForm input[type="email"].input-width-md,
  .ksForm input[type="url"].input-width-md,
  .ksForm input[type="date"].input-width-md,
  .ksForm input[type="month"].input-width-md,
  .ksForm input[type="time"].input-width-md,
  .ksForm input[type="datetime"].input-width-md,
  .ksForm input[type="datetime-local"].input-width-md,
  .ksForm input[type="week"].input-width-md,
  .ksForm input[type="number"].input-width-md,
  .ksForm input[type="number-pattern"].input-width-md,
  .ksForm input[type="search"].input-width-md,
  .ksForm input[type="tel"].input-width-md,
  .ksForm input[type="color"].input-width-md,
  .ksForm select.input-width-md,
  .ksForm textarea.input-width-md {
    width: 144px; }
  .ksForm input[type="text"].input-width-lg,
  .ksForm input[type="password"].input-width-lg,
  .ksForm input[type="email"].input-width-lg,
  .ksForm input[type="url"].input-width-lg,
  .ksForm input[type="date"].input-width-lg,
  .ksForm input[type="month"].input-width-lg,
  .ksForm input[type="time"].input-width-lg,
  .ksForm input[type="datetime"].input-width-lg,
  .ksForm input[type="datetime-local"].input-width-lg,
  .ksForm input[type="week"].input-width-lg,
  .ksForm input[type="number"].input-width-lg,
  .ksForm input[type="number-pattern"].input-width-lg,
  .ksForm input[type="search"].input-width-lg,
  .ksForm input[type="tel"].input-width-lg,
  .ksForm input[type="color"].input-width-lg,
  .ksForm select.input-width-lg,
  .ksForm textarea.input-width-lg {
    width: 288px; }
  .ksForm input[type="text"].input-width-xl,
  .ksForm input[type="password"].input-width-xl,
  .ksForm input[type="email"].input-width-xl,
  .ksForm input[type="url"].input-width-xl,
  .ksForm input[type="date"].input-width-xl,
  .ksForm input[type="month"].input-width-xl,
  .ksForm input[type="time"].input-width-xl,
  .ksForm input[type="datetime"].input-width-xl,
  .ksForm input[type="datetime-local"].input-width-xl,
  .ksForm input[type="week"].input-width-xl,
  .ksForm input[type="number"].input-width-xl,
  .ksForm input[type="number-pattern"].input-width-xl,
  .ksForm input[type="search"].input-width-xl,
  .ksForm input[type="tel"].input-width-xl,
  .ksForm input[type="color"].input-width-xl,
  .ksForm select.input-width-xl,
  .ksForm textarea.input-width-xl {
    width: 432px; }
  .ksForm input[type="text"].input-padding-xs,
  .ksForm input[type="password"].input-padding-xs,
  .ksForm input[type="email"].input-padding-xs,
  .ksForm input[type="url"].input-padding-xs,
  .ksForm input[type="date"].input-padding-xs,
  .ksForm input[type="month"].input-padding-xs,
  .ksForm input[type="time"].input-padding-xs,
  .ksForm input[type="datetime"].input-padding-xs,
  .ksForm input[type="datetime-local"].input-padding-xs,
  .ksForm input[type="week"].input-padding-xs,
  .ksForm input[type="number"].input-padding-xs,
  .ksForm input[type="number-pattern"].input-padding-xs,
  .ksForm input[type="search"].input-padding-xs,
  .ksForm input[type="tel"].input-padding-xs,
  .ksForm input[type="color"].input-padding-xs,
  .ksForm select.input-padding-xs,
  .ksForm textarea.input-padding-xs {
    padding-left: 3px;
    padding-right: 3px; }
  .ksForm input[type="text"].input-padding-sm,
  .ksForm input[type="password"].input-padding-sm,
  .ksForm input[type="email"].input-padding-sm,
  .ksForm input[type="url"].input-padding-sm,
  .ksForm input[type="date"].input-padding-sm,
  .ksForm input[type="month"].input-padding-sm,
  .ksForm input[type="time"].input-padding-sm,
  .ksForm input[type="datetime"].input-padding-sm,
  .ksForm input[type="datetime-local"].input-padding-sm,
  .ksForm input[type="week"].input-padding-sm,
  .ksForm input[type="number"].input-padding-sm,
  .ksForm input[type="number-pattern"].input-padding-sm,
  .ksForm input[type="search"].input-padding-sm,
  .ksForm input[type="tel"].input-padding-sm,
  .ksForm input[type="color"].input-padding-sm,
  .ksForm select.input-padding-sm,
  .ksForm textarea.input-padding-sm {
    padding-left: 6px;
    padding-right: 6px; }

/*
Need to separate out the :not() selector from the rest of the CSS 2.1 selectors
since IE8 won't execute CSS that contains a CSS3 selector.
*/
.ksForm input:not([type]) {
  padding: 3px 12px;
  display: inline-block;
  font-family: sans-serif;
  font-size: 14px;
  line-height: 16px;
  height: 24px;
  -moz-box-sizing: border-box;
       box-sizing: border-box;
  box-shadow: inset 0 1px 3px #ddd;
  border: 1px solid #ccc;
  border-radius: 3px;
  margin-bottom: 24px; }

/* Chrome (as of v.32/34 on OS X) needs additional room for color to display. */
/* May be able to remove this tweak as color inputs become more standardized across browsers. */
.ksForm input[type="color"] {
  padding: 3px 12px;
  display: inline-block; }

.ksForm textarea {
  height: auto; }

/**
 * # ksform-select
 * Styles for the selects, though there is not much to do
 */
.ksForm select {
  display: inline-block;
  border: 1px solid #ccc;
  border-radius: 3px;
  font-size: 14px;
  line-height: 16px;
  height: 24px;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  background-color: white; }

.ksForm select[multiple] {
  height: auto; }

/**
 * # ksform-button
 * A port of the bluebar style buttons
 */
.ksForm:hover button.chicklet, .ksForm:hover
.button.chicklet {
  border: 1px solid #ccc;
  border-radius: 3px;
  padding: 3px 12px;
  display: inline-block;
  font-family: sans-serif;
  font-size: 14px;
  line-height: 16px;
  height: 24px;
  -moz-box-sizing: border-box;
       box-sizing: border-box;
  background-color: #eee;
  color: #252525;
  box-shadow: 0 1px 1px #999; }
  .ksForm:hover button.chicklet:hover, .ksForm:hover
  .button.chicklet:hover {
    -webkit-transition: 111ms;
            transition: 111ms;
    border: 1px solid #ccc;
    border-radius: 3px;
    padding: 3px 12px;
    display: inline-block;
    font-family: sans-serif;
    font-size: 14px;
    line-height: 16px;
    height: 24px;
    -moz-box-sizing: border-box;
         box-sizing: border-box;
    background-color: #eee;
    color: #252525;
    background-color: #e0e0e0;
    box-shadow: 0 1px 1px #999; }
  .ksForm:hover button.chicklet:active, .ksForm:hover
  .button.chicklet:active {
    -webkit-transition: 111ms;
            transition: 111ms;
    border: 1px solid #ccc;
    border-radius: 3px;
    padding: 3px 12px;
    display: inline-block;
    font-family: sans-serif;
    font-size: 14px;
    line-height: 16px;
    height: 24px;
    -moz-box-sizing: border-box;
         box-sizing: border-box;
    background-color: #eee;
    color: #252525;
    background-color: #ddd;
    box-shadow: 0 0 0 #999; }
  .ksForm:hover button.chicklet.button-primary, .ksForm:hover
  .button.chicklet.button-primary {
    color: #00558c; }
  .ksForm:hover button.chicklet.button-success, .ksForm:hover
  .button.chicklet.button-success {
    color: #008c46; }
  .ksForm:hover button.chicklet.button-warn, .ksForm:hover
  .button.chicklet.button-warn {
    color: #bc8000; }
  .ksForm:hover button.chicklet.button-danger, .ksForm:hover
  .button.chicklet.button-danger {
    color: #a20027; }

.ksForm button,
.ksForm .button {
  -webkit-transition: 333ms;
          transition: 333ms;
  color: #767676;
  border: solid #999 1px;
  background-color: #ffffff;
  font-family: sans-serif;
  font-size: 14px;
  line-height: 16px;
  padding: 3px 12px;
  display: inline-block;
  font-family: sans-serif;
  font-size: 14px;
  line-height: 16px;
  height: 24px;
  -moz-box-sizing: border-box;
       box-sizing: border-box;
  margin: 0;
  width: auto;
  cursor: pointer;
  text-align: center;
  vertical-align: middle;
  border-radius: 3px; }
  .ksForm button:hover,
  .ksForm .button:hover {
    color: black; }
  .ksForm button:active,
  .ksForm .button:active {
    cursor: progress; }
  .ksForm button:disabled, .ksForm button.disabled,
  .ksForm .button:disabled,
  .ksForm .button.disabled {
    color: #959595;
    background-color: #dfdfdf;
    cursor: not-allowed; }
    .ksForm button:disabled:hover, .ksForm button.disabled:hover,
    .ksForm .button:disabled:hover,
    .ksForm .button.disabled:hover {
      color: #959595; }
  .ksForm button.button-primary,
  .ksForm .button.button-primary {
    color: #007dbd; }
    .ksForm button.button-primary:hover,
    .ksForm .button.button-primary:hover {
      border-color: #007dbd; }
    .ksForm button.button-primary.button-color-fill, .ksForm button.button-primary:active,
    .ksForm .button.button-primary.button-color-fill,
    .ksForm .button.button-primary:active {
      color: #00578f;
      background-color: #bfdcef; }
  .ksForm button.button-success,
  .ksForm .button.button-success {
    color: #00bf5f; }
    .ksForm button.button-success:hover,
    .ksForm .button.button-success:hover {
      border-color: #00bf5f; }
    .ksForm button.button-success.button-color-fill, .ksForm button.button-success:active,
    .ksForm .button.button-success.button-color-fill,
    .ksForm .button.button-success:active {
      color: #005229;
      background-color: #bfefd7; }
  .ksForm button.button-warn,
  .ksForm .button.button-warn {
    color: #efa300; }
    .ksForm button.button-warn:hover,
    .ksForm .button.button-warn:hover {
      border-color: #efa300; }
    .ksForm button.button-warn.button-color-fill, .ksForm button.button-warn:active,
    .ksForm .button.button-warn.button-color-fill,
    .ksForm .button.button-warn:active {
      color: #b37a00;
      background-color: #fbe8bf; }
  .ksForm button.button-danger,
  .ksForm .button.button-danger {
    color: #d50033; }
    .ksForm button.button-danger:hover,
    .ksForm .button.button-danger:hover {
      border-color: #d50033; }
    .ksForm button.button-danger.button-color-fill, .ksForm button.button-danger:active,
    .ksForm .button.button-danger.button-color-fill,
    .ksForm .button.button-danger:active {
      color: #a00026;
      background-color: #f5bfcc; }
.ksForm a.button {
  text-decoration: none; }

/* White Space & Sizes*/
.ksForm button + button, .ksForm button + .button,
.ksForm .button + button,
.ksForm .button + .button {
  margin-left: 12px; }
.ksForm button:first-child,
.ksForm .button:first-child {
  margin-left: 0; }
.ksForm button.button-sm,
.ksForm .button.button-sm {
  font-size: 12px; }
.ksForm button.button-md,
.ksForm .button.button-md {
  /* The default font-size */
  font-size: 16px; }
.ksForm button.button-lg,
.ksForm .button.button-lg {
  /* The default font-size */
  font-size: 20px; }
.ksForm button.button-xl,
.ksForm .button.button-xl {
  /* The default font-size */
  font-size: 24px; }
.ksForm button.button-tall,
.ksForm .button.button-tall {
  height: 42px;
  margin-top: 6px;
  margin-bottom: 6px; }
.ksForm button.button-fit,
.ksForm .button.button-fit {
  min-height: 42px;
  height: auto;
  overflow: hidden;
  margin-top: 6px;
  margin-bottom: 6px; }
.ksForm button.button-beside-tall-center,
.ksForm .button.button-beside-tall-center {
  margin-top: 15px; }
.ksForm button.button-beside-tall-bottom,
.ksForm .button.button-beside-tall-bottom {
  margin-top: 24px; }
.ksForm a.button-tall,
.ksForm a.button-fit {
  line-height: 36px;
  padding-top: 3px; }

.ksForm button.button-yellow-on-blue,
.ksForm .button.button-yellow-on-blue {
  color: #FFDC00;
  border-color: #0074D9;
  background-color: #0074D9; }
  .ksForm button.button-yellow-on-blue:active,
  .ksForm .button.button-yellow-on-blue:active {
    color: #0074D9;
    background-color: #FFDC00; }
.ksForm button.button-white-on-red,
.ksForm .button.button-white-on-red {
  color: #FFFFFF;
  border-color: #FF4136;
  background-color: #FF4136; }
  .ksForm button.button-white-on-red:active,
  .ksForm .button.button-white-on-red:active {
    color: #FF4136;
    background-color: #FFFFFF; }
.ksForm button.button-black-on-yellow,
.ksForm .button.button-black-on-yellow {
  color: #111111;
  border-color: #FFDC00;
  background-color: #FFDC00; }
  .ksForm button.button-black-on-yellow:active,
  .ksForm .button.button-black-on-yellow:active {
    color: #FFDC00;
    background-color: #111111; }
.ksForm button.button-navy-on-lime,
.ksForm .button.button-navy-on-lime {
  color: #01FF70;
  border-color: #001F3F;
  background-color: #001F3F; }
  .ksForm button.button-navy-on-lime:active,
  .ksForm .button.button-navy-on-lime:active {
    color: #001F3F;
    background-color: #01FF70; }
.ksForm button.button-white-on-maroon,
.ksForm .button.button-white-on-maroon {
  color: #ffffff;
  border-color: #85144B;
  background-color: #85144B; }
  .ksForm button.button-white-on-maroon:active,
  .ksForm .button.button-white-on-maroon:active {
    color: #85144B;
    background-color: #ffffff; }
.ksForm button.button-black-on-green,
.ksForm .button.button-black-on-green {
  color: #111111;
  border-color: #2ECC40;
  background-color: #2ECC40; }
  .ksForm button.button-black-on-green:active,
  .ksForm .button.button-black-on-green:active {
    color: #2ECC40;
    background-color: #111111; }
.ksForm button.button-black-on-orange,
.ksForm .button.button-black-on-orange {
  color: #111111;
  border-color: #FF851B;
  background-color: #FF851B; }
  .ksForm button.button-black-on-orange:active,
  .ksForm .button.button-black-on-orange:active {
    color: #FF851B;
    background-color: #111111; }

/**
 * # ksform-responsive-button
 * Buttons that can turn off the display of text or icons as needed
 */
.ksForm .button-responsive[data-icon=fa-inbox]:before {
  font-family: 'FontAwesome';
  content: ""; }
.ksForm .button-responsive[data-icon=fa-pencil-square-o]:before {
  font-family: 'FontAwesome';
  content: ""; }
.ksForm .button-responsive[data-icon=fa-calendar]:before {
  font-family: 'FontAwesome';
  content: ""; }
.ksForm .button-responsive[data-icon=fa-print]:before {
  font-family: 'FontAwesome';
  content: ""; }
.ksForm .button-responsive[data-icon=fa-envelope-o]:before {
  font-family: 'FontAwesome';
  content: ""; }
.ksForm .button-responsive[data-icon=fa-bookmark]:before {
  font-family: 'FontAwesome';
  content: ""; }
.ksForm .button-responsive[data-icon=fa-angle-left-2x]:before {
  font-family: 'FontAwesome';
  content: ""; }
.ksForm .button-responsive[data-icon=fa-angle-right-2x]:before {
  font-family: 'FontAwesome';
  content: ""; }
.ksForm .button-responsive[data-icon=fa-book]:before {
  font-family: 'FontAwesome';
  content: ""; }
.ksForm .button-responsive[data-icon=fa-long-arrow-up]:before {
  font-family: 'FontAwesome';
  content: ""; }
.ksForm .button-responsive[data-icon=fa-download]:before {
  font-family: 'FontAwesome';
  content: ""; }
.ksForm .button-responsive[data-icon=fa-level-up]:before {
  font-family: 'FontAwesome';
  content: ""; }
.ksForm .button-responsive[data-icon=fa-link]:before {
  font-family: 'FontAwesome';
  content: ""; }
.ksForm .button-responsive.flip-data-icon:before {
  display: inline-block;
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1);
  -webkit-transform: scale(-1, 1);
  -ms-transform: scale(-1, 1);
  transform: scale(-1, 1); }
.ksForm .button-responsive:after {
  content: attr(data-text);
  padding-left: 6px; }
.ksForm .hide-icon > .button-responsive:before {
  display: none; }
.ksForm .hide-icon > .button-responsive:after {
  padding-left: 0; }
@media screen and (max-width: 768px) {
  .ksForm .hide-icon-xs > .button-responsive:before {
    display: none; }
  .ksForm .hide-icon-xs > .button-responsive:after {
    padding-left: 0; } }
@media screen and (min-width: 768px) and (max-width: 992px) {
  .ksForm .hide-icon-sm > .button-responsive:before {
    display: none; }
  .ksForm .hide-icon-sm > .button-responsive:after {
    padding-left: 0; } }
@media screen and (min-width: 992px) and (max-width: 1200px) {
  .ksForm .hide-icon-md > .button-responsive:before {
    display: none; }
  .ksForm .hide-icon-md > .button-responsive:after {
    padding-left: 0; } }
@media screen and (min-width: 1200px) and (max-width: 1920px) {
  .ksForm .hide-icon-lg > .button-responsive:before {
    display: none; }
  .ksForm .hide-icon-lg > .button-responsive:after {
    padding-left: 0; } }
.ksForm .hide-text > .button-responsive:after {
  display: none; }
@media screen and (max-width: 768px) {
  .ksForm .hide-text-xs > .button-responsive:after {
    display: none; } }
@media screen and (min-width: 768px) and (max-width: 992px) {
  .ksForm .hide-text-sm > .button-responsive:after {
    display: none; } }
@media screen and (min-width: 992px) and (max-width: 1200px) {
  .ksForm .hide-text-md > .button-responsive:after {
    display: none; } }
@media screen and (min-width: 1200px) and (max-width: 1920px) {
  .ksForm .hide-text-lg > .button-responsive:after {
    display: none; } }

/**
 * # ksform-progress
 * Styles for progress bars
 */
/* NOTE: Currently Autoprefixer is stripping out the -moz gradient rules, so Firefox is not getting your styles...*/
.ksForm {
  /* Styling an indeterminate progress bar */
  /* Styling the determinate progress element */
  /* Firefox provides a single pseudo class to style the progress element value and not for container. -moz-progress-bar */
  /* Fallback technique styles */ }
  .ksForm progress:not(value) {
    /* Add your styles here. As part of this walkthrough we will focus only on determinate progress bars. */ }
  .ksForm progress[value] {
    /* Get rid of the default appearance */
    appearance: none;
    /* This unfortunately leaves a trail of border behind in Firefox and Opera. We can remove that by setting the border to none. */
    border: none;
    /* Add dimensions */
    width: 100%;
    height: 24px;
    /* Although firefox doesn't provide any additional pseudo class to style the progress element container, any style applied here works on the container. */
    background-color: #eee;
    border: 1px solid #ccc;
    border-radius: 3px;
    box-shadow: inset 0 1px 3px #ddd;
    /* Of all IE, only IE10 supports progress element that too partially. It only allows to change the background-color of the progress value using the 'color' attribute. */
    color: #0074bf;
    position: relative;
    margin: 0 0 1.5em;
    cursor: progress;
    /*
    Webkit browsers provide two pseudo classes that can be use to style HTML5 progress element.
    -webkit-progress-bar -> To style the progress element container
    -webkit-progress-value -> To style the progress element value.
    */ }
    .ksForm progress[value]::-webkit-progress-bar {
      background-color: #eee;
      border-radius: 3px;
      box-shadow: inset 0 1px 3px #ddd; }
    .ksForm progress[value]::-webkit-progress-value {
      position: relative;
      background-size: 20% 24px, 100% 100%, 100% 100%;
      border-radius: 3px;
      /* Let's animate this */
      -webkit-animation: animate-stripes 10s linear infinite;
              animation: animate-stripes 10s linear infinite; }
  .ksForm progress[value]::-moz-progress-bar {
    background-size: 20% 24px, 100% 100%, 100% 100%;
    border-radius: 3px;
    /* Firefox doesn't support CSS3 keyframe animations on progress element. Hence, we did not include animate-stripes in this code block */ }
  .ksForm .progress-bar {
    background-color: #eee;
    box-shadow: inset 0 1px 3px #ddd;
    border: 1px solid #ccc;
    border-radius: 3px;
    /* Dimensions should be similar to the parent progress element. */
    width: 100%;
    height: 24px;
    cursor: progress; }
    .ksForm .progress-bar span {
      background-color: #00bf5f;
      display: block;
      text-indent: -9999px;
      background-size: 20% 24px, 100% 100%, 100% 100%;
      border-radius: 3px;
      line-height: 24px;
      background-image: -webkit-linear-gradient(315deg, transparent, transparent 33%, rgba(0, 0, 0, 0.1) 33%, rgba(0, 0, 0, 0.1) 66%, transparent 66%), -webkit-linear-gradient(top, rgba(255, 255, 255, 0.25), rgba(0, 0, 0, 0.2)), -webkit-linear-gradient(left, #0074bf, #00bf5f);
      background-image: linear-gradient(135deg, transparent, transparent 33%, rgba(0, 0, 0, 0.1) 33%, rgba(0, 0, 0, 0.1) 66%, transparent 66%), linear-gradient(top, rgba(255, 255, 255, 0.25), rgba(0, 0, 0, 0.2)), linear-gradient(left, #0074bf, #00bf5f); }
  .ksForm p[data-value] {
    position: relative;
    /* The percentage will automatically fall in place as soon as we make the width fluid. Now making widths fluid. */ }
    .ksForm p[data-value]:after {
      content: attr(data-value) "%";
      position: absolute;
      right: 0; }
  .ksForm progress[value]::-moz-progress-bar {
    /* autoprefixer: off */
    /* Gradient background with Stripes */
    background-image: -moz-linear-gradient(135deg, transparent, transparent 33%, rgba(0, 0, 0, 0.1) 33%, rgba(0, 0, 0, 0.1) 66%, transparent 66%), -moz-linear-gradient(top, rgba(255, 255, 255, 0.25), rgba(0, 0, 0, 0.2)), -moz-linear-gradient(left, #0074bf, #00bf5f); }
  .ksForm progress[value]::-webkit-progress-value {
    /* Gradient background with Stripes */
    background-image: -webkit-linear-gradient(135deg, transparent, transparent 33%, rgba(0, 0, 0, 0.1) 33%, rgba(0, 0, 0, 0.1) 66%, transparent 66%), -webkit-linear-gradient(top, rgba(255, 255, 255, 0.25), rgba(0, 0, 0, 0.2)), -webkit-linear-gradient(left, #0074bf, #00bf5f); }

@-webkit-keyframes animate-stripes {
  100% {
    background-position: -100% 0; } }

@keyframes animate-stripes {
  100% {
    background-position: -100% 0; } }
/**
 * # ksform-state
 * CSS rules dealing with focus, disabled, invalid,
 * and other html form states
 *
 * Note: Many state rules live in other sections as well,
 *  this is just the general rule set.
 */
/*
Need to separate out the :not() selector from the rest of the CSS 2.1 selectors
since IE8 won't execute CSS that contains a CSS3 selector.
*/
.ksForm input:not([type]):focus {
  outline: 0;
  outline: thin dotted \9;
  /* IE6-9 */
  border-color: #0074bf; }

.ksForm input[type="file"]:focus,
.ksForm input[type="radio"]:focus,
.ksForm input[type="checkbox"]:focus {
  outline: thin dotted #333;
  outline: 1px auto #0074bf; }

/*
Need to separate out the :not() selector from the rest of the CSS 2.1 selectors
since IE8 won't execute CSS that contains a CSS3 selector.
*/
.ksForm input:not([type])[disabled] {
  cursor: not-allowed;
  background-color: #eaeded;
  color: #cad2d3; }

.ksForm input[readonly],
.ksForm select[readonly],
.ksForm textarea[readonly] {
  background: #eee;
  /* menu hover bg color */
  color: #777;
  /* menu text color */
  border-color: #ccc; }

.ksForm input:focus:invalid,
.ksForm textarea:focus:invalid,
.ksForm select:focus:invalid {
  color: #d50033;
  border-color: #d50033; }

.ksForm input:focus:invalid:focus,
.ksForm textarea:focus:invalid:focus,
.ksForm select:focus:invalid:focus {
  border-color: #d50033; }

.ksForm input[type="file"]:focus:invalid:focus,
.ksForm input[type="radio"]:focus:invalid:focus,
.ksForm input[type="checkbox"]:focus:invalid:focus {
  outline-color: #d50033; }

/**
 * # ksform-switches
 * CSS rules that create alternative widgets based on
 * checkboxes and radios
 *
 */
.ksForm {
  /* Colors */ }
  .ksForm .switch-check {
    display: none; }
  .ksForm label.switch-label {
    height: 24px;
    line-height: 18px;
    margin-top: 3px;
    margin-bottom: 3px; }
  .ksForm .switch-slider {
    padding: 3px 12px;
    display: inline-block;
    font-family: sans-serif;
    font-size: 14px;
    line-height: 16px;
    height: 24px;
    -moz-box-sizing: border-box;
         box-sizing: border-box;
    box-shadow: inset 0 1px 3px #ddd;
    border: 1px solid #ccc;
    border-radius: 3px;
    margin-bottom: 24px;
    margin-bottom: 0;
    display: inline-block;
    width: 48px;
    height: 18px;
    position: relative;
    border-radius: 9px;
    -webkit-transition: background-color 0.333s;
            transition: background-color 0.333s; }
    .ksForm .switch-slider:first-child {
      margin-right: 12px; }
    .ksForm .switch-slider:last-child {
      margin-left: 12px; }
  .ksForm label > .switch-slider::after {
    content: " ";
    width: 22px;
    height: 16px;
    border-radius: 8px;
    background-color: #ccc;
    position: absolute;
    top: -1px;
    -webkit-transition: left 0.333s, background-color 0.333s;
            transition: left 0.333s, background-color 0.333s;
    border: 1px solid #656565; }
  .ksForm label > .switch-slider::after {
    left: -1px; }
  .ksForm :checked + label > .switch-slider::after {
    left: 24px; }
  .ksForm :checked + label > .switch-slider {
    background-color: #d9eaf5; }
    .ksForm :checked + label > .switch-slider::after {
      background-color: #0074bf; }
  .ksForm :checked + label > .slider-include.switch-slider {
    background-color: #d9f5e7; }
    .ksForm :checked + label > .slider-include.switch-slider::after {
      background-color: #00bf5f; }
  .ksForm :checked + label > .slider-process.switch-slider {
    background-color: #fdf1d9; }
    .ksForm :checked + label > .slider-process.switch-slider::after {
      background-color: #efa300; }
  .ksForm :checked + label > .slider-warn.switch-slider {
    background-color: #f9d9e0; }
    .ksForm :checked + label > .slider-warn.switch-slider::after {
      background-color: #d50033; }

/**
 * # ksform-dividers
 * Styles for form organization, like fieldsets, hrs, etc
 */
.ksForm fieldset {
  margin: 0;
  padding: 0.35em 0 0.75em;
  border: 0; }

.ksForm legend {
  display: block;
  width: 100%;
  padding: 0.3em 0;
  margin-bottom: 0.3em;
  color: #333;
  border-bottom: 1px solid #e5e5e5; }

/**
 * # ksform-layout
 * Styles to layout controls in columns, indents, or sections
 */
.ksForm {
  /* Input Combos */ }
  .ksForm .form-section {
    clear: both;
    overflow: hidden;
    margin: 0;
    width: 100%;
    -moz-box-sizing: border-box;
         box-sizing: border-box;
    overflow: hidden;
    padding: 12px 0; }
    .ksForm .form-section .form-section-col {
      float: left;
      -moz-box-sizing: border-box;
           box-sizing: border-box;
      width: 50%;
      min-width: 288px;
      padding: 0 6px; }
  .ksForm .form-inset-box {
    border: 1px solid #ccc;
    border-radius: 3px;
    padding: 0 6px;
    margin: 0 0; }
  .ksForm .form-align .form-pair {
    margin: 6px 0;
    display: block; }
  .ksForm .form-align label {
    width: 10em;
    display: inline-block;
    margin: 0;
    padding: 0;
    text-align: right; }
  .ksForm .form-align label + * {
    margin-left: 1em; }
  .ksForm .form-align .form-align-top label {
    float: left; }
  .ksForm .form-scrollable {
    overflow-y: auto;
    overflow-x: hidden;
    height: 96px; }
  .ksForm .form-scrollable-row-1 {
    height: 48px; }
  .ksForm .form-scrollable-row-2 {
    height: 96px; }
  .ksForm .form-scrollable-row-3 {
    height: 144px; }
  .ksForm .form-scrollable-row-4 {
    height: 192px; }
  .ksForm .form-scrollable-row-5 {
    height: 240px; }
  .ksForm .form-scrollable-row-6 {
    height: 288px; }
  .ksForm .form-scrollable-row-7 {
    height: 336px; }
  .ksForm .form-scrollable-row-8 {
    height: 384px; }
  .ksForm .input_combo {
    margin-left: 12px;
    margin-right: 12px;
    margin-bottom: 24px;
    display: inline-table;
    vertical-align: middle;
    position: relative;
    border-collapse: separate;
    /* Rules for borders */ }
    .ksForm .input_combo input {
      margin-bottom: 0; }
    .ksForm .input_combo .input_combo_item {
      padding: 3px 12px;
      display: inline-block;
      font-family: sans-serif;
      font-size: 14px;
      line-height: 16px;
      height: 24px;
      -moz-box-sizing: border-box;
           box-sizing: border-box;
      box-shadow: inset 0 1px 3px #ddd;
      border: 1px solid #ccc;
      border-radius: 3px;
      margin-bottom: 24px;
      background-color: #eee; }
    .ksForm .input_combo .input_combo_item,
    .ksForm .input_combo input,
    .ksForm .input_combo button,
    .ksForm .input_combo .button {
      white-space: nowrap;
      display: table-cell;
      margin-left: 0;
      margin-right: 0; }
      .ksForm .input_combo .input_combo_item:not(:first-child),
      .ksForm .input_combo input:not(:first-child),
      .ksForm .input_combo button:not(:first-child),
      .ksForm .input_combo .button:not(:first-child) {
        border-left: 0;
        border-top-left-radius: 0;
        border-bottom-left-radius: 0; }
      .ksForm .input_combo .input_combo_item:not(:last-child),
      .ksForm .input_combo input:not(:last-child),
      .ksForm .input_combo button:not(:last-child),
      .ksForm .input_combo .button:not(:last-child) {
        border-top-right-radius: 0;
        border-bottom-right-radius: 0; }
    .ksForm .input_combo .input_combo_item,
    .ksForm .input_combo button,
    .ksForm .input_combo .button {
      width: auto; }
      .ksForm .input_combo .input_combo_item:not(:first-child),
      .ksForm .input_combo button:not(:first-child),
      .ksForm .input_combo .button:not(:first-child) {
        border-left: 0; }
  .ksForm .form-list-view {
    -moz-box-sizing: border-box;
         box-sizing: border-box;
    width: 100%;
    height: auto;
    clear: both;
    overflow: hidden;
    position: relative;
    display: table;
    table-layout: fixed;
    margin: 0;
    width: 100%;
    -moz-box-sizing: border-box;
         box-sizing: border-box;
    overflow: hidden;
    padding: 12px 0; }
    .ksForm .form-list-view .form-list-view-row {
      display: table-row; }
    .ksForm .form-list-view .form-list {
      width: 144px;
      display: table-cell; }
      .ksForm .form-list-view .form-list ul {
        list-style-type: none;
        padding: 0;
        margin: 0; }
      .ksForm .form-list-view .form-list li {
        min-height: 24px;
        margin: 0;
        padding: 6px 6px;
        text-align: left;
        line-height: 24px;
        cursor: pointer; }
        .ksForm .form-list-view .form-list li.selected {
          position: relative;
          background-color: #0074bf;
          color: white; }
        .ksForm .form-list-view .form-list li:hover:not(.selected) {
          background-color: #e6f1f9; }
    .ksForm .form-list-view .form-view {
      -moz-box-sizing: border-box;
           box-sizing: border-box;
      display: table-cell;
      width: 100%;
      min-height: 100px;
      padding: 12px;
      border-radius: 3px;
      border: 1px solid #0074bf;
      background-color: #fefefe; }
  .ksForm .flex-row {
    -webkit-flex: 1 1 100%;
        -ms-flex: 1 1 100%;
            flex: 1 1 100%;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    text-align: left;
    /* fallback */
    margin-bottom: 24px;
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-align-items: flex-end;
        -ms-flex-align: end;
            align-items: flex-end; }
    .ksForm .flex-row > * {
      -webkit-flex: 1 1 auto;
          -ms-flex: 1 1 auto;
              flex: 1 1 auto; }
    .ksForm .flex-row > .flex-row-item-lg {
      -webkit-flex: 2 1 auto;
          -ms-flex: 2 1 auto;
              flex: 2 1 auto; }
    .ksForm .flex-row > input {
      margin-bottom: 0; }
    .ksForm .flex-row > label {
      -webkit-flex: 0 1 auto;
          -ms-flex: 0 1 auto;
              flex: 0 1 auto;
      -webkit-align-self: center;
          -ms-flex-item-align: center;
              align-self: center; }
    .ksForm .flex-row > .button,
    .ksForm .flex-row > button {
      margin-bottom: 0; }
  .ksForm .ksForm-minimal input {
    margin-bottom: 3px;
    padding: 3px; }
  .ksForm .ksForm-minimal label {
    font-size: 12px; }
  .ksForm .ksForm-minimal p {
    font-size: 14px;
    line-height: 1.3em; }
  .ksForm .ksForm-minimal br {
    clear: both; }
  .ksForm .ksForm-minimal .labelAndTextInput {
    float: left;
    width: 50%;
    text-align: right; }
    .ksForm .ksForm-minimal .labelAndTextInput:nth-child(2n) {
      float: right; }
  .ksForm .ksForm-minimal .checkAndLabel {
    float: left;
    width: 50%;
    text-align: left;
    height: 20px; }
    .ksForm .ksForm-minimal .checkAndLabel:nth-child(2n) {
      float: right; }

/**
 * # ksform-modal
 * Styles for Dialog boxes
 */
.ksForm .modal {
  border: #bbb solid 1px;
  border-radius: 3px;
  -moz-box-sizing: border-box;
       box-sizing: border-box;
  padding: 0;
  min-width: 288px;
  min-height: 48px;
  background-color: #fefefe;
  overflow: hidden;
  position: static;
  z-index: auto;
  display: block;
  -webkit-transition: all 1s ease;
          transition: all 1s ease; }
  .ksForm .modal.modal-invisible {
    background-color: transparent;
    border: none; }
  .ksForm .modal .modal-header {
    margin: 0;
    width: 100%;
    -moz-box-sizing: border-box;
         box-sizing: border-box;
    overflow: hidden;
    padding: 6px 12px;
    padding-bottom: 0;
    border-bottom: none; 
    display:block; }
    .ksForm .modal .modal-header.modal-header-dark {
      background-color: #ffffff; }
    .ksForm .modal .modal-header.modal-header-dark-title { /* to match Bootstrap 4 bg-light background for title bars */
      background-color: #ccc; }
  .ksForm .modal .modal-tab-header {
    margin: 0;
    width: 100%;
    -moz-box-sizing: border-box;
         box-sizing: border-box;
    overflow: hidden;
    padding: 6px 12px;
    padding-bottom: 0;
    background-color: #ccc;
    border-bottom: 3px solid #fefefe; }
  .ksForm .modal .modal-body {
    margin: 0;
    width: 100%;
    -moz-box-sizing: border-box;
         box-sizing: border-box;
    overflow: hidden;
    padding: 6px 12px; }
  .ksForm .modal .modal-footer {
    margin: 0;
    width: 100%;
    -moz-box-sizing: border-box;
         box-sizing: border-box;
    overflow: hidden;
    padding: 6px 12px;
    padding-top: 0;
    border-top: none;
    text-align: left; }
  .ksForm .modal .modal-float-right {
    display: inline-block;
    float: right; }
  .ksForm .modal.hidden {
    display: none;
    z-index: -1000; }
  .ksForm .modal.modal-float {
    border: #999 solid 1px;
    z-index: 999;
    position: fixed;
    width: 66%;
    height: auto;
    top: 22%;
    bottom: auto;
    left: 16%;
    right: auto;
    overflow: visible; }
  .ksForm .modal.modal-scroll {
    border: #999 solid 1px;
    z-index: 999;
    position: absolute;
    width: 66%;
    height: auto;
    top: 22%;
    bottom: auto;
    left: 16%;
    right: auto;
    overflow: visible; }
.ksForm .modal-background {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 998;
  background-color: #000;
  opacity: 0.3;
  overflow: hidden; }
  .ksForm .modal-background.hidden {
    display: none;
    z-index: -1000; }

.noscroll {
  overflow: hidden; }

@media only screen and (max-width: 480px) {
  .ksForm .modal.modal-float,
  .ksForm .modal.modal-scroll {
    width: 100%;
    height: auto;
    top: 48px;
    bottom: auto;
    left: 0;
    right: 0;
    overflow: visible; } }
/* Extra Small Devices, Phones */
@media only screen and (min-width: 480px) {
  .ksForm .modal.modal-float,
  .ksForm .modal.modal-scroll {
    width: 92%;
    width: 92vw;
    max-width: 668px;
    height: auto;
    top: 96px;
    bottom: auto;
    left: 4%;
    left: 4vw;
    right: 4%;
    right: 4vw;
    overflow: visible; } }
/* Small Devices, Tablets */
@media only screen and (min-width: 768px) {
  .ksForm .modal.modal-float,
  .ksForm .modal.modal-scroll {
    width: 668px;
    height: auto;
    top: 96px;
    bottom: auto;
    left: 164px;
    left: calc(50vw - 334px);
    right: auto;
    right: calc(50vw - 334px);
    overflow: visible; } }
/* Medium Devices, Desktops */
@media only screen and (min-width: 992px) {
  .ksForm .modal.modal-float,
  .ksForm .modal.modal-scroll {
    width: 668px;
    height: auto;
    top: 96px;
    bottom: auto;
    left: 164px;
    left: calc(50vw - 334px);
    right: auto;
    right: calc(50vw - 334px);
    overflow: visible; } }
/**
 * # ksform-tabs
 * Styles for Tabbed sections in dialog boxes
 */
.ksForm .ksTab {
  border: 1px solid #ccc;
  border-radius: 3px;
  padding: 3px 12px;
  display: inline-block;
  background-color: #eee;
  box-shadow: inset 0 0 6px #ddd;
  float: left;
  text-align: center;
  -moz-box-sizing: border-box;
       box-sizing: border-box;
  border-radius: 6px 6px 0 0;
  margin: 3px 3px 0 3px;
  cursor: pointer; }
  .ksForm .ksTab.active-tab {
    box-shadow: none;
    background-color: #fefefe;
    border-bottom-color: #fefefe;
    cursor: default; }
  .ksForm .ksTab:first-child {
    margin-left: 0; }
  .ksForm .ksTab:last-child {
    margin-right: 0; }
  .ksForm .ksTab:nth-of-type(1):nth-last-of-type(1) {
    width: 95%;
    width: calc(100% - 6px); }
  .ksForm .ksTab:nth-of-type(1):nth-last-of-type(2), .ksForm .ksTab:nth-of-type(1):nth-last-of-type(2) ~ .ksTab {
    width: 48%;
    width: calc(50% - 6px); }
  .ksForm .ksTab:nth-of-type(1):nth-last-of-type(3), .ksForm .ksTab:nth-of-type(1):nth-last-of-type(3) ~ .ksTab {
    width: 31%;
    width: calc(33% - 6px); }
  .ksForm .ksTab:nth-of-type(1):nth-last-of-type(4), .ksForm .ksTab:nth-of-type(1):nth-last-of-type(4) ~ .ksTab {
    width: 23%;
    width: calc(25% - 6px);
    line-height: 1.5em; }
  .ksForm .ksTab:nth-of-type(1):nth-last-of-type(5), .ksForm .ksTab:nth-of-type(1):nth-last-of-type(5) ~ .ksTab {
    width: 19%;
    width: calc(20% - 6px);
    line-height: 1.8em; }
  .ksForm .ksTab:nth-of-type(1):nth-last-of-type(6), .ksForm .ksTab:nth-of-type(1):nth-last-of-type(6) ~ .ksTab {
    width: 14%;
    width: calc(16.6% - 6px);
    line-height: 2em; }
  .ksForm .ksTab:nth-of-type(1):nth-last-of-type(7), .ksForm .ksTab:nth-of-type(1):nth-last-of-type(7) ~ .ksTab {
    width: 12%;
    width: calc(14.2% - 6px);
    line-height: 2.2em; }
  .ksForm .ksTab:nth-of-type(1):nth-last-of-type(8), .ksForm .ksTab:nth-of-type(1):nth-last-of-type(8) ~ .ksTab {
    width: 12%;
    width: calc(12.5% - 6px);
    line-height: 2.2em; }
  .ksForm .ksTab:nth-of-type(1):nth-last-of-type(9), .ksForm .ksTab:nth-of-type(1):nth-last-of-type(9) ~ .ksTab {
    width: 10%;
    width: calc(11.111% - 6px);
    line-height: 2.2em; }
  .ksForm .ksTab:nth-of-type(1):nth-last-of-type(10), .ksForm .ksTab:nth-of-type(1):nth-last-of-type(10) ~ .ksTab {
    width: 9%;
    width: calc(10% - 6px);
    line-height: 2.2em; }

/**
 * # ksform-responsive-menu
 * Menu that can switch from horizontal to dropdown as needed
 */
.ksForm .responsive-menu .responsive-menu-checkbox {
  display: none; }
.ksForm .responsive-menu .responsive-menu-label,
.ksForm .responsive-menu .button.responsive-menu-label {
  display: none; }
.ksForm .responsive-menu .button {
  position: relative;
  display: inline-block; }
.ksForm .responsive-menu .responsive-menu-label + .button {
  margin-left: 0; }
.ksForm .responsive-menu.force-dropdown {
  position: relative; }
  .ksForm .responsive-menu.force-dropdown .responsive-menu-checkbox {
    display: none; }
  .ksForm .responsive-menu.force-dropdown .responsive-menu-label,
  .ksForm .responsive-menu.force-dropdown .button.responsive-menu-label {
    display: inline-block;
    width: 120px; }
  .ksForm .responsive-menu.force-dropdown .responsive-menu-label ~ .button {
    display: none; }
  .ksForm .responsive-menu.force-dropdown :checked ~ .button, .ksForm .responsive-menu.force-dropdown :checked ~ .responsive-menu-label {
    display: block;
    width: 120px;
    margin-left: 0; }
    .ksForm .responsive-menu.force-dropdown :checked ~ .button + .button, .ksForm .responsive-menu.force-dropdown :checked ~ .responsive-menu-label + .button {
      z-index: 600;
      display: block;
      width: 120px;
      margin-left: 0; }
  .ksForm .responsive-menu.force-dropdown :checked ~ .button {
    position: absolute;
    border-radius: 0;
    border-top-style: none;
    /* Math to vertically offset the menu items */ }
    .ksForm .responsive-menu.force-dropdown :checked ~ .button:nth-child(2) {
      border-top-left-radius: 3px;
      border-top-right-radius: 3px;
      border-top-style: solid; }
    .ksForm .responsive-menu.force-dropdown :checked ~ .button:last-child {
      border-bottom-left-radius: 3px;
      border-bottom-right-radius: 3px; }
    .ksForm .responsive-menu.force-dropdown :checked ~ .button:nth-child(3) {
      top: 24px; }
    .ksForm .responsive-menu.force-dropdown :checked ~ .button:nth-child(4) {
      top: 48px; }
    .ksForm .responsive-menu.force-dropdown :checked ~ .button:nth-child(5) {
      top: 72px; }
    .ksForm .responsive-menu.force-dropdown :checked ~ .button:nth-child(6) {
      top: 96px; }
    .ksForm .responsive-menu.force-dropdown :checked ~ .button:nth-child(7) {
      top: 120px; }
    .ksForm .responsive-menu.force-dropdown :checked ~ .button:nth-child(8) {
      top: 144px; }
    .ksForm .responsive-menu.force-dropdown :checked ~ .button:nth-child(9) {
      top: 168px; }
    .ksForm .responsive-menu.force-dropdown :checked ~ .button:nth-child(10) {
      top: 192px; }
  .ksForm .responsive-menu.force-dropdown :checked ~ .responsive-menu-label {
    color: #00578f;
    background-color: #cacaca;
    display: inline-block;
    position: relative; }
@media screen and (max-width: 768px) {
  .ksForm .responsive-menu.collapse-sm {
    position: relative; }
    .ksForm .responsive-menu.collapse-sm .responsive-menu-checkbox {
      display: none; }
    .ksForm .responsive-menu.collapse-sm .responsive-menu-label,
    .ksForm .responsive-menu.collapse-sm .button.responsive-menu-label {
      display: inline-block;
      width: 120px; }
    .ksForm .responsive-menu.collapse-sm .responsive-menu-label ~ .button {
      display: none; }
    .ksForm .responsive-menu.collapse-sm :checked ~ .button, .ksForm .responsive-menu.collapse-sm :checked ~ .responsive-menu-label {
      display: block;
      width: 120px;
      margin-left: 0; }
      .ksForm .responsive-menu.collapse-sm :checked ~ .button + .button, .ksForm .responsive-menu.collapse-sm :checked ~ .responsive-menu-label + .button {
        z-index: 600;
        display: block;
        width: 120px;
        margin-left: 0; }
    .ksForm .responsive-menu.collapse-sm :checked ~ .button {
      position: absolute;
      border-radius: 0;
      border-top-style: none;
      /* Math to vertically offset the menu items */ }
      .ksForm .responsive-menu.collapse-sm :checked ~ .button:nth-child(2) {
        border-top-left-radius: 3px;
        border-top-right-radius: 3px;
        border-top-style: solid; }
      .ksForm .responsive-menu.collapse-sm :checked ~ .button:last-child {
        border-bottom-left-radius: 3px;
        border-bottom-right-radius: 3px; }
      .ksForm .responsive-menu.collapse-sm :checked ~ .button:nth-child(3) {
        top: 24px; }
      .ksForm .responsive-menu.collapse-sm :checked ~ .button:nth-child(4) {
        top: 48px; }
      .ksForm .responsive-menu.collapse-sm :checked ~ .button:nth-child(5) {
        top: 72px; }
      .ksForm .responsive-menu.collapse-sm :checked ~ .button:nth-child(6) {
        top: 96px; }
      .ksForm .responsive-menu.collapse-sm :checked ~ .button:nth-child(7) {
        top: 120px; }
      .ksForm .responsive-menu.collapse-sm :checked ~ .button:nth-child(8) {
        top: 144px; }
      .ksForm .responsive-menu.collapse-sm :checked ~ .button:nth-child(9) {
        top: 168px; }
      .ksForm .responsive-menu.collapse-sm :checked ~ .button:nth-child(10) {
        top: 192px; }
    .ksForm .responsive-menu.collapse-sm :checked ~ .responsive-menu-label {
      color: #00578f;
      background-color: #cacaca;
      display: inline-block;
      position: relative; } }
@media screen and (max-width: 992px) {
  .ksForm .responsive-menu.collapse-md {
    position: relative; }
    .ksForm .responsive-menu.collapse-md .responsive-menu-checkbox {
      display: none; }
    .ksForm .responsive-menu.collapse-md .responsive-menu-label,
    .ksForm .responsive-menu.collapse-md .button.responsive-menu-label {
      display: inline-block;
      width: 120px; }
    .ksForm .responsive-menu.collapse-md .responsive-menu-label ~ .button {
      display: none; }
    .ksForm .responsive-menu.collapse-md :checked ~ .button, .ksForm .responsive-menu.collapse-md :checked ~ .responsive-menu-label {
      display: block;
      width: 120px;
      margin-left: 0; }
      .ksForm .responsive-menu.collapse-md :checked ~ .button + .button, .ksForm .responsive-menu.collapse-md :checked ~ .responsive-menu-label + .button {
        z-index: 600;
        display: block;
        width: 120px;
        margin-left: 0; }
    .ksForm .responsive-menu.collapse-md :checked ~ .button {
      position: absolute;
      border-radius: 0;
      border-top-style: none;
      /* Math to vertically offset the menu items */ }
      .ksForm .responsive-menu.collapse-md :checked ~ .button:nth-child(2) {
        border-top-left-radius: 3px;
        border-top-right-radius: 3px;
        border-top-style: solid; }
      .ksForm .responsive-menu.collapse-md :checked ~ .button:last-child {
        border-bottom-left-radius: 3px;
        border-bottom-right-radius: 3px; }
      .ksForm .responsive-menu.collapse-md :checked ~ .button:nth-child(3) {
        top: 24px; }
      .ksForm .responsive-menu.collapse-md :checked ~ .button:nth-child(4) {
        top: 48px; }
      .ksForm .responsive-menu.collapse-md :checked ~ .button:nth-child(5) {
        top: 72px; }
      .ksForm .responsive-menu.collapse-md :checked ~ .button:nth-child(6) {
        top: 96px; }
      .ksForm .responsive-menu.collapse-md :checked ~ .button:nth-child(7) {
        top: 120px; }
      .ksForm .responsive-menu.collapse-md :checked ~ .button:nth-child(8) {
        top: 144px; }
      .ksForm .responsive-menu.collapse-md :checked ~ .button:nth-child(9) {
        top: 168px; }
      .ksForm .responsive-menu.collapse-md :checked ~ .button:nth-child(10) {
        top: 192px; }
    .ksForm .responsive-menu.collapse-md :checked ~ .responsive-menu-label {
      color: #00578f;
      background-color: #cacaca;
      display: inline-block;
      position: relative; } }
@media screen and (max-width: 1200px) {
  .ksForm .responsive-menu.collapse-lg {
    position: relative; }
    .ksForm .responsive-menu.collapse-lg .responsive-menu-checkbox {
      display: none; }
    .ksForm .responsive-menu.collapse-lg .responsive-menu-label,
    .ksForm .responsive-menu.collapse-lg .button.responsive-menu-label {
      display: inline-block;
      width: 120px; }
    .ksForm .responsive-menu.collapse-lg .responsive-menu-label ~ .button {
      display: none; }
    .ksForm .responsive-menu.collapse-lg :checked ~ .button, .ksForm .responsive-menu.collapse-lg :checked ~ .responsive-menu-label {
      display: block;
      width: 120px;
      margin-left: 0; }
      .ksForm .responsive-menu.collapse-lg :checked ~ .button + .button, .ksForm .responsive-menu.collapse-lg :checked ~ .responsive-menu-label + .button {
        z-index: 600;
        display: block;
        width: 120px;
        margin-left: 0; }
    .ksForm .responsive-menu.collapse-lg :checked ~ .button {
      position: absolute;
      border-radius: 0;
      border-top-style: none;
      /* Math to vertically offset the menu items */ }
      .ksForm .responsive-menu.collapse-lg :checked ~ .button:nth-child(2) {
        border-top-left-radius: 3px;
        border-top-right-radius: 3px;
        border-top-style: solid; }
      .ksForm .responsive-menu.collapse-lg :checked ~ .button:last-child {
        border-bottom-left-radius: 3px;
        border-bottom-right-radius: 3px; }
      .ksForm .responsive-menu.collapse-lg :checked ~ .button:nth-child(3) {
        top: 24px; }
      .ksForm .responsive-menu.collapse-lg :checked ~ .button:nth-child(4) {
        top: 48px; }
      .ksForm .responsive-menu.collapse-lg :checked ~ .button:nth-child(5) {
        top: 72px; }
      .ksForm .responsive-menu.collapse-lg :checked ~ .button:nth-child(6) {
        top: 96px; }
      .ksForm .responsive-menu.collapse-lg :checked ~ .button:nth-child(7) {
        top: 120px; }
      .ksForm .responsive-menu.collapse-lg :checked ~ .button:nth-child(8) {
        top: 144px; }
      .ksForm .responsive-menu.collapse-lg :checked ~ .button:nth-child(9) {
        top: 168px; }
      .ksForm .responsive-menu.collapse-lg :checked ~ .button:nth-child(10) {
        top: 192px; }
    .ksForm .responsive-menu.collapse-lg :checked ~ .responsive-menu-label {
      color: #00578f;
      background-color: #cacaca;
      display: inline-block;
      position: relative; } }

/**
 * # ksform-toolBar
 * 3-sectioned toolbar that works well with ksForm responsive classes
 */
.ksForm .gnav_docViewButtonbarTop,
.ksForm .ksform-toolbar {
  min-height: 33px;
  width: 100%;
  overflow: hidden;
  height: auto;
  padding-top: 0; }
  .ksForm .gnav_docViewButtonbarTop.noResize,
  .ksForm .ksform-toolbar.noResize {
    overflow: visible;
    height: 35px; }
  .ksForm .gnav_docViewButtonbarTop .flex-row,
  .ksForm .ksform-toolbar .flex-row {
    margin-bottom: 0;
    padding-top: 3px;
    padding-left: 3px;
    padding-right: 3px; }
.ksForm .bar-section, .ksForm #gnav_left-section,
.ksForm .left-section, .ksForm #gnav_center-section,
.ksForm .center-section, .ksForm #gnav_right-section,
.ksForm .right-section {
  overflow: hidden;
  min-width: 120px; }
  .ksForm .bar-section .input_combo, .ksForm #gnav_left-section .input_combo,
  .ksForm .left-section .input_combo, .ksForm #gnav_center-section .input_combo,
  .ksForm .center-section .input_combo, .ksForm #gnav_right-section .input_combo,
  .ksForm .right-section .input_combo {
    margin-bottom: 0;
    padding-top: 1px; }
.ksForm #gnav_left-section,
.ksForm .left-section {
  text-align: left; }
.ksForm #gnav_center-section,
.ksForm .center-section {
  text-align: center; }
.ksForm #gnav_right-section,
.ksForm .right-section {
  text-align: right; }