/* REPEAT VARIABLES & MIXINS */
/* ------------------------- */
/* Required since we compile the tu-main styles separately */
/* TU Mixins */
@charset "utf-8";
/* CSS Document */
/**
 * @license
 * MyFonts Webfont Build ID 2898902, 2014-10-09T15:44:33-0400
 * 
 * The fonts listed in this notice are subject to the End User License
 * Agreement(s) entered into by the website owner. All other parties are 
 * explicitly restricted from using the Licensed Webfonts(s).
 * 
 * You may obtain a valid license at the URLs below.
 * 
 * Webfont: IntroBold by Fontfabric
 * URL: http://www.myfonts.com/fonts/font-fabric/intro/bold/
 * 
 * Webfont: IntroBoldItalic by Fontfabric
 * URL: http://www.myfonts.com/fonts/font-fabric/intro/bold-italic/
 * 
 * Webfont: IntroLight by Fontfabric
 * URL: http://www.myfonts.com/fonts/font-fabric/intro/light/
 * 
 * Webfont: IntroLightItalic by Fontfabric
 * URL: http://www.myfonts.com/fonts/font-fabric/intro/light-italic/
 * 
 * Webfont: IntroRegular by Fontfabric
 * URL: http://www.myfonts.com/fonts/font-fabric/intro/book/
 * 
 * Webfont: IntroRegularItalic by Fontfabric
 * URL: http://www.myfonts.com/fonts/font-fabric/intro/book-italic/
 * 
 * Webfont: IntroSemiBold by Fontfabric
 * URL: http://www.myfonts.com/fonts/font-fabric/intro/regular/
 * 
 * Webfont: IntroSemiBoldCaps by Fontfabric
 * URL: http://www.myfonts.com/fonts/font-fabric/intro/regular-caps/
 * 
 * Webfont: IntroSemiBoldItalic by Fontfabric
 * URL: http://www.myfonts.com/fonts/font-fabric/intro/regular-italic/
 * 
 * 
 * License: http://www.myfonts.com/viewlicense?type=web&buildid=2898902
 * Licensed pageviews: 20,000,000
 * Webfonts copyright: Copyright (c) 2012 by Fontfabric LLC. All rights reserved.
 * 
 * © 2014 MyFonts Inc
*/
/* @import must be at top of file, otherwise CSS will not work */
@font-face {
  font-family: 'Intro';
  src: url('../font/2CA963_6_0.eot');
  src: url('../font/2CA963_6_0.eot?#iefix') format('embedded-opentype'), url('../font/2CA963_6_0.woff') format('woff'), url('../font/2CA963_6_0.woff2') format('woff2'), url('../font/2CA963_6_0.ttf') format('truetype'), url('../font/2CA963_6_0.svg#wf') format('svg');
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: 'Intro';
  src: url('../font/2CA963_7_0.eot');
  src: url('../font/2CA963_7_0.eot?#iefix') format('embedded-opentype'), url('../font/2CA963_7_0.woff') format('woff'), url('../font/2CA963_7_0.woff2') format('woff2'), url('../font/2CA963_7_0.ttf') format('truetype'), url('../font/2CA963_7_0.svg#wf') format('svg');
  font-weight: 400;
  font-style: italic;
}
@font-face {
  font-family: 'Intro';
  src: url('../font/2CA963_0_0.eot');
  src: url('../font/2CA963_0_0.eot?#iefix') format('embedded-opentype'), url('../font/2CA963_0_0.woff') format('woff'), url('../font/2CA963_0_0.woff2') format('woff2'), url('../font/2CA963_0_0.ttf') format('truetype'), url('../font/2CA963_0_0.svg#wf') format('svg');
  font-weight: 700;
  font-style: normal;
}
@font-face {
  font-family: 'Intro';
  src: url('../font/2CA963_1_0.eot');
  src: url('../font/2CA963_1_0.eot?#iefix') format('embedded-opentype'), url('../font/2CA963_1_0.woff') format('woff'), url('../font/2CA963_1_0.woff2') format('woff2'), url('../font/2CA963_1_0.ttf') format('truetype'), url('../font/2CA963_1_0.svg#wf') format('svg');
  font-weight: 700;
  font-style: italic;
}
@font-face {
  font-family: 'Intro';
  src: url('../font/2CA963_3_0.eot');
  src: url('../font/2CA963_3_0.eot?#iefix') format('embedded-opentype'), url('../font/2CA963_3_0.woff') format('woff'), url('../font/2CA963_3_0.woff2') format('woff2'), url('../font/2CA963_3_0.ttf') format('truetype'), url('../font/2CA963_3_0.svg#wf') format('svg');
  font-weight: 300;
  font-style: normal;
}
@font-face {
  font-family: 'Intro';
  src: url('../font/2CA963_5_0.eot');
  src: url('../font/2CA963_5_0.eot?#iefix') format('embedded-opentype'), url('../font/2CA963_5_0.woff') format('woff'), url('../font/2CA963_5_0.woff2') format('woff2'), url('../font/2CA963_5_0.ttf') format('truetype'), url('../font/2CA963_5_0.svg#wf') format('svg');
  font-weight: 300;
  font-style: italic;
}
@font-face {
  font-family: 'Intro';
  src: url('../font/2CA963_9_0.eot');
  src: url('../font/2CA963_9_0.eot?#iefix') format('embedded-opentype'), url('../font/2CA963_9_0.woff') format('woff'), url('../font/2CA963_9_0.woff2') format('woff2'), url('../font/2CA963_9_0.ttf') format('truetype'), url('../font/2CA963_9_0.svg#wf') format('svg');
  font-weight: 600;
  font-style: normal;
}
@font-face {
  font-family: 'Intro';
  src: url('../font/2CA963_B_0.eot');
  src: url('../font/2CA963_B_0.eot?#iefix') format('embedded-opentype'), url('../font/2CA963_B_0.woff') format('woff'), url('../font/2CA963_B_0.woff2') format('woff2'), url('../font/2CA963_B_0.ttf') format('truetype'), url('../font/2CA963_B_0.svg#wf') format('svg');
  font-weight: 600;
  font-style: italic;
}
/* Caps Needs to be a Separate Family */
@font-face {
  font-family: 'IntroCaps';
  src: url('../font/2CA963_4_0.eot');
  src: url('../font/2CA963_4_0.eot?#iefix') format('embedded-opentype'), url('../font/2CA963_4_0.woff') format('woff'), url('../font/2CA963_4_0.woff2') format('woff2'), url('../font/2CA963_4_0.ttf') format('truetype'), url('../font/2CA963_4_0.svg#wf') format('svg');
  font-weight: 300;
  font-style: normal;
}
@font-face {
  font-family: 'IntroCaps';
  src: url('../font/2CA963_8_0.eot');
  src: url('../font/2CA963_8_0.eot?#iefix') format('embedded-opentype'), url('../font/2CA963_8_0.woff') format('woff'), url('../font/2CA963_8_0.woff2') format('woff2'), url('../font/2CA963_8_0.ttf') format('truetype'), url('../font/2CA963_8_0.svg#wf') format('svg');
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: 'IntroCaps';
  src: url('../font/2CA963_A_0.eot');
  src: url('../font/2CA963_A_0.eot?#iefix') format('embedded-opentype'), url('../font/2CA963_A_0.woff') format('woff'), url('../font/2CA963_A_0.woff2') format('woff2'), url('../font/2CA963_A_0.ttf') format('truetype'), url('../font/2CA963_A_0.svg#wf') format('svg');
  font-weight: 600;
  font-style: normal;
}
@font-face {
  font-family: 'IntroCaps';
  src: url('../font/2CA963_2_0.eot');
  src: url('../font/2CA963_2_0.eot?#iefix') format('embedded-opentype'), url('../font/2CA963_2_0.woff') format('woff'), url('../font/2CA963_2_0.woff2') format('woff2'), url('../font/2CA963_2_0.ttf') format('truetype'), url('../font/2CA963_2_0.svg#wf') format('svg');
  font-weight: 700;
  font-style: normal;
}
/* TransUnion Variables      */
/* ------------------------- */
/* Pulls all Bootstrap Variables into Other LESS Files */
/* 2014 Brand Colors         */
/* ------------------------- */
/* Bootstrap Variables for Brand Colors */
/* Bootstrap Defined Colors */
/* Scaffolding */
/* Settings for some of the most global styles */
/* Background color for `<body>`. */
/* Global text color on `<body>`. */
/* Global textual link color. */
/* Link hover color set via `darken()` function. */
/* Common border color for most containers, tables, underlines, etc. */
/* Components */
/* Define common padding and border radius sizes and more. Values based on 14px text and 1.428 line-height (~20px to start). */
/* Typography */
/* Font, line-height, and color for body text, headings, and more. */
/* Default monospace fonts for `<code>`, `<kbd>`, and `<pre>`. */
/* Tables */
/* Customizes the `.table` component with basic values, each used across all table variations. */
/* Padding for `<th>`s and `<td>`s. */
/* Padding for cells in `.table-condensed`. */
/* Default background color used for all tables. */
/* Background color used for `.table-striped`. */
/* Background color used for `.table-hover`. */
/* Border color for table and cell borders. */
/* Buttons */
/* For each of Bootstrap's buttons, define text, background and border color. */
/* Forms */
/* `<input>` background color */
/* `<input disabled>` background color */
/* Text color for `<input>`s */
/* `<input>` border color */
/* `<input>` border radius */
/* Border color for inputs on focus */
/* `<input readonly>` border color */
/* `<input disabled>` border color */
/* Placeholder text color */
/* Default `.form-control` height 
@input-height-base:              (@line-height-computed + (@padding-base-vertical * 2) + 2);
/* Large `.form-control` height */
/* Small `.form-control` height */
/* Background color for textual input addons */
/* Border color for textual input addons */
/* Dropdowns */
/* Dropdown menu container and contents. */
/* Background for the dropdown menu. */
/* Dropdown menu `border-color`. */
/* Dropdown menu `border-color` - for IE8 -. */
/* Divider color for between dropdown items. */
/* Dropdown link text color. */
/* Hover color for dropdown links. */
/* Hover background for dropdown links. */
/* Active dropdown menu item text color. 
@dropdown-link-active-color:     @component-active-color;
/* Active dropdown menu item background color. 
@dropdown-link-active-bg:        @component-active-bg;*/
/* Disabled dropdown menu item background color. */
/* Text color for headers within dropdown menus. */
/* Form states and alerts */
/* Define colors for form feedback states and, by default, alerts. */
/* Alerts  */
/* Define alert colors, border radius, and padding. */
/* Panels
/* Define panel colors, border radius, and padding. */
/* Border color for elements within panels */
/* Other Variables */
/* --------------- */
/* Layout */
/* imports Bootstrap's variables.less */
/* Extra small devices (phones, up to 480px) */
/* No media query since this is the default in Bootstrap */
/* Main Body Structure */
html {
  height: 100%;
  /*background:#fff url(../img/bg/html.png) top center repeat-x;*/
}
body {
  height: 100%;
  font-family: Intro, "Trebuchet MS", Helvetica, Arial, sans-serif;
  color: #000000;
}
body input,
body textarea,
body .uneditable-input,
body button,
body select,
body textarea,
body label {
  font-family: Intro, "Trebuchet MS", Helvetica, Arial, sans-serif;
}
/* Bullets */
ul,
ol {
  margin: 0;
  padding: 0;
}
ul li,
ol li {
  padding: 0;
  margin: 0 0 5px 20px;
  font-size: 1em;
  line-height: 1.3em;
}
ul ul li,
ol ul li,
ul ol li,
ol ol li {
  margin: 0 0 5px 50px;
}
ul li {
  margin-left: 0;
  list-style-type: none;
}
ul.bullets {
  padding: 0 0 0 20px;
}
ul.bullets li {
  margin-left: 20px;
}
ul.bullets li:before {
  content: "\2192";
  float: left;
  width: 20px;
  margin-left: -20px;
}
ul.bullets ul li:before {
  content: "\00B7";
  float: left;
  width: 20px;
  margin-left: -20px;
}
/* Header Styles */
#headerWrapper {
  border-bottom: 4px solid #00a6ca;
}
#headerWrapper #headerMain {
  height: 62px;
}
#headerWrapper #headerMain #headerLogo {
  float: left;
  width: 100px;
  height: 27px;
  margin-top: 17px;
  background-image: url(../img/logoHeader.svg);
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: 100px 27px;
}
#headerWrapper #headerMain #applicationName {
  float: left;
  height: 26px;
  margin: 24px 0 0 9px;
  padding: 7px 0 0 9px;
  font-size: 14px;
  font-weight: 400;
  color: #000000;
  border-left: 1px solid #00a6ca;
}
#headerWrapper #headerMain #headerRightContent #topNav {
  position: fixed;
  top: 15px;
  left: -265px;
  z-index: 110;
  transition-property: left;
  transition-duration: 0.25s;
  transition-timing-function: ease-in;
}
#headerWrapper #headerMain #headerRightContent #topNav a {
  float: left;
  margin-right: 5px;
  width: 36px;
  height: 36px;
  overflow: hidden;
  color: #000000;
  font-size: 1px;
}
#headerWrapper #headerMain #headerRightContent #topNav a i {
  width: 36px;
  height: 36px;
  padding: 5px 0 0 0;
  text-align: center;
  border: 1px solid #dddddd;
  font-size: 22px;
}
#headerWrapper #headerMain #headerRightContent #topNav a i:hover {
  background-color: #dddddd;
}
#headerWrapper #headerMain #headerRightContent #topNav.xsVisible {
  left: 15px;
}
.no-svg #headerWrapper #headerMain #headerLogo {
  background-image: url(../img/logoHeaderXs.png);
}
/* Responsive Media Queries */
/* Small devices (vertical tablets, 768px and up) */
@media (min-width: 768px) {
  #headerWrapper #headerMain {
    height: 86px;
  }
  #headerWrapper #headerMain #headerLogo {
    width: 137px;
    height: 37px;
    margin-top: 25px;
    background-size: 137px 37px;
  }
  #headerWrapper #headerMain #applicationName {
    margin: 35px 0 0 12px;
    padding: 11px 0 0 12px;
    height: 35px;
    font-size: 18px;
  }
  #headerWrapper #headerMain #headerRightContent {
    float: right;
    font-size: 10px;
  }
  #headerWrapper #headerMain #headerRightContent #topNav {
    position: relative;
    top: auto;
    left: auto;
    margin-top: 6px;
    text-align: right;
  }
  #headerWrapper #headerMain #headerRightContent #topNav a {
    float: none;
    margin-left: 20px;
    font-family: IntroCaps, "Trebuchet MS", Helvetica, Arial, sans-serif;
    font-weight: 600;
    font-size: 10px;
  }
  #headerWrapper #headerMain #headerRightContent #topNav a i {
    font-size: 10px;
    margin-right: 4px;
    font-weight: 400;
    text-decoration: none;
    border: none;
    padding: 0;
    width: auto;
    height: auto;
  }
  #headerWrapper #headerMain #headerRightContent #welcomeMessage {
    display: inline;
    width: auto;
    margin: 25px 0 0 0;
    line-height: 1em;
  }
  #headerWrapper #headerMain #headerRightContent #welcomeMessage .welcomeText {
    display: inline;
    width: auto;
  }
  #headerWrapper #headerMain #headerRightContent #welcomeMessage .welcomeDate:before {
    content: '\00a0 - \00a0';
  }
  .no-svg #headerWrapper #headerMain #headerLogo {
    background-image: url(../img/logoHeaderSm.png);
  }
}
/* Medium devices (horizontal tablets, laptop, desktops, 992px and up) */
@media (min-width: 992px) {
  #headerWrapper #headerMain {
    height: 125px;
  }
  #headerWrapper #headerMain #headerLogo {
    width: 200px;
    height: 53px;
    margin-top: 36px;
    background-size: 200px 53px;
  }
  #headerWrapper #headerMain #applicationName {
    margin: 50px 0 0 15px;
    padding: 15px 0 0 15px;
    height: 51px;
    font-size: 26.5px;
  }
  #headerWrapper #headerMain #headerRightContent {
    font-size: 12px;
  }
  #headerWrapper #headerMain #headerRightContent #topNav {
    margin-top: 8px;
  }
  #headerWrapper #headerMain #headerRightContent #topNav a {
    margin-left: 30px;
    font-size: 12px;
  }
  #headerWrapper #headerMain #headerRightContent #topNav a i {
    font-size: 12px;
  }
  .no-svg #headerWrapper #headerMain #headerLogo {
    background-image: url(../img/logoHeaderMd.png);
  }
}
/* Large devices (large laptops, desktops, 1200px and up) */
/* CSS Document */
/* Main Nav */
#mobileMenuButton {
  font-size: 20px;
  text-decoration: none;
  position: fixed;
  top: 10px;
  right: 10px;
}
#mainNav {
  position: fixed;
  width: 280px;
  top: 0;
  /*right: 53px;*/
  bottom: 0;
  left: -280px;
  z-index: 100;
  padding-top: 67px;
  background-color: #ededed;
  box-shadow: -12px 0 15px -15px rgba(0, 0, 0, 0.15) inset;
  transition-duration: 0.25s;
  transition-timing-function: ease-in;
  transition-property: left;
}
#mainNav .nav {
  padding: 0;
  border-top: 1px solid #ffffff;
  border-bottom: none;
}
#mainNav .nav li {
  height: 45px;
  width: 100%;
  margin-bottom: 0;
  border-bottom: 1px solid #ffffff;
}
#mainNav .nav li a {
  width: 100%;
  height: 44px;
  border: none;
  border-radius: 0;
  font-size: 16px;
  font-weight: 600;
  text-decoration: none;
  color: #000000;
}
#mainNav .nav li a:hover {
  background-color: #dddddd;
}
#mainNav .nav li.active a {
  border-top: none;
  border-right: none;
  border-bottom: none;
  border-left: 4px solid #fcd800;
}
#mainNav .nav li.active:hover {
  background-color: #e0c000;
}
#mainNav.xsVisible {
  left: 0;
}
#mainNav .fa {
  font-size: 13px;
}
/* Side Accordian */
.sideAccordian {
  font-size: 16px;
  box-shadow: 0 2px 2px rgba(0, 0, 0, 0.07);
}
.sideAccordian.panel-group .panel {
  border-radius: 0;
  box-shadow: none;
  background-color: #ffffff;
}
.sideAccordian.panel-group .panel + .panel {
  margin-top: 1px;
}
.sideAccordian.panel-group .panel-default {
  border: none;
}
.sideAccordian.panel-group .panel-default > .panel-heading {
  border: none;
  background-color: #ededed;
}
.sideAccordian.panel-group .panel-title {
  font-weight: 600;
  text-decoration: none;
}
.sideAccordian.panel-group .list-group {
  margin-bottom: 15px;
  margin-left: 15px;
}
.sideAccordian.panel-group .list-group-item {
  border-top: none;
  border-right: none;
  border-left: none;
  border-bottom: 1px solid #ededed;
  margin-bottom: 0;
}
.sideAccordian.panel-group .list-group-item a {
  color: #000000;
  text-decoration: none;
}
.sideAccordian.panel-group .list-group-item:first-child {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.sideAccordian.panel-group .list-group-item:last-child {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  border: none;
}
/* Tab Navs */
.nav-tabs {
  border-bottom-color: #939393;
  background-color: #ffffff;
}
.nav-tabs > li {
  margin-bottom: 0;
}
.nav-tabs > li > a {
  height: 43px;
  padding: 10px 15px 0 15px;
  border-radius: 0;
  border: none;
  background-color: #ededed;
  font-size: 16px;
  color: #000000;
  text-decoration: none;
}
.nav-tabs > li > a:hover {
  border: none;
  background-color: #dddddd;
}
.nav-tabs > li.active > a,
.nav-tabs > li.active > a:hover,
.nav-tabs > li.active > a:focus {
  height: 44px;
  padding-top: 6px;
  color: #00a6ca;
  background-color: #ffffff;
  border: none;
  border-top: 4px solid #00a6ca;
  margin-bottom: -1px;
}
/* Responsive Media Queries */
/* Small devices (vertical tablets, 768px and up) */
@media (min-width: 768px) {
  #mainNav {
    position: relative;
    width: auto;
    top: auto;
    right: auto;
    bottom: auto;
    left: auto;
    z-index: auto;
    padding-top: 0;
    background-color: #ffffff;
    box-shadow: none;
    border-bottom: 1px solid #00a6ca;
  }
  #mainNav .nav {
    border-top: none;
  }
  #mainNav .nav li {
    height: 36px;
    width: auto;
    padding: 0;
    margin-bottom: 0;
    border-bottom: none;
  }
  #mainNav .nav li a {
    height: 36px;
    padding: 12px 20px 0 20px;
    font-size: 12px;
    line-height: 1em;
    background-color: #ffffff;
    border-right: 1px solid #00a6ca;
  }
  #mainNav .nav li a:hover {
    background-color: #ededed;
  }
  #mainNav .nav li.active a {
    border-top: none;
    border-right: 1px solid #00a6ca;
    border-bottom: none;
    border-left: none;
    background-color: #fcd800;
  }
  #mainNav .nav li.active a:hover {
    background-color: #e0c000;
  }
  #mainNav .nav li:last-child a {
    border-right: none;
  }
}
/* Medium devices (horizontal tablets, laptop, desktops, 992px and up) */
@media (min-width: 992px) {
  #mainNav .nav li {
    height: 42px;
    padding: 0;
  }
  #mainNav .nav li a {
    height: 42px;
    padding: 11px 30px 0 30px;
    font-size: 16px;
  }
}
/* Large devices (large laptops, desktops, 1200px and up) */
/* CSS Document */
/* Headings */
h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
  font-family: Intro, "Trebuchet MS", Helvetica, Arial, sans-serif;
  color: #000000;
  font-weight: 600;
}
h1.underline,
h2.underline,
h3.underline,
h4.underline,
h5.underline,
h6.underline,
.h1.underline,
.h2.underline,
.h3.underline,
.h4.underline,
.h5.underline,
.h6.underline {
  border-bottom: 1px solid #dddddd;
}
h1 {
  font-size: 42px;
}
h2 {
  font-size: 32px;
  font-weight: 300;
}
h3 {
  font-size: 26px;
  font-weight: 400;
}
h4 {
  font-size: 26px;
  font-weight: 300;
}
h5 {
  font-size: 16px;
}
h6 {
  font-size: 14px;
  font-family: IntroCaps, "Trebuchet MS", Helvetica, Arial, sans-serif;
}
.subHeading {
  text-transform: uppercase;
  font-size: 13px;
  color: #000000;
}
/* Responsive Media Queries */
/* Small devices (vertical tablets, 768px and up) */
/* Medium devices (horizontal tablets, laptop, desktops, 992px and up) */
/* Large devices (large laptops, desktops, 1200px and up) */
/* Main Content Styles */
#mainContent {
  padding-bottom: 40px;
  /* Main Content Top */
  /* Breadcrumbs */
}
#mainContent form {
  margin: 0;
}
#mainContent #posReq {
  font-size: 11px;
  float: right;
}
#mainContent #posReq .reqNote {
  color: #000000;
  text-transform: uppercase;
}
#mainContent #newUserBtn {
  float: right;
}
#mainContent #mainContentTop {
  height: 70px;
  padding-top: 25px;
}
#mainContent #mainContentTop #toolMenuToggle {
  position: fixed;
  top: 80px;
  right: 16px;
  display: block;
  height: 70px;
  width: 98px;
  border: 1px solid #dddddd;
  border-width: 0 0 1px 1px;
  text-align: center;
  background-color: rgba(255, 255, 255, 0.9);
  -webkit-box-shadow: inset 0px 1px 3px rgba(0, 0, 0, 0.07);
  -moz-box-shadow: inset 0px 1px 3px rgba(0, 0, 0, 0.07);
  box-shadow: inset 0px 1px 3px rgba(0, 0, 0, 0.07);
  z-index: 2;
}
#mainContent #mainContentTop #toolMenuToggle:hover {
  text-decoration: none;
}
#mainContent #mainContentTop #toolMenuToggle .fa {
  position: relative;
  top: 50%;
  display: block;
  margin-top: -9px;
  font-size: 18px;
}
#mainContent #mainContentTop #toolMenu {
  position: fixed;
  padding: 10px 0;
  top: 150px;
  right: 16px;
  display: block;
  width: 98px;
  background-color: rgba(255, 255, 255, 0.9);
  border: 1px solid #dddddd;
  border-width: 0 0 1px 1px;
  z-index: 2;
}
#mainContent #mainContentTop #toolMenu a {
  display: block;
  width: 100%;
  padding: 10px 0;
  text-align: center;
}
#mainContent #mainContentTop #toolMenu .fa {
  font-size: 18px;
}
#mainContent #mainContentTop #toolMenu .divider {
  margin: 10px 15px;
  display: block;
  border-top: 1px solid #dddddd;
}
#mainContent .breadcrumb > li + li:before {
  content: '> ';
  color: #000000;
}
#mainContent .breadcrumb {
  /* singular! */
  display: inline-block;
  margin: 2px 0 15px 0;
  padding: 0;
  background-color: transparent;
  font-weight: 400;
  font-size: 14px;
  color: #000000;
  font-family: IntroCaps, "Trebuchet MS", Helvetica, Arial, sans-serif;
  line-height: 1em;
}
#mainContent .breadcrumb li {
  padding: 0;
  margin: 0;
}
#mainContent .breadcrumb .active {
  color: #000000;
}
#mainContent #pageTitle {
  line-height: 1em;
  padding: 0;
  margin: 25px 0 0 0;
}
#mainContent #actionArea {
  padding: 0;
  height: 64px;
  margin-bottom: 47px;
}
#mainContent #actionArea #statusArea {
  float: left;
  height: 63px;
  padding-right: 15px;
  margin-right: 15px;
  font-weight: 700;
  border-right: 1px solid #dddddd;
}
#mainContent #actionArea #statusArea #status {
  padding-top: 10px;
}
#mainContent #actionArea #actionButtons {
  float: left;
  height: 63px;
  position: relative;
}
#mainContent #actionArea #actionButtons .buttonHolder {
  height: 43px;
}
#mainContent #actionArea #actionButtons #saveChangesMsg,
#mainContent #actionArea #actionButtons .hint {
  position: absolute;
  left: 0;
  bottom: 3px;
  text-transform: uppercase;
  font-size: 10px;
  line-height: 1em;
  color: #dddddd;
  margin: 0;
}
#mainContent #actionArea .borderConnect {
  height: 80px;
}
#mainContent #actionArea .brownLabel {
  display: block;
  height: 13px;
  color: #000000;
  text-transform: uppercase;
  font-weight: 400;
  font-size: 11px;
  line-height: 1em;
}
#mainContent #actionArea .btn {
  float: left;
  margin-left: 5px;
}
#mainContent #actionArea .btn-group {
  float: left;
  margin-left: 5px;
}
#mainContent #actionArea .btn-group .btn {
  margin-left: 0;
}
#mainContent #actionArea .btn-group .btn + .btn {
  margin-left: -1px;
}
#mainContent #actionArea .btn-first {
  margin-left: 0;
}
#mainContent #actionArea .verticalLine {
  float: left;
  width: 10px;
  height: 36px;
  margin-left: 15px;
  border-left: 1px solid #dddddd;
}
#mainContent #actionArea.fixedActions {
  position: fixed;
  top: 0;
  height: 39px;
  margin-bottom: 0;
  padding-top: 5px;
  background-color: #ffffff;
  z-index: 20;
}
#mainContent #actionArea.fixedActions #actionButtons .brownLabel {
  display: none;
}
#mainContent #actionArea.fixedActions .verticalLine {
  height: 29px;
}
#mainContent #actionArea.fixedActions #statusArea {
  height: 29px;
}
#mainContent #actionArea.fixedActions #statusArea #status {
  padding-top: 0;
  line-height: 1em;
}
#mainContent #actionAreaPlaceholder {
  display: block;
  height: 111px;
}
#mainContent #searchFormSection {
  margin-top: 20px;
}
#mainContent #searchFormSection h5 {
  margin-top: 0;
}
#mainContent #searchFormSection #searchButtons .btn {
  text-align: left;
  padding-left: 10px;
}
#mainContent #searchFormSection #searchFormFields {
  border-left: 1px dotted #dddddd;
  margin-left: 10px;
  padding: 0 0 30px 10px;
}
#mainContent .contentSection {
  margin-bottom: 40px;
}
#mainContent .contentSectionNoTabs {
  margin: 40px 0;
}
#mainContent #instructionLink {
  float: right;
}
#mainContent #actionsSaveCancel {
  margin-bottom: 15px;
}
.processing {
  background: transparent url(../img/bg/popup_icon_processing.gif) top left no-repeat;
  margin: 5px;
}
.processing h4 {
  margin-left: 15px;
}
/* Alerts */
/* -------------------------------------------------- */
/* Base styles */
/* ------------------------- */
.alert {
  padding: 15px 35px 30px 35px;
  margin-bottom: 20px;
  border: 1px solid transparent;
  border-radius: 0;
  font-size: 16px;
  display: block;
  /* Headings for larger alerts */
  /* Provide class for links that match alerts */
  /* Improve alignment and spacing of inner content */
}
.alert h4 {
  margin-top: 0;
  font-size: 14px;
  /* Specified for the h4 to prevent conflicts of changing @headings-color */
  color: inherit;
  font-weight: 400;
}
.alert ul {
  padding-left: 1.25em;
}
.alert > p,
.alert > ul {
  margin-bottom: 0;
  color: #000000;
}
.alert > p + p {
  margin-top: 5px;
}
.alert .alertIcon {
  float: left;
  margin: 0 15px 0 -25px;
  font-size: 130%;
  display: inline;
}
.alert .alertContent {
    display: inline;
    float: left;
    width: 90%;  
    padding-bottom: 15px; 
}
/* Dismissable alerts */
/* Expand the right padding and account for the close button's positioning. */
.alert-dismissable {
  padding-right: 45px;
  /* Adjust close link position */
}
.alert-dismissable .close {
  position: relative;
  top: -2px;
  right: -21px;
  color: inherit;
}
/* Alternate styles */
/* Generate contextual modifier classes for colorizing the alert. */
.alert-success {
  background-color: #ffffff;
  border-color: #008a00;
  color: #008a00;
}
.alert-success hr {
  border-top-color: #007100;
}
.alert-success .alert-link {
  color: #005700;
}
.alert-info {
  background-color: #ffffff;
  border-color: #00a6ca;
  color: #00a6ca;
}
.alert-info hr {
  border-top-color: #0281a5;
}
.alert-info .alert-link {
  color: #016d8c;
}
.alert-warning {
  background-color: #ffffff;
  border-color: #FCD800;
  color: #000;
}
.alert-warning hr {
  border-top-color: #d86200;
}
.alert-danger {
  background-color: #ffffff;
  border-color: #d74025;
  color: #d74025;
}
.alert-danger hr {
  border-top-color: #c13a21;
}
.alert .alert-link {
    color: #000;
    font-weight: normal;
    text-decoration: underline;
}
.alert-danger .alert-link {
  color: #ab331e;
}
/* Small devices (vertical tablets, 768px and up) */
/* Medium devices (horizontal tablets, laptop, desktops, 992px and up) */
@media (min-width: 992px) {
  .alert {
    padding: 20px 50px 45px 50px;
    font-size: 14px;
  }
  .alert .alertIcon {
    margin-left: -18px;
  }
  .alert h4 {
    font-size: 18px;
  }
}
/* LESS Document */
/* Panels */
/* -------------------------------------------------- */
/* Base class */
.panel {
  margin-bottom: 20px;
  background-color: #ededed;
  border: 1px solid transparent;
  border-radius: 6px;
  -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
}
.panel h3 {
  margin-top: 5px;
}
/* Panel contents */
.panel-body {
  padding: 15px;
}
/* Optional footer (stays gray in every modifier class) */
.panel-footer {
  background-color: #e8e8e8;
  border-top: 1px solid #e0e0e0;
}
/* Contextual variations */
.panel-default {
  border-color: #dddddd;
}
.panel-default > .panel-heading {
  color: #000000;
  background-color: #dddddd;
  border-color: #dddddd;
}
.panel-default > .panel-heading + .panel-collapse .panel-body {
  border-top-color: #dddddd;
}
.panel-default > .panel-footer + .panel-collapse .panel-body {
  border-bottom-color: #dddddd;
}
.panel-primary {
  border-color: #00a6ca;
}
.panel-primary > .panel-heading {
  color: #ffffff;
  background-color: #00a6ca;
  border-color: #00a6ca;
}
.panel-primary > .panel-heading + .panel-collapse .panel-body {
  border-top-color: #00a6ca;
}
.panel-primary > .panel-footer + .panel-collapse .panel-body {
  border-bottom-color: #00a6ca;
}
.panel-success {
  border-color: #008a00;
}
.panel-success > .panel-heading {
  color: #008a00;
  background-color: #ffffff;
  border-color: #008a00;
}
.panel-success > .panel-heading + .panel-collapse .panel-body {
  border-top-color: #008a00;
}
.panel-success > .panel-footer + .panel-collapse .panel-body {
  border-bottom-color: #008a00;
}
.panel-info {
  border-color: #00a6ca;
}
.panel-info > .panel-heading {
  color: #00a6ca;
  background-color: #ffffff;
  border-color: #00a6ca;
}
.panel-info > .panel-heading + .panel-collapse .panel-body {
  border-top-color: #00a6ca;
}
.panel-info > .panel-footer + .panel-collapse .panel-body {
  border-bottom-color: #00a6ca;
}
.panel-warning {
  border-color: #f16e00;
}
.panel-warning > .panel-heading {
  color: #f16e00;
  background-color: #ffffff;
  border-color: #f16e00;
}
.panel-warning > .panel-heading + .panel-collapse .panel-body {
  border-top-color: #f16e00;
}
.panel-warning > .panel-footer + .panel-collapse .panel-body {
  border-bottom-color: #f16e00;
}
.panel-danger {
  border-color: #d74025;
}
.panel-danger > .panel-heading {
  color: #d74025;
  background-color: #ffffff;
  border-color: #d74025;
}
.panel-danger > .panel-heading + .panel-collapse .panel-body {
  border-top-color: #d74025;
}
.panel-danger > .panel-footer + .panel-collapse .panel-body {
  border-bottom-color: #d74025;
}
/* Responsive Media Queries */
/* Small devices (vertical tablets, 768px and up) */
/* Medium devices (horizontal tablets, laptop, desktops, 992px and up) */
@media (min-width: 992px) {
  .panel {
    border-radius: 12px;
  }
  .panel-body {
    padding: 15px 30px;
  }
  .panel-footer {
    padding: 10px 15px;
    border-bottom-right-radius: 11px;
    border-bottom-left-radius: 11px;
  }
}
/* Large devices (large laptops, desktops, 1200px and up) */
/* Buttons */
/* -------------------------------------------------- */
/* Mixin for generating new styles */
/* Common styles */
.btn {
  padding-top: 5px;
  padding-right: 12px;
  padding-bottom: 14px;
  padding-left: 12px;
  height: 39px;
  font-family: IntroCaps, "Trebuchet MS", Helvetica, Arial, sans-serif;
  font-weight: 600;
  font-size: 18px;
  line-height: 1em;
  text-shadow: none;
  border-radius: 0;
  border-width: 1px;
  border-style: solid;
  background-image: none;
  -webkit-transition: padding-top 1s, padding-bottom 1s, height 1s;
  transition: padding-top 1s, padding-bottom 1s, height 1s;
  /* Remove the gradient for the pressed/active state */
}
.btn:active,
.btn.active {
  background-image: none;
}
.btn.short {
  padding-top: 0;
  padding-bottom: 9px;
  height: 29px;
}
.btn .fa {
  margin-bottom: -6px;
}
.shadow {
  -webkit-box-shadow: 4px 5px 1px rgba(0, 0, 0, 0.18);
  -moz-box-shadow: 4px 5px 1px rgba(0, 0, 0, 0.18);
  box-shadow: 4px 5px 1px rgba(0, 0, 0, 0.18);
}
.shadow:active {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  position: relative;
  left: 2px;
  top: 2px;
}
/* Apply the mixin to the buttons */
.btn-default,
.btn-default[disabled] {
  background-color: #ffffff;
  border-color: #00a6ca;
  color: #00a6ca;
}
.btn-default:hover,
.btn-default[disabled]:hover,
.btn-default:focus,
.btn-default[disabled]:focus {
  background-color: #e3e3e3;
  border-color: #016986;
  color: #00a6ca;
}
.btn-primary,
.btn-primary[disabled] {
  background-color: #fcd800;
  border-color: #fcd800;
  color: #000000;
}
.btn-primary:hover,
.btn-primary[disabled]:hover,
.btn-primary:focus,
.btn-primary[disabled]:focus {
  background-color: #c4a800;
  border-color: #c4a800;
  color: #000000;
}
.btn-secondary,
.btn-secondary[disabled] {
  background-color: #00a6ca;
  border-color: #00a6ca;
  color: #ffffff;
}
.btn-secondary:hover,
.btn-secondary[disabled]:hover,
.btn-secondary:focus,
.btn-secondary[disabled]:focus {
  background-color: #016986;
  border-color: #016986;
  color: #ffffff;
}
.btn-success,
.btn-success[disabled] {
  background-color: #008a00;
  border-color: #008a00;
  color: #ffffff;
}
.btn-success:hover,
.btn-success[disabled]:hover,
.btn-success:focus,
.btn-success[disabled]:focus {
  background-color: #005200;
  border-color: #005200;
  color: #ffffff;
}
.btn-info,
.btn-info[disabled] {
  background-color: #00a6ca;
  border-color: #00a6ca;
  color: #ffffff;
}
.btn-info:hover,
.btn-info[disabled]:hover,
.btn-info:focus,
.btn-info[disabled]:focus {
  background-color: #016986;
  border-color: #016986;
  color: #ffffff;
}
.btn-warning,
.btn-warning[disabled] {
  background-color: #f16e00;
  border-color: #f16e00;
  color: #ffffff;
}
.btn-warning:hover,
.btn-warning[disabled]:hover,
.btn-warning:focus,
.btn-warning[disabled]:focus {
  background-color: #b95400;
  border-color: #b95400;
  color: #ffffff;
}
.btn-danger,
.btn-danger[disabled] {
  background-color: #d74025;
  border-color: #d74025;
  color: #ffffff;
}
.btn-danger:hover,
.btn-danger[disabled]:hover,
.btn-danger:focus,
.btn-danger[disabled]:focus {
  background-color: #a7321d;
  border-color: #a7321d;
  color: #ffffff;
}
/* Responsive: Large desktop and up */
/* Form Styles */
/* Labels & Legends */
label,
.label {
  color: #000000;
  margin: 0;
  font-weight: normal;
}
.asterisk {
  color: #f16e00;
}
legend {
  border-bottom: 1px dotted #dddddd;
  font-size: 13px;
  font-weight: 700;
  color: #000000;
  text-transform: uppercase;
}
legend a:hover {
  text-decoration: none;
}
/* Forms Controls */
.form-control {
  color: #000000;
  height: 33px;
  padding: 5px 8px;
  border-radius: 0;
}
textarea {
  resize: none;
}
textarea,
input[type="text"],
input[type="password"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="color"],
.uneditable-input,
select,
.form-control {
  border: 1px solid #939393;
  background-color: #ffffff;
  background-position: top left;
  background-repeat: no-repeat;
  box-shadow: none;
}
select,
button,
.outline {
  border: 1px solid #939393;
}
.ie select {
  font-family: 'Arial Narrow', Arial;
}
.checkbox {
  margin-top: 0;
  margin-bottom: 0;
}
.input-group-addon {
  background-color: #dddddd;
  border-color: #939393;
  color: #000000;
  border-radius: 0;
}
/* Read Only and Disabled Styles */
input[readonly],
select[readonly],
textarea[readonly],
.form-control[readonly] {
  border: 1px solid #dddddd;
  font-weight: 700;
  background-color: transparent;
  background-image: none;
  -webkit-box-shadow: none;
  box-shadow: none;
}
input[disabled="disabled"],
select[disabled="disabled"],
.form-control[disabled],
fieldset[disabled] .form-control {
  border: 1px solid #ededed;
  font-weight: 700;
  background-color: #NaNNaNNaN;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.checkbox[disabled="disabled"] {
  opacity: .4;
}
/* Placeholder hint text color overrides */
#mainContent .form-control::-webkit-input-placeholder {
  /* Chrome and Safari */
  color: #dddddd;
}
#mainContent .form-control:-moz-placeholder {
  /* Firefox 18- */
  color: #dddddd;
}
#mainContent .form-control::-moz-placeholder {
  /* Firefox 19+ */
  color: #dddddd;
}
#mainContent .form-control:-ms-input-placeholder {
  /* IE */
  color: #dddddd;
}
.placeholder-visible,
.form-control.placeholder-visible {
  /* WebShims Placeholder */
  color: #dddddd !important;
}
/* Content that is a Form Control when the screen is editable */
strong.content {
  float: left;
  width: 100%;
  line-height: 1em;
  margin-bottom: 12px;
}
.form-control-static {
  font-weight: 700;
}
/* Error Styles for jQuery Validation */
label.error {
  color: #d74025;
  font-weight: normal;
  display: block;
  float: left;
}
input[type="text"].error {
  border: 1px solid #d74025;
}
select.error {
  border: 1px solid #d74025;
}
/* Legacy Error Label */
.fieldError input,
.fieldError select {
  border-color: #d74025;
}
.required label {
  font-weight: bold;
}
/* Style for Form Element Changes */
input.changed,
select.changed,
textarea.changed {
  border: 1px solid #00a6ca;
}
/* @import "tu/sidebar.less"; */
/* Tables and Paging */
/* Paging */
.paging {
  float: right;
  line-height: 50px;
  margin-right: 15px;
}
.paging a {
  color: #00a6ca;
}
.paging a i {
  color: #00a6ca;
}
.paging .firstDisabled,
.paging .previousDisabled,
.paging .nextDisabled,
.paging .lastDisabled {
  color: #dddddd;
}
.paging .firstDisabled i,
.paging .previousDisabled i,
.paging .nextDisabled i,
.paging .lastDisabled i {
  color: #dddddd;
}
.paging .page,
.paging .activePage {
  color: #000000;
}
.paging .activePage {
  font-weight: bold;
}
.paging .first,
.paging .previous,
.paging .firstDisabled,
.paging .previousDisabled {
  margin-right: 10px;
}
.paging .next,
.paging .last,
.paging .nextDisabled,
.paging .lastDisabled {
  margin-left: 10px;
}
.paging .pipe {
  margin: 0 10px;
}
/* Tables */
#mainContent .tableHead {
  margin-bottom: 0;
}
#resultsListTable {
  margin-bottom: 1px;
}
.listTablesTop {
  margin-bottom: 10px;
}
.listTablesTop .resultsFound {
  line-height: 50px;
  float: left;
}
.listTablesTop .tableActions {
  float: right;
}
.listTablesTop .tableActions .quickFilter {
  float: left;
  padding: 10px 15px 0;
  height: 40px;
  border: 1px dotted #dddddd;
  border-width: 0 1px;
}
.listTablesTop .tableActions .btn {
  margin: 10px 0 0 15px;
}
.table thead {
  background-color: #ffffff;
  left: 0;
  overflow-x: hidden;
  overflow-y: scroll;
  top: 0;
  width: 100%;
  border-top: 1px solid #dddddd;
}
.table thead th {
  height: 34px;
  padding: 0px 0px 0px 5px;
  font-weight: normal;
  text-transform: uppercase;
  font-size: 11px;
  color: #000000;
  line-height: 1em;
  vertical-align: middle;
  background-color: #ffffff;
  border-bottom-width: 1px;
}
.table thead th i {
  color: #000000;
}
.table thead th .fa-sort {
  margin-left: 3px;
  float: right;
}
.table thead th .fa-sort-asc,
.table thead th .fa-sort-desc {
  display: none;
  float: right;
}
.table thead th .sortUp .fa-sort-desc,
.table thead th .sortDown .fa-sort-asc {
  display: inline-block;
  color: #000000;
  margin-right: -9px;
}
.table thead th a {
  float: left;
  width: 100%;
  margin: 0;
  color: #000000;
}
.table .selected {
  background-color: #fcd800;
}
.table .tableMessage {
  color: #dddddd;
}
.table-bordered {
  border: 1px solid #dddddd;
}
.table-bordered > thead > tr > th,
.table-bordered > tbody > tr > th,
.table-bordered > tfoot > tr > th,
.table-bordered > thead > tr > td,
.table-bordered > tbody > tr > td,
.table-bordered > tfoot > tr > td {
  border: 1px solid #dddddd;
  border-bottom-color: #dddddd;
}
.table-bordered > thead > tr > th,
.table-bordered > thead > tr > td {
  border-bottom-width: 1px;
}
.table-striped > tbody > tr:nth-child(odd) > td,
.table-striped > tbody > tr:nth-child(odd) > th {
  background-color: #f7f7f7;
}
.table-striped tbody > tr > td.highlight {
  background-color: #fcd800;
}
.smallTable {
  border: 1px solid #dddddd;
}
.smallTable thead th,
.smallTable thead th label {
  color: #000000;
  font-size: 11px;
  text-transform: uppercase;
  height: 20px;
  font-weight: normal;
  padding: 0 0 0 4px;
}
.smallTable thead th {
  border-left: 1px solid #dddddd;
  border-bottom: none;
}
.smallTable thead th:first-child {
  border-left: none;
}
.smallTable thead .selectHead {
  width: 64px;
}
.smallTable thead .selectHead label {
  padding-left: 20px;
}
.smallTable tbody td:first-child {
  border-left: none;
}
.table-bordered {
  border-bottom: none;
}
.table-bordered td {
  border-left: 1px solid #dddddd;
  border-bottom: 1px solid #dddddd;
  border-top: none;
}
.table-bordered thead:last-child tr:last-child > th:first-child,
.table-bordered tbody:last-child tr:last-child > td:first-child,
.table-bordered tbody:last-child tr:last-child > th:first-child,
.table-bordered tfoot:last-child tr:last-child > td:first-child,
.table-bordered tfoot:last-child tr:last-child > th:first-child {
  border-bottom-left-radius: 0;
}
/* Modal */
.modal {
  /* margin-left: -280px; */
}
.modal #myModalLabel {
  color: #000000;
  margin-bottom: 0;
  text-transform: uppercase;
}
.modal .modal-title h4 {
  border-bottom: none;
}
.modal .modal-header {
  padding-bottom: 0;
}
.modal .modal-body {
  min-height: 200px;
}
.modal .btn {
  border: 1px solid #dddddd;
}
.modal .firstBtn {
  margin: 2px 0 0 0;
}
.modal .table-bordered thead {
  border-top: 1px solid #dddddd;
  border-right: 1px solid #dddddd;
}
.modal .table-bordered thead tr th {
  background-image: -webkit-linear-gradient(top, #f9f1dd 0%, #e0d5be 100%);
  background-image: linear-gradient(to bottom, #f9f1dd 0%, #e0d5be 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff9f1dd', endColorstr='#ffe0d5be', GradientType=0);
  font-size: 11px;
  text-transform: uppercase;
  font-weight: normal;
  height: 20px;
  line-height: 0;
  border-left: 1px solid #dddddd;
  border-bottom: none;
  border-top: 1px solid #dddddd;
}
.modal #searchFields {
  margin-left: 30px;
  margin-bottom: 20px;
  border-left: 1px dotted #dddddd;
  padding-left: 30px;
}
.modal #searchFields input {
  font-weight: bold;
  border: 1px solid #dddddd;
  text-transform: uppercase;
}
.modal #searchFields .checkboxTitle {
  float: left;
}
.modal #searchFields .inputInline {
  float: left;
  margin-right: 40px;
}
.modal #searchFields .nextToCBT {
  margin-left: 10px;
}
.modal #searchFields .nextToCBT .input-small {
  width: 113px;
}
/* Footer Styles */
/* Extra small devices (phones, up to 480px) */
/* No media query since this is the default in Bootstrap */
/* Wrap styles keep footer at bottom of screen */
#wrap {
  min-height: 100%;
  height: auto !important;
  height: 100%;
  margin: 0 auto -111px;
  /* the bottom margin is the negative value of the footer's height */
  padding-bottom: 111px;
}
#footerStretch {
  margin-top: 25px;
  border-top: 2px solid #ededed;
  background: #ffffff url(../img/stampMobileFooter.png) right bottom no-repeat;
}
#footerStretch #footerMain {
  height: 85px;
  vertical-align: middle;
  color: #000000;
  font-size: 11px;
}
#footerStretch #footerMain .logo {
  display: none;
}
#footerStretch #footerMain .copyright {
  float: left;
  width: 100%;
  margin: 21px 0 0 0;
}
#footerStretch #footerMain .links a {
  float: left;
  margin-right: 15px;
  margin-top: 10px;
  padding-right: 15px;
  color: #000000;
  border-right: 1px solid #00a6ca;
}
#footerStretch #footerMain .links a:last-child {
  margin-right: 0;
  padding-right: 0;
  border-right: none;
}
/* Responsive Media Queries */
/* Small devices (vertical tablets, 768px and up) */
@media (min-width: 768px) {
  #wrap {
    margin: 0 auto -175px;
    /* the bottom margin is the negative value of the footer's height */
    padding-bottom: 175px;
  }
  #footerStretch {
    background-image: none;
  }
  #footerStretch #footerMain {
    height: 149px;
    font-size: 12px;
  }
  #footerStretch #footerMain .logo {
    display: block;
    float: left;
    width: 68px;
    height: 68px;
    background: url(../img/stampYellow.svg) 0px bottom no-repeat;
    margin-top: 40px;
  }
  #footerStretch #footerMain .copyright {
    margin: 64px 0 0 15px;
    width: auto;
  }
  #footerStretch #footerMain .links {
    float: right;
    margin-top: 64px;
  }
  #footerStretch #footerMain .links a {
    margin-top: 0;
  }
  .no-svg #footerStretch #footerMain .logo {
    background-image: url(../img/stampYellow.png);
  }
}
/* Medium devices (horizontal tablets, laptop, desktops, 992px and up) */
/* Large devices (large laptops, desktops, 1200px and up) */
/* Floating Controls */
#mainContent.fixed {
  /*.sideBarSection {
        position: fixed;
        top: 15px;
    }*/
}
#mainContent.fixed #mainContentBody {
  padding-top: 60px;
}
#mainContent.fixed #actionArea {
  position: fixed;
  top: 0;
  padding-top: 10px;
  height: 70px;
  /*.box-shadow(0 1px 2px rgba(0,0,0, .2));*/
  z-index: 1000;
  background-color: #fff;
  width: 970px;
}
/* Responsive styles for TransUnion framework */
/* The default idea in Bootstrap 3 is that you design for phone first then move up the different sizes.
   The bulk of the styles set in the main framework should be for all sizes, or phones, then
   overridden by media queries. */
/* Responsive: Landscape phone to desktop/tablet - Needs to be default, overlapping values switched to md! */
@media (max-width: 767px) {
  #mainContent #bottomSection #bottomLeft {
    height: 240px;
  }
}
/* Small devices (vertical tablets, 768px and up) */
@media (min-width: 768px) {
  #mainContent #topSection {
    height: 110px;
  }
  #mainContent #topSection .btn {
    margin-left: 0px;
  }
  #mainContent #topSection #topRight .btn {
    margin-bottom: 8px;
    margin-left: 0px;
    margin-right: 10px;
  }
  #mainContent #bottomSection #bottomLeft .buttons {
    float: left;
  }
  /* Floating Controls */
  #mainContent.fixed #sessionActionArea {
    width: 725px;
  }
}
/* Medium devices (horizontal tablets, laptop, desktops, 992px and up) */
/* Large devices (large laptops, desktops, 1200px and up) */
@media (min-width: 1200px) {
  .toggleNav {
    top: 120px;
    left: 252px;
    width: 25px;
  }
  #mainContent.open {
    left: 25px;
  }
  #mainContent #mainContentTop #toolMenuToggle {
    top: 90px;
  }
  #mainContent #mainContentTop #toolMenu {
    top: 160px;
  }
  #mainContent #actionArea.fixedActions {
    width: 848px;
  }
  /* Floating Controls */
  #mainContent.fixed #sessionActionArea {
    width: 1171px;
  }
}