/* Workbench 1 Theme */

/* Available Fonts: myriad-pro (300, normal, italic; 400, normal, italic; 600, normal; 700, normal) */

/*start normalization */
/*! normalize.css 2012-03-11T12:53 UTC - http://github.com/necolas/normalize.css */

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

/*
 * Corrects block display not defined in IE6/7/8/9 & FF3
 */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
nav,
section,
summary,
main {
  display: block;
}

/*
 * Corrects inline-block display not defined in IE6/7/8/9 & FF3
 */
audio,
canvas,
video {
  display: inline-block;
 *display: inline;
 *zoom: 1;
}

/*
 * Prevents modern browsers from displaying 'audio' without controls
 * Remove excess height in iOS5 devices
 */
audio:not([controls] ) {
 display: none;
 height: 0;
}

/*
 * Addresses styling for 'hidden' attribute not present in IE7/8/9, FF3, S4
 * Known issue: no IE6 support
 */
[hidden] {
  display: none;
}

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

/*
 * 1. Corrects text resizing oddly in IE6/7 when body font-size is set using em units
 *    http://clagnut.com/blog/348/#c790
 * 2. Prevents iOS text size adjust after orientation change, without disabling user zoom
 *    www.456bereastreet.com/archive/201012/controlling_text_size_in_safari_for_ios_without_disabling_user_zoom/
 */
html {
  font-size: 100%; /* 1 */
  -webkit-text-size-adjust: 100%; /* 2 */
  -ms-text-size-adjust: 100%; /* 2 */
}

/*
 * Addresses font-family inconsistency between 'textarea' and other form elements.
 */
html,
button,
input,
select,
textarea {
  font-family: sans-serif;
}

/*
 * Addresses margins handled incorrectly in IE6/7
 */
body {
  margin: 0;
}

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

/*
 * Addresses outline displayed oddly in Chrome
 */
a {
  color: #5a8cd1;
  text-decoration: none;
}

a:hover {
  color: #000;
}

a:focus {
  outline: 0;
}

/*
 * Improves readability when focused and also mouse hovered in all browsers
 * people.opera.com/patrickl/experiments/keyboard/test
 */
a:hover,
a:active {
  outline: 0;
}

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

/*
 * Addresses font sizes and margins set differently in IE6/7
 * Addresses font sizes within 'section' and 'article' in FF4+, Chrome, S5
 */
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

h2 {
  font-size: 1.5em;
  margin: 0.83em 0;
}

h5 {
  font-size: 0.83em;
  margin: 1.67em 0;
}

h6 {
  font-size: 0.75em;
  margin: 2.33em 0;
}

/*
 * Addresses styling not present in IE7/8/9, S5, Chrome
 */
abbr[title] {
  border-bottom: 1px dotted;
}

/*
 * Addresses style set to 'bolder' in FF3+, S4/5, Chrome
*/
b,
strong {
  font-weight: bold;
}

blockquote {
  margin: 1em 40px;
}

/*
 * Addresses styling not present in S5, Chrome
 */
dfn {
  font-style: italic;
}

/*
 * Addresses styling not present in IE6/7/8/9
 */
mark {
  background: #ff0;
  color: #000;
}

/*
 * Addresses margins set differently in IE6/7
 */
p,
pre {
  margin: 1em 0;
}

/*
 * Corrects font family set oddly in IE6, S4/5, Chrome
 * en.wikipedia.org/wiki/User:Davidgothberg/Test59
 */
pre,
code,
kbd,
samp {
  font-family: monospace, serif;
  font-size: 1em;
}

/*
 * Improves readability of pre-formatted text in all browsers
 */
pre {
  white-space: pre;
  white-space: pre-wrap;
  word-wrap: break-word;
}

/*
 * 1. Addresses CSS quotes not supported in IE6/7
 * 2. Addresses quote property not supported in S4
 */

/* 1 */
q {
  quotes: none;
}

/* 2 */
q:before,
q:after {
  content: '';
  content: none;
}

small {
  font-size: 75%;
}

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

sup {
  top: -0.5em;
}

sub {
  bottom: -0.25em;
}

/* =============================================================================
   Lists
   ========================================================================== */

/*
 * Addresses margins set differently in IE6/7
 */
dl,
menu,
ol,
ul {
  margin: 1em 0;
}

dd {
  margin: 0 0 0 40px;
}

/*
 * Addresses paddings set differently in IE6/7
 */
menu,
ol,
ul {
  padding: 0 0 0 40px;
}

/*
 * Corrects list images handled incorrectly in IE7
 */
nav ul,
nav ol {
  list-style: none;
  list-style-image: none;
}

/* Ordered Lists */
ol li {
  margin-left: -16px;
}

ol {
  list-style-type: decimal;
  position: relative;
}

ol ol {
  list-style-type: lower-alpha;
}

ol ol ol {
  list-style-type: lower-roman;
}

ol ol ol ol {
  list-style-type: none;
  counter-reset: list4;
  padding-left: 22px;
}
ol ol ol ol li:before {
  content: "(" counter(list4, decimal) ") ";
  counter-increment: list4;
}

ol ol ol ol ol {
  list-style-type: none;
  counter-reset: list5;
  padding-left: 42px;
}
ol ol ol ol ol li:before {
  content: "(" counter(list5, lower-alpha) ") ";
  counter-increment: list5;
}

ol ol ol ol ol ol {
  list-style-type: none;
  counter-reset: list6;
  padding-left: 40px;
}
ol ol ol ol ol ol li:before {
  content: "(" counter(list6, lower-roman) ") ";
  counter-increment: list6;
}
/* END Ordered Lists */

/* =============================================================================
   Embedded content
   ========================================================================== */
img {
  border: 0;
}

/*
 * Corrects overflow displayed oddly in IE9
 */
svg:not(:root ) {
 overflow: hidden;
}

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

/*
 * Addresses margin not present in IE6/7/8/9, S5, O11
 */
figure {
  margin: 0;
}

/* =============================================================================
   Forms
   ========================================================================== */
form {
  margin: 0;
}

.formControlGroup {
  display: inline-block;
}

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

/*
 * 1. Corrects color not being inherited in IE6/7/8/9
 * 2. Corrects text not wrapping in FF3
 * 3. Corrects alignment displayed oddly in IE6/7
 */
legend {
  border: 0; /* 1 */
  padding: 0;
  white-space: normal; /* 2 */
 *margin-left: -7px; /* 3 */
}

/*
 * 1. Corrects font size not being inherited in all browsers
 * 2. Addresses margins set differently in IE6/7, FF3+, S5, Chrome
 * 3. Improves appearance and consistency in all browsers
 */
button,
input,
select,
textarea {
  font-size: 100%; /* 1 */
  margin: 0; /* 2 */
  vertical-align: baseline; /* 3 */
 *vertical-align: middle; /* 3 */
}

/*
 * Addresses FF3/4 setting line-height on 'input' using !important in the UA stylesheet
 */
button,
input {
  line-height: normal; /* 1 */
}

/*
 * 1. Improves usability and consistency of cursor style between image-type 'input' and others
 * 2. Corrects inability to style clickable 'input' types in iOS
 * 3. Removes inner spacing in IE7 without affecting normal text inputs
 *    Known issue: inner spacing remains in IE6
 */
button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
  cursor: pointer; /* 1 */
  -webkit-appearance: button; /* 2 */
 *overflow: visible; /* 3 */
}

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

label.disabled,
th.disabled {
  color: #aaa;
}
/*
 * 1. Addresses box sizing set to content-box in IE8/9
 * 2. Removes excess padding in IE8/9
 * 3. Removes excess padding in IE7
      Known issue: excess padding remains in IE6
 */
input[type="checkbox"],
input[type="radio"] {
  box-sizing: border-box; /* 1 */
  padding: 0; /* 2 */
 *height: 13px; /* 3 */
 *width: 13px; /* 3 */
}

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

/*
 * Removes inner padding and search cancel button in S5, Chrome on OS X
 */
input[type="search"]::-webkit-search-decoration, input[type="search"]::-webkit-search-cancel-button {
 -webkit-appearance: none;
}

/*
 * Removes inner padding and border in FF3+
 * www.sitepen.com/blog/2008/05/14/the-devils-in-the-details-fixing-dojos-toolbar-buttons/
 */
button::-moz-focus-inner, input::-moz-focus-inner {
 border: 0;
 padding: 0;
}

/*
 * 1. Removes default vertical scrollbar in IE6/7/8/9
 * 2. Improves readability and alignment in all browsers
 */
textarea {
  overflow: auto; /* 1 */
  vertical-align: top; /* 2 */
  white-space: normal;
}

::-webkit-input-placeholder {
 color:    #999 !important;
}
:-moz-placeholder {
 color:    #999 !important;
}
:-ms-input-placeholder {
 color:    #999 !important;
}

.primaryFunction {
  background-color: #666;
  padding: 10px 36px 10px 12px;
  border-radius: 4px;
  display: table;
  margin-bottom: 12px;
}

.primaryFunction tr:first-child th {
  height: 15px;
}

.primaryFunction thead tr:first-child th,
.primaryFunction thead tr:first-child {
  background-color: rgba(0, 0, 0, 0);
  color: #fff;
}

.primaryFunction td {
  padding: 0 3px;
}

.primaryFunction td,
.primaryFunction label {
  font-weight: 300;
  color: #fff;
}

.primaryFunction thead tr:first-child th,
.primaryFunction thead tr:first-child {
  background-color: rgba(0, 0, 0, 0);
  color: #fff;
}

.primaryFunction .errorLabel,
.popup.settings .errorLabel {
  font-weight: normal;
  color: #ffa5a5;
  margin: 0;
}

h3.collapsible {
  font-size: 18px;
  display: inline-block;
  padding: 0 20px;
  background: url(../images/RowCollapsedIndicatorArrow.png) no-repeat 6px calc(50% + 1px);
  cursor: pointer;
  margin: 1rem 0 .4rem;
}

h3.collapsible.active {
  background: url(../images/RowExpandedIndicatorArrow.png) no-repeat 6px calc(50% + 1px);
}

.popup.settings .errorLabel {
    color: #ffa5a5;
    font-weight: normal;
}

  /* Specific Form Fields */
input#truckNumber {
  width: 8em;
}
  /* END Specific Form Fields */
/* END Forms */


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

  /* Before Table */
.recordCount {
  font-weight: 300;
  text-align: right;
  float: right;
  clear: right;
  margin: 20px 10px 0 0;
}

.recordCountNumeral {
  font-weight: 700;
  color: #676767;
  padding-left: 4px;
}
  /* END Before Table */

.no-results {
  font-weight: normal;
  font-style: italic;
  height: 100px !important;
  text-align: center;
}


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

/*end normalization*/
html,
body {
  height: 100%
}

body {
  font-family: Arial, sans-serif;
  font-size: 75%;
  color: #000;
  /* background: #4e4e4e; */
  margin: 0px;
  max-height: 100%;
  max-width: 100%;
  padding: 0;
  overflow: auto;
}

body.ee {
  background-image: url('../images/ee.gif');
}

#header .eet {
  height: 15px;
  width: 15px;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 9999;
}

/*----------------------------- Login ------------------------*/
body#cas {
  background: none #5a5448;
}

#loginContainer {
  margin: 0px;
  padding: 0px;
  background-color: #5a5448;
  width: 100%;
  position: relative;
  top: 50%;
  margin-top: -174px;
  vertical-align: middle;
}

#loginPanel {
  position: relative;
  margin: 0px auto;
  width: 560px;
  height: 348px;
  border-style: none;
  background-image: url('../images/loginBackground.jpg');
  background-size: "100%";
}

#loginForm {
  padding-top: 200px;
}

#loginForm table {
  margin: 0px auto;
  text-align: center;
  padding-top: 200px;
}

.loginLabel {
  font-size: 14;
  text-align: right;
  color: #000;
}

.loginButton {
  font-size: 14;
  font-weight: normal;
  padding-top: 5;
  padding-bottom: 3;
  width: 150px;
}

#loginErrorBox {
  position: absolute;
  top: 10px;
  left: 270px;
  font-size: 14px;
  color: #fff;
  background-color: #cc0000;
  padding: 5px;
  width: 250px;
  word-break: break-word;
}

body.mobile #loginContainer {
  top: 0;
  margin-top: 0;
}

body.mobile #loginForm {
  position: static;
  top: 0;
  padding-top: 180px;
}

body.mobile #loginPanel {
  width: 320px;
  background-image: url('../images/mobileloginBackground.png');
}

body.mobile #loginErrorBox {
  position: absolute;
  top: 10px;
  left: 10px;
}

body.mobile #formwrapper {
  width: 280px !important;
}

body.mobile #formwrapper input,
body.mobile #formwrapper label {
  width: 100% !important;
  margin-left: 0 !important;
}

/* Main Menu Screen */
body.control #option {
  font-size: 13px;
  line-height: 20px;
}

body.control #option a {
  color: #000;
  display: block;
}

body.control #option a:hover {
  color: #5a8cd1;
}

body.control b u {
  text-decoration: none;
  font-size: 18px;
  font-weight: 400;
  margin-bottom: 8px;
  display: block;
}
/* END Main Menu Screen */

/*----------------------------- HEADER ------------------------*/
#header {
  position: fixed;
  top: 0;
  width: 100%;
  height: 31px;
  display: block;
  margin: 0;
  padding: 0;
  background-color: #fff;
  background-repeat: repeat-x;
  z-index: 1001;
	box-shadow: 0 5px 12px rgba(0,0,0,.2);
}

@media print {
  #header {
    display: none;
  }
}

#header img {
  margin: auto;
  padding: 5px 0;
}

#dmwb-truck-tabs {
  position: relative;
}

ul#topnav .dmwbTabLink.currentTab,
.dmwbCurrentTab {
  width: auto;
  background-color: #aaa;
  opacity: .8;
  position: relative;
  float: left;
  margin-top: -5px;
  padding-top: 10px;
  padding-bottom: 10px;
}

ul#topnav .dmwbTabLink.currentTab:after,
.dmwbCurrentTab:after {
  content: "";
  width: 0;
  height: 0;
  border-left: 8px solid rgba(0, 0, 0, 0);
  border-right: 8px solid rgba(0, 0, 0, 0);
  border-top: 8px solid #888;
  position: absolute;
  left: 40%;
  top: 41px;
}

ul#topnav .dmwbTabLink li:nth-of-type(1) {
  margin-top: -5px;
  font-size: .9em;
}

ul#topnav .dmwbTabLink li:nth-of-type(2) {
  margin-top: -4px;
}

ul#topnav .dmwbTabLink li a,
ul#topnav .dmwbTabLink.currentTab a {
  color: #fff;
}

ul#topnav .dmwbTabLink li a:hover,
ul#topnav .dmwbTabLink.currentTab a:hover {
  color: #000;
}

a.currentMenu {
  position: relative;
  float: left;
  background: url('../images/menu-tab-dark.png') no-repeat left top;
  width: 70px;
  height: 50px;
  margin: auto;
  padding: 0;
  display: block;
  z-index: 100000;
}

/*---------------------- topnav ----------------------------*/
ul#topnav {
  margin: auto 0;
  padding: 0;
  float: left;
  width: 100%;
  height: 40px;
  list-style: none;
  font-size: 1.1em;
}

ul#topnav > li {
  float: left;
  border-right: #aaa 1px solid;
  margin-top: 5px;
}

ul#topnav li {
  float: left;
  margin-top: 5px;
}

ul#topnav li a,
ul#topnav li span {
  font-size: 13px;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  text-decoration: none;
  color: #000;
  float: left;
  padding: 2px;
  margin: 0 10px;
}

ul#topnav>li>a {
  text-transform: uppercase;
}

ul#topnav .dmwbTabLink li a {
  padding: 6px 5px 3px;
  margin: 0 5px;
}

.dmwbTabLink {
  margin-left: 5px;
}

ul#topnav li span {
  display: block;
}

ul#topnav li:hover a,
ul#topnav li a:hover {
  /*background-position: left bottom;*/
  color: #A79773;
} /*--Hover State--*/

ul#topnav li .sub-menu {
  position: absolute; /*--Important--*/
  top: 37px;
  left: 6px;
  right: 0;
  z-index: 99999;
  background: #535252 none;
  background: -webkit-gradient(linear, left top, left bottom, from(#555454), to(#201f1f));
  background: -moz-linear-gradient(top, #555454, #201f1f);
  background: -ms-linear-gradient(top, #555454, #201f1f);
  background: -o-linear-gradient(top, #555454, #201f1f);
  padding: 10px;
  border-radius: 10px;
  display: none; /*--Hidden for those with js turned off--*/
  max-width: 100%;
  width: 1000px !important;
  box-shadow: 4px 2px 16px 4px rgba(0, 0, 0, .3);
}

ul#topnav .dropdown-menu {
  list-style: none;
  display: block;
  margin: 0;
}

ul#topnav li .row { /*--If needed to break out into rows--*/  
  clear: both;
  float: none;
  width: auto;
}

ul#topnav li .sub-menu ul {
  list-style: none;
  margin: 0;
  width: 200px;
  float: left;
  padding-bottom: 200px;
}

ul#topnav .sub-menu ul li {
  width: 100%; /*--Override parent list item--*/
  color: #fff;
}

ul#topnav .sub-menu ul li h3 { /*--Sub nav heading style--*/
  padding: 0px;
  margin: 0px;
  font-weight: normal;
}

ul#topnav .sub-menu ul li h3 a { /*--Sub nav heading link style--*/
  padding: 2px 0px;
  background-image: none;
  color: #fcda88;
  border-bottom: 1px solid #ccc;
  margin-right: 10px;
}

ul#topnav .sub-menu ul li h3 a:hover {
  color: #ff0000;
}

ul#topnav .sub-menu ul li a,
ul#topnav .sub-menu ul li span {
  float: none;
  text-indent: 0;
  height: auto;
  padding: 5px 2px 0px;
  display: block;
  text-decoration: none;
  color: #fff;
  margin: 0px;
}

ul#topnav .sub-menu ul li span.hotkey-tooltip {
  float: left;
  margin: 2px 0 0 2px;
  background: none !important;
  font-weight: normal !important;
  font-size: 9px !important;
  color: #aaa !important;
  border: 1px solid #aaa !important;
  padding: 2px 2px !important;
  line-height: 1;
}

ul#topnav .sub-menu ul li a:hover,
ul#topnav .sub-menu ul li span:hover {
  color: #aaa;
}

ul#topnav .sub-menu ul li h3 a:hover {
  background-image: none;
}

/*-------------------------------- header search box ------------------------------*/
#searchBox {
  /* position: absolute;
	right: 10px;
	top:0; */
  float: right;
  margin-right: 10px;
}

.notifications-toggle {
  float: right;
  margin-top: 10px;
  background: transparent;
}

.btn {
  display: inline;
  margin-bottom: 0;
  margin-left: .3em;
  font-size: 14px;
  line-height: 20px;
  color: #333;
  text-align: center;
  text-shadow: 0 1px 1px rgba(255,255,255,0.75);
  vertical-align: middle;
  cursor: pointer;
  background-color: #e6e6e6;
  background-image: linear-gradient(tobottom, #ffffff, #e6e6e6);
  background-repeat: repeat-x;
  border: 0;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
  zoom: 1;
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.2), 0 1px 2px rgba(0,0,0,0.05);
  border-color: rgba(0,0,0,0.1) rgba(0,0,0,0.1) #b3b3b3;
  padding: 4px 12px;
}

.btn {
  margin-top: 5px;
}

.btn.notifications-toggle,
btn.notifications-toggle:hover {
  border: 1px solid transparent;
  background: transparent;
  margin-top: 5px;
}

.btn.notifications-toggle .badge {
  float: right;
}

.btn-navbar .icon-bar {
  display: block;
  width: 18px;
  height: 2px;
  background-color: #333;
  -webkit-border-radius: 1px;
  -moz-border-radius: 1px;
  border-radius: 1px;
  box-shadow: 0 1px 0 rgba(0,0,0,0.25);
}

.navbar-form input[type=image],
.navbar-form input[type=checkbox],
.navbar-form input[type=radio],
.btn-navbar .icon-bar + .icon-bar {
  margin-top: 3px;
}

.navbar .btn.notifications-toggle {
  border: 1px solid transparent;
}

.navbar .btn.notifications-toggle .icon-bar {
  background: #000;
}

.navbar .btn.notifications-toggle:hover {
  border: 1px solid #999;
}

/* Notifications Panel */
#notifications {
  position: fixed;
  top: 35px;
  bottom: 30px;
  width: 300px;
  right: -500px;
  z-index: 99999;
  background-color: rgba(248, 248, 248, .95);
  -webkit-transition: .3s all;
  transition: .3s all;
  -moz-transition: .3s all;
  overflow-x: hidden;
  overflow-y: scroll;
  box-shadow: 0 0 30px 10px rgba(0,0,0,.2);
}

.notifications-open #notifications {
  right: 0;
}

#notifications h3 {
  color: #555 !important;
}

.notification-item {
  padding: 5px 5px 10px 50px;
  margin: 0;
  list-style: none;
  position: relative;
  float: none !important;
}

.notification-item p {
  font-size: 12px;
}

.notification-item:nth-child(even) {
  background: #333;
}

.notification-item:last-child {
}

.notifications-list {
  list-style: none;
  margin: 0;
  padding: 0;
}

.notification-title {
  font-size: 1.2em;
  margin-bottom: 1em;
}

#notifications.ui-tabs .ui-tabs-nav li.ui-tabs-active:hover {
  background-color: #808080;
}

ul#topnav #notifications li a, ul#topnav li span {
  color: #fff;
}
/* END Notifications Panel */

.truncate,
.truncate * {
  max-width: 250px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  -moz-binding: url(ellipsis.xml#ellipsis);
}

.notification-date {
  margin: 5px 0 10px;
  font-size: .9em;
}

.notification-body span,
.notification-body a {
  color: #fff !important;
  padding: 0 !important;
  margin: 0 !important;
  float: none !important;
  font-size: 1.0em !important;
}

.notification-body a {
  text-decoration: underline !important;
}

.notification-item a:hover {
  text-decoration: underline;
}

.notification-body li {
  float: none !important;
  overflow: visible;
}

.notification-item.unread .notification-title:before {
  background: #49B944;
  color: #fff;
  padding: 3px;
  margin: 3px 10px 0 0;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  content: 'New';
}

#notifications.ui-tabs .ui-tabs-panel {
  background: transparent none;
  filter: progid:DXImageTransform.Microsoft.gradient(enabled= false) !important;
  border: 0px;
  padding: 0;
}

#notifications .ui-tabs-nav .ui-state-default,
#notifications .ui-tabs-nav .ui-state-active {
  border: 0;
  margin: 0 0px;
  width: 50%;
}

#notifications .ui-tabs-nav li a,
#notifications .ui-tabs-nav li span {
  font-size: 0.8em !important;
  padding: 6px !important;
}

div#notifications.ui-tabs .ui-tabs-nav li.ui-tabs-selected a {
  color: #fff;
}

.notification-item {
  padding: 5px 10px 10px !important;
  margin: 5px 0 !important;
  list-style: none;
  position: relative;
  float: none;
  color: #fff;
  box-sizing: border-box;
}

.notification-item .truncate {
  max-width: 260px;
  height: 15px;
}

.notification-item a {
  font-size: 0.9em !important;
  margin: 0 !important;
  padding: 0 !important;
}

/*--------------------------------- sub menu --------------------------------------*/
.sub-menu {
  position: absolute; /*--Important--*/
  top: 45px;
  left: 0;
  z-index: 99999;
  background: #544f43; /*url(sub_bg.png) repeat-x;  */
  /*--Background gradient--*/
  opacity: 0.2;
  padding: 10px 10px 10px;
  float: left;
  font-size: .8em;
  display: none; /*--Hidden for those with js turned off--*/
}

.row { /*--If needed to break out into rows--*/
  clear: both;
  float: left;
  width: 100%;
}

.sub-menu ul {
  list-style: none;
  margin: 0;
  padding: 0;
  width: 150px;
  float: left;
}

.sub-menu ul li {
  width: 100%; /*--Override parent list item--*/
  color: #fff;
}

.sub-menu ul li h3 { /*--Sub nav heading style--*/
  padding: 0px;
  margin: 0px;
  font-weight: normal;
}

.sub-menu ul li h3 a { /*--Sub nav heading link style--*/
  margin: 0px;
  padding: 5px 0px;
  background-image: none;
  color: #ff0000;
}

.sub-menu ul li h3 a:hover {
  color: #ff0000;
}

.sub-menu ul li a,
.sub-menu ul li span {
  float: none;
  text-indent: 0; /*--Override text-indent from parent list item--*/
  height: auto; /*--Override height from parent list item--*/
  /*background: url(navlist_arrow.png) no-repeat 5px 12px; */
  padding: 5px 0px 0px 10px;
  display: block;
  text-decoration: none;
  color: #fff;
  margin: 0px;
}

ul#topnav .sub-menu ul li span.less {
  display: none;
}

.sub-menu ul li a:hover,
.sub-menu ul li span:hover {
  color: #ddd;
  background-position: 5px 12px; /*--Override background position--*/
}

/* ---------------- tabbed sub-menu (in sub-content-pane) ------------------ */
a.link-tab {
  font-weight: 300;
  font-size: 1.1em;
  font-family: myriad-pro, arial, helvetica, sans-serif !important;
  color: #e8e8e8;
  display: inline-block;
  padding: 5px 16px 4px;
  margin: 5px 4px 0;
  border-top-right-radius: 5px;
  border-top-left-radius: 5px;
  vertical-align: middle;
}

a.link-tab:hover {
  background-color: #999;
}

a.link-tab-selected {
  font-weight: 400;
  color: #000;
  background-color: #eaeaea;
  cursor: default;
}

a.link-tab-selected:hover {
  background-color: #eaeaea;
}

.link-tab-background.secondmenu a.link-tab {
  font-size: 1em;
  top: 0px;
}

.link-tab-background.secondmenu a.link-tab-selected {
  border: 2px solid #5a8cd1;
  border-bottom: none;
  top: 0px;
  font-size: 1.0em;
}

.truckTabStudentDriver {
  font-weight: normal;
  font-size: .7em;
  color: #a79773;
  position: relative;
  padding: 2px;
}

.link-tab-background {
  font-size: .875rem;
  line-height: 1;
  width: calc(100% + 20px);
  height: 30px;
  padding: 10px 0 0 0;
  margin: 0 -10px;
  border-top-right-radius: 5px;
  border-top-left-radius: 5px;
  box-sizing: content-box;
  background-color: #aaa;
}    

.link-tab-background.secondmenu {
  margin: 0 -.5% .5% -.5%;
  border-bottom: 2px solid #5a8cd1;
  height: 27px;
}

a.link-tab-disabled {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  color: #666;
  margin: 10px 10px 0;
  text-decoration: none;
  font-size: 1.16em;
  border-top-right-radius: 5px;
  border-top-left-radius: 5px;
  pointer-events: none;
  cursor: default;
  position: relative;
  top: 5px;
}

#truckTabWorkQueueLinkSpan {
  
}

#truckTabWorkQueueLinkSpan .count {
  font-weight: 100;
  font-size: 10px;
  letter-spacing: .03rem;
  text-align: center;
  line-height: 1;
  color: #fff;
  padding: 2px 3px 1px;
  background-color: #888;
  border-radius: 2px;
  min-width: 7px;
  margin: 0 0 0 2px;
  display: inline-block;
}

#truckTabWorkQueueLinkSpan .count.lowPriority {
  background-color: #666;
}

#truckTabWorkQueueLinkSpan .count.mediumPriority {
  background-color: #f0ad00;
}

#truckTabWorkQueueLinkSpan .count.highPriority {
  background-color: red;
}

/* Header Truck Data */
#truckTabTruckDetails {
  display: inline;
  float: right;
  position: relative;
  padding: 6px 12px 0 0;
}
/* END Header Truck Data */

/*----------------------------- FOOTER ------------------------*/
#footer {
  width: 100%;
  height: 26px;
  margin: auto;
  padding: 0;
  font: 12px "Arial Black", Arial, sans-serif;
  color: #000;
  background-color: #fff;
  position: fixed;
  bottom: 0;
  z-index: 9999 !important;
  box-shadow: 0 -2px 12px rgba(0,0,0,.08);
}

@media print {
  #footer {
    display: none;
  }
}

#footer table {
  padding-top: 4px;
  padding-left: 6px;
}

#footer td a {
  padding-right: 6px;
  padding-left: 6px;
  font: normal 12px Arial;
  text-decoration: none;
  color: #000;
}

#footer td a:hover {
  text-decoration: underline;
}

#footer img {
  width: 100px;
  margin: 2px 0 0 7px;
  font-size: 11px;
  white-space: nowrap;
}

/*----------------------------- CONTENT LAYOUT ------------------------*/
#content {
  position: absolute;
  top: 28px;
  left: 0;
  bottom: 40px;
  padding: 0;
  margin: 0;
  color: #000;
  width: 100%;
  min-width: 1280px;
  min-height: 100px;
}

@media print {
  #content {
    top: 0;
  }
}

#sub-content-pane,
#sub-content-pane2 {
  position: relative;
  width: calc(100% - 40px);
  min-height: 500px;
  max-height: none;
  margin: 12px auto;
  padding: 0 10px 20px;
  color: #000;
  background-color: #fff;
  display: block;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  overflow-y: auto;
  -webkit-transition: all .3s;
  -moz-transition: all .3s;
  transition: all .3s;
  -moz-box-shadow: 0 5px 12px rgba(0,0,0,.2);
	-webkit-box-shadow: 0 5px 12px rgba(0,0,0,.2);
	box-shadow: 0 5px 12px rgba(0,0,0,.2);
}    

#sub-content-pane #sub-content-pane2,
#sub-content-pane #sub-content-pane,
#sub-content-pane2 #sub-content-pane2,
#sub-content-pane2 #sub-content-pane {
  box-shadow: none;
  margin: 0;
  padding: 0;
  width: 100%;
}

#sub-content-pane #sub-content-pane,
#sub-content-pane #sub-content-pane2 {
  padding: 0;
  margin: 0;
  width: 100%;
  border: 0px;
  box-shadow: none;
  position: static;
  background: transparent none;
  overflow: visible;
  min-height: 0;
}

#workspace {
  position: relative;
  float: left;
  margin: 20px 0;
  width: 100%;
  display: block;
}

#workspace2 { /* For driver and equipment profile pages */
  margin-top: 10px;
  margin-bottom: 45px;
  width: 100%;
  display: block;
  position: relative;
}

/* table grid elements */
#grid {
  background-color: #e3ded2;
}

#grid td {
  font: normal 12px Arial;
  color: #000;
  padding-left: 10px;
  padding-top: 4px;
  padding-bottom: 4px;
}

#grid-tree td {
  font: bold 12px Arial;
  color: #000;
  padding-left: 10px;
  padding-top: 4px;
  padding-bottom: 4px;
}

#myGrid {
  width: 100%
}

.selected-row {
  background-color: #e3ded2;
}

.odd-row {
  background-color: #eeebe4;
}

#paged-table {
  width: 100%;
  /*	height:50%;*/
  overflow: auto;
}

#paged-table td {
  font-size: 1em;
}

/*---------------------------- Message and Error styles ---------------------*/
#messagesDiv { /* here */
  top: 46px;
  position: fixed;
  right: 10px;
  z-index: 100000;
  padding: 20px;
  border-radius: 5px;
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#CC000000,endColorstr=#CC000000)";
	/* IE8 */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#CC000000,  endColorstr=#CC000000 ); /* IE6 & 7 */
  zoom: 1;
  min-width: 15%;
  max-width: 50%;
  max-height: 420px;
  overflow-x: auto;
  overflow-y: auto;
  background-color: #fff;
  box-shadow: 0 0 20px 20px rgba(0,0,0,.1);
  color: #000;
}

.messagesDivicon,
.logicon {
  background: url('../images/check-x-circles.png') top left no-repeat;
  height: 20px;
  width: 20px;
  margin: 0 5px 2px 0 !important;
  display: inline-block;
  vertical-align: top;
  zoom: 1;
  margin-right: -20px !important;
}

.messagesDivicon.fyi {
  background: url('../images/check-x-circles.png') no-repeat;
  background-position: -40px 0;
}

.messagesDivicon.construction {
  background: url('../images/headdesk.gif') no-repeat;
  background-position: 0 0;
}

.messagesDivicon.error,
.logicon.error {
  background: url('../images/check-x-circles.png') no-repeat;
  margin-right: -20px !important;
  background-position: -20px 0;
}

.redmsg {
  color: #900;
  font-weight: bold;
}

#messagesDiv .cre-msg {
  color: #000;
  font-weight: bold;
  position: relative;
  top: 3px;
  padding: 0px;
  margin: 0;
  display: inline-block;
  vertical-align: top;
  zoom: 1;
  margin-left: 30px;
}

.errorLabel {
  font-weight: normal;
  font-size: 14px;
  color: #f00;
  display: inline-table;
  margin-left: .5em;
}

#errorsDiv { /* here */
  top: 46px;
  position: fixed;
  right: 10px;
  z-index: 100000;
  padding: 20px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#CC000000,endColorstr=#CC000000)";
	/* IE8 */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#CC000000,  endColorstr=#CC000000 ); /* IE6 & 7 */
  zoom: 1;
  min-width: 15%;
  max-width: 50%;
  max-height: 420px;
  overflow-x: auto;
  overflow-y: auto;
  background-color: #fff;
  box-shadow: 0 0 20px 20px rgba(0,0,0,.1);
  color: #000;
}

#errorsDiv .cre-err {
  color: #000;
  font-weight: bold;
  position: relative;
  top: 3px;
  padding: 0px;
  margin: 0;
  display: inline-block;
  vertical-align: top;
  zoom: 1;
  margin-left: 30px;
}

.error-code-message {
  font-size: 2em;
  font-weight: bold;
  text-align: center;
}

#pastmsg { /* here */
  top: 46px;
  position: fixed;
  right: 10px;
  z-index: 100000;
  padding: 20px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#CC000000,endColorstr=#CC000000)";
	/* IE8 */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#CC000000,  endColorstr=#CC000000 ); /* IE6 & 7 */
  zoom: 1;
  min-width: 15%;
  max-width: 50%;
  max-height: 420px;
  overflow-x: auto;
  overflow-y: auto;
  background-color: #fff;
  box-shadow: 0 0 20px 20px rgba(0,0,0,.1);
  color: #000;
}

.crelog-err {
  margin-top: 5px !important;
  margin-left: 30px !important;
}

#close-msg {
  text-align: right;
  text-decoration: underline;
  cursor: pointer;
  font-weight: bold;
  margin-bottom: 10px;
}

#past-msg-toggle {
  height: 20px;
  width: 20px;
  display: inline-block;
  vertical-align: top;
  background: url('../images/check-x-circles.png') no-repeat;
  margin-top: -4px;
  background-position: -20px 0;
}

#pastmsg a,
#errorsDiv a,
#messagesDiv a {
  color: #5a8cd1;
  font-weight: bold;
}

#pastmsg a:after,
#errorsDiv a:after,
#messagesDiv a:after {
  content: "";
  width: 16px;
  height: 16px;
  background: transparent url('../images/globe-link.png') top left no-repeat;
  position: absolute;
  top: -2px;
}

/* ---------------------------2 Column Layout ------------------------ */
#left-column {
  position: relative;
  margin: 0;
  width: 49%;
  padding-right: 1%;
  z-index: 1;
  display: inline-block;
  vertical-align: top;
} /* Adjust width by percentage in-line */

#right-column {
  position: relative;
  /*float:left;*/
  margin: 0;
  width: 49%;
  z-index: 0;
  display: inline-block;
  margin-left: -4px;
  vertical-align: top;
  padding-left: 1%;
}

.left-column {
  position: relative;
  margin: 0;
  width: 49%;
  padding-right: .5%;
  display: inline-block;
  vertical-align: top;
  margin-right: -4px;
} /* Adjust width by percentage in-line */

.right-column {
  position: relative;
  margin: 0;
  width: 49%;
  display: inline-block;
  vertical-align: top;
  margin-left: -4px;
  padding-left: .5%;
}

/* ---------------- Columned Layout with left menu -------------- */
#left-menu {
  position: relative;
  /*float:left; --dmc */
  margin: 0;
  padding: 0;
  text-align: left;
  width: 10%;
  display: inline-block;
  vertical-align: top;
}

#main-column,
#orderDetailsPagedTable {
  position: relative;
  background-color: #d8d8d8;
  left: -2px;
  right: 0;
  padding: .5%;
  width: 89%;
  display: inline-block;
  vertical-align: top;
  min-height: 400px;
  margin-left: -4px;
}

#orderDetailsPagedTable {
  width: 100%;
}

/* --------------- Left Menu Styles ----------- */
#left-menu ul {
  margin: 1em 0 0 5px;
  padding: 0;
  list-style: none;
}

#left-menu ul li {
  padding: 8px 0 8px 8px;
}

#left-menu ul li a {
  color: #5a8cd1;
  text-decoration: none;
  margin: 0;
  padding: 5px 0;
}

#left-menu ul li a:link {
  color: #5a8cd1;
  text-decoration: none;
}

#left-menu ul li a:visited {
  color: #5a8cd1;
  text-decoration: none;
}

#left-menu ul li a:hover {
  color: #000;
  text-decoration: none;
}

#left-menu ul li a:active {
  color: #000;
  font-weight: bold;
  text-decoration: none;
}

#left-menu ul li.left-menu-current,
.left-menu-current {
  color: #000;
  font-weight: bold;
  text-decoration: none;
  background-color: #d8d8d8;
  margin-right: -1px;
  display: block;
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
}

#left-menu ul li.left-menu-current a:link,
#left-menu ul li.left-menu-current a:visited,
#left-menu ul li.left-menu-current a:active,
.left-menu-current a:active {
  color: #000;
  pointer-events: none;
  cursor: default;
}

/* ---------------- 2 Columned Layout with wider menu-------------- */
#left-menu-wide {
  position: relative;
  float: left;
  margin: 0;
  padding: 0;
  text-align: left;
  width: 30%;
}

#main-column-wide {
  position: relative;
  float: right;
  background-color: #e3ded2;
  margin: 0 -.5% -50px 0;
  padding: .5% 0 50px .5%;
  width: 70%;
}

/* --------------- Left Menu-wide Styles ----------- */
#left-menu-wide ul {
  margin: 1em 0 0 5px;
  padding: 0;
  list-style: none;
}

#left-menu-wide ul li {
  padding: 8px 0 8px 8px;
}

#left-menu-wide ul li a {
  color: #5a8cd1;
  text-decoration: none;
  margin: 0;
  padding: 5px 0;
}

#left-menu-wide ul li a:link {
  color: #5a8cd1;
  text-decoration: none;
}

#left-menu-wide ul li a:visited {
  color: #5a8cd1;
  text-decoration: none;
}

#left-menu-wide ul li a:hover {
  color: #000;
  text-decoration: none;
}

#left-menu-wide ul li a:active {
  color: #000;
  font-weight: bold;
  text-decoration: none;
}

#left-menu-wide ul li.left-menu-current {
  color: #000;
  font-weight: bold;
  text-decoration: none;
  background-color: #e3ded2;
  margin-right: -1px;
  display: block;
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
}

#left-menu ul li.left-menu-current a:link,
#left-menu ul li.left-menu-current a:visited,
#left-menu ul li.left-menu-current a:active {
  color: #000;
  pointer-events: none;
  cursor: default;
}

/* ---------------- Lower Box ---------------- */
#low-app-box {
  position: relative;
  float: left;
  width: 100%;
  padding: 0;
  margin: 1px auto;
  overflow: visible;
}

#creambox {
  width: 99%;
  background-color: #fcfbf7;
  padding: 5px;
}

.actionButtons {
  width: 500px;
  text-align: right;
}

.dragndrop {
  width: 200px;
  height: 150px;
  padding: 10px;
  margin: 0;
  background-color: #fcfbf7;
  border: 1px inset #d6d8d7;
}

/* --------- Form Elements ------------ */
.formControlGroupDialogBox {
  text-align: right;
}

form #view-filters .row {
  margin: 0;
  padding: 0;
  float: none; /* To undo .row property */
  clear: none; /* To undo .row property */
}

#view-filters .formControlGroup {
  display: inline-block;
  margin: 0 5px;
  padding: 10px 0;
}

#inactiveDriversFilterForm #view-filters .formControlGroup {
  padding: 10px 4px;
}

/* Button Primary */
.btnPrimary,
input.btnPrimary[type="button"] {
  text-shadow: 0px -1px 0px rgba(0, 0, 0, .3);
  background-color: #5a8cd1;
  background-image: -moz-linear-gradient(#5a8cd1, #4870a7) !important;
  background-image: -webkit-linear-gradient(#5a8cd1, #4870a7) !important;
  background-image: -ms-linear-gradient(#5a8cd1, #4870a7) !important;
  background-image: linear-gradient(#5a8cd1, #4870a7) !important;
}

.btnPrimary:hover,
input.btnPrimary[type="button"]:hover {
  background-color: #75a7eb;
  background-image: -moz-linear-gradient(#75a7eb, #618cc5) !important;
  background-image: -webkit-linear-gradient(#75a7eb, #618cc5) !important;
  background-image: -ms-linear-gradient(#75a7eb, #618cc5) !important;
  background-image: linear-gradient(#75a7eb, #618cc5) !important;
  border: none;
}

.btnPrimary:active,
.btnPrimary:focus,
input.btnPrimary[type="button"]:active,
input.btnPrimary[type="button"]:focus {
  background: #5a8cd1;
  border: none;
  box-shadow: none;
  outline: 1px solid #fff;
}

.primaryFunction .btnPrimary,
.primaryFunction input.btnPrimary[type="button"] {
  height: 24px;
  border: 1px solid rgba(255, 255, 255, .4) !important;
}

.primaryFunction .btnPrimary:focus,
.primaryFunction input.btnPrimary[type="button"]:focus {
  border: 1px solid orange !important;
}
/* END Button Primary */

/* Button Delete and Deny */
.btnDelete,
input.btnDelete[type="button"],
.btnDeny,
input.btnDeny[type="button"],
input#removeTemplateButton {
  text-shadow: 0px -1px 0px rgba(0, 0, 0, .3);
  background-color: #d73d3d;
  background-image: -moz-linear-gradient(#f15454, #cd3535) !important;
  background-image: -webkit-linear-gradient(#f15454, #cd3535) !important;
  background-image: -ms-linear-gradient(#f15454, #cd3535) !important;
  background-image: linear-gradient(#f15454, #cd3535) !important;
}

.btnDelete:hover,
input.btnDelete[type="button"]:hover,
.btnDeny:hover,
input.btnDeny[type="button"]:hover,
input#removeTemplateButton:hover {
  background-color: #eb4f4f;
  background-image: -moz-linear-gradient(#fe7f7f, #ea5a5a) !important;
  background-image: -webkit-linear-gradient(#fe7f7f, #ea5a5a) !important;
  background-image: -ms-linear-gradient(#fe7f7f, #ea5a5a) !important;
  background-image: linear-gradient(#fe7f7f, #ea5a5a) !important;
  border: none;
}

.btnDelete:active,
.btnDelete:focus,
input.btnDelete[type="button"]:active,
input.btnDelete[type="button"]:focus,
.btnDeny:active,
.btnDeny:focus,
input.btnDeny[type="button"]:active,
input.btnDeny[type="button"]:focus,
input#removeTemplateButton:focus {
  background: #5a8cd1;
  border: none;
  box-shadow: none;
}

.primaryFunction .btnDelete,
.primaryFunction input.btnDelete[type="button"] {
  border: 1px solid #fff !important;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  border-radius: 0;
}

.primaryFunction .btnDelete:focus,
.primaryFunction input.btnDelete[type="button"]:function,
.primaryFunction .btnDeny:focus,
.primaryFunction input.btnDeny[type="button"]:function {
  border: 1px solid orange !important;
}
/* END Button Delete and Deny */

/* Button Approve */
.btnApprove,
input.btnApprove[type="button"],
.btnAdd,
input.btnAdd[type="button"],
.btnCreate,
input.btnCreate[type="button"] {
  text-shadow: 0px -1px 0px rgba(0, 0, 0, .3);
  background-color: #41ba41;
  background-image: -moz-linear-gradient(#41ba41, #169d16) !important;
  background-image: -webkit-linear-gradient(#41ba41, #169d16) !important;
  background-image: -ms-linear-gradient(#41ba41, #169d16) !important;
  background-image: linear-gradient(#41ba41, #169d16) !important;
}

.btnApprove:hover,
input.btnApprove[type="button"]:hover,
.btnAdd:hover,
input.btnAdd[type="button"]:hover,
.btnCreate:hover,
input.btnCreate[type="button"]:hover {
  background-color: #53cb53;
  background-image: -moz-linear-gradient(#53cb53, #25b325) !important;
  background-image: -webkit-linear-gradient(#53cb53, #25b325) !important;
  background-image: -ms-linear-gradient(#53cb53, #25b325) !important;
  background-image: linear-gradient(#53cb53, #25b325) !important;
  border: none;
}

.btnApprove:active,
.btnApprove:focus,
input.btnApprove[type="button"]:active,
input.btnApprove[type="button"]:focus,
.btnAdd:active,
.btnAdd:focus,
input.btnAdd[type="button"]:active,
input.btnAdd[type="button"]:focus,
.btnCreate:active,
.btnCreate:focus,
input.btnCreate[type="button"]:active,
input.btnCreate[type="button"]:focus {
  background: #41ba41;
  border: none;
  box-shadow: none;
}

.primaryFunction .btnApprove,
.primaryFunction input.btnApprove[type="button"],
.primaryFunction .btnAdd,
.primaryFunction input.btnAdd[type="button"],
.primaryFunction .btnCreate,
.primaryFunction input.btnCreate[type="button"] {
  border: 1px solid #fff !important;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  border-radius: 0;
  padding-top: 2px;
}

.primaryFunction .btnApprove:focus,
.primaryFunction input.btnApprove[type="button"]:function,
.primaryFunction .btnAdd:focus,
.primaryFunction input.btnAdd[type="button"]:function,
.primaryFunction .btnCreate:focus,
.primaryFunction input.btnCreate[type="button"]:function {
  border: 1px solid orange !important;
}
/* END Button Approve */

/* Button Select */
.btnSelect {
  position: relative;
  padding-right: 24px;
}

.btnSelect:after {
  content: '';
  position: absolute;
  width: 10px;
  height: 6px;
  top: 8px;
  right: 8px;
  background: url(../images/ArrowDownMediumWhite.png) no-repeat;
}

.btnSelect:disabled:after {
  opacity: .5;
}

nav.dropdown {
  display: none;
  min-width: 180px;
  background-color: #f8f8f8;
  box-shadow: 4px 2px 16px 4px rgba(0, 0, 0, .3);
  position: absolute;
  top: 28px;
  right: -11px;
  border: none;
  z-index: 100;
}

nav.dropdown.active {
  display: block;
}

nav.dropdown:before {
  content: "";
  width: 0;
  height: 0;
  border-left: 6px solid rgba(0, 0, 0, 0);
  border-right: 6px solid rgba(0, 0, 0, 0);
  border-bottom: 6px solid #e8e8e8;
  position: absolute;
  top: -10px;
  right: 16px;
}

nav.dropdown.cancelMenu {
  background-color: #707070;
  border: 4px solid #707070;
}

nav.dropdown.cancelMenu:before {
  content: "";
  width: 0;
  height: 0;
  border-left: 6px solid rgba(0, 0, 0, 0);
  border-right: 6px solid rgba(0, 0, 0, 0);
  border-bottom: 6px solid #707070;
  position: absolute;
  top: -10px;
  right: 16px;
}

nav.dropdown.denyMenu {
  background-color: #e2423f;
  border: 4px solid #e2423f;
}


nav.dropdown.denyMenu:before {
  content: "";
  width: 0;
  height: 0;
  border-left: 6px solid rgba(0, 0, 0, 0);
  border-right: 6px solid rgba(0, 0, 0, 0);
  border-bottom: 6px solid #e2423f;
  position: absolute;
  top: -10px;
  right: 16px;
}

nav.dropdown .menuItem {
  font-weight: 300;
  font-size: 16px;
  line-height: 32px;
  text-align: center;
  color: #fff;
  white-space: nowrap;
  display: block;
  height: 32px;
  padding: 0 10px;
  border-bottom: 1px solid rgba(255,255,255,.5);
  position: relative;
  cursor: pointer;
}

nav.dropdown .menuItem:last-of-type {
    border-bottom: none;
}

nav.dropdown .menuItem:hover {
  color: #fff;
  background-color: #808080;
}

nav.dropdown.cancelMenu .menuItem:hover {
  color: #707070;
  background-color: rgba(255,255,255,.85);
}

nav.dropdown.denyMenu .menuItem:hover {
  color: #e2423f;
  background-color: rgba(255,255,255,.85);
}
/* END Button Select */

.btnSelectWrapper {
  display: inline-block;
  position: relative;
}

td section {
  display: inline-block;
  position: relative;
}

td section:not(:last-of-type) {
  padding-right: 10px;
}

td section:not(:last-of-type):after {
  content: '';
  border-left: 1px solid #c1c1c1;
  border-right: 1px solid #fff;
  position: absolute;
  height: 22px;
  right: 2px;
  top: 0;
}

tr.info-row.selected td section:not(:last-of-type):after {
  border-left: 1px solid #444;
  border-right: 1px solid #777;
}

table {
  font: normal 1em Arial, verdana;
  color: #000;
  table-layout: auto;
  text-align: left;
}

table td {
  font-size: 14px;
  line-height: 14px;
  height: 22px;
  padding: 3px;
}

table td.note {
  font-weight: normal;
  font-style: italic;
  color: #555;
  text-align: left;
  text-indent: 10px;
}

table td.note:before {
  content: '\2014 \00a0';
}

table input[type="text"] {
  font-size: 1em;
}

input[type="text"].money {
  text-align: right;
}

input[type="text"].money:before { /*content:"\0024";*/
}

button,
input[type="submit"],
input[type="button"],
input[type="reset"],
input[type="email"],
.file_browse_wrapper,
.fakebutton {
  font-weight: 300;
  font-size: 14px;
  line-height: 22px;
  font-family: myriad-pro, arial, helvetica, sans-serif;
  color: rgba(255,255,255,.93);
  text-align: center;
  text-shadow: 0px -1px 0px rgba(0, 0, 0, .3);
  height: 22px;
  margin: 4px 2px;
  background-color: rgb(107,107,107);
  background-image: -moz-linear-gradient(#868686, #6b6b6b);
  background-image: -webkit-linear-gradient(#868686, #6b6b6b);
  background-image: -ms-linear-gradient(#868686, #6b6b6b);
  background-image: linear-gradient(#868686, #6b6b6b);
  box-shadow: 0px 1px 4.9px 0.1px rgba(0, 0, 0, 0.2);
  border: none !important;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  padding: 0 10px;
  white-space: nowrap;
}

.expanded button,
.selected button {
  border: 1px solid rgba(255,255,255,.4) !important;
  line-height: 21px;
}

.info-row button,
.filter-row button,
input[type="submit"],
input[type="button"],
input[type="reset"],
input[type="email"],
.file_browse_wrapper,
.fakebutton {
  min-width: 72px;
  margin: 0 2px;
}

.filter-row button {
  margin: 2px;
}

button.ui-multiselect {
  text-shadow: none;
}

button:hover,
input[type="submit"]:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="email"]:hover,
.file_browse_wrapper:hover,
.fakebutton:hover {
  color: #fff;
  background-color: #8f8f8f;
  background-image: -moz-linear-gradient(#b2b2b2, #8f8f8f);
  background-image: -webkit-linear-gradient(#b2b2b2, #8f8f8f);
  background-image: -ms-linear-gradient(#b2b2b2, #8f8f8f);
  background-image: linear-gradient(#b2b2b2, #8f8f8f);
}

button:focus,
input[type="submit"]:focus,
input[type="button"]:focus,
input[type="reset"]:focus,
input[type="email"]:focus,
.file_browse_wrapper,
.fakebutton {
  outline: 2px solid #5a8cd1;
}

/* Small Buttons - used for editing data inline */
.editableData input[type="button"],
.editableData button,
td.data input[type="button"],
td.data button,
div.data input[type="button"],
div.data button,
.data .edit,
.data .cancel,
.data .save,
label .edit,
label .cancel,
label .save {
  font-weight: 300;
  font-size: 11px;
  line-height: 18px;
  color: #eee;
  text-decoration: none;
  text-shadow: none;
  text-align: center;
  min-width: 36px;
  height: 18px;
  background-color: #888;
  background-image: none !important;
  box-shadow: none;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  margin-left: 2px;
  cursor: pointer;
  position: relative;
  top: -2px;
}

td.data input[type="button"]:hover,
td.data button:hover,
div.data input[type="button"]:hover,
div.data button:hover,
.data .edit:hover,
.data .cancel:hover,
label .edit:hover,
label .cancel:hover,
.editableData button:hover {
  background-color: #999;
}

.btnPrimary,
button.btnPrimary,
input[type="button"].btnPrimary,
td.data input[type="button"].btnPrimary,
td.data button.btnPrimary,
div.data input[type="button"].btnPrimary,
div.data button.btnPrimary,
.data .save.btnPrimary,
label .save.btnPrimary {
  background-color: #5a8cd1;
}

td.data input[type="button"].btnPrimary:hover,
td.data button.btnPrimary:hover,
div.data input[type="button"].btnPrimary:hover,
div.data button.btnPrimary:hover,
.data .save.btnPrimary:hover,
label .save.btnPrimary:hover {
  background-image: none !important;
  background-color: #75a7eb;
}

.btnDelete,
button.btnDelete,
input[type="button"].btnDelete,
td.data input[type="button"].btnDelete,
td.data button.btnDelete,
div.data input[type="button"].btnDelete,
div.data button.btnDelete,
.data .save.btnDelete,
label .save.btnDelete {
    background-color: #d73d3d;
}

.btnDelete:hover,
button.btnDelete:hover,
input[type="button"].btnDelete:hover,
td.data input[type="button"].btnDelete:hover,
td.data button.btnDelete:hover,
div.data input[type="button"].btnDelete:hover,
div.data button.btnDelete:hover,
.data .save.btnDelete:hover,
label .save.btnDelete:hover {
    background-color: #eb4f4f;
}

.btnApprove,
button.btnApprove,
input[type="button"].btnApprove,
td.data input[type="button"].btnApprove,
td.data button.btnApprove,
div.data input[type="button"].btnApprove,
div.data button.btnApprove,
.data .save.btnApprove,
label .save.btnApprove {
    background-color: #41ba41;
}

.btnApprove:hover,
button.btnApprove:hover,
input[type="button"].btnApprove:hover,
td.data input[type="button"].btnApprove:hover,
td.data button.btnApprove:hover,
div.data input[type="button"].btnApprove:hover,
div.data button.btnApprove:hover,
.data .save.btnApprove:hover,
label .save.btnApprove:hover {
    background-color: #53cb53;
}
/* END Small Buttons - used for editing data inline */

td.editableData {
  min-width: 220px;
}

input:required {
 -moz-box-shadow:none;
 box-shadow:none;
}

form label.required:after,
form span.required:after {
  content: '*';
}

.fakebutton {
  display: inline-block;
  text-decoration: none;
  color: #000;
  line-height: 2;
}

button:disabled,
button.btnPrimary:disabled,
button.btnDelete:disabled,
button.btnDeny:disabled,
button.btnApprove:disabled,
input[type="submit"]:disabled,
input[type="button"]:disabled,
input[type="reset"]:disabled,
button:disabled:hover,
button.btnPrimary:disabled:hover,
button.btnDelete:disabled:hover,
button.btnDeny:disabled:hover,
button.btnApprove:disabled:hover,
input[type="submit"]:disabled:hover,
input[type="button"]:disabled:hover,
input[type="reset"]:disabled:hover {
  color: #ccc !important;
  background-color: rgb(143,143,143);
  background-image: -moz-linear-gradient(#b2b2b2, #8f8f8f) !important;
  background-image: -webkit-linear-gradient(#b2b2b2, #8f8f8f) !important;
  background-image: -ms-linear-gradient(#b2b2b2, #8f8f8f) !important;
  background-image: linear-gradient(#b2b2b2, #8f8f8f) !important;
  text-shadow: none;
  box-shadow: none;
  cursor: default;
}

/* File upload button */
.fileUploadButton {
  position: relative;
  height: 21px;
  width: 100px;
}

.fileUploadButton > input[type="file"] {
  position: absoulte;
  opacity: 0;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0
}

.fileUploadButton > label {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  font-weight: 300;
  font-size: 14.4px;
  line-height: 1;
  font-family: myriad-pro, arial, helvetica, sans-serif;
  color: #fff;
  text-align: center;
  text-shadow: 0px -1px 0px rgba(0, 0, 0, .3);
  height: 21px;
  margin: 4px 2px;
  background-color: rgb(107,107,107);
  background-image: -moz-linear-gradient(#868686, #6b6b6b);
  background-image: -webkit-linear-gradient(#868686, #6b6b6b);
  background-image: -ms-linear-gradient(#868686, #6b6b6b);
  background-image: linear-gradient(#868686, #6b6b6b);
  box-shadow: 0px 1px 4.9px 0.1px rgba(0, 0, 0, 0.2);
  border: none !important;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  padding: 3px 10px 6px;
  white-space: nowrap;
}
/* END File upload button */

.file_browse_wrapper {
  width: 93px;
  height: 16px;
  overflow: hidden;
  position: relative;
}

.file_browse {
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
 filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}

label {
  margin-right: 2px;
}

label.note {
  font-style: italic;
  font-size: 14px;
  color: #656565;
  margin-right: 2px;
}

#inactiveDriversFilterForm label {
  font-weight: bold;
  display: block;
  margin-bottom: 3px;
}

select {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 100%;
  height: 22px;
  background-position: right;
  background-repeat: no-repeat;
  padding: 2px 30px 2px 7px;
  -moz-padding-end: 2px;
  margin: 0;
  outline: none;
  border: 1px solid #999;
  -moz-border-radius: 0px;
  -webkit-border-radius: 0px;
  border-radius: 0px;
}

select:focus {
  color: #18648a;
  border: 1px solid #18648a;
}

select[multiple="multiple"] {
  background: #fcfbf7;
  height: 200px;
  padding-right: 0;
}

select[multiple="multiple"]:hover {
  color: #000;
  background-image: none;
  border: 1px solid #e3e3e3;
}

select[multiple="multiple"]:disabled {
  color: #999;
  background-image: none;
  border: 1px solid #ccc;
}

/* -- Select Validation -- */
select.stop {
  box-shadow: 0px 0px 4px #873737;
}

select.go {
  box-shadow: 0px 0px 4px #0f0;
}

option {
  background-color: #fcfbf7;
}

input[type="text"],
textarea,
input[type="password"],
input[type="number"],
input[type="search"],
input[type="email"] {
  height: 22px;
  font-family: Arial, Verdana, sans-serif;
  font-size: 1em;
  border: 1px solid #aaa;
  color: #000;
  display: inline-block;
  white-space: nowrap;
  padding: 0px 5px;
  text-align: left;
  margin: 0px;
  box-sizing: border-box;
  zoom: 1;
}

input[type="text"]:disabled,
textarea:disabled,
input[type="password"]:disabled,
input[type="number"]:disabled,
input[type="search"]:disabled,
select:disabled,
select[disabled="disabled"] {
  background-color: #ddd;
}

textarea {
  border-style: inset;
  height: 80px;
  width: 100%;
  white-space: normal;
}
 button::-moz-focus-inner, input[type="submit"]::-moz-focus-inner, input[type="button"]::-moz-focus-inner, select::-moz-focus-inner {
 border: 0px;
}

fieldset {
  border-top-left-radius: 8px;
  border-bottom-right-radius: 8px;
}

legend {
  font-weight: bold;
}

/* --------- END Form Elements ------------ */

/** link action buttons */
.note-container a,
a.link-action-button,
.ui-widget-content a.link-action-button,
.ui-widget-content .note-container a {
  font-weight: 300;
  font-size: 12px;
  line-height: 1;
  font-family: myriad-pro, arial, helvetica, sans-serif;
  color: #eee;
  display: inline-block;
  background-color: #888;
  padding: 2px 6px;
  margin: 1px 2px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 3px;
  white-space: nowrap;
  cursor: pointer;
}

.note-container a:hover,
a.link-action-button:hover,
.ui-widget-content a.link-action-button:hover,
.ui-widget-content .note-container a:hover {
  border-radius: 3px;
  text-shadow: 0px -1px 0px rgba(0, 0, 0, .3);
  background-color: #5a8cd1;
  background-image: -moz-linear-gradient(#75a7eb, #618cc5) !important;
  background-image: -webkit-linear-gradient(#75a7eb, #618cc5) !important;
  background-image: -ms-linear-gradient(#75a7eb, #618cc5) !important;
  background-image: linear-gradient(#75a7eb, #618cc5) !important;
}

a.link-action-button.delete-button:hover {
  text-shadow: 0px -1px 0px rgba(0, 0, 0, .3);
  background-color: #d73d3d !important;
  background-image: -moz-linear-gradient(#f15454, #cd3535) !important;
  background-image: -webkit-linear-gradient(#f15454, #cd3535) !important;
  background-image: -ms-linear-gradient(#f15454, #cd3535) !important;
  background-image: linear-gradient(#f15454, #cd3535) !important;
}

a.link-action-button+a.link-action-button {
  margin-left: -1px;
}

/* default typography */
h1 {
  font-size: 1.5em;
}

h2 {
  font-size: 1.3em;
}

h3 {
  font-weight: normal;
  font-size: 18px;
  margin: 1rem 0 .4rem;
}

h4,
h5,
h6 {
  font-weight: normal;
  margin: 1rem 0 .3rem;
}

p {
  font-size: 1em;
  line-height: 1.2em;
  padding-bottom: 0;
  margin: 0 0 1em;
}

li {
  font-size: 1em;
}

.red {
  color: #873737;
}

.boldred {
  color: #873737;
  font-weight: bold;
}

#userRolesForm .role-inherited,
#userRolesForm .data-row-even,
#userRolesForm .data-row-odd {
  padding: 5px 0;
}

input.error,
select.error {
  border: 1px solid #cc0000;
}

hr {
  border: none 0;
  border-top: 1px solid #cfc2a8;
}

/* alignments and indents */
p.indent {
  margin-left: 0.416em;
}

p.indent-long {
  margin-left: 5%;
}

td.right {
  text-align: right;
}

/** Data table */
table.data {
  width: 100%;
  border-spacing: 0px;
  border-collapse: collapse;
  font-family: arial, helvetica, sans-serif;
  font-size: 1em;
  border: 1px solid #464646
  ;
}

/** Data table header */
table.data thead,
table.data thead th {
  font-weight: 300;
  color: #ccc;
  text-align: left;
  background-color: #464646;
  padding: 5px 0;
  height: 30px;
}

table.data thead th select {
  position: relative;/*top:5px;*/
}

/** Data table footer */
table.data tfoot,
table.data tfoot td {
  font-weight: normal;
}

table.data.lightbg tfoot,
table.data.lightbg tfoot td {
  font-weight: normal;
}





/* Filter Row */
.filter-row {
  background-color: #a1a1a1;
  border-bottom: none;
  height: 36px;
  vertical-align: top;
}

.filter-row td {
  font-weight: 300;
  color: #fff;
  vertical-align: middle;
}

.filter-row td:first-child {
  border-bottom-left-radius: 4px;
}

.filter-row td:last-child {
  border-bottom-right-radius: 4px;
}
/* END Filter Row */

/** Filter fields */
table.data thead th input[type="text"] {
  text-transform: uppercase;
  margin-left: 0;
}

/* Column Heading */
th {
  position: relative;
}

  /* Data table header sort links */
th a.sort_link {
  font-weight: 300;
  color: #fff;
  display: inline-block;
  position: relative;
  padding-right: 24px;
  white-space: nowrap;
}

th a.sort_link:after {
  content: '';
  position: absolute;
  width: 12px;
  height: 14px;
  top: 1px;
  right: 5px;
  background: url(../images/Sortable.png) no-repeat;
  opacity: .2;
}

th a.sort_link:hover:after {
  opacity: .5;
}

th a.sort_link.asc,
th a.sort_link.desc {
  color: #fff;
}

th a.sort_link:hover,
th a.sort_link.asc:hover,
th a.sort_link.desc:hover {
  color: #ccc;
}

th a.sort_link.asc:after {
  background: url(../images/SortAsc.png) no-repeat;
  opacity: .5;
}

th a.sort_link.desc:after {
  background: url(../images/SortDesc.png) no-repeat;
  opacity: .5;
}

th a.sort_link.asc:hover:after,
th a.sort_link.desc:hover:after {
  background: url(../images/Sortable.png) no-repeat;
  opacity: .5;
}
  /* END Data table header sort links */

.columnFilter {
  padding-right: 23px;
  display: inline-block;
  cursor: pointer;
  background: url("../images/TableSprite.png") right -71px top -7px / 100px 100px no-repeat;
}

.columnFilter:hover {
    background: url("../images/TableSprite.png") right -71px top -32px / 100px 100px no-repeat;
}

.columnFilter.filtered {
    background: url("../images/TableSprite.png") right -71px top -32px / 100px 100px no-repeat;
}

.columnSettings {
  cursor: pointer;
}

.columnSettings:after {
  content: '';
  width: 23px;
  height: 14px;
  display: block;
  cursor: pointer;
  background: url("../images/TableSprite.png") -38px -8px no-repeat;
  position: absolute;
  top: 7px;
  right: 14px;
}

.columnSettings:hover:after {
  background: url("../images/TableSprite.png") -38px -33px no-repeat;
}

.popup {
  display: none;
  position: absolute;
  z-index: 99;
  min-width: 210px;
  box-shadow: 0px 3px 7.84px 0.16px rgba(0, 0, 0, 0.5);
  border-radius: 5px;
  margin-bottom: 20px;
}

.popup.right {
  left: 100%;
  top: -32px;
}

.popup.bottom {
  top: 36px;
}

.popup.right:before { /* Left Arrow */
  content: "";
  width: 0;
  height: 0;
  border-top: 8px solid rgba(0, 0, 0, 0);
  border-bottom: 8px solid rgba(0, 0, 0, 0);
  border-right: 8px solid rgba(25,25,25,.94);
  position: absolute;
  left: -8px;
  top: 43%;
}

.popup.filter.right:before { /* Left Arrow */
  border-right: 8px solid rgb(112, 112, 112);
}

.popup.bottom:before { /* Top Arrow */
  content: "";
  width: 0;
  height: 0;
  border-left: 8px solid rgba(0, 0, 0, 0);
  border-right: 8px solid rgba(0, 0, 0, 0);
  border-bottom: 8px solid #464646;
  position: absolute;
  top: -8px;
  left: 45%;
}

.settings {
  background-color: rgba(25,25,25,.94);
}

.filter {
  background-color: rgb(112, 112, 112);
}

.popup fieldset {
  font-size: 14px;
  line-height: 1.5;
  color: #dfdfdf;
  text-align: left;
  border: none;
}

.filterByTitle,
.settingsTitle {
  font-weight: 300;
  font-size: 10px;
  line-height: 1.5;
  letter-spacing: .05em;
  color: #cbcbcb;
  text-align: center;
  text-transform: uppercase;
  height: 16px;
  background-color: #464646;
  border-radius: 5px 5px 0 0;
  position: relative;
}

.filterByTitle:after {
  content: "x";
  font-size: 8px;
  color: #fff;
  position: absolute;
  top: 3px;
  right: 5px;
  z-index: 101;
  cursor: pointer;
  background-color: #888;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  padding: 1px 3px;
  line-height: 1;
}

.filterByTitle:hover:after {
  color: #888;
  background-color: #fff;
}

.filterByTitle .fieldName {
  font-weight: 600;
  color: #fff;
}

.popup fieldset {
  font-size: 14px;
  line-height: 1.5;
  color: #dfdfdf;
  text-align: left;
  border: none;
}

.popup input[type="radio"] {
  float: left;
  clear: left;
  margin: 3px 6px 5px 0;
}

.popup input[type="radio"]+label {
  font-weight: normal;
  white-space: nowrap;
}
/* END Column Heading */


/** Data row on hover */
table.data tbody tr:hover {
  background: #d8d8d8;
}

/** Hidden submit button (needed for Chrome)*/
.filter-submit {
  position: absolute;
  top: -1000px;
}

/** Data table */
table.data tbody tr td {
  padding: 5px;
  border-bottom: 1px solid #d8d8d8;
}

table.data .data-row-odd,
table.data .data-row-even {
  background-color: #fff;
}

table.data tbody tr:nth-child(odd):hover,
table.data tbody tr:nth-child(even):hover {
  background: #d8d8d8;
}

table.data tbody tr:nth-child(odd):active,
table.data tbody tr:nth-child(even):active {
  background: #fff;
}

.info-row {
  border-bottom: 1px solid #464646;
}

.info-row.expandme {
  background-color: transparent;
  transition: background-color .05s ease;
}

.info-row.expandme:hover {
  background-color: #ddd;
  transition: background-color .05s ease;
}

tr.expandme,
tr.clickable-row {
  cursor: pointer;
  transition: all 1.5s ease;
}

tr.info-row.expandme td:nth-of-type(1) {
  background: url(../images/RowCollapsedIndicatorArrow.png) no-repeat 6px 50%;
  width: 16px;
}

tr.info-row.expanded td:nth-of-type(1),
tr.info-row.selected td:nth-of-type(1) {
  background: url(../images/ArrowDownMediumWhite.png) no-repeat 6px 50%;
}

.info-row.expanded,
.info-row.selected,
.info-row.data-row-selected { 
  font-weight: 300;
  color: #fff;
  background-color: #676767;
  border-bottom-color: #676767;
  transition: all 0.3s ease, box-shadow 0s ease 1.5s;
  border-left: 2px solid #676767;
  border-right: 2px solid #676767;
  box-shadow: 1px 4px 16px 4px rgba(0,0,0,.3);
}

.info-row.expandme.expanded:hover,
.info-row.expandme.selected:hover,
.info-row.data-row-selected:hover { 
  background-color: #676767;
}

.expanded .true:before {
  color: #18e618;
}

/** Highlighted data rows */
tr.summary-row.danger {
  background-color: #d9534f !important;
  color: #eeece6;
}

tr.summary-row.warning {
  background-color: #eaaa1f !important;
}

tr.summary-row.danger td {
  border-bottom: 1px #eeece6 solid !important;
}

tr.summary-row.warning td {
  border-bottom: 1px #eeece6 solid !important;
}

/** Data form */
table.data th input[type="text"],
table.data th input[type="email"],
table.data th input[type="number"],
table.data th input[type="search"] {
  width: 80%;
}

/* -- Transparent Data Table -- */
.transparent table.data {
  width: 100%;
  border-spacing: 0px;
  border-collapse: collapse;
  font-family: arial, helvetica, sans-serif;
  font-size: 1em;
  border: none;
}

.transparent table.data thead,
.transparent table.data thead th {
  background-color: transparent;
  font-weight: 600;
  padding: 5px;
  vertical-align: bottom;
}

.transparent table.data tfoot,
.transparent table.data tfoot td {
  background-color: transparent;
  font-weight: normal;
}

.transparent table.data tbody tr:nth-child(odd) {
  background-color: #fcfbf7;
}

.transparent table.data tbody tr:nth-child(even) {
  background-color: #eee;
}

.transparent table.data tbody tr:nth-child(odd):hover,
.transparent table.data tbody tr:nth-child(even):hover {
  background: #d8d8d8;
}

.transparent table.data tbody tr:nth-child(odd):active,
.transparent table.data tbody tr:nth-child(even):active {
  background: #fff;
}

/* -- Apps -- */
table.calc {
  border: 1px solid #CFC2A8;
  width: 300px;
}

.blockUI.blockOverlay {
  background-color: #fff !important;
}

.blockUI.blockMsg.blockElement {
  box-shadow: 8px 8px 40px 0 rgba(0,0,0,.3) !important;
}


.ajax-loader {
	font-size: 1.4em;
  line-height: 2;
  color: #888;
  height: 60px;
	background: #fff url(../images/ajax-loader-color.gif) no-repeat 0 50% / 60px;
  padding-top: 12px;
	margin: 5px;
}

#ajaxLoadingIndicator {
  z-index: 1011;
  position: absolute;
  padding: 0px;
  margin: 0px;
  width: 30%;
  top: 32px;
  left: 326px;
  text-align: center;
  color: rgb(0, 0, 0);
  border: 3px solid rgb(170, 170, 170);
  background-color: rgb(255, 255, 255);
  cursor: wait;
}

/* -- Red table row -- */
tr.redrow {
  background: #464646 !important; /* gray replaces red */
  color: #fff;
}

.redrow td,
.greenrow td,
.yellowrow td {
  border-bottom: 1px solid #EEECE6;
}

tr.redrow:hover {
  background: #3f3f3f !important; /* gray replaces red */
  color: #fff;
}

tr.greenrow {
  background: #418637 !important;
  color: #fff;
}

tr.greenrow:hover {
  background: #2A5723 !important;
}

tr.yellowrow {
  background: #DAD56C !important;
}

tr.yellowrow:hover {
  background: #C8C032 !important;
}

/* OLD Pagination */
.pagination {
  padding: 5px;
  line-height: 2em;
  float: right;
  margin: 10px 0;
}

.pagination a:link {
  border: 1px solid #aaa;
  border-radius: 3px;
  color: #5a8cd1;
  text-decoration: none;
  padding: 3px;
  background: #BEBEBE url('../images/navbar-gradient.png') repeat-x top  left;
}

.pagination a:hover {
  background: #5a8cd1;
  color: #fff;
  border: 1px solid #aaa;
  border-radius: 3px;
}

.pagination a:visited {
  border: 1px solid #aaa;
  border-radius: 3px;
  color: #5a8cd1;
  text-decoration: none;
  padding: 3px;
}

.pagination a:visited:hover {
  background: #5a8cd1;
  color: #fff;
  border: 1px solid #aaa;
  border-radius: 3px;
}

.pagination .current {
  padding: 3px;
  background: #5a8cd1;
  color: #fff;
  border: 1px solid #aaa;
  border-radius: 3px;
}

.pagination .disabled {
  border: 1px solid #ccc;
  color: #999;
  border-radius: 3px;
  padding: 3px;
}

.pagination .gap {
  font-weight: bold;
  vertical-align: -8px;
  display: inline-block;
  padding: 0 2px;
  margin-right: 0;
}
/* END OLD Pagination */

/* Footnote */
.footnote {
  float: left;
  margin: 12px 0 0 24px;
}
/* END Footnote */

/* Pagination */
.pagination a:link,
.pagination a:visited,
.pagination .current,
.pagination a:hover,
.pagination a:visited:hover {
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border: none;
  border-radius: 3px;
  text-decoration: none;
  padding: 8px 14px;
  background: none;
  background-color: #646464;
  color: #fff;
  font-size: 13px;
  font-weight: 300;
}

.pagination a:hover,
.pagination a:visited:hover {
  background-color: #4a4a4a;
}

.pagination .current {
  font-weight: 600;
  background-color: #f9b000;
  padding: 10px 16px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  color: #000;
  cursor: default;
}

.pagination div .first_page,
.pagination div .last_page {
  padding: 3px 6px 4px;
  margin-right: 2px;
  margin-left: 2px;
}

.pagination div {
  display: inline-block;
  margin-right: 0;
  padding: 2px 0 8px;
}

.pagination .disabled {
  font-size: 13px;
  font-weight: 300;
  color: #999;
  border: none;
  padding: 8px 14px;
  background: none;
  background-color: #c2c2c2;
  cursor: default;
}

/* END Pagination */

/* Styled Boxes */
.styledbox,
.styledboxred,
.styledboxblue {
  position: relative;
  border-radius: 5px;
  margin: 0 0px 10px;
  padding: 0 0px 5px;
  border: 1px solid #ccc;
}

.styledbox h2,
.styledboxblue h2,
.styledbox h2.blue {
  font-size: 15px;
  font-weight: 300;
  color: #fff !important;
  display: block;
  padding: 6px 10px;
  background: none #464646;
  margin: 0 0px 5px;
}

.styledboxred h2.blue,
.styledboxblue h2.blue {
  background: none #464646;
  color: #fff !important;
  font-weight: bold;
  display: block;
  margin: 0 0px 5px;
  padding: 6px 10px;
  font-size: 1em;
}

.styledbox h2.red,
.styledboxred h2 {
  background: none #464646; /* gray replaces red */
  color: #fff !important;
  font-weight: bold;
  display: block;
  margin: 0 0px 5px;
  padding: 6px 10px;
  font-size: 1em;
}

.styledboxblue h2.red,
.styledboxred h2.red {
  background: none #464646; /* gray replaces red */
  color: #fff !important;
  font-weight: bold;
  display: block;
  margin: 0 0px 5px;
  padding: 6px 10px;
  font-size: 1em;
}

.styledbox h2:first-child,
.styledboxred h2:first-child,
.styledboxblue h2:first-child {
  -webkit-border-radius: 3px 3px 0 0;
  -moz-border-radius: 3px 3px 0 0;
  border-radius: 3px 3px 0 0;
}

.styledbox-padding {
  padding: 0 5px;
}

/* Combined to nullify weird styling in the past */
.styledbox-padding1em,
.padding1em,
.styledbox-padding2em,
.padding2em {
  padding: 1em;
}

.styledbox.verylightbg .data-row-even,
.styledboxred.verylightbg .data-row-even,
.styledboxblue.verylightbg .data-row-even,
.ui-accordion-content .data-row-even {
  background: #fcfbf7;
}

table.styledbox thead tr:first-child,
table.styledbox thead tr:first-child th {
  background: none #464646;
  color: #fff;
  margin: 0 0px 5px;
  padding: 6px 5px;
}

table.styledboxred thead tr:first-child,
table.styledboxred thead tr:first-child th {
  background: none #464646; /* gray replaces red */
  color: #fff;
  font-weight: normal;
  margin: 0 0px 5px;
  padding: 8px 5px;
}

table.styledboxred thead th:first-child,
table.styledboxblue thead th:first-child,
table.styledbox thead th:first-child {
  -webkit-border-top-left-radius: 3px;
  -moz-border-top-left-radius: 3px;
  border-top-left-radius: 3px;
}

table.styledboxred thead th:last-child,
table.styledboxblue thead th:last-child,
table.styledbox thead th:last-child {
  -webkit-border-top-right-radius: 3px;
  -moz-border-top-right-radius: 3px;
  border-top-right-radius: 3px;
}

table.styledbox thead tr:first-child a,
table.styledbox thead tr:first-child th a,
table.styledboxred thead tr:first-child a,
table.styledboxred thead tr:first-child th a {
  color: #fff;
}

table.styledbox,
table.styledboxred {
  border-collapse: separate !important;
  border-spacing: 0px;
}

.ui-tabs-nav li {
  border-radius: 4px 4px 0 0;
}

.ui-tabs-panel .ui-tabs-panel,
.styledbox .styledbox,
.styledbox .ui-tabs-panel,
.ui-tabs-panel .styledbox {
/*  background: #EDEBE4 !important;*/
}

.ui-tabs-panel .ui-tabs-panel .ui-tabs-panel,
.styledbox .styledbox .styledbox {
  background: #fcfbf7 !important;
}

/* .styledbox table tr td:nth-child(odd) {
	text-align:right;
} */

/* Styled Box data table */
.styledbox table.data {
  width: 100%;
  border-spacing: 0px;
  border-collapse: collapse;
  font-family: arial, helvetica, sans-serif;
  font-size: 1em;
  border: none;
}

.styledbox table.data thead,
.styledbox table.data thead th {
  background-color: transparent;
  font-weight: 600;
}

.styledbox table.data tfoot,
.styledbox table.data tfoot td {
  background-color: transparent;
  font-weight: normal;
}

/* .styledbox table.data tbody tr:nth-child(odd) {
	background-color: #fcfbf7;
}

.styledbox table.data tbody tr:nth-child(even) {
	background-color: #eee;
} */

.styledbox table.data tbody tr:nth-child(odd):hover,
.styledbox table.data tbody tr:nth-child(even):hover {
  background: #d8d8d8;
}

.styledbox table.data tbody tr:nth-child(odd):active,
.styledbox table.data tbody tr:nth-child(even):active {
  background: #fff;
}

/* jQuery Modal data table */
.ui-dialog table.data {
  width: 100%;
  border-spacing: 0px;
  border-collapse: collapse;
  font-family: arial, helvetica, sans-serif;
  font-size: 1em;
  border: none;
}

.ui-dialog table.data thead,
.ui-dialog table.data thead th {
  background-color: transparent;
  font-weight: normal;
  padding: 5px;
  vertical-align: bottom;
}

.ui-dialog table.data tfoot,
.ui-dialog table.data tfoot td {
  background-color: transparent;
  font-weight: normal;
}

.ui-dialog table.data tbody tr:nth-child(odd) {
  background-color: #fcfbf7;
}

.ui-dialog table.data tbody tr:nth-child(even) {
  background-color: #eee;
}

.ui-dialog table.data tbody tr:nth-child(odd):hover,
.ui-dialog table.data tbody tr:nth-child(even):hover {
  background: #d8d8d8;
}

.ui-dialog table.data tbody tr:nth-child(odd):active,
.ui-dialog table.data tbody tr:nth-child(even):active {
  background: #fff;
}

/*buttons align*/
.buttons-right {
  text-align: right;
  padding-right: 3em;
}

/* Review Step */
.reviewstep {
  margin: 0;
  padding: 0;
  border-collapse: collapse;
}

.reviewstep td {
  padding: 5px;
  vertical-align: top;
}

.reviewstep tr td:first-child {
  color: #98917E;
  font-weight: bold;
}

table.safetytable {
  width: 100%;
  border-collapse: collapse;
  padding: 0;
  margin: 0;
  background-color: #eeebe4;
  table-layout: fixed;
}

.safetytable thead th {
  font-style: italic;
  text-align: center;
  color: #999;
  padding: 5px;
  font-weight: normal;
  vertical-align: bottom;
}

.safetytable thead th:nth-of-type(even) {
  width: 9%;
}

.safetytable thead th:nth-of-type(odd) {
  width: 1%;
}

.safetytable thead th:first-child {
  width: 9% !important;
}

.safetytable tbody td {
  padding: 5px;
  border-top: thin solid #ccc;
  border-bottom: thin solid #ccc;
}

.safetytable tbody tr:nth-of-type(1) {
  font-weight: bold;
}

.safetytable tbody tr:nth-of-type(3) {
  color: #999;
}

.safetytable tbody tr:nth-of-type(4) {
  color: #999;
}

.safetytable tbody td:nth-of-type(1) {
  text-align: right;
  width: 15%;
}

.safetytable tbody td:nth-of-type(even) {
  background-color: #e3e2da;
  text-align: center;
}

.safetytable tfoot tr {
  background-color: #6c6c6c;
}

.safetytable tfoot td {
  padding: 5px;
  text-align: center;
}

.safetytable tfoot td:nth-of-type(1) {
  color: #fff;
  font-weight: bold;
  text-align: right;
}

.safetytable tfoot td:nth-of-type(even) {
  background-color: #545454;
  text-align: center;
}

.safetytotal {
  background-color: #aba69a;
  padding: 0;
  margin: 0 0 20px 0;
  width: 100%;
}

table.safetyreport {
  width: 100%;
  /* margin:1%; */
  border-collapse: collapse;
  padding: 0;
}

.safetyreport thead {
 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#edebe4', endColorstr='#e0d6c3'); /* for IE */
  background: -webkit-gradient(linear, left top, left bottom, from(#edebe4), to(#e0d6c3)); /* for webkit browsers */
  background: -moz-linear-gradient(top, #edebe4, #e0d6c3); /* for firefox 3.6+ */
}

.safetyreport th,
.safetyreport td {
  padding: 5px;
}

.safetyreport tbody {
  background: #fcfbfa;
}

.safetyreport tbody td {
  width: 50%;
  vertical-align: top;
}

.safetyreport thead th:nth-of-type(2),
.safetyreport thead td:nth-of-type(2) {
  text-align: right;
}

.safetyreport tbody td:nth-of-type(2) {
  text-align: right;
}

table.reportdetails {
  width: 100%;
  table-layout: auto;
}

table.reportdetails td:nth-of-type(1),
table.reportdetails td:nth-of-type(3) {
  color: #999;
  text-align: left;
}

table.reportdetails td:nth-of-type(2),
table.reportdetails td:nth-of-type(4) {
  color: #000;
  text-align: left;
}

.titleHeaderBar {
 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#8ea0a9',  endColorstr='#5e7889' ); /* for IE */
  background: -webkit-gradient(linear, left top, left bottom, from(#8ea0a9),  to(#5e7889) ); /* for webkit browsers */
  background: -moz-linear-gradient(top, #8ea0a9, #5e7889);
  /* for firefox 3.6+ */
  color: #fff;
  font-weight: bold;
  margin: -1.1% -.6% 0 -.6%;
  padding: 5px;
  overflow: hidden;
  display: block;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  z-index: 1;
}

/* Global List Table -- presumes a label field in odd columns and input fields in even columns -- */
.listtable {
  border-collapse: collapse;
  margin: 0;
  padding: 0;
}

.listtable tr td {
  padding: 5px;
}

.listtable tr td:nth-of-type(odd) {
  color: #000;
}

.listtable tr td:nth-of-type(even) {
  color: #000;
}

.styledbox h2 .listtable tr td {
  color: #fff;
}

.vtop {
  vertical-align: top;
}

.vtop td {
  vertical-align: top;
}

.vmid td {
  vertical-align: middle;
}

/***** Drew's custom CSS *****/
.table-title {
  font-size: 1.2em;
  font-weight: bold;
  text-align: center;
}

.footer-tool-title {
  position: relative;
  top: 10px;
  left: 30px;
}

.footer-logout {
  position: absolute;
  top: 10px;
  right: 30px;
}

.footer-logout a {
  text-decoration: none;
  color: #000;
}

.user-profile {
  position: absolute;
  top: 8px;
  right: 5px;
}

.reset-margins {
  margin: 0 !important;
}

.reset {
  margin: 0 !important;
  padding: 0 !important;
}

.strong {
  font-weight: bold;
}

.notStrong,
.parenthetical {
  font-weight: normal;
}

.percentage:after {
  content: "%";
}

.altNumberPercentage {
  color: #a2a2a2;
  padding-left: 4px;
}

.altNumberPercentage:before {
  content: "(";
}

.altNumberPercentage:after {
  content: "%)";
}

#positionDetails .integer {
  text-align: right;
}

#positionDetails .decimal {
  text-align: ".";
}

#studentPlacementData .decimal {
  text-align: ".";
}

.width100,
.w100 {
  width: 100%;
}

.height100 {
  height: 100%;
}

.widthauto {
  width: auto;
}

.margin0auto {
  margin: 0 auto;
}

.last {
  margin: 0;
}

.link-tab-background #toolheader {
  font-weight: 600;
  font-family: myriad-pro, arial, helvetica, sans-serif !important;
  margin: 6px 0 0 30px;
  position: relative;
  float: left;
  color: #555;
  width: 240px;
  top: -5px;
}

.inputgroup {
  margin-bottom: 2em;
}

.textright,
.txtAlgnR {
  text-align: right;
}

.padding1em {
  padding: 1em;
}

tr:first-child th {
  font-weight: 300;
  line-height: 1;
  color: #ccc;
  height: 30px;
  background: none #464646;
  padding-left: 5px;
}

th:first-child {
  border-top-left-radius: 4px;
}

th:last-child {
  border-top-right-radius: 4px;
}

.div-table-wrapper {
  display: table !important;
  height: auto;
  width: 100%;
  border-spacing: 5px 0px;
}

.div-table-row {
  display: table-row;
}

.div-table-cell {
  display: table-cell !important;
  vertical-align: top;
}

.div-table-cell.th {
  padding-top: 5px;
  padding-right: 5px;
  font-weight: 300;
}

.div-table-row #left-column,
.div-table-row #right-column {
  float: none;
}

thead.transhead tr:first-child,
thead.transhead tr:first-child th {
  color: #000 !important;
  background: transparent none !important;
}

.innerbox {
  width: 94% !important;
  margin: 0 3% 3% !important;
}

.listblock {
  width: 90%;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 100%;
  background: #FCFBF7;
  padding: 2px 25px 2px 5px;
  -moz-padding-end: 2px;
  outline: none;
  border: 1px solid #CCC;
  appearance: none;
  -webkit-appearance: none;
  -moz-box-shadow: 0px 0px 2px #000;
  -webkit-box-shadow: 0px 0px 2px black;
  box-shadow: 0px 0px 2px black;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  margin: 5px 0 0;
  list-style: none;
}

.tangrad {
 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fcfbf7',  endColorstr='#EFECE6' ); /* for IE */
  background: -webkit-gradient(linear, 0 0, 0 bottom, from(#fcfbf7),  to(#EFECE6) );
  background: -webkit-linear-gradient(#fcfbf7, #EFECE6);
  background: -moz-linear-gradient(#fcfbf7, #EFECE6);
  background: -ms-linear-gradient(#fcfbf7, #EFECE6);
  background: -o-linear-gradient(#fcfbf7, #EFECE6);
  background: linear-gradient(#fcfbf7, #EFECE6);
}

.cre-logo {
  display: inline-block;
  position: relative;
  top: 10px;
  left: 10px;
}

#left-column.styledbox,
.left-column.styledbox,
#left-column.styledboxred,
.left-column.styledboxred,
#left-column.styledboxblue,
.left-column.styledboxblue {
  padding-right: 0;
}

#right-column.styledbox,
.right-column.styledbox,
#right-column.styledboxred,
.right-column.styledboxred,
#right-column.styledboxblue,
.right-column.styledboxblue {
  padding-left: 0;
}

.columns50 {
  width: 50%;
}

td#driverPhoto .cre-image-zoom {
  height: 86px;
  width: 86px;
  overflow: hidden;
  border-radius: 50%;
}

td#driverPhoto {
  padding: 0 12px 0 4px;
}

td#driverPhoto img {
  width: 86px;
  height: 86px;
  margin-left: -7px;
}

div.jquery-image-zoom {
  line-height: 0;
  font-size: 0;
  z-index: 10;
  border: 12px solid #ccc;
  box-shadow: 0 10px 40px rgba(0, 0, 0, 0.4);
  background-color: #fff;
  padding: 12px;
  max-height: 80% !important;
  margin: 40px auto !important;
  width: auto !important;
}

div.jquery-image-zoom a {
  background: url('../images/jquery.imageZoom.png') no-repeat;
  display: block;
  width: 25px;
  height: 25px;
  position: absolute;
  top: -23px;
  right: -23px;
  text-decoration: none;
  text-indent: -100000px;
  outline: 0;
  z-index: 11;
}

div.jquery-image-zoom a:hover {
  background-position: left -25px;
}

div.jquery-image-zoom img,
div.jquery-image-zoom embed,
div.jquery-image-zoom object,
div.jquery-image-zoom div {
  width: auto;
  height: 100%;
  margin: 0;
}

.driver_profile_photo {
  width: 180px;
}

.driver_profile_photo img {
  height: auto;
  width: 100%;
  margin-left: -10px;
}

input[type="checkbox"],
input[type="radio"] {
  margin: 3px;
}

div.accordianHeader {
  height: 20px !important;
  padding: .5em .5em .5em 2.2em;
}

.nobg {
  background: transparent none;
}

.label-wrapper {
  display: inline-block;
  vertical-align: top;
  zoom: 1;
  margin-right: 5px;
  padding-top: 5px;
  font-weight: bold;
}

.link-tab-background ~ * .link-tab-background a {
  padding-bottom: 2px;
  outline: 0;
  padding: 7px;
  margin: 0 -1px 1px 0;
  background: #BEBEBE url('../images/navbar-gradient.png') repeat-x top left;
  font-weight: bold;
  color: #5a8cd1;
  font-size: 1em;
  border: 1px solid #B2B2B2;
  border-bottom: 0 !important;
  font-family: Arial, sans-serif;
  top: -2px;
}

.link-tab-background ~ * .link-tab-background a.link-tab-selected {
  padding-bottom: 2px;
  outline: 0;
  padding: 7px;
  margin: 0 -1px 1px 0;
  font-weight: bold;
  font-size: 1em;
  border: 1px solid #B2B2B2;
  border-bottom: 0 !important;
  font-family: Arial, sans-serif;
  color: #fff;
  background: #464646 !important;
  top: -2px;
}

.link-tab-background ~ * .link-tab-background {
  background: transparent none;
  border: 0px;
  height: 25px;
  border-bottom: 1px solid #5a8cd1;
  margin: 0px -10px 10px -10px;
  padding-left: 0;
  padding-top: 0px;
  width: 110%;
}

.link-tab-background ~ * .link-tab-background a.link-tab:hover {
  color: #A79773;
}

.link-tab-background ~ * .link-tab-background a.link-tab-selected:hover {
  color: #fff !important;
}

.inputgroup.inline-block {
  margin-right: 10px;
}

div.stop {
  background: url('../images/check-x-circles.png') no-repeat;
  background-position: -20px 0;
  width: 20px;
  height: 20px;
  padding: 0;
  margin: 0;
  text-indent: -999em;
  -moz-box-shadow: 0px 0px 0px #873737;
  -webkit-box-shadow: 0px 0px 0px #873737;
  box-shadow: 0px 0px 0px #873737;
}

div.go {
  background: url('../images/check-x-circles.png') no-repeat top left;
  width: 20px;
  height: 20px;
  padding: 0;
  margin: 0;
  text-indent: -999em;
  -moz-box-shadow: 0px 0px 0px #873737;
  -webkit-box-shadow: 0px 0px 0px #873737;
  box-shadow: 0px 0px 0px #873737;
}

.stop {
  -moz-box-shadow: 0px 0px 4px #873737;
  -webkit-box-shadow: 0px 0px 4px #873737;
  box-shadow: 0px 0px 4px #873737;
}

#returnToList {
  text-transform: uppercase;
  font-size: 11px;
  color: white;
  background: none #464646;
  text-align: center;
  padding: 5px;
  cursor: pointer;
  border-radius: 5px;
  width: 150px;
  display: block;
  position: absolute;
  top: 0;
  left: -8px;
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";
  -webkit-transform-origin: 0 100%;
  -webkit-transform: rotate(90deg);
  -moz-transform-origin: 0 100%;
  -moz-transform: rotate(90deg);
  -ms-transform-origin: 0 100%;
  transform-origin: 0 100%;
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}

#returnToList:hover {
    background-color: #888;
}

#returnToList .returnToListText {
  -webkit-transform-origin: 50% 50%;
  -webkit-transform: rotate(180deg);
  -moz-transform-origin: 50% 50%;
  -moz-transform: rotate(180deg);
  transform-origin: 50% 50%;
  transform: rotate(180deg);
  margin: 0 auto;
}

#returnToList .returnToListText a {
  color: unset;
  text-decoration: none;
}

.returnToList {
  font-weight: 300;
  font-size: 12px;
  line-height: 1;
  font-family: myriad-pro, arial, helvetica, sans-serif !important;
  width: 40%;
  color: #ccc;
  background: none #464646;
  text-align: center;
  padding: 5px;
  left: -3px;
  top: 510px;
  cursor: pointer;
  border-radius: 5px;
}

.returnToList a {
  color: #fff !important;
}

.returnToList a:hover {
  background: transparent none !important;
}

#editme-sbheader {
  font-size: .8em;
  position: absolute;
  top: 8px;
  right: 10px;
  cursor: pointer;
}

#editme-sbheader:hover {
  text-decoration: underline;
}

.clearboth {
  clear: both;
}

table.fixed {
  table-layout: fixed;
}

.movearrows {
  width: 16px;
  height: 16px;
  text-indent: -99999px;
  overflow: hidden;
  background-repeat: no-repeat;
  display: inline-block;
  margin-left: 5px;
  background-image: url('./ui-lightness/images/ui-icons_228ef1_256x240.png');
  background-position: -160px -192px;
  position: relative;
  top: 3px;
}

.manually-entered {
  background: url('./ui-lightness/images/ui-icons_228ef1_256x240.png')  no-repeat;
  height: 10px;
  width: 10px;
  display: inline-block;
  vertical-align: top;
  zoom: 1;
  background-position: -36px -131px;
  overflow: hidden;
}

.movearrows.down {
  background-position: -128px -192px;
}

.movearrows.spacer {
  background: transparent none;
}

.show10options {
  height: 155px;
  width: 100%;
}

.transhead,
.transhead tr,
.transhead th,
.transhead td {
  background: transparent none;
}

.ui-multiselect-header span.ui-icon {
  float: left;
  background-image: url(./ui-lightness/images/ui-icons_228ef1_256x240.png);
}

table.dataTable {
  margin: 0 auto;
  clear: both;
  width: 100%;
}

table.dataTable label {
  cursor: pointer;
}

.dataTables_filter label {
  margin-right: 0;
}

table.dataTable thead tr {
  color: white;
  font-weight: bold;
  margin: 0 0px 5px;
  padding: 8px 5px;
}

table.dataTable thead th {
  border-bottom: 1px solid black;
  font-weight: bold;
  cursor: pointer;
 *cursor: hand;
  margin: 0 0px 5px;
  padding: 5px 5px;
}

table.dataTable tfoot th {
  padding: 3px 18px 3px 10px;
  border-top: 1px solid black;
  font-weight: bold;
}

table.dataTable td {
  padding: 3px 10px;
  border-bottom: 1px solid #d8d8d8;
  height: 20px;
}

table.dataTable td.center,
table.dataTable td.dataTables_empty {
  text-align: center;
}

table.dataTable tr.odd {
  background-color: #fff;
  ;
}

table.dataTable tr.even {
  background-color: #fff;
}

/* Table wrapper */
.dataTables_wrapper {
  position: relative;
  clear: both;
 *zoom: 1;
}

/* Page length menu */
.dataTables_length {
  float: left;
}

/* Filter */
.dataTables_filter {
  position: absolute;
  top: -25px;
  right: 0;
}

/* Table information */
.dataTables_info {
  clear: both;
  font-weight: bold;
}

/* Pagination */
.dataTables_paginate {
  float: right;
  text-align: right;
}

/* Two button pagination - previous / next */
.paginate_disabled_previous,
.paginate_enabled_previous,
.paginate_disabled_next,
.paginate_enabled_next {
  height: 19px;
  float: left;
  cursor: pointer;
 *cursor: hand;
  color: #111 !important;
}

.paginate_disabled_previous:hover,
.paginate_enabled_previous:hover,
.paginate_disabled_next:hover,
.paginate_enabled_next:hover {
  text-decoration: none !important;
}

.paginate_disabled_previous:active,
.paginate_enabled_previous:active,
.paginate_disabled_next:active,
.paginate_enabled_next:active {
  outline: none;
}

.paginate_disabled_previous,
.paginate_disabled_next {
  color: #666 !important;
}

.paginate_disabled_previous,
.paginate_enabled_previous {
  padding-left: 23px;
}

.paginate_disabled_next,
.paginate_enabled_next {
  padding-right: 23px;
  margin-left: 10px;
}

/* Full number pagination */
.paging_full_numbers {
  height: 22px;
  line-height: 22px;
}

.paging_full_numbers a:active {
  outline: none
}

.paging_full_numbers a:hover {
  text-decoration: none;
}

.paging_full_numbers a.paginate_button,
.paging_full_numbers a.paginate_active {
  border: 1px solid #aaa;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  padding: 2px 5px;
  margin: 0 3px;
  cursor: pointer;
 *cursor: hand;
  color: #333;
}

.paging_full_numbers .paginate_button_disabled {
  background: transparent none !important;
  border: 1px solid #ccc !important;
  color: #999 !important;
}

.paging_full_numbers a.paginate_button {
  background-color: #ddd;
}

.paging_full_numbers a.paginate_button:hover {
  background-color: #ccc;
  text-decoration: none !important;
}

.paging_full_numbers a.paginate_active {
  background-color: #99B3FF;
}

/*
 * Processing indicator
 */
.dataTables_processing {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 250px;
  height: 30px;
  margin-left: -125px;
  margin-top: -15px;
  padding: 14px 0 2px 0;
  border: 1px solid #ddd;
  text-align: center;
  color: #999;
  font-size: 14px;
  background-color: white;
}

table.dataTable th:active {
  outline: none;
}

#slider {
  width: 1%;
  background: -moz-linear-gradient(top, rgba(214,208,186,0) 0%, rgba(214,208,186,1) 20%, rgba(214,208,186,1) 80%, rgba(214,208,186,0) 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(214,208,186,0)), color-stop(20%, rgba(214,208,186,1)), color-stop(80%, rgba(214,208,186,1)), color-stop(100%, rgba(214,208,186,0))); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, rgba(214,208,186,0) 0%, rgba(214,208,186,1) 20%, rgba(214,208,186,1) 80%, rgba(214,208,186,0) 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, rgba(214,208,186,0) 0%, rgba(214,208,186,1) 20%, rgba(214,208,186,1) 80%, rgba(214,208,186,0) 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top, rgba(214,208,186,0) 0%, rgba(214,208,186,1) 20%, rgba(214,208,186,1) 80%, rgba(214,208,186,0) 100%); /* IE10+ */
  background: linear-gradient(to bottom, rgba(214,208,186,0) 0%, rgba(214,208,186,1) 20%, rgba(214,208,186,1) 80%, rgba(214,208,186,0) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00d6d0ba', endColorstr='#00d6d0ba', GradientType=0 ); /* IE6-9 */
  margin-right: 4px;
  position: relative;
}

#slider:before {
  content: "";
  width: 1px;
  height: 100%;
  position: absolute;
  background: -moz-linear-gradient(top, rgba(158,158,158,0) 0%, rgba(158,158,158,1) 20%, rgba(158,158,158,1) 80%, rgba(158,158,158,0) 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(158,158,158,0)), color-stop(20%, rgba(158,158,158,1)), color-stop(80%, rgba(158,158,158,1)), color-stop(100%, rgba(158,158,158,0))); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, rgba(158,158,158,0) 0%, rgba(158,158,158,1) 20%, rgba(158,158,158,1) 80%, rgba(158,158,158,0) 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, rgba(158,158,158,0) 0%, rgba(158,158,158,1) 20%, rgba(158,158,158,1) 80%, rgba(158,158,158,0) 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top, rgba(158,158,158,0) 0%, rgba(158,158,158,1) 20%, rgba(158,158,158,1) 80%, rgba(158,158,158,0) 100%); /* IE10+ */
  background: linear-gradient(to bottom, rgba(158,158,158,0) 0%, rgba(158,158,158,1) 20%, rgba(158,158,158,1) 80%, rgba(158,158,158,0) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#009e9e9e', endColorstr='#009e9e9e', GradientType=0 ); /* IE6-9 */
  top: 0;
  left: 0px;
  background-position: 0 0px;
  z-index: 999;
}

#slider:after {
  content: "";
  width: 1px;
  height: 100%;
  position: absolute;
  background: -moz-linear-gradient(top, rgba(158,158,158,0) 0%, rgba(158,158,158,1) 20%, rgba(158,158,158,1) 80%, rgba(158,158,158,0) 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(158,158,158,0)), color-stop(20%, rgba(158,158,158,1)), color-stop(80%, rgba(158,158,158,1)), color-stop(100%, rgba(158,158,158,0))); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, rgba(158,158,158,0) 0%, rgba(158,158,158,1) 20%, rgba(158,158,158,1) 80%, rgba(158,158,158,0) 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, rgba(158,158,158,0) 0%, rgba(158,158,158,1) 20%, rgba(158,158,158,1) 80%, rgba(158,158,158,0) 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top, rgba(158,158,158,0) 0%, rgba(158,158,158,1) 20%, rgba(158,158,158,1) 80%, rgba(158,158,158,0) 100%); /* IE10+ */
  background: linear-gradient(to bottom, rgba(158,158,158,0) 0%, rgba(158,158,158,1) 20%, rgba(158,158,158,1) 80%, rgba(158,158,158,0) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#009e9e9e', endColorstr='#009e9e9e', GradientType=0 ); /* IE6-9 */
  top: 0;
  right: 0px;
  background-position: 0 0px;
  z-index: 999;
}

#slidertoggle {
  background: #999;
  height: 50px;
  width: 100%;
  position: absolute;
  top: 50%;
  margin-top: -25px;
}

#slidertoggle:after {
  content: "";
  width: 1px;
  height: 100%;
  position: absolute;
  background: transparent url('../images/navPrimarySeparator.gif') top left repeat-y;
  top: 0;
  right: 50%;
  background-position: 0 0px;
}

/*
 * Scrolling
 */
.dataTables_scroll {
  clear: both;
}

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

.dataTables_scroll {
  width: 100%;
  position: relative;
  border: 1px solid #ccc !important;
  border-radius: 5px;
  margin: 0 0px 10px;
  padding: 0 0px 5px;
  background: linear-gradient(#EDEBE4, #E0D6C3);
  background: -webkit-gradient(linear, 0 0, 0 bottom, from(#EDEBE4), to(#E0D6C3) );
  background: -webkit-linear-gradient(#EDEBE4, #E0D6C3);
  background: -moz-linear-gradient(#EDEBE4, #E0D6C3);
  background: -ms-linear-gradient(#EDEBE4, #E0D6C3);
  background: -o-linear-gradient(#EDEBE4, #E0D6C3);
  background: linear-gradient(#EDEBE4, #E0D6C3);
}

.dataTables_scrollHeadInner {
  padding-left: 0px;
  background: none #5a8cd1 !important;
  width: 100% !important;
}

.hotkey-tooltip {
  font-weight: normal;
  font-size: 10px;
  line-height: .8;
  color: #666;
  padding: 1px 2px;
  border: 1px solid #ccc;
  border-radius: 1px;
  position: relative;
  float: right;
  margin: -20px 2px 0 0;
}

.hotkey-tooltip-globalsearch {
  position: absolute;
  line-height: 13px;
  right: 120px;
  top: 57px;
  background-color: #fff;
  border: none;
  box-shadow: 0 2px 8px 0 rgba(0,0,0,.2);
  padding: 3px 6px;
}

input[type='text'].ui-autocomplete-loading {
  background: #fff url('../images/ajax-loader.gif') no-repeat right center !important;
}

input[type='text'].ui-autocomplete-input {
  background-color: white;
}

a.totaltab {
  padding: 2px 2em;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  display: block;
  text-decoration: none;
  font-weight: bold;
  margin-bottom: -3px;
  vertical-align: bottom;
  color: #5a8cd1;
  background: #BEBEBE url('../images/navbar-gradient.png') repeat-x top left;
}

a.totaltab-active {
  padding: 2px 2em;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  display: block;
  text-decoration: none;
  font-weight: bold;
  margin-bottom: -3px;
  vertical-align: bottom;
  color: #fff;
  background: none #5a8cd1;
}

select.multiselect {
  height: 22px;
  visibility: hidden;
}

.ui-state-default.ui-multiselect,
.ui-widget-content .ui-state-default.ui-multiselect,
.ui-widget-header .ui-state-default.ui-multiselect {
  height: 22px;
  text-align: left;
  padding: 0 2px 2px 2px;
  margin: 0;
  -webkit-appearance: none;
  border-radius: 0px;
  max-width: 100%;
  background: #fff url(../images/RowExpandedIndicatorArrow.png) no-repeat calc(100% - 3px) 50%;
  box-shadow: none;
  border: 1px solid #555 !important;
}

.filter-row .ui-state-default.ui-multiselect,
.filter-row .ui-widget-content .ui-state-default.ui-multiselect,
.filter-row .ui-widget-header .ui-state-default.ui-multiselect,
.filter-row .ui-multiselect {
  border: none !important;
  /* margin: 2px 0; Removing to make multi-selects in filter-row align */
}

.ui-state-default.ui-multiselect:hover,
.ui-widget-content .ui-state-default.ui-multiselect:hover,
.ui-widget-header .ui-state-default.ui-multiselect:hover {
  color: #18648A;
}

.ui-state-default.ui-multiselect:hover .selecteditems,
.ui-widget-content .ui-state-default.ui-multiselect:hover .selecteditems,
.ui-widget-header .ui-state-default.ui-multiselect:hover.selecteditems {
  color: #18648A;
}

.ui-multiselect .selecteditems {
  font-weight: normal;
  color: #000;
}

.ui-multiselect span.ui-icon {
  float: right;
  background: transparent none !important;
  width: 20px;
  position: absolute;
}

.ui-multiselect span.ui-icon:hover {
  float: right;
  background: transparent none !important;
}

.ui-multiselect-menu .ui-helper-reset {
  margin-top: 4px;
}

.ui-multiselect .selecteditems {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  padding: 0px 25px 0 5px;
  display: inline-block;
  width: 100%;
  vertical-align: top;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.ui-multiselect-single .ui-multiselect-checkboxes input {
  position: absolute !important;
  top: auto !important;
  left: -9999px;
}

.ui-multiselect-single .ui-multiselect-checkboxes label {
  padding: 5px !important
}

.ui-multiselect-header {
  margin-bottom: 3px;
  padding: 3px 0 3px 4px
}

.ui-multiselect-header ul {
  font-size: 0.9em
}

.ui-multiselect-header ul li {
  float: left;
  padding: 0 10px 0 0
}

.ui-multiselect-header a {
  text-decoration: none
}

.ui-multiselect-header a:hover {
  text-decoration: underline
}

.ui-multiselect-header span.ui-icon {
  float: left;
}

.ui-multiselect-menu {
  display: none;
  padding: 3px;
  position: absolute;
  z-index: 10000;
  text-align: left;
  box-shadow: 0 2px 8px 2px rgba(0, 0, 0, 0.2);
  background-color: #fff;
}

a.ui-multiselect-none,
a.ui-multiselect-all {
  line-height: 1.5;
}

li.ui-multiselect-close {
  display: none;
}

.ui-multiselect-checkboxes {
  position: relative /* fixes bug in IE6/7 */;
  overflow-y: scroll;
  max-height: 175px;
}

.ui-multiselect-checkboxes label {
  cursor: default;
  display: block;
  padding: 3px 1px
}

.ui-multiselect-checkboxes li {
  clear: both;
  font-size: 0.9em;
  padding-right: 3px
}

.ui-multiselect-checkboxes li.ui-multiselect-optgroup-label {
  text-align: center;
  font-weight: bold;
  border-bottom: 1px solid;
}

.ui-multiselect-checkboxes li.ui-multiselect-optgroup-label a {
  display: block;
  padding: 3px;
  margin: 1px 0;
  text-decoration: none
}

/* remove label borders in IE6 because IE6 does not support transparency */
* html .ui-multiselect-checkboxes label {
  border: none
}

.ui-multiselect-hasfilter ul {
  position: relative;
  top: 2px
}

.ui-multiselect-filter {
  float: left;
  margin-right: 10px;
  font-size: 11px;
  width: 98%
}

.ui-multiselect-filter input {
  width: 100%
}

.ui-accordion.collapsible .ui-accordion-content-active {
  overflow: visible;
}

.hidecalendar .ui-datepicker-calendar {
  display: none !important;
}

.ui-datepicker-trigger {
  margin-bottom: -3px;
  margin-left: 4px;
}

.cre-datetimepicker {
  width: 10em;
}

td.ui-datepicker-unselectable.ui-state-disabled span {
  color: #aaa;
  border: 0px;
  background: none transparent;
}

/* UI timepicker */
.ui-timepicker-list {
  overflow-y: auto;
  height: 150px;
  width: 6.5em;
  background: #fff;
  border: 1px solid #ddd;
  margin: 0;
  padding: 0;
  list-style: none;
  -webkit-box-shadow: 0 5px 10px rgba(0,0,0,0.2);
  -moz-box-shadow: 0 5px 10px rgba(0,0,0,0.2);
  box-shadow: 0 5px 10px rgba(0,0,0,0.2);
  z-index: 10001;
}

.ui-timepicker-list.ui-timepicker-with-duration {
  width: 11em;
}

.ui-timepicker-duration {
  margin-left: 5px;
  color: #888;
}

.ui-timepicker-list:hover .ui-timepicker-duration {
  color: #888;
}

.ui-timepicker-list li {
  padding: 3px 0 3px 5px;
  cursor: pointer;
  white-space: nowrap;
  color: #000;
  list-style: none;
  margin: 0;
}

.ui-timepicker-list:hover .ui-timepicker-selected {
  background: #fff;
  color: #000;
}

li.ui-timepicker-selected,
.ui-timepicker-list li:hover,
.ui-timepicker-list:hover .ui-timepicker-selected:hover {
  background: #1980EC;
  color: #fff;
}

li.ui-timepicker-selected .ui-timepicker-duration,
.ui-timepicker-list li:hover .ui-timepicker-duration {
  color: #ccc;
}

.optionlabel {
  font-weight: bold;
  text-align: right;
  padding-right: 5px;
}

.optiongroup {
  margin: 5px 0
}

.options {
}

/* Drew custom ScrollTable */
.scrolltable {
  width: 100%;
  height: 200px;
  position: relative;
  padding-top: 26px;
}

.scrolltable-header-background {
  height: 26px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
}

.scrolltable-header-background.tworows {
  height: 52px;
}

.scrolltable-container-inner {
  height: 100%;
  overflow-x: hidden;
  overflow-y: auto;
  max-height: 250px;
}

.scrolltable-container-inner .th-inner {
  /*position: absolute;  Fixing problems on Claims -> Lock Inventory - https://apps.crengland.com/opssupport/rest/claims/lock/inventory */
  top: 0;
  /*line-height: 30px;  Here too. */
  text-align: left;
  padding-left: 5px;
}

.scrolltable-container-inner .tfooter {
  position: absolute;
  bottom: 0;
  line-height: 30px;
  text-align: left;
  padding-left: 5px;
}

.scrolltable-container-inner .secondrow .th-inner {
  top: 26px;
}

.complex-top .th-inner {
  border-bottom: 1px solid black;
  width: 100%;
}

.scrolltable-container-inner thead tr,
.scrolltable-container-inner thead th {
  /*background: transparent none !important;
  height: 0 !important;
  padding: 0 !important;  Fixing problems on Claims -> Lock Inventory - https://apps.crengland.com/opssupport/rest/claims/lock/inventory */
}

.orderstatus {
  height: 14px;
  width: 14px;
  background: transparent url('./ui-lightness/images/ui-icons_228ef1_256x240.png') no-repeat top left;
  margin-right: 5px;
  float: right !important;
}

.selected .orderstatus {
  background: transparent url('./ui-lightness/images/ui-icons_ffffff_256x240.png') no-repeat top left;
}

.orderstatus.priority1 {
  background-position: -161px -193px;
}

.orderstatus.priority2 {
  background-position: -113px -193px;
}

.orderstatus.priority3 {
  background-position: -145px -193px;
}

.cutoff {
  max-width: 50px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  display: inline-block;
}

.timeSelect {
  display: inline-block;
  vertical-align: middle;
  zoom: 1;
}

.jstree ins {
  position: relative;
  top: -6px;
}
select::-ms-expand {
 display: none;
}

.clearfix {
*zoom: 1;
}

.clearfix:before,
.clearfix:after {
  display: table;
  line-height: 0;
  content: "";
}

.clearfix:after {
  clear: both;
}

/*  Margins and Paddings */

.reset {
  margin: 0 !important;
  padding: 0 !important;
}

.reset-margins,
.m0 {
  margin: 0 !important;
}

.margin0auto,
.m0auto {
  margin: 0 auto !important;
}

.reset-pad {
  padding: 0 !important;
}

.mb30 {
  margin-bottom: 30px !important;
}

.mb20 {
  margin-bottom: 20px !important;
}

.mb10 {
  margin-bottom: 10px !important;
}

.mb5 {
  margin-bottom: 5px !important;
}

.mb0 {
  margin-bottom: 0px !important;
}

.mt20 {
  margin-top: 20px !important;
}

.mt10 {
  margin-top: 10px !important;
}

.mt5 {
  margin-top: 5px !important;
}

.mt0 {
  margin-top: 0px !important;
}

.ml50 {
  margin-left: 50px !important;
}

.ml40 {
  margin-left: 40px !important;
}

.ml30 {
  margin-left: 30px !important;
}

.ml20 {
  margin-left: 20px !important;
}

.ml10 {
  margin-left: 10px !important;
}

.ml5 {
  margin-left: 5px !important;
}

.ml-5 {
  margin-left: -5px !important;
}

.ml0 {
  margin-left: 0px !important;
}

.ml1em {
  margin-left: 1em !important;
}

.ml10per {
  margin-left: 10% !important;
}

.ml3per {
  margin-left: 3% !important;
}

.ml2per {
  margin-left: 2% !important;
}

.mr40 {
  margin-right: 40px !important;
}

.mr20 {
  margin-right: 20px !important;
}

.mr10 {
  margin-right: 10px !important;
}

.mr5 {
  margin-right: 5px !important;
}

.mr0 {
  margin-right: 0 !important;
}

.mr3per {
  margin-right: 3% !important;
}

.mr2per {
  margin-right: 2% !important;
}

.mlhalfper {
  margin-left: .5% !important;
}

.mar5-0 {
  margin: 5px 0 !important;
}

.mar5 {
  margin: 5px !important;
}

.mar15 {
  margin: 15px !important;
}

.mar20 {
  margin: 20px !important;
}

.mar10-20 {
  margin: 10px 20px !important;
}

.mar3per {
  margin: 3% !important
}

.padding1em {
  padding: 1em !important;
}

.padding0-10 {
  padding: 0 10px !important;
}

.padding10-0 {
  padding: 10px 0px !important;
}

.padding0 {
  padding: 0px !important;
}

.padding5 {
  padding: 5px !important;
}

.padding10 {
  padding: 10px !important;
}

.pb10 {
  padding-bottom: 10px !important;
}

.pb0 {
  padding-bottom: 0px !important;
}

.pt0 {
  padding-top: 0px !important;
}

.pt10 {
  padding-top: 10px !important;
}

.pt20 {
  padding-top: 20px !important;
}

.pl15 {
  padding-left: 15px !important;
}

.pl5 {
  padding-left: 5px !important;
}

.pr5 {
  padding-right: 5px !important;
}

.pr0 {
  padding-right: 0px !important;
}

.pr2per {
  padding-right: 2% !important;
}

.last {
  margin: 0 !important;
}

.inputgroup {
  margin-bottom: 2em !important;
}

.spreadtable {
  border-collapse: separate;
  border-spacing: 0 10px;
}

.breakword {
  -ms-word-break: break-all;
  word-break: break-all;
  word-break: break-word;
}

/* Decoration and Style */

.shadow {
  box-shadow: 1px 1px 3px #999;
}

.roundcnr {
  border-radius: 5px !important;
}

.nobrdr {
  border: 0px !important;
}

.blkbrdr {
  border: 1px solid #000 !important;
}

.blkbrdrtb {
  border-bottom: 1px solid #000 !important;
  border-top: 1px solid #000 !important;
}

.grybrdrb {
  border-bottom: 1px solid #ccc !important;
}

.grybrdrlr {
  border-left: 1px solid #ccc !important;
  border-right: 1px solid #ccc !important;
}

.br10pxtrans {
  border-right: 10px solid transparent;
}

.bb10pxtrans {
  border-right: 10px solid transparent;
}

.bl10pxtrans {
  border-left: 10px solid transparent;
}

.brdrspc0 {
  border-spacing: 0px !important;
}

.nobg {
  background: transparent none !important;
}

.strong {
  font-weight: bold !important;
}

.red {
  color: #873737;
}

.green {
  color: #66913B;
}

.white {
  color: #fff !important;
}

.black {
  color: #000 !important;
}

.grey {
  color: #999 !important;
}

.negative:before {
  content: '-';
  position: relative;
}

.positive:before {
  content: '+';
  position: relative;
}

.whitebg {
  background-color: white !important;
}

.redbg {
  background-color: #873737 !important;
  color: #fff;
}

.boldred {
  color: #873737 !important;
  font-weight: bold !important;
}

.allcaps,
.uppercase {
  text-transform: uppercase !important;
}

.lowercase {
  text-transform: lowercase !important;
}

.verylightbg { /* to make new tabs work - AC */
  background-color: transparent;
}

.col666 {
  color: #666 !important;
}

.italic {
  font-style: italic !important;
}

.e3ded2 {
  background-color: #d8d8d8 !important;
}

.fakelink {
  color: #5a8cd1;
  text-decoration: underline;
  cursor: pointer;
}

.pointer {
  cursor: pointer;
}

.button2row {
  height: 32px;
}

.ui-accordion .ui-accordion-content-active.styled {
  border: 1px solid #8ea0a9 !important;
  box-shadow: 1px 1px 3px #999;
  border-radius: 0 0 5px 5px;
  background-color: #f5f4f3;
  background: -webkit-gradient(linear, 0 0, 0 bottom, from(#EDEBE4), to(#E0D6C3) );
  background: -webkit-linear-gradient(#EDEBE4, #E0D6C3);
  background: -moz-linear-gradient(#EDEBE4, #E0D6C3);
  background: -ms-linear-gradient(#EDEBE4, #E0D6C3);
  background: -o-linear-gradient(#EDEBE4, #E0D6C3);
  background: linear-gradient(#EDEBE4, #E0D6C3);
  border-top: 0px;
}

.noradius {
  border-radius: 0px !important;
}

.redbutton {
  color: #fff;
  background: none #873737;
  padding: 10px 20px;
  height: auto;
  width: auto;
  font-size: 14px;
  font-weight: bold;
}

.redbutton:hover {
  color: #fff;
}

.monospace {
  font-family: monospace, serif, 'courier new';
}

.noiegrad {
filter: progid:DXImageTransform.Microsoft.gradient(enabled = false) !important;
}

/* Positioning */

.vtop {
  vertical-align: top !important;
}

.vrtmid,
.vmid {
  vertical-align: middle;
}

.vbot {
  vertical-align: bottom !important;
}

.textright {
  text-align: right !important;
}

.textcenter {
  text-align: center !important;
}

.textleft {
  text-align: left !important;
}

.nofloat {
  float: none !important;
}

.fltR {
  float: right !important;
}

.fltL {
  float: left !important;
}

.clearboth {
  clear: both !important;
}

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

.clearright {
  clear: right !important;
}

table.fixed {
  table-layout: fixed !important;
}

.inline-block {
  display: inline-block;
  vertical-align: top;
  float: none;
  margin-right: -4px;
  zoom: 1;
}

.inline-block.first {
  margin-left: 0px !important;
}

.posrel {
  position: relative !important;
}

.posstatic {
  position: static !important;
}

.posabsT0R0 {
  position: absolute !important;
  top: 0 !important;
  right: 0 !important;
}

.posabs {
  position: absolute !important;
}

.right0 {
  right: 0;
}

.right5 {
  right: 5px;
}

.top1 {
  top: 1px;
}

.l0 {
  left: 0;
}

.inline-blk {
  display: inline-block !important;
}

.disp-blk {
  display: block !important;
}

.disp-tbl {
  display: table !important;
  border-spacing: 0px;
}

/* Height and Width */

.width100 {
  width: 100% !important;
}

.width99 {
  width: 99% !important;
}

.width98 {
  width: 98% !important;
}

.width97 {
  width: 97% !important;
}

.width95 {
  width: 95% !important;
}

.width90 {
  width: 90% !important;
}

.width85 {
  width: 85% !important;
}

.width80 {
  width: 80% !important;
}

.width75 {
  width: 75% !important;
}

.width70 {
  width: 70% !important;
}

.width67 {
  width: 67% !important;
}

.width65 {
  width: 65% !important;
}

.width64 {
  width: 64% !important;
}

.width60 {
  width: 60% !important;
}

.width55 {
  width: 55% !important;
}

.width50 {
  width: 50% !important;
}

.width49 {
  width: 49% !important;
}

.width45 {
  width: 45% !important;
}

.width40 {
  width: 40% !important;
}

.width35 {
  width: 35% !important;
}

.width33 {
  width: 33% !important;
}

.width30 {
  width: 30% !important;
}

.width25 {
  width: 25% !important;
}

.width20 {
  width: 20% !important;
}

.width18 {
  width: 18% !important;
}

.width17 {
  width: 17% !important;
}

.width15 {
  width: 15% !important;
}

.width14 {
  width: 14% !important;
}

.width10 {
  width: 10% !important;
}

.width5 {
  width: 5% !important;
}

.widthauto {
  width: auto !important;
}

.width20em {
  width: 20em !important;
}

.width10em {
  width: 10em !important;
}

.width8em {
  width: 8em !important;
}

.width6em {
  width: 6em !important;
}

.width5em {
  width: 5em !important;
}

.width4em {
  width: 4em !important;
}

.width3em {
  width: 3em !important;
}

.maxw100 {
  max-width: 100% !important;
}

.w100px {
  width: 100px !important;
}

.w150px {
  width: 150px !important;
}

.w200px {
  width: 200px !important;
}

.w250px {
  width: 250px !important;
}

.w300px {
  width: 300px !important;
}

.w350px {
  width: 350px !important;
}

.height100 {
  height: 100% !important;
}

.height97 {
  height: 97% !important;
}

.height95 {
  height: 95% !important;
}

.height90 {
  height: 90% !important;
}

.height85 {
  height: 85% !important;
}

.height75 {
  height: 75% !important;
}

.height67 {
  height: 67% !important;
}

.heightauto {
  height: auto !important;
}

.h200px {
  height: 200px !important;
}

.h300px {
  height: 300px !important;
}

.h600px {
  height: 600px !important;
}

.columns-4 {
  width: 24%;
  margin-right: 1%;
  display: inline-block;
  zoom: 1;
  vertical-align: top;
  margin-left: -4px;
}

.columns {
  margin-right: 1%;
  display: inline-block;
  zoom: 1;
  vertical-align: top;
  margin-left: -4px;
}

.autoscroll {
  overflow: auto !important;
}

.vertscroll {
  overflow-y: auto !important;
  overflow-x: hidden !important;
}

.horizscroll {
  overflow-y: hidden !important;
  overflow-x: auto !important;
}

.mask {
  overflow: hidden !important;
}

.nomask {
  overflow: visible !important;
}

.nobullet,
.nobullet li {
  list-style: none;
  margin: 0;
  padding: 0;
}

/* Widgets */
	/* Tooltip Widget */
.tooltip {
  color: #555657;
  font-weight: bold;
  border-bottom: dotted 2px #2b83ff;
  cursor: pointer;
  position: relative;
}

a.tooltip {
  color: #5a8cd1;
}

.tooltip.warning {
  border-bottom: dotted 2px #f0ad00;
}

.tooltip.danger {
  border-bottom: dotted 2px red;
}

.tooltip:after {
  content: "i";
  padding: 1px 4px;
  font-size: 9px;
  font-weight: normal;
  font-family: Georgia, Palatino, "Times New Roman", Times, serif;
  color: #fff;
  background-color: #2b83ff;
  -webkit-border-radius: 1px;
  -moz-border-radius: 1px;
  border-radius: 1px;
  margin: 0 4px;
  vertical-align: 2px;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, .3);
  -webkit-box-shadow: 1px 1px 3px 0px rgba(0, 0, 0, 0.15);
  -moz-box-shadow: 1px 1px 3px 0px rgba(0, 0, 0, 0.15);
  box-shadow: 1px 1px 3px 0px rgba(0, 0, 0, 0.15);
}

.tooltip.warning:after {
  content: "△";
  padding: 1px 1px;
  background-color: #f0ad00;
  font-style: normal;
}

.tooltip.danger:after {
  content: "!";
  background-color: red;
}

.ui-tooltip { /* This is the outer container for the tooltip. */
  color: #eee;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  border: none;
  box-shadow: 3px 3px 4px 0px rgba(0, 0, 0, 0.25);
  padding: 5px 12px;
  background: rgba(84,84,84,1);
  background: -moz-linear-gradient(top, rgba(84,84,84,1) 0%, rgba(28,28,28,1) 100%);
  background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(84,84,84,1)), color-stop(100%, rgba(28,28,28,1)));
  background: -webkit-linear-gradient(top, rgba(84,84,84,1) 0%, rgba(28,28,28,1) 100%);
  background: -o-linear-gradient(top, rgba(84,84,84,1) 0%, rgba(28,28,28,1) 100%);
  background: -ms-linear-gradient(top, rgba(84,84,84,1) 0%, rgba(28,28,28,1) 100%);
  background: linear-gradient(to bottom, rgba(84,84,84,1) 0%, rgba(28,28,28,1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#545454', endColorstr='#1c1c1c', GradientType=0 );
}

.ui-tooltip-content { /* This styles the content of the tooltip. */
}

.arrow {
  width: 36px;
  height: 8px;
  overflow: hidden;
  position: absolute;
  left: 50%;
  margin-left: -18px;
  bottom: -8px;
}

.arrow.top {
  top: -8px;
  bottom: auto;
}

.arrow.left {
  left: 10%;
}

.arrow:after {
  content: "";
  position: absolute;
  left: 10px;
  top: -10px;
  width: 12px;
  height: 12px;
  background: rgba(28,28,28,1);
  box-shadow: 3px 3px 4px 0px rgba(0, 0, 0, 0.25);
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}

.arrow.top:after {
  bottom: -10px;
  top: auto;
}

/* END Tooltip Widget */
/* END Widgets */

.nowrap {
  white-space: nowrap;
}

.true:before {
  content: "\2713";
  font-size: 18px;
  color: #169d16;
}

a.relatedLink,
.ui-accordion h3 a.relatedLink,
.ui-accordion .accordianContent a.relatedLink {
  font-style: italic;
  line-height: 20px;
  display: inline-block;
  float: right;
  padding: 4px 25px 0 0;
  margin-right: 10px;
}

.ui-accordion .accordianContent a.relatedLink {
  text-align: right;
  position: relative;
  width: 33.33%;
  clear: right;
}

a.relatedLink:hover,
.ui-accordion .accordianContent a.relatedLink:hover {
  color: #000;
}

a.relatedLink:after,
.ui-accordion h3 a.relatedLink:after,
.ui-accordion .accordianContent a.relatedLink:after {
  content: "";
  width: 22px;
  height: 22px;
  background: transparent url('../images/open_in_new_window_11x11_000.png') top left no-repeat;
  position: absolute;
  top: 8px;
  right: 0;
}

.ui-accordion h3.ui-accordion-header-active a.relatedLink:after {
  background: transparent url('../images/open_in_new_window_11x11_fff.png') top left no-repeat;
}

.info-row.expanded a.relatedLink {
  color: #fff;
  text-decoration: none;
  position: relative;
  cursor: pointer;
}

.info-row.expanded a.relatedLink:after {
    background: rgba(0, 0, 0, 0) url(../images/open_in_new_window_11x11_fff.png) top left no-repeat;
}

.download {
  font-weight: 300;
  position: relative;
}

.download:before {
  content: '';
  position: absolute;
  width: 12px;
  height: 12px;
  background: url(../images/Download.png) center center / 12px no-repeat;
  top: 4px;
  left: -18px;
}

/* Workflows */
blockquote.talkingPoints {
  border-left: 8px solid #aaa;
  padding-left: 12px;
  height: 100%;
}

.workflowStepDetailForm table.data td,
.workflowStepDetailForm table.data th {
  padding: 8px;
}
/* END Workflows */

.integer {
  text-align: right;
}

.decimal {
  text-align: right;
  text-align: ".";
  padding-right: 10px;
}

.currency {
  text-align: right !important;
  position: relative;
}

.currency:before {
  content: "$";
  font-size: 12px;
  color: #aaa;
  position: absolute;
  top: 2px;
  left: 4px;
}

.highlighted {
  background-color: #ff0;
  padding-right: 2px;
  padding-left: 2px;
}

.error {
  color: #fd3b2f;
}


/* View Selection */
.viewSelect {
  font-size: 0;
  float: right;
}

.viewSelectList,
.viewSelectCalendar {
  display: inline-block;
  width: 27px;
  height: 27px;
  cursor: pointer;
}

.viewSelectList:first-of-type {
  background: url(../images/ListViewFirst_off.png) no-repeat;
}

.viewSelectList:first-of-type.active {
  background: url(../images/ListViewFirst_on.png) no-repeat;
  cursor: default;
}

.viewSelectList:first-of-type:hover {
  background: url(../images/ListViewFirst_on.png) no-repeat;
}

.viewSelectCalendar:last-of-type {
  background: url(../images/CalendarViewLast_off.png) no-repeat;
}

.viewSelectCalendar:last-of-type.active {
  background: url(../images/CalendarViewLast_on.png) no-repeat;
  cursor: default;
}

.viewSelectCalendar:last-of-type:hover {
  background: url(../images/CalendarViewLast_on.png) no-repeat;
}
/* END View Selection */

/* Filters and Reporting Drawer */
.filterDrawer.ui-accordion {
  margin-bottom: 20px;
}

.filterDrawer.ui-accordion label {
  margin-right: 0;
}

.filterDrawer.ui-accordion label:after {
  content: ":";
}

.filterDrawer.ui-accordion input,
.filterDrawer.ui-accordion select,
.filterDrawer.ui-accordion .multiselect {
  margin-right: 10px;
}

  /* Drawer Closed */

/* Removing - AC 2017-04-04 */
/*.filterDrawer.ui-accordion .ui-state-default,
.filterDrawer.ui-accordion .ui-widget-content .ui-state-default,
.filterDrawer.ui-accordion .ui-widget-header .ui-state-default {
  font-weight: normal;
  border: none;
  background: none;
  background-color: #e1e1e1;
}*/

.filterDrawer.ui-accordion .ui-state-active a,
.filterDrawer.ui-accordion .ui-state-active a:link,
.filterDrawer.ui-accordion .ui-state-active a:visited {
  color: #fff;
}

.filterDrawer.ui-accordion .ui-state-active a {
  font-weight: normal;
}

.filterDrawer.ui-accordion .ui-accordion-header {
  height: auto;
}

.filterDrawer.ui-accordion .ui-accordion-header a {
  padding: 4px 18px;
}

.filterDrawer.ui-accordion .ui-accordion-header .ui-icon {
  background: none;
}

.filterDrawer.ui-accordion .ui-helper-reset {
  line-height: 1;
}

.filterDrawer.ui-accordion h3.ui-accordion-header {
  position: relative;
  top: -41px;
  float: right;
  height: 20px;
  width: 120px;
  background: #a1a1a1 url(../images/DrawerArrowDownLeftOff.png) no-repeat 4px 7px;
  border: none;
  -webkit-border-radius: 0 0 4px 4px;
  -moz-border-radius: 0 0 4px 4px;
  border-radius: 0 0 4px 4px;
  text-align: center;
  margin-bottom: -22px;
  box-shadow: 0 1px 2px 0px rgba(0, 0, 0, 0.1);
  box-shadow: inset 0 2px 3px rgba(0,0,0,.15), 0 1px 2px 0px rgba(0, 0, 0, 0.1);
}

.filterDrawer.ui-accordion h3.ui-accordion-header:hover {
  background: #464646 url(../images/DrawerArrowDownLeftOn.png) no-repeat 4px 7px;
}

.filterDrawer.ui-accordion h3.ui-accordion-header a {
  color: #eee;
  background: none;
  font-weight: 300;
  font-size: 12px;
  text-transform: uppercase;
  letter-spacing: .05em;
}

  /* Drawer Open */
.filterDrawer.ui-accordion h3.ui-accordion-header.ui-accordion-header-active {
  top: 0;
  float: none;
  height: 26px;
  width: 100%;
  background-color: #a1a1a1;
  background-image: url(../images/DrawerArrowUpRightOff.png);
  background-repeat: no-repeat;
  background-position: right 4px top 4px;
  border: none;
  -webkit-border-radius: 8px 8px 0 0;
  -moz-border-radius: 8px 8px 0 0;
  border-radius: 8px 8px 0 0;
  text-align: left;
  margin-bottom: 0;
  box-shadow: 0 1px 2px 0px rgba(0, 0, 0, 0.1);
}

.filterDrawer.ui-accordion h3.ui-accordion-header.ui-accordion-header-active:hover {
  background-color: #464646;
  background-image: url(../images/DrawerArrowUpRightOn.png);
}

.filterDrawer.ui-accordion h3.ui-accordion-header.ui-accordion-header-active a {
  font-size: 16px;
  text-transform: none;
  letter-spacing: normal;
}

.filterDrawer.ui-accordion .ui-accordion-content {
  background: none;
  background-color: #d8d8d8;
  -webkit-border-radius: 0 0 8px 8px;
  -moz-border-radius: 0 0 8px 8px;
  border-radius: 0 0 8px 8px;
}

.filterDrawer.ui-accordion .inputgroup {
  margin-bottom: 1.4em;
}

  /* END Drawer Open */
/* END Filters and Reporting Accordion */

/* History Icon */
td span.history {
  display: inline-block;
  width: 24px;
  height: 24px;
  background: url(../images/HistoryIcon.png) no-repeat;
  margin: -1px 0 -4px 0;
}

tr.selected td span.history,
tr.expanded td span.history {
  background: url(../images/HistoryIconWhite.png) no-repeat;
}

td span.history.active {
  background: url(../images/HistoryIcon_active.png) no-repeat;
}
/* END History Icon */

/* Details Panels */
.detailExpansion,
.expansion {
  background-color: #f8f8f8;
  border-bottom: 28px solid #676767;
  border-right: 2px solid #676767;
  border-left: 2px solid #676767;
  box-shadow: 1px 15px 16px 4px rgba(0,0,0,.3);
}

.detailExpansion td.paneCell,
.expansion td.paneCell {
  padding: 0;
}

.pane-wrapper {
  padding: 10px 10px 0 10px;
  overflow: hidden;
}

.pane-wrapper:last-of-type {
  padding-bottom: 10px;
}

.pane.collapsed {
  min-height: initial;
  height: 36px;
  overflow: hidden;
}

.pane:last-of-type {
  margin-right: 0;
}

.useSystemDefaults {
  margin: -10px -10px 10px -10px;
  min-height: 25px;
  padding: 13px 0 11px 20px;
  background-color: #676767;
  border: 1px solid #444;
  border-bottom: none;
  position: relative;
  border-right: 1px solid #888;
}

.useSystemDefaults:before {
  content: ' ';
  display: block;
  min-height: 24px;
  border: 1px solid #888;
  padding: 12px 0 12px 20px;
  position: absolute;
  top: 0px;
  left: 0;
  width: calc(100% - 22px);
  border-bottom: none;
  border-right: 1px solid #444;
}

.useSystemDefaults .formControlGroup {
  position: absolute;
  z-index: 10;
}

.useSystemDefaults label {
  font-weight: 300;
  color: #fff;
  font-style: italic;
  margin: 4px 0 0 0;
}

input#useDefaultCheckbox {
  vertical-align: 1px;
}

.pane h3 {
  font-weight: 400;
  font-size: 12px;
  line-height: 12px;
  text-transform: uppercase;
  letter-spacing: .16em;
  color: #707070;
  text-align: center;
  width: 100%;
  padding: 12px 0;
  margin: 0 auto;
}

.pane h3.collapsible {
  background: none;
  background-color: #ccc;
}

.pane h3.collapsible span.hWrapper {
  background: url(../images/RowCollapsedIndicatorArrow.png) no-repeat 6px calc(50% + 0px);
  padding: 0 20px;
}

.pane h3.collapsible.active span.hWrapper {
  background: url(../images/RowExpandedIndicatorArrow.png) no-repeat 3px calc(50% + 0px);
}

.pane table.collapsible {
  position: relative;
}

.pane table.collapsible:before {
  content: attr(title)':';
  font-style: italic;
  font-size: 13px;
  color: #888;
  display: block;
  width: auto;
  left: -110px;
  position: absolute;
  top: 2px;
  background: url(../images/RowCollapsedIndicatorArrow.png) no-repeat 3px calc(50% + -1px), url(../images/TableIcon_12x10.png) no-repeat 20px calc(50% + -1px);
  padding: 0 0 0 40px;
  cursor: pointer;
}

.pane table.collapsible.active:before {
  background: url(../images/RowExpandedIndicatorArrow.png) no-repeat 0px calc(50% + -1px), url(../images/TableIcon_12x10.png) no-repeat 20px calc(50% + -1px);
}

.pane table.collapsible.stacked {
  margin-top: 30px;
}

.pane table.collapsible.stacked:before {
  top: -20px;
  left: 0;
}

.pane table.collapsible tbody {
  display: none;
}

.pane table.collapsible.active tbody {
  display: table-row-group;
}

.pane td {
  vertical-align: top;
}

/* This is to eliminate the width of the space used in the code which adds to the space between descriptor and data. Font-size must be set on descendants. */
.pane .formControlGroup,
.column .formControlGroup,
.dataBlock {
  font-size: 0;
  display: block;
}

.pane.inline .formControlGroup,
.column.inline .formControlGroup,
.dataBlock.inline {
  display: inline;
}

.pane .formControlGroup p, .column .formControlGroup p, .dataBlock p {
  font-size: 14px;
  text-align: left;
  margin: 0;
  text-indent: 20px;
  line-height: 1.4;
}

.pane .formControlGroup p:first-of-type,
.column .formControlGroup p:first-of-type,
.dataBlock p:first-of-type {
  text-indent: 0;
}

.pane .stacked .descriptor,
.pane .stacked label,
.pane .stacked .data,
.dataBlock .stacked .descriptor,
.dataBlock .stacked label,
.dataBlock .stacked .data {
  display: block;
  text-align: left;
  margin: 0 0 4px;
  padding-bottom: 0;
  width: 100%;
}

.pane .descriptor,
.column .descriptor,
.pane label,
.column label,
.dataBlock .descriptor,
.dataBlock label {
  font-style: italic;
  font-size: 13px;
  line-height: 16px;
  text-align: right;
  color: #888;
  display: inline-block;
  width: calc(50% - 4px);
  padding-bottom: 12px;
  margin-right: 4px;
  vertical-align: text-top;
  margin-top: 1px;
}

.pane.inline .descriptor,
.column.inline .descriptor,
.pane.inline label,
.column.inline label,
.dataBlock.inline .descriptor,
.dataBlock.inline label {
  width: inherit;
}

.wraps1Column .descriptor,
.wraps2Columns .descriptor,
.wraps3Columns .descriptor,
.wraps4Columns .descriptor,
.wraps5Columns .descriptor,
.wraps6Columns .descriptor,
.wraps7Columns .descriptor,
.wraps8Columns .descriptor,
.wraps1Column label,
.wraps2Columns label,
.wraps3Columns label,
.wraps4Columns label,
.wraps5Columns label,
.wraps6Columns label,
.wraps7Columns label,
.wraps8Columns label {
  font-size: 13px;
}

.pane .data,
.column .data,
.pane input:not([type=button]),
.column input:not([type=button]),
.pane select,
.column select,
.column div.ui-widget,
.dataBlock .data {
  font-weight: 600;
  font-size: 16px;
  line-height: 16px;
  text-align: left;
  color: #000;
  display: inline-block;
  width: calc(50% - 4px);
  padding-bottom: 12px;
  margin-left: 4px;
  vertical-align: text-top;
  word-wrap: break-word;
}

.pane.inline .data,
.column.inline .data,
.pane.inline input:not([type=button]),
.column.inline input:not([type=button]),
.pane.inline select,
.column.inline select,
.column.inline div.ui-widget,
.dataBlock.inline .data {
  width: inherit;
}

.wraps1Column .data,
.wraps2Columns .data,
.wraps3Columns .data,
.wraps4Columns .data,
.wraps5Columns .data,
.wraps6Columns .data,
.wraps7Columns .data,
.wraps8Columns .data {
  font-size: 16px;
}

/*.ui-dialog .column label,
.ui-dialog .column .descriptor {
  width: auto;
}

.ui-dialog .column .data {
  width: auto;
}*/

.pane .data input:not([type=button]),
.column .data input:not([type=button]),
.pane .data select,
.column .data select {
  margin-left: 0;
}

.pane textarea,
.column textarea {
  font-size: 16px;
}

.pane input[type="checkbox"],
.column input[type="checkbox"],
.pane input[type="radio"],
.column input[type="radio"] {
  width: initial;
}

.pane .data.notBalanced,
.column .data.notBalanced,
.negativeNumber {
  color: #fd3b2f;
}

.pane .data.balanced,
.column .data.balanced,
.positiveNumber {
  color: #0bc70b;
}

/* Form Controls in Panes and columns */
.pane .data input:not([type=button]),
.column .data input:not([type=button]),
.pane input:not([type=button]),
.column input:not([type=button]),
.pane .data select,
.pane select.data,
.column .data select,
.column select.data {
  font-weight: 400;
  padding: 0 5px;
  margin-top: -3px;
}

.column textarea.data {
  font-weight: 400;
}

.column div.ui-widget {
  font-weight: 400;
  margin-top: -3px;
}

.left-side-form-control-wrapper {
  width: calc(50% - 4px);
  margin-right: 4px;
  float: left;
  line-height: .8;
  text-align: right;
}

@media (max-width: 900px) {
  .left-side-form-control-wrapper {
    width: initial;
  }
}

.left-side-form-control-wrapper input[type="checkbox"],
.left-side-form-control-wrapper input[type="radio"] {
  margin: 1px 0 0 0;
}

label.right-side {
  text-align: left;
  margin-right: 0;
  margin-left: 4px;
}

/* END Form Controls in Panes */

/* Grid System */
.wraps1Column,
.wraps2Columns,
.wraps3Columns,
.wraps4Columns,
.wraps5Columns,
.wraps6Columns,
.wraps7Columns,
.wraps8Columns {
  font-size: 0;
  text-align: center;
  padding: 5px;
  margin-left: -5px;
  margin-right: -5px;
  display: flex;
  flex-flow: row wrap;
}

.wraps1Column.pane,
.wraps2Columns.pane,
.wraps3Columns.pane,
.wraps4Columns.pane,
.wraps5Columns.pane,
.wraps6Columns.pane,
.wraps7Columns.pane,
.wraps8Columns.pane {
  margin-left: 0;
  margin-right: 0;
}

.wraps1Column:first-of-type,
.wraps2Columns:first-of-type,
.wraps3Columns:first-of-type,
.wraps4Columns:first-of-type,
.wraps5Columns:first-of-type,
.wraps6Columns:first-of-type,
.wraps7Columns:first-of-type,
.wraps8Columns:first-of-type {
  padding-top: 5px;
}

.wraps1Column:last-of-type,
.wraps2Columns:last-of-type,
.wraps3Columns:last-of-type,
.wraps4Columns:last-of-type,
.wraps5Columns:last-of-type,
.wraps6Columns:last-of-type,
.wraps7Columns:last-of-type,
.wraps8Columns:last-of-type {
  padding-bottom: 5px;
}

.column {
  display: inline-block;
  margin: 5px;
  vertical-align: top;
}

.wraps1Column .column,
.wraps1Column .wraps1Column .column,
.wraps2Columns .wraps1Column .column,
.wraps3Columns .wraps1Column .column,
.wraps4Columns .wraps1Column .column,
.wraps5Columns .wraps1Column .column,
.wraps6Columns .wraps1Column .column,
.wraps7Columns .wraps1Column .column,
.wraps8Columns .wraps1Column .column {
  width: calc(100% - 10px);
}

.wraps2Columns .column,
.wraps1Column .wraps2Columns .column,
.wraps2Columns .wraps2Columns .column,
.wraps3Columns .wraps2Columns .column,
.wraps4Columns .wraps2Columns .column,
.wraps5Columns .wraps2Columns .column,
.wraps6Columns .wraps2Columns .column,
.wraps7Columns .wraps2Columns .column,
.wraps8Columns .wraps2Columns .column {
  width: calc(50% - 10px);
}

  .wraps2Columns .column.spans2Columns {
    width: calc(100% - 10px);
  }

  .wraps2Columns .column.skips1Column {
    margin-left: calc(50% + 5px);
  }

.wraps3Columns .column,
.wraps1Column .wraps3Columns .column,
.wraps2Columns .wraps3Columns .column,
.wraps3Columns .wraps3Columns .column,
.wraps4Columns .wraps3Columns .column,
.wraps5Columns .wraps3Columns .column,
.wraps6Columns .wraps3Columns .column,
.wraps7Columns .wraps3Columns .column,
.wraps8Columns .wraps3Columns .column {
  width: calc(33.33% - 10px);
}

  .wraps3Columns .column.spans2Columns {
    width: calc(66.66% - 10px);
  }

  .wraps3Columns .column.spans3Columns {
    width: calc(100% - 10px);
  }

  .wraps3Columns .column.skips1Column {
    margin-left: calc(33% + 5px);
  }

  .wraps3Columns .column.skips2Columns {
    margin-left: calc(66% + 5px);
  }

.wraps4Columns .column,
.wraps1Column .wraps4Columns .column,
.wraps2Columns .wraps4Columns .column,
.wraps3Columns .wraps4Columns .column,
.wraps4Columns .wraps4Columns .column,
.wraps5Columns .wraps4Columns .column,
.wraps6Columns .wraps4Columns .column,
.wraps7Columns .wraps4Columns .column,
.wraps8Columns .wraps4Columns .column {
  width: calc(25% - 10px);
}

  .wraps4Columns .column.spans2Columns {
    width: calc(50% - 10px);
  }

  .wraps4Columns .column.spans3Columns {
    width: calc(75% - 10px);
  }

  .wraps4Columns .column.spans4Columns {
    width: calc(100% - 10px);
  }

  .wraps4Columns .column.skips1Column {
    margin-left: calc(25% + 5px);
  }

  .wraps4Columns .column.skips2Columns {
    margin-left: calc(50% + 5px);
  }

  .wraps4Columns .column.skipsThreeColumn {
    margin-left: calc(75% + 5px);
  }

.wraps5Columns .column,
.wraps1Column .wraps5Columns .column,
.wraps2Columns .wraps5Columns .column,
.wraps3Columns .wraps5Columns .column,
.wraps4Columns .wraps5Columns .column,
.wraps5Columns .wraps5Columns .column,
.wraps6Columns .wraps5Columns .column,
.wraps7Columns .wraps5Columns .column,
.wraps8Columns .wraps5Columns .column {
  width: calc(20% - 10px);
}

  .wraps5Columns .column.spans2Columns {
    width: calc(40% - 10px);
  }

  .wraps5Columns .column.spans3Columns {
    width: calc(60% - 10px);
  }

  .wraps5Columns .column.spans4Columns {
    width: calc(80% - 10px);
  }

  .wraps5Columns .column.spans5Columns {
    width: calc(100% - 10px);
  }

  .wraps5Columns .column.skips1Column {
    margin-left: calc(20% + 5px);
  }

  .wraps5Columns .column.skips2Columns {
    margin-left: calc(40% + 5px);
  }

  .wraps5Columns .column.skips3Columns {
    margin-left: calc(60% + 5px);
  }

  .wraps5Columns .column.skips4Columns {
    margin-left: calc(80% + 5px);
  }

.wraps6Columns .column,
.wraps1Column .wraps6Columns .column,
.wraps2Columns .wraps6Columns .column,
.wraps3Columns .wraps6Columns .column,
.wraps4Columns .wraps6Columns .column,
.wraps5Columns .wraps6Columns .column,
.wraps6Columns .wraps6Columns .column,
.wraps7Columns .wraps6Columns .column,
.wraps8Columns .wraps6Columns .column {
  width: calc(16.66% - 10px);
}

  .wraps6Columns .column.spans2Columns {
    width: calc(33.33% - 10px);
  }

  .wraps6Columns .column.spans3Columns {
    width: calc(50% - 10px);
  }

  .wraps6Columns .column.spans4Columns {
    width: calc(66.66% - 10px);
  }

  .wraps6Columns .column.spans5Columns {
    width: calc(83.33% - 10px);
  }

  .wraps6Columns .column.spans6Columns {
    width: calc(100% - 10px);
  }

  .wraps6Columns .column.skips1Column {
    margin-left: calc(16.66% + 5px);
  }

  .wraps6Columns .column.skips2Columns {
    margin-left: calc(33.33% + 5px);
  }

  .wraps6Columns .column.skips3Columns {
    margin-left: calc(50% + 5px);
  }

  .wraps6Columns .column.skips4Columns {
    margin-left: calc(66.66% + 5px);
  }

  .wraps6Columns .column.skips5Columns {
    margin-left: calc(83.33% + 5px);
  }

.wraps7Columns .column,
.wraps1Column .wraps7Columns .column,
.wraps2Columns .wraps7Columns .column,
.wraps3Columns .wraps7Columns .column,
.wraps4Columns .wraps7Columns .column,
.wraps5Columns .wraps7Columns .column,
.wraps6Columns .wraps7Columns .column,
.wraps7Columns .wraps7Columns .column,
.wraps8Columns .wraps7Columns .column {
  width: calc(14.28% - 10px);
}

  .wraps7Columns .column.spans2Columns {
    width: calc(28.57% - 10px);
  }

  .wraps7Columns .column.spans3Columns {
    width: calc(42.85% - 10px);
  }

  .wraps7Columns .column.spans4Columns {
    width: calc(57.14% - 10px);
  }

  .wraps7Columns .column.spans5Columns {
    width: calc(71.42% - 10px);
  }

  .wraps7Columns .column.spans6Columns {
    width: calc(85.71% - 10px);
  }

  .wraps7Columns .column.spans7Columns {
    width: calc(100% - 10px);
  }

  .wraps7Columns .column.skips1Column {
    margin-left: calc(14.28% + 5px);
  }

  .wraps7Columns .column.skips2Columns {
    margin-left: calc(28.57% + 5px);
  }

  .wraps7Columns .column.skips3Columns {
    margin-left: calc(42.85% + 5px);
  }

  .wraps7Columns .column.skips4Columns {
    margin-left: calc(57.14% + 5px);
  }

  .wraps7Columns .column.skips5Columns {
    margin-left: calc(71.42% + 5px);
  }

  .wraps7Columns .column.skips6Columns {
    margin-left: calc(85.71% + 5px);
  }

.wraps8Columns .column,
.wraps1Column .wraps8Columns .column,
.wraps2Columns .wraps8Columns .column,
.wraps3Columns .wraps8Columns .column,
.wraps4Columns .wraps8Columns .column,
.wraps5Columns .wraps8Columns .column,
.wraps6Columns .wraps8Columns .column,
.wraps7Columns .wraps8Columns .column,
.wraps8Columns .wraps8Columns .column {
  width: calc(12.5% - 10px);
}

  .wraps8Columns .column.spans2Columns {
    width: calc(25% - 10px);
  }

  .wraps8Columns .column.spans3Columns {
    width: calc(37.5% - 10px);
  }

  .wraps8Columns .column.spans4Columns {
    width: calc(50% - 10px);
  }

  .wraps8Columns .column.spans5Columns {
    width: calc(62.5% - 10px);
  }

  .wraps8Columns .column.spans6Columns {
    width: calc(75% - 10px);
  }

  .wraps8Columns .column.spans7Columns {
    width: calc(87.5% - 10px);
  }

  .wraps8Columns .column.spans8Columns {
    width: calc(100% - 10px);
  }


  .wraps8Columns .column.skips1Column {
    margin-left: calc(12.5% + 5px);
  }

  .wraps8Columns .column.skips2Columns {
    margin-left: calc(25% + 5px);
  }

  .wraps8Columns .column.skips3Columns {
    margin-left: calc(37.5% + 5px);
  }

  .wraps8Columns .column.skips4Columns {
    margin-left: calc(50% + 5px);
  }

  .wraps8Columns .column.skips5Columns {
    margin-left: calc(62.5% + 5px);
  }

  .wraps8Columns .column.skips6Columns {
    margin-left: calc(75% + 5px);
  }

  .wraps8Columns .column.skips7Columns {
    margin-left: calc(87.5% + 5px);
  }

.pane {
  min-height: 100px;
  background-color: #fff;
}

.descriptor.column, .data.column {
  margin: 0 4px;
}

/* Highlighted Columns */
.column.highlighted {
  text-align: center;
  vertical-align: middle;
  background-color: #d0d0d0;
  border: 1px solid #888;
  margin: 0 2px 0 2px;
}

.column>table:last-child { /* Reconsider - used to target last table in Trips section of Tractor Detention Events. */
  margin-bottom: 10px;
}

.twoColumn .column.highlighted {
  width: calc(50% - 6px);
}

.threeColumn .column.highlighted {
  width: calc(33.33% - 6px);
}

.fourColumn .column.highlighted {
  width: calc(25% - 6px);
}

.fiveColumn .column.highlighted {
  width: calc(20% - 6px);
}

.sixColumn .column.highlighted {
  width: calc(16.66% - 6px);
}

.column.highlighted:first-of-type {
  margin-left: 0;
}

.column.highlighted:last-of-type {
  margin-right: 0;
}

.column.highlighted .descriptor,
.column.highlighted .data {
  padding-bottom: 8px;
  width: auto;
}
  /* END Highlighted Columns */

  /* Tables inside of columns */
.column table {
  margin: 0 auto;
}

.column .data table {
  margin: 0;
}

.pane tr:first-child th,
.column tr:first-child th {
  font-weight: 300;
  font-size: 10px;
  line-height: 11px;
  color: #fff;
  letter-spacing: .18em;
  text-transform: uppercase;
  text-align: center;
  width: auto;
  height: 11px;
  padding: 3px 6px;
  background-color: #a1a1a1;
  border-right: 2px solid #e1e1e1;
  border-radius: 0;
  vertical-align: top;
}

.pane tr:first-child th:last-of-type,
.column tr:first-child th:last-of-type {
  border-right: none;
}

.pane td,
.column td {
  font-weight: 600;
  font-size: 13px;
  line-height: .95;
  text-align: left;
  color: #000;
  height: 16px;
  border-bottom: 1px solid #aaa;
  vertical-align: middle;
  padding: 3px 5px;
}
  /* END Tables inside of columns */

.column:last-of-type>button,
.column:last-of-type>input[type="button"] {
  float: right;
}

  /* Nested Grids */
.column.wraps1Column,
.column.wraps2Columns,
.column.wraps3Columns,
.column.wraps4Columns,
.column.wraps5Columns,
.column.wraps6Columns,
.column.wraps7Columns,
.column.wraps8Columns {
  margin: 0;
  display: flex;
  flex-direction: row;
}

.column .column.pane:last-of-type {
  margin-right: 5px;
}
  /* END Nested Grids */

/* END Grid System */
/* END Details Panels */

/* Dynamic Lists */
ul.dynamicList {
  padding-left: 0;
  margin: 0;
}

ul.dynamicList.sortable {
  padding-left: 30px;
}

.listColumnHeadings span {
  font-weight: normal;
  font-size: 12px;
  color: #888;
  display: inline-block;
}

ul.dynamicList li {
  background-color: #ddd;
  height: 29px;
  display: table;
  padding: 7px 10px 0 10px;
  list-style: none;
  position: relative;
  margin: 4px 0;
}

ul.dynamicList li:first-of-type {
  margin-top: 0;
}

.pane .dynamicList input:not([type=button]), .column .dynamicList input:not([type=button]), .pane .dynamicList select, .column .dynamicList select {
  width: auto;
}

ul li.ui-sortable-handle {
  padding-left: 30px;
  border-left: 1px solid #f8f8f8;
  margin: 4px 0 4px -30px;
}

li.list-item.ui-sortable-handle:last-of-type {
  margin-bottom: 10px !important;
}

ul li.ui-sortable-handle:before {
  content: '';
  width: 20px;
  height: 36px;
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  background: radial-gradient(#909090 15%, rgba(0, 0, 0, 0) 16%) 3px 3px, radial-gradient(#424242 15%, rgba(0, 0, 0, 0) 16%) 11px 11px, radial-gradient(#eee 15%, rgba(0, 0, 0, 0) 20%) 2px 2px, radial-gradient(rgba(255,255,255,.1) 15%, rgba(0, 0, 0, 0) 20%) 8px 9px;
  background-color: #d2d0cc;
  background-size: 8px 8px;
  border-right: 1px solid #aaa;
}

.ui-sortable-handle input {
  border: 1px solid #bbb;
  margin-right: 8px;
}
/* END Dynamic Lists */

.exclusionListWrapper {
  float: left;
  min-width: 322px;
  margin-right: 40px;
}

.exclusionListWrapper .data {
  border-bottom: 1px solid #464646;
  height: 29px;
  line-height: 1.8;
  padding: 0 7px;
}

.exclusionListWrapper .data:last-of-type {
  border-bottom: none;
}

.exclusionListWrapper .data a.link-action-button {
  float: right;
  margin: 5px 0;
}

ul.commaSeparatedList {
  margin: 0;
  padding: 0;
}

ul.commaSeparatedList li {
  list-style-type: none;
  display: inline;
}

ul.commaSeparatedList li:not(:last-of-type):after {
  content: ', ';
  
}

.addARow {
  font-weight: 300;
  font-size: 14px;
  line-height: 21px;
  color: #fff;
  text-align: center;
  display: inline-block;
  height: 22px;
  width: 22px;
  background-color: #aaa;
  vertical-align: 1px;;
  cursor: pointer;
}

.addARow:hover {
  background-color: #ccc;
}

.addARow[disabled="disabled"] {
  background-color: #c8c8c8;
  cursor: default;
  color: #e8e8e8;
}

/* Notes Widget */
.notesWidget {
  font-size: 0 !important;
  background-color: #e1e1e1;
}

.pane .notesWidget {
  background-color: rgba(0, 0, 0, 0);
}

.notesList {
  display: inline-block;
  width: 33%;
  vertical-align: top;
  height: 300px;
  overflow: scroll;
}

.notesListItem {
  font-weight: normal;
  padding: 6px 15px;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
  cursor: pointer;
  border-bottom: 1px solid #ccc;
  background-color: #eee;
}

.disputed .notesListItem {
  border-bottom: 1px solid #fff;
}

.notesListItem.selected {
  background-color: #fff;
  cursor: default;
}

.notesListItem:hover {
  background-color: #808080;
  color: #fff;
  font-weight: 300;
}

.notesListItem:hover .noteText {
  font-weight: normal;
}

.notesListItem.selected:hover {
  background-color: #fff;
  color: #000;
  font-weight: normal;
}

.notesListItem.selected:hover .noteText {
  font-weight: 700;
}

.notesListItem .noteText {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 14px;
  font-weight: 700;
}

.notesListItem .author {
  font-size: 14px;
  font-weight: 300;
  font-style: italic;
}

.notesListItem .lastModified {
  font-size: 13px;
}

.notesWidget textarea {
  display: inline-block;
  width: 66%;
  min-height: 300px;
  padding: 10px;
  font-size: 14px;
  border: none;
  resize: vertical;
}

.notesWidget textarea:focus {
  outline: none;
}

.buttons {
  text-align: right;
  margin: 10px;
}
/* END Notes Widget */