@charset "UTF-8"; /* SCSS Document */ /* TransUnion Variables */ /* ------------------------- */ /* 2016 Brand Colors */ /* ------------------------- */ /*#EEEEEE*/ /*#DDDDDD*/ /*#A9A9A9*/ /*#707070*/ /* Bootstrap Variables for Brand Colors */ /* Bootstrap Defined Colors */ /* Scaffolding */ /* Settings for some of the most global styles */ /* Background color for ``. */ /* Global text color on ``. */ /* Global textual link color. */ /* Link hover color */ /* Link hover decoration. */ /* Common border color for most containers, tables, underlines, etc. */ /* Typography */ /* Font, line-height, and color for body text, headings, and more. */ /* Default monospace fonts for `
`, ``, and ``. */
/* Unit-less `line-height` for use in components like buttons. */
/* Computed "line-height" (`font-size` * `line-height`) for use with `margin`, `padding`, etc. */
/* By default, this inherits from the ``. */
/* Iconography */
/* Specify custom location and filename of the included Glyphicons icon font. Useful for those including Bootstrap via Bower. */
/* Load fonts from this directory.

// [converter] If $bootstrap-sass-asset-helper if used, provide path relative to the assets load path.
// [converter] This is because some asset helpers, such as Sprockets, do not work with file-relative paths.
$icon-font-path: if($bootstrap-sass-asset-helper, "bootstrap/", "../fonts/bootstrap/") !default;

/* File name for all font files. 
$icon-font-name:		  "glyphicons-halflings-regular" !default; */
/* Element ID within SVG icon file.
$icon-font-svg-id:		"glyphicons_halflingsregular" !default; */
/* Components */
/* Define common padding and border radius sizes and more. Values based on 16px text and 1.428 line-height (~22px to start). */
/* Global color for active items (e.g., navs or dropdowns). */
/* Global background color for active items (e.g., navs or dropdowns). */
/* Width of the `border` for generating carets that indicator dropdowns. */
/* Carets increase slightly in size for larger components. */
/* Tables */
/* Customizes the `.table` component with basic values, each used across all table variations. */
/* Padding for ``s and ``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. */
/* Allows for customizing button radius independently from global border radius */
/* Forms */
/* `` background color */
/* `` background color */
/* Text color for ``s */
/* `` border color */
/* TODO: Rename `$input-border-radius` to `$input-border-radius-base` in v4 */
/* Default `.form-control` border radius */
/* This has no effect on ``s in CSS. */
/* Large `.form-control` border radius */
/* Small `.form-control` border radius */
/* Border color for inputs on focus */
/* `` border color */
/* `` border color */
/* Placeholder text color */
/* Default `.form-control` height */
/* Large `.form-control` height */
/* Small `.form-control` height */
/* `.form-group` margin */
/* Background color for textual input addons */
/* Border color for textual input addons */
/* Disabled cursor for form controls and buttons. */
/* 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. */
/* Active dropdown menu item background color. */
/* Disabled dropdown menu item background color. */
/* Text color for headers within dropdown menus. */
/* Deprecated `$dropdown-caret-color` as of v3.1.0
$dropdown-caret-color:		   #000 !default; */
/* Z-index master list */
/* Warning: Avoid customizing these values. They're used for a bird's eye view */
/* of components dependent on the z-axis and are designed to all work together. */
/* Note: These variables are not generated into the Customizer. */
/* Media queries breakpoints */
/* Define the breakpoints at which your layout will change, adapting to different screen sizes. */
/* Extra small screen / phone */
/* Deprecated `$screen-xs` as of v3.0.1 */
/* Deprecated `$screen-xs-min` as of v3.2.0 */
/* Deprecated `$screen-phone` as of v3.0.1 */
/* Small screen / tablet */
/* Deprecated `$screen-sm` as of v3.0.1 */
/* Deprecated `$screen-tablet` as of v3.0.1 */
/* Medium screen / desktop */
/* Deprecated `$screen-md` as of v3.0.1 */
/* Deprecated `$screen-desktop` as of v3.0.1 */
/* Large screen / wide desktop */
/* Deprecated `$screen-lg` as of v3.0.1 */
/* Deprecated `$screen-lg-desktop` as of v3.0.1 */
/* So media queries don't overlap when required, provide a maximum */
/* Grid system */
/* Define your custom responsive grid. */
/* Number of columns in the grid. */
/* Padding between columns. Gets divided in half for the left and right. */
/* Navbar collapse */
/* Point at which the navbar becomes uncollapsed. */
/* Point at which the navbar begins collapsing. */
/* Container sizes */
/* Define the maximum width of `.container` for different screen sizes. */
/* Small screen / tablet */
/* For `$screen-sm-min` and up. */
/* Medium screen / desktop */
/* For `$screen-md-min` and up. */
/* Large screen / wide desktop */
/* For `$screen-lg-min` and up. */
/* Navbar */
/* Basics of a navbar */
/* Navbar links */
/* Navbar brand label */
/* Navbar toggle */
/* Inverted navbar */
/* Reset inverted navbar basics */
/* Inverted navbar links */
/* Inverted navbar brand label */
/* Inverted navbar toggle */
/* Navs */
/* Shared nav styles */
/* Tabs */
/* Pills */
/* Pagination */
/* Pager */
/* Jumbotron

$jumbotron-padding:			  30px !default;
$jumbotron-color:				inherit !default;
$jumbotron-bg:				   $tu-extra-light-gray !default;
$jumbotron-heading-color:		inherit !default;
$jumbotron-font-size:			ceil(($font-size-base * 1.5)) !default;
$jumbotron-heading-font-size:	ceil(($font-size-base * 4.5)) !default; */
/* Form states and alerts */
/* Define colors for form feedback states and, by default, alerts. */
/* Tooltips

/* Tooltip max width */
/* Tooltip text color */
/* Tooltip background color */
/* Tooltip arrow width */
/* Tooltip arrow color */
/* Popovers */
/* Popover body background color */
/* Popover maximum width */
/* Popover border color */
/* Popover fallback border color */
/* Popover title background color */
/* Popover arrow width */
/* Popover arrow color */
/* Popover outer arrow width */
/* Popover outer arrow color */
/* Popover outer arrow fallback color */
/* Labels */
/* Default label background color */
/* Primary label background color */
/* Success label background color */
/* Info label background color */
/* Warning label background color */
/* Danger label background color */
/* Default label text color */
/* Default text color of a linked label */
/* Modals */
/* Padding applied to the modal body */
/* Padding applied to the modal title */
/* Modal title line-height */
/* Background color of modal content area */
/* Modal content border color */
/* Modal content border color **for IE8** */
/* Modal backdrop background color */
/* Modal backdrop opacity */
/* Modal header border color */
/* Modal footer border color */
/* Alerts */
/* Define alert colors, border radius, and padding. */
/* Progress bars

/* Background color of the whole progress component
$progress-bg:				 #f5f5f5 !default;
/* Progress bar text color
$progress-bar-color:		  #fff !default;
/* Variable for setting rounded corners on progress bar.
$progress-border-radius:	  $border-radius-base !default;

/* Default progress bar color
$progress-bar-bg:			 $brand-primary !default;
/* Success progress bar color
$progress-bar-success-bg:	 $brand-success !default;
/* Warning progress bar color
$progress-bar-warning-bg:	 $brand-warning !default;
/* Danger progress bar color
$progress-bar-danger-bg:	  $brand-danger !default;
/* Info progress bar color
$progress-bar-info-bg:		$brand-info !default; */
/* List group

/* Background color on `.list-group-item` */
/* `.list-group-item` border color */
/* List group border radius */
/* Background color of single list items on hover */
/* Text color of active list items */
/* Background color of active list items */
/* Border color of active list elements */
/* Text color for content within active list items */
/* Text color of disabled list items */
/* Background color of disabled list items */
/* Text color for content within disabled list items */
/* Panels */
/* Border color for elements within panels */
/* Thumbnails */
/* Padding around the thumbnail image */
/* Thumbnail background color */
/* Thumbnail border color */
/* Thumbnail border radius */
/* Custom text color for thumbnail captions */
/* Padding around the thumbnail caption */
/* Wells 

$well-bg:					 #f5f5f5 !default;
$well-border:				 darken($well-bg, 7%) !default; */
/* Badges */
/* Linked badge text color on hover */
/* Badge text color in active nav link */
/* Badge background color in active nav link */
/* Breadcrumbs */
/* Breadcrumb background color */
/* Breadcrumb text color */
/* Text color of current page in the breadcrumb */
/* Textual separator for between breadcrumb elements */
/* Carousel */
/* Close */
/* Code */
/* Type */
/* Horizontal offset for forms and lists. */
/* Text muted color */
/* Abbreviations and acronyms border color */
/* Headings small color */
/* Blockquote small color */
/* Blockquote font size */
/* Blockquote border color */
/* Page header border color */
/* Width of horizontal description list titles */
/* Point at which .dl-horizontal becomes horizontal */
/* Horizontal line color. */
/* Importing this before bootstrap makes the !default values override bootstrap values */
/* TU Mixins */
/* 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;
}
/* Extra small devices (phones, up to 480px) */
/* No media query since this is the default in Bootstrap */
/* Page Structure Styles */
/* Main Body */
html {
  height: 100%;
}

body {
  position: relative;
  height: 100%;
}
body#leftAligned {
  background-color: #dddddd;
}
body#leftAligned .container {
  margin-right: 0;
  margin-left: 0;
}
body#leftAligned.vWhite {
  background-color: white;
}
body#leftAligned.vWhite #headerWrapper {
  background-color: #00a6ca;
}

/* Wrap styles - previously used to keep footer at bottom of screen */
#wrap {
  display: flex;
  flex-direction: column;
  min-height: 100vh;
}

/* Typography Styles */
/* Headings */
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
  font-family: Intro, "Trebuchet MS", Helvetica, Arial, sans-serif;
  color: black;
  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 darkgray;
}

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: black;
}

/* Header Styles */
#headerWrapper {
  position: relative;
  background-color: white;
}
#headerWrapper #sideNavToggle {
  top: 12px;
  right: 0;
  width: 50px;
  height: 50px;
}
#headerWrapper #sideNavToggle span {
  left: 15px;
}
#headerWrapper.fixedHeader {
  padding: 0;
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  height: 102px;
  z-index: 100;
  width: 100%;
}
#headerWrapper.blue {
  background-color: #00a6ca;
}
#headerWrapper.blue #headerMain {
  background-color: #00a6ca;
}
#headerWrapper.blue #headerMain #headerLogo {
  background-image: url(../img/logoHeaderWhite.svg);
}

#headerMain {
  padding: 0 15px;
  height: 62px;
  border-bottom: 1px solid #00a6ca;
  z-index: 100;
}
#headerMain.affix {
  width: 100%;
}
#headerMain #headerLogo {
  float: left;
  width: 100px;
  height: 27px;
  margin-top: 17px;
}
#headerMain #headerLogo .stamp {
  fill: #00a6ca;
}
#headerMain #headerLogo .text {
  fill: #00a6ca;
}
#headerMain .partnerLogo {
  width: 87px;
  height: 26px;
  float: left;
  padding: 6px 0 6px 8px;
  margin: 24px 0 0 8px;
  border-left: 1px solid #00a6ca;
}
#headerMain #applicationName {
  float: left;
  height: 26px;
  margin: 24px 0 0 9px;
  padding: 7px 0 0 9px;
  font-size: 14px;
  font-weight: 400;
  color: black;
  border-left: 1px solid #00a6ca;
}
#headerMain #applicationName a {
  color: #000;
  text-decoration: none;
}
#headerMain #headerRightContent #topNavPopover #topNav {
  margin: 0;
}
#headerMain #headerRightContent #topNavPopover #topNav .help {
  background-color: white;
  float: none;
  margin: 0;
  padding: 0;
  font-family: IntroCaps, "Trebuchet MS", Helvetica, Arial, sans-serif;
  font-weight: 600;
  font-size: 10px;
}
#headerMain #headerRightContent #topNavPopover #topNav .help i {
  font-size: 10px;
  margin-right: 4px;
  font-weight: 400;
  text-decoration: none;
  border: none;
  padding: 0;
  width: auto;
  height: auto;
}
#headerMain #headerRightContent #topNavPopover #topNav .home {
  background-color: white;
  float: none;
  margin: 0;
  padding-left: 10px;
  padding-right: 0px;
  font-family: IntroCaps, "Trebuchet MS", Helvetica, Arial, sans-serif;
  font-weight: 600;
  font-size: 10px;
}
#headerMain #headerRightContent #topNavPopover #topNav .home i {
  font-size: 10px;
  margin-right: 4px;
  font-weight: 400;
  text-decoration: none;
  border: none;
  padding: 0;
  width: auto;
  height: auto;
}
#headerMain #headerRightContent #top-action {
  margin-top: 55px;
  position: relative;
}
#headerMain #headerRightContent #topNav {
  position: fixed;
  top: 15px;
  left: -265px;
  z-index: 110;
  transition-property: left;
  transition-duration: 0.25s;
  transition-timing-function: ease-in;
}
#headerMain #headerRightContent #topNav a {
  float: left;
  margin-right: 5px;
  width: 36px;
  height: 36px;
  overflow: hidden;
  color: black;
  font-size: 1px;
}
#headerMain #headerRightContent #topNav a i {
  width: 36px;
  height: 36px;
  padding: 5px 0 0 0;
  text-align: center;
  border: 1px solid darkgray;
  font-size: 22px;
}
#headerMain #headerRightContent #topNav a i:hover {
  background-color: darkgray;
}
#headerMain #headerRightContent #topNav.xsVisible {
  left: 15px;
}

/* app name */
h1#applicationName {
  margin-top: 0;
  font-size: 26.5px;
}
h1#applicationName a {
  color: #000;
  text-decoration: none;
  font-weight: 400;
}

/* CSS Document */
/* Menu Toggle Icon */
/* Generic Menu Toggle Icon - For Header Navs and Side Navs*/
.menuToggle {
  position: absolute;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: .5s ease-in-out;
  -moz-transition: .5s ease-in-out;
  -o-transition: .5s ease-in-out;
  transition: .5s ease-in-out;
  cursor: pointer;
  z-index: 1001;
  -webkit-transform: translate3d(0, 0, 0);
}
.menuToggle span {
  display: block;
  position: absolute;
  height: 3px;
  width: 20px;
  background: #006685;
  opacity: 1;
  left: 12px;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: .25s ease-in-out;
  -moz-transition: .25s ease-in-out;
  -o-transition: .25s ease-in-out;
  transition: .25s ease-in-out;
}
.menuToggle span:nth-child(1) {
  top: 16px;
}
.menuToggle span:nth-child(2), .menuToggle span:nth-child(3) {
  top: 22px;
}
.menuToggle span:nth-child(4) {
  top: 28px;
}

/* Mobile Menu setup */
/* Hidden vertical navigation for small screens */
#mobileFade {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  width: 1px;
  opacity: 0;
  background: rgba(0, 166, 202, 0.5);
  z-index: 900;
  -webkit-transition: display 1s,opacity 1s;
  transition: display 1s,opacity 1s;
}

#mainNavContainer {
  position: fixed;
  top: 0;
  left: -270px;
  bottom: 0;
  padding: 0;
  width: 270px;
  overflow-y: auto;
  background-color: white;
  z-index: 1000;
  box-shadow: none;
  -webkit-transition: left .5s, box-shadow .5s;
  transition: left .5s, box-shadow .5s;
}
#mainNavContainer #topNav {
  margin: 0 0 15px 15px;
}
#mainNavContainer #topNav .help {
  background-color: white;
  float: none;
  margin: 0;
  padding: 0;
  font-family: IntroCaps, "Trebuchet MS", Helvetica, Arial, sans-serif;
  color: black;
}
#mainNavContainer #topNav .help i {
  margin-right: 4px;
  text-decoration: none;
  border: none;
  padding: 0;
  width: auto;
  height: auto;
}
#mainNavContainer #topNav .home {
  background-color: white;
  float: none;
  margin: 0;
  padding-left: 15px;
  padding-right: 0px;
  font-family: IntroCaps, "Trebuchet MS", Helvetica, Arial, sans-serif;
  color: black;
}
#mainNavContainer #topNav .home i {
  margin-right: 4px;
  text-decoration: none;
  border: none;
  padding: 0;
  width: auto;
  height: auto;
}
#mainNavContainer #mainNav .nav-tabs {
  background-color: transparent;
  border-bottom: 0;
}
#mainNavContainer #mainNav .nav-tabs > li {
  margin-bottom: 0;
}
#mainNavContainer #mainNav .nav-tabs > li > a {
  height: 40px;
  padding: 10px 15px 0 15px;
  margin-right: 0;
  border: none;
  background-color: transparent;
  font-size: 14px;
  color: black;
  text-decoration: none;
}
#mainNavContainer #mainNav .nav-tabs > li > a:hover {
  background-color: #eeeeee;
}
#mainNavContainer #mainNav .nav-tabs > li.active > a, #mainNavContainer #mainNav .nav-tabs > li.active > a:hover, #mainNavContainer #mainNav .nav-tabs > li.active > a:focus {
  padding-left: 11px;
  border-top: none;
  border-right: none;
  border-left: 4px solid #00a6ca;
  margin-bottom: 0;
  font-weight: 600;
}
#mainNavContainer #mainNav .nav-tabs .dropdown-menu {
  position: relative;
  min-width: 100%;
  padding: 0;
  border: none;
  border-top: 1px solid white;
  box-shadow: none;
}
#mainNavContainer #mainNav .nav-tabs .dropdown-menu li {
  margin: 0;
  border-bottom: 1px solid white;
}
#mainNavContainer #mainNav .nav-tabs .dropdown-menu li a {
  height: 40px;
  padding: 11px 0 0 15px;
  font-size: 14px;
  background-color: #eeeeee;
}
#mainNavContainer #mainNav .nav-tabs .dropdown-menu li a:hover {
  background-color: #dddddd;
}
#mainNavContainer #mainNav .nav-tabs .dropdown-menu li:last-child a {
  height: 50px;
  box-shadow: inset 0px -10px 25px -10px rgba(0, 0, 0, 0.1), inset 0px -3px 3px -3px rgba(0, 0, 0, 0.1);
}

.menuOpen .menuToggle span {
  background-color: black;
}
.menuOpen .menuToggle span:nth-child(1) {
  top: 22px;
  width: 0%;
  left: 50%;
}
.menuOpen .menuToggle span:nth-child(2) {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}
.menuOpen .menuToggle span:nth-child(3) {
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
.menuOpen .menuToggle span:nth-child(4) {
  top: 22px;
  width: 0%;
  left: 50%;
}
.menuOpen #mainNavContainer {
  left: 0px;
  box-shadow: 0px 0 30px 10px rgba(0, 0, 0, 0.1), 0px 0 12px 2px rgba(0, 0, 0, 0.15);
}
.menuOpen #mainNavContainer #mainNav .nav li {
  width: 100%;
}
.menuOpen #mobileFade {
  display: block;
  width: 100%;
  right: 0;
  opacity: 1;
}

/* Side Nav */
/* Tab Navs */
.nav-tabs {
  background-color: white;
}
.nav-tabs > li {
  margin-bottom: 0;
}
.nav-tabs > li > a {
  height: 43px;
  padding: 10px 15px 0 15px;
  border: none;
  background-color: #dddddd;
  font-size: 16px;
  color: black;
  text-decoration: none;
}
.nav-tabs > li > a:hover {
  border: none;
  background-color: darkgray;
}
.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
  height: 44px;
  padding-top: 6px;
  border-top: 4px solid #00a6ca;
  border-left: 1px solid #00a6ca;
  border-right: 1px solid #00a6ca;
  margin-bottom: -1px;
}

/* Breadcrumbs */
.breadcrumb > li + li:before {
  content: '> ';
}

.breadcrumb {
  /* singular! */
  display: inline-block;
  margin: 2px 0 15px 0;
  font-weight: 400;
  font-size: 14px;
  color: black;
  font-family: IntroCaps, "Trebuchet MS", Helvetica, Arial, sans-serif;
  line-height: 1em;
}
.breadcrumb li {
  padding: 0;
  margin: 0;
}
.breadcrumba:focus {
  color: #006685;
}
.breadcrumba:hover {
  color: black;
}
.breadcrumb.withPageTitle {
  font-family: Intro, "Trebuchet MS", Helvetica, Arial, sans-serif;
  margin: 35px 0 35px 0;
}
.breadcrumb.withPageTitle li:last-child a {
  color: black;
  text-decoration: none;
  font-size: 32px;
}

/* Main Content Styles */
a {
  color: #006685;
  outline: none;
  text-decoration: none;
}
a:hover i {
  text-decoration: none;
}
a:focus {
  outline: none;
}
a:hover {
  color: black;
}

/* Content Wrapper - Flex styles for the content area */
#contentWrapper {
  display: flex;
  flex-direction: column;
  flex: 1;
}

/* Main Content Styles */
#mainContent {
  padding-bottom: 40px;
}
#mainContent #headerRightContent {
  float: right;
}
#mainContent #headerRightContent .globalNav {
  font-size: 24px;
  float: right;
  color: black;
  margin: 15px 0 0 0;
}
#mainContent #headerRightContent #topNavPopover #topNav {
  margin: 0;
}
#mainContent #headerRightContent #topNavPopover #topNav .help {
  background-color: white;
  font-family: IntroCaps, "Trebuchet MS", Helvetica, Arial, sans-serif;
  font-size: 10px;
  color: black;
}
#mainContent #headerRightContent #topNavPopover #topNav .help i {
  font-size: 10px;
  margin-right: 4px;
  font-weight: 400;
  text-decoration: none;
  border: none;
  padding: 0;
  width: auto;
  height: auto;
}
#mainContent #headerRightContent #topNavPopover #topNav .home {
  background-color: white;
  float: none;
  margin: 0;
  padding-left: 10px;
  padding-right: 0px;
  font-family: IntroCaps, "Trebuchet MS", Helvetica, Arial, sans-serif;
  font-weight: 600;
  font-size: 10px;
  color: black;
}
#mainContent #headerRightContent #topNavPopover #topNav .home i {
  font-size: 10px;
  margin-right: 4px;
  font-weight: 400;
  text-decoration: none;
  border: none;
  padding: 0;
  width: auto;
  height: auto;
}
#mainContent #bodyContent {
  float: left;
}
#mainContent form {
  margin: 0;
}
#mainContent #posReq {
  font-size: 11px;
  float: right;
}
#mainContent #posReq .reqNote {
  color: black;
  text-transform: uppercase;
}
#mainContent #newUserBtn {
  float: right;
}
#mainContent #pageTitle {
  line-height: 1em;
  padding: 0;
  margin: 47px 0 10px 0;
  font-size: 24px;
}
#mainContent #actionArea {
  padding: 0;
  height: 111px;
}
#mainContent #actionArea #statusArea {
  float: left;
  height: 63px;
  padding-right: 15px;
  margin-right: 15px;
  font-weight: 700;
  border-right: 1px solid darkgray;
}
#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: darkgray;
  margin: 0;
}
#mainContent #actionArea .borderConnect {
  height: 80px;
}
#mainContent #actionArea .brownLabel {
  display: block;
  height: 13px;
  color: black;
  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 darkgray;
}
#mainContent #actionArea.affix {
  top: 0;
  height: 39px;
  margin-bottom: 0;
  padding-top: 5px;
  background-color: white;
  z-index: 20;
}
#mainContent #actionArea.affix #actionButtons .brownLabel {
  display: none;
}
#mainContent #actionArea.affix .verticalLine {
  height: 29px;
}
#mainContent #actionArea.affix #statusArea {
  height: 29px;
}
#mainContent #actionArea.affix #statusArea #status {
  padding-top: 0;
  line-height: 1em;
}
#mainContent #actionArea.affix .btn {
  padding-top: 0;
  padding-bottom: 9px;
  height: 29px;
}
#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 darkgray;
  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;
}

/* Page Level Actions 

	&.affix {
		top: 58px;
		background-color: white;
		z-index: 100;
		width: 100%;
		height: 35px!important;
	}
} */
#pageActionsWrapper #pageActions {
  padding: 1px 0 10px 0px;
}
#pageActionsWrapper #pageActions .container {
  text-align: right;
}
#pageActionsWrapper #pageActions .container .btn-sm {
  border-radius: 0;
}
#pageActionsWrapper #pageActions.designStandardsm {
  top: 0;
  padding-top: 10px;
  padding-right: 25px;
}
#pageActionsWrapper #pageActions.designStandardsm.animate {
  transform: translate(-10px, 0px);
  -moz-transform: translate(-10px, 0px);
  -webkit-transform: translate(-10px, 0px);
}
#pageActionsWrapper #pageActions.designStandardlg {
  top: 40px;
}
#pageActionsWrapper #pageActions.designBlue.affix {
  background-color: #00a6ca;
  top: 0;
  padding-right: 35px;
}
#pageActionsWrapper #pageActions.affix {
  /*top: 60px;*/
  left: 0;
  width: 100%;
  padding-bottom: 5px;
  margin-bottom: 0;
  background-color: #FFF;
  z-index: 20;
}
#pageActionsWrapper #pageActions.affix-bottom {
  position: relative;
}
#pageActionsWrapper #pageActions.pageTop.affix {
  top: 0px;
  box-shadow: 0 -8px 15px 5px rgba(0, 0, 0, 0.25);
}
#pageActionsWrapper #pageActions.pageBottom.affix {
  bottom: 0px;
  box-shadow: 0 8px 15px 5px rgba(0, 0, 0, 0.25);
}

/* 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,
ul ol li,
ol ul 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;
}

/* 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;
}

/* column widths for elements that become fixed */
/* Alerts */
/* Extra small devices (phones, up to 480px) */
/* No media query since this is the default in Bootstrap */
/* Base styles */
.alert {
  font-size: 18px;
  /* Headings for larger alerts */
  /* Improve alignment and spacing of inner content */
}
.alert h4 {
  font-size: 14px;
  /* Specified for the h4 to prevent conflicts of changing $headings-color */
  font-weight: 400;
}
.alert ul {
  padding-left: 1.25em;
}
.alert > p,
.alert > ul {
  color: black;
}
.alert .alertIcon {
  float: left;
  margin-left: -25px;
  font-size: 18px;
}

/* 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: 0;
  right: 0;
  color: black;
  font-size: 24px;
  font-weight: normal;
  line-height: 1;
  opacity: 1;
}

/* Small devices (vertical tablets, 768px and up) */
/* Medium devices (horizontal tablets, laptop, desktops, 992px and up) */
@media (min-width: 992px) {
  .alert {
    padding: 15px;
    font-size: 18px;
  }
  .alert .alertIcon {
    margin-left: -18px;
  }
  .alert h4 {
    font-size: 18px;
  }
}
/* LESS Document */
/* Panels */
/* -------------------------------------------------- */
/* Extra small devices (phones, up to 480px) */
/* No media query since this is the default in Bootstrap */
/* Base class */
.panel h3 {
  margin-top: 5px;
}

/* 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: $panel-border-radius-large;*/
  }

  .panel-body {
    padding: 15px 30px;
  }

  .panel-footer {
    padding: 10px 15px;
    /*@include border-bottom-radius(($panel-border-radius-large - 1));*/
  }
}
/* Large devices (large laptops, desktops, 1200px and up) */
/* Form Styles */
/* Labels & Legends */
label, .label {
  color: black;
  margin: 0;
  font-weight: normal;
  width: 100%;
}

.asterisk {
  color: #f16e00;
}

legend {
  border-bottom: 1px dotted darkgray;
  font-size: 13px;
  font-weight: 700;
  text-transform: uppercase;
}
legend a:hover {
  text-decoration: none;
}

/* Help Tooltip */
.tooltip-wrapper {
  display: inline-block;
}

/* Forms Controls */
input, textarea, .uneditable-input, button, select, textarea, label {
  font-family: Intro,"Trebuchet MS",Helvetica,Arial,sans-serif;
}

.form-control {
  padding: 5px 8px;
}

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 {
  background-position: top left;
  background-repeat: no-repeat;
  box-shadow: none;
}

select, button, .outline {
  border: 1px solid black;
}

.ie select {
  font-family: 'Arial Narrow', Arial;
}

.checkbox {
  margin-top: 0;
  margin-bottom: 0;
}

.radio input[type="radio"],
.radio-inline input[type="radio"],
.checkbox input[type="checkbox"],
.checkbox-inline input[type="checkbox"] {
  margin-left: 0;
}

.input-group-addon {
  background-color: darkgray;
  border-color: black;
  color: black;
  border-radius: 0;
}

/* Read Only and Disabled Styles */
input[readonly], select[readonly], textarea[readonly], .form-control[readonly] {
  border: 1px solid darkgray;
  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 #dddddd;
  font-weight: 700;
  -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: darkgray;
}

#mainContent .form-control:-moz-placeholder {
  /* Firefox 18- */
  color: darkgray;
}

#mainContent .form-control::-moz-placeholder {
  /* Firefox 19+ */
  color: darkgray;
}

#mainContent .form-control:-ms-input-placeholder {
  /* IE */
  color: darkgray;
}

.placeholder-visible, .form-control.placeholder-visible {
  /* WebShims Placeholder */
  color: darkgray !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: #c80000;
  font-weight: normal;
  display: block;
  float: left;
}

input[type="text"].error {
  border: 1px solid #c80000;
}

select.error {
  border: 1px solid #c80000;
}

/* Legacy Error Label */
.fieldError input,
.fieldError select {
  border-color: #c80000;
}

.required label {
  font-weight: bold;
}

/* Style for Form Element Changes */
input.changed, select.changed, textarea.changed {
  border: 1px solid #00a6ca;
}

#actionButtons {
  padding: 10px;
}
#actionButtons #buttonright {
  padding-bottom: 20px;
}
#actionButtons #cancelApp {
  padding-top: 10px;
}
#actionButtons #cancelApp i {
  padding-right: 5px;
}

/* Common Form Field Groups*/
fieldset.inFieldLabels .form-group .form-control {
  height: 38px;
  font-size: 18px;
}
fieldset.inFieldLabels .form-group .label .inForm {
  display: block;
  font-size: 18px;
  left: 10px;
  top: 27px;
  width: 100%;
}
fieldset.inFieldLabels .clearfix .form-group .label .inForm {
  display: block;
  font-size: 18px;
  left: 10px;
  top: 27px;
}
fieldset.inFieldLabels .clearfix .firstName {
  float: left;
  margin-right: 3%;
  width: 49%;
}
fieldset.inFieldLabels .clearfix .lastName {
  float: left;
  width: 48%;
}
fieldset.inFieldLabels .clearfix .state {
  float: left;
  margin-right: 5%;
  width: 40%;
}
fieldset.inFieldLabels .clearfix .zipCode {
  float: left;
  width: 55%;
}
fieldset.inFieldLabels .clearfix .zipCode .zipField {
  float: left;
  margin-right: 3%;
  width: 60%;
}
fieldset.inFieldLabels .clearfix .zipCode .zip4Field {
  float: left;
  width: 37%;
}

/* Buttons */
/* Extra small devices (phones, up to 480px) */
/* No media query since this is the default in Bootstrap */
/* Common styles */
a.btn {
  text-decoration: none;
}

.btn {
  padding: 6px 24px 11px;
  height: 36px;
  font-family: IntroCaps, "Trebuchet MS", Helvetica, Arial, sans-serif;
  font-size: 16px;
  line-height: 1em;
  text-shadow: none;
  background-image: none;
  margin-bottom: 10px;
  position: relative;
  -webkit-transition: padding-top .5s, padding-bottom .5s, height .5s;
  transition: padding-top .5s, padding-bottom .5s, height .5s;
  /* Remove the gradient for the pressed/active state */
}
.btn:active, .btn.active {
  background-image: none;
}
.btn.slim {
  padding: 0 15px 9px;
  height: 29px;
}
.btn.large {
  height: 55px;
  font-size: 18px;
}
.btn .fa {
  margin-bottom: -6px;
}
.btn.disabled, .btn[disabled], fieldset[disabled] .btn {
  opacity: 0.4;
  pointer-events: none;
}

.btn-Icon {
  width: 50px;
}

.btn-thin {
  width: 40px;
  height: 50px;
}

/* Secondary button */
.btn-secondary {
  color: black;
  background-color: #fcd800;
  border-color: #fcd800;
}
.btn-secondary:focus, .btn-secondary.focus {
  color: black;
  background-color: #c9ac00;
  border-color: #7d6b00;
}
.btn-secondary:hover {
  color: black;
  background-color: #c9ac00;
  border-color: #bfa400;
}
.btn-secondary:active, .btn-secondary.active, .open > .btn-secondary.dropdown-toggle {
  color: black;
  background-color: #c9ac00;
  border-color: #bfa400;
}
.btn-secondary:active:hover, .btn-secondary:active:focus, .btn-secondary:active.focus, .btn-secondary.active:hover, .btn-secondary.active:focus, .btn-secondary.active.focus, .open > .btn-secondary.dropdown-toggle:hover, .open > .btn-secondary.dropdown-toggle:focus, .open > .btn-secondary.dropdown-toggle.focus {
  color: black;
  background-color: #a58e00;
  border-color: #7d6b00;
}
.btn-secondary:active, .btn-secondary.active, .open > .btn-secondary.dropdown-toggle {
  background-image: none;
}
.btn-secondary.disabled:hover, .btn-secondary.disabled:focus, .btn-secondary.disabled.focus, .btn-secondary[disabled]:hover, .btn-secondary[disabled]:focus, .btn-secondary[disabled].focus, fieldset[disabled] .btn-secondary:hover, fieldset[disabled] .btn-secondary:focus, fieldset[disabled] .btn-secondary.focus {
  background-color: #fcd800;
  border-color: #fcd800;
}
.btn-secondary .badge {
  color: #fcd800;
  background-color: black;
}

/* Default button */
.btn-default {
  border-width: 4px;
  padding-top: 3px;
  z-index: 1;
}

.btn-default:hover {
  color: black;
  border-color: #f16e00;
}

.btn-default:before {
  content: "";
  position: absolute;
  background: #f16e00;
  bottom: 0;
  left: 0;
  right: 100%;
  top: 0;
  z-index: -1;
  -webkit-transition: right 0.25s ease-in;
  -moz-transition: right 0.25s ease-in;
  -ms-transition: right 0.25s ease-in;
}

.btn-default:hover:before {
  right: 0;
}

.shadow {
  -webkit-box-shadow: 5px 5px 0 rgba(0, 0, 0, 0.18);
  -moz-box-shadow: 5px 5px 0 rgba(0, 0, 0, 0.18);
  box-shadow: 5px 5px 0 rgba(0, 0, 0, 0.18);
}
.shadow:active, .shadow.active, .open > .shadow.dropdown-toggle {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  position: relative;
  left: 2px;
  top: 2px;
  background-color: #fcd800;
  border-color: #fcd800;
}
.shadow:active:hover, .shadow:active:focus, .shadow:active.focus, .shadow.active:hover, .shadow.active:focus, .shadow.active.focus, .open > .shadow.dropdown-toggle:hover, .open > .shadow.dropdown-toggle:focus, .open > .shadow.dropdown-toggle.focus {
  background-color: #fcd800;
  border-color: #fcd800;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
.shadow:hover, .shadow:focus, .shadow.focus {
  -webkit-box-shadow: 3px 3px 0 rgba(0, 0, 0, 0.18);
  -moz-box-shadow: 3px 3px 0 rgba(0, 0, 0, 0.18);
  box-shadow: 3px 3px 0 rgba(0, 0, 0, 0.18);
  background-color: #fcd800;
  border-color: #fcd800;
  top: 2px;
}

/* Sidebar */
/* Extra small devices (phones, up to 480px) */
/* No media query since this is the default in Bootstrap */
.sideBarSection {
  border-radius: 10px;
  -webkit-box-shadow: 3px 3px 10px rgba(0, 0, 0, 0.12);
  box-shadow: 3px 3px 10px rgba(0, 0, 0, 0.12);
  padding: 10px 10px 15px 10px;
  margin: 10px 0 15px 0;
  background-color: #f8f4ee;
  border: 1px solid darkgray;
}
.sideBarSection label {
  float: left;
  width: 100%;
  padding: 0;
  margin: 0;
  line-height: 1em;
}
.sideBarSection select {
  width: 100%;
}
.sideBarSection input[class*='span'], .sideBarSection select[class*='span'] {
  min-height: 20px;
}
.sideBarSection input[type="text"], .sideBarSection input[type="month"], .sideBarSection input[type="date"], .sideBarSection input[type="number"], .sideBarSection select {
  margin-bottom: 15px;
  height: 30px;
  -webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.2);
  box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.2);
  float: left;
}
.sideBarSection .checkbox, .sideBarSection .radio {
  line-height: 20px;
  color: #333333;
}
.sideBarSection .value {
  padding-bottom: 10px;
  word-wrap: break-word;
  line-height: 1.1em;
}

/* 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: darkgray;
}
.paging .firstDisabled i, .paging .previousDisabled i, .paging .nextDisabled i, .paging .lastDisabled i {
  color: darkgray;
}
.paging .page, .paging .activePage {
  color: black;
}
.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 darkgray;
  border-width: 0 1px;
}
.listTablesTop .tableActions .btn {
  margin: 10px 0 0 15px;
}

.table thead {
  background-color: white;
  left: 0;
  overflow-x: hidden;
  overflow-y: scroll;
  top: 0;
  width: 100%;
  border-top: 1px solid darkgray;
}
.table thead th {
  height: 34px;
  padding: 0px 0px 0px 5px;
  font-weight: 700;
  color: black;
  line-height: 1em;
  vertical-align: middle;
  background-color: white;
  border-bottom-width: 2px;
}
.table thead th i {
  color: black;
}
.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: black;
  margin-right: -9px;
}
.table thead th a {
  float: left;
  width: 100%;
  margin: 0;
  color: black;
}
.table .selected {
  background-color: #fcd800;
}
.table .tableMessage {
  color: darkgray;
}

.table-striped > tbody > tr:nth-child(odd) {
  background-color: #dddddd;
}

.table-striped tbody > tr > td.highlight {
  background-color: #fcd800;
}

.smallTable {
  border: 1px solid darkgray;
}
.smallTable thead th, .smallTable thead th label {
  color: black;
  font-size: 11px;
  text-transform: uppercase;
  height: 20px;
  font-weight: normal;
  padding: 0 0 0 4px;
}
.smallTable thead th {
  border-left: 1px solid darkgray;
  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 darkgray;
  border-bottom: 1px solid darkgray;
  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: black;
  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 darkgray;
}
.modal .firstBtn {
  margin: 2px 0 0 0;
}
.modal .table-bordered thead {
  border-top: 1px solid darkgray;
  border-right: 1px solid darkgray;
}
.modal .table-bordered thead tr th {
  background-image: -webkit-linear-gradient(top, #f9f1dd 0%, #e0d5be 100%);
  background-image: -o-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 darkgray;
  border-bottom: none;
  border-top: 1px solid darkgray;
}
.modal #searchFields {
  margin-left: 30px;
  margin-bottom: 20px;
  border-left: 1px dotted darkgray;
  padding-left: 30px;
}
.modal #searchFields input {
  font-weight: bold;
  border: 1px solid darkgray;
  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;
}

/* Carousel */
/* Extra small devices (phones, up to 480px) */
/* No media query since this is the default in Bootstrap */
.carousel-indicators li {
  width: 6px;
  height: 6px;
  border: none;
  border-radius: 6px;
  background-color: darkgray;
}
.carousel-indicators .active {
  width: 6px;
  height: 6px;
}

/* Footer Styles */
#footerStretch {
  flex: 0 0;
  border-top: 2px solid #ededed;
  background: white url(../img/stampMobileFooter.png) right bottom no-repeat;
}
#footerStretch #footerMain {
  height: 85px;
  vertical-align: middle;
  color: black;
  font-size: 11px;
}
#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: black;
  border-right: 1px solid #00a6ca;
}
#footerStretch #footerMain .links a:last-child {
  margin-right: 0;
  padding-right: 0;
  border-right: none;
}
#footerStretch #footerMain.grayVerticalFooter {
  left: 285px;
  background-color: white;
  width: 100%;
}
#footerStretch #footerMain.grayVerticalFooter .links {
  float: none;
  margin-left: 55%;
}
#footerStretch #footerMainvWhite {
  background-color: white;
}

/* Small devices (vertical tablets, 768px and up) */
@media (min-width: 768px) {
  /* Page Structure Styles - Small Break Point */
  /* Typography Styles - Small Break Point */
  /* Header Styles - Small Break Point */
  #headerWrapper {
    height: 130px;
  }
  #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);
  }
  .no-svg #headerWrapper.blue #headerMain #headerLogo {
    background-image: url(../img/logoHeaderWhiteSm.png);
  }

  /* Navigation Styles - Small Break Point */
  /* Main Content Styles - Small Break Point */
  #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;
  }

  #pageActionsWrapper #pageActions.designStandardsm.animate {
    transform: translate(-15px, 0px);
    -moz-transform: translate(-15px, 0px);
    -webkit-transform: translate(-15px, 0px);
  }

  /* column widths for elements that become fixed */
  .affix#affixWidth {
    width: 145px;
  }
  .affix#affixWidth-2-col {
    width: 95px;
  }
  .affix.col1-fixed {
    width: 36px;
  }
  .affix.col2-fixed {
    width: 95px;
  }
  .affix.col3-fixed {
    width: 158px;
  }
  .affix.col4-fixed {
    width: 220px;
  }
  .affix.col5-fixed {
    width: 283px;
  }
  .affix.col6-fixed {
    width: 345px;
  }
  .affix.col7-fixed {
    width: 408px;
  }
  .affix.col8-fixed {
    width: 470px;
  }
  .affix.col9-fixed {
    width: 533px;
  }
  .affix.col10-fixed {
    width: 595px;
  }
  .affix.col11-fixed {
    width: 658px;
  }
  .affix.col12-fixed {
    width: 720px;
  }

  /* Footer Styles - Small Break Point */
  #footerStretch {
    background-image: url(../img/stampYellow.svg);
    background-size: 68px 68px;
    background-position: 5px 40px;
  }
  #footerStretch #footerMain {
    height: 149px;
    font-size: 12px;
  }
  #footerStretch #footerMain .copyright {
    margin: 64px 0 0 83px;
    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);
  }
}
/* Alerts Styles - Small Break Point */
/* Small devices (vertical tablets, 768px and up) */
/* Panels Styles - Small Break Point */
/* Small devices (vertical tablets, 768px and up) */
/* Buttons Styles - Small Break Point */
/* Small devices (vertical tablets, 768px and up) */
/* Sidebar Styles - Small Break Point */
/* Small devices (vertical tablets, 768px and up) */
/* Tables Styles - Small Break Point */
/* Small devices (vertical tablets, 768px and up) */
/* Modals Styles - Small Break Point */
/* Small devices (vertical tablets, 768px and up) */
/* Carousel Styles - Small Break Point */
/* Small devices (vertical tablets, 768px and up) */
/* Medium devices (horizontal tablets, laptop, desktops, 992px and up) */
@media (min-width: 992px) {
  /* Page Structure Styles - Medium Break Point */
  body#leftAligned #mainContent {
    left: 285px;
  }
  body#leftAligned #mainContent #headerRightContent {
    padding-right: 70px;
  }
  body#leftAligned #mainContent #bodyContent {
    padding-right: 70px;
  }
  body#leftAligned.vWhite {
    background-color: white;
  }
  body#leftAligned.vWhite #headerWrapper {
    background-color: #EDEDED;
  }

  /* Typography Styles - Medium Break Point */
  /* Header Styles - Medium Break Point */
  /* Angular2 fixes for the sidenav */
  tu-side-nav #headerWrapper {
    flex: 0 0 201px;
    height: auto;
    -webkit-transition: flex .5s, flex-basis .5s;
    transition: flex .5s, flex-basis .5s;
  }
  tu-side-nav #headerWrapper #headerMain {
    padding: 0 12px;
    position: relative;
    height: 51px;
    width: 74px;
    overflow: hidden;
    border-bottom: 2px solid #dddddd;
    -webkit-transition: height 1s;
    transition: height 1s;
  }
  tu-side-nav #headerWrapper #headerMain #headerLogo {
    position: absolute;
    top: 12px;
    right: 25px;
    width: 171px;
    height: 40px;
    margin-top: 0;
    -webkit-transition: top .5s, right .5s;
    transition: top .5s, right .5s;
  }
  tu-side-nav #headerWrapper #headerMain .partnerLogo {
    position: absolute;
    top: 86px;
    right: 25px;
    width: 170px;
    height: 20px;
    padding: 15px 35px;
    margin: 0;
    border-left: none;
    -webkit-transition: border-top .5s;
    transition: border-top .5s;
  }
  tu-side-nav #headerWrapper #headerMain .text {
    fill: transparent;
    -webkit-transition: fill .5s;
    transition: fill .5s;
  }
  tu-side-nav #headerWrapper #sideNavToggle {
    top: -1px;
    right: -50px;
    width: 50px;
    height: 50px;
    border: 1px solid #fcd800;
  }
  tu-side-nav #headerWrapper #sideNavToggle span {
    left: 15px;
  }

  tu-side-nav #headerWrapper.menuOpen {
    flex-basis: 220px;
  }
  tu-side-nav #headerWrapper.menuOpen #headerMain {
    height: 154px;
    width: 219px;
  }
  tu-side-nav #headerWrapper.menuOpen #headerMain #headerLogo {
    position: absolute;
    top: 30px;
    right: 37px;
  }
  tu-side-nav #headerWrapper.menuOpen #headerMain .partnerLogo {
    border-top: 1px solid #00a6ca;
  }
  tu-side-nav #headerWrapper.menuOpen #headerMain .text {
    fill: #00a6ca;
  }
  tu-side-nav #headerWrapper.menuOpen #sideNavToggle span {
    background-color: #006685;
  }

  #headerWrapper.fixedHeader {
    height: 100%;
    width: 285px;
    background-color: white;
  }
  #headerWrapper.fixedHeader #headerMainVertical {
    height: 195px;
  }
  #headerWrapper.fixedHeader #headerMainVertical .logoContainer {
    height: 105px;
    margin-top: 0px;
    float: left;
  }
  #headerWrapper.fixedHeader #headerMainVertical .logoContainer #headerLogo {
    width: 171px;
    height: 53px;
    margin-top: 36px;
    background-size: 171px 53px;
  }
  #headerWrapper.fixedHeader #headerMainVertical #applicationName {
    margin: 15px 0 0 15px;
    padding: 15px 0 0 25px;
    height: 51px;
    font-size: 26.5px;
  }
  #headerWrapper #headerMain {
    padding: 0 12px;
    height: 125px;
    border-bottom: none;
  }
  #headerWrapper #headerMain #headerLogo {
    width: 171px;
    height: 53px;
    margin-top: 36px;
    background-size: 171px 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;
  }
  #headerWrapper.sidebar {
    flex: 0 0 201px;
    height: auto;
    -webkit-transition: flex .5s, flex-basis .5s;
    transition: flex .5s, flex-basis .5s;
    /*#headerMain {
    	position: relative;
    	height: 51px;
    	width: 74px;
    	overflow: hidden;
    	border-bottom: 2px solid $tu-light-gray;
    	-webkit-transition: height 1s;
    	transition: height 1s;
    	#headerLogo {
    		position: absolute;
    		top: 12px;
    		right: 25px;
    		width: 152px;
    		height: 40px;
    		margin-top: 0;
    		-webkit-transition: top .5s, right .5s;
    		transition: top .5s, right .5s;
    	}
    	.partnerLogo {
    		position: absolute;
    		top: 86px;
    		right: 25px;
    		width: 170px;
    		height: 20px;
    		padding: 15px 35px;
    		margin: 0;
    		border-left: none;
    		-webkit-transition: border-top .5s;
    		transition: border-top .5s;
    	}
    	.text {
    		fill: transparent;
    		-webkit-transition: fill .5s;
    		transition: fill .5s;
    	}
    }*/
  }
  #headerWrapper.sidebar #headerMain {
    border-bottom: 2px solid #dddddd;
  }
  #headerWrapper.sidebar #headerMain #headerLogo {
    border-bottom: 1px solid #00a6ca;
    margin-bottom: 16px;
    margin-left: 2px;
    margin-top: 11px;
    padding-bottom: 16px;
    width: 171px;
  }
  #headerWrapper.sidebar #headerMain .text {
    fill: black;
  }
  #headerWrapper.sidebar #headerMain .stamp {
    fill: black;
  }
  #headerWrapper.sidebar #headerMain #appName {
    font-size: 18px;
    text-align: center;
  }
  #headerWrapper.sidebar #sideNavToggle {
    top: -1px;
    right: -50px;
    width: 50px;
    height: 50px;
    border: 1px solid #fcd800;
  }
  #headerWrapper.sidebar #sideNavToggle span {
    left: 15px;
  }

  .menuOpen #headerWrapper.sidebar {
    flex-basis: 220px;
  }
  .menuOpen #headerWrapper.sidebar #headerMain {
    height: 154px;
    width: 219px;
  }
  .menuOpen #headerWrapper.sidebar #headerMain #headerLogo {
    position: absolute;
    top: 30px;
    right: 37px;
  }
  .menuOpen #headerWrapper.sidebar #headerMain .partnerLogo {
    border-top: 1px solid #00a6ca;
  }
  .menuOpen #headerWrapper.sidebar #headerMain .text {
    fill: #00a6ca;
  }
  .menuOpen #headerWrapper.sidebar #sideNavToggle span {
    background-color: #006685;
  }

  /* Navigation Styles - Medium Break Point */
  /* Desktop Horizontal Nav */
  #mainNavContainer {
    position: relative;
    top: auto;
    left: auto;
    bottom: auto;
    width: 100%;
    height: 45px;
    background-color: #00a6ca;
    border-bottom: 1px solid #707070;
    overflow: visible;
  }
  #mainNavContainer #mainNav {
    width: 970px;
    margin: 0 auto;
  }
  #mainNavContainer #mainNav .nav-tabs {
    padding: 0;
    border-bottom: none;
  }
  #mainNavContainer #mainNav .nav-tabs .navGroup {
    margin-bottom: 10px;
  }
  #mainNavContainer #mainNav .nav-tabs > li {
    height: 44px;
  }
  #mainNavContainer #mainNav .nav-tabs > li > a {
    height: 40px;
    padding-top: 12px;
    border: none;
    border-radius: 0;
    border-right: 1px solid #707070;
    font-size: 16px;
    text-decoration: none;
    color: black;
  }
  #mainNavContainer #mainNav .nav-tabs > li.active {
    margin-left: -1px;
  }
  #mainNavContainer #mainNav .nav-tabs > li.active > a, #mainNavContainer #mainNav .nav-tabs > li.active > a:hover, #mainNavContainer #mainNav .nav-tabs > li.active > a:focus {
    height: 40px;
    padding-top: 12px;
    padding-left: 15px;
    border-top: 4px solid #00a6ca;
    border-right: 1px solid #707070;
    border-bottom: none;
    border-left: 1px solid #707070;
    background-color: white;
    width: 210px;
  }
  #mainNavContainer #mainNav .nav-tabs > li.open > a {
    background-color: #eeeeee;
  }
  #mainNavContainer #mainNav .nav-tabs .dropdown-menu {
    position: absolute;
    min-width: 160px;
    border-top: 1px solid white;
    box-shadow: 5px 5px 0 rgba(0, 0, 0, 0.18);
  }
  #mainNavContainer #mainNav .nav-tabs .dropdown-menu li:last-child a {
    box-shadow: none;
  }
  #mainNavContainer #mainNav.xsVisible {
    left: 0;
  }
  #mainNavContainer #mainNav .fa {
    font-size: 16px;
  }
  #mainNavContainer #mainNav .fa-check-circle {
    color: #008A00;
  }

  .sidebar,
  tu-side-nav {
    height: auto;
    border-right: 1px solid #dddddd;
  }
  .sidebar #mainNavContainer,
  tu-side-nav #mainNavContainer {
    margin-top: 21px;
    height: auto;
    box-shadow: none;
    background-color: transparent;
    border: none;
  }
  .sidebar #mainNavContainer #mainNav,
  tu-side-nav #mainNavContainer #mainNav {
    margin: 0;
    width: 74px;
    -webkit-transition: width 1s;
    transition: width 1s;
    overflow: visible;
  }
  .sidebar #mainNavContainer #mainNav .nav-tabs,
  tu-side-nav #mainNavContainer #mainNav .nav-tabs {
    padding: 0;
  }
  .sidebar #mainNavContainer #mainNav .nav-tabs > li,
  tu-side-nav #mainNavContainer #mainNav .nav-tabs > li {
    /*height: 50px;*/
    height: auto;
    width: 74px;
    overflow: visible;
    -webkit-transition: height .5s, width .5s;
    transition: height .5s, width .5s;
  }
  .sidebar #mainNavContainer #mainNav .nav-tabs > li > a,
  tu-side-nav #mainNavContainer #mainNav .nav-tabs > li > a {
    height: 40px;
    /*padding-top: 12px;*/
    padding: 11px 0 0 25px;
    border-right: none;
    font-size: 14px;
    font-weight: 600;
    text-transform: uppercase;
    color: black;
  }
  .sidebar #mainNavContainer #mainNav .nav-tabs > li > a .fa,
  tu-side-nav #mainNavContainer #mainNav .nav-tabs > li > a .fa {
    color: black;
    font-size: 18px;
  }
  .sidebar #mainNavContainer #mainNav .nav-tabs > li > a .mainMenuText,
  tu-side-nav #mainNavContainer #mainNav .nav-tabs > li > a .mainMenuText {
    margin-left: 6px;
    opacity: 0;
    transition: opacity .5s;
  }
  .sidebar #mainNavContainer #mainNav .nav-tabs > li > a .caret,
  tu-side-nav #mainNavContainer #mainNav .nav-tabs > li > a .caret {
    margin: -4px 0 0 6px;
  }
  .sidebar #mainNavContainer #mainNav .nav-tabs > li > a:hover,
  tu-side-nav #mainNavContainer #mainNav .nav-tabs > li > a:hover {
    padding-top: 11px;
    padding-left: 21px;
    border-left: 4px solid #00a6ca;
    border-right: none;
    border-top: none;
    background-color: transparent;
  }
  .sidebar #mainNavContainer #mainNav .nav-tabs > li.active,
  tu-side-nav #mainNavContainer #mainNav .nav-tabs > li.active {
    margin-left: 0;
  }
  .sidebar #mainNavContainer #mainNav .nav-tabs > li.active > a, .sidebar #mainNavContainer #mainNav .nav-tabs > li.active > a:hover, .sidebar #mainNavContainer #mainNav .nav-tabs > li.active > a:focus,
  tu-side-nav #mainNavContainer #mainNav .nav-tabs > li.active > a,
  tu-side-nav #mainNavContainer #mainNav .nav-tabs > li.active > a:hover,
  tu-side-nav #mainNavContainer #mainNav .nav-tabs > li.active > a:focus {
    padding-top: 11px;
    padding-left: 21px;
    border-left: 4px solid #00a6ca;
    border-right: none;
    border-top: none;
    background-color: transparent;
  }
  .sidebar #mainNavContainer #mainNav .nav-tabs > li.open .dropdown-menu,
  tu-side-nav #mainNavContainer #mainNav .nav-tabs > li.open .dropdown-menu {
    top: 0;
    left: 75px;
  }
  .sidebar #mainNavContainer #mainNav .nav-tabs > li .subNavList,
  tu-side-nav #mainNavContainer #mainNav .nav-tabs > li .subNavList {
    margin-top: 5px;
    width: 200px;
  }
  .sidebar #mainNavContainer #mainNav .nav-tabs > li .subNavList > li,
  tu-side-nav #mainNavContainer #mainNav .nav-tabs > li .subNavList > li {
    padding: 7px 0;
    margin: 0 0 5px 40px;
  }
  .sidebar #mainNavContainer #mainNav .nav-tabs > li .subNavList > li > a,
  tu-side-nav #mainNavContainer #mainNav .nav-tabs > li .subNavList > li > a {
    font-size: 14px;
    color: black;
    margin-bottom: 0px;
  }
  .sidebar #mainNavContainer #mainNav .nav-tabs > li .subNavList > li > a:hover,
  tu-side-nav #mainNavContainer #mainNav .nav-tabs > li .subNavList > li > a:hover {
    background-color: #eeeeee;
    display: block;
    padding-left: 50px;
    width: 210px;
    height: 40px;
    margin-left: -50px;
    padding-top: 13px;
    font-weight: 600;
    margin-top: -12px;
    margin-bottom: -7px;
  }
  .sidebar #mainNavContainer #mainNav .nav-tabs > li .subNavList > li.active,
  tu-side-nav #mainNavContainer #mainNav .nav-tabs > li .subNavList > li.active {
    margin-left: 0px;
    font-weight: 600;
    background-color: #eeeeee;
    display: block;
    padding-left: 40px;
    width: 200px;
    height: 40px;
    padding-top: 12px;
    margin-bottom: 0px;
    margin-top: -5px;
    /*&> a {
    	&,
    	&:hover,
    	&:focus {
    		background-color: $tu-extra-light-gray;
    		display: block;
    		padding-left: 50px;
    		width: 218px;
    		height: 40px;
    		padding-top: 12px;
    	}
    }*/
  }
  .sidebar #mainNavContainer #mainNav .nav-tabs > li .subNavList > li:hover .fa,
  tu-side-nav #mainNavContainer #mainNav .nav-tabs > li .subNavList > li:hover .fa {
    position: absolute;
    left: 143px;
    top: 127px;
  }
  .sidebar #mainNavContainer #mainNav .nav-tabs > li .subNavListTwo,
  tu-side-nav #mainNavContainer #mainNav .nav-tabs > li .subNavListTwo {
    margin-bottom: -13px;
    margin-top: 10px;
    width: 200px;
  }
  .sidebar #mainNavContainer #mainNav .nav-tabs > li .subNavListTwo > li,
  tu-side-nav #mainNavContainer #mainNav .nav-tabs > li .subNavListTwo > li {
    padding: 7px 0;
    margin: 0 0 5px 20px;
  }
  .sidebar #mainNavContainer #mainNav .nav-tabs > li .subNavListTwo > li > a,
  tu-side-nav #mainNavContainer #mainNav .nav-tabs > li .subNavListTwo > li > a {
    font-size: 14px;
    color: black;
    margin-bottom: 0px;
  }
  .sidebar #mainNavContainer #mainNav .nav-tabs > li .subNavListTwo > li > a:hover,
  tu-side-nav #mainNavContainer #mainNav .nav-tabs > li .subNavListTwo > li > a:hover {
    background-color: #eeeeee;
    display: block;
    padding-left: 60px;
    width: 200px;
    height: 40px;
    margin-left: -60px;
    padding-top: 13px;
    font-weight: 600;
    margin-top: -12px;
    margin-bottom: -7px;
  }
  .sidebar #mainNavContainer #mainNav .nav-tabs > li .subNavListTwo > li.active,
  tu-side-nav #mainNavContainer #mainNav .nav-tabs > li .subNavListTwo > li.active {
    margin-left: 0px;
    font-weight: 600;
    background-color: #eeeeee;
    display: block;
    padding-left: 40px;
    width: 200px;
    height: 40px;
    padding-top: 12px;
    margin-bottom: 0px;
    margin-top: -5px;
    /*&> a {
    	&,
    	&:hover,
    	&:focus {
    		background-color: $tu-extra-light-gray;
    		display: block;
    		padding-left: 50px;
    		width: 218px;
    		height: 40px;
    		padding-top: 12px;
    	}
    }*/
  }
  .sidebar #mainNavContainer #mainNav .nav-tabs > li .subNavListTwo > li:hover .fa,
  tu-side-nav #mainNavContainer #mainNav .nav-tabs > li .subNavListTwo > li:hover .fa {
    position: absolute;
    left: 143px;
    top: 132px;
  }

  .menuOpen .sidebar #mainNavContainer #mainNav,
  .menuOpen tu-side-nav #mainNavContainer #mainNav {
    width: 219px;
  }
  .menuOpen .sidebar #mainNavContainer #mainNav .nav-tabs,
  .menuOpen tu-side-nav #mainNavContainer #mainNav .nav-tabs {
    padding: 0;
  }
  .menuOpen .sidebar #mainNavContainer #mainNav .nav-tabs > li,
  .menuOpen tu-side-nav #mainNavContainer #mainNav .nav-tabs > li {
    height: auto;
    min-height: 50px;
    width: 219px;
    overflow: hidden;
  }
  .menuOpen .sidebar #mainNavContainer #mainNav .nav-tabs > li > a,
  .menuOpen tu-side-nav #mainNavContainer #mainNav .nav-tabs > li > a {
    height: 50px;
    color: black;
  }
  .menuOpen .sidebar #mainNavContainer #mainNav .nav-tabs > li > a .mainMenuText,
  .menuOpen tu-side-nav #mainNavContainer #mainNav .nav-tabs > li > a .mainMenuText {
    opacity: 1;
  }
  .menuOpen .sidebar #mainNavContainer #mainNav .nav-tabs > li.open .dropdown-menu,
  .menuOpen tu-side-nav #mainNavContainer #mainNav .nav-tabs > li.open .dropdown-menu {
    position: relative;
    top: auto;
    left: auto;
    width: 100%;
    box-shadow: none;
  }

  /* Main Content Styles - Medium Break Point */
  /* Content Wrapper - Flex styles for the content area */
  /* test */
  #contentWrapper {
    flex-direction: row;
  }

  .sidebar + #mainContent,
  tu-side-nav + #mainContent {
    padding-top: 40px;
    width: 100%;
  }

  #pageActionsWrapper #pageActions.designBlue.affix {
    background-color: white;
    top: 40px;
  }

  /* column widths for elements that become fixed */
  .affix#affixWidth {
    width: 200px;
  }
  .affix#affixWidth-2-col {
    width: 132px;
  }
  .affix.col1-fixed {
    width: 51px;
  }
  .affix.col2-fixed {
    width: 132px;
  }
  .affix.col3-fixed {
    width: 212px;
  }
  .affix.col4-fixed {
    width: 293px;
  }
  .affix.col5-fixed {
    width: 374px;
  }
  .affix.col6-fixed {
    width: 455px;
  }
  .affix.col7-fixed {
    width: 536px;
  }
  .affix.col8-fixed {
    width: 617px;
  }
  .affix.col9-fixed {
    width: 697px;
  }
  .affix.col10-fixed {
    width: 778px;
  }
  .affix.col11-fixed {
    width: 859px;
  }
  .affix.col12-fixed {
    width: 940px;
  }

  /* Footer Styles - Medium Break Point */
}
/* Alerts Styles - Medium Break Point */
/* Medium devices (horizontal tablets, laptop, desktops, 992px and up) */
/* Panels Styles - Medium Break Point */
/* Medium devices (horizontal tablets, laptop, desktops, 992px and up) */
/* Buttons Styles - Medium Break Point */
/* Medium devices (horizontal tablets, laptop, desktops, 992px and up) */
/* Sidebar Styles - Medium Break Point */
/* Medium devices (horizontal tablets, laptop, desktops, 992px and up) */
/* Tables Styles - Medium Break Point */
/* Medium devices (horizontal tablets, laptop, desktops, 992px and up) */
/*Modals Styles - Medium Break Point */
/* Medium devices (horizontal tablets, laptop, desktops, 992px and up) */
/* Carousel Styles - Medium Break Point */
/* Medium devices (horizontal tablets, laptop, desktops, 992px and up) */
/* Large devices (large laptops, desktops, 1200px and up) */
@media (min-width: 1200px) {
  /* Page Structure Styles - Large Break Point */
  /* Grid Modifications */
  .container {
    width: 1170px;
    padding-right: 30px;
    padding-left: 30px;
  }
  .container.containerNoRow {
    padding-left: 0;
    padding-right: 0;
  }

  .row {
    margin-right: -30px;
    margin-left: -30px;
  }

  *[class^='col-'], *[class*='col-'] {
    padding-right: 30px;
    padding-left: 30px;
  }

  /* Typography Styles - Large Break Point */
  /* Header Styles - Large Break Point */
  /* Navigation Styles - Large Break Point */
  #mainNavContainer #mainNav {
    width: 1170px;
  }

  /* Main Content Styles - Large Break Point */
  .toggleNav {
    top: 120px;
    left: 252px;
    width: 25px;
  }

  .sidebar + #mainContent,
  tu-side-nav + #mainContent {
    padding-top: 0px;
  }

  #mainContent.open {
    left: 25px;
  }
  #mainContent #mainContentTop #toolMenuToggle {
    top: 90px;
  }
  #mainContent #mainContentTop #toolMenu {
    top: 160px;
  }
  #mainContent #userNav {
    position: absolute;
    top: 30px;
    right: 15px;
  }
  #mainContent #userNav .btn {
    color: #000;
    padding-left: 6px;
    padding-right: 6px;
    height: 36px;
  }
  #mainContent #userNav .btn-outline {
    border: 4px solid #ddd;
    background-color: #fff;
    border-radius: 0;
    padding-top: 3px;
    font-size: 14px;
    margin-left: 9px;
  }
  #mainContent #userNav .btn-outline .userName {
    float: left;
    margin-right: 6px;
  }
  #mainContent #userNav .btn:active {
    background-image: none;
    outline: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
  }
  #mainContent #userNav .btn:hover {
    background: #ddd;
  }
  #mainContent #userNav .btn-group.open .dropdown-toggle {
    -webkit-box-shadow: none;
    box-shadow: none;
  }
  #mainContent #userNav .btn-outline-gray {
    border: 4px solid #ddd;
    margin-left: 11px;
    padding-top: 2px;
    width: 36px;
  }
  #mainContent #userNav .btn-outline-gray .helpQuestionMark {
    font-size: 20px;
    font-weight: 800;
  }
  #mainContent #userNav .printUser {
    margin-right: 2px;
  }
  #mainContent #userNav .printUser .tufa-print {
    font-size: 17px;
    font-weight: 600;
    margin-top: 3px;
  }
  #mainContent #userNav .printAffix {
    visibility: hidden;
    font-size: 18px;
    margin-right: 11px;
    padding-top: 1px;
  }
  #mainContent #userNav .tufa-user {
    float: left;
    font-size: 17px;
    margin-top: 3px;
    margin-right: 10px;
    font-weight: 600;
  }
  #mainContent #userNav .dropdown-menu {
    padding: 0;
    background-color: #fff;
    border: 4px solid #ddd;
    margin-top: -4px;
    border-radius: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    min-width: 105px;
    margin-left: -10px;
  }
  #mainContent #userNav .dropdown-menu li {
    margin-bottom: 0px;
  }
  #mainContent #userNav .dropdown-menu li a {
    padding: 6px 20px;
    text-decoration: none;
  }
  #mainContent #userNav .dropdown-menu li > a:hover {
    font-weight: 600;
  }
  #mainContent #userNav .dropdown-menu .divider {
    margin: 0;
  }

  .affix#affixWidth {
    width: 245px;
  }
  .affix#affixWidth-2-col {
    width: 165px;
  }
  .affix.col1-fixed {
    width: 67px;
  }
  .affix.col2-fixed {
    width: 165px;
  }
  .affix.col3-fixed {
    width: 262px;
  }
  .affix.col4-fixed {
    width: 360px;
  }
  .affix.col5-fixed {
    width: 457px;
  }
  .affix.col6-fixed {
    width: 555px;
  }
  .affix.col7-fixed {
    width: 652px;
  }
  .affix.col8-fixed {
    width: 750px;
  }
  .affix.col9-fixed {
    width: 847px;
  }
  .affix.col10-fixed {
    width: 945px;
  }
  .affix.col11-fixed {
    width: 10472px;
  }
  .affix.col12-fixed {
    width: 1140px;
  }

  /* Footer Styles - Large Break Point */
}
/* Alerts - Large Break Point */
/* Large devices (large laptops, desktops, 1200px and up) */
/* Panels Styles - Large Break Point */
/* Large devices (large laptops, desktops, 1200px and up) */
/* Buttons - Large Break Point */
/* Large devices (large laptops, desktops, 1200px and up) */
/* Sidebar Styles - Large Break Point */
/* Large devices (large laptops, desktops, 1200px and up) */
/* Tables Styles - Large Break Point */
/* Large devices (large laptops, desktops, 1200px and up) */
/* Modals Styles - Large Break Point */
/* Large devices (large laptops, desktops, 1200px and up) */
/* Carousel Styles - Large Break Point */
/* Large devices (large laptops, desktops, 1200px and up) */