/*ttlib/controls/tooltip/tooltip.less!steal-less@1.3.4#less*/
.close-win-gen {
  background: url("/images_app/icons/icons_tt.png") -80px 0 no-repeat;
  color: #4A5E72;
  width: 16px;
  height: 16px;
  text-decoration: none;
  top: 14px;
  float: right;
  right: 5px;
  position: relative;
}
.tooltip-point {
  background: url("/images_app/global/bg_point_bl_L.png") 0 0 no-repeat;
  height: 15px;
  width: 8px;
  left: 2px;
  position: absolute;
  top: 30px;
}
/* Styles for each length*/
.win-tooltip-gen {
  left: 100px;
  /*overflow:hidden;*/
  position: absolute;
  text-align: left;
  top: 100px;
  display: none;
  z-index: 3001;
}
.win-tooltip-gen .top {
  background: url("/images_app/global/bg_tooltip_gen_t_large.png") 0 0 no-repeat;
  padding-left: 20px;
}
.win-tooltip-gen .tl {
  background: url("/images_app/global/bg_tooltip_gen_t_large.png") 100% -30px no-repeat;
  height: 30px;
  padding-right: 10px;
}
.win-tooltip-gen .bottom {
  background: url("/images_app/global/bg_tooltip_gen_b_large.png") 0 0 no-repeat;
  padding-left: 20px;
}
.win-tooltip-gen .bl {
  background: url("/images_app/global/bg_tooltip_gen_b_large.png") 100% -30px no-repeat;
  height: 30px;
  padding-right: 10px;
}
.win-tooltip-gen .inner-left {
  background: url("/images_app/global/bg_tooltip_m.png") 0 0 repeat-y;
  border: none;
  padding-left: 10px;
}
.win-tooltip-gen .inner-right {
  background: url("/images_app/global/bg_tooltip_r.png") 100% 0 repeat-y;
  border: none;
  padding-right: 10px;
}
.win-tooltip-gen .inner {
  background-color: #4a5e72;
  border: none;
  color: #FFFFFF;
  font-size: 11px;
  padding-left: 10px;
  padding-right: 10px;
}
.win-tooltip-gen .inner p {
  padding: 0em 0;
  margin: 0;
  width: auto;
}
/* Dialog Style Look */
.tooltip_dlg {
  left: 100px;
  /*overflow:hidden;*/
  position: absolute;
  text-align: left;
  top: 100px;
  display: none;
  z-index: 3001;
}
.tooltip_dlg .top {
  background: url("/images_app/global/bg_tooltip_dlg_t_large.png") 0 0 no-repeat;
  padding-left: 20px;
}
.tooltip_dlg .tl {
  background: url("/images_app/global/bg_tooltip_dlg_t_large.png") 100% -30px no-repeat;
  height: 30px;
  padding-right: 10px;
}
.tooltip_dlg .bottom {
  background: url("/images_app/global/bg_tooltip_dlg_b_large.png") 0 0 no-repeat;
  padding-left: 20px;
}
.tooltip_dlg .bl {
  background: url("/images_app/global/bg_tooltip_dlg_b_large.png") 100% -30px no-repeat;
  height: 30px;
  padding-right: 10px;
}
.tooltip_dlg .inner-right {
  background: url("/images_app/global/bg_tooltip_r.png") 100% 0 repeat-y;
  border: none;
  padding-right: 10px;
}
.tooltip_dlg .inner {
  background-color: #FFFFFF;
  border: none;
  color: #4a5e72;
  font-size: 11px;
  padding-left: 20px;
  padding-right: 10px;
  border-left: 10px solid #4a5e72;
  max-height: 100px;
  overflow-y: auto;
}
.tooltip_dlg .inner .tooltip_dlg .inner-left {
  background: url("/images_app/global/bg_tooltip_m.png") 0 0 repeat-y;
  border: none;
  padding-left: 10px;
}
.tooltip_dlg .inner p {
  padding: 0em 0;
  margin: 0;
  width: auto;
}

/*ttlib/attributes/truncate/truncate.less!steal-less@1.3.4#less*/
/* truncate with ellipsis */
.tt-truncate {
  overflow-x: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

/*css_app/main.less!steal-less@1.3.4#less*/
/*
    -----------------------------------------------
    Main Application Styling
    -----------------------------------------------

    !!IMPORTANT!!
    ONLY EDIT THE LESS FILE.
    DO NOT EDIT THE CSS FILE, WHENEVER YOU MAKE A CHANGE RUN THIS (less is required: http://lesscss.org/#download-options):

$ lessc main.less > main_read_only.css

*/
/*!
 * Font Awesome Free 5.15.1 by @fontawesome - https://fontawesome.com
 * License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License)
 */
.fa,
.fas,
.far,
.fal,
.fad,
.fab {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  line-height: 1;
}
/* makes the font 33% larger relative to the icon container */
.fa-lg {
  font-size: 1.33333333em;
  line-height: 0.75em;
  vertical-align: -0.0667em;
}
.fa-xs {
  font-size: .75em;
}
.fa-sm {
  font-size: .875em;
}
.fa-1x {
  font-size: 1em;
}
.fa-2x {
  font-size: 2em;
}
.fa-3x {
  font-size: 3em;
}
.fa-4x {
  font-size: 4em;
}
.fa-5x {
  font-size: 5em;
}
.fa-6x {
  font-size: 6em;
}
.fa-7x {
  font-size: 7em;
}
.fa-8x {
  font-size: 8em;
}
.fa-9x {
  font-size: 9em;
}
.fa-10x {
  font-size: 10em;
}
.fa-fw {
  text-align: center;
  width: 1.25em;
}
.fa-ul {
  list-style-type: none;
  margin-left: 2.5em;
  padding-left: 0;
}
.fa-ul > li {
  position: relative;
}
.fa-li {
  left: -2em;
  position: absolute;
  text-align: center;
  width: 2em;
  line-height: inherit;
}
.fa-border {
  border-radius: .1em;
  border: solid 0.08em #eee;
  padding: .2em .25em .15em;
}
.fa-pull-left {
  float: left;
}
.fa-pull-right {
  float: right;
}
.fa.fa-pull-left,
.fas.fa-pull-left,
.far.fa-pull-left,
.fal.fa-pull-left,
.fab.fa-pull-left {
  margin-right: .3em;
}
.fa.fa-pull-right,
.fas.fa-pull-right,
.far.fa-pull-right,
.fal.fa-pull-right,
.fab.fa-pull-right {
  margin-left: .3em;
}
.fa-spin {
  animation: fa-spin 2s infinite linear;
}
.fa-pulse {
  animation: fa-spin 1s infinite steps(8);
}
@keyframes fa-spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.fa-rotate-90 {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";
  transform: rotate(90deg);
}
.fa-rotate-180 {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2)";
  transform: rotate(180deg);
}
.fa-rotate-270 {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=3)";
  transform: rotate(270deg);
}
.fa-flip-horizontal {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)";
  transform: scale(-1, 1);
}
.fa-flip-vertical {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)";
  transform: scale(1, -1);
}
.fa-flip-both,
.fa-flip-horizontal.fa-flip-vertical {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)";
  transform: scale(-1, -1);
}
:root .fa-rotate-90,
:root .fa-rotate-180,
:root .fa-rotate-270,
:root .fa-flip-horizontal,
:root .fa-flip-vertical,
:root .fa-flip-both {
  filter: none;
}
.fa-stack {
  display: inline-block;
  height: 2em;
  line-height: 2em;
  position: relative;
  vertical-align: middle;
  width: 2em;
}
.fa-stack-1x,
.fa-stack-2x {
  left: 0;
  position: absolute;
  text-align: center;
  width: 100%;
}
.fa-stack-1x {
  line-height: inherit;
}
.fa-stack-2x {
  font-size: 2em;
}
.fa-inverse {
  color: #fff;
}
/* Font Awesome uses the Unicode Private Use Area (PUA) to ensure screen
   readers do not read off random characters that represent icons */
.fa-500px:before {
  content: "\f26e";
}
.fa-accessible-icon:before {
  content: "\f368";
}
.fa-accusoft:before {
  content: "\f369";
}
.fa-acquisitions-incorporated:before {
  content: "\f6af";
}
.fa-ad:before {
  content: "\f641";
}
.fa-address-book:before {
  content: "\f2b9";
}
.fa-address-card:before {
  content: "\f2bb";
}
.fa-adjust:before {
  content: "\f042";
}
.fa-adn:before {
  content: "\f170";
}
.fa-adversal:before {
  content: "\f36a";
}
.fa-affiliatetheme:before {
  content: "\f36b";
}
.fa-air-freshener:before {
  content: "\f5d0";
}
.fa-airbnb:before {
  content: "\f834";
}
.fa-algolia:before {
  content: "\f36c";
}
.fa-align-center:before {
  content: "\f037";
}
.fa-align-justify:before {
  content: "\f039";
}
.fa-align-left:before {
  content: "\f036";
}
.fa-align-right:before {
  content: "\f038";
}
.fa-alipay:before {
  content: "\f642";
}
.fa-allergies:before {
  content: "\f461";
}
.fa-amazon:before {
  content: "\f270";
}
.fa-amazon-pay:before {
  content: "\f42c";
}
.fa-ambulance:before {
  content: "\f0f9";
}
.fa-american-sign-language-interpreting:before {
  content: "\f2a3";
}
.fa-amilia:before {
  content: "\f36d";
}
.fa-anchor:before {
  content: "\f13d";
}
.fa-android:before {
  content: "\f17b";
}
.fa-angellist:before {
  content: "\f209";
}
.fa-angle-double-down:before {
  content: "\f103";
}
.fa-angle-double-left:before {
  content: "\f100";
}
.fa-angle-double-right:before {
  content: "\f101";
}
.fa-angle-double-up:before {
  content: "\f102";
}
.fa-angle-down:before {
  content: "\f107";
}
.fa-angle-left:before {
  content: "\f104";
}
.fa-angle-right:before {
  content: "\f105";
}
.fa-angle-up:before {
  content: "\f106";
}
.fa-angry:before {
  content: "\f556";
}
.fa-angrycreative:before {
  content: "\f36e";
}
.fa-angular:before {
  content: "\f420";
}
.fa-ankh:before {
  content: "\f644";
}
.fa-app-store:before {
  content: "\f36f";
}
.fa-app-store-ios:before {
  content: "\f370";
}
.fa-apper:before {
  content: "\f371";
}
.fa-apple:before {
  content: "\f179";
}
.fa-apple-alt:before {
  content: "\f5d1";
}
.fa-apple-pay:before {
  content: "\f415";
}
.fa-archive:before {
  content: "\f187";
}
.fa-archway:before {
  content: "\f557";
}
.fa-arrow-alt-circle-down:before {
  content: "\f358";
}
.fa-arrow-alt-circle-left:before {
  content: "\f359";
}
.fa-arrow-alt-circle-right:before {
  content: "\f35a";
}
.fa-arrow-alt-circle-up:before {
  content: "\f35b";
}
.fa-arrow-circle-down:before {
  content: "\f0ab";
}
.fa-arrow-circle-left:before {
  content: "\f0a8";
}
.fa-arrow-circle-right:before {
  content: "\f0a9";
}
.fa-arrow-circle-up:before {
  content: "\f0aa";
}
.fa-arrow-down:before {
  content: "\f063";
}
.fa-arrow-left:before {
  content: "\f060";
}
.fa-arrow-right:before {
  content: "\f061";
}
.fa-arrow-up:before {
  content: "\f062";
}
.fa-arrows-alt:before {
  content: "\f0b2";
}
.fa-arrows-alt-h:before {
  content: "\f337";
}
.fa-arrows-alt-v:before {
  content: "\f338";
}
.fa-artstation:before {
  content: "\f77a";
}
.fa-assistive-listening-systems:before {
  content: "\f2a2";
}
.fa-asterisk:before {
  content: "\f069";
}
.fa-asymmetrik:before {
  content: "\f372";
}
.fa-at:before {
  content: "\f1fa";
}
.fa-atlas:before {
  content: "\f558";
}
.fa-atlassian:before {
  content: "\f77b";
}
.fa-atom:before {
  content: "\f5d2";
}
.fa-audible:before {
  content: "\f373";
}
.fa-audio-description:before {
  content: "\f29e";
}
.fa-autoprefixer:before {
  content: "\f41c";
}
.fa-avianex:before {
  content: "\f374";
}
.fa-aviato:before {
  content: "\f421";
}
.fa-award:before {
  content: "\f559";
}
.fa-aws:before {
  content: "\f375";
}
.fa-baby:before {
  content: "\f77c";
}
.fa-baby-carriage:before {
  content: "\f77d";
}
.fa-backspace:before {
  content: "\f55a";
}
.fa-backward:before {
  content: "\f04a";
}
.fa-bacon:before {
  content: "\f7e5";
}
.fa-bacteria:before {
  content: "\e059";
}
.fa-bacterium:before {
  content: "\e05a";
}
.fa-bahai:before {
  content: "\f666";
}
.fa-balance-scale:before {
  content: "\f24e";
}
.fa-balance-scale-left:before {
  content: "\f515";
}
.fa-balance-scale-right:before {
  content: "\f516";
}
.fa-ban:before {
  content: "\f05e";
}
.fa-band-aid:before {
  content: "\f462";
}
.fa-bandcamp:before {
  content: "\f2d5";
}
.fa-barcode:before {
  content: "\f02a";
}
.fa-bars:before {
  content: "\f0c9";
}
.fa-baseball-ball:before {
  content: "\f433";
}
.fa-basketball-ball:before {
  content: "\f434";
}
.fa-bath:before {
  content: "\f2cd";
}
.fa-battery-empty:before {
  content: "\f244";
}
.fa-battery-full:before {
  content: "\f240";
}
.fa-battery-half:before {
  content: "\f242";
}
.fa-battery-quarter:before {
  content: "\f243";
}
.fa-battery-three-quarters:before {
  content: "\f241";
}
.fa-battle-net:before {
  content: "\f835";
}
.fa-bed:before {
  content: "\f236";
}
.fa-beer:before {
  content: "\f0fc";
}
.fa-behance:before {
  content: "\f1b4";
}
.fa-behance-square:before {
  content: "\f1b5";
}
.fa-bell:before {
  content: "\f0f3";
}
.fa-bell-slash:before {
  content: "\f1f6";
}
.fa-bezier-curve:before {
  content: "\f55b";
}
.fa-bible:before {
  content: "\f647";
}
.fa-bicycle:before {
  content: "\f206";
}
.fa-biking:before {
  content: "\f84a";
}
.fa-bimobject:before {
  content: "\f378";
}
.fa-binoculars:before {
  content: "\f1e5";
}
.fa-biohazard:before {
  content: "\f780";
}
.fa-birthday-cake:before {
  content: "\f1fd";
}
.fa-bitbucket:before {
  content: "\f171";
}
.fa-bitcoin:before {
  content: "\f379";
}
.fa-bity:before {
  content: "\f37a";
}
.fa-black-tie:before {
  content: "\f27e";
}
.fa-blackberry:before {
  content: "\f37b";
}
.fa-blender:before {
  content: "\f517";
}
.fa-blender-phone:before {
  content: "\f6b6";
}
.fa-blind:before {
  content: "\f29d";
}
.fa-blog:before {
  content: "\f781";
}
.fa-blogger:before {
  content: "\f37c";
}
.fa-blogger-b:before {
  content: "\f37d";
}
.fa-bluetooth:before {
  content: "\f293";
}
.fa-bluetooth-b:before {
  content: "\f294";
}
.fa-bold:before {
  content: "\f032";
}
.fa-bolt:before {
  content: "\f0e7";
}
.fa-bomb:before {
  content: "\f1e2";
}
.fa-bone:before {
  content: "\f5d7";
}
.fa-bong:before {
  content: "\f55c";
}
.fa-book:before {
  content: "\f02d";
}
.fa-book-dead:before {
  content: "\f6b7";
}
.fa-book-medical:before {
  content: "\f7e6";
}
.fa-book-open:before {
  content: "\f518";
}
.fa-book-reader:before {
  content: "\f5da";
}
.fa-bookmark:before {
  content: "\f02e";
}
.fa-bootstrap:before {
  content: "\f836";
}
.fa-border-all:before {
  content: "\f84c";
}
.fa-border-none:before {
  content: "\f850";
}
.fa-border-style:before {
  content: "\f853";
}
.fa-bowling-ball:before {
  content: "\f436";
}
.fa-box:before {
  content: "\f466";
}
.fa-box-open:before {
  content: "\f49e";
}
.fa-box-tissue:before {
  content: "\e05b";
}
.fa-boxes:before {
  content: "\f468";
}
.fa-braille:before {
  content: "\f2a1";
}
.fa-brain:before {
  content: "\f5dc";
}
.fa-bread-slice:before {
  content: "\f7ec";
}
.fa-briefcase:before {
  content: "\f0b1";
}
.fa-briefcase-medical:before {
  content: "\f469";
}
.fa-broadcast-tower:before {
  content: "\f519";
}
.fa-broom:before {
  content: "\f51a";
}
.fa-brush:before {
  content: "\f55d";
}
.fa-btc:before {
  content: "\f15a";
}
.fa-buffer:before {
  content: "\f837";
}
.fa-bug:before {
  content: "\f188";
}
.fa-building:before {
  content: "\f1ad";
}
.fa-bullhorn:before {
  content: "\f0a1";
}
.fa-bullseye:before {
  content: "\f140";
}
.fa-burn:before {
  content: "\f46a";
}
.fa-buromobelexperte:before {
  content: "\f37f";
}
.fa-bus:before {
  content: "\f207";
}
.fa-bus-alt:before {
  content: "\f55e";
}
.fa-business-time:before {
  content: "\f64a";
}
.fa-buy-n-large:before {
  content: "\f8a6";
}
.fa-buysellads:before {
  content: "\f20d";
}
.fa-calculator:before {
  content: "\f1ec";
}
.fa-calendar:before {
  content: "\f133";
}
.fa-calendar-alt:before {
  content: "\f073";
}
.fa-calendar-check:before {
  content: "\f274";
}
.fa-calendar-day:before {
  content: "\f783";
}
.fa-calendar-minus:before {
  content: "\f272";
}
.fa-calendar-plus:before {
  content: "\f271";
}
.fa-calendar-times:before {
  content: "\f273";
}
.fa-calendar-week:before {
  content: "\f784";
}
.fa-camera:before {
  content: "\f030";
}
.fa-camera-retro:before {
  content: "\f083";
}
.fa-campground:before {
  content: "\f6bb";
}
.fa-canadian-maple-leaf:before {
  content: "\f785";
}
.fa-candy-cane:before {
  content: "\f786";
}
.fa-cannabis:before {
  content: "\f55f";
}
.fa-capsules:before {
  content: "\f46b";
}
.fa-car:before {
  content: "\f1b9";
}
.fa-car-alt:before {
  content: "\f5de";
}
.fa-car-battery:before {
  content: "\f5df";
}
.fa-car-crash:before {
  content: "\f5e1";
}
.fa-car-side:before {
  content: "\f5e4";
}
.fa-caravan:before {
  content: "\f8ff";
}
.fa-caret-down:before {
  content: "\f0d7";
}
.fa-caret-left:before {
  content: "\f0d9";
}
.fa-caret-right:before {
  content: "\f0da";
}
.fa-caret-square-down:before {
  content: "\f150";
}
.fa-caret-square-left:before {
  content: "\f191";
}
.fa-caret-square-right:before {
  content: "\f152";
}
.fa-caret-square-up:before {
  content: "\f151";
}
.fa-caret-up:before {
  content: "\f0d8";
}
.fa-carrot:before {
  content: "\f787";
}
.fa-cart-arrow-down:before {
  content: "\f218";
}
.fa-cart-plus:before {
  content: "\f217";
}
.fa-cash-register:before {
  content: "\f788";
}
.fa-cat:before {
  content: "\f6be";
}
.fa-cc-amazon-pay:before {
  content: "\f42d";
}
.fa-cc-amex:before {
  content: "\f1f3";
}
.fa-cc-apple-pay:before {
  content: "\f416";
}
.fa-cc-diners-club:before {
  content: "\f24c";
}
.fa-cc-discover:before {
  content: "\f1f2";
}
.fa-cc-jcb:before {
  content: "\f24b";
}
.fa-cc-mastercard:before {
  content: "\f1f1";
}
.fa-cc-paypal:before {
  content: "\f1f4";
}
.fa-cc-stripe:before {
  content: "\f1f5";
}
.fa-cc-visa:before {
  content: "\f1f0";
}
.fa-centercode:before {
  content: "\f380";
}
.fa-centos:before {
  content: "\f789";
}
.fa-certificate:before {
  content: "\f0a3";
}
.fa-chair:before {
  content: "\f6c0";
}
.fa-chalkboard:before {
  content: "\f51b";
}
.fa-chalkboard-teacher:before {
  content: "\f51c";
}
.fa-charging-station:before {
  content: "\f5e7";
}
.fa-chart-area:before {
  content: "\f1fe";
}
.fa-chart-bar:before {
  content: "\f080";
}
.fa-chart-line:before {
  content: "\f201";
}
.fa-chart-pie:before {
  content: "\f200";
}
.fa-check:before {
  content: "\f00c";
}
.fa-check-circle:before {
  content: "\f058";
}
.fa-check-double:before {
  content: "\f560";
}
.fa-check-square:before {
  content: "\f14a";
}
.fa-cheese:before {
  content: "\f7ef";
}
.fa-chess:before {
  content: "\f439";
}
.fa-chess-bishop:before {
  content: "\f43a";
}
.fa-chess-board:before {
  content: "\f43c";
}
.fa-chess-king:before {
  content: "\f43f";
}
.fa-chess-knight:before {
  content: "\f441";
}
.fa-chess-pawn:before {
  content: "\f443";
}
.fa-chess-queen:before {
  content: "\f445";
}
.fa-chess-rook:before {
  content: "\f447";
}
.fa-chevron-circle-down:before {
  content: "\f13a";
}
.fa-chevron-circle-left:before {
  content: "\f137";
}
.fa-chevron-circle-right:before {
  content: "\f138";
}
.fa-chevron-circle-up:before {
  content: "\f139";
}
.fa-chevron-down:before {
  content: "\f078";
}
.fa-chevron-left:before {
  content: "\f053";
}
.fa-chevron-right:before {
  content: "\f054";
}
.fa-chevron-up:before {
  content: "\f077";
}
.fa-child:before {
  content: "\f1ae";
}
.fa-chrome:before {
  content: "\f268";
}
.fa-chromecast:before {
  content: "\f838";
}
.fa-church:before {
  content: "\f51d";
}
.fa-circle:before {
  content: "\f111";
}
.fa-circle-notch:before {
  content: "\f1ce";
}
.fa-city:before {
  content: "\f64f";
}
.fa-clinic-medical:before {
  content: "\f7f2";
}
.fa-clipboard:before {
  content: "\f328";
}
.fa-clipboard-check:before {
  content: "\f46c";
}
.fa-clipboard-list:before {
  content: "\f46d";
}
.fa-clock:before {
  content: "\f017";
}
.fa-clone:before {
  content: "\f24d";
}
.fa-closed-captioning:before {
  content: "\f20a";
}
.fa-cloud:before {
  content: "\f0c2";
}
.fa-cloud-download-alt:before {
  content: "\f381";
}
.fa-cloud-meatball:before {
  content: "\f73b";
}
.fa-cloud-moon:before {
  content: "\f6c3";
}
.fa-cloud-moon-rain:before {
  content: "\f73c";
}
.fa-cloud-rain:before {
  content: "\f73d";
}
.fa-cloud-showers-heavy:before {
  content: "\f740";
}
.fa-cloud-sun:before {
  content: "\f6c4";
}
.fa-cloud-sun-rain:before {
  content: "\f743";
}
.fa-cloud-upload-alt:before {
  content: "\f382";
}
.fa-cloudflare:before {
  content: "\e07d";
}
.fa-cloudscale:before {
  content: "\f383";
}
.fa-cloudsmith:before {
  content: "\f384";
}
.fa-cloudversify:before {
  content: "\f385";
}
.fa-cocktail:before {
  content: "\f561";
}
.fa-code:before {
  content: "\f121";
}
.fa-code-branch:before {
  content: "\f126";
}
.fa-codepen:before {
  content: "\f1cb";
}
.fa-codiepie:before {
  content: "\f284";
}
.fa-coffee:before {
  content: "\f0f4";
}
.fa-cog:before {
  content: "\f013";
}
.fa-cogs:before {
  content: "\f085";
}
.fa-coins:before {
  content: "\f51e";
}
.fa-columns:before {
  content: "\f0db";
}
.fa-comment:before {
  content: "\f075";
}
.fa-comment-alt:before {
  content: "\f27a";
}
.fa-comment-dollar:before {
  content: "\f651";
}
.fa-comment-dots:before {
  content: "\f4ad";
}
.fa-comment-medical:before {
  content: "\f7f5";
}
.fa-comment-slash:before {
  content: "\f4b3";
}
.fa-comments:before {
  content: "\f086";
}
.fa-comments-dollar:before {
  content: "\f653";
}
.fa-compact-disc:before {
  content: "\f51f";
}
.fa-compass:before {
  content: "\f14e";
}
.fa-compress:before {
  content: "\f066";
}
.fa-compress-alt:before {
  content: "\f422";
}
.fa-compress-arrows-alt:before {
  content: "\f78c";
}
.fa-concierge-bell:before {
  content: "\f562";
}
.fa-confluence:before {
  content: "\f78d";
}
.fa-connectdevelop:before {
  content: "\f20e";
}
.fa-contao:before {
  content: "\f26d";
}
.fa-cookie:before {
  content: "\f563";
}
.fa-cookie-bite:before {
  content: "\f564";
}
.fa-copy:before {
  content: "\f0c5";
}
.fa-copyright:before {
  content: "\f1f9";
}
.fa-cotton-bureau:before {
  content: "\f89e";
}
.fa-couch:before {
  content: "\f4b8";
}
.fa-cpanel:before {
  content: "\f388";
}
.fa-creative-commons:before {
  content: "\f25e";
}
.fa-creative-commons-by:before {
  content: "\f4e7";
}
.fa-creative-commons-nc:before {
  content: "\f4e8";
}
.fa-creative-commons-nc-eu:before {
  content: "\f4e9";
}
.fa-creative-commons-nc-jp:before {
  content: "\f4ea";
}
.fa-creative-commons-nd:before {
  content: "\f4eb";
}
.fa-creative-commons-pd:before {
  content: "\f4ec";
}
.fa-creative-commons-pd-alt:before {
  content: "\f4ed";
}
.fa-creative-commons-remix:before {
  content: "\f4ee";
}
.fa-creative-commons-sa:before {
  content: "\f4ef";
}
.fa-creative-commons-sampling:before {
  content: "\f4f0";
}
.fa-creative-commons-sampling-plus:before {
  content: "\f4f1";
}
.fa-creative-commons-share:before {
  content: "\f4f2";
}
.fa-creative-commons-zero:before {
  content: "\f4f3";
}
.fa-credit-card:before {
  content: "\f09d";
}
.fa-critical-role:before {
  content: "\f6c9";
}
.fa-crop:before {
  content: "\f125";
}
.fa-crop-alt:before {
  content: "\f565";
}
.fa-cross:before {
  content: "\f654";
}
.fa-crosshairs:before {
  content: "\f05b";
}
.fa-crow:before {
  content: "\f520";
}
.fa-crown:before {
  content: "\f521";
}
.fa-crutch:before {
  content: "\f7f7";
}
.fa-css3:before {
  content: "\f13c";
}
.fa-css3-alt:before {
  content: "\f38b";
}
.fa-cube:before {
  content: "\f1b2";
}
.fa-cubes:before {
  content: "\f1b3";
}
.fa-cut:before {
  content: "\f0c4";
}
.fa-cuttlefish:before {
  content: "\f38c";
}
.fa-d-and-d:before {
  content: "\f38d";
}
.fa-d-and-d-beyond:before {
  content: "\f6ca";
}
.fa-dailymotion:before {
  content: "\e052";
}
.fa-dashcube:before {
  content: "\f210";
}
.fa-database:before {
  content: "\f1c0";
}
.fa-deaf:before {
  content: "\f2a4";
}
.fa-deezer:before {
  content: "\e077";
}
.fa-delicious:before {
  content: "\f1a5";
}
.fa-democrat:before {
  content: "\f747";
}
.fa-deploydog:before {
  content: "\f38e";
}
.fa-deskpro:before {
  content: "\f38f";
}
.fa-desktop:before {
  content: "\f108";
}
.fa-dev:before {
  content: "\f6cc";
}
.fa-deviantart:before {
  content: "\f1bd";
}
.fa-dharmachakra:before {
  content: "\f655";
}
.fa-dhl:before {
  content: "\f790";
}
.fa-diagnoses:before {
  content: "\f470";
}
.fa-diaspora:before {
  content: "\f791";
}
.fa-dice:before {
  content: "\f522";
}
.fa-dice-d20:before {
  content: "\f6cf";
}
.fa-dice-d6:before {
  content: "\f6d1";
}
.fa-dice-five:before {
  content: "\f523";
}
.fa-dice-four:before {
  content: "\f524";
}
.fa-dice-one:before {
  content: "\f525";
}
.fa-dice-six:before {
  content: "\f526";
}
.fa-dice-three:before {
  content: "\f527";
}
.fa-dice-two:before {
  content: "\f528";
}
.fa-digg:before {
  content: "\f1a6";
}
.fa-digital-ocean:before {
  content: "\f391";
}
.fa-digital-tachograph:before {
  content: "\f566";
}
.fa-directions:before {
  content: "\f5eb";
}
.fa-discord:before {
  content: "\f392";
}
.fa-discourse:before {
  content: "\f393";
}
.fa-disease:before {
  content: "\f7fa";
}
.fa-divide:before {
  content: "\f529";
}
.fa-dizzy:before {
  content: "\f567";
}
.fa-dna:before {
  content: "\f471";
}
.fa-dochub:before {
  content: "\f394";
}
.fa-docker:before {
  content: "\f395";
}
.fa-dog:before {
  content: "\f6d3";
}
.fa-dollar-sign:before {
  content: "\f155";
}
.fa-dolly:before {
  content: "\f472";
}
.fa-dolly-flatbed:before {
  content: "\f474";
}
.fa-donate:before {
  content: "\f4b9";
}
.fa-door-closed:before {
  content: "\f52a";
}
.fa-door-open:before {
  content: "\f52b";
}
.fa-dot-circle:before {
  content: "\f192";
}
.fa-dove:before {
  content: "\f4ba";
}
.fa-download:before {
  content: "\f019";
}
.fa-draft2digital:before {
  content: "\f396";
}
.fa-drafting-compass:before {
  content: "\f568";
}
.fa-dragon:before {
  content: "\f6d5";
}
.fa-draw-polygon:before {
  content: "\f5ee";
}
.fa-dribbble:before {
  content: "\f17d";
}
.fa-dribbble-square:before {
  content: "\f397";
}
.fa-dropbox:before {
  content: "\f16b";
}
.fa-drum:before {
  content: "\f569";
}
.fa-drum-steelpan:before {
  content: "\f56a";
}
.fa-drumstick-bite:before {
  content: "\f6d7";
}
.fa-drupal:before {
  content: "\f1a9";
}
.fa-dumbbell:before {
  content: "\f44b";
}
.fa-dumpster:before {
  content: "\f793";
}
.fa-dumpster-fire:before {
  content: "\f794";
}
.fa-dungeon:before {
  content: "\f6d9";
}
.fa-dyalog:before {
  content: "\f399";
}
.fa-earlybirds:before {
  content: "\f39a";
}
.fa-ebay:before {
  content: "\f4f4";
}
.fa-edge:before {
  content: "\f282";
}
.fa-edge-legacy:before {
  content: "\e078";
}
.fa-edit:before {
  content: "\f044";
}
.fa-egg:before {
  content: "\f7fb";
}
.fa-eject:before {
  content: "\f052";
}
.fa-elementor:before {
  content: "\f430";
}
.fa-ellipsis-h:before {
  content: "\f141";
}
.fa-ellipsis-v:before {
  content: "\f142";
}
.fa-ello:before {
  content: "\f5f1";
}
.fa-ember:before {
  content: "\f423";
}
.fa-empire:before {
  content: "\f1d1";
}
.fa-envelope:before {
  content: "\f0e0";
}
.fa-envelope-open:before {
  content: "\f2b6";
}
.fa-envelope-open-text:before {
  content: "\f658";
}
.fa-envelope-square:before {
  content: "\f199";
}
.fa-envira:before {
  content: "\f299";
}
.fa-equals:before {
  content: "\f52c";
}
.fa-eraser:before {
  content: "\f12d";
}
.fa-erlang:before {
  content: "\f39d";
}
.fa-ethereum:before {
  content: "\f42e";
}
.fa-ethernet:before {
  content: "\f796";
}
.fa-etsy:before {
  content: "\f2d7";
}
.fa-euro-sign:before {
  content: "\f153";
}
.fa-evernote:before {
  content: "\f839";
}
.fa-exchange-alt:before {
  content: "\f362";
}
.fa-exclamation:before {
  content: "\f12a";
}
.fa-exclamation-circle:before {
  content: "\f06a";
}
.fa-exclamation-triangle:before {
  content: "\f071";
}
.fa-expand:before {
  content: "\f065";
}
.fa-expand-alt:before {
  content: "\f424";
}
.fa-expand-arrows-alt:before {
  content: "\f31e";
}
.fa-expeditedssl:before {
  content: "\f23e";
}
.fa-external-link-alt:before {
  content: "\f35d";
}
.fa-external-link-square-alt:before {
  content: "\f360";
}
.fa-eye:before {
  content: "\f06e";
}
.fa-eye-dropper:before {
  content: "\f1fb";
}
.fa-eye-slash:before {
  content: "\f070";
}
.fa-facebook:before {
  content: "\f09a";
}
.fa-facebook-f:before {
  content: "\f39e";
}
.fa-facebook-messenger:before {
  content: "\f39f";
}
.fa-facebook-square:before {
  content: "\f082";
}
.fa-fan:before {
  content: "\f863";
}
.fa-fantasy-flight-games:before {
  content: "\f6dc";
}
.fa-fast-backward:before {
  content: "\f049";
}
.fa-fast-forward:before {
  content: "\f050";
}
.fa-faucet:before {
  content: "\e005";
}
.fa-fax:before {
  content: "\f1ac";
}
.fa-feather:before {
  content: "\f52d";
}
.fa-feather-alt:before {
  content: "\f56b";
}
.fa-fedex:before {
  content: "\f797";
}
.fa-fedora:before {
  content: "\f798";
}
.fa-female:before {
  content: "\f182";
}
.fa-fighter-jet:before {
  content: "\f0fb";
}
.fa-figma:before {
  content: "\f799";
}
.fa-file:before {
  content: "\f15b";
}
.fa-file-alt:before {
  content: "\f15c";
}
.fa-file-archive:before {
  content: "\f1c6";
}
.fa-file-audio:before {
  content: "\f1c7";
}
.fa-file-code:before {
  content: "\f1c9";
}
.fa-file-contract:before {
  content: "\f56c";
}
.fa-file-csv:before {
  content: "\f6dd";
}
.fa-file-download:before {
  content: "\f56d";
}
.fa-file-excel:before {
  content: "\f1c3";
}
.fa-file-export:before {
  content: "\f56e";
}
.fa-file-image:before {
  content: "\f1c5";
}
.fa-file-import:before {
  content: "\f56f";
}
.fa-file-invoice:before {
  content: "\f570";
}
.fa-file-invoice-dollar:before {
  content: "\f571";
}
.fa-file-medical:before {
  content: "\f477";
}
.fa-file-medical-alt:before {
  content: "\f478";
}
.fa-file-pdf:before {
  content: "\f1c1";
}
.fa-file-powerpoint:before {
  content: "\f1c4";
}
.fa-file-prescription:before {
  content: "\f572";
}
.fa-file-signature:before {
  content: "\f573";
}
.fa-file-upload:before {
  content: "\f574";
}
.fa-file-video:before {
  content: "\f1c8";
}
.fa-file-word:before {
  content: "\f1c2";
}
.fa-fill:before {
  content: "\f575";
}
.fa-fill-drip:before {
  content: "\f576";
}
.fa-film:before {
  content: "\f008";
}
.fa-filter:before {
  content: "\f0b0";
}
.fa-fingerprint:before {
  content: "\f577";
}
.fa-fire:before {
  content: "\f06d";
}
.fa-fire-alt:before {
  content: "\f7e4";
}
.fa-fire-extinguisher:before {
  content: "\f134";
}
.fa-firefox:before {
  content: "\f269";
}
.fa-firefox-browser:before {
  content: "\e007";
}
.fa-first-aid:before {
  content: "\f479";
}
.fa-first-order:before {
  content: "\f2b0";
}
.fa-first-order-alt:before {
  content: "\f50a";
}
.fa-firstdraft:before {
  content: "\f3a1";
}
.fa-fish:before {
  content: "\f578";
}
.fa-fist-raised:before {
  content: "\f6de";
}
.fa-flag:before {
  content: "\f024";
}
.fa-flag-checkered:before {
  content: "\f11e";
}
.fa-flag-usa:before {
  content: "\f74d";
}
.fa-flask:before {
  content: "\f0c3";
}
.fa-flickr:before {
  content: "\f16e";
}
.fa-flipboard:before {
  content: "\f44d";
}
.fa-flushed:before {
  content: "\f579";
}
.fa-fly:before {
  content: "\f417";
}
.fa-folder:before {
  content: "\f07b";
}
.fa-folder-minus:before {
  content: "\f65d";
}
.fa-folder-open:before {
  content: "\f07c";
}
.fa-folder-plus:before {
  content: "\f65e";
}
.fa-font:before {
  content: "\f031";
}
.fa-font-awesome:before {
  content: "\f2b4";
}
.fa-font-awesome-alt:before {
  content: "\f35c";
}
.fa-font-awesome-flag:before {
  content: "\f425";
}
.fa-font-awesome-logo-full:before {
  content: "\f4e6";
}
.fa-fonticons:before {
  content: "\f280";
}
.fa-fonticons-fi:before {
  content: "\f3a2";
}
.fa-football-ball:before {
  content: "\f44e";
}
.fa-fort-awesome:before {
  content: "\f286";
}
.fa-fort-awesome-alt:before {
  content: "\f3a3";
}
.fa-forumbee:before {
  content: "\f211";
}
.fa-forward:before {
  content: "\f04e";
}
.fa-foursquare:before {
  content: "\f180";
}
.fa-free-code-camp:before {
  content: "\f2c5";
}
.fa-freebsd:before {
  content: "\f3a4";
}
.fa-frog:before {
  content: "\f52e";
}
.fa-frown:before {
  content: "\f119";
}
.fa-frown-open:before {
  content: "\f57a";
}
.fa-fulcrum:before {
  content: "\f50b";
}
.fa-funnel-dollar:before {
  content: "\f662";
}
.fa-futbol:before {
  content: "\f1e3";
}
.fa-galactic-republic:before {
  content: "\f50c";
}
.fa-galactic-senate:before {
  content: "\f50d";
}
.fa-gamepad:before {
  content: "\f11b";
}
.fa-gas-pump:before {
  content: "\f52f";
}
.fa-gavel:before {
  content: "\f0e3";
}
.fa-gem:before {
  content: "\f3a5";
}
.fa-genderless:before {
  content: "\f22d";
}
.fa-get-pocket:before {
  content: "\f265";
}
.fa-gg:before {
  content: "\f260";
}
.fa-gg-circle:before {
  content: "\f261";
}
.fa-ghost:before {
  content: "\f6e2";
}
.fa-gift:before {
  content: "\f06b";
}
.fa-gifts:before {
  content: "\f79c";
}
.fa-git:before {
  content: "\f1d3";
}
.fa-git-alt:before {
  content: "\f841";
}
.fa-git-square:before {
  content: "\f1d2";
}
.fa-github:before {
  content: "\f09b";
}
.fa-github-alt:before {
  content: "\f113";
}
.fa-github-square:before {
  content: "\f092";
}
.fa-gitkraken:before {
  content: "\f3a6";
}
.fa-gitlab:before {
  content: "\f296";
}
.fa-gitter:before {
  content: "\f426";
}
.fa-glass-cheers:before {
  content: "\f79f";
}
.fa-glass-martini:before {
  content: "\f000";
}
.fa-glass-martini-alt:before {
  content: "\f57b";
}
.fa-glass-whiskey:before {
  content: "\f7a0";
}
.fa-glasses:before {
  content: "\f530";
}
.fa-glide:before {
  content: "\f2a5";
}
.fa-glide-g:before {
  content: "\f2a6";
}
.fa-globe:before {
  content: "\f0ac";
}
.fa-globe-africa:before {
  content: "\f57c";
}
.fa-globe-americas:before {
  content: "\f57d";
}
.fa-globe-asia:before {
  content: "\f57e";
}
.fa-globe-europe:before {
  content: "\f7a2";
}
.fa-gofore:before {
  content: "\f3a7";
}
.fa-golf-ball:before {
  content: "\f450";
}
.fa-goodreads:before {
  content: "\f3a8";
}
.fa-goodreads-g:before {
  content: "\f3a9";
}
.fa-google:before {
  content: "\f1a0";
}
.fa-google-drive:before {
  content: "\f3aa";
}
.fa-google-pay:before {
  content: "\e079";
}
.fa-google-play:before {
  content: "\f3ab";
}
.fa-google-plus:before {
  content: "\f2b3";
}
.fa-google-plus-g:before {
  content: "\f0d5";
}
.fa-google-plus-square:before {
  content: "\f0d4";
}
.fa-google-wallet:before {
  content: "\f1ee";
}
.fa-gopuram:before {
  content: "\f664";
}
.fa-graduation-cap:before {
  content: "\f19d";
}
.fa-gratipay:before {
  content: "\f184";
}
.fa-grav:before {
  content: "\f2d6";
}
.fa-greater-than:before {
  content: "\f531";
}
.fa-greater-than-equal:before {
  content: "\f532";
}
.fa-grimace:before {
  content: "\f57f";
}
.fa-grin:before {
  content: "\f580";
}
.fa-grin-alt:before {
  content: "\f581";
}
.fa-grin-beam:before {
  content: "\f582";
}
.fa-grin-beam-sweat:before {
  content: "\f583";
}
.fa-grin-hearts:before {
  content: "\f584";
}
.fa-grin-squint:before {
  content: "\f585";
}
.fa-grin-squint-tears:before {
  content: "\f586";
}
.fa-grin-stars:before {
  content: "\f587";
}
.fa-grin-tears:before {
  content: "\f588";
}
.fa-grin-tongue:before {
  content: "\f589";
}
.fa-grin-tongue-squint:before {
  content: "\f58a";
}
.fa-grin-tongue-wink:before {
  content: "\f58b";
}
.fa-grin-wink:before {
  content: "\f58c";
}
.fa-grip-horizontal:before {
  content: "\f58d";
}
.fa-grip-lines:before {
  content: "\f7a4";
}
.fa-grip-lines-vertical:before {
  content: "\f7a5";
}
.fa-grip-vertical:before {
  content: "\f58e";
}
.fa-gripfire:before {
  content: "\f3ac";
}
.fa-grunt:before {
  content: "\f3ad";
}
.fa-guilded:before {
  content: "\e07e";
}
.fa-guitar:before {
  content: "\f7a6";
}
.fa-gulp:before {
  content: "\f3ae";
}
.fa-h-square:before {
  content: "\f0fd";
}
.fa-hacker-news:before {
  content: "\f1d4";
}
.fa-hacker-news-square:before {
  content: "\f3af";
}
.fa-hackerrank:before {
  content: "\f5f7";
}
.fa-hamburger:before {
  content: "\f805";
}
.fa-hammer:before {
  content: "\f6e3";
}
.fa-hamsa:before {
  content: "\f665";
}
.fa-hand-holding:before {
  content: "\f4bd";
}
.fa-hand-holding-heart:before {
  content: "\f4be";
}
.fa-hand-holding-medical:before {
  content: "\e05c";
}
.fa-hand-holding-usd:before {
  content: "\f4c0";
}
.fa-hand-holding-water:before {
  content: "\f4c1";
}
.fa-hand-lizard:before {
  content: "\f258";
}
.fa-hand-middle-finger:before {
  content: "\f806";
}
.fa-hand-paper:before {
  content: "\f256";
}
.fa-hand-peace:before {
  content: "\f25b";
}
.fa-hand-point-down:before {
  content: "\f0a7";
}
.fa-hand-point-left:before {
  content: "\f0a5";
}
.fa-hand-point-right:before {
  content: "\f0a4";
}
.fa-hand-point-up:before {
  content: "\f0a6";
}
.fa-hand-pointer:before {
  content: "\f25a";
}
.fa-hand-rock:before {
  content: "\f255";
}
.fa-hand-scissors:before {
  content: "\f257";
}
.fa-hand-sparkles:before {
  content: "\e05d";
}
.fa-hand-spock:before {
  content: "\f259";
}
.fa-hands:before {
  content: "\f4c2";
}
.fa-hands-helping:before {
  content: "\f4c4";
}
.fa-hands-wash:before {
  content: "\e05e";
}
.fa-handshake:before {
  content: "\f2b5";
}
.fa-handshake-alt-slash:before {
  content: "\e05f";
}
.fa-handshake-slash:before {
  content: "\e060";
}
.fa-hanukiah:before {
  content: "\f6e6";
}
.fa-hard-hat:before {
  content: "\f807";
}
.fa-hashtag:before {
  content: "\f292";
}
.fa-hat-cowboy:before {
  content: "\f8c0";
}
.fa-hat-cowboy-side:before {
  content: "\f8c1";
}
.fa-hat-wizard:before {
  content: "\f6e8";
}
.fa-hdd:before {
  content: "\f0a0";
}
.fa-head-side-cough:before {
  content: "\e061";
}
.fa-head-side-cough-slash:before {
  content: "\e062";
}
.fa-head-side-mask:before {
  content: "\e063";
}
.fa-head-side-virus:before {
  content: "\e064";
}
.fa-heading:before {
  content: "\f1dc";
}
.fa-headphones:before {
  content: "\f025";
}
.fa-headphones-alt:before {
  content: "\f58f";
}
.fa-headset:before {
  content: "\f590";
}
.fa-heart:before {
  content: "\f004";
}
.fa-heart-broken:before {
  content: "\f7a9";
}
.fa-heartbeat:before {
  content: "\f21e";
}
.fa-helicopter:before {
  content: "\f533";
}
.fa-highlighter:before {
  content: "\f591";
}
.fa-hiking:before {
  content: "\f6ec";
}
.fa-hippo:before {
  content: "\f6ed";
}
.fa-hips:before {
  content: "\f452";
}
.fa-hire-a-helper:before {
  content: "\f3b0";
}
.fa-history:before {
  content: "\f1da";
}
.fa-hive:before {
  content: "\e07f";
}
.fa-hockey-puck:before {
  content: "\f453";
}
.fa-holly-berry:before {
  content: "\f7aa";
}
.fa-home:before {
  content: "\f015";
}
.fa-hooli:before {
  content: "\f427";
}
.fa-hornbill:before {
  content: "\f592";
}
.fa-horse:before {
  content: "\f6f0";
}
.fa-horse-head:before {
  content: "\f7ab";
}
.fa-hospital:before {
  content: "\f0f8";
}
.fa-hospital-alt:before {
  content: "\f47d";
}
.fa-hospital-symbol:before {
  content: "\f47e";
}
.fa-hospital-user:before {
  content: "\f80d";
}
.fa-hot-tub:before {
  content: "\f593";
}
.fa-hotdog:before {
  content: "\f80f";
}
.fa-hotel:before {
  content: "\f594";
}
.fa-hotjar:before {
  content: "\f3b1";
}
.fa-hourglass:before {
  content: "\f254";
}
.fa-hourglass-end:before {
  content: "\f253";
}
.fa-hourglass-half:before {
  content: "\f252";
}
.fa-hourglass-start:before {
  content: "\f251";
}
.fa-house-damage:before {
  content: "\f6f1";
}
.fa-house-user:before {
  content: "\e065";
}
.fa-houzz:before {
  content: "\f27c";
}
.fa-hryvnia:before {
  content: "\f6f2";
}
.fa-html5:before {
  content: "\f13b";
}
.fa-hubspot:before {
  content: "\f3b2";
}
.fa-i-cursor:before {
  content: "\f246";
}
.fa-ice-cream:before {
  content: "\f810";
}
.fa-icicles:before {
  content: "\f7ad";
}
.fa-icons:before {
  content: "\f86d";
}
.fa-id-badge:before {
  content: "\f2c1";
}
.fa-id-card:before {
  content: "\f2c2";
}
.fa-id-card-alt:before {
  content: "\f47f";
}
.fa-ideal:before {
  content: "\e013";
}
.fa-igloo:before {
  content: "\f7ae";
}
.fa-image:before {
  content: "\f03e";
}
.fa-images:before {
  content: "\f302";
}
.fa-imdb:before {
  content: "\f2d8";
}
.fa-inbox:before {
  content: "\f01c";
}
.fa-indent:before {
  content: "\f03c";
}
.fa-industry:before {
  content: "\f275";
}
.fa-infinity:before {
  content: "\f534";
}
.fa-info:before {
  content: "\f129";
}
.fa-info-circle:before {
  content: "\f05a";
}
.fa-innosoft:before {
  content: "\e080";
}
.fa-instagram:before {
  content: "\f16d";
}
.fa-instagram-square:before {
  content: "\e055";
}
.fa-instalod:before {
  content: "\e081";
}
.fa-intercom:before {
  content: "\f7af";
}
.fa-internet-explorer:before {
  content: "\f26b";
}
.fa-invision:before {
  content: "\f7b0";
}
.fa-ioxhost:before {
  content: "\f208";
}
.fa-italic:before {
  content: "\f033";
}
.fa-itch-io:before {
  content: "\f83a";
}
.fa-itunes:before {
  content: "\f3b4";
}
.fa-itunes-note:before {
  content: "\f3b5";
}
.fa-java:before {
  content: "\f4e4";
}
.fa-jedi:before {
  content: "\f669";
}
.fa-jedi-order:before {
  content: "\f50e";
}
.fa-jenkins:before {
  content: "\f3b6";
}
.fa-jira:before {
  content: "\f7b1";
}
.fa-joget:before {
  content: "\f3b7";
}
.fa-joint:before {
  content: "\f595";
}
.fa-joomla:before {
  content: "\f1aa";
}
.fa-journal-whills:before {
  content: "\f66a";
}
.fa-js:before {
  content: "\f3b8";
}
.fa-js-square:before {
  content: "\f3b9";
}
.fa-jsfiddle:before {
  content: "\f1cc";
}
.fa-kaaba:before {
  content: "\f66b";
}
.fa-kaggle:before {
  content: "\f5fa";
}
.fa-key:before {
  content: "\f084";
}
.fa-keybase:before {
  content: "\f4f5";
}
.fa-keyboard:before {
  content: "\f11c";
}
.fa-keycdn:before {
  content: "\f3ba";
}
.fa-khanda:before {
  content: "\f66d";
}
.fa-kickstarter:before {
  content: "\f3bb";
}
.fa-kickstarter-k:before {
  content: "\f3bc";
}
.fa-kiss:before {
  content: "\f596";
}
.fa-kiss-beam:before {
  content: "\f597";
}
.fa-kiss-wink-heart:before {
  content: "\f598";
}
.fa-kiwi-bird:before {
  content: "\f535";
}
.fa-korvue:before {
  content: "\f42f";
}
.fa-landmark:before {
  content: "\f66f";
}
.fa-language:before {
  content: "\f1ab";
}
.fa-laptop:before {
  content: "\f109";
}
.fa-laptop-code:before {
  content: "\f5fc";
}
.fa-laptop-house:before {
  content: "\e066";
}
.fa-laptop-medical:before {
  content: "\f812";
}
.fa-laravel:before {
  content: "\f3bd";
}
.fa-lastfm:before {
  content: "\f202";
}
.fa-lastfm-square:before {
  content: "\f203";
}
.fa-laugh:before {
  content: "\f599";
}
.fa-laugh-beam:before {
  content: "\f59a";
}
.fa-laugh-squint:before {
  content: "\f59b";
}
.fa-laugh-wink:before {
  content: "\f59c";
}
.fa-layer-group:before {
  content: "\f5fd";
}
.fa-leaf:before {
  content: "\f06c";
}
.fa-leanpub:before {
  content: "\f212";
}
.fa-lemon:before {
  content: "\f094";
}
.fa-less:before {
  content: "\f41d";
}
.fa-less-than:before {
  content: "\f536";
}
.fa-less-than-equal:before {
  content: "\f537";
}
.fa-level-down-alt:before {
  content: "\f3be";
}
.fa-level-up-alt:before {
  content: "\f3bf";
}
.fa-life-ring:before {
  content: "\f1cd";
}
.fa-lightbulb:before {
  content: "\f0eb";
}
.fa-line:before {
  content: "\f3c0";
}
.fa-link:before {
  content: "\f0c1";
}
.fa-linkedin:before {
  content: "\f08c";
}
.fa-linkedin-in:before {
  content: "\f0e1";
}
.fa-linode:before {
  content: "\f2b8";
}
.fa-linux:before {
  content: "\f17c";
}
.fa-lira-sign:before {
  content: "\f195";
}
.fa-list:before {
  content: "\f03a";
}
.fa-list-alt:before {
  content: "\f022";
}
.fa-list-ol:before {
  content: "\f0cb";
}
.fa-list-ul:before {
  content: "\f0ca";
}
.fa-location-arrow:before {
  content: "\f124";
}
.fa-lock:before {
  content: "\f023";
}
.fa-lock-open:before {
  content: "\f3c1";
}
.fa-long-arrow-alt-down:before {
  content: "\f309";
}
.fa-long-arrow-alt-left:before {
  content: "\f30a";
}
.fa-long-arrow-alt-right:before {
  content: "\f30b";
}
.fa-long-arrow-alt-up:before {
  content: "\f30c";
}
.fa-low-vision:before {
  content: "\f2a8";
}
.fa-luggage-cart:before {
  content: "\f59d";
}
.fa-lungs:before {
  content: "\f604";
}
.fa-lungs-virus:before {
  content: "\e067";
}
.fa-lyft:before {
  content: "\f3c3";
}
.fa-magento:before {
  content: "\f3c4";
}
.fa-magic:before {
  content: "\f0d0";
}
.fa-magnet:before {
  content: "\f076";
}
.fa-mail-bulk:before {
  content: "\f674";
}
.fa-mailchimp:before {
  content: "\f59e";
}
.fa-male:before {
  content: "\f183";
}
.fa-mandalorian:before {
  content: "\f50f";
}
.fa-map:before {
  content: "\f279";
}
.fa-map-marked:before {
  content: "\f59f";
}
.fa-map-marked-alt:before {
  content: "\f5a0";
}
.fa-map-marker:before {
  content: "\f041";
}
.fa-map-marker-alt:before {
  content: "\f3c5";
}
.fa-map-pin:before {
  content: "\f276";
}
.fa-map-signs:before {
  content: "\f277";
}
.fa-markdown:before {
  content: "\f60f";
}
.fa-marker:before {
  content: "\f5a1";
}
.fa-mars:before {
  content: "\f222";
}
.fa-mars-double:before {
  content: "\f227";
}
.fa-mars-stroke:before {
  content: "\f229";
}
.fa-mars-stroke-h:before {
  content: "\f22b";
}
.fa-mars-stroke-v:before {
  content: "\f22a";
}
.fa-mask:before {
  content: "\f6fa";
}
.fa-mastodon:before {
  content: "\f4f6";
}
.fa-maxcdn:before {
  content: "\f136";
}
.fa-mdb:before {
  content: "\f8ca";
}
.fa-medal:before {
  content: "\f5a2";
}
.fa-medapps:before {
  content: "\f3c6";
}
.fa-medium:before {
  content: "\f23a";
}
.fa-medium-m:before {
  content: "\f3c7";
}
.fa-medkit:before {
  content: "\f0fa";
}
.fa-medrt:before {
  content: "\f3c8";
}
.fa-meetup:before {
  content: "\f2e0";
}
.fa-megaport:before {
  content: "\f5a3";
}
.fa-meh:before {
  content: "\f11a";
}
.fa-meh-blank:before {
  content: "\f5a4";
}
.fa-meh-rolling-eyes:before {
  content: "\f5a5";
}
.fa-memory:before {
  content: "\f538";
}
.fa-mendeley:before {
  content: "\f7b3";
}
.fa-menorah:before {
  content: "\f676";
}
.fa-mercury:before {
  content: "\f223";
}
.fa-meteor:before {
  content: "\f753";
}
.fa-microblog:before {
  content: "\e01a";
}
.fa-microchip:before {
  content: "\f2db";
}
.fa-microphone:before {
  content: "\f130";
}
.fa-microphone-alt:before {
  content: "\f3c9";
}
.fa-microphone-alt-slash:before {
  content: "\f539";
}
.fa-microphone-slash:before {
  content: "\f131";
}
.fa-microscope:before {
  content: "\f610";
}
.fa-microsoft:before {
  content: "\f3ca";
}
.fa-minus:before {
  content: "\f068";
}
.fa-minus-circle:before {
  content: "\f056";
}
.fa-minus-square:before {
  content: "\f146";
}
.fa-mitten:before {
  content: "\f7b5";
}
.fa-mix:before {
  content: "\f3cb";
}
.fa-mixcloud:before {
  content: "\f289";
}
.fa-mixer:before {
  content: "\e056";
}
.fa-mizuni:before {
  content: "\f3cc";
}
.fa-mobile:before {
  content: "\f10b";
}
.fa-mobile-alt:before {
  content: "\f3cd";
}
.fa-modx:before {
  content: "\f285";
}
.fa-monero:before {
  content: "\f3d0";
}
.fa-money-bill:before {
  content: "\f0d6";
}
.fa-money-bill-alt:before {
  content: "\f3d1";
}
.fa-money-bill-wave:before {
  content: "\f53a";
}
.fa-money-bill-wave-alt:before {
  content: "\f53b";
}
.fa-money-check:before {
  content: "\f53c";
}
.fa-money-check-alt:before {
  content: "\f53d";
}
.fa-monument:before {
  content: "\f5a6";
}
.fa-moon:before {
  content: "\f186";
}
.fa-mortar-pestle:before {
  content: "\f5a7";
}
.fa-mosque:before {
  content: "\f678";
}
.fa-motorcycle:before {
  content: "\f21c";
}
.fa-mountain:before {
  content: "\f6fc";
}
.fa-mouse:before {
  content: "\f8cc";
}
.fa-mouse-pointer:before {
  content: "\f245";
}
.fa-mug-hot:before {
  content: "\f7b6";
}
.fa-music:before {
  content: "\f001";
}
.fa-napster:before {
  content: "\f3d2";
}
.fa-neos:before {
  content: "\f612";
}
.fa-network-wired:before {
  content: "\f6ff";
}
.fa-neuter:before {
  content: "\f22c";
}
.fa-newspaper:before {
  content: "\f1ea";
}
.fa-nimblr:before {
  content: "\f5a8";
}
.fa-node:before {
  content: "\f419";
}
.fa-node-js:before {
  content: "\f3d3";
}
.fa-not-equal:before {
  content: "\f53e";
}
.fa-notes-medical:before {
  content: "\f481";
}
.fa-npm:before {
  content: "\f3d4";
}
.fa-ns8:before {
  content: "\f3d5";
}
.fa-nutritionix:before {
  content: "\f3d6";
}
.fa-object-group:before {
  content: "\f247";
}
.fa-object-ungroup:before {
  content: "\f248";
}
.fa-octopus-deploy:before {
  content: "\e082";
}
.fa-odnoklassniki:before {
  content: "\f263";
}
.fa-odnoklassniki-square:before {
  content: "\f264";
}
.fa-oil-can:before {
  content: "\f613";
}
.fa-old-republic:before {
  content: "\f510";
}
.fa-om:before {
  content: "\f679";
}
.fa-opencart:before {
  content: "\f23d";
}
.fa-openid:before {
  content: "\f19b";
}
.fa-opera:before {
  content: "\f26a";
}
.fa-optin-monster:before {
  content: "\f23c";
}
.fa-orcid:before {
  content: "\f8d2";
}
.fa-osi:before {
  content: "\f41a";
}
.fa-otter:before {
  content: "\f700";
}
.fa-outdent:before {
  content: "\f03b";
}
.fa-page4:before {
  content: "\f3d7";
}
.fa-pagelines:before {
  content: "\f18c";
}
.fa-pager:before {
  content: "\f815";
}
.fa-paint-brush:before {
  content: "\f1fc";
}
.fa-paint-roller:before {
  content: "\f5aa";
}
.fa-palette:before {
  content: "\f53f";
}
.fa-palfed:before {
  content: "\f3d8";
}
.fa-pallet:before {
  content: "\f482";
}
.fa-paper-plane:before {
  content: "\f1d8";
}
.fa-paperclip:before {
  content: "\f0c6";
}
.fa-parachute-box:before {
  content: "\f4cd";
}
.fa-paragraph:before {
  content: "\f1dd";
}
.fa-parking:before {
  content: "\f540";
}
.fa-passport:before {
  content: "\f5ab";
}
.fa-pastafarianism:before {
  content: "\f67b";
}
.fa-paste:before {
  content: "\f0ea";
}
.fa-patreon:before {
  content: "\f3d9";
}
.fa-pause:before {
  content: "\f04c";
}
.fa-pause-circle:before {
  content: "\f28b";
}
.fa-paw:before {
  content: "\f1b0";
}
.fa-paypal:before {
  content: "\f1ed";
}
.fa-peace:before {
  content: "\f67c";
}
.fa-pen:before {
  content: "\f304";
}
.fa-pen-alt:before {
  content: "\f305";
}
.fa-pen-fancy:before {
  content: "\f5ac";
}
.fa-pen-nib:before {
  content: "\f5ad";
}
.fa-pen-square:before {
  content: "\f14b";
}
.fa-pencil-alt:before {
  content: "\f303";
}
.fa-pencil-ruler:before {
  content: "\f5ae";
}
.fa-penny-arcade:before {
  content: "\f704";
}
.fa-people-arrows:before {
  content: "\e068";
}
.fa-people-carry:before {
  content: "\f4ce";
}
.fa-pepper-hot:before {
  content: "\f816";
}
.fa-perbyte:before {
  content: "\e083";
}
.fa-percent:before {
  content: "\f295";
}
.fa-percentage:before {
  content: "\f541";
}
.fa-periscope:before {
  content: "\f3da";
}
.fa-person-booth:before {
  content: "\f756";
}
.fa-phabricator:before {
  content: "\f3db";
}
.fa-phoenix-framework:before {
  content: "\f3dc";
}
.fa-phoenix-squadron:before {
  content: "\f511";
}
.fa-phone:before {
  content: "\f095";
}
.fa-phone-alt:before {
  content: "\f879";
}
.fa-phone-slash:before {
  content: "\f3dd";
}
.fa-phone-square:before {
  content: "\f098";
}
.fa-phone-square-alt:before {
  content: "\f87b";
}
.fa-phone-volume:before {
  content: "\f2a0";
}
.fa-photo-video:before {
  content: "\f87c";
}
.fa-php:before {
  content: "\f457";
}
.fa-pied-piper:before {
  content: "\f2ae";
}
.fa-pied-piper-alt:before {
  content: "\f1a8";
}
.fa-pied-piper-hat:before {
  content: "\f4e5";
}
.fa-pied-piper-pp:before {
  content: "\f1a7";
}
.fa-pied-piper-square:before {
  content: "\e01e";
}
.fa-piggy-bank:before {
  content: "\f4d3";
}
.fa-pills:before {
  content: "\f484";
}
.fa-pinterest:before {
  content: "\f0d2";
}
.fa-pinterest-p:before {
  content: "\f231";
}
.fa-pinterest-square:before {
  content: "\f0d3";
}
.fa-pizza-slice:before {
  content: "\f818";
}
.fa-place-of-worship:before {
  content: "\f67f";
}
.fa-plane:before {
  content: "\f072";
}
.fa-plane-arrival:before {
  content: "\f5af";
}
.fa-plane-departure:before {
  content: "\f5b0";
}
.fa-plane-slash:before {
  content: "\e069";
}
.fa-play:before {
  content: "\f04b";
}
.fa-play-circle:before {
  content: "\f144";
}
.fa-playstation:before {
  content: "\f3df";
}
.fa-plug:before {
  content: "\f1e6";
}
.fa-plus:before {
  content: "\f067";
}
.fa-plus-circle:before {
  content: "\f055";
}
.fa-plus-square:before {
  content: "\f0fe";
}
.fa-podcast:before {
  content: "\f2ce";
}
.fa-poll:before {
  content: "\f681";
}
.fa-poll-h:before {
  content: "\f682";
}
.fa-poo:before {
  content: "\f2fe";
}
.fa-poo-storm:before {
  content: "\f75a";
}
.fa-poop:before {
  content: "\f619";
}
.fa-portrait:before {
  content: "\f3e0";
}
.fa-pound-sign:before {
  content: "\f154";
}
.fa-power-off:before {
  content: "\f011";
}
.fa-pray:before {
  content: "\f683";
}
.fa-praying-hands:before {
  content: "\f684";
}
.fa-prescription:before {
  content: "\f5b1";
}
.fa-prescription-bottle:before {
  content: "\f485";
}
.fa-prescription-bottle-alt:before {
  content: "\f486";
}
.fa-print:before {
  content: "\f02f";
}
.fa-procedures:before {
  content: "\f487";
}
.fa-product-hunt:before {
  content: "\f288";
}
.fa-project-diagram:before {
  content: "\f542";
}
.fa-pump-medical:before {
  content: "\e06a";
}
.fa-pump-soap:before {
  content: "\e06b";
}
.fa-pushed:before {
  content: "\f3e1";
}
.fa-puzzle-piece:before {
  content: "\f12e";
}
.fa-python:before {
  content: "\f3e2";
}
.fa-qq:before {
  content: "\f1d6";
}
.fa-qrcode:before {
  content: "\f029";
}
.fa-question:before {
  content: "\f128";
}
.fa-question-circle:before {
  content: "\f059";
}
.fa-quidditch:before {
  content: "\f458";
}
.fa-quinscape:before {
  content: "\f459";
}
.fa-quora:before {
  content: "\f2c4";
}
.fa-quote-left:before {
  content: "\f10d";
}
.fa-quote-right:before {
  content: "\f10e";
}
.fa-quran:before {
  content: "\f687";
}
.fa-r-project:before {
  content: "\f4f7";
}
.fa-radiation:before {
  content: "\f7b9";
}
.fa-radiation-alt:before {
  content: "\f7ba";
}
.fa-rainbow:before {
  content: "\f75b";
}
.fa-random:before {
  content: "\f074";
}
.fa-raspberry-pi:before {
  content: "\f7bb";
}
.fa-ravelry:before {
  content: "\f2d9";
}
.fa-react:before {
  content: "\f41b";
}
.fa-reacteurope:before {
  content: "\f75d";
}
.fa-readme:before {
  content: "\f4d5";
}
.fa-rebel:before {
  content: "\f1d0";
}
.fa-receipt:before {
  content: "\f543";
}
.fa-record-vinyl:before {
  content: "\f8d9";
}
.fa-recycle:before {
  content: "\f1b8";
}
.fa-red-river:before {
  content: "\f3e3";
}
.fa-reddit:before {
  content: "\f1a1";
}
.fa-reddit-alien:before {
  content: "\f281";
}
.fa-reddit-square:before {
  content: "\f1a2";
}
.fa-redhat:before {
  content: "\f7bc";
}
.fa-redo:before {
  content: "\f01e";
}
.fa-redo-alt:before {
  content: "\f2f9";
}
.fa-registered:before {
  content: "\f25d";
}
.fa-remove-format:before {
  content: "\f87d";
}
.fa-renren:before {
  content: "\f18b";
}
.fa-reply:before {
  content: "\f3e5";
}
.fa-reply-all:before {
  content: "\f122";
}
.fa-replyd:before {
  content: "\f3e6";
}
.fa-republican:before {
  content: "\f75e";
}
.fa-researchgate:before {
  content: "\f4f8";
}
.fa-resolving:before {
  content: "\f3e7";
}
.fa-restroom:before {
  content: "\f7bd";
}
.fa-retweet:before {
  content: "\f079";
}
.fa-rev:before {
  content: "\f5b2";
}
.fa-ribbon:before {
  content: "\f4d6";
}
.fa-ring:before {
  content: "\f70b";
}
.fa-road:before {
  content: "\f018";
}
.fa-robot:before {
  content: "\f544";
}
.fa-rocket:before {
  content: "\f135";
}
.fa-rocketchat:before {
  content: "\f3e8";
}
.fa-rockrms:before {
  content: "\f3e9";
}
.fa-route:before {
  content: "\f4d7";
}
.fa-rss:before {
  content: "\f09e";
}
.fa-rss-square:before {
  content: "\f143";
}
.fa-ruble-sign:before {
  content: "\f158";
}
.fa-ruler:before {
  content: "\f545";
}
.fa-ruler-combined:before {
  content: "\f546";
}
.fa-ruler-horizontal:before {
  content: "\f547";
}
.fa-ruler-vertical:before {
  content: "\f548";
}
.fa-running:before {
  content: "\f70c";
}
.fa-rupee-sign:before {
  content: "\f156";
}
.fa-rust:before {
  content: "\e07a";
}
.fa-sad-cry:before {
  content: "\f5b3";
}
.fa-sad-tear:before {
  content: "\f5b4";
}
.fa-safari:before {
  content: "\f267";
}
.fa-salesforce:before {
  content: "\f83b";
}
.fa-sass:before {
  content: "\f41e";
}
.fa-satellite:before {
  content: "\f7bf";
}
.fa-satellite-dish:before {
  content: "\f7c0";
}
.fa-save:before {
  content: "\f0c7";
}
.fa-schlix:before {
  content: "\f3ea";
}
.fa-school:before {
  content: "\f549";
}
.fa-screwdriver:before {
  content: "\f54a";
}
.fa-scribd:before {
  content: "\f28a";
}
.fa-scroll:before {
  content: "\f70e";
}
.fa-sd-card:before {
  content: "\f7c2";
}
.fa-search:before {
  content: "\f002";
}
.fa-search-dollar:before {
  content: "\f688";
}
.fa-search-location:before {
  content: "\f689";
}
.fa-search-minus:before {
  content: "\f010";
}
.fa-search-plus:before {
  content: "\f00e";
}
.fa-searchengin:before {
  content: "\f3eb";
}
.fa-seedling:before {
  content: "\f4d8";
}
.fa-sellcast:before {
  content: "\f2da";
}
.fa-sellsy:before {
  content: "\f213";
}
.fa-server:before {
  content: "\f233";
}
.fa-servicestack:before {
  content: "\f3ec";
}
.fa-shapes:before {
  content: "\f61f";
}
.fa-share:before {
  content: "\f064";
}
.fa-share-alt:before {
  content: "\f1e0";
}
.fa-share-alt-square:before {
  content: "\f1e1";
}
.fa-share-square:before {
  content: "\f14d";
}
.fa-shekel-sign:before {
  content: "\f20b";
}
.fa-shield-alt:before {
  content: "\f3ed";
}
.fa-shield-virus:before {
  content: "\e06c";
}
.fa-ship:before {
  content: "\f21a";
}
.fa-shipping-fast:before {
  content: "\f48b";
}
.fa-shirtsinbulk:before {
  content: "\f214";
}
.fa-shoe-prints:before {
  content: "\f54b";
}
.fa-shopify:before {
  content: "\e057";
}
.fa-shopping-bag:before {
  content: "\f290";
}
.fa-shopping-basket:before {
  content: "\f291";
}
.fa-shopping-cart:before {
  content: "\f07a";
}
.fa-shopware:before {
  content: "\f5b5";
}
.fa-shower:before {
  content: "\f2cc";
}
.fa-shuttle-van:before {
  content: "\f5b6";
}
.fa-sign:before {
  content: "\f4d9";
}
.fa-sign-in-alt:before {
  content: "\f2f6";
}
.fa-sign-language:before {
  content: "\f2a7";
}
.fa-sign-out-alt:before {
  content: "\f2f5";
}
.fa-signal:before {
  content: "\f012";
}
.fa-signature:before {
  content: "\f5b7";
}
.fa-sim-card:before {
  content: "\f7c4";
}
.fa-simplybuilt:before {
  content: "\f215";
}
.fa-sink:before {
  content: "\e06d";
}
.fa-sistrix:before {
  content: "\f3ee";
}
.fa-sitemap:before {
  content: "\f0e8";
}
.fa-sith:before {
  content: "\f512";
}
.fa-skating:before {
  content: "\f7c5";
}
.fa-sketch:before {
  content: "\f7c6";
}
.fa-skiing:before {
  content: "\f7c9";
}
.fa-skiing-nordic:before {
  content: "\f7ca";
}
.fa-skull:before {
  content: "\f54c";
}
.fa-skull-crossbones:before {
  content: "\f714";
}
.fa-skyatlas:before {
  content: "\f216";
}
.fa-skype:before {
  content: "\f17e";
}
.fa-slack:before {
  content: "\f198";
}
.fa-slack-hash:before {
  content: "\f3ef";
}
.fa-slash:before {
  content: "\f715";
}
.fa-sleigh:before {
  content: "\f7cc";
}
.fa-sliders-h:before {
  content: "\f1de";
}
.fa-slideshare:before {
  content: "\f1e7";
}
.fa-smile:before {
  content: "\f118";
}
.fa-smile-beam:before {
  content: "\f5b8";
}
.fa-smile-wink:before {
  content: "\f4da";
}
.fa-smog:before {
  content: "\f75f";
}
.fa-smoking:before {
  content: "\f48d";
}
.fa-smoking-ban:before {
  content: "\f54d";
}
.fa-sms:before {
  content: "\f7cd";
}
.fa-snapchat:before {
  content: "\f2ab";
}
.fa-snapchat-ghost:before {
  content: "\f2ac";
}
.fa-snapchat-square:before {
  content: "\f2ad";
}
.fa-snowboarding:before {
  content: "\f7ce";
}
.fa-snowflake:before {
  content: "\f2dc";
}
.fa-snowman:before {
  content: "\f7d0";
}
.fa-snowplow:before {
  content: "\f7d2";
}
.fa-soap:before {
  content: "\e06e";
}
.fa-socks:before {
  content: "\f696";
}
.fa-solar-panel:before {
  content: "\f5ba";
}
.fa-sort:before {
  content: "\f0dc";
}
.fa-sort-alpha-down:before {
  content: "\f15d";
}
.fa-sort-alpha-down-alt:before {
  content: "\f881";
}
.fa-sort-alpha-up:before {
  content: "\f15e";
}
.fa-sort-alpha-up-alt:before {
  content: "\f882";
}
.fa-sort-amount-down:before {
  content: "\f160";
}
.fa-sort-amount-down-alt:before {
  content: "\f884";
}
.fa-sort-amount-up:before {
  content: "\f161";
}
.fa-sort-amount-up-alt:before {
  content: "\f885";
}
.fa-sort-down:before {
  content: "\f0dd";
}
.fa-sort-numeric-down:before {
  content: "\f162";
}
.fa-sort-numeric-down-alt:before {
  content: "\f886";
}
.fa-sort-numeric-up:before {
  content: "\f163";
}
.fa-sort-numeric-up-alt:before {
  content: "\f887";
}
.fa-sort-up:before {
  content: "\f0de";
}
.fa-soundcloud:before {
  content: "\f1be";
}
.fa-sourcetree:before {
  content: "\f7d3";
}
.fa-spa:before {
  content: "\f5bb";
}
.fa-space-shuttle:before {
  content: "\f197";
}
.fa-speakap:before {
  content: "\f3f3";
}
.fa-speaker-deck:before {
  content: "\f83c";
}
.fa-spell-check:before {
  content: "\f891";
}
.fa-spider:before {
  content: "\f717";
}
.fa-spinner:before {
  content: "\f110";
}
.fa-splotch:before {
  content: "\f5bc";
}
.fa-spotify:before {
  content: "\f1bc";
}
.fa-spray-can:before {
  content: "\f5bd";
}
.fa-square:before {
  content: "\f0c8";
}
.fa-square-full:before {
  content: "\f45c";
}
.fa-square-root-alt:before {
  content: "\f698";
}
.fa-squarespace:before {
  content: "\f5be";
}
.fa-stack-exchange:before {
  content: "\f18d";
}
.fa-stack-overflow:before {
  content: "\f16c";
}
.fa-stackpath:before {
  content: "\f842";
}
.fa-stamp:before {
  content: "\f5bf";
}
.fa-star:before {
  content: "\f005";
}
.fa-star-and-crescent:before {
  content: "\f699";
}
.fa-star-half:before {
  content: "\f089";
}
.fa-star-half-alt:before {
  content: "\f5c0";
}
.fa-star-of-david:before {
  content: "\f69a";
}
.fa-star-of-life:before {
  content: "\f621";
}
.fa-staylinked:before {
  content: "\f3f5";
}
.fa-steam:before {
  content: "\f1b6";
}
.fa-steam-square:before {
  content: "\f1b7";
}
.fa-steam-symbol:before {
  content: "\f3f6";
}
.fa-step-backward:before {
  content: "\f048";
}
.fa-step-forward:before {
  content: "\f051";
}
.fa-stethoscope:before {
  content: "\f0f1";
}
.fa-sticker-mule:before {
  content: "\f3f7";
}
.fa-sticky-note:before {
  content: "\f249";
}
.fa-stop:before {
  content: "\f04d";
}
.fa-stop-circle:before {
  content: "\f28d";
}
.fa-stopwatch:before {
  content: "\f2f2";
}
.fa-stopwatch-20:before {
  content: "\e06f";
}
.fa-store:before {
  content: "\f54e";
}
.fa-store-alt:before {
  content: "\f54f";
}
.fa-store-alt-slash:before {
  content: "\e070";
}
.fa-store-slash:before {
  content: "\e071";
}
.fa-strava:before {
  content: "\f428";
}
.fa-stream:before {
  content: "\f550";
}
.fa-street-view:before {
  content: "\f21d";
}
.fa-strikethrough:before {
  content: "\f0cc";
}
.fa-stripe:before {
  content: "\f429";
}
.fa-stripe-s:before {
  content: "\f42a";
}
.fa-stroopwafel:before {
  content: "\f551";
}
.fa-studiovinari:before {
  content: "\f3f8";
}
.fa-stumbleupon:before {
  content: "\f1a4";
}
.fa-stumbleupon-circle:before {
  content: "\f1a3";
}
.fa-subscript:before {
  content: "\f12c";
}
.fa-subway:before {
  content: "\f239";
}
.fa-suitcase:before {
  content: "\f0f2";
}
.fa-suitcase-rolling:before {
  content: "\f5c1";
}
.fa-sun:before {
  content: "\f185";
}
.fa-superpowers:before {
  content: "\f2dd";
}
.fa-superscript:before {
  content: "\f12b";
}
.fa-supple:before {
  content: "\f3f9";
}
.fa-surprise:before {
  content: "\f5c2";
}
.fa-suse:before {
  content: "\f7d6";
}
.fa-swatchbook:before {
  content: "\f5c3";
}
.fa-swift:before {
  content: "\f8e1";
}
.fa-swimmer:before {
  content: "\f5c4";
}
.fa-swimming-pool:before {
  content: "\f5c5";
}
.fa-symfony:before {
  content: "\f83d";
}
.fa-synagogue:before {
  content: "\f69b";
}
.fa-sync:before {
  content: "\f021";
}
.fa-sync-alt:before {
  content: "\f2f1";
}
.fa-syringe:before {
  content: "\f48e";
}
.fa-table:before {
  content: "\f0ce";
}
.fa-table-tennis:before {
  content: "\f45d";
}
.fa-tablet:before {
  content: "\f10a";
}
.fa-tablet-alt:before {
  content: "\f3fa";
}
.fa-tablets:before {
  content: "\f490";
}
.fa-tachometer-alt:before {
  content: "\f3fd";
}
.fa-tag:before {
  content: "\f02b";
}
.fa-tags:before {
  content: "\f02c";
}
.fa-tape:before {
  content: "\f4db";
}
.fa-tasks:before {
  content: "\f0ae";
}
.fa-taxi:before {
  content: "\f1ba";
}
.fa-teamspeak:before {
  content: "\f4f9";
}
.fa-teeth:before {
  content: "\f62e";
}
.fa-teeth-open:before {
  content: "\f62f";
}
.fa-telegram:before {
  content: "\f2c6";
}
.fa-telegram-plane:before {
  content: "\f3fe";
}
.fa-temperature-high:before {
  content: "\f769";
}
.fa-temperature-low:before {
  content: "\f76b";
}
.fa-tencent-weibo:before {
  content: "\f1d5";
}
.fa-tenge:before {
  content: "\f7d7";
}
.fa-terminal:before {
  content: "\f120";
}
.fa-text-height:before {
  content: "\f034";
}
.fa-text-width:before {
  content: "\f035";
}
.fa-th:before {
  content: "\f00a";
}
.fa-th-large:before {
  content: "\f009";
}
.fa-th-list:before {
  content: "\f00b";
}
.fa-the-red-yeti:before {
  content: "\f69d";
}
.fa-theater-masks:before {
  content: "\f630";
}
.fa-themeco:before {
  content: "\f5c6";
}
.fa-themeisle:before {
  content: "\f2b2";
}
.fa-thermometer:before {
  content: "\f491";
}
.fa-thermometer-empty:before {
  content: "\f2cb";
}
.fa-thermometer-full:before {
  content: "\f2c7";
}
.fa-thermometer-half:before {
  content: "\f2c9";
}
.fa-thermometer-quarter:before {
  content: "\f2ca";
}
.fa-thermometer-three-quarters:before {
  content: "\f2c8";
}
.fa-think-peaks:before {
  content: "\f731";
}
.fa-thumbs-down:before {
  content: "\f165";
}
.fa-thumbs-up:before {
  content: "\f164";
}
.fa-thumbtack:before {
  content: "\f08d";
}
.fa-ticket-alt:before {
  content: "\f3ff";
}
.fa-tiktok:before {
  content: "\e07b";
}
.fa-times:before {
  content: "\f00d";
}
.fa-times-circle:before {
  content: "\f057";
}
.fa-tint:before {
  content: "\f043";
}
.fa-tint-slash:before {
  content: "\f5c7";
}
.fa-tired:before {
  content: "\f5c8";
}
.fa-toggle-off:before {
  content: "\f204";
}
.fa-toggle-on:before {
  content: "\f205";
}
.fa-toilet:before {
  content: "\f7d8";
}
.fa-toilet-paper:before {
  content: "\f71e";
}
.fa-toilet-paper-slash:before {
  content: "\e072";
}
.fa-toolbox:before {
  content: "\f552";
}
.fa-tools:before {
  content: "\f7d9";
}
.fa-tooth:before {
  content: "\f5c9";
}
.fa-torah:before {
  content: "\f6a0";
}
.fa-torii-gate:before {
  content: "\f6a1";
}
.fa-tractor:before {
  content: "\f722";
}
.fa-trade-federation:before {
  content: "\f513";
}
.fa-trademark:before {
  content: "\f25c";
}
.fa-traffic-light:before {
  content: "\f637";
}
.fa-trailer:before {
  content: "\e041";
}
.fa-train:before {
  content: "\f238";
}
.fa-tram:before {
  content: "\f7da";
}
.fa-transgender:before {
  content: "\f224";
}
.fa-transgender-alt:before {
  content: "\f225";
}
.fa-trash:before {
  content: "\f1f8";
}
.fa-trash-alt:before {
  content: "\f2ed";
}
.fa-trash-restore:before {
  content: "\f829";
}
.fa-trash-restore-alt:before {
  content: "\f82a";
}
.fa-tree:before {
  content: "\f1bb";
}
.fa-trello:before {
  content: "\f181";
}
.fa-tripadvisor:before {
  content: "\f262";
}
.fa-trophy:before {
  content: "\f091";
}
.fa-truck:before {
  content: "\f0d1";
}
.fa-truck-loading:before {
  content: "\f4de";
}
.fa-truck-monster:before {
  content: "\f63b";
}
.fa-truck-moving:before {
  content: "\f4df";
}
.fa-truck-pickup:before {
  content: "\f63c";
}
.fa-tshirt:before {
  content: "\f553";
}
.fa-tty:before {
  content: "\f1e4";
}
.fa-tumblr:before {
  content: "\f173";
}
.fa-tumblr-square:before {
  content: "\f174";
}
.fa-tv:before {
  content: "\f26c";
}
.fa-twitch:before {
  content: "\f1e8";
}
.fa-twitter:before {
  content: "\f099";
}
.fa-twitter-square:before {
  content: "\f081";
}
.fa-typo3:before {
  content: "\f42b";
}
.fa-uber:before {
  content: "\f402";
}
.fa-ubuntu:before {
  content: "\f7df";
}
.fa-uikit:before {
  content: "\f403";
}
.fa-umbraco:before {
  content: "\f8e8";
}
.fa-umbrella:before {
  content: "\f0e9";
}
.fa-umbrella-beach:before {
  content: "\f5ca";
}
.fa-uncharted:before {
  content: "\e084";
}
.fa-underline:before {
  content: "\f0cd";
}
.fa-undo:before {
  content: "\f0e2";
}
.fa-undo-alt:before {
  content: "\f2ea";
}
.fa-uniregistry:before {
  content: "\f404";
}
.fa-unity:before {
  content: "\e049";
}
.fa-universal-access:before {
  content: "\f29a";
}
.fa-university:before {
  content: "\f19c";
}
.fa-unlink:before {
  content: "\f127";
}
.fa-unlock:before {
  content: "\f09c";
}
.fa-unlock-alt:before {
  content: "\f13e";
}
.fa-unsplash:before {
  content: "\e07c";
}
.fa-untappd:before {
  content: "\f405";
}
.fa-upload:before {
  content: "\f093";
}
.fa-ups:before {
  content: "\f7e0";
}
.fa-usb:before {
  content: "\f287";
}
.fa-user:before {
  content: "\f007";
}
.fa-user-alt:before {
  content: "\f406";
}
.fa-user-alt-slash:before {
  content: "\f4fa";
}
.fa-user-astronaut:before {
  content: "\f4fb";
}
.fa-user-check:before {
  content: "\f4fc";
}
.fa-user-circle:before {
  content: "\f2bd";
}
.fa-user-clock:before {
  content: "\f4fd";
}
.fa-user-cog:before {
  content: "\f4fe";
}
.fa-user-edit:before {
  content: "\f4ff";
}
.fa-user-friends:before {
  content: "\f500";
}
.fa-user-graduate:before {
  content: "\f501";
}
.fa-user-injured:before {
  content: "\f728";
}
.fa-user-lock:before {
  content: "\f502";
}
.fa-user-md:before {
  content: "\f0f0";
}
.fa-user-minus:before {
  content: "\f503";
}
.fa-user-ninja:before {
  content: "\f504";
}
.fa-user-nurse:before {
  content: "\f82f";
}
.fa-user-plus:before {
  content: "\f234";
}
.fa-user-secret:before {
  content: "\f21b";
}
.fa-user-shield:before {
  content: "\f505";
}
.fa-user-slash:before {
  content: "\f506";
}
.fa-user-tag:before {
  content: "\f507";
}
.fa-user-tie:before {
  content: "\f508";
}
.fa-user-times:before {
  content: "\f235";
}
.fa-users:before {
  content: "\f0c0";
}
.fa-users-cog:before {
  content: "\f509";
}
.fa-users-slash:before {
  content: "\e073";
}
.fa-usps:before {
  content: "\f7e1";
}
.fa-ussunnah:before {
  content: "\f407";
}
.fa-utensil-spoon:before {
  content: "\f2e5";
}
.fa-utensils:before {
  content: "\f2e7";
}
.fa-vaadin:before {
  content: "\f408";
}
.fa-vector-square:before {
  content: "\f5cb";
}
.fa-venus:before {
  content: "\f221";
}
.fa-venus-double:before {
  content: "\f226";
}
.fa-venus-mars:before {
  content: "\f228";
}
.fa-vest:before {
  content: "\e085";
}
.fa-vest-patches:before {
  content: "\e086";
}
.fa-viacoin:before {
  content: "\f237";
}
.fa-viadeo:before {
  content: "\f2a9";
}
.fa-viadeo-square:before {
  content: "\f2aa";
}
.fa-vial:before {
  content: "\f492";
}
.fa-vials:before {
  content: "\f493";
}
.fa-viber:before {
  content: "\f409";
}
.fa-video:before {
  content: "\f03d";
}
.fa-video-slash:before {
  content: "\f4e2";
}
.fa-vihara:before {
  content: "\f6a7";
}
.fa-vimeo:before {
  content: "\f40a";
}
.fa-vimeo-square:before {
  content: "\f194";
}
.fa-vimeo-v:before {
  content: "\f27d";
}
.fa-vine:before {
  content: "\f1ca";
}
.fa-virus:before {
  content: "\e074";
}
.fa-virus-slash:before {
  content: "\e075";
}
.fa-viruses:before {
  content: "\e076";
}
.fa-vk:before {
  content: "\f189";
}
.fa-vnv:before {
  content: "\f40b";
}
.fa-voicemail:before {
  content: "\f897";
}
.fa-volleyball-ball:before {
  content: "\f45f";
}
.fa-volume-down:before {
  content: "\f027";
}
.fa-volume-mute:before {
  content: "\f6a9";
}
.fa-volume-off:before {
  content: "\f026";
}
.fa-volume-up:before {
  content: "\f028";
}
.fa-vote-yea:before {
  content: "\f772";
}
.fa-vr-cardboard:before {
  content: "\f729";
}
.fa-vuejs:before {
  content: "\f41f";
}
.fa-walking:before {
  content: "\f554";
}
.fa-wallet:before {
  content: "\f555";
}
.fa-warehouse:before {
  content: "\f494";
}
.fa-watchman-monitoring:before {
  content: "\e087";
}
.fa-water:before {
  content: "\f773";
}
.fa-wave-square:before {
  content: "\f83e";
}
.fa-waze:before {
  content: "\f83f";
}
.fa-weebly:before {
  content: "\f5cc";
}
.fa-weibo:before {
  content: "\f18a";
}
.fa-weight:before {
  content: "\f496";
}
.fa-weight-hanging:before {
  content: "\f5cd";
}
.fa-weixin:before {
  content: "\f1d7";
}
.fa-whatsapp:before {
  content: "\f232";
}
.fa-whatsapp-square:before {
  content: "\f40c";
}
.fa-wheelchair:before {
  content: "\f193";
}
.fa-whmcs:before {
  content: "\f40d";
}
.fa-wifi:before {
  content: "\f1eb";
}
.fa-wikipedia-w:before {
  content: "\f266";
}
.fa-wind:before {
  content: "\f72e";
}
.fa-window-close:before {
  content: "\f410";
}
.fa-window-maximize:before {
  content: "\f2d0";
}
.fa-window-minimize:before {
  content: "\f2d1";
}
.fa-window-restore:before {
  content: "\f2d2";
}
.fa-windows:before {
  content: "\f17a";
}
.fa-wine-bottle:before {
  content: "\f72f";
}
.fa-wine-glass:before {
  content: "\f4e3";
}
.fa-wine-glass-alt:before {
  content: "\f5ce";
}
.fa-wix:before {
  content: "\f5cf";
}
.fa-wizards-of-the-coast:before {
  content: "\f730";
}
.fa-wodu:before {
  content: "\e088";
}
.fa-wolf-pack-battalion:before {
  content: "\f514";
}
.fa-won-sign:before {
  content: "\f159";
}
.fa-wordpress:before {
  content: "\f19a";
}
.fa-wordpress-simple:before {
  content: "\f411";
}
.fa-wpbeginner:before {
  content: "\f297";
}
.fa-wpexplorer:before {
  content: "\f2de";
}
.fa-wpforms:before {
  content: "\f298";
}
.fa-wpressr:before {
  content: "\f3e4";
}
.fa-wrench:before {
  content: "\f0ad";
}
.fa-x-ray:before {
  content: "\f497";
}
.fa-xbox:before {
  content: "\f412";
}
.fa-xing:before {
  content: "\f168";
}
.fa-xing-square:before {
  content: "\f169";
}
.fa-y-combinator:before {
  content: "\f23b";
}
.fa-yahoo:before {
  content: "\f19e";
}
.fa-yammer:before {
  content: "\f840";
}
.fa-yandex:before {
  content: "\f413";
}
.fa-yandex-international:before {
  content: "\f414";
}
.fa-yarn:before {
  content: "\f7e3";
}
.fa-yelp:before {
  content: "\f1e9";
}
.fa-yen-sign:before {
  content: "\f157";
}
.fa-yin-yang:before {
  content: "\f6ad";
}
.fa-yoast:before {
  content: "\f2b1";
}
.fa-youtube:before {
  content: "\f167";
}
.fa-youtube-square:before {
  content: "\f431";
}
.fa-zhihu:before {
  content: "\f63f";
}
.sr-only {
  border: 0;
  clip: rect(0, 0, 0, 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}
.sr-only-focusable:active,
.sr-only-focusable:focus {
  clip: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  position: static;
  width: auto;
}
/*!
 * Font Awesome Free 5.15.1 by @fontawesome - https://fontawesome.com
 * License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License)
 */
@font-face {
  font-family: 'Font Awesome 5 Free';
  font-style: normal;
  font-weight: 900;
  font-display: block;
  src: url('/images_app/global/webfonts/fa-solid-900.eot');
  src: url('/images_app/global/webfonts/fa-solid-900.eot?#iefix') format('embedded-opentype'), url('/images_app/global/webfonts/fa-solid-900.woff2') format('woff2'), url('/images_app/global/webfonts/fa-solid-900.woff') format('woff'), url('/images_app/global/webfonts/fa-solid-900.ttf') format('truetype'), url('/images_app/global/webfonts/fa-solid-900.svg#fontawesome') format('svg');
}
.fa,
.fas {
  font-family: 'Font Awesome 5 Free';
  font-weight: 900;
}
/* Basic HTML Elements
===========================================
*/
html {
  background: scroll #a3b2b9 url(/images_app/global/bg_screen.jpg) 0 0 repeat;
}
body {
  font-family: Arial, Helvetica, sans-serif;
  margin: 0;
  padding: 0;
  visibility: visible;
}
.no-scroll {
  overflow: hidden;
}
/* Default link styles */
a {
  outline: none;
}
a:link {
  color: #1c5180;
  font-weight: normal;
  text-decoration: none;
}
a:visited {
  color: #1c5180;
  font-weight: normal;
  text-decoration: none;
}
a:hover {
  text-decoration: underline;
}
a:active {
  color: #1c5180;
  font-weight: normal;
  text-decoration: none;
}
strong,
.strong {
  font-weight: bold;
}
em {
  font-style: italic;
}
.hr {
  border-top: 1px solid #dcdcdc;
  clear: both;
  height: 1px;
  margin: 0.5em 0;
}
.hr hr {
  display: none;
}
/* button outline */
button::-moz-focus-inner {
  border: 0;
}
/* for FireFox*/
input[type="submit"]::-moz-focus-inner,
input[type="button"]::-moz-focus-inner,
input[type="radio"]::-moz-focus-inner {
  border: 0;
}
/*for IE8 */
input[type="submit"]:focus,
input[type="button"]:focus,
input[type="radio"]:focus,
input[type="checkbox"]:focus {
  outline: none;
}
/* remove the number up and down input arrows */
input[type=number].no-input-spinners {
  /* Firefox */
  -moz-appearance: textfield;
  /* Chrome, Safari, Edge, Opera */
}
input[type=number].no-input-spinners::-webkit-outer-spin-button,
input[type=number].no-input-spinners::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.uppercase {
  text-transform: uppercase;
}
/* remove the number up and down input arrows */
input[type=number] {
  /* Firefox */
  -moz-appearance: textfield;
  /* Chrome, Safari, Edge, Opera */
}
input[type=number]::-webkit-outer-spin-button,
input[type=number]::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
ol#accessibility-nav {
  left: -999em;
  height: 1px;
  position: absolute;
  top: -999em;
  width: 1px;
}
/* Basic Grid Layout
===========================================
- Layouts
*/
#hd {
  background: #122b4e scroll url(/images_app/global/bg_sunrise_poweredby.jpg) 0 0 no-repeat;
  height: 27px;
  margin: 0;
  min-width: 1230px;
  padding: 0;
  position: relative;
  /*z-index:100;*/
  z-index: 2;
}
#bd {
  min-width: 1230px;
  padding: 15px 0 30px 0;
  /*position:relative;*/
  z-index: 1;
}
#ft {
  margin: 0;
  min-width: 1230px;
  position: relative;
}
#bd-pri {
  margin-left: 185px;
  min-height: 500px;
  overflow: visible;
  position: relative;
  z-index: 1;
}
.dialog-window-overlay #bd-pri,
.page-wizard-overlay #bd-pri {
  z-index: 2;
}
#bd-sec {
  position: absolute;
  width: 180px;
  left: 5px;
  visibility: hidden;
  z-index: 2;
  zoom: 1;
}
body.authorized #bd-sec {
  visibility: visible;
}
#bd-ter {
  margin-left: 185px;
}
#primary-page .bd #main-page-content .page-container {
  min-height: 530px;
  /* min height so that the wizards can show a sizable amount of content */
}
/* Primary Navigation Tabs
===========================================
*/
#primary-nav {
  bottom: 0;
  font-family: Arial, sans-serif;
  font-size: 11px;
  list-style: none;
  margin: 0;
  padding: 0;
  position: absolute;
  right: 15px;
  z-index: 100;
}
#primary-nav li {
  float: left;
  height: 24px;
  list-style-type: none;
  margin: 0 0 0 4px;
  position: relative;
}
#primary-nav li a {
  background: url(/images_app/global/bg_primary_nav.png) 100% -24px repeat-x scroll;
  color: #b0bcca;
  display: block;
  font-family: Arial, sans-serif;
  font-size: 11px;
  font-weight: bold;
  height: 24px;
  line-height: 27px;
  outline-style: none;
  padding-right: 15px;
  text-decoration: none;
}
#primary-nav li a strong {
  background: url(/images_app/global/bg_primary_nav.png) 0 0 no-repeat scroll;
  display: block;
  height: 24px;
  padding-left: 15px;
}
#primary-nav li.active a,
#primary-nav li.hover a {
  background: url(/images_app/global/bg_primary_nav.png) 100% -72px repeat-x scroll;
  color: #fff;
}
#primary-nav li.active a strong,
#primary-nav li.hover a strong {
  background: url(/images_app/global/bg_primary_nav.png) 0 -48px repeat-x scroll;
}
/* Submenu */
#primary-nav .submenu,
.button-menu .submenu {
  display: none;
  float: none;
  left: 0;
  position: absolute;
  text-align: left;
  width: 200px;
  z-index: 10000;
  zoom: 1;
}
#primary-nav .submenu.last,
.button-menu .submenu.last {
  left: -139px;
}
/* Primary nav submenu width set by ID */
#sales .submenu {
  width: 240px;
}
#trademanager .submenu {
  width: 240px;
}
#tradechain .submenu {
  width: 220px;
}
#tradecash .submenu {
  width: 240px;
}
#traderates .submenu {
  width: 240px;
}
#primary-nav li.hover .submenu,
.button-menu li.hover .submenu {
  display: block;
}
#primary-nav div.submenu ul,
.button-menu div.submenu ul {
  background-color: #465c73;
  border-top: 1px solid #9eadb5;
  margin: 0;
  padding: 5px 0;
  zoom: 1;
}
#primary-nav div.submenu li,
.button-menu div.submenu li {
  float: none;
  height: auto;
  list-style-type: none;
  margin: 0;
  padding: 0;
  zoom: 1;
}
#primary-nav div.submenu li a,
.button-menu div.submenu li a {
  background-image: none;
  color: #fff;
  display: block;
  font-family: Arial, sans-serif;
  font-size: 11px;
  font-weight: bold;
  height: auto;
  line-height: 1.25em;
  outline-style: none;
  padding: 0.25em 10px 0.25em 15px;
  text-align: left;
  text-decoration: none;
  zoom: 1;
}
#primary-nav div.submenu li.active a {
  background-color: #a8bdc6 !important;
}
#primary-nav div.submenu li a:hover {
  background-color: #a8bdc6 !important;
  color: #444;
  float: none;
  text-decoration: none;
}
.button-menu div.submenu li a:hover {
  background-color: #7999a8 !important;
  float: none;
  text-decoration: none;
}
/* Level 3 Links */
#primary-nav div.submenu ul li.closed a {
  background: url(/images_app/icons/bg_nav_close.png) 3px 50% no-repeat scroll;
}
#primary-nav div.submenu ul li.open a {
  background: url(/images_app/icons/bg_nav_open.png) 3px 50% no-repeat scroll;
}
#primary-nav div.submenu ul ul {
  background-color: #7999a8;
  border-top: none;
  padding: 0;
}
#primary-nav div.submenu ul .closed ul {
  display: none;
}
#primary-nav div.submenu ul .open ul {
  display: block;
}
#primary-nav div.submenu ul ul a {
  background-color: #7999a8;
  background-image: none !important;
  border-top: none;
  font-weight: normal;
  padding: 0.25em 25px 0.25em;
}
#primary-nav div.submenu ul ul a:hover {
  background-color: #a8bdc6;
}
/* Direct action icons for the menus
 * These are A tags that link directly to the #fr1 iframe
 */
#primary-nav div.submenu ul a.icn_main {
  background-image: url(/images_app/icons/icn_target_main.png) !important;
  background-position: 3px 50% !important;
  background-repeat: no-repeat !important;
}
/* Single Button Menus
===========================================
    - menu attached to an outline button such as create new
    - These override the primary meuns
*/
.button-menu {
  position: relative;
  /* changed this to 2 from one to fix problem with page module */
  z-index: 2;
}
.results-panel-overlay .button-menu {
  z-index: 1;
}
/* Submenu */
.button-menu .submenu {
  display: none;
  float: none;
  left: 0;
  position: absolute;
  text-align: left;
  width: auto;
  z-index: 10000;
  zoom: 1;
}
.button-menu.active .submenu {
  display: block;
}
.button-menu div.submenu ul {
  border-top: none;
}
.button-menu .submenu .menu-bottom {
  background: scroll url(/images_app/global/bg_primary_nav.png) -8px -96px no-repeat;
  margin: 0;
  padding-left: 7px;
}
.button-menu .submenu .inside-left {
  background: none;
  margin: 0;
  padding-left: 0;
}
.button-menu div.submenu li a {
  padding: 0.25em 10px;
}
/* Change Qualifier
===========================================
*/
#change-qualifier {
  float: right;
  color: #F0F0F0;
  font-size: 14px;
  margin: 0 25px 0 0;
}
#change-qualifier label {
  font-size: 11px;
}
/* Utility Links and User Data
===========================================
    - layout and buttons
*/
#utility-links {
  bottom: 0;
  float: right;
  font-family: Arial, sans-serif;
  font-size: 10px;
  list-style: none;
  margin: 0 15px 0 0;
  padding: 0;
}
#utility-links li {
  float: left;
  height: 18px;
  list-style-type: none;
  margin: 0 0 0 4px;
}
.user-data {
  color: #fff;
  font-size: 10px;
  line-height: 18px;
  padding-right: 55px;
}
.flag {
  padding: 0 1em;
}
#utility-links .button-outline strong {
  min-width: 50px;
  text-align: center;
}
/* tools have a submenu so reset the LIs */
#tools-wrap li {
  float: none;
  height: auto;
  margin: auto;
}
/* Main Page Module
===========================================
    - This is the container for all primary app content
    - with tab row in the header
*/
/*
    - jQuery UI classes
ui-state-default
ui-corner-top
ui-state-focus
ui-tabs-selected
ui-state-active

    - jQuery UI panel classes
ui-tabs-panel
ui-widget-content
ui-corner-bottom
ui-tabs-hide

*/
.mod-page {
  margin: 5px 15px 0 0;
  overflow: visible;
  /* REVIEW: is this position needed? Will it cause z-index problems? */
  position: relative;
}
.mod-page .hd {
  background: url(/images_app/global/bg_mod_page.png) 100% 0 no-repeat scroll;
}
.mod-page .hd .rt {
  background: url(/images_app/global/bg_mod_page.png) 0 -29px repeat-x scroll;
  margin-right: 5px;
}
.mod-page .mod-title {
  background: url(/images_app/global/bg_mod_page.png) 0 -79px no-repeat scroll;
  color: #406081;
  float: left;
  font-size: 14px;
  font-weight: bold;
  height: 29px;
  line-height: 29px;
  overflow: hidden;
  text-indent: 10px;
  width: 326px;
}
.mod-page .mod-title-profiles {
  background: url(/images_app/global/bg_mod_page_tabs.png) 0 0 no-repeat;
  min-width: 326px;
  padding-left: 5px;
  padding-right: 7px;
  color: #406081;
  float: left;
  font-size: 14px;
  font-weight: bold;
  height: 29px;
  line-height: 29px;
  overflow: hidden;
}
.mod-page .mod-title-profiles div {
  background: url(/images_app/global/bg_mod_page_tabs.png) 100% -29px no-repeat;
  display: inline-block;
}
.mod-page-tabs {
  display: inline;
  list-style: none;
  margin: 0;
  padding: 0;
  visibility: visible;
}
/* Top Quote Tabs
=============================================== */
.moder-small-headline {
  font-size: 8px;
  font-family: Tohoma, Arial, sans-serif;
  color: #757474;
  margin: 0;
  padding: 0;
  line-height: 6px !important;
}
.moder-headline {
  font-weight: bold;
  font-family: Tohoma, Arial, sans-serif;
  color: #406081;
  font-size: 12px;
  padding-top: 2px;
  padding-right: 22px;
  padding-bottom: 2px;
  margin: 0;
  line-height: 12px !important;
}
.headline-tabs li {
  display: inline-block;
  float: left;
  height: 25px;
  padding: 2px 22px 2px 10px;
  margin: 0;
  border-right: 1px solid #a2a9aa;
  border-left: 1px solid #fff;
}
.headline-tabs li p {
  padding-top: 2px;
  padding-right: 0;
  padding-bottom: 2px;
  margin: 0;
}
.headline-tabs li:hover {
  background: url(/images_app/global/bg_mod_page.png) -5px -200px;
  color: white !important;
  padding-top: 2px;
  padding-right: 22px;
  padding-bottom: 2px;
  margin: 0;
  cursor: pointer;
}
.headline-tabs li:hover p {
  color: white !important;
  padding-top: 2px;
  padding-right: 0;
  padding-bottom: 2px;
  margin: 0;
  cursor: pointer;
}
.mod-title-profiles ul {
  border-left: 1px solid #a2a9aa;
  border-right: 1px solid #fff;
  float: left;
}
.tabs-selected {
  background: url(/images_app/global/bg_mod_page.png) -5px -200px;
  color: white !important;
  padding-top: 2px;
  padding-right: 22px !important;
  padding-bottom: 2px;
  margin: 0;
}
.sub-tabs-selected {
  background: url(/images_app/global/bg_mod_page.png) -5px -58px;
  color: white !important;
  padding-top: 2px;
  padding-bottom: 2px;
  margin: 0;
}
.sub-tabs-selected a {
  color: white !important;
}
.tabs-selected p {
  color: white !important;
  padding-top: 2px;
  padding-right: 0;
  padding-bottom: 2px;
  margin: 0;
}
.tabs {
  display: inline-block;
  border-right: 1px solid #D6D6D6;
  vertical-align: top;
}
.tabs:nth-of-type(2) {
  border-right: none;
}
.tabs > div {
  padding: 5px 0;
  width: 100%;
  display: block;
  border-top: 1px solid #D6D6D6;
}
.disabled .mod-page-tabs {
  visibility: hidden;
}
.mod-page-tabs li {
  border-right: 1px solid #fff;
  float: left;
  height: 21px;
  list-style-type: none;
  margin: 8px 0 0 0;
  padding: 0;
}
.mod-page-tabs li a {
  border-right: 1px solid #a2a9aa;
  color: #406081;
  display: block;
  font-family: Tohoma, Arial, sans-serif;
  font-size: 10px;
  font-weight: bold;
  height: 21px;
  line-height: 21px;
  margin: 0;
  padding: 0 9px;
  text-decoration: none;
}
.mod-page-tabs li.first a {
  border-left: 1px solid #fff;
}
.mod-page-tabs li a:hover,
.mod-page-tabs li.active a,
.mod-page-tabs li.ui-tabs-selected a,
.mod-page-tabs li.ui-state-active a {
  background: url(/images_app/global/bg_mod_page.png) 0 -58px repeat-x scroll;
  color: #fff;
}
.mod-page .bd {
  width: 100%;
  background: #f0f0f0;
  min-height: 100px;
}
.mod-page .ft {
  background: url(/images_app/global/bg_mod_page.png) 0 -108px no-repeat scroll;
  text-align: center;
}
.mod-page .ft .lt {
  background: url(/images_app/global/bg_mod_page.png) 0 -140px repeat-x scroll;
  margin-left: 5px;
  zoom: 1;
}
.ft-profiles {
  background: url(/images_app/global/bg_mod_page.png) 0 -108px no-repeat scroll;
  text-align: center;
}
.ft-profiles .lt {
  background: url(/images_app/global/bg_mod_page.png) 0 -140px repeat-x scroll;
  margin-left: 5px;
  zoom: 1;
}
/* Mod Page Panels
===========================================
*/
.mod-page .ui-tabs-panel {
  display: block;
  padding: 1em 10px;
}
.mod-page .ui-tabs-hide {
  display: none;
}
.mod-page .ui-tabs-panel .panel-title {
  color: #7a7a7a;
  font-size: 14px;
  font-family: Arial, sans-serif;
  font-weight: bold;
}
/* customer message block */
#messageBlock {
  padding: 1em 10px;
}
#messageBlock .panel-title {
  color: #7a7a7a;
  font-size: 14px;
  font-family: Arial, sans-serif;
  font-weight: bold;
}
#messageBlock p {
  color: #555;
  font-size: 12px;
  font-family: Arial, sans-serif;
  font-weight: normal;
  line-height: 1.5em;
  padding: 0.5em 0;
}
/* Mod Page Primary Buttons
===========================================
    - Print, Save, Cancel
    - These buttons are attached to the bottom right of the page module
*/
ul.mod-page-btn {
  float: right;
  list-style: none;
  height: 28px;
  margin: 4px 0 0 0;
  padding: 0;
}
.mod-page-btn li {
  border-left: 1px solid #fff;
  border-right: 1px solid #a2a9aa;
  display: block;
  float: left;
  height: 28px;
  line-height: 28px;
  list-style-type: none;
  margin: 0;
  padding: 0;
  zoom: 1;
}
.mod-page-btn li {
  background: url(/images_app/global/bg_mod_page.png) -10px -172px no-repeat scroll;
}
.mod-page-btn li:hover {
  background-position: -10px -200px;
}
.mod-page-btn li.first {
  background: url(/images_app/global/bg_mod_page.png) 0 -172px no-repeat scroll;
  border-left: none;
}
.mod-page-btn li.first:hover {
  background-position: 0 -200px;
}
.mod-page-btn li.last {
  background: url(/images_app/global/bg_mod_page.png) 100% -172px no-repeat scroll;
  border-right: none;
}
.mod-page-btn li.last:hover {
  background-position: 100% -200px;
}
.mod-page-btn li:hover .page-button {
  color: #fff;
}
.mod-page-btn .page-button {
  background: none;
  border: none;
  color: #406081;
  cursor: pointer;
  font-family: Arial, sans-serif;
  font-size: 11px;
  font-weight: bold;
  margin: 0;
  outline: none !important;
  overflow: visible;
  padding: 0;
  position: relative;
  text-align: center;
  text-decoration: none !important;
  width: 100%;
}
.mod-page-btn .page-button.disabled {
  cursor: not-allowed;
}
.mod-page-btn .page-button {
  height: 28px;
  padding: 0 1em;
}
.mod-page-btn .primary .page-button {
  padding: 0 4em;
}
.mod-page-btn .page-button span {
  background: none;
}
.mod-page-btn li.disabled.last {
  background: url(/images_app/global/bg_mod_page.png) 100% -172px no-repeat scroll !important;
}
.mod-page-btn li.disabled.last .page-button {
  color: #aaaaaa !important;
}
.mod-page-btn li.disabled.last:hover .page-button {
  color: #aaaaaa !important;
}
/* Mod Page Pagination
===========================================
    - PREV and NEXT
*/
.mod-page-pagination {
  float: left;
  height: 19px;
  list-style: none;
  margin: 0 0 0 40%;
  padding: 4px 0 0 0;
}
.mod-page-pagination li {
  border-right: 1px solid #fff;
  float: left;
  height: 19px;
  list-style-type: none;
  margin: 0;
  padding: 0;
}
.mod-page-pagination li a {
  border-right: 1px solid #a2a9aa;
  color: #888;
  display: block;
  font-size: 10px;
  font-weight: normal;
  height: 19px;
  line-height: 19px;
  list-style-type: none;
  margin: 0;
  padding: 0 1em;
  position: relative;
  text-decoration: none;
}
.mod-page-pagination li a:hover {
  background: url(/images_app/global/bg_mod_page.png) repeat-x scroll 0 -58px;
  color: #fff;
  text-decoration: none;
}
.mod-page-pagination li.prev {
  border-left: 1px solid #a2a9aa;
}
.mod-page-pagination li.prev a {
  border-left: 1px solid #fff;
  padding-left: 2em;
}
.mod-page-pagination li.next a {
  padding-right: 2em;
}
.mod-page-pagination li.prev a span {
  background: url(/images_app/icons/icons_tt.png) 0 0 repeat-x scroll;
  height: 16px;
  left: 0.5em;
  margin-top: -8px;
  position: absolute;
  top: 50%;
  width: 16px;
}
.mod-page-pagination li.next a span {
  background: url(/images_app/icons/icons_tt.png) -16px 0 repeat-x scroll;
  height: 16px;
  margin-top: -8px;
  position: absolute;
  right: 0.5em;
  top: 50%;
  width: 16px;
}
/* Outline Module
===========================================
    - The marque around the find block
*/
.mod-outline {
  margin: 0 5px;
}
.mod-outline .top {
  background: url(/images_app/global/bg_marque.png) 0 0 no-repeat;
  padding-left: 4px;
}
.mod-outline .tl {
  background: url(/images_app/global/bg_marque.png) 100% -5px no-repeat;
  display: block;
  font-size: 1px;
  height: 4px;
  line-height: 4px;
}
.mod-outline .bottom {
  background: url(/images_app/global/bg_marque.png) 0 -10px no-repeat;
  padding-left: 4px;
}
.mod-outline .bl {
  background: url(/images_app/global/bg_marque.png) 100% -15px no-repeat;
  display: block;
  font-size: 1px;
  height: 5px;
  line-height: 5px;
}
.mod-outline .inner-wrap {
  border-left: 1px solid #656e73;
  border-right: 1px solid #c8d0d4;
}
.mod-outline .inner-wrap .inner {
  border-left: 1px solid #c8d0d4;
  border-right: 1px solid #656e73;
}
.mod-outline .legend {
  color: #fff;
  font-size: 11px;
  font-weight: bold;
  padding: 2px 0 3px 8px;
}
/* Standard Module
===========================================
    - Used for the filters container
    - Generic module container
*/
.mod-std {
  margin: 5px;
  overflow: hidden;
}
.mod-std .top {
  background: url(/images_app/global/bg_mod_filter.png) 0 0 no-repeat;
  padding-left: 4px;
}
.mod-std .tl {
  background: url(/images_app/global/bg_mod_filter.png) 100% -20px no-repeat;
  display: block;
  font-size: 1px;
  height: 4px;
  line-height: 4px;
}
.mod-std .bottom {
  background: url(/images_app/global/bg_filters.png) 0 -10px no-repeat;
  padding-left: 4px;
}
.mod-std .bl {
  background: url(/images_app/global/bg_filters.png) 100% -15px no-repeat;
  display: block;
  font-size: 1px;
  height: 5px;
  line-height: 5px;
}
.mod-std .title {
  color: #fff;
  font-size: 11px;
  font-weight: bold;
  padding: 0;
  text-indent: 1em;
}
/* filters module */
#fil {
  margin-bottom: 0;
  position: relative;
  z-index: 2001;
  overflow: visible;
}
.mod-filters .hd {
  background-color: #5d7085;
  padding-bottom: 0.25em;
}
.mod-filters .bd {
  background-color: #e5e5e5;
}
.form-wrap {
  min-height: 1px;
}
#fil .form-wrap .error-msg {
  left: 103%;
  top: -0.25em;
}
.mod-filters .bottom {
  display: none;
}
#fil .tt-spinner {
  left: 40%;
  position: absolute;
  bottom: 0;
  z-index: 2;
}
.fly-btn .tt-spinner {
  left: 40%;
  position: absolute;
  bottom: 0;
  z-index: 2;
}
/* Standard Div Window
===========================================
    - Used for standard div windows
*/
.win-std {
  /* position:absolute; */
  text-align: left;
  width: 500px;
  z-index: 100;
  zoom: 1;
  box-shadow: 0 0 7px #404040;
  border-radius: 8px;
}
.win-std .top {
  background: #465c73;
  border-radius: 8px 8px 0 0;
  height: 24px;
}
.win-std .tl {
  display: block;
  font-size: 100%;
  zoom: 1;
}
.win-std .bottom {
  background-image: linear-gradient(#fff, #b7c1cb);
  border-radius: 0 0 8px 8px;
  height: 20px;
}
.win-std .bl {
  background: white;
  display: block;
  font-size: 100%;
}
.win-std .inner-left {
  border: none;
}
.win-std .inner-right {
  border: none;
}
.win-std .inner {
  background-color: #FFF;
  border: none;
  /* color:#666; */
  font-size: 11px;
  overflow-y: scroll;
  max-height: 700px;
  box-shadow: inset 0px 3px 3px -3px #404040;
}
.win-std .title {
  color: #fff;
  /* display:inline-block; */
  font-size: 11px;
  font-weight: bold;
  line-height: 24px;
  text-indent: 0.5em;
}
.win-std .data-grid th {
  background-color: #5E7086;
  border-right: 1px solid #b1bbc5;
  color: #fff;
  font-size: 11px;
  padding: 5px 6px;
  white-space: nowrap;
  zoom: 1;
}
.win-std .data-grid td {
  color: #1c5180;
  font-size: 11px;
  height: 20px;
  padding-left: 6px;
  padding-right: 6px;
  border-left: 1px solid #d9d9d9;
  border-top: 1px solid #d9d9d9;
}
.close-win,
.close-flyout {
  background: url(/images_app/icons/icons_tt.png) -80px 0 no-repeat;
  color: #fff;
  height: 16px;
  text-indent: -2000em;
  width: 16px;
  margin: 5px 5px 0 0;
}
.close-flyout {
  margin-top: 12px;
}
.open-panel {
  background: url(/images_app/icons/icons_tt.png) -32px 0 no-repeat;
  height: 16px;
  margin: 2px 0.25em 0 0.5em;
  text-indent: -2000em;
  width: 16px;
}
.closed-panel {
  background: url(/images_app/icons/icons_tt.png) -48px 0 no-repeat;
  height: 16px;
  margin: 2px 0.25em 0 0.5em;
  text-indent: -2000em;
  width: 16px;
}
.sel-panel {
  background-color: #ccc;
}
/* Button Flyout
===========================================
    - Select and Filter Criteria Flyouts
    - Special version of the flyout with square top left corner.
    - This flyout overlaps the UI button.
*/
#sch-fly {
  /*width:750px;*/
  zoom: 1;
}
#repfly {
  width: 500px;
  zoom: 1;
}
#repfly .inner {
  zoom: 1;
}
.fly-btn-wrap {
  position: absolute;
  z-index: 20000;
  zoom: 1;
}
.fly-btn-wrap form {
  display: inline;
}
.fly-btn {
  /*overflow:hidden;*/
  text-align: left;
  max-width: 1200px;
  zoom: 1;
}
.fly-btn .header {
  padding-left: 4px;
  height: 19px;
  background-color: #495B73;
}
.fly-btn .inner {
  background-color: #fff;
  border: none !important;
  color: #666;
  font-size: 11px;
}
.fly-btn .col-head {
  padding: 0;
  margin-left: 0;
}
.fly-btn .col-head .hd {
  border-left: 1px solid #7e8d9d;
  color: #fff;
  font-size: 10px;
  font-weight: bold;
  line-height: 19px;
  text-indent: 0.5em;
  text-transform: uppercase;
}
.fly-btn .title {
  color: #fff;
  font-size: 10px;
  font-weight: bold;
  line-height: 19px;
  padding: 10px 0 0 0;
  text-indent: 0.5em;
}
.fly-btn .top {
  background: url(/images_app/global/bg_select_flyout.png) 0 0 no-repeat;
  padding-left: 25px;
}
.fly-btn .tl {
  background: url(/images_app/global/bg_select_flyout.png) 100% -29px no-repeat;
  display: block;
  font-size: 100%;
  height: 29px;
  padding-right: 10px;
  zoom: 1;
}
.fly-btn .bottom {
  background: url(/images_app/global/bg_select_flyout.png) 0 -58px no-repeat;
  padding-left: 17px;
}
.fly-btn .bl {
  background: url(/images_app/global/bg_select_flyout.png) 100% -75px no-repeat;
  display: block;
  font-size: 100%;
  height: 17px;
  line-height: 17px;
  padding-right: 10px;
}
.fly-btn .inner-left {
  background: url(/images_app/global/bg_grad_10_m.png) 0 0 repeat-y;
  border: none;
  padding-left: 10px;
}
.fly-btn .inner-right {
  background: url(/images_app/global/bg_grad_10_m.png) 100% 0 repeat-y;
  border: none;
  padding-right: 10px;
}
/* Flyout Primary Buttons
===========================================
    - Go
    - This green button is attached to the bottom right of the flyout
*/
/* Report List Styles */
.mega-menu-wrap {
  position: relative;
  top: -2px;
  margin-left: 25px;
}
.mega-menu {
  margin: 0;
  padding: 1em 0;
}
.mega-menu li {
  margin: 0;
  padding: 0;
}
.mega-menu li a {
  color: #666;
  display: block;
  padding: 2px;
  text-decoration: none;
  text-indent: 0.5em;
}
.mega-menu li a:hover {
  background-color: #9ed3df;
  color: #000;
  text-decoration: none;
}
#res .reportCheckbox {
  width: 5%;
}
/* Buttons at the bottom of the results flyout */
#res .fly-btn-control ul.fly-btn-strip {
  display: none;
  list-style: none;
  margin: 0;
  padding: 0;
  position: absolute;
  right: 0;
}
#res.open .fly-btn-control ul.fly-btn-strip {
  display: block;
}
/* Actions Panel
===========================================
*/
#act {
  min-height: 150px;
  padding-left: 10px;
  position: absolute;
  top: 90px;
  z-index: 2000;
  zoom: 1;
}
/* Action Tabs */
#act-tabs {
  bottom: 0;
  font-family: Arial, sans-serif;
  font-size: 11px;
  list-style: none;
  margin: 0;
  padding: 0;
}
/*
    - UI classes
ui-state-default
ui-corner-top
ui-state-focus
ui-tabs-selected
ui-state-active

    - UI panel
ui-tabs-panel
ui-widget-content
ui-corner-bottom
ui-tabs-hide

*/
#act-tabs li {
  float: left;
  height: 23px;
  list-style-type: none;
  margin: 0 0 0 4px;
  padding: 0;
}
#act-tabs li a {
  background: url(/images_app/global/bg_act_tabs.png) 0 0 no-repeat scroll;
  color: #e5e5e5;
  display: block;
  font-family: Arial, sans-serif;
  font-size: 11px;
  font-weight: bold;
  height: 23px;
  line-height: 23px;
  outline-style: none;
  padding-left: 8px;
  text-decoration: none;
}
#act-tabs li a span {
  background: url(/images_app/global/bg_act_tabs.png) 100% -23px no-repeat scroll;
  display: block;
  height: 23px;
  padding-left: 8px;
  padding-right: 16px;
}
#act-tabs li.ui-state-active a,
#act-tabs li.ui-state-hover a {
  background: url(/images_app/global/bg_act_tabs.png) 0 -46px no-repeat scroll;
  color: #fff;
}
#act-tabs li.ui-state-active a span,
#act-tabs li.ui-state-hover a span {
  background: url(/images_app/global/bg_act_tabs.png) 100% -69px no-repeat scroll;
}
#act-tabs li.first {
  margin-left: 0;
}
#act-tabs li.first a,
#act-tabs li.first.ui-state-active a,
#act-tabs li.first.ui-state-hover a {
  padding-left: 0;
}
#act-tabs li.first a span,
#act-tabs li.first.ui-state-active a strong,
#act-tabs li.first.ui-state-hover a strong {
  padding-left: 16px;
}
/* Action Panels */
#act .ui-tabs-panel {
  background-color: #5d7085;
  min-height: 300px;
  zoom: 1;
}
#act .ui-tabs-hide {
  display: none !important;
}
#act-handle {
  background: url(/images_app/global/bg_handles.png) 0 0 no-repeat scroll;
  bottom: 0;
  display: block;
  left: 0;
  position: absolute;
  top: 0;
  width: 10px;
}
#act-handle a {
  background: url(/images_app/global/bg_handles.png) -15px 100% no-repeat scroll;
  bottom: 0;
  display: block;
  left: 0;
  position: absolute;
  top: 4px;
  width: 10px;
}
#act-handle span.icon {
  background: url(/images_app/icons/icons_tt.png) -164px -3px no-repeat scroll;
  height: 10px;
  left: 0;
  margin-top: -5px;
  position: absolute;
  top: 50%;
  width: 10px;
}
.open #act-handle span.icon {
  background: url(/images_app/icons/icons_tt.png) -148px -3px no-repeat scroll;
}
/* Action Panel Grid */
#act .data-grid {
  border-bottom: 1px solid #99a5b2;
}
#act .data-grid th {
  border-bottom: 1px solid #99a5b2;
  color: #fff;
  font-family: Arial, sans-serif;
  font-size: 10px;
  font-weight: bold;
  padding: 5px 10px 2px;
}
#act .data-grid td {
  color: #fff;
  font-family: Arial, sans-serif;
  font-size: 11px;
  padding: 3px 10px;
}
/* Results Panel
===========================================
*/
#res {
  padding-right: 10px;
  position: absolute;
  left: 5px;
  z-index: 2000;
  width: 170px;
  zoom: 1;
}
#res.maximize {
  width: 100%;
  position: relative;
  left: 0;
}
#res .tt-spinner {
  left: 40%;
  position: absolute;
  top: 20%;
  z-index: 2;
}
/* Results Panels */
#res .inside {
  background-color: #fff;
  min-height: 50px;
  zoom: 1;
}
#res-grid-outer {
  /* overflow-x: auto; */
}
#res-grid-inner {
  overflow-y: auto;
  overflow-x: hidden;
  max-height: 500px;
}
#res-handle {
  background: url(/images_app/global/bg_handles.png) -35px 0 no-repeat scroll;
  bottom: 0;
  display: block;
  right: 0;
  position: absolute;
  top: 0;
  width: 10px;
}
#res-handle a {
  background: url(/images_app/global/bg_handles.png) -50px 100% repeat scroll;
  bottom: 0;
  display: block;
  right: 0;
  position: absolute;
  top: 4px;
  width: 10px;
}
#res-handle span.icon {
  background: url(/images_app/icons/icons_tt.png) -148px -3px no-repeat scroll;
  height: 10px;
  right: 0;
  margin-top: -5px;
  position: absolute;
  top: 50%;
  width: 10px;
}
.open #res-handle span.icon {
  background: url(/images_app/icons/icons_tt.png) -164px -3px no-repeat scroll;
}
/* Results Bottom */
#res .bottom {
  background: url(/images_app/global/bg_res.png) 0 0 no-repeat scroll;
  padding-left: 5px;
}
#res .bottom .bl {
  background: url(/images_app/global/bg_res.png) 0 -19px repeat-x scroll;
  height: 19px;
}
#res .gradr-b {
  background-color: #fff;
}
/* row of buttons in the footer */
.open ul.res-ft-btn {
  display: block;
}
ul.res-ft-btn {
  display: none;
  margin: 0;
  padding: 0;
}
.open .res-legend {
  display: block;
  position: absolute;
}
.res-legend {
  display: none;
}
.res-legend dt,
.res-legend dd {
  color: #1c5180;
  float: left;
  font-size: 11px;
  height: 19px;
  line-height: 19px;
  padding: 0 2px;
}
.res-legend dt {
  padding-left: 0.75em;
}
/* Results Pagination
===========================================
    - Prev, Next, Status
*/
#res .dataTables_paginate {
  /* background-color:#fff; no background in the footer */
  border-top: 1px solid #d0d6dc;
  text-align: center;
  zoom: 1;
}
.res-pagination {
  display: inline-block;
  *display: inline;
  float: none;
  height: 18px;
  list-style: none;
  zoom: 1;
  margin-top: 5px;
}
.res-pagination li {
  float: left;
  height: 18px;
  list-style-type: none;
  margin: 0;
  padding: 0;
}
.res-pagination li a {
  display: block;
  font-size: 10px;
  font-weight: normal;
  height: 18px;
  line-height: 18px;
  list-style-type: none;
  margin: 0;
  padding: 0 1em;
  position: relative;
  text-decoration: none;
}
.res-pagination li a:hover {
  text-decoration: none;
}
.res-pagination li.prev a {
  padding-left: 2em;
}
.res-pagination li.next a {
  padding-right: 2em;
}
.res-pagination li.prev a span {
  background: url(/images_app/icons/icons_tt.png) 0 0 repeat-x scroll;
  height: 16px;
  left: 0.5em;
  margin-top: -8px;
  position: absolute;
  top: 50%;
  width: 16px;
}
.res-pagination li.prev a span:hover {
  background: url(/images_app/icons/icons_tt.png) -161px 0 repeat-x scroll;
  width: 14px;
}
.res-pagination li.next a span {
  background: url(/images_app/icons/icons_tt.png) -16px 0 repeat-x scroll;
  height: 16px;
  margin-top: -8px;
  position: absolute;
  right: 0.5em;
  top: 50%;
  width: 16px;
}
.res-pagination li.next a span:hover {
  background: url(/images_app/icons/icons_tt.png) -144px 0 repeat-x scroll;
}
.res-pagination .page-status {
  color: #666;
  font-size: 10px;
  line-height: 18px;
}
.res-pagination .page-status span {
  color: #000;
  font-weight: bold;
}
.res-pagination span.filter-info {
  color: #666;
  font-weight: normal;
  display: none;
}
.open .res-pagination span.filter-info {
  display: inline;
}
/* Results Data Grid
===========================================
    - Prev, Next, Status
*/
#res.open .data-grid .filter-controls {
  display: table-row;
  *display: block !important;
}
#res666 .data-grid tr.h-titles {
  background-color: #5d7085;
  zoom: 1;
}
/* the expanded table cells
   need to be on the screen but not visible.
*/
#res666 .data-grid .ext-cell {
  display: none;
}
#res666.open .data-grid .ext-cell {
  display: table-cell !important;
  *display: block !important;
}
.nopad {
  color: #1c5180;
  font-size: 11px;
  height: 20px;
  /*  padding:2px 3px;
      *padding:2px 3px; */
  padding: 0 !important;
}
#res .filter-controls .search_init {
  color: #666;
  width: 97%;
  height: 15px;
  margin-bottom: 0px;
}
#res .datainput input {
  margin-top: 4px;
  margin-bottom: 4px;
  border: 1px solid #EFEFEF;
  padding: 2px;
  width: 93%;
}
#res .dataTables_processing {
  color: #888;
  font-family: Arial, sans-serif;
  font-size: 11px;
  font-weight: normal;
  padding-left: 1em;
  position: absolute;
  top: -15px;
}
#res .data-grid {
  /*
        span.row-icn {
            background:none;
            display:block;
            height:16px;
            width:9px;
        }
        .active span.row-icn {
            background: url(/images_app/icons/icons_tt.png) -213px 0 repeat-x scroll;
        }
        */
}
#res .data-grid .filter-controls {
  display: none;
}
#res .data-grid .filter-controls td {
  background-color: #B1BBC5;
  border-right: 1px solid #C8cdd4;
  text-align: left;
  white-space: normal;
  padding: 2px;
  /* for results flyout */
  padding-left: 5px;
}
#res .data-grid .filter-controls td:last-child {
  border-right: none;
}
#res .data-grid th {
  background-color: #5E7086;
  border-right: 1px solid #b1bbc5;
  color: #fff;
  font-size: 11px;
  padding: 5px 6px;
  white-space: nowrap;
  zoom: 1;
}
#res .data-grid th:last-child {
  border-right: none;
}
#res .data-grid th.sorting,
#res .data-grid th.sorting_asc,
#res .data-grid th.sorting_desc {
  cursor: pointer;
}
#res .data-grid td {
  color: #1c5180;
  font-size: 11px;
  height: 20px;
  padding-left: 6px;
  padding-right: 6px;
  border-left: 1px solid #d9d9d9;
  border-top: 1px solid #d9d9d9;
}
#res .data-grid img {
  display: block;
  margin: auto;
}
#res .data-grid td.col-save {
  padding: 2px 10px 2px 2px;
}
#res .data-grid .dashboard-status {
  padding: 0px;
}
#res .data-grid .dashboard-status-box {
  display: flex;
  color: #ffffff;
  text-align: center;
}
#res .data-grid .dashboard-status-box div {
  flex: 100%;
  height: 26px;
}
#res .data-grid .dashboard-status-box .dashboard-status-row {
  display: flex;
  flex-direction: row;
  border-right: 1px solid #d9d9d9;
}
#res .data-grid .dashboard-status-box .dashboard-status-row .on-time-status-error {
  background-color: #ff0000;
}
#res .data-grid .dashboard-status-box .dashboard-status-row .on-time-status-warn-white {
  background-color: #ffA500;
}
#res .data-grid .dashboard-status-box .dashboard-status-row .on-time-status-AOK {
  background-color: #32cd32;
  font-size: 7px;
}
#res .data-grid .dashboard-status-box .dashboard-status-row .on-time-status-icon {
  padding-top: 8px;
}
#res .data-grid .dashboard-status-box .dashboard-status-column {
  display: flex;
  flex-direction: column;
}
#res .data-grid .temp-booking-icon {
  height: 12px;
  width: 12px;
  border-bottom: 1px solid #d9d9d9;
}
#res .data-grid .temp-booking-icon.onTime {
  background-color: #808080;
}
#res .data-grid .temp-booking-icon.warning {
  background-color: #ffA500;
}
#res .data-grid .temp-booking-icon.late {
  background-color: #ff0000;
}
#res .data-grid .temp-booking-icon-label {
  color: white;
  font-size: 9px;
}
#res .data-grid .note-unread-icon {
  background: linear-gradient(135deg, transparent 0 55%, #0000ff 55% 100%);
}
#res .data-grid .schedule-completed {
  background-color: #d9d9d9;
}
#res .data-grid .active td,
#res .data-grid .hover td {
  background-color: #E5EEF8;
  color: #000;
}
#res .data-grid .expand {
  width: 90%;
}
#res .data-grid .btn-twist {
  width: 11px;
}
#res .data-grid .inner-details .tt-spinner {
  position: relative;
  top: 10px;
  left: 0px;
}
#res .data-grid .inner-details.padding30 {
  padding-left: 30px;
}
#res .dialogLeft img,
#res .dialogRight img,
#res .updDlgLeft img,
#res .updDlgRight img,
#res .rptDialog img,
#res .info_dlg img {
  display: inline-block;
}
/* Bottom Button */
/* buttons with only icons */
.icon-only {
  width: 37px;
}
.icon-only span.icon {
  display: block;
  left: 46%;
  margin-left: -8px;
}
.icon-only span.text {
  display: block;
  padding: 0 !important;
  text-indent: -2000em;
}
/* PRINT ICON */
.icon-button span.print {
  background-position: -112px 0;
}
.icon-button span.save {
  background-position: -192px 0;
}
.icon-button span.export {
  background-position: -176px 0;
}
.icon-button span.create {
  background-position: -128px 0;
}
.icon-button span.cancel {
  background-position: -4px -20px;
}
.icon-button:hover span.cancel {
  background-position: -20px -20px;
}
.icon-button span.login {
  background-position: -36px -20px;
}
.icon-button:hover span.login {
  background-position: -53px -20px;
}
.logout-theme li.ttlib_panel_icon_button:nth-child(1) {
  width: 80px;
  height: 26px;
  border-radius: 0px 0px 0px 8px;
  background-image: linear-gradient(to bottom right, #F5F7F8, #ACBDC2);
}
.logout-theme li.ttlib_panel_icon_button:nth-child(1) .icon-button {
  width: 80px;
  height: 26px;
}
.logout-theme li.ttlib_panel_icon_button:nth-child(1) .icon-button span.text {
  font-size: 12px;
  font-weight: bold;
  margin-left: 12px;
}
.logout-theme li.ttlib_panel_icon_button:nth-child(1) .icon-button:hover {
  background: none;
}
.logout-theme li.ttlib_panel_icon_button:nth-child(1) .icon-button:hover span.text {
  color: #FFFFFF;
}
.logout-theme li.ttlib_panel_icon_button:nth-child(2) {
  width: 110px;
  height: 26px;
  border-radius: 0px 0px 8px 0px;
  background-image: linear-gradient(to bottom right, #CCEDC1, #A2CBA0);
  margin-right: -13px;
}
.logout-theme li.ttlib_panel_icon_button:nth-child(2) .icon-button {
  width: 120px;
  height: 26px;
}
.logout-theme li.ttlib_panel_icon_button:nth-child(2) .icon-button span.text {
  font-size: 12px;
  font-weight: bold;
  margin-left: 7px;
}
.logout-theme li.ttlib_panel_icon_button:nth-child(2) .icon-button:hover {
  background: none;
}
.logout-theme li.ttlib_panel_icon_button:nth-child(2) .icon-button:hover span.text {
  color: #FFFFFF;
}
.logout-theme .errors {
  text-align: center;
}
.logout-theme .win-ft-btn.float-right.clear-fix {
  border-left: none;
  border-right: none;
}
.logout-theme span.icon.default {
  display: none;
}
.logout-theme .logout-header {
  font-size: 15px;
  text-align: center;
  font-weight: bold;
  margin-top: 20px;
  margin-bottom: 15px;
  color: #61798F;
}
.logout-theme .logout-footer {
  background-color: #E6F0FA;
  color: #979CA2;
  font-weight: bold;
  text-align: center;
  padding: 15px;
}
.logout-theme .win-std .inner {
  overflow-y: auto;
}
.logout-theme .entry .yui3-g {
  padding-left: 42px;
}
.login-theme li.ttlib_panel_icon_button:nth-child(1) {
  width: 80px;
  height: 26px;
  border-radius: 0px 0px 0px 8px;
  background-image: linear-gradient(to bottom right, #F5F7F8, #ACBDC2);
}
.login-theme li.ttlib_panel_icon_button:nth-child(1) .icon-button {
  width: 80px;
  height: 26px;
}
.login-theme li.ttlib_panel_icon_button:nth-child(1) .icon-button span.text {
  font-size: 12px;
  font-weight: bold;
  margin-left: 12px;
}
.login-theme li.ttlib_panel_icon_button:nth-child(1) .icon-button:hover {
  background: none;
}
.login-theme li.ttlib_panel_icon_button:nth-child(1) .icon-button:hover span.text {
  color: #FFFFFF;
}
.login-theme li.ttlib_panel_icon_button:nth-child(2) {
  width: 110px;
  height: 26px;
  border-radius: 0px 0px 8px 0px;
  background-image: linear-gradient(to bottom right, #CCEDC1, #A2CBA0);
  margin-right: -13px;
}
.login-theme li.ttlib_panel_icon_button:nth-child(2) .icon-button {
  width: 120px;
  height: 26px;
}
.login-theme li.ttlib_panel_icon_button:nth-child(2) .icon-button span.text {
  font-size: 12px;
  font-weight: bold;
  margin-left: 7px;
}
.login-theme li.ttlib_panel_icon_button:nth-child(2) .icon-button:hover {
  background: none;
}
.login-theme li.ttlib_panel_icon_button:nth-child(2) .icon-button:hover span.text {
  color: #FFFFFF;
}
.login-theme.reset-password li.ttlib_panel_icon_button:nth-child(2) {
  width: 130px;
}
.login-theme.reset-password li.ttlib_panel_icon_button:nth-child(2) .icon-button {
  width: 140px;
}
.login-theme.success-reset li.ttlib_panel_icon_button:nth-child(1) {
  border-radius: 0px 0px 8px 8px;
  margin-right: -13px;
}
.login-theme .errors {
  text-align: center;
}
.login-theme .win-ft-btn.float-right.clear-fix {
  border-left: none;
  border-right: none;
}
.login-theme span.icon.default {
  display: none;
}
.login-theme .login-header {
  font-size: 15px;
  text-align: center;
  font-weight: bold;
  margin-top: 20px;
  margin-bottom: 15px;
  color: #61798F;
}
.login-theme .login-footer {
  background-color: #E6F0FA;
  color: #979CA2;
  font-weight: bold;
  text-align: center;
  padding: 15px;
}
.login-theme .login-reset-password {
  color: #61798F;
  font-weight: bold;
  cursor: pointer;
}
.login-theme .login-support-here {
  color: #61798F;
  font-weight: bold;
}
.login-theme .login-reset-header {
  font-size: 11px;
  text-align: center;
  font-weight: bold;
  margin-top: 10px;
  margin-bottom: 10px;
}
.login-theme .win-std .inner {
  overflow-y: auto;
}
.login-theme .entry .yui3-g {
  padding-left: 42px;
}
/* CSS Buttons
===========================================
    - simple outline button
    - action green down arrow button
    - create new button
    - action panel buttons
*/
a.button-outline {
  background: url(/images_app/global/btn_utility.png) 0 0 repeat-x scroll;
  color: #fff;
  display: block;
  font-family: Arial, sans-serif;
  font-size: 10px;
  font-weight: normal;
  height: 18px;
  line-height: 18px;
  outline-style: none;
  padding-left: 5px;
  text-decoration: none;
}
a.button-outline strong {
  background: url(/images_app/global/btn_utility.png) 100% -18px no-repeat scroll;
  display: block;
  font-weight: bold;
  height: 18px;
  padding: 0 15px 0 10px;
}
a.button-outline:hover,
a.button-outline.hover,
.active a.button-outline {
  background: url(/images_app/global/btn_utility.png) 0 -36px repeat-x scroll;
  color: #fff;
}
a.button-outline:hover strong,
a.button-outline.hover strong,
.active a.button-outline strong {
  background: url(/images_app/global/btn_utility.png) 100% -54px repeat-x scroll;
}
a.button-outline.disabled {
  color: #cccccc !important;
}
a.button-outline.disabled:hover {
  background: url(/images_app/global/btn_utility.png) 0 0 repeat-x scroll;
  color: #fff;
}
a.button-outline.disabled:hover strong {
  background: url(/images_app/global/btn_utility.png) 100% -18px repeat-x scroll;
}
/* CSS Buttons Primary
===========================================
    - this version of the button is taller
    - create new button
*/
a.button-outline-pri {
  background: url(/images_app/global/btn_utility.png) 0 -72px repeat-x scroll;
  color: #fff;
  display: block;
  font-family: Arial, sans-serif;
  font-size: 11px;
  font-weight: normal;
  height: 21px;
  line-height: 21px;
  outline-style: none;
  padding-left: 5px;
  text-decoration: none;
}
a.button-outline-pri strong {
  background: url(/images_app/global/btn_utility.png) 100% -93px no-repeat scroll;
  display: block;
  font-weight: bold;
  height: 21px;
  padding: 0 15px 0 10px;
}
a.button-outline-pri:hover,
a.button-outline-pri.hover,
.active a.button-outline-pri {
  background: url(/images_app/global/btn_utility.png) 0 -114px repeat-x scroll;
  color: #fff;
}
a.button-outline-pri:hover strong,
a.button-outline-pri.hover strong,
.active a.button-outline-pri strong {
  background: url(/images_app/global/btn_utility.png) 100% -135px repeat-x scroll;
}
a.button-outline-pri.disabled {
  color: #cccccc !important;
}
a.button-outline-pri.disabled:hover {
  background: url(/images_app/global/btn_utility.png) 0 -72px repeat-x scroll;
  color: #fff;
}
a.button-outline-pri.disabled:hover strong {
  background: url(/images_app/global/btn_utility.png) 100% -93px repeat-x scroll;
}
/* Action Panel Buttons
===========================================
*/
a.button-outline-act {
  background: url(/images_app/global/btn_utility.png) 0 -156px repeat-x scroll;
  color: #fff;
  display: block;
  font-family: Arial, sans-serif;
  font-size: 10px;
  font-weight: normal;
  height: 18px;
  line-height: 18px;
  outline-style: none;
  padding-left: 5px;
  text-decoration: none;
}
a.button-outline-act strong {
  background: url(/images_app/global/btn_utility.png) 100% -174px no-repeat scroll;
  display: block;
  font-weight: bold;
  height: 18px;
  padding: 0 15px 0 10px;
}
a.button-outline-act:hover,
a.button-outline-act.hover {
  background: url(/images_app/global/btn_utility.png) 0 -192px repeat-x scroll;
  color: #fff;
}
a.button-outline-act:hover strong,
a.button-outline-act.hover strong {
  background: url(/images_app/global/btn_utility.png) 100% -210px repeat-x scroll;
}
/* Select Buttons
===========================================
    - select flyout buttons
*/
.select-button {
  clear: both;
  cursor: pointer;
  padding: 3px 4px;
  position: relative;
  zoom: 1;
}
.select-button a {
  display: block;
  text-decoration: none;
  zoom: 1;
}
.select-button a:hover {
  text-decoration: none;
}
.select-button.disabled {
  cursor: default;
}
.select-button span {
  background: url(/images_app/global/btn_select.png) 0 0 no-repeat scroll;
  border-right: 1px solid #c3c3c5;
  color: #406081;
  cursor: pointer;
  float: left;
  font-size: 10px;
  font-weight: bold;
  line-height: 19px;
  text-align: center;
  width: 12%;
}
.select-button.disabled span {
  background: url(/images_app/global/btn_select.png) 0 -19px no-repeat scroll;
  border-right: 1px solid #c5c7c6;
  color: #b7c1cb;
  cursor: default;
}
.select-button span.text {
  background: url(/images_app/global/btn_select.png) 100% 0 no-repeat scroll;
  border-left: 1px solid #fff;
  border-right: none;
  color: #406081;
  cursor: pointer;
  float: left;
  font-size: 10px;
  font-weight: bold;
  line-height: 19px;
  text-align: left;
  text-indent: 8px;
  width: 86%;
}
.select-button.disabled span.text {
  background: url(/images_app/global/btn_select.png) 100% -19px no-repeat scroll;
  border-left: 1px solid #fff;
  border-right: none;
  color: #b7c1cb;
  cursor: default;
  text-align: left;
  text-decoration: none;
}
/* Unique UI Buttons
===========================================
    - These override standard buttons
*/
/* action only used in main page module */
.disabled #actions {
  visibility: hidden;
}
#actions {
  color: #406081;
  float: right;
  font-family: Arial, sans-serif;
  font-size: 11px;
  font-weight: bold;
  line-height: 21px;
  margin-top: 8px;
  padding: 0 10px 0 25px;
  position: relative;
  text-decoration: none;
  visibility: visible;
}
#actions span.icon {
  background: url(/images_app/icons/icons_tt.png) -64px 0 repeat-x scroll;
  height: 16px;
  left: 0.5em;
  margin-top: -8px;
  position: absolute;
  top: 50%;
  width: 16px;
}
/* Create New Button */
#create-new strong {
  padding: 0 50px 0 5px;
  text-align: left;
}
/* Select Flyout
===========================================
*/
.select-flyout {
  position: absolute;
  left: 100%;
  top: 0;
  width: 500px;
}
/* Footer Copyright
===========================================
*/
.copyright {
  color: #294563;
  font-family: Verdana, sans-serif;
  font-size: 10px;
  margin-bottom: 1.5em;
  text-align: center;
}
.copyright a {
  color: #294563;
  font-family: Verdana, sans-serif;
  font-size: 10px;
}
/* Messages and Notifications
===========================================
*/
.message {
  background-color: #000;
  color: white;
  font-size: 11px;
  position: absolute;
  top: 0;
  left: 550px;
  width: 200px;
  z-index: 2000;
}
.message p {
  padding: 0.5em;
}
.overlay,
.overlay-wizards,
.overlay-window {
  background-color: #666;
  bottom: 0;
  display: block;
  filter: alpha(opacity=0);
  left: 0;
  opacity: 0.0;
  position: fixed;
  right: 0;
  top: 0;
  zoom: 1;
}
.overlay.dark,
.overlay-wizards.dark,
.overlay-window.dark {
  background-color: #666;
  opacity: 0.4;
  filter: alpha(opacity=30);
  z-index: 2999;
}
#lightbox-overlay {
  background-color: #000;
  filter: alpha(opacity=30);
  z-index: 2999;
}
/* Div Window Container
===========================================
*/
#div-window {
  position: fixed;
  z-index: 3000;
}
.areyousure {
  margin: 10px;
}
/* Tooltip Window Container
===========================================
*/
#tooltip-window {
  position: fixed;
  z-index: 3002;
}
#tooltip-window .map-pop img {
  /*width:95%;*/
}
/* Upgrade Notice
===========================================
*/
#upgrade-notice {
  width: 650px;
  height: 260px;
  position: absolute;
  top: 20px;
  left: 300px;
  padding: 20px;
  background: none repeat scroll 0 0 #ffffff;
  border: 1px solid #cccccc;
  font-family: Arial, Verdana, sans-serif;
  list-style-type: none;
  color: #4f4f4f;
  font-size: 12px;
  display: none;
  z-index: 5000;
}
ul.browser-list {
  list-style: none outside none;
  padding: 0 0 0 10px;
}
ul.browser-list li {
  background: url(/images_app/icons/background_browser.gif) no-repeat scroll left top transparent;
  cursor: pointer;
  float: left;
  height: 122px;
  margin: 0 10px 10px 0;
  width: 120px;
}
ul.browser-list .browser-icon {
  width: 100px;
  height: 100px;
  margin: 1px auto;
}
.icon-ie {
  background: url(/images_app/icons/browser_ie.gif) no-repeat scroll left top transparent;
}
.icon-ff {
  background: url(/images_app/icons/browser_firefox.gif) no-repeat scroll left top transparent;
}
.icon-chr {
  background: url(/images_app/icons/browser_chrome.gif) no-repeat scroll left top transparent;
}
.icon-saf {
  background: url(/images_app/icons/browser_safari.gif) no-repeat scroll left top transparent;
}
ul.browser-list .browser-version {
  color: #808080;
  font-size: 0.8em;
  height: 18px;
  line-height: 17px;
  margin: 1px auto;
  width: 118px;
  text-align: center;
}
/* General
===========================================
*/
/* clearFix
note: adding overflow:auto (or hidden) to the containg elm works also.
*/
.clear-fix:after {
  content: " ";
  display: block;
  height: 0;
  font-size: 0;
  clear: both;
  visibility: hidden;
}
.pos-relative {
  position: relative;
}
.clear-fix {
  zoom: 1;
}
.float-right {
  float: right;
}
.float-left {
  float: left;
}
.clear {
  clear: both;
}
.hide {
  display: none;
}
.visibility-hide {
  visibility: hidden;
}
.center {
  text-align: center;
}
.image-wrap {
  margin: 0.5em 1em;
}
.spacing {
  padding: 0.5em;
}
.push-top {
  margin-top: 15px;
}
.push-right {
  margin-right: 15px;
}
.push-left {
  margin-left: 15px;
}
.push-bottom {
  margin-bottom: 15px;
}
.float-divider {
  clear: both;
  display: block;
  height: 1px;
  font-size: 1px;
  line-height: 1px;
}
.hr {
  border-top: 1px solid #d9d9d9;
  clear: both;
  height: 1px;
  margin: 0.5em 0;
}
.hr hr {
  display: none;
}
.gradr-t {
  display: block;
  height: 4px;
}
/* TEMP until bill and sarah figure out which window to use. */
.flat-theme .gradr-t {
  background: none;
  height: 0;
}
.gradr-b {
  background-image: linear-gradient(#fff 20%, #c5c6c6);
  display: block;
  height: 4px;
}
.border-left {
  border-left: 1px solid #e8e8e8;
}
.border-right {
  border-right: 1px solid #e8e8e8;
}
.no-border-bottom {
  border-bottom: none !important;
}
.no-border-left {
  border-left: none !important;
}
.no-wrap {
  white-space: nowrap !important;
}
.extra-padding {
  padding: 20px;
  padding-left: 119px;
}
.pointer {
  cursor: pointer;
}
/*
 * truncate text with ellipsis...
 * beyond this class you need to add a fixed width or max-width.
 */
.truncate {
  display: inline-block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.x-small-max {
  max-width: 6em;
}
.note-text {
  width: 100%;
}
.note-submit {
  background: #bde8ba;
  border-radius: 3px;
  color: #406081;
  border: none;
  padding: 5px 10px;
  font-weight: bold;
  float: right;
  cursor: pointer;
}
.note-list {
  padding: 0 10px;
  color: #333;
  max-height: 250px;
  overflow-y: scroll;
}
.note-list .note {
  margin-bottom: 15px;
}
.note-list .note hr {
  background: #bbb;
  border: none;
  height: 1px;
}
.topBanner {
  position: fixed;
  top: 0;
  z-index: 3003;
  color: white;
  font-size: 17px;
  font-weight: bold;
  display: block;
  width: 100%;
}
.topBanner span {
  margin: 0 35%;
}
.behind {
  display: none;
}
#showSaving.saving {
  position: fixed;
  top: 0;
  z-index: 3003;
  color: white;
  font-size: 17px;
  font-weight: bold;
  display: block;
  width: 100%;
  background-color: #68BD55;
}
#showSaving.saving span {
  margin: 0 35%;
}
#showSaved.saved {
  position: fixed;
  top: 0;
  z-index: 3003;
  color: white;
  font-size: 17px;
  font-weight: bold;
  display: block;
  width: 100%;
  background-color: #68BD55;
  /* 4080FE */
}
#showSaved.saved span {
  margin: 0 35%;
}
.transmissionLog {
  width: 100%;
}
.transmissionLog .strong {
  font-weight: bold;
}
.margin-4-0-0-6 {
  margin: 4px 0px 0px 6px;
}
.raillog {
  width: 100%;
}
.chat-messageSmall {
  width: 15%;
  float: left;
  padding: 20px;
}
.chat-messageMedium {
  width: 50%;
  float: left;
  padding: 20px;
}
.chat-messageLarge {
  width: 70%;
  float: left;
  padding: 20px;
}
.chat-box {
  display: block;
  width: 100%;
}

/*css_app/table.less!steal-less@1.3.4#less*/
/*
 * LESS mixins for the whole app.
 */
.table {
  display: table;
  width: 100%;
}
.table .table-row,
.table .row {
  display: table-row;
}
.table .table-cell,
.table .cell {
  display: table-cell;
}
.table .table-header {
  display: table-header-group;
}
.table .table-body {
  display: table-row-group;
}
#res .no-footer {
  border-bottom: 2px solid #d9d9d9;
}
#res .standaloneTable {
  border-right: 2px solid #d9d9d9;
}
#res .green-button {
  background: -webkit-linear-gradient(#cee7bc, #97b193);
  /* For Safari 5.1 to 6.0 */
  background: -o-linear-gradient(#cee7bc, #97b193);
  /* For Opera 11.1 to 12.0 */
  background: -moz-linear-gradient(#cee7bc, #97b193);
  /* For Firefox 3.6 to 15 */
  background: linear-gradient(#cee7bc, #97b193);
  /* Standard syntax */
  border: none;
  border-radius: 3px;
  cursor: pointer;
  color: #416080;
  font-size: 11px;
  font-weight: bold;
  padding: 0.3em 0.7em;
  text-align: center;
}

/*css_app/design_system/system.less!steal-less@1.3.4#less*/
/* ====== Reset  ====== */
* {
  margin: 0px;
  padding: 0px;
  box-sizing: border-box;
}
/* ====== Theme  ====== */
/* ------ Neutral Colors  ------  */
/* Neutral/light-grey Neutral/300  */
/* Neutral/light-grey 400 */
/* Neutral/medium-grey 500 */
/* Neutral/grey 600 */
/* Neutral/dark-grey 700 */
/* Neutral/black 800 */
/* Shadow */
/* ------ Utility Colors  ------  */
/* Blue/900 */
/* Blue/800 primary */
/* Blue/700 */
/* Blue/600 */
/* Blue/500 */
/* Blue/400 */
/* Blue/300 secondary */
/* Red/500 */
/*TBD*/
/* Yellow/500 */
/* Organge/500 */
/* Organge/400 */
/* Organge/300 */
/* Green/800 */
/* Green/700 */
/* Green/600 */
/* Green/500 */
/* Green/400 */
/* Green/300 */
/* Gradient Colors */
/* ---- background helpers ----*/
.bg-red-500 {
  background-color: #EA5521;
}
.bg-blue {
  background-color: #435B71;
}
.bg-blue-300 {
  background-color: #E3ECF5;
}
.bg-blue-400 {
  background-color: #AFCFF1;
}
.bg-blue-500 {
  background-color: #5092D9;
}
.bg-blue-600 {
  background-color: #A9BDC5;
}
.bg-blue-700 {
  background-color: #5D7085;
}
.bg-blue-800 {
  background-color: #435B71;
}
.bg-yellow-500 {
  background-color: #F2BF23;
}
.bg-green-800 {
  background-color: #2F7835;
}
.bg-green-700 {
  background-color: #54BF5C;
}
.bg-green-600 {
  background-color: #7EC983;
}
.bg-green-500 {
  background-color: #40DD4C;
}
.bg-green-400 {
  background-color: #9CB698;
}
.bg-green-300 {
  background-color: #CFE7BC;
}
.bg-transparent {
  background-color: transparent;
}
.bg-neutral {
  background-color: #FFFFFF;
}
.bg-neutral-white {
  background-color: #FFFFFF;
}
.bg-neutral-300 {
  background-color: #EEEEEE;
}
.bg-neutral-400 {
  background-color: #D9D9D9;
}
.bg-neutral-500 {
  background-color: #CCCCCC;
}
.bg-neutral-600 {
  background-color: #777777;
}
.bg-neutral-700 {
  background-color: #666666;
}
.bg-neutral-800 {
  background-color: #000000;
}
/* ---- text helpers ----*/
.text-blue {
  color: #435B71;
}
.text-blue-300 {
  color: #E3ECF5;
}
.text-blue-400 {
  color: #AFCFF1;
}
.text-blue-500 {
  color: #5092D9;
}
.text-blue-600 {
  color: #A9BDC5;
}
.text-blue-700 {
  color: #5D7085;
}
.text-blue-800 {
  color: #435B71;
}
.text-blue-900 {
  color: #5E7185;
}
.text-green-800 {
  color: #2F7835;
}
.text-green-700 {
  color: #54BF5C;
}
.text-green-600 {
  color: #7EC983;
}
.text-green-500 {
  color: #40DD4C;
}
.text-green-400 {
  color: #9CB698;
}
.text-green-300 {
  color: #CFE7BC;
}
.text-red {
  color: #FF0000;
}
.text-red-500 {
  color: #EA5521;
}
.text-orange-500 {
  color: #EDB551;
}
.text-orange-400 {
  color: #FAD05B;
}
.text-orange-300 {
  color: #FEE98A;
}
.text-neutral {
  color: #FFFFFF;
}
.text-neutral-white {
  color: #FFFFFF;
}
.text-neutral-300 {
  color: #EEEEEE;
}
.text-neutral-400 {
  color: #D9D9D9;
}
.text-neutral-500 {
  color: #CCCCCC;
}
.text-neutral-600 {
  color: #777777;
}
.text-neutral-700 {
  color: #666666;
}
.text-neutral-800 {
  color: #000000;
}
.text-black-opacity-50 {
  color: rgba(0, 0, 0, 0.5);
}
/* ---- border helpers ----*/
.border-light-grey {
  border-color: #D9D9D9;
}
.border-medium-grey {
  border-color: #CCCCCC;
}
.border-grey {
  border-color: #777777;
}
.border-dark-grey {
  border-color: #666666;
}
.border-blue-300 {
  border-color: #E3ECF5;
}
.border-blue-400 {
  border-color: #AFCFF1;
}
.border-blue-500 {
  border-color: #5092D9;
}
.border-blue-600 {
  border-color: #A9BDC5;
}
.border-blue-700 {
  border-color: #5D7085;
}
.border-blue-800 {
  border-color: #435B71;
}
/* Gradients */
.bg-gradient-to-b-primary {
  background: #CFE7BC;
  /* Old browsers */
  background: -o-linear-gradient(#CFE7BC, #9AB496);
  /* For Opera 11.1 to 12.0 */
  background: -moz-linear-gradient(top, #CFE7BC 0%, #b3cca9 47%, #b3cca9 90%);
  /* For Firefox 3.6 to 15 */
  background: -webkit-linear-gradient(top, #CFE7BC 0%, #b3cca9 47%, #9AB496 90%);
  /* Chrome 10-25,Safari 5.1-6 */
  background: linear-gradient(to bottom, #CFE7BC 0%, #b3cca9 47%, #9AB496 90%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#CFE7BC', endColorstr='#9AB496', GradientType=0);
  /* IE6-9 */
}
.bg-gradient-to-b-secondary {
  background: #F8F9FA;
  /* Old browsers */
  background: -o-linear-gradient(#F8F9FA, #B0BDC1);
  /* For Opera 11.1 to 12.0 */
  background: -moz-linear-gradient(top, #F8F9FA 0%, #B0BDC1 90%);
  /* For Firefox 3.6 to 15 */
  background: -webkit-linear-gradient(top, #F8F9FA 0%, #B0BDC1 90%);
  /* Chrome 10-25,Safari 5.1-6 */
  background: linear-gradient(to bottom, #F8F9FA 0%, #B0BDC1 90%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#F8F9FA', endColorstr='#B0BDC1', GradientType=0);
  /* IE6-9 */
}
.bg-gradient-to-b-secondary-og {
  background: #afbdcf;
  /* Old browsers */
  background: -o-linear-gradient(#afbdcf, #748396);
  /* For Opera 11.1 to 12.0 */
  background: -moz-linear-gradient(top, #afbdcf 0%, #a3b2c4 47%, #a3b2c4 90%);
  /* For Firefox 3.6 to 15 */
  background: -webkit-linear-gradient(top, #afbdcf 0%, #a3b2c4 47%, #748396 90%);
  /* Chrome 10-25,Safari 5.1-6 */
  background: linear-gradient(to bottom, #afbdcf 0%, #a3b2c4 47%, #748396 90%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#afbdcf', endColorstr='#748396', GradientType=0);
  /* IE6-9 */
}
.hover\:text-neutral:hover {
  color: #ffffff;
}
.disabled\:text-neutral:disabled {
  color: #ffffff;
}
.disabled\:bg-gradient-to-b-secondary:disabled {
  background: #F8F9FA;
  /* Old browsers */
  background: -o-linear-gradient(#F8F9FA, #B0BDC1);
  /* For Opera 11.1 to 12.0 */
  background: -moz-linear-gradient(top, #F8F9FA 0%, #B0BDC1 90%);
  /* For Firefox 3.6 to 15 */
  background: -webkit-linear-gradient(top, #F8F9FA 0%, #B0BDC1 90%);
  /* Chrome 10-25,Safari 5.1-6 */
  background: linear-gradient(to bottom, #F8F9FA 0%, #B0BDC1 90%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#F8F9FA', endColorstr='#B0BDC1', GradientType=0);
  /* IE6-9 */
}
.bg-icon-send {
  background: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxMCAxMCIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPjxwYXRoIGQ9Ik0wLjUwNDI4NiA4Ljg1NzE0TDkuNSA1TDAuNTA0Mjg2IDEuMTQyODZMMC41IDQuMTQyODZMNi45Mjg1NyA1TDAuNSA1Ljg1NzE0TDAuNTA0Mjg2IDguODU3MTRaIiBmaWxsPSIjRDlEOUQ5IiBzdHJva2Utd2lkdGg9IjEiPjwvcGF0aD48L3N2Zz4=');
}
/** ==== Background Helpers ===== **/
.bg-no-repeat {
  background-repeat: no-repeat;
}
.copy-icon {
  background: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA1MTIgNTEyIj48IS0tIUZvbnQgQXdlc29tZSBGcmVlIDYuNi4wIGJ5IEBmb250YXdlc29tZSAtIGh0dHBzOi8vZm9udGF3ZXNvbWUuY29tIExpY2Vuc2UgLSBodHRwczovL2ZvbnRhd2Vzb21lLmNvbS9saWNlbnNlL2ZyZWUgQ29weXJpZ2h0IDIwMjQgRm9udGljb25zLCBJbmMuLS0+PHBhdGggZmlsbD0iIzRhODdiYyIgZD0iTTQ2NCAwSDE0NGMtMjYuNSAwLTQ4IDIxLjUtNDggNDh2NDhINDhjLTI2LjUgMC00OCAyMS41LTQ4IDQ4djMyMGMwIDI2LjUgMjEuNSA0OCA0OCA0OGgzMjBjMjYuNSAwIDQ4LTIxLjUgNDgtNDh2LTQ4aDQ4YzI2LjUgMCA0OC0yMS41IDQ4LTQ4VjQ4YzAtMjYuNS0yMS41LTQ4LTQ4LTQ4ek0zNjIgNDY0SDU0YTYgNiAwIDAgMSAtNi02VjE1MGE2IDYgMCAwIDEgNi02aDQydjIyNGMwIDI2LjUgMjEuNSA0OCA0OCA0OGgyMjR2NDJhNiA2IDAgMCAxIC02IDZ6bTk2LTk2SDE1MGE2IDYgMCAwIDEgLTYtNlY1NGE2IDYgMCAwIDEgNi02aDMwOGE2IDYgMCAwIDEgNiA2djMwOGE2IDYgMCAwIDEgLTYgNnoiLz48L3N2Zz4=') no-repeat center center;
  display: inline-block;
  width: 15px;
  height: 15px;
  vertical-align: middle;
  text-align: center;
  cursor: pointer;
}
.copy-icon.disabled {
  background: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA1MTIgNTEyIj48IS0tIUZvbnQgQXdlc29tZSBGcmVlIDYuNi4wIGJ5IEBmb250YXdlc29tZSAtIGh0dHBzOi8vZm9udGF3ZXNvbWUuY29tIExpY2Vuc2UgLSBodHRwczovL2ZvbnRhd2Vzb21lLmNvbS9saWNlbnNlL2ZyZWUgQ29weXJpZ2h0IDIwMjQgRm9udGljb25zLCBJbmMuLS0+PHBhdGggZmlsbD0iI2I0YjRiNCIgZD0iTTQ2NCAwSDE0NGMtMjYuNSAwLTQ4IDIxLjUtNDggNDh2NDhINDhjLTI2LjUgMC00OCAyMS41LTQ4IDQ4djMyMGMwIDI2LjUgMjEuNSA0OCA0OCA0OGgzMjBjMjYuNSAwIDQ4LTIxLjUgNDgtNDh2LTQ4aDQ4YzI2LjUgMCA0OC0yMS41IDQ4LTQ4VjQ4YzAtMjYuNS0yMS41LTQ4LTQ4LTQ4ek0zNjIgNDY0SDU0YTYgNiAwIDAgMSAtNi02VjE1MGE2IDYgMCAwIDEgNi02aDQydjIyNGMwIDI2LjUgMjEuNSA0OCA0OCA0OGgyMjR2NDJhNiA2IDAgMCAxIC02IDZ6bTk2LTk2SDE1MGE2IDYgMCAwIDEgLTYtNlY1NGE2IDYgMCAwIDEgNi02aDMwOGE2IDYgMCAwIDEgNiA2djMwOGE2IDYgMCAwIDEgLTYgNnoiLz48L3N2Zz4=') no-repeat center center;
  cursor: auto;
}
.caret-down {
  background: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAzMjAgNTEyIj48IS0tIUZvbnQgQXdlc29tZSBGcmVlIDYuNy4wIGJ5IEBmb250YXdlc29tZSAtIGh0dHBzOi8vZm9udGF3ZXNvbWUuY29tIExpY2Vuc2UgLSBodHRwczovL2ZvbnRhd2Vzb21lLmNvbS9saWNlbnNlL2ZyZWUgQ29weXJpZ2h0IDIwMjQgRm9udGljb25zLCBJbmMuLS0+PHBhdGggZmlsbD0iIzgzZDI0OSIgZD0iTTEzNy40IDM3NC42YzEyLjUgMTIuNSAzMi44IDEyLjUgNDUuMyAwbDEyOC0xMjhjOS4yLTkuMiAxMS45LTIyLjkgNi45LTM0LjlzLTE2LjYtMTkuOC0yOS42LTE5LjhMMzIgMTkyYy0xMi45IDAtMjQuNiA3LjgtMjkuNiAxOS44cy0yLjIgMjUuNyA2LjkgMzQuOWwxMjggMTI4eiIvPjwvc3ZnPg==') no-repeat center center;
  width: 15px;
  height: 15px;
  cursor: pointer;
}
/* ===== CSS Helpers ==== */
.list-none {
  list-style: none;
}
.w-full {
  width: 100% !important;
}
.h-full {
  height: 100%;
}
.float-left {
  float: left;
}
.float-right {
  float: right;
}
.clear-both {
  clear: both;
}
.inline-block {
  display: inline-block;
}
.visibility-hide {
  visibility: hidden;
}
.hide {
  display: none;
}
.whitespace-pre-line {
  white-space: pre-line;
}
.whitespace-nowrap {
  white-space: nowrap;
}
/* ===== Flexbox Helpers ==== */
.flex {
  display: flex;
}
.flex-column {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
.flex-row {
  display: flex;
  flex-direction: row;
}
.flex-wrap {
  flex-wrap: wrap;
}
.justify-start {
  justify-content: flex-start;
}
.justify-center {
  justify-content: center;
}
.justify-between {
  justify-content: space-between;
}
.justify-end {
  justify-content: flex-end;
}
.items-start {
  align-items: flex-start;
}
.items-end {
  align-items: flex-end;
}
.items-center {
  align-items: center;
}
.items-baseline {
  align-items: baseline;
}
.items-stretch {
  align-items: stretch;
}
.grow {
  flex-grow: 1;
}
/* ===== Outline Helpers ==== */
.outline-none {
  outline: 2px solid transparent;
  outline-offset: 2px;
}
.outline-hidden {
  outline-style: hidden;
}
/* ===== Border Helpers ==== */
.border-solid {
  border-style: solid;
}
.border-solid-l {
  border-left-style: solid;
}
.border-solid-r {
  border-right-style: solid;
}
.border-solid-t {
  border-top-style: solid;
}
.border-solid-b {
  border-bottom-style: solid;
}
.border {
  border-width: 1px;
}
.border-l {
  border-left-width: 0;
}
.border-l-0 {
  border-left-width: 0;
}
.border-l-1 {
  border-left-width: 1px;
}
.border-l-2 {
  border-left-width: 2px;
}
.border-r {
  border-right-width: 0;
}
.border-r-0 {
  border-right-width: 0;
}
.border-r-1 {
  border-right-width: 1px;
}
.border-r-2 {
  border-right-width: 2px;
}
.border-t {
  border-top-width: 0;
}
.border-t-0 {
  border-top-width: 0;
}
.border-t-1 {
  border-top-width: 1px;
}
.border-t-2 {
  border-top-width: 2px;
}
.border-b {
  border-bottom-width: 0;
}
.border-b-0 {
  border-bottom-width: 0;
}
.border-b-1 {
  border-bottom-width: 1px;
}
.border-b-2 {
  border-bottom-width: 2px;
}
.border-color-light-grey {
  border-color: #D9D9D9;
}
.border-color-light-grey-l {
  border-left-color: #D9D9D9;
}
.border-color-light-grey-r {
  border-right-color: #D9D9D9;
}
.border-color-light-grey-t {
  border-top-color: #D9D9D9;
}
.border-color-light-grey-b {
  border-bottom-color: #D9D9D9;
}
.border-color-medium-grey {
  border-color: #CCCCCC;
}
.border-color-medium-grey-l {
  border-left-color: #CCCCCC;
}
.border-color-medium-grey-r {
  border-right-color: #CCCCCC;
}
.border-color-medium-grey-t {
  border-top-color: #CCCCCC;
}
.border-color-medium-grey-b {
  border-bottom-color: #CCCCCC;
}
.border-color-grey {
  border-color: #777777;
}
.border-color-grey-l {
  border-left-color: #777777;
}
.border-color-grey-r {
  border-right-color: #777777;
}
.border-color-grey-t {
  border-top-color: #777777;
}
.border-color-grey-b {
  border-bottom-color: #777777;
}
.border-color-dark-grey {
  border-color: #666666;
}
.border-color-dark-grey-l {
  border-left-color: #666666;
}
.border-color-dark-grey-r {
  border-right-color: #666666;
}
.border-color-dark-grey-t {
  border-top-color: #666666;
}
.border-color-dark-grey-b {
  border-bottom-color: #666666;
}
.border-none {
  border-style: none;
}
.first\:border-none:first-child {
  border-style: none;
}
/* Adds a 1px border between vertical elements*/
.divide-y > * ~ * {
  border-top-style: solid;
  border-top-width: 1px;
}
/* Position */
.absolute {
  position: absolute;
}
.top-0 {
  top: 0;
}
.bottom-0 {
  bottom: 0;
}
.left-0 {
  left: 0;
}
.right-0 {
  right: 0;
}
/* ------ Radius  ------ */
/*TBD*/
/* ===== Rounding Helpers ==== */
.rounded-full {
  border-radius: 9999px;
}
.rounded {
  border-radius: 0.4rem;
}
.rounded-xs {
  border-radius: 1px;
}
.rounded-sm {
  border-radius: 2px;
}
.rounded-md {
  border-radius: 6px;
}
.rounded-lg {
  border-radius: 8px;
}
.rounded-t {
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
}
.rounded-t-xs {
  border-top-left-radius: 1px;
  border-top-right-radius: 1px;
}
.rounded-t-sm {
  border-top-left-radius: 2px;
  border-top-right-radius: 2px;
}
.rounded-t-base {
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
}
.rounded-t-none {
  border-top-left-radius: 0px;
  border-top-right-radius: 0px;
}
.rounded-t-md {
  border-top-left-radius: 6px;
  border-top-right-radius: 6px;
}
.rounded-t-lg {
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
}
.rounded-b {
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
}
.rounded-b-xs {
  border-bottom-left-radius: 1px;
  border-bottom-right-radius: 1px;
}
.rounded-b-sm {
  border-bottom-left-radius: 2px;
  border-bottom-right-radius: 2px;
}
.rounded-b-base {
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
}
.rounded-b-none {
  border-bottom-left-radius: 0px;
  border-bottom-right-radius: 0px;
}
.rounded-b-md {
  border-bottom-left-radius: 6px;
  border-bottom-right-radius: 6px;
}
.rounded-b-lg {
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
}
.rounded-r {
  border-bottom-right-radius: 4px;
  border-top-right-radius: 4px;
}
.rounded-r-xs {
  border-bottom-right-radius: 1px;
  border-top-right-radius: 1px;
}
.rounded-r-sm {
  border-bottom-right-radius: 2px;
  border-top-right-radius: 2px;
}
.rounded-r-base {
  border-bottom-right-radius: 4px;
  border-top-right-radius: 4px;
}
.rounded-r-none {
  border-bottom-right-radius: 0px;
  border-top-right-radius: 0px;
}
.rounded-r-md {
  border-bottom-right-radius: 6px;
  border-top-right-radius: 6px;
}
.rounded-r-lg {
  border-bottom-right-radius: 8px;
  border-top-right-radius: 8px;
}
.rounded-l {
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}
.rounded-l-xs {
  border-top-left-radius: 1px;
  border-bottom-left-radius: 1px;
}
.rounded-l-sm {
  border-top-left-radius: 2px;
  border-bottom-left-radius: 2px;
}
.rounded-l-base {
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}
.rounded-l-none {
  border-top-left-radius: 0px;
  border-bottom-left-radius: 0px;
}
.rounded-l-md {
  border-top-left-radius: 6px;
  border-bottom-left-radius: 6px;
}
.rounded-l-lg {
  border-top-left-radius: 8px;
  border-bottom-left-radius: 8px;
}
.rounded-tl {
  border-top-left-radius: 4px;
}
.rounded-tl-xs {
  border-top-left-radius: 1px;
}
.rounded-tl-sm {
  border-top-left-radius: 2px;
}
.rounded-tl-base {
  border-top-left-radius: 4px;
}
.rounded-tl-none {
  border-top-left-radius: 0px;
}
.rounded-tl-md {
  border-top-left-radius: 6px;
}
.rounded-tl-lg {
  border-top-left-radius: 8px;
}
.rounded-tr {
  border-top-right-radius: 4px;
}
.rounded-tr-xs {
  border-top-right-radius: 1px;
}
.rounded-tr-sm {
  border-top-right-radius: 2px;
}
.rounded-tr-base {
  border-top-right-radius: 4px;
}
.rounded-tr-none {
  border-top-right-radius: 0px;
}
.rounded-tr-md {
  border-top-right-radius: 6px;
}
.rounded-tr-lg {
  border-top-right-radius: 8px;
}
.rounded-bl {
  border-bottom-left-radius: 4px;
}
.rounded-bl-xs {
  border-bottom-left-radius: 1px;
}
.rounded-bl-sm {
  border-bottom-left-radius: 2px;
}
.rounded-bl-base {
  border-bottom-left-radius: 4px;
}
.rounded-bl-none {
  border-bottom-left-radius: 0px;
}
.rounded-bl-lg {
  border-bottom-left-radius: 8px;
}
.rounded-bl-md {
  border-bottom-left-radius: 6px;
}
.first\:rounded-bl-md:first-child {
  border-bottom-left-radius: 6px;
}
.last\:rounded-bl-md:last-child {
  border-bottom-left-radius: 6px;
}
.rounded-br {
  border-bottom-right-radius: 4px;
}
.rounded-br-xs {
  border-bottom-right-radius: 1px;
}
.rounded-br-sm {
  border-bottom-right-radius: 2px;
}
.rounded-br-base {
  border-bottom-right-radius: 4px;
}
.rounded-br-none {
  border-bottom-right-radius: 0px;
}
.rounded-br-lg {
  border-bottom-right-radius: 8px;
}
.rounded-br-md {
  border-bottom-right-radius: 6px;
}
.first\:rounded-br-md:first-child {
  border-bottom-right-radius: 6px;
}
.last\:rounded-br-md:last-child {
  border-bottom-right-radius: 6px;
}
.drop-shadow {
  box-shadow: 0 0 5px #404040;
}
.drop-shadow-none {
  box-shadow: none;
}
/* ===== Width Helpers ==== */
.w-auto {
  width: auto;
}
.w-1\/2 {
  width: 50%;
}
.w-1\/3 {
  width: 33.33333333%;
}
.w-2\/3 {
  width: 66.66666667%;
}
.w-1\/4 {
  width: 25%;
}
.w-3\/4 {
  width: 75%;
}
.w-1\/5 {
  width: 20%;
}
.w-2\/5 {
  width: 40%;
}
.w-3\/5 {
  width: 60%;
}
.w-4\/5 {
  width: 80%;
}
.w-1\/6 {
  width: 16.66666667%;
}
.w-4\/6 {
  width: 66.66666667%;
}
.w-5\/6 {
  width: 83.33333333%;
}
.w-1\/8 {
  width: 12.5%;
}
.w-1\/12 {
  width: 8.33333333%;
}
.w-1\/24 {
  width: 4.16666667%;
}
.w-1 {
  width: 5px;
}
.w-2 {
  width: 10px;
}
.w-3 {
  width: 15px;
}
.w-4 {
  width: 20px;
}
.w-5 {
  width: 25px;
}
.w-6 {
  width: 30px;
}
.w-7 {
  width: 35px;
}
.w-8 {
  width: 40px;
}
.w-9 {
  width: 45px;
}
.w-10 {
  width: 50px;
}
.w-11 {
  width: 55px;
}
.w-12 {
  width: 60px;
}
.w-13 {
  width: 65px;
}
.w-14 {
  width: 70px;
}
.w-15 {
  width: 75px;
}
.w-16 {
  width: 80px;
}
.w-17 {
  width: 85px;
}
.w-18 {
  width: 90px;
}
.w-19 {
  width: 95px;
}
.w-20 {
  width: 100px;
}
.w-21 {
  width: 105px;
}
.w-22 {
  width: 110px;
}
.w-23 {
  width: 115px;
}
.w-24 {
  width: 120px;
}
.w-25 {
  width: 125px;
}
.w-26 {
  width: 130px;
}
.w-27 {
  width: 135px;
}
.w-28 {
  width: 140px;
}
.w-29 {
  width: 145px;
}
.w-30 {
  width: 150px;
}
.w-35 {
  width: 175px;
}
.w-40 {
  width: 200px;
}
.w-70-2 {
  width: 352px;
}
/* ===== Height Helpers ==== */
.h-1\/2 {
  height: 50%;
}
.h-1\/3 {
  height: 33.33333333%;
}
.h-2\/3 {
  height: 66.66666667%;
}
.h-1\/4 {
  height: 25%;
}
.h-3\/4 {
  height: 75%;
}
.h-1\/5 {
  height: 20%;
}
.h-2\/5 {
  height: 40%;
}
.h-3\/5 {
  height: 60%;
}
.h-4\/5 {
  height: 80%;
}
.h-1\/6 {
  height: 16.66666667%;
}
.h-5\/6 {
  height: 83.33333333%;
}
.h-1 {
  height: 5px;
}
.h-2 {
  height: 10px;
}
.h-3 {
  height: 15px;
}
.h-4 {
  height: 20px;
}
.h-5 {
  height: 25px;
}
.h-6 {
  height: 30px;
}
.h-7 {
  height: 35px;
}
.h-8 {
  height: 40px;
}
.h-9 {
  height: 45px;
}
.h-10 {
  height: 50px;
}
.h-11 {
  height: 55px;
}
.h-12 {
  height: 60px;
}
.h-13 {
  height: 65px;
}
.h-14 {
  height: 70px;
}
.h-15 {
  height: 75px;
}
.h-16 {
  height: 80px;
}
.h-17 {
  height: 85px;
}
.h-18 {
  height: 90px;
}
.h-19 {
  height: 95px;
}
.h-20 {
  height: 100px;
}
.h-21 {
  height: 105px;
}
.h-22 {
  height: 110px;
}
.h-23 {
  height: 115px;
}
.h-24 {
  height: 120px;
}
/* ===== Padding Helpers ==== */
.gap-1px {
  gap: 1px;
}
.gap-2px {
  gap: 2px;
}
.gap-1 {
  gap: 5px;
}
.gap-2 {
  gap: 10px;
}
.gap-3 {
  gap: 15px;
}
.gap-4 {
  gap: 20px;
}
/* Adds padding on all sides of an element*/
.p-0px {
  padding: 0px;
}
.p-1px {
  padding: 1px;
}
.p-2px {
  padding: 2px;
}
.p-1 {
  padding: 5px;
}
.p-2 {
  padding: 10px;
}
.p-3 {
  padding: 15px;
}
.p-4 {
  padding: 20px;
}
.pt-1 {
  padding-top: 5px;
}
.pt-2 {
  padding-top: 10px;
}
.pt-3 {
  padding-top: 15px;
}
.pt-4 {
  padding-top: 20px;
}
.pb-1 {
  padding-bottom: 5px;
}
.pb-2 {
  padding-bottom: 10px;
}
.pb-3 {
  padding-bottom: 15px;
}
.pb-4 {
  padding-bottom: 20px;
}
.pl-1 {
  padding-left: 5px;
}
.pl-2 {
  padding-left: 10px;
}
.pl-3 {
  padding-left: 15px;
}
.pl-4 {
  padding-left: 20px;
}
.pl-5 {
  padding-left: 25px;
}
.pl-6 {
  padding-left: 30px;
}
.pl-7 {
  padding-left: 35px;
}
.pl-8 {
  padding-left: 40px;
}
.pl-9 {
  padding-left: 45px;
}
.pl-10 {
  padding-left: 50px;
}
.pl-11 {
  padding-left: 55px;
}
.pl-12 {
  padding-left: 60px;
}
.pl-16 {
  padding-left: 80px;
}
.pr-1 {
  padding-right: 5px;
}
.pr-2 {
  padding-right: 10px;
}
.pr-3 {
  padding-right: 15px;
}
.pr-4 {
  padding-right: 20px;
}
.pr-5 {
  padding-right: 25px;
}
.pr-6 {
  padding-right: 30px;
}
.pr-7 {
  padding-right: 35px;
}
.pr-8 {
  padding-right: 40px;
}
.px-7 {
  padding-right: 35px;
  padding-left: 35px;
}
.px-6 {
  padding-right: 30px;
  padding-left: 30px;
}
.px-5 {
  padding-right: 25px;
  padding-left: 25px;
}
.px-4 {
  padding-right: 20px;
  padding-left: 20px;
}
.px-3 {
  padding-right: 15px;
  padding-left: 15px;
}
.px-2 {
  padding-right: 10px;
  padding-left: 10px;
}
.px-1 {
  padding-right: 5px;
  padding-left: 5px;
}
.py-1px {
  padding-top: 1px;
  padding-bottom: 1px;
}
.py-2px {
  padding-top: 2px;
  padding-bottom: 2px;
}
.py-1 {
  padding-top: 5px;
  padding-bottom: 5px;
}
.py-2 {
  padding-top: 10px;
  padding-bottom: 10px;
}
.py-3 {
  padding-top: 15px;
  padding-bottom: 15px;
}
.p-divide-3 > * ~ * {
  padding-top: 15px;
  padding-bottom: 15px;
}
.p-divide-3 > *:first-child {
  padding-bottom: 15px;
}
.p-divide-4 > * ~ *:last-child {
  padding-bottom: 0px;
}
.p-divide-3 > *:only-child {
  padding-bottom: 0px;
}
.m-1px {
  margin: 1px;
}
.m-2px {
  margin: 2px;
}
.m-3px {
  margin: 3px;
}
.m-1 {
  margin: 5px;
}
.m-2 {
  margin: 10px;
}
.m-3 {
  margin: 15px;
}
.m-4 {
  margin: 20px;
}
.m-5 {
  margin: 25px;
}
.m-6 {
  margin: 30px;
}
.mt-1px {
  margin-top: 1px;
}
.mt-2px {
  margin-top: 2px;
}
.mt-3px {
  margin-top: 3px;
}
.mt-1 {
  margin-top: 5px;
}
.mt-2 {
  margin-top: 10px;
}
.mt-3 {
  margin-top: 15px;
}
.mt-4 {
  margin-top: 20px;
}
.mb-1px {
  margin-bottom: 1px;
}
.mb-2px {
  margin-bottom: 2px;
}
.mb-3px {
  margin-bottom: 3px;
}
.mb-1 {
  margin-bottom: 5px;
}
.mb-2 {
  margin-bottom: 10px;
}
.mb-3 {
  margin-bottom: 15px;
}
.mb-4 {
  margin-bottom: 20px;
}
.ml-1px {
  margin-left: 1px;
}
.ml-2px {
  margin-left: 2px;
}
.ml-3px {
  margin-left: 3px;
}
.-ml-16px {
  margin-left: -16px;
}
.ml-1 {
  margin-left: 5px;
}
.ml-2 {
  margin-left: 10px;
}
.ml-3 {
  margin-left: 15px;
}
.ml-4 {
  margin-left: 20px;
}
.ml-5 {
  margin-left: 25px;
}
.ml-6 {
  margin-left: 30px;
}
.ml-7 {
  margin-left: 35px;
}
.ml-8 {
  margin-left: 40px;
}
.ml-9 {
  margin-left: 45px;
}
.ml-10 {
  margin-left: 50px;
}
.ml-11 {
  margin-left: 55px;
}
.ml-12 {
  margin-left: 60px;
}
.ml-16 {
  margin-left: 80px;
}
.mr-1px {
  margin-right: 1px;
}
.mr-2px {
  margin-right: 2px;
}
.mr-3px {
  margin-right: 3px;
}
.mr-1 {
  margin-right: 5px;
}
.mr-2 {
  margin-right: 10px;
}
.mr-3 {
  margin-right: 15px;
}
.mx-1px {
  margin-right: 1px;
  margin-left: 1px;
}
.mx-2px {
  margin-right: 2px;
  margin-left: 2px;
}
.mx-3px {
  margin-right: 3px;
  margin-left: 3px;
}
.mx-1 {
  margin-right: 5px;
  margin-left: 5px;
}
.mx-2 {
  margin-right: 10px;
  margin-left: 10px;
}
.mx-3 {
  margin-right: 15px;
  margin-left: 15px;
}
.mx-4 {
  margin-right: 20px;
  margin-left: 20px;
}
.mx-5 {
  margin-right: 25px;
  margin-left: 25px;
}
.mx-6 {
  margin-right: 30px;
  margin-left: 30px;
}
.mx-7 {
  margin-right: 35px;
  margin-left: 35px;
}
.my-1px {
  margin-top: 1px;
  margin-bottom: 1px;
}
.my-2px {
  margin-top: 2px;
  margin-bottom: 2px;
}
.my-1 {
  margin-top: 5px;
  margin-bottom: 5px;
}
.my-2 {
  margin-top: 10px;
  margin-bottom: 10px;
}
.my-3 {
  margin-top: 15px;
  margin-bottom: 15px;
}
.m-divide-3 > * ~ * {
  margin-top: 15px;
  margin-bottom: 15px;
}
.m-divide-3 > *:first-child {
  margin-bottom: 15px;
}
.m-divide-4 > * ~ *:last-child {
  margin-bottom: 0px;
}
.m-divide-3 > *:only-child {
  margin-bottom: 0px;
}
/* ---- Adjustment helpers ----
   For making padding tweeks to account for differences between elements
*/
.pt-lg-height-minus-base-text-minus-2px {
  padding-top: 4px;
}
/* ===== Background Helpers ==== */
.bg-right-1-center {
  background-position: right 5px center;
}
.bg-size-4-3 {
  background-image-size: 20px 15px;
}
/* ===== Core weight ==== */
.font-bold {
  font-weight: 700;
}
/* ===== Core Size Helpers ==== */
.text-7xl {
  font-size: 20px;
}
.text-6xl {
  font-size: 20px;
}
.text-5xl {
  font-size: 20px;
}
.text-4xl {
  font-size: 20px;
}
.text-3xl {
  font-size: 20px;
}
.text-2xl {
  font-size: 18px;
  line-height: 20px;
}
.text-xl {
  font-size: 16px;
  line-height: 18px;
}
.text-lg {
  font-size: 14px;
  line-height: 18px;
}
.text-base {
  font-family: 'Arial';
  font-style: normal;
  font-weight: 400;
  font-size: 12px;
}
.text-sm {
  font-size: 11px;
}
.text-xs {
  font-size: 10px;
}
.text-left {
  text-align: left;
}
.text-center {
  text-align: center;
}
.text-right {
  text-align: right;
}
/* ===== Headings ==== */
.text-h1 {
  /* H1 */
  font-weight: 700;
  font-size: 18px;
  line-height: 20px;
}
.text-h2 {
  /* H2 */
  font-weight: 700;
  font-size: 16px;
  line-height: 18px;
}
.text-h3 {
  /* H3 */
  font-weight: 700;
  font-size: 14px;
  line-height: 18px;
}
.text-h4 {
  /* H4, shared by Table/Heading, Forms/section name */
  font-weight: 700;
  font-size: 14px;
  line-height: 16.8px;
}
.text-h5 {
  /* H5 */
  font-weight: 700;
  font-size: 18px;
  line-height: 20px;
}
.text-h6 {
  /* H6 */
  font-weight: 700;
  font-size: 12px;
  line-height: 14.4px;
}
.text-h-lg {
  font-size: 14px;
  line-height: 18px;
  font-weight: 700;
}
.text-base-bold {
  font-family: 'Arial';
  font-style: normal;
  font-weight: 400;
  font-size: 12px;
  font-weight: 700;
}
/* ===== Font Helpers ==== */
.font-sans {
  font-family: 'Arial';
}
.font-tech {
  font-family: 'Lato', sans-serif;
}
/* ------ Forms ------ */
.forms-section-names {
  /* H4, shared by Table/Heading, Forms/section name */
  font-weight: 700;
  font-size: 14px;
  line-height: 16.8px;
}
/* ------ Tables  ------ */
/* ------ Content  ------ */
.text-link {
  font-family: 'Arial';
  font-style: normal;
  font-weight: 400;
  font-size: 12px;
  color: #5092D9;
}
.text-link-hover {
  font-family: 'Arial';
  font-style: normal;
  font-weight: 400;
  font-size: 12px;
  color: #435B71;
}
.text-link-visited {
  font-family: 'Arial';
  font-style: normal;
  font-weight: 400;
  font-size: 12px;
  color: #435B71;
}
.text-link-underlined {
  font-family: 'Arial';
  font-style: normal;
  font-weight: 400;
  font-size: 12px;
  color: #5092D9;
  text-decoration-line: underline;
}
a:link.font-bold {
  font-weight: 700;
}
/* ------ Letter Spacing Helpers  ------ */
.tracking-normal {
  letter-spacing: 0em;
}
/* ------ Vertical Align Helpers  ------ */
.align-top {
  vertical-align: top;
}
.align-middle {
  vertical-align: middle;
}
/* line height  without font-size */
.leading-none {
  line-height: 1;
}
.leading-tight {
  line-height: 1.25;
}
.leading-snug {
  line-height: 1.375;
}
.leading-normal {
  line-height: 1.5;
}
.leading-relaxed {
  line-height: 1.625;
}
.leading-loose {
  line-height: 2;
}
.leading-3 {
  line-height: 12px;
}
.leading-4 {
  line-height: 14px;
}
.leading-5 {
  line-height: 18px;
}
.leading-6 {
  line-height: 18px;
}
.leading-7 {
  line-height: 20px;
}
.leading-8 {
  line-height: 22px;
}
.leading-9 {
  line-height: 24px;
}
.leading-10 {
  line-height: 26px;
}
/* ===== Cursor Helpers ==== */
.cursor-auto {
  cursor: auto;
}
.cursor-default {
  cursor: default;
}
.cursor-pointer {
  cursor: pointer;
}
.cursor-wait {
  cursor: wait;
}
.cursor-text {
  cursor: text;
}
.cursor-move {
  cursor: move;
}
.cursor-help {
  cursor: help;
}
.cursor-not-allowed {
  cursor: not-allowed;
}
.disabled\:cursor-not-allowed:disabled {
  cursor: not-allowed;
}
/* ====== Components ====== */
.avatar-initials-10 {
  border-radius: 9999px;
  height: 40px;
  width: 40px;
  display: flex;
  flex-shrink: 0;
}
.avatar-initials-10 > * {
  font-size: 16px;
  line-height: 18px;
  margin: auto;
}
.badge-pill-base {
  font-family: 'Arial';
  font-style: normal;
  font-weight: 400;
  font-size: 12px;
  padding-right: 10px;
  padding-left: 10px;
  padding-top: 2px;
  padding-bottom: 2px;
  border-radius: 9999px;
  text-align: center;
}
.badge-square-sm {
  font-weight: 700;
  font-size: 11px;
  padding-right: 5px;
  padding-left: 5px;
  padding-top: 2px;
  padding-bottom: 2px;
  border-radius: 0.4rem;
  text-align: center;
}
.badge-square-sm-xs {
  border-radius: 1px;
}
.badge-square-sm-sm {
  border-radius: 2px;
}
.badge-square-sm-md {
  border-radius: 6px;
}
.badge-square-sm-lg {
  border-radius: 8px;
}
.form-reply {
  font-family: 'Arial';
  font-style: normal;
  font-weight: 400;
  font-size: 12px;
  border-color: #CCCCCC;
  border-style: solid;
  border-width: 1px;
  font-family: 'Lato', sans-serif;
  color: rgba(0, 0, 0, 0.5);
  padding-top: 5px;
  padding-bottom: 5px;
  padding-right: 10px;
  padding-left: 10px;
  background: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxMCAxMCIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPjxwYXRoIGQ9Ik0wLjUwNDI4NiA4Ljg1NzE0TDkuNSA1TDAuNTA0Mjg2IDEuMTQyODZMMC41IDQuMTQyODZMNi45Mjg1NyA1TDAuNSA1Ljg1NzE0TDAuNTA0Mjg2IDguODU3MTRaIiBmaWxsPSIjRDlEOUQ5IiBzdHJva2Utd2lkdGg9IjEiPjwvcGF0aD48L3N2Zz4=');
  background-position: right 5px center;
  background-repeat: no-repeat;
  background-image-size: 20px 15px;
}
.form-reply-l {
  border-left-style: solid;
}
.form-reply-r {
  border-right-style: solid;
}
.form-reply-t {
  border-top-style: solid;
}
.form-reply-b {
  border-bottom-style: solid;
}
.form-reply-l {
  border-left-width: 0;
}
.form-reply-l-0 {
  border-left-width: 0;
}
.form-reply-l-1 {
  border-left-width: 1px;
}
.form-reply-l-2 {
  border-left-width: 2px;
}
.form-reply-r {
  border-right-width: 0;
}
.form-reply-r-0 {
  border-right-width: 0;
}
.form-reply-r-1 {
  border-right-width: 1px;
}
.form-reply-r-2 {
  border-right-width: 2px;
}
.form-reply-t {
  border-top-width: 0;
}
.form-reply-t-0 {
  border-top-width: 0;
}
.form-reply-t-1 {
  border-top-width: 1px;
}
.form-reply-t-2 {
  border-top-width: 2px;
}
.form-reply-b {
  border-bottom-width: 0;
}
.form-reply-b-0 {
  border-bottom-width: 0;
}
.form-reply-b-1 {
  border-bottom-width: 1px;
}
.form-reply-b-2 {
  border-bottom-width: 2px;
}
.error-msg {
  color: #EA5521;
}
.resize-none {
  resize: none;
}

/*ttlib/components/autosuggest/autosuggest.less!steal-less@1.3.4#less*/
tt-autosuggest .autosuggest-actions {
  background-color: #ffffff;
  border-right: 1px solid #b1bcca;
  border-bottom: 1px solid #b1bcca;
  border-left: 1px solid #b1bcca;
  display: none;
  padding: 1em;
  position: absolute;
  z-index: 2;
}
tt-autosuggest .autosuggest-actions p {
  color: grey;
  font-size: 12px;
  margin: 1em 0;
}
tt-autosuggest .autosuggest-actions p:first-child {
  margin-top: 0;
}
tt-autosuggest .autosuggest-actions ul li {
  margin-top: 0.5em;
}
tt-autosuggest .autosuggest-actions ul li:first-child {
  margin-top: 0;
}
tt-autosuggest .css-button {
  border: 0px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  padding: 0.5em;
  text-decoration: none;
  display: block;
  color: #555555;
  width: 100%;
}
tt-autosuggest .css-button:focus {
  outline: none !important;
}
tt-autosuggest .css-button.green {
  background-color: #8aea8f;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#8aea8f), to(#5bbe64));
  background-image: -webkit-linear-gradient(top, #8aea8f, #5bbe64);
  background-image: -moz-linear-gradient(top, #8aea8f, #5bbe64);
  background-image: -ms-linear-gradient(top, #8aea8f, #5bbe64);
  background-image: -o-linear-gradient(top, #8aea8f, #5bbe64);
  background-image: linear-gradient(to bottom, #8aea8f, #5bbe64);
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#8aea8f, endColorstr=#5bbe64);
}
tt-autosuggest .css-button.green:hover {
  color: #ffffff;
  background-color: #5bbe64;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#5bbe64), to(#8aea8f));
  background-image: -webkit-linear-gradient(top, #5bbe64, #8aea8f);
  background-image: -moz-linear-gradient(top, #5bbe64, #8aea8f);
  background-image: -ms-linear-gradient(top, #5bbe64, #8aea8f);
  background-image: -o-linear-gradient(top, #5bbe64, #8aea8f);
  background-image: linear-gradient(to bottom, #5bbe64, #8aea8f);
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#5bbe64, endColorstr=#8aea8f);
}
tt-autosuggest .css-button.yellow {
  background-color: #fbd14d;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#fbd14d), to(#c9ab4c));
  background-image: -webkit-linear-gradient(top, #fbd14d, #c9ab4c);
  background-image: -moz-linear-gradient(top, #fbd14d, #c9ab4c);
  background-image: -ms-linear-gradient(top, #fbd14d, #c9ab4c);
  background-image: -o-linear-gradient(top, #fbd14d, #c9ab4c);
  background-image: linear-gradient(to bottom, #fbd14d, #c9ab4c);
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#fbd14d, endColorstr=#c9ab4c);
}
tt-autosuggest .css-button.yellow:hover {
  color: #ffffff;
  background-color: #c9ab4c;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#c9ab4c), to(#fbd14d));
  background-image: -webkit-linear-gradient(top, #c9ab4c, #fbd14d);
  background-image: -moz-linear-gradient(top, #c9ab4c, #fbd14d);
  background-image: -ms-linear-gradient(top, #c9ab4c, #fbd14d);
  background-image: -o-linear-gradient(top, #c9ab4c, #fbd14d);
  background-image: linear-gradient(to bottom, #c9ab4c, #fbd14d);
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#c9ab4c, endColorstr=#fbd14d);
}
tt-autosuggest .css-button.red {
  background-color: #ff835f;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#ff835f), to(#c4764a));
  background-image: -webkit-linear-gradient(top, #ff835f, #c4764a);
  background-image: -moz-linear-gradient(top, #ff835f, #c4764a);
  background-image: -ms-linear-gradient(top, #ff835f, #c4764a);
  background-image: -o-linear-gradient(top, #ff835f, #c4764a);
  background-image: linear-gradient(to bottom, #ff835f, #c4764a);
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#ff835f, endColorstr=#c4764a);
}
tt-autosuggest .css-button.red:hover {
  color: #ffffff;
  background-color: #c4764a;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#c4764a), to(#ff835f));
  background-image: -webkit-linear-gradient(top, #c4764a, #ff835f);
  background-image: -moz-linear-gradient(top, #c4764a, #ff835f);
  background-image: -ms-linear-gradient(top, #c4764a, #ff835f);
  background-image: -o-linear-gradient(top, #c4764a, #ff835f);
  background-image: linear-gradient(to bottom, #c4764a, #ff835f);
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#c4764a, endColorstr=#ff835f);
}
.autosuggest-menu.ui-menu .tt-state-active {
  background: #ffffff url("/images_app/global/jquery/ui-bg_glass_65_ffffff_1x400.png") 50% 50% repeat-x;
  color: #212121;
  font-weight: normal;
}
.autosuggest-menu.ui-menu .ui-state-focus {
  border-right: 0;
  border-left: 0;
}
.autosuggest-menu.ui-autocomplete > .ui-menu-item.active {
  background-image: url('/images_app/icons/TM_actual_green.png');
  background-repeat: no-repeat;
  background-position: right top;
  background-size: contain;
}
.autosuggest-menu.ui-autocomplete > .ui-menu-item.inactive {
  background-image: url('/images_app/icons/TM_actual_red.png');
  background-repeat: no-repeat;
  background-position: right top;
  background-size: contain;
}
.autosuggest-menu.ui-autocomplete > .ui-menu-item.prospective,
.autosuggest-menu.ui-autocomplete > .ui-menu-item.pending_approval {
  background-image: url('/images_app/icons/TM_actual_yellow.png');
  background-repeat: no-repeat;
  background-position: right top;
  background-size: contain;
}

/*tt/profiles/content/local/local.less!steal-less@1.3.4#less*/
.local-address-line {
  width: 77%;
}

/*ttlib/controls/dialogV2/dialog.less!steal-less@1.3.4#less*/
/* ====== Reset  ====== */
* {
  margin: 0px;
  padding: 0px;
  box-sizing: border-box;
}
/* ====== Theme  ====== */
/* ------ Neutral Colors  ------  */
/* Neutral/light-grey Neutral/300  */
/* Neutral/light-grey 400 */
/* Neutral/medium-grey 500 */
/* Neutral/grey 600 */
/* Neutral/dark-grey 700 */
/* Neutral/black 800 */
/* Shadow */
/* ------ Utility Colors  ------  */
/* Blue/900 */
/* Blue/800 primary */
/* Blue/700 */
/* Blue/600 */
/* Blue/500 */
/* Blue/400 */
/* Blue/300 secondary */
/* Red/500 */
/*TBD*/
/* Yellow/500 */
/* Organge/500 */
/* Organge/400 */
/* Organge/300 */
/* Green/800 */
/* Green/700 */
/* Green/600 */
/* Green/500 */
/* Green/400 */
/* Green/300 */
/* Gradient Colors */
/* ---- background helpers ----*/
.bg-red-500 {
  background-color: #EA5521;
}
.bg-blue {
  background-color: #435B71;
}
.bg-blue-300 {
  background-color: #E3ECF5;
}
.bg-blue-400 {
  background-color: #AFCFF1;
}
.bg-blue-500 {
  background-color: #5092D9;
}
.bg-blue-600 {
  background-color: #A9BDC5;
}
.bg-blue-700 {
  background-color: #5D7085;
}
.bg-blue-800 {
  background-color: #435B71;
}
.bg-yellow-500 {
  background-color: #F2BF23;
}
.bg-green-800 {
  background-color: #2F7835;
}
.bg-green-700 {
  background-color: #54BF5C;
}
.bg-green-600 {
  background-color: #7EC983;
}
.bg-green-500 {
  background-color: #40DD4C;
}
.bg-green-400 {
  background-color: #9CB698;
}
.bg-green-300 {
  background-color: #CFE7BC;
}
.bg-transparent {
  background-color: transparent;
}
.bg-neutral {
  background-color: #FFFFFF;
}
.bg-neutral-white {
  background-color: #FFFFFF;
}
.bg-neutral-300 {
  background-color: #EEEEEE;
}
.bg-neutral-400 {
  background-color: #D9D9D9;
}
.bg-neutral-500 {
  background-color: #CCCCCC;
}
.bg-neutral-600 {
  background-color: #777777;
}
.bg-neutral-700 {
  background-color: #666666;
}
.bg-neutral-800 {
  background-color: #000000;
}
/* ---- text helpers ----*/
.text-blue {
  color: #435B71;
}
.text-blue-300 {
  color: #E3ECF5;
}
.text-blue-400 {
  color: #AFCFF1;
}
.text-blue-500 {
  color: #5092D9;
}
.text-blue-600 {
  color: #A9BDC5;
}
.text-blue-700 {
  color: #5D7085;
}
.text-blue-800 {
  color: #435B71;
}
.text-blue-900 {
  color: #5E7185;
}
.text-green-800 {
  color: #2F7835;
}
.text-green-700 {
  color: #54BF5C;
}
.text-green-600 {
  color: #7EC983;
}
.text-green-500 {
  color: #40DD4C;
}
.text-green-400 {
  color: #9CB698;
}
.text-green-300 {
  color: #CFE7BC;
}
.text-red {
  color: #FF0000;
}
.text-red-500 {
  color: #EA5521;
}
.text-orange-500 {
  color: #EDB551;
}
.text-orange-400 {
  color: #FAD05B;
}
.text-orange-300 {
  color: #FEE98A;
}
.text-neutral {
  color: #FFFFFF;
}
.text-neutral-white {
  color: #FFFFFF;
}
.text-neutral-300 {
  color: #EEEEEE;
}
.text-neutral-400 {
  color: #D9D9D9;
}
.text-neutral-500 {
  color: #CCCCCC;
}
.text-neutral-600 {
  color: #777777;
}
.text-neutral-700 {
  color: #666666;
}
.text-neutral-800 {
  color: #000000;
}
.text-black-opacity-50 {
  color: rgba(0, 0, 0, 0.5);
}
/* ---- border helpers ----*/
.border-light-grey {
  border-color: #D9D9D9;
}
.border-medium-grey {
  border-color: #CCCCCC;
}
.border-grey {
  border-color: #777777;
}
.border-dark-grey {
  border-color: #666666;
}
.border-blue-300 {
  border-color: #E3ECF5;
}
.border-blue-400 {
  border-color: #AFCFF1;
}
.border-blue-500 {
  border-color: #5092D9;
}
.border-blue-600 {
  border-color: #A9BDC5;
}
.border-blue-700 {
  border-color: #5D7085;
}
.border-blue-800 {
  border-color: #435B71;
}
/* Gradients */
.bg-gradient-to-b-primary {
  background: #CFE7BC;
  /* Old browsers */
  background: -o-linear-gradient(#CFE7BC, #9AB496);
  /* For Opera 11.1 to 12.0 */
  background: -moz-linear-gradient(top, #CFE7BC 0%, #b3cca9 47%, #b3cca9 90%);
  /* For Firefox 3.6 to 15 */
  background: -webkit-linear-gradient(top, #CFE7BC 0%, #b3cca9 47%, #9AB496 90%);
  /* Chrome 10-25,Safari 5.1-6 */
  background: linear-gradient(to bottom, #CFE7BC 0%, #b3cca9 47%, #9AB496 90%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#CFE7BC', endColorstr='#9AB496', GradientType=0);
  /* IE6-9 */
}
.bg-gradient-to-b-secondary {
  background: #F8F9FA;
  /* Old browsers */
  background: -o-linear-gradient(#F8F9FA, #B0BDC1);
  /* For Opera 11.1 to 12.0 */
  background: -moz-linear-gradient(top, #F8F9FA 0%, #B0BDC1 90%);
  /* For Firefox 3.6 to 15 */
  background: -webkit-linear-gradient(top, #F8F9FA 0%, #B0BDC1 90%);
  /* Chrome 10-25,Safari 5.1-6 */
  background: linear-gradient(to bottom, #F8F9FA 0%, #B0BDC1 90%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#F8F9FA', endColorstr='#B0BDC1', GradientType=0);
  /* IE6-9 */
}
.bg-gradient-to-b-secondary-og {
  background: #afbdcf;
  /* Old browsers */
  background: -o-linear-gradient(#afbdcf, #748396);
  /* For Opera 11.1 to 12.0 */
  background: -moz-linear-gradient(top, #afbdcf 0%, #a3b2c4 47%, #a3b2c4 90%);
  /* For Firefox 3.6 to 15 */
  background: -webkit-linear-gradient(top, #afbdcf 0%, #a3b2c4 47%, #748396 90%);
  /* Chrome 10-25,Safari 5.1-6 */
  background: linear-gradient(to bottom, #afbdcf 0%, #a3b2c4 47%, #748396 90%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#afbdcf', endColorstr='#748396', GradientType=0);
  /* IE6-9 */
}
.hover\:text-neutral:hover {
  color: #ffffff;
}
.disabled\:text-neutral:disabled {
  color: #ffffff;
}
.disabled\:bg-gradient-to-b-secondary:disabled {
  background: #F8F9FA;
  /* Old browsers */
  background: -o-linear-gradient(#F8F9FA, #B0BDC1);
  /* For Opera 11.1 to 12.0 */
  background: -moz-linear-gradient(top, #F8F9FA 0%, #B0BDC1 90%);
  /* For Firefox 3.6 to 15 */
  background: -webkit-linear-gradient(top, #F8F9FA 0%, #B0BDC1 90%);
  /* Chrome 10-25,Safari 5.1-6 */
  background: linear-gradient(to bottom, #F8F9FA 0%, #B0BDC1 90%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#F8F9FA', endColorstr='#B0BDC1', GradientType=0);
  /* IE6-9 */
}
.bg-icon-send {
  background: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxMCAxMCIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPjxwYXRoIGQ9Ik0wLjUwNDI4NiA4Ljg1NzE0TDkuNSA1TDAuNTA0Mjg2IDEuMTQyODZMMC41IDQuMTQyODZMNi45Mjg1NyA1TDAuNSA1Ljg1NzE0TDAuNTA0Mjg2IDguODU3MTRaIiBmaWxsPSIjRDlEOUQ5IiBzdHJva2Utd2lkdGg9IjEiPjwvcGF0aD48L3N2Zz4=');
}
/** ==== Background Helpers ===== **/
.bg-no-repeat {
  background-repeat: no-repeat;
}
.copy-icon {
  background: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA1MTIgNTEyIj48IS0tIUZvbnQgQXdlc29tZSBGcmVlIDYuNi4wIGJ5IEBmb250YXdlc29tZSAtIGh0dHBzOi8vZm9udGF3ZXNvbWUuY29tIExpY2Vuc2UgLSBodHRwczovL2ZvbnRhd2Vzb21lLmNvbS9saWNlbnNlL2ZyZWUgQ29weXJpZ2h0IDIwMjQgRm9udGljb25zLCBJbmMuLS0+PHBhdGggZmlsbD0iIzRhODdiYyIgZD0iTTQ2NCAwSDE0NGMtMjYuNSAwLTQ4IDIxLjUtNDggNDh2NDhINDhjLTI2LjUgMC00OCAyMS41LTQ4IDQ4djMyMGMwIDI2LjUgMjEuNSA0OCA0OCA0OGgzMjBjMjYuNSAwIDQ4LTIxLjUgNDgtNDh2LTQ4aDQ4YzI2LjUgMCA0OC0yMS41IDQ4LTQ4VjQ4YzAtMjYuNS0yMS41LTQ4LTQ4LTQ4ek0zNjIgNDY0SDU0YTYgNiAwIDAgMSAtNi02VjE1MGE2IDYgMCAwIDEgNi02aDQydjIyNGMwIDI2LjUgMjEuNSA0OCA0OCA0OGgyMjR2NDJhNiA2IDAgMCAxIC02IDZ6bTk2LTk2SDE1MGE2IDYgMCAwIDEgLTYtNlY1NGE2IDYgMCAwIDEgNi02aDMwOGE2IDYgMCAwIDEgNiA2djMwOGE2IDYgMCAwIDEgLTYgNnoiLz48L3N2Zz4=') no-repeat center center;
  display: inline-block;
  width: 15px;
  height: 15px;
  vertical-align: middle;
  text-align: center;
  cursor: pointer;
}
.copy-icon.disabled {
  background: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA1MTIgNTEyIj48IS0tIUZvbnQgQXdlc29tZSBGcmVlIDYuNi4wIGJ5IEBmb250YXdlc29tZSAtIGh0dHBzOi8vZm9udGF3ZXNvbWUuY29tIExpY2Vuc2UgLSBodHRwczovL2ZvbnRhd2Vzb21lLmNvbS9saWNlbnNlL2ZyZWUgQ29weXJpZ2h0IDIwMjQgRm9udGljb25zLCBJbmMuLS0+PHBhdGggZmlsbD0iI2I0YjRiNCIgZD0iTTQ2NCAwSDE0NGMtMjYuNSAwLTQ4IDIxLjUtNDggNDh2NDhINDhjLTI2LjUgMC00OCAyMS41LTQ4IDQ4djMyMGMwIDI2LjUgMjEuNSA0OCA0OCA0OGgzMjBjMjYuNSAwIDQ4LTIxLjUgNDgtNDh2LTQ4aDQ4YzI2LjUgMCA0OC0yMS41IDQ4LTQ4VjQ4YzAtMjYuNS0yMS41LTQ4LTQ4LTQ4ek0zNjIgNDY0SDU0YTYgNiAwIDAgMSAtNi02VjE1MGE2IDYgMCAwIDEgNi02aDQydjIyNGMwIDI2LjUgMjEuNSA0OCA0OCA0OGgyMjR2NDJhNiA2IDAgMCAxIC02IDZ6bTk2LTk2SDE1MGE2IDYgMCAwIDEgLTYtNlY1NGE2IDYgMCAwIDEgNi02aDMwOGE2IDYgMCAwIDEgNiA2djMwOGE2IDYgMCAwIDEgLTYgNnoiLz48L3N2Zz4=') no-repeat center center;
  cursor: auto;
}
.caret-down {
  background: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAzMjAgNTEyIj48IS0tIUZvbnQgQXdlc29tZSBGcmVlIDYuNy4wIGJ5IEBmb250YXdlc29tZSAtIGh0dHBzOi8vZm9udGF3ZXNvbWUuY29tIExpY2Vuc2UgLSBodHRwczovL2ZvbnRhd2Vzb21lLmNvbS9saWNlbnNlL2ZyZWUgQ29weXJpZ2h0IDIwMjQgRm9udGljb25zLCBJbmMuLS0+PHBhdGggZmlsbD0iIzgzZDI0OSIgZD0iTTEzNy40IDM3NC42YzEyLjUgMTIuNSAzMi44IDEyLjUgNDUuMyAwbDEyOC0xMjhjOS4yLTkuMiAxMS45LTIyLjkgNi45LTM0LjlzLTE2LjYtMTkuOC0yOS42LTE5LjhMMzIgMTkyYy0xMi45IDAtMjQuNiA3LjgtMjkuNiAxOS44cy0yLjIgMjUuNyA2LjkgMzQuOWwxMjggMTI4eiIvPjwvc3ZnPg==') no-repeat center center;
  width: 15px;
  height: 15px;
  cursor: pointer;
}
/* ===== CSS Helpers ==== */
.list-none {
  list-style: none;
}
.w-full {
  width: 100% !important;
}
.h-full {
  height: 100%;
}
.float-left {
  float: left;
}
.float-right {
  float: right;
}
.clear-both {
  clear: both;
}
.inline-block {
  display: inline-block;
}
.visibility-hide {
  visibility: hidden;
}
.hide {
  display: none;
}
.whitespace-pre-line {
  white-space: pre-line;
}
.whitespace-nowrap {
  white-space: nowrap;
}
/* ===== Flexbox Helpers ==== */
.flex {
  display: flex;
}
.flex-column {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
.flex-row {
  display: flex;
  flex-direction: row;
}
.flex-wrap {
  flex-wrap: wrap;
}
.justify-start {
  justify-content: flex-start;
}
.justify-center {
  justify-content: center;
}
.justify-between {
  justify-content: space-between;
}
.justify-end {
  justify-content: flex-end;
}
.items-start {
  align-items: flex-start;
}
.items-end {
  align-items: flex-end;
}
.items-center {
  align-items: center;
}
.items-baseline {
  align-items: baseline;
}
.items-stretch {
  align-items: stretch;
}
.grow {
  flex-grow: 1;
}
/* ===== Outline Helpers ==== */
.outline-none {
  outline: 2px solid transparent;
  outline-offset: 2px;
}
.outline-hidden {
  outline-style: hidden;
}
/* ===== Border Helpers ==== */
.border-solid {
  border-style: solid;
}
.border-solid-l {
  border-left-style: solid;
}
.border-solid-r {
  border-right-style: solid;
}
.border-solid-t {
  border-top-style: solid;
}
.border-solid-b {
  border-bottom-style: solid;
}
.border {
  border-width: 1px;
}
.border-l {
  border-left-width: 0;
}
.border-l-0 {
  border-left-width: 0;
}
.border-l-1 {
  border-left-width: 1px;
}
.border-l-2 {
  border-left-width: 2px;
}
.border-r {
  border-right-width: 0;
}
.border-r-0 {
  border-right-width: 0;
}
.border-r-1 {
  border-right-width: 1px;
}
.border-r-2 {
  border-right-width: 2px;
}
.border-t {
  border-top-width: 0;
}
.border-t-0 {
  border-top-width: 0;
}
.border-t-1 {
  border-top-width: 1px;
}
.border-t-2 {
  border-top-width: 2px;
}
.border-b {
  border-bottom-width: 0;
}
.border-b-0 {
  border-bottom-width: 0;
}
.border-b-1 {
  border-bottom-width: 1px;
}
.border-b-2 {
  border-bottom-width: 2px;
}
.border-color-light-grey {
  border-color: #D9D9D9;
}
.border-color-light-grey-l {
  border-left-color: #D9D9D9;
}
.border-color-light-grey-r {
  border-right-color: #D9D9D9;
}
.border-color-light-grey-t {
  border-top-color: #D9D9D9;
}
.border-color-light-grey-b {
  border-bottom-color: #D9D9D9;
}
.border-color-medium-grey {
  border-color: #CCCCCC;
}
.border-color-medium-grey-l {
  border-left-color: #CCCCCC;
}
.border-color-medium-grey-r {
  border-right-color: #CCCCCC;
}
.border-color-medium-grey-t {
  border-top-color: #CCCCCC;
}
.border-color-medium-grey-b {
  border-bottom-color: #CCCCCC;
}
.border-color-grey {
  border-color: #777777;
}
.border-color-grey-l {
  border-left-color: #777777;
}
.border-color-grey-r {
  border-right-color: #777777;
}
.border-color-grey-t {
  border-top-color: #777777;
}
.border-color-grey-b {
  border-bottom-color: #777777;
}
.border-color-dark-grey {
  border-color: #666666;
}
.border-color-dark-grey-l {
  border-left-color: #666666;
}
.border-color-dark-grey-r {
  border-right-color: #666666;
}
.border-color-dark-grey-t {
  border-top-color: #666666;
}
.border-color-dark-grey-b {
  border-bottom-color: #666666;
}
.border-none {
  border-style: none;
}
.first\:border-none:first-child {
  border-style: none;
}
/* Adds a 1px border between vertical elements*/
.divide-y > * ~ * {
  border-top-style: solid;
  border-top-width: 1px;
}
/* Position */
.absolute {
  position: absolute;
}
.top-0 {
  top: 0;
}
.bottom-0 {
  bottom: 0;
}
.left-0 {
  left: 0;
}
.right-0 {
  right: 0;
}
/* ------ Radius  ------ */
/*TBD*/
/* ===== Rounding Helpers ==== */
.rounded-full {
  border-radius: 9999px;
}
.rounded {
  border-radius: 0.4rem;
}
.rounded-xs {
  border-radius: 1px;
}
.rounded-sm {
  border-radius: 2px;
}
.rounded-md {
  border-radius: 6px;
}
.rounded-lg {
  border-radius: 8px;
}
.rounded-t {
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
}
.rounded-t-xs {
  border-top-left-radius: 1px;
  border-top-right-radius: 1px;
}
.rounded-t-sm {
  border-top-left-radius: 2px;
  border-top-right-radius: 2px;
}
.rounded-t-base {
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
}
.rounded-t-none {
  border-top-left-radius: 0px;
  border-top-right-radius: 0px;
}
.rounded-t-md {
  border-top-left-radius: 6px;
  border-top-right-radius: 6px;
}
.rounded-t-lg {
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
}
.rounded-b {
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
}
.rounded-b-xs {
  border-bottom-left-radius: 1px;
  border-bottom-right-radius: 1px;
}
.rounded-b-sm {
  border-bottom-left-radius: 2px;
  border-bottom-right-radius: 2px;
}
.rounded-b-base {
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
}
.rounded-b-none {
  border-bottom-left-radius: 0px;
  border-bottom-right-radius: 0px;
}
.rounded-b-md {
  border-bottom-left-radius: 6px;
  border-bottom-right-radius: 6px;
}
.rounded-b-lg {
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
}
.rounded-r {
  border-bottom-right-radius: 4px;
  border-top-right-radius: 4px;
}
.rounded-r-xs {
  border-bottom-right-radius: 1px;
  border-top-right-radius: 1px;
}
.rounded-r-sm {
  border-bottom-right-radius: 2px;
  border-top-right-radius: 2px;
}
.rounded-r-base {
  border-bottom-right-radius: 4px;
  border-top-right-radius: 4px;
}
.rounded-r-none {
  border-bottom-right-radius: 0px;
  border-top-right-radius: 0px;
}
.rounded-r-md {
  border-bottom-right-radius: 6px;
  border-top-right-radius: 6px;
}
.rounded-r-lg {
  border-bottom-right-radius: 8px;
  border-top-right-radius: 8px;
}
.rounded-l {
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}
.rounded-l-xs {
  border-top-left-radius: 1px;
  border-bottom-left-radius: 1px;
}
.rounded-l-sm {
  border-top-left-radius: 2px;
  border-bottom-left-radius: 2px;
}
.rounded-l-base {
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}
.rounded-l-none {
  border-top-left-radius: 0px;
  border-bottom-left-radius: 0px;
}
.rounded-l-md {
  border-top-left-radius: 6px;
  border-bottom-left-radius: 6px;
}
.rounded-l-lg {
  border-top-left-radius: 8px;
  border-bottom-left-radius: 8px;
}
.rounded-tl {
  border-top-left-radius: 4px;
}
.rounded-tl-xs {
  border-top-left-radius: 1px;
}
.rounded-tl-sm {
  border-top-left-radius: 2px;
}
.rounded-tl-base {
  border-top-left-radius: 4px;
}
.rounded-tl-none {
  border-top-left-radius: 0px;
}
.rounded-tl-md {
  border-top-left-radius: 6px;
}
.rounded-tl-lg {
  border-top-left-radius: 8px;
}
.rounded-tr {
  border-top-right-radius: 4px;
}
.rounded-tr-xs {
  border-top-right-radius: 1px;
}
.rounded-tr-sm {
  border-top-right-radius: 2px;
}
.rounded-tr-base {
  border-top-right-radius: 4px;
}
.rounded-tr-none {
  border-top-right-radius: 0px;
}
.rounded-tr-md {
  border-top-right-radius: 6px;
}
.rounded-tr-lg {
  border-top-right-radius: 8px;
}
.rounded-bl {
  border-bottom-left-radius: 4px;
}
.rounded-bl-xs {
  border-bottom-left-radius: 1px;
}
.rounded-bl-sm {
  border-bottom-left-radius: 2px;
}
.rounded-bl-base {
  border-bottom-left-radius: 4px;
}
.rounded-bl-none {
  border-bottom-left-radius: 0px;
}
.rounded-bl-lg {
  border-bottom-left-radius: 8px;
}
.rounded-bl-md {
  border-bottom-left-radius: 6px;
}
.first\:rounded-bl-md:first-child {
  border-bottom-left-radius: 6px;
}
.last\:rounded-bl-md:last-child {
  border-bottom-left-radius: 6px;
}
.rounded-br {
  border-bottom-right-radius: 4px;
}
.rounded-br-xs {
  border-bottom-right-radius: 1px;
}
.rounded-br-sm {
  border-bottom-right-radius: 2px;
}
.rounded-br-base {
  border-bottom-right-radius: 4px;
}
.rounded-br-none {
  border-bottom-right-radius: 0px;
}
.rounded-br-lg {
  border-bottom-right-radius: 8px;
}
.rounded-br-md {
  border-bottom-right-radius: 6px;
}
.first\:rounded-br-md:first-child {
  border-bottom-right-radius: 6px;
}
.last\:rounded-br-md:last-child {
  border-bottom-right-radius: 6px;
}
.drop-shadow {
  box-shadow: 0 0 5px #404040;
}
.drop-shadow-none {
  box-shadow: none;
}
/* ===== Width Helpers ==== */
.w-auto {
  width: auto;
}
.w-1\/2 {
  width: 50%;
}
.w-1\/3 {
  width: 33.33333333%;
}
.w-2\/3 {
  width: 66.66666667%;
}
.w-1\/4 {
  width: 25%;
}
.w-3\/4 {
  width: 75%;
}
.w-1\/5 {
  width: 20%;
}
.w-2\/5 {
  width: 40%;
}
.w-3\/5 {
  width: 60%;
}
.w-4\/5 {
  width: 80%;
}
.w-1\/6 {
  width: 16.66666667%;
}
.w-4\/6 {
  width: 66.66666667%;
}
.w-5\/6 {
  width: 83.33333333%;
}
.w-1\/8 {
  width: 12.5%;
}
.w-1\/12 {
  width: 8.33333333%;
}
.w-1\/24 {
  width: 4.16666667%;
}
.w-1 {
  width: 5px;
}
.w-2 {
  width: 10px;
}
.w-3 {
  width: 15px;
}
.w-4 {
  width: 20px;
}
.w-5 {
  width: 25px;
}
.w-6 {
  width: 30px;
}
.w-7 {
  width: 35px;
}
.w-8 {
  width: 40px;
}
.w-9 {
  width: 45px;
}
.w-10 {
  width: 50px;
}
.w-11 {
  width: 55px;
}
.w-12 {
  width: 60px;
}
.w-13 {
  width: 65px;
}
.w-14 {
  width: 70px;
}
.w-15 {
  width: 75px;
}
.w-16 {
  width: 80px;
}
.w-17 {
  width: 85px;
}
.w-18 {
  width: 90px;
}
.w-19 {
  width: 95px;
}
.w-20 {
  width: 100px;
}
.w-21 {
  width: 105px;
}
.w-22 {
  width: 110px;
}
.w-23 {
  width: 115px;
}
.w-24 {
  width: 120px;
}
.w-25 {
  width: 125px;
}
.w-26 {
  width: 130px;
}
.w-27 {
  width: 135px;
}
.w-28 {
  width: 140px;
}
.w-29 {
  width: 145px;
}
.w-30 {
  width: 150px;
}
.w-35 {
  width: 175px;
}
.w-40 {
  width: 200px;
}
.w-70-2 {
  width: 352px;
}
/* ===== Height Helpers ==== */
.h-1\/2 {
  height: 50%;
}
.h-1\/3 {
  height: 33.33333333%;
}
.h-2\/3 {
  height: 66.66666667%;
}
.h-1\/4 {
  height: 25%;
}
.h-3\/4 {
  height: 75%;
}
.h-1\/5 {
  height: 20%;
}
.h-2\/5 {
  height: 40%;
}
.h-3\/5 {
  height: 60%;
}
.h-4\/5 {
  height: 80%;
}
.h-1\/6 {
  height: 16.66666667%;
}
.h-5\/6 {
  height: 83.33333333%;
}
.h-1 {
  height: 5px;
}
.h-2 {
  height: 10px;
}
.h-3 {
  height: 15px;
}
.h-4 {
  height: 20px;
}
.h-5 {
  height: 25px;
}
.h-6 {
  height: 30px;
}
.h-7 {
  height: 35px;
}
.h-8 {
  height: 40px;
}
.h-9 {
  height: 45px;
}
.h-10 {
  height: 50px;
}
.h-11 {
  height: 55px;
}
.h-12 {
  height: 60px;
}
.h-13 {
  height: 65px;
}
.h-14 {
  height: 70px;
}
.h-15 {
  height: 75px;
}
.h-16 {
  height: 80px;
}
.h-17 {
  height: 85px;
}
.h-18 {
  height: 90px;
}
.h-19 {
  height: 95px;
}
.h-20 {
  height: 100px;
}
.h-21 {
  height: 105px;
}
.h-22 {
  height: 110px;
}
.h-23 {
  height: 115px;
}
.h-24 {
  height: 120px;
}
/* ===== Padding Helpers ==== */
.gap-1px {
  gap: 1px;
}
.gap-2px {
  gap: 2px;
}
.gap-1 {
  gap: 5px;
}
.gap-2 {
  gap: 10px;
}
.gap-3 {
  gap: 15px;
}
.gap-4 {
  gap: 20px;
}
/* Adds padding on all sides of an element*/
.p-0px {
  padding: 0px;
}
.p-1px {
  padding: 1px;
}
.p-2px {
  padding: 2px;
}
.p-1 {
  padding: 5px;
}
.p-2 {
  padding: 10px;
}
.p-3 {
  padding: 15px;
}
.p-4 {
  padding: 20px;
}
.pt-1 {
  padding-top: 5px;
}
.pt-2 {
  padding-top: 10px;
}
.pt-3 {
  padding-top: 15px;
}
.pt-4 {
  padding-top: 20px;
}
.pb-1 {
  padding-bottom: 5px;
}
.pb-2 {
  padding-bottom: 10px;
}
.pb-3 {
  padding-bottom: 15px;
}
.pb-4 {
  padding-bottom: 20px;
}
.pl-1 {
  padding-left: 5px;
}
.pl-2 {
  padding-left: 10px;
}
.pl-3 {
  padding-left: 15px;
}
.pl-4 {
  padding-left: 20px;
}
.pl-5 {
  padding-left: 25px;
}
.pl-6 {
  padding-left: 30px;
}
.pl-7 {
  padding-left: 35px;
}
.pl-8 {
  padding-left: 40px;
}
.pl-9 {
  padding-left: 45px;
}
.pl-10 {
  padding-left: 50px;
}
.pl-11 {
  padding-left: 55px;
}
.pl-12 {
  padding-left: 60px;
}
.pl-16 {
  padding-left: 80px;
}
.pr-1 {
  padding-right: 5px;
}
.pr-2 {
  padding-right: 10px;
}
.pr-3 {
  padding-right: 15px;
}
.pr-4 {
  padding-right: 20px;
}
.pr-5 {
  padding-right: 25px;
}
.pr-6 {
  padding-right: 30px;
}
.pr-7 {
  padding-right: 35px;
}
.pr-8 {
  padding-right: 40px;
}
.px-7 {
  padding-right: 35px;
  padding-left: 35px;
}
.px-6 {
  padding-right: 30px;
  padding-left: 30px;
}
.px-5 {
  padding-right: 25px;
  padding-left: 25px;
}
.px-4 {
  padding-right: 20px;
  padding-left: 20px;
}
.px-3 {
  padding-right: 15px;
  padding-left: 15px;
}
.px-2 {
  padding-right: 10px;
  padding-left: 10px;
}
.px-1 {
  padding-right: 5px;
  padding-left: 5px;
}
.py-1px {
  padding-top: 1px;
  padding-bottom: 1px;
}
.py-2px {
  padding-top: 2px;
  padding-bottom: 2px;
}
.py-1 {
  padding-top: 5px;
  padding-bottom: 5px;
}
.py-2 {
  padding-top: 10px;
  padding-bottom: 10px;
}
.py-3 {
  padding-top: 15px;
  padding-bottom: 15px;
}
.p-divide-3 > * ~ * {
  padding-top: 15px;
  padding-bottom: 15px;
}
.p-divide-3 > *:first-child {
  padding-bottom: 15px;
}
.p-divide-4 > * ~ *:last-child {
  padding-bottom: 0px;
}
.p-divide-3 > *:only-child {
  padding-bottom: 0px;
}
.m-1px {
  margin: 1px;
}
.m-2px {
  margin: 2px;
}
.m-3px {
  margin: 3px;
}
.m-1 {
  margin: 5px;
}
.m-2 {
  margin: 10px;
}
.m-3 {
  margin: 15px;
}
.m-4 {
  margin: 20px;
}
.m-5 {
  margin: 25px;
}
.m-6 {
  margin: 30px;
}
.mt-1px {
  margin-top: 1px;
}
.mt-2px {
  margin-top: 2px;
}
.mt-3px {
  margin-top: 3px;
}
.mt-1 {
  margin-top: 5px;
}
.mt-2 {
  margin-top: 10px;
}
.mt-3 {
  margin-top: 15px;
}
.mt-4 {
  margin-top: 20px;
}
.mb-1px {
  margin-bottom: 1px;
}
.mb-2px {
  margin-bottom: 2px;
}
.mb-3px {
  margin-bottom: 3px;
}
.mb-1 {
  margin-bottom: 5px;
}
.mb-2 {
  margin-bottom: 10px;
}
.mb-3 {
  margin-bottom: 15px;
}
.mb-4 {
  margin-bottom: 20px;
}
.ml-1px {
  margin-left: 1px;
}
.ml-2px {
  margin-left: 2px;
}
.ml-3px {
  margin-left: 3px;
}
.-ml-16px {
  margin-left: -16px;
}
.ml-1 {
  margin-left: 5px;
}
.ml-2 {
  margin-left: 10px;
}
.ml-3 {
  margin-left: 15px;
}
.ml-4 {
  margin-left: 20px;
}
.ml-5 {
  margin-left: 25px;
}
.ml-6 {
  margin-left: 30px;
}
.ml-7 {
  margin-left: 35px;
}
.ml-8 {
  margin-left: 40px;
}
.ml-9 {
  margin-left: 45px;
}
.ml-10 {
  margin-left: 50px;
}
.ml-11 {
  margin-left: 55px;
}
.ml-12 {
  margin-left: 60px;
}
.ml-16 {
  margin-left: 80px;
}
.mr-1px {
  margin-right: 1px;
}
.mr-2px {
  margin-right: 2px;
}
.mr-3px {
  margin-right: 3px;
}
.mr-1 {
  margin-right: 5px;
}
.mr-2 {
  margin-right: 10px;
}
.mr-3 {
  margin-right: 15px;
}
.mx-1px {
  margin-right: 1px;
  margin-left: 1px;
}
.mx-2px {
  margin-right: 2px;
  margin-left: 2px;
}
.mx-3px {
  margin-right: 3px;
  margin-left: 3px;
}
.mx-1 {
  margin-right: 5px;
  margin-left: 5px;
}
.mx-2 {
  margin-right: 10px;
  margin-left: 10px;
}
.mx-3 {
  margin-right: 15px;
  margin-left: 15px;
}
.mx-4 {
  margin-right: 20px;
  margin-left: 20px;
}
.mx-5 {
  margin-right: 25px;
  margin-left: 25px;
}
.mx-6 {
  margin-right: 30px;
  margin-left: 30px;
}
.mx-7 {
  margin-right: 35px;
  margin-left: 35px;
}
.my-1px {
  margin-top: 1px;
  margin-bottom: 1px;
}
.my-2px {
  margin-top: 2px;
  margin-bottom: 2px;
}
.my-1 {
  margin-top: 5px;
  margin-bottom: 5px;
}
.my-2 {
  margin-top: 10px;
  margin-bottom: 10px;
}
.my-3 {
  margin-top: 15px;
  margin-bottom: 15px;
}
.m-divide-3 > * ~ * {
  margin-top: 15px;
  margin-bottom: 15px;
}
.m-divide-3 > *:first-child {
  margin-bottom: 15px;
}
.m-divide-4 > * ~ *:last-child {
  margin-bottom: 0px;
}
.m-divide-3 > *:only-child {
  margin-bottom: 0px;
}
/* ---- Adjustment helpers ----
   For making padding tweeks to account for differences between elements
*/
.pt-lg-height-minus-base-text-minus-2px {
  padding-top: 4px;
}
/* ===== Background Helpers ==== */
.bg-right-1-center {
  background-position: right 5px center;
}
.bg-size-4-3 {
  background-image-size: 20px 15px;
}
/* ===== Core weight ==== */
.font-bold {
  font-weight: 700;
}
/* ===== Core Size Helpers ==== */
.text-7xl {
  font-size: 20px;
}
.text-6xl {
  font-size: 20px;
}
.text-5xl {
  font-size: 20px;
}
.text-4xl {
  font-size: 20px;
}
.text-3xl {
  font-size: 20px;
}
.text-2xl {
  font-size: 18px;
  line-height: 20px;
}
.text-xl {
  font-size: 16px;
  line-height: 18px;
}
.text-lg {
  font-size: 14px;
  line-height: 18px;
}
.text-base {
  font-family: 'Arial';
  font-style: normal;
  font-weight: 400;
  font-size: 12px;
}
.text-sm {
  font-size: 11px;
}
.text-xs {
  font-size: 10px;
}
.text-left {
  text-align: left;
}
.text-center {
  text-align: center;
}
.text-right {
  text-align: right;
}
/* ===== Headings ==== */
.text-h1 {
  /* H1 */
  font-weight: 700;
  font-size: 18px;
  line-height: 20px;
}
.text-h2 {
  /* H2 */
  font-weight: 700;
  font-size: 16px;
  line-height: 18px;
}
.text-h3 {
  /* H3 */
  font-weight: 700;
  font-size: 14px;
  line-height: 18px;
}
.text-h4 {
  /* H4, shared by Table/Heading, Forms/section name */
  font-weight: 700;
  font-size: 14px;
  line-height: 16.8px;
}
.text-h5 {
  /* H5 */
  font-weight: 700;
  font-size: 18px;
  line-height: 20px;
}
.text-h6 {
  /* H6 */
  font-weight: 700;
  font-size: 12px;
  line-height: 14.4px;
}
.text-h-lg {
  font-size: 14px;
  line-height: 18px;
  font-weight: 700;
}
.text-base-bold {
  font-family: 'Arial';
  font-style: normal;
  font-weight: 400;
  font-size: 12px;
  font-weight: 700;
}
/* ===== Font Helpers ==== */
.font-sans {
  font-family: 'Arial';
}
.font-tech {
  font-family: 'Lato', sans-serif;
}
/* ------ Forms ------ */
.forms-section-names {
  /* H4, shared by Table/Heading, Forms/section name */
  font-weight: 700;
  font-size: 14px;
  line-height: 16.8px;
}
/* ------ Tables  ------ */
/* ------ Content  ------ */
.text-link {
  font-family: 'Arial';
  font-style: normal;
  font-weight: 400;
  font-size: 12px;
  color: #5092D9;
}
.text-link-hover {
  font-family: 'Arial';
  font-style: normal;
  font-weight: 400;
  font-size: 12px;
  color: #435B71;
}
.text-link-visited {
  font-family: 'Arial';
  font-style: normal;
  font-weight: 400;
  font-size: 12px;
  color: #435B71;
}
.text-link-underlined {
  font-family: 'Arial';
  font-style: normal;
  font-weight: 400;
  font-size: 12px;
  color: #5092D9;
  text-decoration-line: underline;
}
a:link.font-bold {
  font-weight: 700;
}
/* ------ Letter Spacing Helpers  ------ */
.tracking-normal {
  letter-spacing: 0em;
}
/* ------ Vertical Align Helpers  ------ */
.align-top {
  vertical-align: top;
}
.align-middle {
  vertical-align: middle;
}
/* line height  without font-size */
.leading-none {
  line-height: 1;
}
.leading-tight {
  line-height: 1.25;
}
.leading-snug {
  line-height: 1.375;
}
.leading-normal {
  line-height: 1.5;
}
.leading-relaxed {
  line-height: 1.625;
}
.leading-loose {
  line-height: 2;
}
.leading-3 {
  line-height: 12px;
}
.leading-4 {
  line-height: 14px;
}
.leading-5 {
  line-height: 18px;
}
.leading-6 {
  line-height: 18px;
}
.leading-7 {
  line-height: 20px;
}
.leading-8 {
  line-height: 22px;
}
.leading-9 {
  line-height: 24px;
}
.leading-10 {
  line-height: 26px;
}
/* ===== Cursor Helpers ==== */
.cursor-auto {
  cursor: auto;
}
.cursor-default {
  cursor: default;
}
.cursor-pointer {
  cursor: pointer;
}
.cursor-wait {
  cursor: wait;
}
.cursor-text {
  cursor: text;
}
.cursor-move {
  cursor: move;
}
.cursor-help {
  cursor: help;
}
.cursor-not-allowed {
  cursor: not-allowed;
}
.disabled\:cursor-not-allowed:disabled {
  cursor: not-allowed;
}
/* ====== Components ====== */
.avatar-initials-10 {
  border-radius: 9999px;
  height: 40px;
  width: 40px;
  display: flex;
  flex-shrink: 0;
}
.avatar-initials-10 > * {
  font-size: 16px;
  line-height: 18px;
  margin: auto;
}
.badge-pill-base {
  font-family: 'Arial';
  font-style: normal;
  font-weight: 400;
  font-size: 12px;
  padding-right: 10px;
  padding-left: 10px;
  padding-top: 2px;
  padding-bottom: 2px;
  border-radius: 9999px;
  text-align: center;
}
.badge-square-sm {
  font-weight: 700;
  font-size: 11px;
  padding-right: 5px;
  padding-left: 5px;
  padding-top: 2px;
  padding-bottom: 2px;
  border-radius: 0.4rem;
  text-align: center;
}
.badge-square-sm-xs {
  border-radius: 1px;
}
.badge-square-sm-sm {
  border-radius: 2px;
}
.badge-square-sm-md {
  border-radius: 6px;
}
.badge-square-sm-lg {
  border-radius: 8px;
}
.form-reply {
  font-family: 'Arial';
  font-style: normal;
  font-weight: 400;
  font-size: 12px;
  border-color: #CCCCCC;
  border-style: solid;
  border-width: 1px;
  font-family: 'Lato', sans-serif;
  color: rgba(0, 0, 0, 0.5);
  padding-top: 5px;
  padding-bottom: 5px;
  padding-right: 10px;
  padding-left: 10px;
  background: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxMCAxMCIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPjxwYXRoIGQ9Ik0wLjUwNDI4NiA4Ljg1NzE0TDkuNSA1TDAuNTA0Mjg2IDEuMTQyODZMMC41IDQuMTQyODZMNi45Mjg1NyA1TDAuNSA1Ljg1NzE0TDAuNTA0Mjg2IDguODU3MTRaIiBmaWxsPSIjRDlEOUQ5IiBzdHJva2Utd2lkdGg9IjEiPjwvcGF0aD48L3N2Zz4=');
  background-position: right 5px center;
  background-repeat: no-repeat;
  background-image-size: 20px 15px;
}
.form-reply-l {
  border-left-style: solid;
}
.form-reply-r {
  border-right-style: solid;
}
.form-reply-t {
  border-top-style: solid;
}
.form-reply-b {
  border-bottom-style: solid;
}
.form-reply-l {
  border-left-width: 0;
}
.form-reply-l-0 {
  border-left-width: 0;
}
.form-reply-l-1 {
  border-left-width: 1px;
}
.form-reply-l-2 {
  border-left-width: 2px;
}
.form-reply-r {
  border-right-width: 0;
}
.form-reply-r-0 {
  border-right-width: 0;
}
.form-reply-r-1 {
  border-right-width: 1px;
}
.form-reply-r-2 {
  border-right-width: 2px;
}
.form-reply-t {
  border-top-width: 0;
}
.form-reply-t-0 {
  border-top-width: 0;
}
.form-reply-t-1 {
  border-top-width: 1px;
}
.form-reply-t-2 {
  border-top-width: 2px;
}
.form-reply-b {
  border-bottom-width: 0;
}
.form-reply-b-0 {
  border-bottom-width: 0;
}
.form-reply-b-1 {
  border-bottom-width: 1px;
}
.form-reply-b-2 {
  border-bottom-width: 2px;
}
.error-msg {
  color: #EA5521;
}
.resize-none {
  resize: none;
}
.tl .close-dlg-gen {
  background: url("/images_app/icons/icons_tt.png") -80px 0 no-repeat;
  width: 16px;
  height: 16px;
  text-decoration: none;
  top: 2px !important;
  float: right;
  position: relative;
}
.header .close-dlg-gen {
  background: url("/images_app/icons/icons_tt.png") -80px 0 no-repeat;
  width: 16px;
  height: 16px;
  text-decoration: none;
  top: 1px;
  float: right;
  right: 5px;
  position: relative;
}
.dlgTD {
  padding: 3px;
}
/* Tooltip Dialog Style */
.tooltip_dlg {
  left: 100px;
  /*overflow:hidden;*/
  position: absolute;
  text-align: left;
  top: 100px;
  z-index: 3001;
}
.tooltip_dlg .close-dlg-gen {
  background: url("/images_app/icons/icons_tt.png") -80px 0 no-repeat;
  width: 16px;
  height: 16px;
  text-decoration: none;
  top: 10px;
  float: right;
  right: 2px;
  position: relative;
}
.tooltip_dlg .dlg-title {
  display: none;
}
.tooltip_dlg .top {
  background: url("/images_app/global/bg_tooltip_dlg_t_large.png") 0 0 no-repeat;
  padding-left: 20px;
}
.tooltip_dlg .tl {
  background: url("/images_app/global/bg_tooltip_dlg_t_large.png") 100% -30px no-repeat;
  height: 30px;
  padding-right: 10px;
}
.tooltip_dlg .bottom {
  background: url("/images_app/global/bg_tooltip_dlg_b_large.png") 0 0 no-repeat;
  padding-left: 20px;
}
.tooltip_dlg .bl {
  background: url("/images_app/global/bg_tooltip_dlg_b_large.png") 100% -30px no-repeat;
  height: 30px;
  padding-right: 10px;
}
.tooltip_dlg .inner p {
  padding: 0em 0;
  margin: 0;
  width: auto;
}
.tooltip_dlg .inner-left {
  background: url("/images_app/global/bg_tooltip_m.png") 0 0 repeat-y;
  border: none;
  padding-left: 10px;
}
.tooltip_dlg .inner-right {
  background: url("/images_app/global/bg_tooltip_r.png") 100% 0 repeat-y;
  border: none;
  padding-right: 10px;
}
.tooltip_dlg .inner {
  background-color: #FFFFFF;
  border: none;
  color: #4a5e72;
  font-size: 11px;
  padding-left: 20px;
  padding-right: 10px;
  border-left: 10px solid #4a5e72;
  max-height: 150px;
  overflow-y: auto;
}
.tooltip_dlg .dialog-point-top {
  background: url("/images_app/global/bg_point_bl_t.png") 0 0 no-repeat;
  height: 10px;
  width: 18px;
  left: 60px;
  top: 0px;
  position: absolute;
}
.tooltip_dlg .dialog-point-left {
  background: url("/images_app/global/bg_point_bl_L.png") 0 0 no-repeat;
  height: 15px;
  width: 8px;
  left: 2px;
  position: absolute;
  top: 30px;
}
/* Main Dialog Theme
===========================================
*/
/* Control Button at the bottom */
.dialog-gen .blBar,
.alternate-grid .blBar {
  display: block;
  font-size: 100%;
  height: 29px;
}
.dialog-gen .dlg-title,
.alternate-grid .dlg-title {
  padding-top: 3px;
  color: #fff;
  font-weight: bold;
}
.dialog-gen,
.alternate-grid {
  width: 250px;
  top: 100px;
  z-index: 3000;
  zoom: 1;
  position: absolute;
}
.dialog-gen .dialog-point-top,
.alternate-grid .dialog-point-top {
  background: url("/images_app/global/bg_point_bl_t.png") 0 0 no-repeat;
  height: 10px;
  width: 18px;
  left: 60px;
  top: -9px;
  position: absolute;
}
.dialog-gen .dialog-point-left,
.alternate-grid .dialog-point-left {
  background: url("/images_app/global/bg_point_bl_L.png") 0 0 no-repeat;
  height: 17px;
  width: 9px;
  position: absolute;
  left: 0;
  top: 10px;
}
.dialog-gen .inner {
  background-color: #FFFFFF;
  padding: 10px;
  border: none;
  color: #000000;
  font-size: 10px;
  font-weight: normal;
  overflow-y: auto;
}
.dialog-gen .header,
.alternate-grid .header {
  color: #fff;
  font-weight: bold;
}
.dialog-gen th {
  background-color: #5E7086;
  color: #fff;
  font-weight: bold;
  font-size: 11px;
}
.dialog-gen .label,
.alternate-grid .label {
  color: #000;
  font-weight: bold;
  font-size: 11px;
}
.dialog-gen td {
  color: #000;
  font-weight: normal;
  font-size: 11px;
}
.dialog-gen .tl,
.alternate-grid .tl {
  display: block;
  font-size: 100%;
  height: 21px;
  padding-right: 9px !important;
  zoom: 1;
}
.dialog-gen .bl,
.alternate-grid .bl {
  display: block;
  font-size: 100%;
  height: 17px;
}
.dialog-gen .inner-left,
.alternate-grid .inner-left {
  border: none;
}
.dialog-gen .inner-right,
.alternate-grid .inner-right {
  border: none;
  /*
	   * alternate-grid Styles
	   *
	   * Add Styles for the none standard grid layout.
	   * Used for Inland Rail
	   */
}
.dialog-gen .inner-right .alternate-grid .inner,
.alternate-grid .inner-right .alternate-grid .inner {
  padding: 0;
  background-color: #FFFFFF;
  border: none;
  color: #000000;
  font-size: 10px;
  font-weight: normal;
  max-height: 250px;
  overflow-y: auto;
}
.dialog-gen .inner-right .alternate-grid th,
.alternate-grid .inner-right .alternate-grid th {
  background-color: #b1bbc5;
  color: #fff;
  font-weight: bold;
  font-size: 11px;
  padding: 4px;
}
.dialog-gen .inner-right .alternate-grid td,
.alternate-grid .inner-right .alternate-grid td {
  padding: 4px;
  border-left: 1px solid #d9d9d9;
  border-top: 1px solid #d9d9d9;
  color: #1c5180;
  font-weight: normal;
  font-size: 11px;
}
/* Grid Dialog Style */
.grid .bottomBar {
  background: url("/images_app/global/bg_select_flyout.png") 0 -92px no-repeat;
  padding-left: 16px;
}
.grid .blBar {
  background: url("/images_app/global/bg_select_flyout.png") 100% -121px no-repeat;
  display: block;
  font-size: 100%;
  height: 29px;
  line-height: 29px;
  padding-right: 10px;
}
.grid .dlg-title {
  padding-top: 3px;
  color: #fff;
  font-weight: bold;
}
.grid {
  width: 250px;
  top: 100px;
  z-index: 3000;
  zoom: 1;
  position: absolute;
}
.grid .dialog-point-top {
  background: url("/images_app/global/bg_point_bl_t.png") 0 0 no-repeat;
  height: 10px;
  width: 18px;
  left: 60px;
  top: -9px;
  position: absolute;
}
.grid .dialog-point-left {
  background: url("/images_app/global/bg_point_bl_L.png") 0 0 no-repeat;
  height: 17px;
  width: 9px;
  position: absolute;
  left: 0;
  top: 10px;
}
.grid .header {
  color: #fff;
  font-weight: bold;
}
.grid th {
  background-color: #5E7086;
  color: #fff;
  font-weight: bold;
  font-size: 11px;
}
.grid td {
  color: #000;
  font-weight: normal;
  font-size: 11px;
  border: 1px solid #d9d9d9;
}
.grid .top {
  background: url("/images_app/global/bg_tooltip_t.png") 0 0 no-repeat;
  padding-left: 17px;
}
.grid .bottom {
  background: url("/images_app/global/bg_tooltip_b.png") 0 0 no-repeat;
  padding-left: 17px;
}
.grid .bl {
  background: url("/images_app/global/bg_tooltip_b.png") 100% -17px no-repeat;
  display: block;
  font-size: 100%;
  height: 17px;
  padding-right: 10px;
}
.grid .inner-left {
  background: url("/images_app/global/bg_tooltip_m.png") 0 0 repeat-y;
  border: none;
  padding-left: 10px;
}
.grid .inner-right {
  background: url("/images_app/global/bg_tooltip_m.png") 100% 0 repeat-y;
  border: none;
  padding-right: 10px;
}
.grid .tl {
  background: url("/images_app/global/bg_tooltip_t.png") 100% -29px no-repeat;
  display: block;
  font-size: 100%;
  height: 6px;
  padding-right: 9px !important;
  zoom: 1;
}
.grid .inner {
  background-color: #FFFFFF;
  border: none;
  color: #000000;
  font-size: 10px;
  font-weight: normal;
  padding-left: 0;
  padding-right: 0;
  max-height: 250px;
  overflow-y: auto;
}
/* Inner Class for box-shadow */
.box-shadow {
  box-shadow: inset 0 -10px 6px -10px #858585;
  -moz-box-shadow: inset 0 -10px 6px -10px #858585;
  -webkit-box-shadow: inset 0 -10px 6px -10px #858585;
  /* For IE 8 */
  -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#858585')";
}
/* Flyout Primary Buttons
===========================================
	- Go
	- This green button is attached to the bottom right of the flyout
	- Any number of secondary buttons can be added.
*/
.btn-control ul.dlg-single-btn,
.btn-control ul.dlg-secondary-btn {
  float: right;
  margin: 0;
  padding: 0;
  position: relative;
}
.btn-control .dlg-single-btn li,
.btn-control .dlg-secondary-btn li {
  float: left;
  zoom: 1;
}
.btn-control .dlg-single-btn .dlg-single-bl {
  background: url("/images_app/global/bg_btn_flyout.png") 0 -8px no-repeat scroll;
  padding-left: 6px;
}
.btn-control .dlg-single-btn .dlg-secondary-btn.dlg-single-bl {
  background-image: none;
  padding-left: 6px;
}
.btn-control .dlg-single-btn .dlg-single-br {
  background: url("/images_app/global/bg_btn_flyout.png") 100% -47px no-repeat scroll;
  height: 19px;
}
.btn-control .dlg-single-btn .dlg-secondary-btn .dlg-single-br {
  background-image: none;
  height: 19px;
}
.btn-control .dlg-single-btn button:hover .text {
  color: #fff;
}
.btn-control .dlg-single-btn .dlg-button,
.btn-control .dlg-secondary-btn .dlg-button {
  background: none;
  border: none;
  color: #406081;
  cursor: pointer;
  font-size: 11px;
  font-weight: bold;
  margin: 0;
  outline: none !important;
  overflow: visible;
  padding: 0;
  position: relative;
  text-align: center;
  text-decoration: none !important;
  vertical-align: 5px;
}
.btn-control .dlg-single-btn .dlg-button,
.btn-control .dlg-secondary-btn .dlg-button {
  height: 19px;
  padding: 0 1em;
}
.btn-control .primary .dlg-button {
  padding: 0 5em 10px 4em;
}
.btn-control .secondary .dlg-button {
  padding: 0 2em 10px 2em;
}

/*tt/profiles/content/consignment/consignment.less!steal-less@1.3.4#less*/
/*
 * LESS mixins for the whole app.
 */
/* Styles for the consignment sub-tab 
===========================================================*/
.consignment {
  color: #888888;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 11px;
}
.consignment span.tab-text {
  color: #406081;
  font-size: 10px;
  text-align: left;
  display: inline-block;
  vertical-align: 5px;
}
.consignment .tabs {
  width: 49.7%;
  min-height: 384px;
}
.consignment .tab-text span {
  font-size: 11px;
  font-weight: bold;
}
.consignment .btn-twist {
  background-image: url("/images_app/icons/icn_twist_c.png");
  background-position: 50% 50%;
  background-repeat: no-repeat;
  cursor: pointer;
  padding-left: 22px;
  color: #1c5180;
  font-size: 11px;
  height: 20px;
  padding-right: 6px;
  width: 5%;
  display: inline-block;
}
.consignment .open {
  background-image: url("/images_app/icons/icn_twist_o.png");
}
.consignment .onecol {
  padding-top: 5px;
  padding-bottom: 5px;
}
.consignment .city {
  width: 34.3% !important;
  margin-left: 0.7% !important;
}
.consignment .state {
  width: 12.3% !important;
  margin-left: 0.7% !important;
}
.consignment .zip {
  width: 26.3% !important;
  margin-left: 0.7% !important;
}
.consignment .form_shrunk {
  min-width: 68px;
  width: 29% !important;
}
.consignment .auto-complete {
  padding-top: 1px;
  padding-bottom: 1px;
}
.consignment .injected-row {
  display: none;
}
.consignment .main-select {
  min-width: 68px;
  width: 13%;
  margin-right: 0;
}
.consignment .select-input {
  width: 38%;
  margin-left: 0;
}
.consignment-rows .green-button {
  background: -webkit-linear-gradient(#cee7bc, #97b193);
  /* For Safari 5.1 to 6.0 */
  background: -o-linear-gradient(#cee7bc, #97b193);
  /* For Opera 11.1 to 12.0 */
  background: -moz-linear-gradient(#cee7bc, #97b193);
  /* For Firefox 3.6 to 15 */
  background: linear-gradient(#cee7bc, #97b193);
  /* Standard syntax */
  border: none;
  border-radius: 3px;
  cursor: pointer;
  color: #416080;
  font-size: 11px;
  font-weight: bold;
  padding: 0.3em 0.7em;
  text-align: center;
}
.consignment-rows .error {
  /* only needs important while the table shares an id */
  background-color: #FFFFCC !important;
}
.add-consignment {
  text-align: left;
}

/*tt/profiles/content/contact/contact.less!steal-less@1.3.4#less*/
/*
 * LESS mixins for the whole app.
 */
.contact-rows .green-button {
  background: -webkit-linear-gradient(#cee7bc, #97b193);
  /* For Safari 5.1 to 6.0 */
  background: -o-linear-gradient(#cee7bc, #97b193);
  /* For Opera 11.1 to 12.0 */
  background: -moz-linear-gradient(#cee7bc, #97b193);
  /* For Firefox 3.6 to 15 */
  background: linear-gradient(#cee7bc, #97b193);
  /* Standard syntax */
  border: none;
  border-radius: 3px;
  cursor: pointer;
  color: #416080;
  font-size: 11px;
  font-weight: bold;
  padding: 0.3em 0.7em;
  text-align: center;
}
.contact-rows .error {
  /* only needs important while the table shares an id */
  background-color: #FFFFCC !important;
}
.add-contact {
  text-align: left;
}
#res .data-grid .filter-controls {
  display: table-row;
}

/*tt/profiles/content/customer_relationship_management/crm.less!steal-less@1.3.4#less*/
.sales-note-label {
  padding-right: 1em;
  float: left;
}
.sales-note-compose {
  min-width: 250px;
  width: 70%;
  float: left;
}
.sales-note-compose-text {
  width: 100%;
  height: 7em;
  border-color: lightgray;
}
.sales-note-submit {
  background: #bde8ba;
  border-radius: 3px;
  color: #406081;
  border: none;
  padding: 5px 10px;
  font-weight: bold;
  float: right;
  cursor: pointer;
}
.sales-note-submit:hover {
  background: #98db94;
}
.sales-note-list {
  width: 80%;
  padding: 0 10px;
  margin-bottom: 25px;
  color: #333;
  max-height: 250px;
  overflow-y: scroll;
}
.sales-note {
  margin-bottom: 15px;
}
.sales-note-author {
  font-weight: bold;
}
.sales-note-date {
  padding-left: 1em;
  width: 80%;
}
.sales-note-divider {
  background: #bbb;
  border: none;
  height: 1px;
}

/*tt/profiles/tabPaginate/tabPaginate.less!steal-less@1.3.4#less*/
.content .chevron-div {
  height: 270px;
  background-color: white;
  box-shadow: inset 0 -5px 3px -3px lightgrey;
  border-right: 1px solid #D9D9D9;
  text-align: center;
}
.content .chevron-div button {
  background: none;
  border: none;
  cursor: pointer;
  display: inline-block;
  overflow: visible;
  padding: 0;
  position: relative;
  width: 100%;
  height: 100%;
}
.content .chevron-div span {
  background-repeat: no-repeat;
  height: 22px;
  width: 15px;
  display: inline-block;
}
.content .chevron-div.disabled button {
  cursor: default;
}
.content .chevron-div.left span {
  background-image: url("/images_app/icons/tt_chevron_left_off.png");
}
.content .chevron-div.left:hover span {
  background-image: url("/images_app/icons/tt_chevron_left_over.png");
}
.content .chevron-div.left.disabled span {
  background-image: url("/images_app/icons/tt_chevron_left_disabled.png");
}
.content .chevron-div.right span {
  background-image: url("/images_app/icons/tt_chevron_right_off.png");
}
.content .chevron-div.right:hover span {
  background-image: url("/images_app/icons/tt_chevron_right_over.png");
}
.content .chevron-div.right.disabled span {
  background-image: url("/images_app/icons/tt_chevron_right_disabled.png");
}

/*tt/trade_manager/header_info/header_info.less!steal-less@1.3.4#less*/
/*
 * LESS mixins for the whole app.
 */
.mod-page .hd.tm-theme {
  background: url("/images_app/global/bg_mod_page_TM.png") no-repeat scroll;
}
.mod-page .hd.tm-theme.theme-large {
  background-size: 1500px 160px;
}
.mod-page .hd.tm-theme .rt {
  background: none;
  height: 38px;
  margin-right: 0;
}
.mod-page .hd.tm-theme .mod-title {
  background: none;
  color: #FFFFFF;
  float: left;
  font-size: 14px;
  font-weight: bold;
  height: 29px;
  line-height: 29px;
  overflow: hidden;
  text-indent: 17px;
  padding-top: 6px;
  width: initial;
}
.mod-page .hd.tm-theme .header-info {
  margin-left: 115px;
  background: url("/images_app/global/bg_mod_page_TM.png") 0px -38px repeat-x scroll;
  height: 38px;
}
.mod-page .hd.tm-theme .header-info.header-info-larger {
  margin-left: 153px;
}
.mod-page .hd.tm-theme .header-info .header-info-right {
  float: right;
  background: url("/images_app/global/bg_mod_page_TM.png") 0px -76px;
  height: 38px;
  width: 9px;
}
.mod-page .hd.tm-theme .header-info .mod-page-tabs {
  padding-left: 10px;
  padding-right: 6px;
}
.mod-page .hd.tm-theme .header-info .mod-page-tabs li {
  border-right: none;
  min-width: 100px;
}
.mod-page .hd.tm-theme .header-info .mod-page-tabs li p {
  padding-top: 2px;
  padding-right: 0px;
  padding-bottom: 2px;
  margin: 0px;
}
.mod-page .hd.tm-theme.button-tabs {
  background: none;
}
.mod-page .hd.tm-theme.button-tabs .headline_tabs_rt {
  display: none;
}
.mod-page .hd.tm-theme.button-tabs .actions_anchor {
  background: #fbfcfc;
  /* Old browsers */
  background: -moz-linear-gradient(top, #fbfcfc 0%, #f7f8f9 24%, #b1bcc0 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(top, #fbfcfc 0%, #f7f8f9 24%, #b1bcc0 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #fbfcfc 0%, #f7f8f9 24%, #b1bcc0 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fbfcfc', endColorstr='#b1bcc0', GradientType=0);
  /* IE6-9 */
  border-radius: 0 5px 0 0;
  position: absolute;
  right: 0;
  width: 110px;
}
.mod-page .hd.tm-theme.button-tabs .actions_anchor .actions_tab {
  right: 13px;
  top: 4px;
}
.mod-page .hd.tm-theme.button-tabs .mod-title {
  background: #7b8b9c;
  /* Old browsers */
  background: -moz-linear-gradient(top, #7b8b9c 0%, #64778a 37%, #465d74 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(top, #7b8b9c 0%, #64778a 37%, #465d74 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #7b8b9c 0%, #64778a 37%, #465d74 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#7b8b9c', endColorstr='#465d74', GradientType=0);
  /* IE6-9 */
  border-radius: 5px 0 0;
  display: inline-block;
  height: 38px;
  line-height: 38px;
  padding: 0 1.5em 0 0;
}
.mod-page .hd.tm-theme.button-tabs .header-info {
  background: #d0d5d9;
  /* Old browsers */
  background: -moz-linear-gradient(top, #d0d5d9 0%, #cbd1d5 24%, #abb5ba 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(top, #d0d5d9 0%, #cbd1d5 24%, #abb5ba 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #d0d5d9 0%, #cbd1d5 24%, #abb5ba 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#d0d5d9', endColorstr='#abb5ba', GradientType=0);
  /* IE6-9 */
  display: inline-block;
  margin-left: 5px;
  float: left;
}
.mod-page .hd.tm-theme.button-tabs .header-info:first-of-type {
  margin-left: 0 !important;
}
.mod-page .hd.tm-theme.button-tabs .header-info.active {
  background: #fbfcfc;
  /* Old browsers */
  background: -moz-linear-gradient(top, #fbfcfc 0%, #f7f8f9 24%, #b1bcc0 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(top, #fbfcfc 0%, #f7f8f9 24%, #b1bcc0 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #fbfcfc 0%, #f7f8f9 24%, #b1bcc0 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fbfcfc', endColorstr='#b1bcc0', GradientType=0);
  /* IE6-9 */
}
.mod-page .hd.tm-theme.button-tabs .header-info.active.no-gradient {
  background: #f0f0f0;
}
.mod-page .hd.tm-theme.button-tabs .header-info .header-info-right {
  display: none;
}
.mod-page .hd.tm-theme.button-tabs .header-info .mod-page-tabs {
  display: inline-block;
}
.mod-page .hd.tm-theme.button-tabs .header-info .mod-page-tabs li {
  display: inline-block;
}
.mod-page .hd.tm-theme.button-tabs .header-info.headline-only .moder-headline {
  line-height: 20px !important;
}
.mod-page .hd.tm-theme.button-tabs .header-info.headline-only .moder-small-headline {
  display: none;
}
.mod-page .hd.tm-theme.gradient-header {
  background-image: none;
  border-radius: 4px 4px 0 0;
  background: -webkit-linear-gradient(#fbfcfc 22%, #b1bcc0 93%);
  /* For Safari 5.1 to 6.0 */
  background: -o-linear-gradient(#fbfcfc 22%, #b1bcc0 93%);
  /* For Opera 11.1 to 12.0 */
  background: -moz-linear-gradient(#fbfcfc 22%, #b1bcc0 93%);
  /* For Firefox 3.6 to 15 */
  background: linear-gradient(#fbfcfc 22%, #b1bcc0 93%);
  /* Standard syntax */
}
.mod-page .hd.tm-theme.gradient-header .mod-title {
  border-top-left-radius: 4px;
  height: 38px;
  padding: 0 1em;
  line-height: 38px;
  background: -webkit-linear-gradient(#7b8b9c, #465d74);
  /* For Safari 5.1 to 6.0 */
  background: -o-linear-gradient(#7b8b9c, #465d74);
  /* For Opera 11.1 to 12.0 */
  background: -moz-linear-gradient(#7b8b9c, #465d74);
  /* For Firefox 3.6 to 15 */
  background: linear-gradient(#7b8b9c, #465d74);
  /* Standard syntax */
  text-indent: 0;
}
.mod-page .hd.tm-theme.gradient-header .header-info {
  background-image: none;
  float: left;
  margin-left: 0;
}
.mod-page .hd.tm-theme.gradient-header .headline_tabs_rt {
  display: none;
}
.mod-page .hd.tm-theme.gradient-header.button-tabs .header-info {
  border-right: 1px solid #808080;
  box-shadow: 1px 0 #ffffff;
}
.mod-page .hd.tm-theme.gradient-header.button-tabs .header-info:not(.active):hover {
  cursor: pointer;
}
.mod-page .hd.tm-theme.gradient-header.button-tabs .header-info:not(.active):hover .moder-headline {
  color: #ffffff;
}
.TM_header {
  background: url("/images_app/global/bg_mod_page_TM.png") 0px 0px repeat-x scroll;
  height: 38px;
}
.TM_header_sprite {
  margin-left: 115px;
  background: url("/images_app/global/bg_mod_page_TM.png") 0px -38px repeat-x scroll;
  height: 38px;
  display: flex;
  flex-flow: nowrap;
}
.headline_tabs_TM {
  height: 25px;
  padding: 6px 10px 2px 10px;
  margin: 0px;
  display: flex;
  flex: auto;
  flex-shrink: auto;
}
.headline_tabs_TM li {
  display: inline-block;
  float: left;
  min-width: 80px;
  margin: -3px 10px 0 0;
  max-width: 300px;
}
.headline_tabs_TM li p {
  padding-top: 2px;
  padding-right: 0px;
  padding-bottom: 2px;
  margin: 0px;
}
.mod_title_TM {
  color: #FFFFFF;
  float: left;
  font-size: 14px;
  font-weight: bold;
  height: 29px;
  line-height: 29px;
  overflow: hidden;
  text-indent: 17px;
  padding-top: 6px;
}
.headline_tabs_rt {
  background: url("/images_app/global/bg_mod_page_TM.png") 0px -76px;
  height: 38px;
  width: 9px;
}
.actions_anchor {
  cursor: default;
  border-left: 1px solid #ffffff;
  box-shadow: -1px 0 #808080;
}
.actions_tab {
  background: url("/images_app/global/actions.png");
  height: 14px;
  width: 84px;
  margin: 11px;
  cursor: pointer;
}
.moder-headline {
  font-weight: bold;
  font-family: Tohoma, Arial, Sans-Serif;
  color: #406081;
  font-size: 12px;
  padding-top: 2px;
  padding-right: 22px;
  padding-bottom: 2px;
  margin: 0px;
  line-height: 12px !important;
}
.moder-small-headline {
  font-size: 8px;
  font-family: Tohoma, Arial, Sans-Serif;
  color: #757474;
  margin: 0px;
  padding: 0px;
  line-height: 6px !important;
}
.top-overall-status {
  display: flex;
  align-items: center;
  border-left: 1px solid #ffffff;
  box-shadow: -1px 0 #808080;
  width: 95px;
  position: relative;
}
.top-overall-status span {
  color: #406081;
  font-size: 13px;
  font-family: Tohoma, Arial, sans-serif;
  font-weight: bold;
  margin-left: 7px;
}
.top-overall-status span.unread-count {
  color: white;
  margin-left: 3px;
  margin-bottom: 25px;
  font-size: 10px;
}
.top-overall-status .unread-note {
  right: 0;
  bottom: 0;
  width: 15px;
  height: 15px;
  position: absolute;
  background: linear-gradient(135deg, transparent 0 50%, blue 50% 100%);
}
.top-overall-status.onTime {
  background: linear-gradient(135deg, #32cd32 0 15%, transparent 15% 100%);
}
.top-overall-status.warning {
  background: linear-gradient(135deg, #ffA500 0 15%, transparent 15% 100%);
}
.top-overall-status.late {
  background: linear-gradient(135deg, #ff0000 0 15%, transparent 15% 100%);
}
.top-overall-status.onTime.unread,
.top-overall-status.warning.unread,
.top-overall-status.late.unread {
  background: linear-gradient(135deg, #0000ff 0 15%, transparent 15% 100%);
}
.top-overall-status .fa-caret-down,
.eventStatus .fa-caret-down {
  vertical-align: -4px;
  color: #83d249;
  font-size: 18px;
  cursor: pointer;
}
.top-overall-status .fa-caret-down.white,
.eventStatus .fa-caret-down.white {
  color: white;
  margin-top: 1px;
}
.chat-tab {
  display: flex;
  align-items: center;
  border-left: 1px solid #ffffff;
  box-shadow: -1px 0 #808080;
  position: relative;
}
.chat-tab span {
  color: #406081;
  font-size: 13px;
  font-family: Tohoma, Arial, sans-serif;
  font-weight: bold;
  margin: 7px;
}
.chat-tab .fa-circle {
  color: red;
}
.chat-tab .fa-stack-1x {
  color: white;
}
.chat-tab .fa-caret-down {
  vertical-align: -4px;
  color: #83d249;
  font-size: 18px;
  cursor: pointer;
}
.eventStatus.onTime {
  background: linear-gradient(135deg, #32cd32 0 9%, transparent 9% 100%);
}
.eventStatus.warning {
  background: linear-gradient(135deg, #ffA500 0 9%, transparent 9% 100%);
}
.eventStatus.late {
  background: linear-gradient(135deg, #ff0000 0 9%, transparent 9% 100%);
}
.eventStatus.unread,
.eventStatus.onTime.unread,
.eventStatus.warning.unread,
.eventStatus.late.unread {
  background: linear-gradient(135deg, #0000ff 0 9%, transparent 9% 100%);
}
table.eventStatuses {
  border-collapse: separate;
}
table.eventStatuses td.eventStatus {
  padding: 8px 20px;
  color: #666;
  border-top: 0px;
  border-bottom: 1px solid #d9d9d9;
  width: 130px;
}
.temporary-booking {
  display: flex;
  align-items: center;
  border-left: 1px solid #ffffff;
  box-shadow: -1px 0 #808080;
  /* The switch - the box around the slider */
  /* The slider */
}
.temporary-booking .switch {
  width: 50px;
}
.temporary-booking .slider {
  background-color: #d3d3d3;
}
.temporary-booking input:checked + .slider {
  background-color: #d3d3d3;
}
.temporary-booking input:checked + .slider:before {
  -webkit-transform: translateX(26px);
  -ms-transform: translateX(26px);
  transform: translateX(26px);
}
.temporary-booking .slider-icon {
  display: flex;
  align-items: center;
  background-color: #d3d3d3;
  border-radius: 50%;
  height: 20px;
  width: 20px;
  margin-left: 3px;
  margin-right: 3px;
}
.temporary-booking .slider-icon.selected {
  background-color: #808080;
}
.temporary-booking .slider-icon-label {
  color: white;
  text-align: center;
  padding-left: 5.5px;
}
ul.notifications {
  width: 100%;
}
.notifications li {
  color: #1c5180;
  font-size: 11px;
  border-bottom: 1px solid #d9d9d9;
  padding-top: 4px;
  padding-bottom: 4px;
  padding-left: 5px;
}
.notifications .message-box {
  display: flex;
}
.notifications .message-box .flex-row {
  flex-direction: row;
  display: flex;
}
.notifications .message-box .flex-column {
  flex-direction: column;
  display: flex;
}
.notifications .flex-row {
  padding-top: 5px;
  padding-left: 5px;
  padding-right: 10px;
}
.notifications .message-indicator.read,
.notifications .notification-message.read,
.notifications .created-date.read {
  color: #d3d3d3;
}
.notifications .message-indicator.unread {
  color: #0000ff;
}
.notifications .notification-message.unread {
  color: #000000;
}
.notifications .created-date {
  font-size: 10px;
}

/*tt/trade_manager/wizards/essentials/essentials.less!steal-less@1.3.4#less*/
.tm-essentials-form .Essentials_wizard,
.consol-essentials-form .Essentials_wizard {
  padding-top: 20px;
  padding-bottom: 20px;
}
.tm-essentials-form .Essentials_wizard input,
.consol-essentials-form .Essentials_wizard input {
  width: 86%;
  border: 1px solid #d9d9d9;
  font-size: 11px;
  padding: 2px 0;
}
.tm-essentials-form .Essentials_wizard select,
.consol-essentials-form .Essentials_wizard select {
  width: 86%;
  border: 1px solid #d9d9d9;
  font-size: 11px;
  padding: 2px 0;
}
.tm-essentials-form .Essentials_wizard .vol1,
.consol-essentials-form .Essentials_wizard .vol1 {
  width: 16%;
}
.tm-essentials-form .Essentials_wizard .vol2,
.consol-essentials-form .Essentials_wizard .vol2 {
  width: 67%;
}
.tm-essentials-form .Essentials_wizard .wiz-content-div,
.consol-essentials-form .Essentials_wizard .wiz-content-div {
  margin: 0px 0px 5px 10px;
}
.tm-essentials-form .Essentials_wizard .wiz-content-div .small,
.consol-essentials-form .Essentials_wizard .wiz-content-div .small {
  width: 17%;
}
.tm-essentials-form .Essentials_wizard .wiz-content-div .medium,
.consol-essentials-form .Essentials_wizard .wiz-content-div .medium {
  width: 68%;
}
.tm-essentials-form .Essentials_wizard .submit-type,
.consol-essentials-form .Essentials_wizard .submit-type {
  width: 9px;
  vertical-align: -3px;
}
.tm-essentials-form .Essentials_wizard .bl-chkbox,
.consol-essentials-form .Essentials_wizard .bl-chkbox {
  width: 12px;
  vertical-align: -4px;
}
.tm-essentials-form .Essentials_wizard input[type="radio"],
.consol-essentials-form .Essentials_wizard input[type="radio"] {
  width: 12px;
  margin: 2px 2px 2px 2px;
}
.tm-essentials-form .Essentials_wizard .wiz-content-div .mawb-fld,
.consol-essentials-form .Essentials_wizard .wiz-content-div .mawb-fld {
  width: 33%;
}
.tm-essentials-form .Essentials_wizard .wiz-content-div .mawb-btn,
.consol-essentials-form .Essentials_wizard .wiz-content-div .mawb-btn {
  width: 30%;
}
.tm-essentials-form .Essentials_wizard .middleAlign,
.consol-essentials-form .Essentials_wizard .middleAlign {
  vertical-align: middle;
}
.tm-essentials-form .Essentials_wizard .topAlign,
.consol-essentials-form .Essentials_wizard .topAlign {
  vertical-align: top;
}
.tm-essentials-form .Essentials_wizard .wiz-content-div .mawb-btn.form-button.primary span,
.consol-essentials-form .Essentials_wizard .wiz-content-div .mawb-btn.form-button.primary span {
  height: 17px;
  padding-left: 0px;
  background: url(/images_app/global/bg_buttons.png) 0px -150px no-repeat;
  /* green button left round */
  background-size: 101px 184px;
}
.tm-essentials-form .Essentials_wizard .wiz-content-div .mawb-btn.form-button.primary span.text,
.consol-essentials-form .Essentials_wizard .wiz-content-div .mawb-btn.form-button.primary span.text {
  height: 17px;
  line-height: 17px;
  padding-left: 10px;
  padding-right: 15px;
  background: url(/images_app/global/bg_buttons.png) 0px -167px no-repeat;
  /* green button */
  background-size: 101px 184px;
}
.tm-essentials-form .Essentials_wizard .wiz-content-div.out-of-gauge,
.consol-essentials-form .Essentials_wizard .wiz-content-div.out-of-gauge {
  float: right;
  padding-right: 10px;
}
.tm-essentials-form .Essentials_wizard .wiz-content-div.out-of-gauge .oog-chkbox,
.consol-essentials-form .Essentials_wizard .wiz-content-div.out-of-gauge .oog-chkbox {
  width: 13px;
}
.tm-essentials-form .Essentials_wizard .wiz-content-div .unit-amt,
.consol-essentials-form .Essentials_wizard .wiz-content-div .unit-amt {
  width: 20%;
}
.tm-essentials-form .Essentials_wizard .wiz-content-div .unit-type,
.consol-essentials-form .Essentials_wizard .wiz-content-div .unit-type {
  width: 60%;
}

/*ttlib/components/data_upload/data_upload.less!steal-less@1.3.4#less*/
.uploader-frame {
  display: inline-block;
  zoom: 1;
  vertical-align: middle !important;
  letter-spacing: normal;
  word-spacing: normal;
  text-rendering: auto;
}
.uploader-size {
  width: 33.3333%;
}
data-uploader {
  display: block;
  padding-top: 1px;
}
data-uploader div.dark {
  background-color: #B2BBC4;
  width: 100%;
}
data-uploader .container-field {
  text-align: right;
  font-weight: bold;
  color: #444;
  width: 30%;
}
data-uploader .drop-files-body {
  border: dotted 1px #000;
  color: #000;
  font-size: 12px;
  margin: 2px 3px;
  padding: 3px;
  text-align: center;
  background-color: #FFF;
  width: 45%;
}
data-uploader .choose-file-body {
  padding: 2px;
  width: 20%;
}
data-uploader .list-file-header {
  background-color: #435B71;
  padding-top: 2px;
  padding-bottom: 2px;
  color: #FFFFFF;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  font-weight: bold;
  text-indent: 5px;
}
data-uploader .list-file-body {
  border-bottom: 1px solid #99a5b2;
  max-height: 60px;
  overflow-x: hidden;
  overflow-y: auto;
}
data-uploader .list-file-body .file-row {
  color: #000;
  font-family: arial;
  font-size: 11px;
  padding: 5px 0px;
}
data-uploader .list-file-body .button-outline-act {
  display: inline-block;
  color: #000;
}
data-uploader .list-file-header .file-row {
  border-bottom: 1px solid #99a5b2;
}
data-uploader .fileinput-button {
  position: relative;
  overflow: hidden;
}
data-uploader .fileinput-button input {
  position: absolute;
  top: 0;
  right: 0;
  margin: 0;
  opacity: 0;
  filter: 'alpha(opacity=0)';
  font-size: 200px;
  direction: ltr;
  cursor: pointer;
}
data-uploader .progress {
  background-color: #f5f5f5;
  border-radius: 4px;
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
  height: 5px;
  margin: 0;
  float: left;
  margin: 5px 8px 0 0;
  overflow: hidden;
  width: 100px;
}
data-uploader .progress-bar {
  float: left;
  width: 0;
  height: 100%;
  font-size: 12px;
  line-height: 20px;
  color: #000;
  text-align: center;
  background-color: #337ab7;
  -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
  box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
  -webkit-transition: width .6s ease;
  -o-transition: width .6s ease;
  transition: width .6s ease;
}
data-uploader .progress-bar-striped,
data-uploader .progress-striped .progress-bar {
  background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  -webkit-background-size: 40px 40px;
  background-size: 40px 40px;
}
data-uploader .progress-bar.active,
data-uploader .progress.active .progress-bar {
  -webkit-animation: progress-bar-stripes 2s linear infinite;
  -o-animation: progress-bar-stripes 2s linear infinite;
  animation: progress-bar-stripes 2s linear infinite;
}
data-uploader .hidden-progress {
  width: 0px;
  margin-right: 0px;
}
data-uploader .word-count-col {
  width: 125px;
  text-align: right;
}
data-uploader .word-count-col .form-control {
  padding: 0 5px;
  height: 26px;
  text-align: right;
}
data-uploader .word-count-col .sum {
  display: inline-block;
  padding-right: 6px;
}
data-uploader .filename,
data-uploader label,
data-uploader .select-files {
  color: #000;
}
data-uploader h3 {
  color: #000;
  margin-left: 2px;
  margin-top: 2px;
}
data-uploader .remove-file-icon {
  cursor: pointer;
}
data-uploader .hide-button {
  display: none !important;
}

/*tt/trade_manager/wizards/security/security.less!steal-less@1.3.4#less*/
.TM_security_row,
.TM_inbond_row {
  padding: 6px;
  border-bottom: 1px solid #D9D9D9;
}
.wiz-content-div {
  margin: 5px 5px 5px 10px;
}
.security_select {
  width: 90%;
}
.seclabel-col {
  width: 10% !important;
}
.wiz-content-flagRow {
  margin: 5px 1px 5px 1px;
  white-space: nowrap;
}

/*tt/trade_manager/wizards/route/route.less!steal-less@1.3.4#less*/
.routing input,
.routing select,
.routend input,
.routend select,
.route-end input,
.route-end select {
  border: 1px solid #d9d9d9;
  font-size: 11px;
  padding: 0px 0;
}
.route-column-bg {
  background: #e7f3fd;
  bottom: -7px;
  left: 570px;
  position: absolute;
  top: 0;
  width: 200px;
  z-index: 0;
}
/* these need to be set as well */
#wiz-route .inner,
#wiz-route .inner > .wiz-content,
#wiz-route .inner > .controls {
  position: relative;
}
#wiz-consol_route .wiz-content,
#wiz-route .wiz-content {
  max-height: none;
  overflow-y: visible;
}
#wiz-consol_route .wiz-content .routing,
#wiz-route .wiz-content .routing {
  max-height: none;
  overflow-y: visible;
}
.auto-schedule.active {
  padding-bottom: 0.5em;
}
.wiz-leg {
  position: relative;
}
.wiz-leg .vessels {
  padding: 1em 0.5em;
}
.wiz-leg .sailing-schedule {
  border: 1px solid #ddd;
  background: white;
}
route-svg {
  display: block;
  left: 5px;
  position: absolute;
  text-align: center;
  top: 2px;
}
.routing .wiz-content-div {
  padding: 0.5em;
}
.routing .wiz-content-div p {
  padding: 0.5em 0;
}
.routing h3 {
  color: #1C5180;
  font-size: 12px;
  font-weight: bold;
  margin-top: 0.5em;
  text-align: center;
}
.routing h3 em {
  color: #1C5180;
  display: block;
  font-size: 22px;
  font-style: normal;
}
.wiz-route-div {
  margin: 3px 3px 16px 3px;
}
.routing .addConnection-outer {
  margin: 3px;
}
.leg-header {
  font-weight: bold;
}
.leg-label,
.leg-field {
  display: inline-block;
  zoom: 1;
  *display: inline;
  letter-spacing: normal;
  word-spacing: normal;
  vertical-align: top;
  text-rendering: auto;
  padding-bottom: 3px;
}
.routing .twist {
  background: url("/images_app/icons/icn_twist_c.png") no-repeat scroll 0 0;
  display: inline-block;
  float: left;
  height: 16px;
  margin-right: 0.5em;
  overflow: hidden;
  text-indent: 2000em;
  width: 16px;
}
.routing .twist.active {
  background: url("/images_app/icons/icn_twist_o.png") no-repeat scroll 0 0;
}
.add-connection {
  padding: 1em;
}
a.add-new-connect {
  font-weight: bold;
  margin-left: 19px;
  white-space: nowrap;
}
.routing .datainput input {
  margin-top: 4px;
  margin-bottom: 4px;
  border: 1px solid #EFEFEF;
  padding: 2px;
  width: 93%;
}
.routing .data-grid {
  overflow-y: auto;
  max-height: 550px;
}
.routing .data-grid th {
  background-color: #B3BBC4;
  border-right: 1px solid #b1bbc5;
  color: #fff;
  font-size: 11px;
  padding: 2px 6px;
  white-space: nowrap;
  zoom: 1;
}
.routing .data-grid td {
  color: #1c5180;
  font-size: 11px;
  height: 20px;
  padding: 2px 6px;
  border-left: 1px solid #d9d9d9;
  border-top: 1px solid #d9d9d9;
}
.routing .data-grid td:last-child {
  border-right: 1px solid #d9d9d9;
}
.routing .data-grid td.col-save {
  padding: 2px 10px 2px 2px;
}
.routing .data-grid td.btn-twist {
  background-image: url("/images_app/icons/icn_twist_c.png");
  background-position: 3px 50%;
  background-repeat: no-repeat;
  cursor: pointer;
  padding-left: 22px;
}
.routing .data-grid td.active-twist {
  background-image: url("/images_app/icons/icn_twist_o.png");
  background-position: 3px 50%;
  background-repeat: no-repeat;
  cursor: pointer;
  padding-left: 22px;
}
.routing .data-grid .active td,
.routing .data-grid .hover td {
  background-color: #E5EEF8;
  color: #000;
}
.routing .data-grid img {
  display: block;
  margin: auto;
}
.routing .data-grid table {
  border-bottom: 1px solid #D9D9D9;
  margin-bottom: 5px;
  width: 100%;
}
.routing .data-grid tt-date-picker-range table,
.routing .data-grid tt-date-picker-range td,
.routing .data-grid tt-date-picker-range td:last-child {
  border: none;
}
.routing .data-grid .route-details th {
  background-color: #b1bbc5;
  color: #fff;
  font-weight: normal;
}
.routing .data-grid .carrier-table {
  width: auto;
}
.routing .data-grid .label,
.routing .data-grid .field {
  color: #1c5180;
  font-size: 11px;
  height: 20px;
}
.routing .data-grid .label {
  width: 100px;
}
.routing .data-grid .field {
  width: 200px;
}
.routing .data-grid .route-details {
  border-left: none;
  padding: 0 0 10px 0;
}
.sailing-schedule-filters {
  padding-bottom: 6px;
  width: 100%;
}
.sailing-schedule-filters .label {
  text-align: right;
  padding-top: 6px;
}
.sailing-schedule-filters .field {
  padding-top: 2px;
}
.sailing-schedule-filters .form-button span.text {
  padding: 0;
}
.routing .data-grid .sailing-schedule-filters tt-date-picker-range td {
  padding: 0;
}
.routing .dialogLeft img,
.routing .dialogRight img,
.routing .updDlgLeft img,
.routing .updDlgRight img,
.routing .rptDialog img,
.routing .info_dlg img {
  display: inline-block;
}
/* Grid Detail Row */
.routing div.inner-details {
  background-color: #fff;
  min-height: 5em;
  padding: 0;
  position: relative;
}
.routing div.bar {
  padding: 5px;
}
.routing .route-details,
.routing .route-details td {
  white-space: normal;
}
.routing .carrier-table td,
.routing .carrier-table th {
  border: 1px solid #D9D9D9;
}
.routing .carrier-table th {
  border-top: none;
}
.security-filing-select {
  margin-bottom: 3px;
}
.leg-rmv {
  margin-left: 3px;
  margin-bottom: -1px;
  cursor: pointer;
}
.msgText {
  background: url(/images_app/icons/icn_success.png) 0 0 no-repeat;
  font-weight: bold;
  left: 620px;
  /* dynamically set by JS */
  margin: 0 0 0 2px;
  min-height: 20px;
  padding-left: 22px;
  position: absolute;
  text-align: left;
  width: 166px;
  /* dynamically set by JS */
}
.msgText.required {
  background: url(/images_app/icons/icn_error_circle.png) 0 0 no-repeat;
  color: #FE6F18;
}
.routing,
.routend,
.route-end {
  overflow-y: visible;
  max-height: 450px;
  position: relative;
}
div.top-align {
  vertical-align: top;
}
.connect-row {
  margin-bottom: 3px;
}
.form-button.primary span.wordwrap {
  word-wrap: break-word;
  width: 65px;
  background: url(/images_app/global/bg_buttons.png) 100% -276px no-repeat;
  display: inline-block;
  color: #5E7185;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 11px;
  font-weight: bold;
  height: 30px;
  padding-left: 5px;
  padding-right: 5px;
  cursor: pointer;
}
.leg-control .control {
  padding: 1em 0.5em;
}
.leg-control .auto-schedule input.tt-text {
  width: 5em;
}
.leg-control .form-button.gradient.compact {
  padding-top: 4px;
  height: 16px;
}
.leg-control .dataTables_paginate,
.leg-control .dataTables_info {
  text-align: center;
}
.wiz-route-connection .wiz-route-div .form-button.gradient.compact {
  padding-top: 1px;
  height: 16px;
}

/*ttlib/components/pagination/pagination.less!steal-less@1.3.4#less*/
tt-pagination .paging_two_button [role="button"] {
  cursor: pointer;
}

/*tt/trade_manager/wizards/route/autoCosting.less!steal-less@1.3.4#less*/
auto-cost tr.filter-controls input {
  width: 50px;
}

/*tt/trade_manager/wizards/shipment_specifics/shipment_specifics.less!steal-less@1.3.4#less*/
.shipment_wizard {
  padding: 10px;
}
.shipment_wizard input[type=text],
.shipment_wizard select {
  width: 83%;
  border: 1px solid #d9d9d9;
  font-size: 11px;
  padding: 1px 0;
}
.shipment_wizard .text-r,
.shipment_wizard .text-l * {
  vertical-align: middle;
}
.shipment_wizard .shipper_content {
  margin: 0px 10px 4px 0px;
  padding: 1px;
}

/*tt/trade_manager/wizards/admin_workflow/admin_workflow.less!steal-less@1.3.4#less*/
.tm_ad_work .text-r,
.tm_ad_work .text-l * {
  /*	padding-left: 3px;
	padding-right: 3px;*/
}
.tm_ad_work input {
  width: 100%;
  border: 1px solid #d9d9d9;
  font-size: 11px;
  padding: 2px 0;
}
.tm_ad_work {
  padding: 12px;
  padding-left: 0px;
}
.tm_ad_work label {
  vertical-align: -3px;
}
.tm_ad_work .wiz-content-div {
  margin: 5px 0px 2px 0px;
}

/*tt/trade_manager/content/consignment/consignment.less!steal-less@1.3.4#less*/
.add-link {
  text-decoration: none;
}
.link-active {
  color: #FFF !important;
}
.link-inactive {
  color: #ADADAD !important;
}
.form-content .mini {
  width: 10%;
}
.copy-profile {
  float: right;
  white-space: nowrap;
  font-weight: normal;
}
.copy-profile > input {
  margin-right: 0.5em;
  width: auto !important;
}
.copy-profile > em {
  margin-left: 0.5em;
}
.mod-shipper .header-status,
.mod-consignee .header-status,
.mod-notify .header-status,
.mod-notify2 .header-status {
  float: right;
  font-weight: normal;
  margin-right: 5px;
}
.mod-shipper .required-label,
.mod-consignee .required-label,
.mod-notify .required-label,
.mod-notify2 .required-label {
  color: #888;
  font-family: Arial;
  font-size: 11px;
  margin-bottom: 0.5em;
}
.mod-shipper.addProfile label,
.mod-consignee.addProfile label,
.mod-notify.addProfile label,
.mod-notify2.addProfile label {
  min-width: 60px;
}
.mod-shipper.addProfile tt-autosuggest,
.mod-consignee.addProfile tt-autosuggest,
.mod-notify.addProfile tt-autosuggest,
.mod-notify2.addProfile tt-autosuggest {
  display: inline-block;
  position: relative;
  width: 67%;
}
.mod-shipper.addProfile tt-autosuggest input,
.mod-consignee.addProfile tt-autosuggest input,
.mod-notify.addProfile tt-autosuggest input,
.mod-notify2.addProfile tt-autosuggest input {
  width: 100% !important;
}
.mod-shipper.addProfile tt-autosuggest span,
.mod-consignee.addProfile tt-autosuggest span,
.mod-notify.addProfile tt-autosuggest span,
.mod-notify2.addProfile tt-autosuggest span {
  position: absolute;
  right: -25px;
  top: 3px;
}
.mod-shipper .quick-add-form label,
.mod-consignee .quick-add-form label,
.mod-notify .quick-add-form label,
.mod-notify2 .quick-add-form label {
  min-width: 95px;
}
.mod-shipper .quick-add-form input,
.mod-consignee .quick-add-form input,
.mod-notify .quick-add-form input,
.mod-notify2 .quick-add-form input {
  width: 60%;
}
.mod-shipper .quick-add-form tt-autosuggest,
.mod-consignee .quick-add-form tt-autosuggest,
.mod-notify .quick-add-form tt-autosuggest,
.mod-notify2 .quick-add-form tt-autosuggest {
  display: inline-block;
  position: relative;
  width: 60%;
}
.mod-shipper .quick-add-form tt-autosuggest input,
.mod-consignee .quick-add-form tt-autosuggest input,
.mod-notify .quick-add-form tt-autosuggest input,
.mod-notify2 .quick-add-form tt-autosuggest input {
  width: 100% !important;
}
.mod-shipper .quick-add-form tt-autosuggest span,
.mod-consignee .quick-add-form tt-autosuggest span,
.mod-notify .quick-add-form tt-autosuggest span,
.mod-notify2 .quick-add-form tt-autosuggest span {
  position: absolute;
  right: -25px;
  top: 3px;
}
.mod-shipper .quick-add-form tt-autosuggest .autosuggest-actions,
.mod-consignee .quick-add-form tt-autosuggest .autosuggest-actions,
.mod-notify .quick-add-form tt-autosuggest .autosuggest-actions,
.mod-notify2 .quick-add-form tt-autosuggest .autosuggest-actions {
  z-index: 2;
}

/*tt/trade_manager/content/security/ams/ams.less!steal-less@1.3.4#less*/
button.primary.savebondlegs {
  width: 100%;
  background: none;
  border: none;
  cursor: pointer;
  display: inline-block;
  outline: none !important;
  overflow: visible;
  padding: 0;
  position: relative;
}
button.primary.savebondlegs span {
  background: #97b0ae;
  background: -webkit-linear-gradient(bottom, #9ab094, #d8ebc7);
  background: -moz-linear-gradient(bottom, #9ab094, #d8ebc7);
  background: -o-linear-gradient(bottom, #9ab094, #d8ebc7);
  background: -ms-linear-gradient(bottom, #9ab094, #d8ebc7);
  background: linear-gradient(to top, #9ab094, #d8ebc7);
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#9AB094', endColorstr='#D8EBC7');
  /*For IE7-8-9*/
  border-radius: 4px;
  display: inline-block;
  cursor: pointer;
}
button.primary.savebondlegs span.text {
  width: 130px;
  display: inline-block;
  color: #5E7185;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 11px;
  font-weight: bold;
  padding: 5px 15px 5px 10px;
  line-height: 16px;
  margin: 0 auto;
  cursor: pointer;
  text-align: center;
}

/*tt/trade_manager/content/security/mexams/mexams.less!steal-less@1.3.4#less*/
.cad-header {
  width: 99%;
  background: #B1BAC4;
  color: #FFFFFF;
  padding: 5px;
}
.border-right {
  border-right: 1px solid #c6cdd4;
  box-sizing: border-box;
}
.border-right-invisible {
  border-right: 1px solid #c6cdd4;
  box-sizing: border-box;
}
input.autoscroll {
  max-height: 250px;
  overflow-y: auto;
  /* prevent horizontal scrollbar */
  overflow-x: hidden;
}

/*tt/trade_manager/content/security/aes/views/styles/aes.less!steal-less@1.3.4#less*/
input[name="same-as-shipper"] {
  margin-left: 10px !important;
}
.float-center {
  float: right;
  position: relative;
  right: 50%;
  text-align: left;
}
.aes-header {
  width: 99%;
  background: #B1BAC4;
  color: #FFFFFF;
  padding: 5px;
}
.commodity-details .col,
.EEI-confirmation .col {
  box-sizing: border-box;
  border: 1px solid #D9D9D9;
}
.commodity-details .faux-th,
.EEI-confirmation .faux-th {
  font-size: 1em;
  background: #5D7087;
  color: #FFFFFF;
  padding: 2px 0px 2px 3px;
  box-sizing: border-box;
}
.commodity-details .line-items,
.EEI-confirmation .line-items {
  min-height: 305px;
}
.commodity-details .line-item,
.EEI-confirmation .line-item {
  min-height: 305px;
  vertical-align: top;
  padding: 5px;
  box-sizing: border-box;
  border: 1px solid #A9A9A9;
}
.commodity-details .line-item input,
.EEI-confirmation .line-item input {
  margin: 0;
  padding: 0;
  line-height: 1.5em;
}
.commodity-details .bg-blue,
.EEI-confirmation .bg-blue {
  background: aliceblue;
}
.commodity-details .schedule-b-num,
.EEI-confirmation .schedule-b-num {
  padding: 2px 0px 2px 0px;
}
.commodity-details .b-num-field,
.EEI-confirmation .b-num-field {
  padding: 0px 0px 5px 2px;
}
.commodity-details commodity-weight,
.EEI-confirmation commodity-weight,
.commodity-details commodity-value,
.EEI-confirmation commodity-value {
  background: rgba(202, 216, 255, 0.43);
}
.commodity-details label.add-line-item,
.EEI-confirmation label.add-line-item {
  margin-right: 5px;
}
.commodity-details .total-row .col,
.EEI-confirmation .total-row .col {
  height: 24px;
}
.EEI-confirmation {
  height: 60px;
}
.EEI-confirmation > div {
  height: 100%;
  padding: 20px;
  box-sizing: border-box;
}
.security_fly label {
  width: auto !important;
  display: inline-block !important;
}
.right-pane,
.left-pane {
  padding: 15px;
  box-sizing: border-box;
}
.left-pane label {
  text-align: right;
}
.border-right {
  border-right: 1px solid #c6cdd4;
  box-sizing: border-box;
}
.border-right-invisible {
  border-right: 1px solid #c6cdd4;
  box-sizing: border-box;
}
hr {
  height: 0;
  padding: 0;
  margin: 0;
}
.aes-address {
  margin: 0px;
  padding: 5px;
  border-top: 1px solid #C6CDD4;
  border-right: 1px solid #C6CDD4;
}
.aes-address-right {
  margin: 0px;
  padding: 5px;
  border-top: 1px solid #C6CDD4;
  border-left: 1px solid #C6CDD4;
}
input.autoscroll {
  max-height: 250px;
  overflow-y: auto;
  /* prevent horizontal scrollbar */
  overflow-x: hidden;
}
.security_fly input.idval {
  width: 39%;
}

/*tt/trade_manager/content/security/cad/views/styles/cad.less!steal-less@1.3.4#less*/
.cad-header {
  width: 99%;
  background: #B1BAC4;
  color: #FFFFFF;
  padding: 5px;
}
.border-right {
  border-right: 1px solid #c6cdd4;
  box-sizing: border-box;
}
.border-right-invisible {
  border-right: 1px solid #c6cdd4;
  box-sizing: border-box;
}
input.autoscroll {
  max-height: 250px;
  overflow-y: auto;
  /* prevent horizontal scrollbar */
  overflow-x: hidden;
}

/*tt/trade_manager/content/security/security.less!steal-less@1.3.4#less*/
#security-flyout {
  position: absolute;
  z-index: 2000;
}
#security-flyout .close {
  cursor: pointer;
}
#security-flyout .security-info {
  text-align: right;
  color: #aaa8a8;
  font-size: 11px;
  font-family: Arial;
  margin: 0px 0px 0px 10px;
}
.security-links {
  color: #aaa8a8;
  font-size: 11px;
  font-family: Arial;
  height: 17px;
  padding-bottom: 5px;
}
.security-links li {
  border-right: 1px solid #aaa8a8;
  float: left;
  list-style-type: none;
  padding: 0 10px 0 10px;
}
.security-links li:last-child {
  border-right: none;
}
.security-links li.active a {
  color: #0000AA;
  font-weight: bold;
}
.security-inks li:last-child {
  border-right: none;
}
a.disabled {
  color: gray;
}
li.disabled a {
  color: gray;
}
table td.disabled {
  background-color: #DDDDDD;
}
input.disabled,
select.disabled {
  background-color: #DDDDDD;
}
a.add-snp-row {
  color: #5D7085;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 11px;
  font-weight: bold;
}
.security_fly input[type="radio"] {
  width: 20px;
  margin-top: 4px;
  padding: 0px;
  margin: 0px;
}
.security_fly input[type="checkbox"] {
  width: 20px;
  margin-top: 4px;
  padding: 0px;
  margin: 0px;
}
.security_fly select.autofit {
  width: auto;
  border: 1px solid #d9d9d9;
  font-size: 11px;
  padding: 2px 0;
  margin-bottom: 3px;
  margin-left: 1%;
}
.security_fly select.autofitNoMargin {
  width: auto;
  border: 1px solid #d9d9d9;
  font-size: 11px;
  padding: 2px 0;
  margin-bottom: 3px;
  margin-left: 0px;
}
.security_fly input.noLeftMargin,
.security_flg select.noLeftMargin {
  width: 97.5%;
  border: 1px solid #d9d9d9;
  font-size: 11px;
  padding: 2px 0;
  margin-bottom: 3px;
  margin-left: 0px;
}
.security_fly .city {
  width: 37%;
}
.security_fly .state {
  width: 15%;
}
.security_fly .zip {
  width: 37%;
}
.parties-content,
.isf-content,
.aes-content {
  margin: 0px;
  padding: 5px;
}
.parties-address {
  margin: 0px;
  padding: 10px;
  border-top: 1px solid #C6CDD4;
  border-left: 1px solid #C6CDD4;
  border-right: 1px solid #C6CDD4;
  min-height: 290px;
}
.aci-main,
.cad-main {
  margin: 0px;
  padding: 10px;
  border-right: 1px solid #C6CDD4;
  height: 260px;
}
.aci-main-right {
  margin: 0px;
  padding: 10px;
  height: 260px;
}
.eman-main {
  margin: 0px;
  padding: 10px;
  border-right: 1px solid #C6CDD4;
  border-bottom: 1px solid #C6CDD4;
  height: 260px;
}
.eman-bottom {
  border-right: 1px solid #C6CDD4;
  margin: 0px;
  padding: 10px;
}
input[name="afr_after_loading"] {
  width: 9%;
  margin-right: 20px;
  height: 22px;
  vertical-align: 0px;
}
.HBLMBL {
  color: #000000;
  font-size: 11px;
  font-family: Arial;
  font-weight: bold;
  margin-right: 10px;
}
#sec-isf {
  height: auto;
  overflow-y: scroll;
}
#sec-aes {
  height: 500px;
  overflow-y: scroll;
}
.add-ams-snp,
.add-aci-snp,
.add-afr-snp {
  font-weight: bold;
  font-size: 11px;
}
.filing-select {
  width: 50px !important;
}
.filing-info {
  padding: 5px;
  vertical-align: -1px;
}
.same-as-label {
  vertical-align: 2px;
  font: 99% arial, helvetica, clean, sans-serif;
  font-size: 11px;
}
.same-as {
  width: 20px;
}
.security-body {
  padding: 0px !important;
  padding-top: 10px !important;
}
.customs-info {
  min-height: 163px;
}
.form-content label.a-left {
  text-align: left;
}
.x-small {
  width: 6em !important;
}
input[type="checkbox"].del-afr-row {
  margin-left: 20% !important;
}
.padtable {
  padding: 0px 10px 10px;
}
.headline-left {
  float: left;
}
.transmitBLPrefix {
  color: #000000;
  font-size: 11px;
  font-family: Arial;
  font-weight: bold;
  margin-right: 10px;
  line-height: 2em;
}
.clear-back,
.body-clear {
  background: #F0F0F0;
}
.white-back {
  background: #FFFFFF;
}
.masterLoaderValue {
  color: #000000;
  font-size: 11px;
  font-family: Arial;
  margin: 5px 0px 0px 2px;
}

/*ttlib/components/file_uploadV2/file_upload.less!steal-less@1.3.4#less*/
file-uploaderV2 {
  display: block;
  padding-top: 5px;
}
file-uploaderV2 .drop-files-body {
  border: dotted 1px #ccc;
  color: #ccc;
  font-size: 12px;
  margin: 5px 10px;
  padding: 10px;
  text-align: center;
}
file-uploaderV2 .choose-file-body {
  padding: 10px;
}
file-uploaderV2 .list-file-body {
  max-height: 145px;
  overflow-x: hidden;
  overflow-y: auto;
}
file-uploaderV2 .list-file-body .file-row-upload {
  color: #ccc;
  font-family: arial;
  font-size: 11px;
  padding: 3px 10px;
}
file-uploaderV2 .list-file-body .button-outline-act {
  display: inline-block;
  color: #ccc;
  text-align: center;
}
file-uploaderV2 .header-file-upload .file-row-upload {
  border-bottom: 1px solid #99a5b2;
  color: #000;
  font-family: arial;
  font-size: 10px;
  font-weight: bold;
  padding: 5px 10px 2px;
}
file-uploaderV2 .fileinput-button {
  position: relative;
  overflow: hidden;
}
file-uploaderV2 .fileinput-button input {
  position: absolute;
  top: 0;
  right: 0;
  margin: 0;
  opacity: 0;
  -ms-filter: 'alpha(opacity=0)';
  font-size: 200px;
  direction: ltr;
  cursor: pointer;
}
file-uploaderV2 .progress {
  background-color: #f5f5f5;
  border-radius: 4px;
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
  height: 5px;
  margin: 0;
  float: left;
  margin: 5px 8px 0 0;
  overflow: hidden;
  width: 100px;
}
file-uploaderV2 .progress-bar {
  float: left;
  width: 0;
  height: 100%;
  font-size: 12px;
  line-height: 20px;
  color: #ccc;
  text-align: center;
  background-color: #337ab7;
  -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
  box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
  -webkit-transition: width .6s ease;
  -o-transition: width .6s ease;
  transition: width .6s ease;
}
file-uploaderV2 .progress-bar-striped .progress-striped .progress-bar {
  background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  -webkit-background-size: 40px 40px;
  background-size: 40px 40px;
}
file-uploaderV2 .progress-bar.active .progress.active .progress-bar {
  -webkit-animation: progress-bar-stripes 2s linear infinite;
  -o-animation: progress-bar-stripes 2s linear infinite;
  animation: progress-bar-stripes 2s linear infinite;
}
file-uploaderV2 .hidden-progress {
  width: 0px;
  margin-right: 0px;
}
file-uploaderV2 .word-count-col {
  width: 125px;
  text-align: right;
}
file-uploaderV2 .word-count-col .form-control {
  padding: 0 5px;
  height: 26px;
  text-align: right;
}
file-uploaderV2 .word-count-col .sum {
  display: inline-block;
  padding-right: 6px;
}
file-uploaderV2 .filename label {
  color: #ccc;
}
file-uploaderV2 .select-files {
  background: url(/images_app/global/btn_utility.png) 0 0 no-repeat;
}
file-uploaderV2 h3 {
  color: #ccc;
  margin-left: 10px;
  margin-top: 5px;
}

/*ttlib/controls/vgm_flyout/vgm.less!steal-less@1.3.4#less*/
.vgmDialogWindow .radio-label {
  vertical-align: top;
  margin: 0px 2px 4px 2px;
  font-size: 11px;
}
.vgmDialogWindow .form-content {
  font-size: 11px;
  vertical-align: text-bottom;
  display: inline-block;
  white-space: nowrap;
}
.vgmDialogWindow .form-content-file label {
  position: relative;
  left: 100px;
}

/*ttlib/components/window/window.less!steal-less@1.3.4#less*/
dialog-window .draggable {
  position: absolute;
  z-index: 3000;
}
dialog-window .window {
  position: fixed;
  z-index: 3000;
}
dialog-window .top .title {
  cursor: default;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
dialog-window .win-std {
  overflow: visible;
}
dialog-window button-tray {
  display: block;
  text-align: right;
}
dialog-window.win-med .win-std {
  min-width: 930px;
  width: 100%;
}
dialog-window .hide-btn {
  display: none !important;
}

/*ttlib/components/window/tab_button/tab-button.less!steal-less@1.3.4#less*/
tab-button button {
  background: -webkit-linear-gradient(#cee7bc, #97b193);
  /* For Safari 5.1 to 6.0 */
  background: -o-linear-gradient(#cee7bc, #97b193);
  /* For Opera 11.1 to 12.0 */
  background: -moz-linear-gradient(#cee7bc, #97b193);
  /* For Firefox 3.6 to 15 */
  background: linear-gradient(#cee7bc, #97b193);
  /* Standard syntax */
  border: none;
  -webkit-border-bottom-right-radius: 6px;
  -webkit-border-bottom-left-radius: 6px;
  -moz-border-radius-bottomright: 6px;
  -moz-border-radius-bottomleft: 6px;
  border-bottom-right-radius: 6px;
  border-bottom-left-radius: 6px;
  -webkit-box-shadow: 3px 3px 8px 0px rgba(50, 50, 50, 0.43);
  -moz-box-shadow: 3px 3px 8px 0px rgba(50, 50, 50, 0.43);
  box-shadow: 3px 3px 8px 0px rgba(50, 50, 50, 0.43);
  color: #416080;
  font-size: 12px;
  font-weight: bold;
  line-height: 20px;
  padding: 0.5em 4em;
}
tab-button button:focus {
  outline: 0;
}
tab-button button:hover {
  color: #fff;
}
tab-button.secondary button {
  background: -webkit-linear-gradient(#f7f8f9, #aebabf);
  /* For Safari 5.1 to 6.0 */
  background: -o-linear-gradient(#f7f8f9, #aebabf);
  /* For Opera 11.1 to 12.0 */
  background: -moz-linear-gradient(#f7f8f9, #aebabf);
  /* For Firefox 3.6 to 15 */
  background: linear-gradient(#f7f8f9, #aebabf);
  /* Standard syntax */
  padding: 0.5em 2em;
}

/*ttlib/components/accordion/accordion.less!steal-less@1.3.4#less*/
accordion-panel {
  display: block;
}
accordion-panel h3 {
  background: #c4c4c4;
  border-bottom: 1px solid #fff;
  color: #7B7B7B;
  cursor: pointer;
  font-size: 14px;
  font-weight: 500;
  padding: 0.25em 1em;
}
accordion-panel h3.active {
  color: #000;
  font-weight: 600;
}
accordion-panel h3 i {
  background: red;
}
accordion-panel h3:hover {
  background: #b4b4b4;
}
accordion-panel .panel {
  font-size: 12px;
  background: #fff;
  display: none;
  padding-bottom: 1em;
}
accordion-panel .panel.active {
  display: block;
}
accordion-panel:last-child {
  padding-bottom: 1em;
}

/*tt/trade_manager/content/container/security/security.less!steal-less@1.3.4#less*/
#cont-security .loadOrder {
  padding-left: 17px;
}
#cont-security .first {
  width: 4%;
  min-width: 37px;
}
#cont-security .filter-controls td {
  width: 15%;
}
#cont-security .filter-controls td:first-child {
  width: 4%;
  min-width: 37px;
}
#cont-security .commodity-column,
#cont-security .marks-column {
  width: 160px;
}
#cont-security th {
  padding-top: 12px !important;
  padding-bottom: 12px !important;
  padding-left: 5px !important;
  font-weight: bold;
  text-align: left;
}
#cont-security .number {
  margin-right: 3px;
  padding-right: 20%;
}
#cont-security .container-number-warning {
  margin-left: -22px;
}
#res .data-grid .res-details table.mini {
  width: auto;
}
table#container-security.data-grid {
  width: auto !important;
}

/*tt/trade_manager/content/container/inventory/inventory.less!steal-less@1.3.4#less*/
#cont-inventory .loadOrder {
  padding-left: 17px;
}
#cont-inventory .first {
  width: 4%;
  min-width: 37px;
}
#cont-inventory .filter-controls td {
  width: 15%;
}
#cont-inventory .filter-controls td:first-child {
  width: 4%;
  min-width: 37px;
}
#cont-inventory .commodity-column,
#cont-inventory .marks-column {
  width: 160px;
}
#cont-inventory th {
  padding-top: 12px !important;
  padding-bottom: 12px !important;
  padding-left: 5px !important;
  font-weight: bold;
  text-align: left;
}

/*ttlib/controls/simple_dialog/views/styles/simple_dialog.less!steal-less@1.3.4#less*/
.simple-dialog {
  position: absolute;
  margin-top: 10px;
  background: white;
  padding: 15px;
  box-shadow: 2px 2px 5px black;
  border-radius: 5px;
  z-index: 2999;
  border-top: 10px solid #4A5E72;
}
.simple-dialog .simple-dialog-tab {
  position: absolute;
  height: 0;
  width: 0;
  top: -20px;
  left: 10%;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-bottom: 10px solid #4A5E72;
}
.simple-dialog .simple-dialog-content {
  border-radius: 5px;
  margin-right: 10px;
}

/*ttlib/controls/actualScheduledDialog/views/dateTime.less!steal-less@1.3.4#less*/
.dateTime-fly .at-content {
  margin: 0px 4px;
  text-align: center;
}

/*tt/trade_manager/content/container/delivery/container_delivery.less!steal-less@1.3.4#less*/
#container-delivery {
  /* container size column header */
  /* container # column header */
  /* Trucker column header */
  /* Container Available */
  /* Pickup Date column header */
  /* Last Free Day Date column header */
  /* Delivery Warehouse column header */
  /* CNTR Depot column header */
  /* Empty Return Date column header */
  /* Delivery Order column header */
}
#container-delivery td.dt-dom-text {
  text-align: center;
}
#container-delivery th {
  padding-top: 12px !important;
  padding-bottom: 12px !important;
  padding-left: 5px !important;
  font-weight: bold;
  text-align: left;
}
#container-delivery input.trucker-autocomplete {
  position: relative;
}
#container-delivery .trucker-info-wrapper {
  position: relative;
}
#container-delivery td:nth-child(1),
#container-delivery th:nth-child(1) {
  width: 30px !important;
}
#container-delivery td:nth-child(2),
#container-delivery th:nth-child(2) {
  width: 40px !important;
}
#container-delivery td:nth-child(3),
#container-delivery th:nth-child(3) {
  width: 80px !important;
  min-width: 80px !important;
  max-width: 80px !important;
}
#container-delivery td:nth-child(4),
#container-delivery th:nth-child(4) {
  width: 110px !important;
  min-width: 110px !important;
  max-width: 200px !important;
}
#container-delivery td:nth-child(5),
#container-delivery th:nth-child(5) {
  width: 100px !important;
  min-width: 100px !important;
  max-width: 100px !important;
}
#container-delivery td:nth-child(7),
#container-delivery th:nth-child(7) {
  width: 110px !important;
  min-width: 110px !important;
  max-width: 200px !important;
}
#container-delivery td:nth-child(9),
#container-delivery th:nth-child(9) {
  width: 80px !important;
  min-width: 80px !important;
  max-width: 80px !important;
}
#container-delivery td:nth-child(10),
#container-delivery th:nth-child(10) {
  width: 110px !important;
  min-width: 110px !important;
  max-width: 100px !important;
}
#container-delivery div.point.dialog-point-top {
  left: 160px !important;
}
#container-delivery input {
  margin-right: 1px !important;
}
#container-delivery .container-number {
  padding-right: 20%;
}
#container-delivery .container-number-warning {
  margin-left: -20px;
}
#container-delivery label {
  vertical-align: middle !important;
}
#container-delivery hr.thin {
  border: none;
  height: 1px;
  background: lightgray;
  width: 120%;
  margin-left: -10px;
}
#container-delivery tt-cal {
  vertical-align: middle;
  margin-left: 2px;
}

/*tt/trade_manager/content/container/delivery/truckerInfo.less!steal-less@1.3.4#less*/
.trucker-info-dialog {
  width: auto;
  height: 30px;
  position: absolute;
  z-index: 2147483647;
  top: -5px;
  left: 0;
  background: #5D7087;
  padding: 0px 10px;
}
.trucker-info-dialog a {
  text-decoration: none !important;
}
.trucker-info-dialog h1 {
  color: white;
  padding-right: 30px;
}
.trucker-info-dialog h1,
.trucker-info-dialog span {
  display: inline-block;
  line-height: 30px;
}
.trucker-info-dialog .trucker-address-info {
  position: absolute;
  background: white;
  border-radius: 5px;
  width: auto;
  box-shadow: 0px 0px 4px black;
}
.trucker-info-dialog .trucker-address-info ul {
  padding: 10px;
}
.trucker-info-dialog .trucker-address-info li {
  display: block;
}

/*tt/trade_manager/content/container/orail/container_orail.less!steal-less@1.3.4#less*/
#container-orail {
  /* container size column header */
  /* container # column header */
  /* Receive date column header */
  /* Load date column header */
  /* Deart date column header */
  /* Arrive date column header */
  /* Cut off date column header */
  /* Out Gate date column header */
}
#container-orail td.dt-dom-text {
  text-align: center;
}
#container-orail .mini-header {
  display: inline-block;
  position: absolute;
  top: 0;
  left: 0;
  text-align: center;
  background: #5E7086;
  z-index: 100;
}
#container-orail span.mini-header.depart,
#container-orail span.mini-header.transfer,
#container-orail span.mini-header.arrive {
  width: 209%;
  border-bottom: 1px solid #b1bbc5;
  padding: 5px 0px;
}
#container-orail th {
  padding-top: 12px !important;
  padding-bottom: 12px !important;
  padding-left: 5px !important;
  font-weight: bold;
  text-align: left;
}
#container-orail td:nth-child(1),
#container-orail th:nth-child(1) {
  width: 30px !important;
}
#container-orail td:nth-child(2),
#container-orail th:nth-child(2) {
  width: 40px !important;
}
#container-orail td:nth-child(3),
#container-orail th:nth-child(3) {
  width: 100px !important;
  min-width: 100px !important;
  max-width: 100px !important;
}
#container-orail td:nth-child(4),
#container-orail th:nth-child(4) {
  width: 100px !important;
  min-width: 100px !important;
  max-width: 100px !important;
}
#container-orail td:nth-child(5),
#container-orail th:nth-child(5) {
  width: 100px !important;
  min-width: 100px !important;
  max-width: 100px !important;
}
#container-orail td:nth-child(6),
#container-orail th:nth-child(6) {
  width: 100px !important;
  min-width: 100px !important;
  max-width: 100px !important;
}
#container-orail td:nth-child(7),
#container-orail th:nth-child(7) {
  width: 100px !important;
  max-width: 100px !important;
  min-width: 100px !important;
}
#container-orail td:nth-child(8),
#container-orail th:nth-child(8) {
  width: 100px !important;
  min-width: 100px !important;
  max-width: 100px !important;
}
#container-orail div.point.dialog-point-top {
  left: 160px !important;
}
#container-orail input {
  margin-right: 1px !important;
}
#container-orail .container-number {
  padding-right: 20%;
  width: 65%;
}
#container-orail .container-number-warning {
  margin-left: -20px;
}
#container-orail label {
  vertical-align: middle !important;
}
#container-orail hr.thin {
  border: none;
  height: 1px;
  background: lightgray;
  width: 120%;
  margin-left: -10px;
}
#container-orail tt-cal {
  vertical-align: middle;
  margin-left: 2px;
}

/*tt/trade_manager/content/container/drail/container_drail.less!steal-less@1.3.4#less*/
#container-drail {
  /* container size column header */
  /* container # column header */
  /* In Gate Rial date column header */
  /* Load date column header */
  /* Depart date column header */
  /* Arrive date column header */
  /* Off-Load date column header */
  /* Out Gate date column header */
  /* Last free day header */
}
#container-drail td.dt-dom-text {
  text-align: center;
}
#container-drail .mini-header {
  display: inline-block;
  position: absolute;
  top: 0;
  left: 0;
  text-align: center;
  background: #5E7086;
  z-index: 100;
}
#container-drail span.mini-header.depart,
#container-drail span.mini-header.arrive {
  width: 209%;
  border-bottom: 1px solid #b1bbc5;
  padding: 5px 0px;
}
#container-drail th {
  padding-top: 12px !important;
  padding-bottom: 12px !important;
  padding-left: 5px !important;
  font-weight: bold;
  text-align: left;
}
#container-drail td:nth-child(1),
#container-drail th:nth-child(1) {
  width: 40px !important;
}
#container-drail td:nth-child(2),
#container-drail th:nth-child(2) {
  width: 80px !important;
}
#container-drail td:nth-child(3),
#container-drail th:nth-child(3) {
  width: 100px !important;
  min-width: 100px !important;
  max-width: 100px !important;
}
#container-drail td:nth-child(4),
#container-drail th:nth-child(4) {
  width: 100px !important;
  min-width: 100px !important;
  max-width: 100px !important;
}
#container-drail td:nth-child(5),
#container-drail th:nth-child(5) {
  width: 100px !important;
  min-width: 100px !important;
  max-width: 100px !important;
}
#container-drail td:nth-child(6),
#container-drail th:nth-child(6) {
  width: 100px !important;
  max-width: 100px !important;
  min-width: 100px !important;
}
#container-drail td:nth-child(7),
#container-drail th:nth-child(7) {
  width: 100px !important;
  max-width: 100px !important;
  min-width: 100px !important;
}
#container-drail td:nth-child(8),
#container-drail th:nth-child(8) {
  width: 100px !important;
  max-width: 100px !important;
  min-width: 100px !important;
}
#container-drail td:nth-child(9),
#container-drail th:nth-child(9) {
  width: 100px !important;
  max-width: 100px !important;
  min-width: 100px !important;
}
#container-drail div.point.dialog-point-top {
  left: 160px !important;
}
#container-drail input {
  margin-right: 1px !important;
}
#container-drail .container-number {
  padding-right: 20%;
  width: 65%;
}
#container-drail .container-number-warning {
  margin-left: -20px;
}
#container-drail label {
  vertical-align: middle !important;
}
#container-drail hr.thin {
  border: none;
  height: 1px;
  background: lightgray;
  width: 120%;
  margin-left: -10px;
}
#container-drail tt-cal {
  vertical-align: middle;
  margin-left: 2px;
}

/*tt/trade_manager/content/container/vgm/vgm.less!steal-less@1.3.4#less*/
#container-vgm {
  /* twist */
  /* container size */
  /* container number */
  /* vgm */
  /* Container Dunnage */
  /* container tare */
  /* product */
  /* container total */
  /* Remove */
  /* send vgm data */
}
#container-vgm th {
  padding-top: 12px !important;
  padding-bottom: 12px !important;
  padding-left: 5px !important;
  font-weight: bold;
  text-align: left;
  vertical-align: middle;
}
#container-vgm .btn-twist {
  width: 10px !important;
}
#container-vgm .container-col-size {
  width: 80px !important;
}
#container-vgm .container-col-number {
  width: 90px !important;
}
#container-vgm .container-num {
  margin-right: 0;
  padding-right: 20%;
}
.container-number-warning {
  margin-left: -22px;
}
#container-vgm .container-col-vgm {
  width: 30px !important;
  min-width: 30px !important;
  max-width: 30px !important;
}
#container-vgm .container-col-dunnage {
  width: 70px !important;
  max-width: 70px !important;
  min-width: 70px !important;
}
#container-vgm .container-col-tare {
  width: 70px !important;
}
#container-vgm .container-col-product {
  width: 70px !important;
}
#container-vgm .container-col-total {
  width: 70px !important;
  max-width: 70px !important;
  min-width: 70px !important;
}
#container-vgm .container-col-remove {
  width: 16px !important;
}
#container-vgm .container-col-send {
  width: 77px !important;
}
#container-vgm .container-col-small {
  width: 40px !important;
}
#container-vgm .container-col-medium {
  width: 60px !important;
}
#container-vgm .container-col-large {
  width: 82px !important;
}
#container-vgm .vgm-nowrap,
.fly-out {
  /* display: inline; */
  /* margin-top:5px; */
  /* vertical-align: middle; */
}
#container-vgm .vgm-twist {
  width: 10px;
}
#container-vgm .vgm-incomplete {
  background: url(/images_app/icons/vgm_alert.png);
  display: inline-block;
  height: 14px;
  margin-left: 3px;
  margin-top: -3px;
  width: 14px;
  vertical-align: middle;
}
#container-vgm .vgm-ready {
  background: url(/images_app/icons/vgm_ready.png);
  display: inline-block;
  height: 14px;
  margin-left: 3px;
  margin-top: -3px;
  width: 14px;
  vertical-align: middle;
}
#container-vgm .vgm-sent {
  background: url(/images_app/icons/vgm_transmitted.png);
  display: inline-block;
  height: 14px;
  margin-left: 3px;
  margin-top: -3px;
  width: 14px;
  vertical-align: middle;
}
#container-vgm th.topHeader {
  padding-top: 30px !important;
  position: relative;
}
#container-vgm .mini-header {
  display: inline-block;
  position: absolute;
  top: 0;
  left: 0;
  text-align: center;
  background: #5E7086;
  z-index: 100;
}
#container-vgm span.mini-header.weight {
  width: 400%;
  border-bottom: 1px solid #b1bbc5;
  padding: 5px 0px;
}

/*tt/trade_manager/content/container/vgm/vgmTransmit.less!steal-less@1.3.4#less*/
#vgm_xmit {
  width: auto;
  height: 100%;
  position: absolute;
  z-index: 1000;
  top: 0;
  right: 100px;
  background: #5D7087;
  padding: 0px 10px;
}
#vgm_xmit h1 {
  color: white;
  padding-right: 30px;
}
#vgm_xmit h1,
#vgm_xmit span {
  display: inline-block;
  line-height: 30px;
}
#vgm_xmit .trucker-address-info {
  position: absolute;
  background: white;
  border-radius: 5px;
  width: auto;
  box-shadow: 0px 0px 4px black;
}
#vgm_xmit .trucker-address-info ul {
  padding: 10px;
}
#vgm_xmit .trucker-address-info li {
  display: block;
}

/*tt/trade_manager/content/container/overview/overview_tt-data-grid.less!steal-less@1.3.4#less*/
#container-overview {
  /* twist */
  /* container size */
  /* container number */
  /* vgm */
  /* container units */
  /* container cbm */
  /* container kgs */
  /* container value */
  /* Remove */
  /* Is Haz */
}
#container-overview th {
  padding-top: 12px !important;
  padding-bottom: 12px !important;
  padding-left: 5px !important;
  font-weight: bold;
  text-align: left;
}
#container-overview .btn-twist {
  width: 20px;
}
#container-overview .container-col-size {
  width: 80px;
}
#container-overview .container-col-number {
  width: 120px;
}
#container-overview .container-col-seal-vin {
  width: 100px;
}
#container-overview .container-col-vgm {
  width: 30px !important;
  min-width: 30px !important;
  max-width: 30px !important;
}
#container-overview .container-col-units,
#container-overview .container-col-cbm,
#container-overview .container-col-kgs,
#container-overview .container-col-tvalue {
  width: 120px !important;
  min-width: 120px !important;
  max-width: 120px !important;
}
#container-overview .container-col-unit,
#container-overview .container-col-lwh {
  width: 45%;
}
#container-overview .container-col-remove {
  width: 20px !important;
}
#container-overview .container-col-send,
#container-overview .container-col-haz {
  width: 50px !important;
}
#container-overview .container-col-chargewt {
  width: 70px !important;
}
#container-overview .container-col-mini {
  width: 30px !important;
  min-width: 30px !important;
}
#container-overview .container-col-small {
  width: 40px !important;
  min-width: 40px !important;
}
#container-overview .container-col-medium {
  width: 60px !important;
}
#container-overview .container-col-large {
  width: 140px !important;
  min-width: 140px !important;
}
#container-overview .vgm-nowrap,
#container-overview .fly-out {
  /* display: inline; */
  /* margin-top:5px; */
  /* vertical-align: middle; */
}
#container-overview .container-size,
#container-overview .container-cbm,
#container-overview .container-kgs,
#container-overview .container-value {
  margin-right: 3px;
  width: 95%;
}
#container-overview .container-num {
  margin-right: 1px;
  padding-right: 20%;
}
#container-overview .container-unit {
  margin-right: 1px;
  width: 85%;
}
#container-overview .container-size-select {
  width: auto;
  max-width: 20px;
}
#container-overview .overview-twist {
  width: 10px !important;
}
#container-overview .outer-quantity {
  width: 30%;
}
#container-overview .inner-quantity {
  width: 30%;
}
#container-overview .vgm-incomplete {
  background: url(https://d37os114137h1b.cloudfront.net/syrinxdesktop/media/images/icons/vgm_alert.png);
  display: inline-block;
  height: 14px;
  margin-left: 3px;
  margin-top: -3px;
  width: 14px;
  vertical-align: middle;
}
#container-overview .vgm-ready {
  background: url(https://d37os114137h1b.cloudfront.net/syrinxdesktop/media/images/icons/vgm_ready.png);
  display: inline-block;
  height: 14px;
  margin-left: 3px;
  margin-top: -3px;
  width: 14px;
  vertical-align: middle;
}
#container-overview .vgm-sent {
  background: url(https://d37os114137h1b.cloudfront.net/syrinxdesktop/media/images/icons/vgm_transmitted.png);
  display: inline-block;
  height: 14px;
  margin-left: 3px;
  margin-top: -3px;
  width: 14px;
  vertical-align: middle;
}
#container-overview .loadOrder {
  width: 40px !important;
}
#container-overview .mini-header {
  display: inline-block;
  position: absolute;
  top: 0;
  left: 0;
  text-align: center;
  background: #5E7086;
  z-index: 100;
}
#container-overview span.mini-header.weight {
  width: 400%;
  border-bottom: 1px solid #b1bbc5;
  padding: 5px 0px;
}

/*tt/trade_manager/content/container/security/security_tt-data-grid.less!steal-less@1.3.4#less*/
#cont-security .loadOrder {
  padding-left: 17px;
}
#cont-security .first {
  width: 4%;
  min-width: 37px;
}
#cont-security .filter-controls td {
  width: 15%;
}
#cont-security .filter-controls td:first-child {
  width: 4%;
  min-width: 37px;
}
#cont-security .commodity-column,
#cont-security .marks-column {
  width: 160px;
}
#cont-security th {
  padding-top: 12px !important;
  padding-bottom: 12px !important;
  padding-left: 5px !important;
  font-weight: bold;
  text-align: left;
}
#cont-security .number {
  padding-right: 20%;
}
#res .data-grid .res-details table.mini {
  width: auto;
}
table#container-security.data-grid {
  width: auto !important;
}

/*tt/trade_manager/content/container/pickup/pickup_tt-data-grid.less!steal-less@1.3.4#less*/
#container-pickup td.dt-dom-text {
  text-align: center;
}
#container-pickup thead tr th {
  padding-top: 12px !important;
  padding-bottom: 12px !important;
  padding-left: 5px !important;
  font-weight: bold;
  text-align: left;
}
#container-pickup input.trucker-autocomplete {
  position: relative;
}
#container-pickup .trucker-info-wrapper {
  position: relative;
}
#container-pickup div.point.dialog-point-top {
  left: 160px !important;
}
#container-pickup input {
  margin-right: 1px !important;
}
#container-pickup .container-number {
  padding-right: 20%;
}
#container-pickup label {
  vertical-align: middle !important;
}
#container-pickup hr.thin {
  border: none;
  height: 1px;
  background: lightgray;
  width: 120%;
  margin-left: -10px;
}
#container-pickup tt-cal {
  vertical-align: middle;
  margin-left: 2px;
}

/*tt/trade_manager/content/container/delivery/delivery_tt-data-grid.less!steal-less@1.3.4#less*/
#container-delivery td.dt-dom-text {
  text-align: center;
}
#container-delivery th {
  padding-top: 12px !important;
  padding-bottom: 12px !important;
  padding-left: 5px !important;
  font-weight: bold;
  text-align: left;
}
#container-delivery input.trucker-autocomplete {
  position: relative;
}
#container-delivery .trucker-info-wrapper {
  position: relative;
}
#container-delivery div.point.dialog-point-top {
  left: 160px !important;
}
#container-delivery input {
  margin-right: 1px !important;
}
#container-delivery .container-number {
  padding-right: 20%;
}
#container-delivery label {
  vertical-align: middle !important;
}
#container-delivery hr.thin {
  border: none;
  height: 1px;
  background: lightgray;
  width: 120%;
  margin-left: -10px;
}
#container-delivery tt-cal {
  vertical-align: middle;
  margin-left: 2px;
}

/*tt/trade_manager/content/container/vgm/vgm_tt-data-grid.less!steal-less@1.3.4#less*/
#container-vgm {
  /* twist */
  /* container size */
  /* container number */
  /* vgm */
  /* Container Dunnage */
  /* container tare */
  /* product */
  /* container total */
  /* Remove */
  /* send vgm data */
}
#container-vgm th {
  padding-top: 12px !important;
  padding-bottom: 12px !important;
  padding-left: 5px !important;
  font-weight: bold;
  text-align: left;
  vertical-align: middle;
}
#container-vgm .btn-twist {
  width: 10px !important;
}
#container-vgm .container-col-size {
  width: 80px !important;
}
#container-vgm .container-col-number {
  width: 90px !important;
}
#container-vgm .container-num {
  margin-right: 0;
  padding-right: 20%;
}
#container-vgm .container-number-warning {
  margin-left: -22px;
}
#container-vgm .container-col-vgm {
  width: 30px !important;
  min-width: 30px !important;
  max-width: 30px !important;
}
#container-vgm .container-col-dunnage {
  width: 70px !important;
  max-width: 70px !important;
  min-width: 70px !important;
}
#container-vgm .container-col-tare {
  width: 70px !important;
}
#container-vgm .container-col-product {
  width: 70px !important;
}
#container-vgm .container-col-total {
  width: 70px !important;
  max-width: 70px !important;
  min-width: 70px !important;
}
#container-vgm .container-col-remove {
  width: 16px !important;
}
#container-vgm .container-col-send {
  width: 77px !important;
}
#container-vgm .container-col-small {
  width: 40px !important;
}
#container-vgm .container-col-medium {
  width: 60px !important;
}
#container-vgm .container-col-large {
  width: 82px !important;
}
#container-vgm .vgm-nowrap,
.fly-out {
  /* display: inline; */
  /* margin-top:5px; */
  /* vertical-align: middle; */
}
#container-vgm .vgm-twist {
  width: 10px;
}
#container-vgm .vgm-incomplete {
  background: url(/images_app/icons/vgm_alert.png);
  display: inline-block;
  height: 14px;
  margin-left: 3px;
  margin-top: -3px;
  width: 14px;
  vertical-align: middle;
}
#container-vgm .vgm-ready {
  background: url(/images_app/icons/vgm_ready.png);
  display: inline-block;
  height: 14px;
  margin-left: 3px;
  margin-top: -3px;
  width: 14px;
  vertical-align: middle;
}
#container-vgm .vgm-sent {
  background: url(/images_app/icons/vgm_transmitted.png);
  display: inline-block;
  height: 14px;
  margin-left: 3px;
  margin-top: -3px;
  width: 14px;
  vertical-align: middle;
}
#container-vgm th.topHeader {
  padding-top: 30px !important;
  position: relative;
}
#container-vgm .mini-header {
  display: inline-block;
  position: absolute;
  top: 0;
  left: 0;
  text-align: center;
  background: #5E7086;
  z-index: 100;
}
#container-vgm span.mini-header.weight {
  width: 400%;
  border-bottom: 1px solid #b1bbc5;
  padding: 5px 0px;
}

/*tt/trade_manager/content/container/container.less!steal-less@1.3.4#less*/
#container-flyout {
  position: absolute;
  z-index: 2000;
}
#container-flyout .close {
  cursor: pointer;
}
#container-flyout thead th.norightpad {
  padding-right: 5px !important;
}
#container-flyout #res {
  left: 0;
  padding-right: 0;
  position: static;
  width: auto;
  z-index: inherit;
}
#container-flyout #res .data-grid {
  margin: inherit;
}
#container-flyout #res .data-grid img {
  display: inline-block;
}
#container-flyout #res .data-grid .twist-row-bg {
  background-color: #E3ECF5;
}
#container-flyout #res .data-grid table.auto-wid {
  width: auto;
}
#container-flyout #res .data-grid th {
  background-color: #5D7085;
}
#container-flyout #res .data-grid .filter-controls td {
  background-color: #B2BBC4;
  padding: 2px 1px 3px 1px;
}
#container-flyout #res .data-grid .filter-controls input {
  width: 95%;
  border: 1px solid #D9D9D9;
  font-size: 11px;
  font-style: Arial;
  padding: 1px;
}
#container-flyout #res .tt-spinner {
  position: relative;
  transform: translateY(50%);
  /* vertical align */
}
#container-flyout .twist {
  background: url("/images_app/icons/icn_twist_c.png") no-repeat scroll 0 0;
  display: inline-block;
  float: left;
  height: 16px;
  margin-right: 0.5em;
  overflow: hidden;
  text-indent: 2000em;
  width: 16px;
}
#container-flyout .twist.active {
  background: url("/images_app/icons/icn_twist_o.png") no-repeat scroll 0 0;
}
#container-flyout .data-grid td {
  padding: 3px;
}
#container-flyout .data-grid td.last {
  border-right: 1px solid #D9D9D9;
}
#container-flyout .res-details {
  border-top: 1px solid #D9D9D9;
  padding-bottom: 3px;
}
#container-flyout .res-details tr:first-child td {
  padding-top: 3px;
}
#container-flyout .res-details table {
  border-bottom: 1px solid #D9D9D9;
  background-color: #FFFFFF;
}
#container-flyout .add-line-wrap {
  padding: 1em 0;
}
#container-flyout .add-line-item {
  font-size: 11px;
  font-style: Arial;
  color: #5D7085;
  text-decoration: none;
}
#container-flyout .add-container-wrap {
  text-align: left;
  margin: 5px;
  float: left;
  display: inline-block;
}
#container-flyout .add-container {
  font-size: 11px;
  font-style: Arial;
  color: #5D7085;
  margin-left: .5em;
  margin-top: 3px;
}
.container-links {
  color: #aaa8a8;
  font-size: 11px;
  font-family: Arial;
  height: 16px;
  padding-bottom: 5px;
}
.container-links li {
  border-right: 1px solid #aaa8a8;
  float: left;
  list-style-type: none;
  padding: 0px 10px 0px 10px;
}
.container-links li.active a {
  color: #0000AA;
  font-weight: bold;
}
.container-links li:last-child {
  border-right: none;
}
.container-move {
  padding: 4px 10px;
  color: #333;
  font-weight: 300;
  font-size: 11px;
  font-family: Arial;
  height: 16px;
  background-color: #a3dadc;
  text-align: center;
}
.textarea {
  border: 1px solid #b1b1b1;
  color: black;
  font-family: Arial;
  font-size: 12px;
  min-height: 100px;
  margin: 1em;
  resize: none;
  width: 90%;
}
.textarea.resize {
  resize: both;
}
.container div.cell {
  padding: 4px 2px 2px 4px;
  color: #aaa8a8;
  font-size: 11px;
  font-family: Arial;
  text-align: left;
}
.container input {
  width: 85%;
  padding: 2px !important;
}
.container_fly {
  width: 100%;
}
.container_fly li {
  padding: 0 10px 0 10px;
}
.container_fly .fly-btn {
  max-width: 100%;
}
.container-body {
  padding: 0px !important;
  padding-top: 10px !important;
  margin-bottom: 0px !important;
}
.container-content {
  margin: 0px 2px 0px 0px;
  padding: 3px;
}
.container-content input {
  width: 90%;
}
.container-content select {
  width: 93%;
}
.container-content input[type="radio"]:nth-child(2) {
  padding-left: 10px;
}
.container-content input[type="radio"] {
  width: 20%;
}
.container-content input[type="checkbox"] {
  width: 20px;
}
.container-content label {
  vertical-align: 1px;
  color: #888;
  font-size: 11px;
  font-family: Arial;
  text-align: left;
}
.ctr-event-row {
  height: 35px;
  vertical-align: bottom;
}
.ctr-event-row td > * {
  margin: 0 2px;
}
.ctr-event-row .date-dlg {
  border-right: 1px solid #D9D9D9;
  border-bottom: 1px solid #D9D9D9;
  padding: 5px 5px 0px 5px;
  width: 110px;
  vertical-align: bottom;
}
.ctr-event-row .date-dlg.actual {
  border-left: 1px solid #000000;
  border-right: 1px solid #000000;
  padding: 5px 5px 0px 5px;
}
.ctr-event-row .date-dlg.green {
  background-image: url("/images_app/icons/TM_actual_green.png");
  background-repeat: no-repeat;
  background-position: 100% 0%;
}
.ctr-event-row .date-dlg.yellow {
  background-image: url("/images_app/icons/TM_actual_yellow.png");
  background-repeat: no-repeat;
  background-position: 100% 0%;
}
.ctr-event-row .date-dlg.red {
  background-image: url("/images_app/icons/TM_actual_red.png");
  background-repeat: no-repeat;
  background-position: 100% 0%;
}

/*tt/trade_manager/content/connection/connection.less!steal-less@1.3.4#less*/
.connections input {
  width: 57%;
}
.connectionNumber {
  font-size: 12px;
  color: #465C73;
  font-weight: bold;
  padding-top: 2px;
}
.OrDe {
  font-size: 12px;
  color: #465C73;
  font-weight: normal;
  padding-top: 2px;
}
.sameLine {
  white-space: nowrap;
}
hr.thin {
  border: 1px;
  height: 1px;
  background: darkgray;
  width: 99%;
}

/*tt/trade_manager/content/notes/notes.less!steal-less@1.3.4#less*/
#marksCommodNotes-flyout {
  position: absolute;
  z-index: 2000;
}
#marksCommodNotes-flyout .close {
  cursor: pointer;
}
#marksCommodNotes-flyout .notes-info {
  text-align: right;
  color: #aaa8a8;
  font-size: 11px;
  font-family: Arial;
  margin: 0px 0px 0px 10px;
}
.marksCommodNotes-links {
  color: #aaa8a8;
  font-size: 11px;
  font-family: Arial;
  height: 17px;
  padding-bottom: 5px;
}
.marksCommodNotes-links li {
  border-right: 1px solid #aaa8a8;
  float: left;
  list-style-type: none;
  padding: 0 10px 0 10px;
}
.marksCommodNotes-links li:last-child {
  border-right: none;
}
.marksCommodNotes-links li.active a {
  color: #0000AA;
  font-weight: bold;
}
.marksCommodNotes-links li:last-child {
  border-right: none;
}
a.disabled {
  color: gray;
}
li.disabled a {
  color: gray;
}
table td.disabled {
  background-color: #DDDDDD;
}
input.disabled,
select.disabled {
  background-color: #DDDDDD;
}
#marksNumbers,
#commodityDescription {
  height: 100px;
  overflow-y: scroll;
}
.marksCommodNotes-body {
  padding: 0px !important;
  padding-top: 10px !important;
}
.form-content label.a-left {
  text-align: left;
}
.x-small {
  width: 6em !important;
}

/*tt/trade_manager/content/intExtNotes/notes.less!steal-less@1.3.4#less*/
#notes-flyout {
  position: absolute;
  z-index: 2000;
}
#notes-flyout .close {
  cursor: pointer;
}
#notes-flyout .notes-info {
  text-align: right;
  color: #aaa8a8;
  font-size: 11px;
  font-family: Arial;
  margin: 0px 0px 0px 10px;
}
.notes-links {
  color: #aaa8a8;
  font-size: 11px;
  font-family: Arial;
  height: 17px;
  padding-bottom: 5px;
}
.notes-links li {
  border-right: 1px solid #aaa8a8;
  float: left;
  list-style-type: none;
  padding: 0 10px 0 10px;
}
.notes-links li:last-child {
  border-right: none;
}
.notes-links li.active a {
  color: #0000AA;
  font-weight: bold;
}
.notes-links li:last-child {
  border-right: none;
}
a.disabled {
  color: gray;
}
li.disabled a {
  color: gray;
}
table td.disabled {
  background-color: #DDDDDD;
}
input.disabled,
select.disabled {
  background-color: #DDDDDD;
}
.scrollClass {
  width: 380px;
  height: 175px;
  overflow-y: auto;
  padding: 10px 0px 10px 10px;
}
.notes-body {
  padding: 0px !important;
  padding-top: 10px !important;
}
.form-content label.a-left {
  text-align: left;
}
.x-small {
  width: 6em !important;
}
.float-rightpad {
  float: right;
  padding-right: 10px;
}
.border_leftBar {
  border-bottom-style: none;
  border-top-style: none;
  border-right-style: none;
  border-left: 1px solid #CCC;
}
.padNoRight {
  padding-top: 10px;
  padding-bottom: 10px;
  padding-left: 10px;
}

/*ttlib/components/file_upload/file_upload.less!steal-less@1.3.4#less*/
file-uploader {
  display: block;
  padding-top: 5px;
}
file-uploader .drop-files-body-orig {
  border: solid 1px #FFF;
  color: #FFF;
  font-size: 12px;
  margin: 5px 10px;
  padding: 10px;
  text-align: center;
}
file-uploader .drop-files-body-orig:hover {
  border: solid 1px #000;
  color: #000;
  background-color: #FFF;
}
file-uploader .drop-files-body-orig.dragover {
  border: solid 1px #000;
  color: #000;
  background-color: #FFF;
}
file-uploader .drop-files-body-light {
  border: solid 1px #000;
  color: #000;
  font-size: 12px;
  margin: 5px 10px;
  padding: 10px;
  text-align: center;
}
file-uploader .drop-files-body-light:hover {
  background-color: #FFF;
}
file-uploader .drop-files-body-light.dragover {
  background-color: #FFF;
}
file-uploader .choose-file-body-orig {
  padding: 10px;
  color: #FFF;
}
file-uploader .choose-file-body-light {
  padding: 10px;
  color: #000;
}
file-uploader .list-file-body {
  border-bottom: 1px solid #99a5b2;
  max-height: 145px;
  overflow-x: hidden;
  overflow-y: auto;
}
file-uploader .list-file-body .file-row-orig {
  color: #FFF;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 11px;
  padding: 3px 10px;
}
file-uploader .list-file-body .file-row-orig-small {
  color: #FFF;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 10px;
  padding: 3px 10px;
}
file-uploader .list-file-body .file-row-light {
  color: #000;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 11px;
  padding: 3px 10px;
}
file-uploader .list-file-body .button-outline-act {
  display: inline-block;
}
file-uploader .header .file-row-orig {
  border-bottom: 1px solid #99a5b2;
  color: #FFF;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 11px;
  font-weight: bold;
  padding: 5px 5px 2px;
  margin-right: 1px;
}
file-uploader .header .file-row-orig-small {
  border-bottom: 1px solid #99a5b2;
  color: #FFF;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 10px;
  font-weight: bold;
  padding: 5px 5px 2px;
  margin-right: 1px;
}
file-uploader .fileinput-button {
  position: relative;
  overflow: hidden;
  margin: 10px;
}
file-uploader .fileinput-button.parcel span.text {
  width: 155px;
  text-align: center;
}
file-uploader .fileinput-button input {
  position: absolute;
  top: 0;
  right: 0;
  margin: 0;
  opacity: 0;
  filter: 'alpha(opacity=0)';
  font-size: 14px;
  direction: ltr;
  cursor: pointer;
}
file-uploader .fileinput-button input:disabled {
  cursor: not-allowed;
}
file-uploader .progress {
  background-color: #f5f5f5;
  border-radius: 4px;
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
  height: 5px;
  float: left;
  margin: 5px 8px 0 0;
  overflow: hidden;
  width: 100px;
}
file-uploader .progress-bar {
  float: left;
  width: 0;
  height: 100%;
  font-size: 12px;
  line-height: 20px;
  color: #000;
  text-align: center;
  background-color: #337ab7;
  -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
  box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
  -webkit-transition: width .6s ease;
  -o-transition: width .6s ease;
  transition: width .6s ease;
}
file-uploader .progress-bar-striped,
file-uploader .progress-striped .progress-bar {
  background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  -webkit-background-size: 40px 40px;
  background-size: 40px 40px;
}
file-uploader .progress-bar.active,
file-uploader .progress.active .progress-bar {
  -webkit-animation: progress-bar-stripes 2s linear infinite;
  -o-animation: progress-bar-stripes 2s linear infinite;
  animation: progress-bar-stripes 2s linear infinite;
}
file-uploader .hidden-progress {
  width: 0;
  margin-right: 0;
}
file-uploader .word-count-col {
  width: 125px;
  text-align: right;
}
file-uploader .word-count-col .form-control {
  padding: 0 5px;
  height: 26px;
  text-align: right;
}
file-uploader .word-count-col .sum {
  display: inline-block;
  padding-right: 6px;
}
file-uploader .filename,
file-uploader label,
file-uploader .select-files {
  color: #000;
}
file-uploader .filename-light {
  color: #FFF;
}
file-uploader h3 {
  color: #000;
  margin-left: 10px;
  margin-top: 5px;
}
.info-icon {
  background: scroll url(/images_app/icons/info_icon_white.png) 50% 50% no-repeat;
}
.profile-company-file-upload {
  display: flex;
}
.profile-company-file-upload table {
  width: 100%;
}
.profile-company-file-upload th,
.profile-company-file-upload td {
  padding: 7px 15px;
  border-left: 1px solid #d3d3d3;
  border-bottom: 1px solid #d3d3d3;
}
.profile-company-file-upload .header {
  background: #5d7085;
  color: #ffffff;
}
.profile-company-file-upload .body,
.profile-company-file-upload .filename {
  color: #318DCC;
}
.profile-company-file-upload .uploaded-files {
  flex: 1;
}
.profile-company-file-upload .drop-files-box {
  display: flex;
  flex: 2;
  border-left: 1px solid #d3d3d3;
  position: relative;
}
.profile-company-file-upload .remove-file {
  text-align: center;
  width: 20%;
}
.profile-company-file-upload .remove-file-icon {
  cursor: pointer;
}
.profile-company-file-upload .drop-files-body {
  display: flex;
  flex-flow: column;
  justify-content: center;
  border: dashed 4px #d3d3d3;
  color: #808080;
  width: 100%;
}
.profile-company-file-upload .drop-files-body.dragover {
  border: dashed 4px #808080;
}
.profile-company-file-upload .drop-files-icon {
  padding-bottom: 8px;
}
.profile-company-file-upload .select-files {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  cursor: pointer;
}

/*tt/allocation/allocation.less!steal-less@1.3.4#less*/
.allocation div#res {
  width: 80vw;
}
.allocation .fa-clone,
.allocation .fa-trash-alt,
.allocation .add-another {
  cursor: pointer;
}
.allocation input {
  width: 100%;
}
.label.add-allocation {
  text-align: left;
}
#res table.allocation-table {
  margin-top: 10px;
}

/*tt/voucher/voucher.less!steal-less@1.3.4#less*/
/*
 * LESS mixins for the whole app.
 */
.white-bg {
  background-color: white;
}
.full-cell {
  width: 97%;
}
.voucherFont {
  font-size: 14px;
}
.readOnlyAlignWithInput {
  padding-left: 2px;
}
#div-window.accounting-confirm {
  z-index: 4000;
}
#lightbox-overlay.accounting-div-window-overlay {
  z-index: 3999;
}
tt-voucher,
#voucher,
#boilerplate {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 14px;
}
tt-voucher label,
#voucher label,
#boilerplate label {
  font-size: 14px;
}
tt-voucher td,
#voucher td,
#boilerplate td {
  font-size: 14px;
}
tt-voucher .currencyExchangeTooltip div,
#voucher .currencyExchangeTooltip div,
#boilerplate .currencyExchangeTooltip div {
  padding: 3px 0;
}
tt-voucher .currencyExchangeTooltip hr,
#voucher .currencyExchangeTooltip hr,
#boilerplate .currencyExchangeTooltip hr {
  margin: 2px 0;
}
tt-voucher .invoice-button,
#voucher .invoice-button,
#boilerplate .invoice-button {
  font-size: 14px;
  font-weight: bold;
}
tt-voucher,
#voucher {
  z-index: 2999;
}
tt-voucher .bold,
#voucher .bold {
  font-weight: bold;
}
tt-voucher .voucherHeader tr,
#voucher .voucherHeader tr {
  height: 20px;
}
tt-voucher .voucherHeader label,
#voucher .voucherHeader label {
  color: #888888;
}
tt-voucher .voucherHeader th,
#voucher .voucherHeader th {
  text-align: right;
  padding-right: 10px;
}
tt-voucher .voucherHeader td,
#voucher .voucherHeader td {
  text-align: left;
}
tt-voucher .voucherHeader .addressText,
#voucher .voucherHeader .addressText {
  height: 80px;
  margin: 7px 0;
}
tt-voucher .voucherHeader .addressText th,
#voucher .voucherHeader .addressText th {
  width: 140px;
}
tt-voucher .voucherHeader .addressText td,
#voucher .voucherHeader .addressText td {
  width: 300px;
}
tt-voucher .voucherHeader .addressText td input.address_text,
#voucher .voucherHeader .addressText td input.address_text {
  width: 95%;
}
tt-voucher .voucherHeader .voucherTitles,
#voucher .voucherHeader .voucherTitles {
  width: 486px;
  font-size: 24px;
  margin: 33px 0;
}
tt-voucher .voucherHeader .voucherTitles .half,
#voucher .voucherHeader .voucherTitles .half {
  width: 243px;
  float: left;
  text-align: right;
  padding-right: 5px;
}
tt-voucher .voucherHeader .voucherTitlesNarrow,
#voucher .voucherHeader .voucherTitlesNarrow {
  width: 350px;
  font-size: 24px;
  margin: 33px 0;
}
tt-voucher .voucherHeader .voucherTitlesNarrow .half,
#voucher .voucherHeader .voucherTitlesNarrow .half {
  width: 150px;
  float: left;
  text-align: right;
  padding-right: 5px;
}
tt-voucher .voucherHeader .invoice-panel,
#voucher .voucherHeader .invoice-panel {
  border-top: 1px solid #b7b7b7;
  background-color: #e3ecf5;
}
tt-voucher .voucherHeader .invoice-panel select,
#voucher .voucherHeader .invoice-panel select {
  border: 1px solid #d9d9d9;
}
tt-voucher .voucherHeader .invoice-panel .middle-left,
#voucher .voucherHeader .invoice-panel .middle-left {
  min-width: 808px;
  padding: 7px 7px 7px 20px;
}
tt-voucher .voucherHeader .invoice-panel .middle-left .center,
#voucher .voucherHeader .invoice-panel .middle-left .center {
  width: 430px;
}
tt-voucher .voucherHeader .invoice-panel .middle-left-small,
#voucher .voucherHeader .invoice-panel .middle-left-small {
  min-width: 600px;
  padding: 7px 7px 7px 20px;
}
tt-voucher .voucherHeader .invoice-panel .middle-left-small .center,
#voucher .voucherHeader .invoice-panel .middle-left-small .center {
  width: 430px;
}
tt-voucher .voucherHeader .invoice-panel .middle-right,
#voucher .voucherHeader .invoice-panel .middle-right {
  width: 350px;
  background-color: #ededed;
  padding: 7px 0 7px 20px;
  border-left: #b7b7b7;
  border-bottom: #b7b7b7;
}
tt-voucher .voucherHeader .invoice-panel .middle-right td,
#voucher .voucherHeader .invoice-panel .middle-right td {
  width: 200px;
}
tt-voucher .voucherHeader .invoice-panel .middle-right td .centerOptions,
#voucher .voucherHeader .invoice-panel .middle-right td .centerOptions {
  width: 200px;
}
tt-voucher .passThruOffice select,
#voucher .passThruOffice select {
  width: 150px;
}
tt-voucher .date-picker,
#voucher .date-picker {
  width: 95px;
}
tt-voucher .small_text,
#voucher .small_text {
  width: 167px;
}
tt-voucher .bottom-half,
#voucher .bottom-half {
  padding: 15px;
  background-color: #e3ecf5;
}
tt-voucher .bottom-half select,
#voucher .bottom-half select {
  border: 1px solid #d9d9d9;
  font-size: 14px;
  padding: 1px;
  margin: 0 0 1px 0;
}
tt-voucher .bottom-half table,
#voucher .bottom-half table {
  width: 100%;
  font-size: 14px;
  background-color: white;
}
tt-voucher .bottom-half table thead th,
#voucher .bottom-half table thead th {
  border-spacing: 1px;
  padding: 3px 5px 0 5px;
  color: #ffffff;
  background-color: #5d7085;
  border-left: 1px solid white;
}
tt-voucher .bottom-half table thead th:first-of-type,
#voucher .bottom-half table thead th:first-of-type {
  border: none;
}
tt-voucher .bottom-half table td,
#voucher .bottom-half table td {
  border-left: 1px solid #b7b7b7;
  border-bottom: 1px solid #b7b7b7;
  margin: 5px;
  padding: 2px;
}
tt-voucher .bottom-half table td:last-of-type,
#voucher .bottom-half table td:last-of-type {
  border-right: 1px solid #b7b7b7;
}
tt-voucher .bottom-half .exchangeInputs,
#voucher .bottom-half .exchangeInputs {
  width: 70px;
}
tt-voucher .darkerblueTotal,
#voucher .darkerblueTotal {
  background-color: #dce4f3;
}
tt-voucher .totals,
#voucher .totals {
  background-color: #e3ecf5;
  padding: 0 15px 15px 15px;
  border-bottom: 1px solid #b7b7b7;
}
tt-voucher .totals label,
#voucher .totals label {
  font-weight: bold;
}
tt-voucher .totals .comment,
#voucher .totals .comment {
  width: 524px;
}
tt-voucher .totals .comment label,
#voucher .totals .comment label {
  width: 524px;
}
tt-voucher .totals .total,
#voucher .totals .total {
  padding-right: 20px;
  width: 30%;
}
tt-voucher .totals table,
#voucher .totals table {
  width: 99%;
  font-size: 14px;
  margin: 5px;
  background-color: white;
  border: 1px solid #b7b7b7;
  border-bottom: none;
}
tt-voucher .totals th,
#voucher .totals th {
  padding: 5px;
  text-align: right;
  border-bottom: 1px solid #b7b7b7;
}
tt-voucher .totals td,
#voucher .totals td {
  padding: 5px;
  text-align: left;
  border-bottom: 1px solid #b7b7b7;
}
tt-voucher .totals .total td,
#voucher .totals .total td {
  text-align: right;
}
tt-voucher .metadata,
#voucher .metadata {
  display: inline-block;
  padding-left: 5px;
  vertical-align: top;
}
tt-voucher .invoice-footer,
#voucher .invoice-footer {
  display: inline-block;
  width: 100%;
  padding: 20px 0 10px 0;
}
tt-voucher .green-button,
#voucher .green-button {
  background: -webkit-linear-gradient(#cee7bc, #97b193);
  /* For Safari 5.1 to 6.0 */
  background: -o-linear-gradient(#cee7bc, #97b193);
  /* For Opera 11.1 to 12.0 */
  background: -moz-linear-gradient(#cee7bc, #97b193);
  /* For Firefox 3.6 to 15 */
  background: linear-gradient(#cee7bc, #97b193);
  /* Standard syntax */
  border: none;
  border-radius: 3px;
  cursor: pointer;
  color: #416080;
  font-size: 14px;
  font-weight: bold;
  padding: 0.3em 0.7em;
  text-align: center;
}
tt-voucher .addAnother,
#voucher .addAnother {
  font-size: 14px;
  padding-top: 5px;
}
#boilerplate .bp_row {
  padding: 7px;
}
#boilerplate .footer {
  display: inline-block;
  width: 100%;
  padding: 15px 0;
}
.voucher-print-send .scroller {
  max-height: 350px;
  overflow-x: hidden;
  overflow-y: auto;
}
.voucher-print-send table tbody,
.voucher-print-send table thead {
  border-bottom: 1px solid #D2E0E6;
}
.voucher-print-send table th {
  font-weight: bold;
  padding: 0.5em;
  background-color: #B1BBC5;
  color: #fff;
}
.voucher-print-send table td {
  color: #000;
  padding: 0.5em;
}
.voucher-print-send table td strong {
  color: #385487;
}
.voucher-print-send .add-contact {
  padding: 10px 10px 20px;
}
.voucher-print-send .add-contact a {
  font-size: 12px;
}
#consolTypes .greyBG {
  background-color: #888888;
}
#consolTypes .whiteBG {
  background-color: white;
}
#consolTypes .greenBG {
  background-color: #5E7086;
  color: #FFF;
  font-weight: bold;
}

/*tt/consolidation/lcl/wizards/compliance/compliance.less!steal-less@1.3.4#less*/
.Consol_compliance_row {
  padding: 6px;
  border-bottom: 1px solid #D9D9D9;
}
.wiz-content-div {
  margin: 5px 5px 5px 10px;
}
.compliance_select {
  width: 90%;
}
.wiz-content-flagRow {
  margin: 5px 1px 5px 1px;
  white-space: nowrap;
}

/*tt/consolidation/lcl/shipments/overview/overview.less!steal-less@1.3.4#less*/
#container-overview {
  /* twist */
  /* container size */
  /* container number */
  /* vgm */
  /* container units */
  /* container cbm */
  /* container kgs */
  /* container value */
  /* Remove */
  /* Is Haz */
}
#container-overview th {
  padding-top: 12px !important;
  padding-bottom: 12px !important;
  padding-left: 5px !important;
  font-weight: bold;
  text-align: left;
}
#container-overview .btn-twist {
  width: 20px;
}
#container-overview .container-col-load-order {
  width: 80px !important;
}
#container-overview .container-col-units,
#container-overview .container-col-cbm,
#container-overview .container-col-kgs,
#container-overview .container-col-tvalue {
  width: 120px !important;
  min-width: 120px !important;
  max-width: 120px !important;
}
#container-overview .mini-header {
  display: inline-block;
  position: absolute;
  top: 0;
  left: 0;
  text-align: center;
  background: #5E7086;
  z-index: 100;
}
#container-overview span.mini-header.weight {
  width: 400%;
  border-bottom: 1px solid #b1bbc5;
  padding: 5px 0px;
}

/*tt/consolidation/lcl/shipments/shipments.less!steal-less@1.3.4#less*/
#shipments-flyout {
  position: absolute;
  z-index: 2000;
}
#shipments-flyout .close {
  cursor: pointer;
}
#shipments-flyout thead th.norightpad {
  padding-right: 5px !important;
}
#shipments-flyout #res {
  left: 0;
  padding-right: 0;
  position: static;
  width: auto;
  z-index: inherit;
}
#shipments-flyout #res .data-grid {
  margin: inherit;
}
#shipments-flyout #res .data-grid img {
  display: inline-block;
}
#shipments-flyout #res .data-grid .twist-row-bg {
  background-color: #E3ECF5;
}
#shipments-flyout #res .data-grid table.auto-wid {
  width: auto;
}
#shipments-flyout #res .data-grid th {
  background-color: #5D7085;
}
#shipments-flyout #res .data-grid .filter-controls td {
  background-color: #B2BBC4;
  padding: 2px 1px 3px 1px;
}
#shipments-flyout #res .data-grid .filter-controls input {
  width: 95%;
  border: 1px solid #D9D9D9;
  font-size: 11px;
  font-style: Arial;
  padding: 1px;
}
#shipments-flyout #res .tt-spinner {
  position: relative;
  transform: translateY(50%);
  /* vertical align */
}
#shipments-flyout .twist {
  background: url("/images_app/icons/icn_twist_c.png") no-repeat scroll 0 0;
  display: inline-block;
  float: left;
  height: 16px;
  margin-right: 0.5em;
  overflow: hidden;
  text-indent: 2000em;
  width: 16px;
}
#shipments-flyout .twist.active {
  background: url("/images_app/icons/icn_twist_o.png") no-repeat scroll 0 0;
}
#shipments-flyout .data-grid td {
  padding: 3px;
}
#shipments-flyout .data-grid td.last {
  border-right: 1px solid #D9D9D9;
}
#shipments-flyout .res-details {
  border-top: 1px solid #D9D9D9;
  padding-bottom: 3px;
}
#shipments-flyout .res-details tr:first-child td {
  padding-top: 3px;
}
#shipments-flyout .res-details table {
  border-bottom: 1px solid #D9D9D9;
  background-color: #FFFFFF;
}
#shipments-flyout .add-line-wrap {
  padding: 1em 0;
}
#shipments-flyout .add-line-item {
  font-size: 11px;
  font-style: Arial;
  color: #5D7085;
  text-decoration: none;
}
#shipments-flyout .add-container-wrap {
  text-align: left;
  margin: 5px;
  float: left;
  display: inline-block;
}
#shipments-flyout .add-container {
  font-size: 11px;
  font-style: Arial;
  color: #5D7085;
  margin-left: .5em;
  margin-top: 3px;
}
.container-links {
  color: #aaa8a8;
  float: left;
  font-size: 11px;
  font-family: Arial;
  height: 16px;
  padding-bottom: 5px;
}
.container-links li {
  border-right: 1px solid #aaa8a8;
  float: left;
  list-style-type: none;
  padding: 0px 10px 0px 10px;
}
.container-links li.active a {
  color: #0000AA;
  font-weight: bold;
}
.container-links li:last-child {
  border-right: none;
}
.textarea {
  border: 1px solid #b1b1b1;
  color: black;
  font-family: Arial;
  font-size: 12px;
  min-height: 100px;
  margin: 1em;
  resize: none;
  width: 90%;
}
.container div.cell {
  padding: 4px 2px 2px 4px;
  color: #aaa8a8;
  font-size: 11px;
  font-family: Arial;
  text-align: left;
}
.container input {
  width: 85%;
  padding: 2px !important;
}
.container_fly {
  width: 100%;
}
.container_fly li {
  padding: 0 10px 0 10px;
}
.container_fly .fly-btn {
  max-width: 100%;
}
.container-body {
  padding: 0px !important;
  padding-top: 8px !important;
  margin-bottom: 0px !important;
}
.container-content {
  margin: 0px 2px 0px 0px;
  padding: 3px;
}
.container-content input {
  width: 90%;
}
.container-content select {
  width: 93%;
}
.container-content input[type="radio"]:nth-child(2) {
  padding-left: 10px;
}
.container-content input[type="radio"] {
  width: 20%;
}
.container-content input[type="checkbox"] {
  width: 20px;
}
.container-content label {
  vertical-align: 1px;
  color: #888;
  font-size: 11px;
  font-family: Arial;
  text-align: left;
}
.ctr-event-row {
  height: 35px;
  vertical-align: bottom;
}
.ctr-event-row td > * {
  margin: 0 2px;
}
.ctr-event-row .date-dlg {
  border-right: 1px solid #D9D9D9;
  border-bottom: 1px solid #D9D9D9;
  padding: 5px 5px 0px 5px;
  width: 110px;
  vertical-align: bottom;
}
.ctr-event-row .date-dlg.actual {
  border-left: 1px solid #000000;
  border-right: 1px solid #000000;
  padding: 5px 5px 0px 5px;
}
.ctr-event-row .date-dlg.green {
  background-image: url("/images_app/icons/TM_actual_green.png");
  background-repeat: no-repeat;
  background-position: 100% 0%;
}
.ctr-event-row .date-dlg.yellow {
  background-image: url("/images_app/icons/TM_actual_yellow.png");
  background-repeat: no-repeat;
  background-position: 100% 0%;
}
.ctr-event-row .date-dlg.red {
  background-image: url("/images_app/icons/TM_actual_red.png");
  background-repeat: no-repeat;
  background-position: 100% 0%;
}

/*tt/consolidation/lcl/containers/containers.less!steal-less@1.3.4#less*/
#container-flyout {
  position: absolute;
  z-index: 2000;
}
#container-flyout .close {
  cursor: pointer;
}
#container-flyout thead th.norightpad {
  padding-right: 5px !important;
}
#container-flyout consolidation-containers-overview {
  left: 0;
  padding-right: 0;
  position: static;
  width: auto;
  z-index: inherit;
}
#container-flyout consolidation-containers-overview table {
  width: 100%;
}
#container-flyout consolidation-containers-overview .data-grid {
  /*
      span.row-icn {
          background:none;
          display:block;
          height:16px;
          width:9px;
      }
      .active span.row-icn {
          background: url(/images_app/icons/icons_tt.png) -213px 0 repeat-x scroll;
      }
      */
}
#container-flyout consolidation-containers-overview .data-grid .filter-controls td {
  background-color: #B1BBC5;
  border-right: 1px solid #C8cdd4;
  text-align: left;
  white-space: normal;
  padding: 2px;
  /* for results flyout */
  padding-left: 5px;
}
#container-flyout consolidation-containers-overview .data-grid .filter-controls td:last-child {
  border-right: none;
}
#container-flyout consolidation-containers-overview .data-grid th {
  background-color: #5E7086;
  border-right: 1px solid #b1bbc5;
  color: #fff;
  font-size: 11px;
  padding: 5px 6px;
  white-space: nowrap;
  zoom: 1;
}
#container-flyout consolidation-containers-overview .data-grid th:last-child {
  border-right: none;
}
#container-flyout consolidation-containers-overview .data-grid th.sorting,
#container-flyout consolidation-containers-overview .data-grid th.sorting_asc,
#container-flyout consolidation-containers-overview .data-grid th.sorting_desc {
  cursor: pointer;
}
#container-flyout consolidation-containers-overview .data-grid td {
  color: #1c5180;
  font-size: 11px;
  height: 20px;
  padding-left: 6px;
  padding-right: 6px;
  border-left: 1px solid #d9d9d9;
  border-top: 1px solid #d9d9d9;
}
#container-flyout consolidation-containers-overview .data-grid img {
  display: block;
  margin: auto;
}
#container-flyout consolidation-containers-overview .data-grid td.col-save {
  padding: 2px 10px 2px 2px;
}
#container-flyout consolidation-containers-overview .data-grid .dashboard-status {
  padding: 0px;
}
#container-flyout consolidation-containers-overview .data-grid .dashboard-status-box {
  display: flex;
  color: #ffffff;
  text-align: center;
}
#container-flyout consolidation-containers-overview .data-grid .dashboard-status-box div {
  flex: 100%;
  height: 26px;
}
#container-flyout consolidation-containers-overview .data-grid .dashboard-status-box .dashboard-status-row {
  display: flex;
  flex-direction: row;
  border-right: 1px solid #d9d9d9;
}
#container-flyout consolidation-containers-overview .data-grid .dashboard-status-box .dashboard-status-row .on-time-status-error {
  background-color: #ff0000;
}
#container-flyout consolidation-containers-overview .data-grid .dashboard-status-box .dashboard-status-row .on-time-status-warn-white {
  background-color: #ffA500;
}
#container-flyout consolidation-containers-overview .data-grid .dashboard-status-box .dashboard-status-row .on-time-status-AOK {
  background-color: #32cd32;
  font-size: 7px;
}
#container-flyout consolidation-containers-overview .data-grid .dashboard-status-box .dashboard-status-row .on-time-status-icon {
  padding-top: 8px;
}
#container-flyout consolidation-containers-overview .data-grid .dashboard-status-box .dashboard-status-column {
  display: flex;
  flex-direction: column;
}
#container-flyout consolidation-containers-overview .data-grid .temp-booking-icon {
  height: 12px;
  width: 12px;
  border-bottom: 1px solid #d9d9d9;
}
#container-flyout consolidation-containers-overview .data-grid .temp-booking-icon.onTime {
  background-color: #808080;
}
#container-flyout consolidation-containers-overview .data-grid .temp-booking-icon.warning {
  background-color: #ffA500;
}
#container-flyout consolidation-containers-overview .data-grid .temp-booking-icon.late {
  background-color: #ff0000;
}
#container-flyout consolidation-containers-overview .data-grid .temp-booking-icon-label {
  color: white;
  font-size: 9px;
}
#container-flyout consolidation-containers-overview .data-grid .note-unread-icon {
  background: linear-gradient(135deg, transparent 0 55%, #0000ff 55% 100%);
}
#container-flyout consolidation-containers-overview .data-grid .schedule-completed {
  background-color: #d9d9d9;
}
#container-flyout consolidation-containers-overview .data-grid .active td,
#container-flyout consolidation-containers-overview .data-grid .hover td {
  background-color: #E5EEF8;
  color: #000;
}
#container-flyout consolidation-containers-overview .data-grid .expand {
  width: 90%;
}
#container-flyout consolidation-containers-overview .data-grid .btn-twist {
  width: 11px;
}
#container-flyout consolidation-containers-overview .data-grid .inner-details.padding30 {
  padding-left: 30px;
}
#container-flyout consolidation-containers-overview .tt-spinner {
  position: relative;
  transform: translateY(50%);
  /* vertical align */
}
#container-flyout consolidation-containers-overview .ui-draggable-dragging td {
  background: #b5d6f6;
  border-top: 1px solid #558bc0;
  border-bottom: 1px solid #558bc0;
}
#container-flyout consolidation-containers-overview .ui-draggable-dragging td:first-child {
  border-left: 1px solid #558bc0;
}
#container-flyout consolidation-containers-overview .ui-draggable-dragging td:last-child {
  border-right: 1px solid #558bc0;
}
#container-flyout consolidation-containers-overview .drop-hover {
  box-shadow: 0 0 15px #0e9812;
}
#container-flyout consolidation-containers-overview .drop-hover td {
  background: #00d8ff;
}
#container-flyout .twist {
  background: url("/images_app/icons/icn_twist_c.png") no-repeat scroll 0 0;
  display: inline-block;
  float: left;
  height: 16px;
  margin-right: 0.5em;
  overflow: hidden;
  text-indent: 2000em;
  width: 16px;
}
#container-flyout .twist.active {
  background: url("/images_app/icons/icn_twist_o.png") no-repeat scroll 0 0;
}
#container-flyout .data-grid td {
  padding: 3px;
}
#container-flyout .data-grid td.last {
  border-right: 1px solid #D9D9D9;
}
#container-flyout .res-details {
  border-top: 1px solid #D9D9D9;
  padding-bottom: 3px;
}
#container-flyout .res-details tr:first-child td {
  padding-top: 3px;
}
#container-flyout .res-details table {
  border-bottom: 1px solid #D9D9D9;
  background-color: #FFFFFF;
}
#container-flyout .add-line-wrap {
  padding: 1em 0;
}
#container-flyout .add-line-item {
  font-size: 11px;
  font-style: Arial;
  color: #5D7085;
  text-decoration: none;
}
#container-flyout .add-container-wrap {
  text-align: left;
  margin: 5px;
  float: left;
  display: inline-block;
}
#container-flyout .add-container {
  font-size: 11px;
  font-style: Arial;
  color: #5D7085;
  margin-left: .5em;
  margin-top: 3px;
}
.container-links {
  color: #aaa8a8;
  float: left;
  font-size: 11px;
  font-family: Arial;
  height: 16px;
  padding-bottom: 5px;
}
.container-links li {
  border-right: 1px solid #aaa8a8;
  float: left;
  list-style-type: none;
  padding: 0px 10px 0px 10px;
}
.container-links li.active a {
  color: #0000AA;
  font-weight: bold;
}
.container-links li:last-child {
  border-right: none;
}
.textarea {
  border: 1px solid #b1b1b1;
  color: black;
  font-family: Arial;
  font-size: 12px;
  min-height: 100px;
  margin: 1em;
  resize: none;
  width: 90%;
}
.container div.cell {
  padding: 4px 2px 2px 4px;
  color: #aaa8a8;
  font-size: 11px;
  font-family: Arial;
  text-align: left;
}
.container input {
  width: 85%;
  padding: 2px !important;
}
.container_fly {
  width: 100%;
}
.container_fly li {
  padding: 0 10px 0 10px;
}
.container_fly .fly-btn {
  max-width: 100%;
}
.container-body {
  padding: 0px !important;
  padding-top: 8px !important;
  margin-bottom: 0px !important;
}
.container-content {
  margin: 0px 2px 0px 0px;
  padding: 3px;
}
.container-content input {
  width: 90%;
}
.container-content select {
  width: 93%;
}
.container-content input[type="radio"]:nth-child(2) {
  padding-left: 10px;
}
.container-content input[type="radio"] {
  width: 20%;
}
.container-content input[type="checkbox"] {
  width: 20px;
}
.container-content label {
  vertical-align: 1px;
  color: #888;
  font-size: 11px;
  font-family: Arial;
  text-align: left;
}
.ctr-event-row {
  height: 35px;
  vertical-align: bottom;
}
.ctr-event-row td > * {
  margin: 0 2px;
}
.ctr-event-row .date-dlg {
  border-right: 1px solid #D9D9D9;
  border-bottom: 1px solid #D9D9D9;
  padding: 5px 5px 0px 5px;
  width: 110px;
  vertical-align: bottom;
}
.ctr-event-row .date-dlg.actual {
  border-left: 1px solid #000000;
  border-right: 1px solid #000000;
  padding: 5px 5px 0px 5px;
}
.ctr-event-row .date-dlg.green {
  background-image: url("/images_app/icons/TM_actual_green.png");
  background-repeat: no-repeat;
  background-position: 100% 0%;
}
.ctr-event-row .date-dlg.yellow {
  background-image: url("/images_app/icons/TM_actual_yellow.png");
  background-repeat: no-repeat;
  background-position: 100% 0%;
}
.ctr-event-row .date-dlg.red {
  background-image: url("/images_app/icons/TM_actual_red.png");
  background-repeat: no-repeat;
  background-position: 100% 0%;
}
.shipment-information {
  margin: 10px;
}
.split-details table {
  width: 100%;
}
.split-details th {
  background-color: #5E7086;
  border-right: 1px solid #b1bbc5;
  color: #fff;
  font-size: 11px;
  padding: 5px 6px;
  white-space: nowrap;
  zoom: 1;
}
.split-details td {
  color: #1c5180;
  font-size: 11px;
  height: 20px;
  padding-left: 6px;
  padding-right: 6px;
  border-left: 1px solid #d9d9d9;
  border-top: 1px solid #d9d9d9;
}
.split-details tr.total {
  border-top-style: double;
}

/*tt/consolidation/lcl/connection/connection.less!steal-less@1.3.4#less*/
.connections input {
  width: 57%;
}
.connectionNumber {
  font-size: 12px;
  color: #465C73;
  font-weight: bold;
  padding-top: 2px;
}
.OrDe {
  font-size: 12px;
  color: #465C73;
  font-weight: normal;
  padding-top: 2px;
}
.sameLine {
  white-space: nowrap;
}
hr.thin {
  border: 1px;
  height: 1px;
  background: darkgray;
  width: 99%;
}

/*tt/consolidation/lcl/content.less!steal-less@1.3.4#less*/
.green-caret {
  background-image: url("/images_app/global/bg_wiz_caret.png");
  background-repeat: no-repeat;
  background-position: 100% 0%;
}
div.inner-content {
  padding: 0.75em;
}
.country_label {
  margin-right: 11px;
}
.blue_square {
  float: left;
}
.blue_square .header {
  background-color: #435B71;
  padding: 5px;
  color: #FFFFFF;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  font-weight: bold;
  text-indent: 5px;
  margin: 0px 10px 10px 0px;
}
.blue_square .body {
  background-color: #FFFFFF;
  padding: 10px;
  margin: -10px 10px 10px 0px;
}
.blue_square .bodyAir {
  background-color: #FFFFFF;
  padding: 5px;
  margin: -10px 10px 10px 0px;
}
.blue_square label {
  padding: 0px 0.5em 0px 0px;
  color: #888;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 11px;
  line-height: 2em;
  text-align: right;
  display: inline-block;
}
.blue_square input,
.blue_square select {
  width: 82%;
  border: 1px solid #D9D9D9;
  font-size: 11px;
  padding: 2px 0;
  margin-bottom: 3px;
}
.blue_square select.fullSize {
  width: 95%;
  border: 1px solid #D9D9D9;
  font-size: 11px;
  padding: 0px;
  margin-bottom: 3px;
}
.blue_square input:not(.autocomplete) {
  padding: 2px 3px 2px 0px;
  /* makes the non-autocomplete fields flush with the right side of the autocomplete fields */
}
.blue_square .exporterImporterCode {
  width: 49%;
}
.blue_square .city {
  width: 43.7%;
}
.blue_square .state {
  width: 10%;
}
.blue_square .zip {
  width: 18%;
}
.blue_square .name_phone {
  color: #406081;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 11px;
  line-height: 2em;
}
.blue_square .notify2 {
  display: none;
}
.bordered {
  border-bottom: 1px solid #C6CDD4;
}
.legs .or {
  width: 33px;
  height: 15px;
  float: right;
  display: inline-block;
  background-image: url("/images_app/icons/TT_profiles_OR_icon.png");
  background-repeat: no-repeat;
}
.legs .pad {
  margin-bottom: 10px;
}
.Ocean_FCL input {
  width: 84%;
}
.bordering {
  border-bottom: 1px solid #D9D9D9;
  width: 100%;
}
.resolution {
  color: #1c5180;
  font-weight: bold;
}
.css_table_pad .flag {
  vertical-align: -3px;
  padding-top: 2px;
}
.css_table_pad select {
  width: 80%;
  margin-right: 5px;
}
.css_table_pad .inline-elements > * {
  padding-right: 4px;
}
.css_table_pad .trans-text {
  padding: 2px 15px 2px 24px;
}
.css_table_pad .row {
  padding: 5px;
}
.css_table_pad .cell {
  padding: 2px;
}
.css_table_pad .table {
  width: 100%;
  color: #777;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 11px;
  line-height: 2em;
  padding-right: 0.5em;
  text-align: right;
}
.header_align_right {
  float: right;
  padding-right: 10px;
  color: #FFFFFF;
}
.mod-consol-events .header_right {
  float: right;
  color: #FFFFFF;
  display: inline-block;
  padding: 2px 10px 2px 0px;
}
.mod-consol-events .header_left {
  font-size: 13px;
  padding-right: 10px;
  color: #FFFFFF;
}
.shipment-events {
  color: #666;
  font-size: 12px;
  font-family: Arial, Helvetica, sans-serif;
}
.shipment-events .event-heading {
  color: #666;
  font-size: 12px;
  font-family: Arial, Helvetica, sans-serif;
  font-weight: bold;
  display: block;
}
.shipment-events table {
  width: 100%;
  border-collapse: separate;
}
.shipment-events th {
  border-right: 1px solid #D9D9D9;
  border-bottom: 1px solid #D9D9D9;
}
.shipment-events td {
  height: 35px;
  border-right: 1px solid #D9D9D9;
  border-bottom: 1px solid #D9D9D9;
  padding: 5px 5px 5px 10px;
  vertical-align: top;
}
.shipment-events td.actual {
  height: 35px;
  border-left: 1px solid #000000;
  border-right: 1px solid #000000;
  padding: 5px 5px 5px 10px;
  vertical-align: top;
}
.shipment-events td.first-actual {
  height: 35px;
  border-top: 1px solid #000000;
  border-left: 1px solid #000000;
  border-right: 1px solid #000000;
  padding: 5px 5px 5px 10px;
  vertical-align: top;
}
.shipment-events td.last-actual {
  height: 35px;
  border-left: 1px solid #000000;
  border-right: 1px solid #000000;
  border-bottom: 1px solid #000000;
  padding: 5px 5px 5px 10px;
  vertical-align: top;
}
.shipment-events td:last-child {
  border-right: none;
}
.shipment-events td > * {
  padding: 2px;
  margin: 0 3px;
}
.shipment-events td.same_as > * {
  vertical-align: middle;
  margin: 3px;
}
.shipment-events tr:last-child {
  border-bottom: none;
}
.shipment-events th {
  border-right: 1px solid #D9D9D9;
  text-indent: 10px;
  height: 20px;
  background-color: #B1BAC4;
  color: #FFFFFF;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 11px;
}
.shipment-events th:last-child {
  border-right: none;
}
.shipment-events .body {
  background-color: #FFFFFF;
  padding: 0px;
  margin: -10px 10px 0px 0px;
}
.shipment-events .green {
  background-image: url("/images_app/icons/TM_actual_green.png");
  background-repeat: no-repeat;
  background-position: 100% 0%;
}
.shipment-events .yellow {
  background-image: url("/images_app/icons/TM_actual_yellow.png");
  background-repeat: no-repeat;
  background-position: 100% 0%;
}
.shipment-events .red {
  background-image: url("/images_app/icons/TM_actual_red.png");
  background-repeat: no-repeat;
  background-position: 100% 0%;
}
.shipment-events .grayLine {
  background-color: #B1BAC4;
  color: #FFFFFF;
  height: 15px !important;
  padding: 1px;
}
.shipment-events .grayLine input[type="checkbox"] {
  width: 10px;
  height: 10px;
}
.shipment-events input,
.shipment-events select {
  width: 93%;
}
.shipment-events .scheduled {
  min-width: 57px;
  width: 50%;
}
.security_fly {
  width: 100%;
}
.security_fly .date_picker {
  width: 50%;
}
.security_fly div.subheader {
  background-color: #B1BAC4;
  text-indent: 10px;
  padding: 2px;
  color: #FFFFFF;
  margin: 0px 10x 10px 0px;
}
.security_fly th {
  border-right: 1px solid #D9D9D9;
  text-indent: 5px;
  height: 20px;
  background-color: #B1BAC4;
  color: #FFFFFF;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 11px;
}
.security_fly th:last-child {
  border-right: none;
}
.security_fly input,
.security_fly select {
  width: 97.5%;
  border: 1px solid #D9D9D9;
  font-size: 11px;
  padding: 2px 0;
  margin-bottom: 3px;
  margin-left: 1%;
}
.security_fly .moder-headline {
  padding: 15px;
}
.security_fly table {
  width: 98%;
}
.security_fly .radio_buttons > * {
  width: 8%;
  display: inline;
}
.security_fly .yesno_content label {
  text-align: left;
  width: 5%;
}
.security_fly label {
  width: 100%;
}
.security_fly .body-div {
  margin-bottom: 0px;
  padding-bottom: 0px;
  padding-top: 0px;
}
.security_fly .css_table_pad {
  padding-bottom: 20px;
}
.security_fly select.shipdtl {
  width: 60%;
  border: 1px solid #D9D9D9;
  font-size: 11px;
  padding: 2px 0;
  margin-bottom: 3px;
  margin-left: 1%;
}
.save_fly {
  width: 100%;
  margin: -10px 0px 10px 0px;
}
.save_fly ul {
  background: url("/images_app/global/bg_save_button.png") -82px 0px no-repeat;
  margin: 0px;
}
.save_fly li {
  padding: 0px;
}
.save_fly .bottom {
  margin-left: -10px;
}
.save_fly .button {
  padding: 5px 20px 5px 20px;
}
.image-NW {
  margin-bottom: -3px;
  margin-left: -3px;
}
.dateTime-fly input {
  width: 99%;
}
.small-radio label {
  width: 20px;
}
.medium-radio label {
  width: 60px;
}
.same_as {
  background-color: #E8F1FF;
  height: 20px !important;
}
.same_as input[type="checkbox"] {
  width: 20px;
}
.text-l {
  text-align: left;
}
.text-r {
  text-align: right;
}
.text-c {
  text-align: center;
}
/* Small Notify Button */
div.small-notify {
  height: 15px;
  background: url("/images_app/global/small_notify.png") 0px 0px;
  background-repeat: no-repeat;
  display: inline-block;
  margin: 0px 10px 5px 0px;
}
div.small-notify-text {
  width: 100%;
  height: 15px;
  background: url("/images_app/global/small_notify.png") 100% -15px no-repeat scroll;
  color: white;
  margin-left: 7px;
  font-size: 10px;
  font-weight: bold;
  padding-top: 1px;
  text-align: left;
}
ul.mod-page-btn li.hide {
  display: none;
}

/*tt/quote/rate_worksheet/rate_worksheet.less!steal-less@1.3.4#less*/
span.worksheet_surcharge_delete {
  color: #fff;
  background: #db7a2a;
  height: 14px;
  width: 14px;
  border-radius: 20px;
  text-align: center;
  line-height: 14px;
  font-size: 13px;
  font-weight: bold;
  cursor: pointer;
  display: inline-block;
}
#service-fee .service-fee-headers .sub-headline {
  padding-bottom: 5px;
}
#accessorials .lcl_worksheet-summary .oceanrate td {
  color: #666 !important;
}
.enhanced-calculation.tt_quote_rate_worksheet_lcl,
.enhanced-calculation.tt_quote_rate_worksheet_air,
.enhanced-calculation.lcl_worksheet-summary {
  background-image: none;
  padding: 0;
}
.enhanced-calculation.tt_quote_rate_worksheet_lcl .charge-description #worksheetheader td,
.enhanced-calculation.tt_quote_rate_worksheet_air .charge-description #worksheetheader td,
.enhanced-calculation.lcl_worksheet-summary .charge-description #worksheetheader td,
.enhanced-calculation.tt_quote_rate_worksheet_lcl .charge-description .worksheetheader td,
.enhanced-calculation.tt_quote_rate_worksheet_air .charge-description .worksheetheader td,
.enhanced-calculation.lcl_worksheet-summary .charge-description .worksheetheader td {
  background-color: #9badbe;
  border-right: 1px solid #dfdfdf;
  color: #ffffff;
  font-weight: normal;
  text-align: center;
}
.enhanced-calculation.tt_quote_rate_worksheet_lcl .charge-description #worksheetheader td:first-child,
.enhanced-calculation.tt_quote_rate_worksheet_air .charge-description #worksheetheader td:first-child,
.enhanced-calculation.lcl_worksheet-summary .charge-description #worksheetheader td:first-child,
.enhanced-calculation.tt_quote_rate_worksheet_lcl .charge-description .worksheetheader td:first-child,
.enhanced-calculation.tt_quote_rate_worksheet_air .charge-description .worksheetheader td:first-child,
.enhanced-calculation.lcl_worksheet-summary .charge-description .worksheetheader td:first-child {
  border-left: none;
}
.enhanced-calculation.tt_quote_rate_worksheet_lcl .charge-description #worksheetheader td:last-child,
.enhanced-calculation.tt_quote_rate_worksheet_air .charge-description #worksheetheader td:last-child,
.enhanced-calculation.lcl_worksheet-summary .charge-description #worksheetheader td:last-child,
.enhanced-calculation.tt_quote_rate_worksheet_lcl .charge-description .worksheetheader td:last-child,
.enhanced-calculation.tt_quote_rate_worksheet_air .charge-description .worksheetheader td:last-child,
.enhanced-calculation.lcl_worksheet-summary .charge-description .worksheetheader td:last-child {
  border-right: none;
}
.enhanced-calculation.tt_quote_rate_worksheet_lcl .charge-description #worksheetheader td:nth-child(7),
.enhanced-calculation.tt_quote_rate_worksheet_air .charge-description #worksheetheader td:nth-child(7),
.enhanced-calculation.lcl_worksheet-summary .charge-description #worksheetheader td:nth-child(7),
.enhanced-calculation.tt_quote_rate_worksheet_lcl .charge-description .worksheetheader td:nth-child(7),
.enhanced-calculation.tt_quote_rate_worksheet_air .charge-description .worksheetheader td:nth-child(7),
.enhanced-calculation.lcl_worksheet-summary .charge-description .worksheetheader td:nth-child(7) {
  background-color: #8ea4bb;
}
.enhanced-calculation.tt_quote_rate_worksheet_lcl .charge-description #worksheetheader td:nth-child(8),
.enhanced-calculation.tt_quote_rate_worksheet_air .charge-description #worksheetheader td:nth-child(8),
.enhanced-calculation.lcl_worksheet-summary .charge-description #worksheetheader td:nth-child(8),
.enhanced-calculation.tt_quote_rate_worksheet_lcl .charge-description .worksheetheader td:nth-child(8),
.enhanced-calculation.tt_quote_rate_worksheet_air .charge-description .worksheetheader td:nth-child(8),
.enhanced-calculation.lcl_worksheet-summary .charge-description .worksheetheader td:nth-child(8) {
  background-color: #829cb8;
}
.enhanced-calculation.tt_quote_rate_worksheet_lcl .charge-description .oceanrate td,
.enhanced-calculation.tt_quote_rate_worksheet_air .charge-description .oceanrate td,
.enhanced-calculation.lcl_worksheet-summary .charge-description .oceanrate td,
.enhanced-calculation.tt_quote_rate_worksheet_lcl .charge-description .ratedatarow td,
.enhanced-calculation.tt_quote_rate_worksheet_air .charge-description .ratedatarow td,
.enhanced-calculation.lcl_worksheet-summary .charge-description .ratedatarow td,
.enhanced-calculation.tt_quote_rate_worksheet_lcl .charge-description .marginrow td,
.enhanced-calculation.tt_quote_rate_worksheet_air .charge-description .marginrow td,
.enhanced-calculation.lcl_worksheet-summary .charge-description .marginrow td {
  border: 1px solid #d2d2d2;
}
.enhanced-calculation.tt_quote_rate_worksheet_lcl .charge-description .oceanrate td.readonly,
.enhanced-calculation.tt_quote_rate_worksheet_air .charge-description .oceanrate td.readonly,
.enhanced-calculation.lcl_worksheet-summary .charge-description .oceanrate td.readonly,
.enhanced-calculation.tt_quote_rate_worksheet_lcl .charge-description .ratedatarow td.readonly,
.enhanced-calculation.tt_quote_rate_worksheet_air .charge-description .ratedatarow td.readonly,
.enhanced-calculation.lcl_worksheet-summary .charge-description .ratedatarow td.readonly,
.enhanced-calculation.tt_quote_rate_worksheet_lcl .charge-description .marginrow td.readonly,
.enhanced-calculation.tt_quote_rate_worksheet_air .charge-description .marginrow td.readonly,
.enhanced-calculation.lcl_worksheet-summary .charge-description .marginrow td.readonly {
  background: #efefef;
}
.enhanced-calculation.tt_quote_rate_worksheet_lcl .charge-description .labelrow td,
.enhanced-calculation.tt_quote_rate_worksheet_air .charge-description .labelrow td,
.enhanced-calculation.lcl_worksheet-summary .charge-description .labelrow td {
  padding-top: 1.5em !important;
  border: 1px solid #d2d2d2;
  border-bottom: none !important;
}
.enhanced-calculation.tt_quote_rate_worksheet_lcl .charge-description .worksheetdata .ratedatarow:nth-child(1) td,
.enhanced-calculation.tt_quote_rate_worksheet_air .charge-description .worksheetdata .ratedatarow:nth-child(1) td,
.enhanced-calculation.lcl_worksheet-summary .charge-description .worksheetdata .ratedatarow:nth-child(1) td {
  border-top: none !important;
}
.enhanced-calculation.tt_quote_rate_worksheet_lcl .charge-description .lcladdfeelink td,
.enhanced-calculation.tt_quote_rate_worksheet_air .charge-description .lcladdfeelink td,
.enhanced-calculation.lcl_worksheet-summary .charge-description .lcladdfeelink td {
  line-height: 2em;
}
.enhanced-calculation.tt_quote_rate_worksheet_lcl .charge-description .oceanrate td,
.enhanced-calculation.tt_quote_rate_worksheet_air .charge-description .oceanrate td,
.enhanced-calculation.lcl_worksheet-summary .charge-description .oceanrate td,
.enhanced-calculation.tt_quote_rate_worksheet_lcl .charge-description .ratedatarow td,
.enhanced-calculation.tt_quote_rate_worksheet_air .charge-description .ratedatarow td,
.enhanced-calculation.lcl_worksheet-summary .charge-description .ratedatarow td,
.enhanced-calculation.tt_quote_rate_worksheet_lcl .charge-description .marginrow td,
.enhanced-calculation.tt_quote_rate_worksheet_air .charge-description .marginrow td,
.enhanced-calculation.lcl_worksheet-summary .charge-description .marginrow td,
.enhanced-calculation.tt_quote_rate_worksheet_lcl .charge-description .freightsumheader td,
.enhanced-calculation.tt_quote_rate_worksheet_air .charge-description .freightsumheader td,
.enhanced-calculation.lcl_worksheet-summary .charge-description .freightsumheader td,
.enhanced-calculation.tt_quote_rate_worksheet_lcl .charge-description .freightsum td,
.enhanced-calculation.tt_quote_rate_worksheet_air .charge-description .freightsum td,
.enhanced-calculation.lcl_worksheet-summary .charge-description .freightsum td,
.enhanced-calculation.tt_quote_rate_worksheet_lcl .charge-description .labelrow td,
.enhanced-calculation.tt_quote_rate_worksheet_air .charge-description .labelrow td,
.enhanced-calculation.lcl_worksheet-summary .charge-description .labelrow td {
  color: #000000;
  padding: 2px 4px;
  text-align: right;
}
.enhanced-calculation.tt_quote_rate_worksheet_lcl .charge-description .oceanrate td:nth-child(7),
.enhanced-calculation.tt_quote_rate_worksheet_air .charge-description .oceanrate td:nth-child(7),
.enhanced-calculation.lcl_worksheet-summary .charge-description .oceanrate td:nth-child(7),
.enhanced-calculation.tt_quote_rate_worksheet_lcl .charge-description .ratedatarow td:nth-child(7),
.enhanced-calculation.tt_quote_rate_worksheet_air .charge-description .ratedatarow td:nth-child(7),
.enhanced-calculation.lcl_worksheet-summary .charge-description .ratedatarow td:nth-child(7),
.enhanced-calculation.tt_quote_rate_worksheet_lcl .charge-description .marginrow td:nth-child(7),
.enhanced-calculation.tt_quote_rate_worksheet_air .charge-description .marginrow td:nth-child(7),
.enhanced-calculation.lcl_worksheet-summary .charge-description .marginrow td:nth-child(7),
.enhanced-calculation.tt_quote_rate_worksheet_lcl .charge-description .freightsumheader td:nth-child(7),
.enhanced-calculation.tt_quote_rate_worksheet_air .charge-description .freightsumheader td:nth-child(7),
.enhanced-calculation.lcl_worksheet-summary .charge-description .freightsumheader td:nth-child(7),
.enhanced-calculation.tt_quote_rate_worksheet_lcl .charge-description .freightsum td:nth-child(7),
.enhanced-calculation.tt_quote_rate_worksheet_air .charge-description .freightsum td:nth-child(7),
.enhanced-calculation.lcl_worksheet-summary .charge-description .freightsum td:nth-child(7),
.enhanced-calculation.tt_quote_rate_worksheet_lcl .charge-description .labelrow td:nth-child(7),
.enhanced-calculation.tt_quote_rate_worksheet_air .charge-description .labelrow td:nth-child(7),
.enhanced-calculation.lcl_worksheet-summary .charge-description .labelrow td:nth-child(7),
.enhanced-calculation.tt_quote_rate_worksheet_lcl .charge-description .oceanrate td.bg-dark,
.enhanced-calculation.tt_quote_rate_worksheet_air .charge-description .oceanrate td.bg-dark,
.enhanced-calculation.lcl_worksheet-summary .charge-description .oceanrate td.bg-dark,
.enhanced-calculation.tt_quote_rate_worksheet_lcl .charge-description .ratedatarow td.bg-dark,
.enhanced-calculation.tt_quote_rate_worksheet_air .charge-description .ratedatarow td.bg-dark,
.enhanced-calculation.lcl_worksheet-summary .charge-description .ratedatarow td.bg-dark,
.enhanced-calculation.tt_quote_rate_worksheet_lcl .charge-description .marginrow td.bg-dark,
.enhanced-calculation.tt_quote_rate_worksheet_air .charge-description .marginrow td.bg-dark,
.enhanced-calculation.lcl_worksheet-summary .charge-description .marginrow td.bg-dark,
.enhanced-calculation.tt_quote_rate_worksheet_lcl .charge-description .freightsumheader td.bg-dark,
.enhanced-calculation.tt_quote_rate_worksheet_air .charge-description .freightsumheader td.bg-dark,
.enhanced-calculation.lcl_worksheet-summary .charge-description .freightsumheader td.bg-dark,
.enhanced-calculation.tt_quote_rate_worksheet_lcl .charge-description .freightsum td.bg-dark,
.enhanced-calculation.tt_quote_rate_worksheet_air .charge-description .freightsum td.bg-dark,
.enhanced-calculation.lcl_worksheet-summary .charge-description .freightsum td.bg-dark,
.enhanced-calculation.tt_quote_rate_worksheet_lcl .charge-description .labelrow td.bg-dark,
.enhanced-calculation.tt_quote_rate_worksheet_air .charge-description .labelrow td.bg-dark,
.enhanced-calculation.lcl_worksheet-summary .charge-description .labelrow td.bg-dark {
  background-color: #e9f2fb;
  border: 1px solid #b4c3d4;
}
.enhanced-calculation.tt_quote_rate_worksheet_lcl .charge-description .oceanrate td:nth-child(8),
.enhanced-calculation.tt_quote_rate_worksheet_air .charge-description .oceanrate td:nth-child(8),
.enhanced-calculation.lcl_worksheet-summary .charge-description .oceanrate td:nth-child(8),
.enhanced-calculation.tt_quote_rate_worksheet_lcl .charge-description .ratedatarow td:nth-child(8),
.enhanced-calculation.tt_quote_rate_worksheet_air .charge-description .ratedatarow td:nth-child(8),
.enhanced-calculation.lcl_worksheet-summary .charge-description .ratedatarow td:nth-child(8),
.enhanced-calculation.tt_quote_rate_worksheet_lcl .charge-description .marginrow td:nth-child(8),
.enhanced-calculation.tt_quote_rate_worksheet_air .charge-description .marginrow td:nth-child(8),
.enhanced-calculation.lcl_worksheet-summary .charge-description .marginrow td:nth-child(8),
.enhanced-calculation.tt_quote_rate_worksheet_lcl .charge-description .freightsumheader td:nth-child(8),
.enhanced-calculation.tt_quote_rate_worksheet_air .charge-description .freightsumheader td:nth-child(8),
.enhanced-calculation.lcl_worksheet-summary .charge-description .freightsumheader td:nth-child(8),
.enhanced-calculation.tt_quote_rate_worksheet_lcl .charge-description .freightsum td:nth-child(8),
.enhanced-calculation.tt_quote_rate_worksheet_air .charge-description .freightsum td:nth-child(8),
.enhanced-calculation.lcl_worksheet-summary .charge-description .freightsum td:nth-child(8),
.enhanced-calculation.tt_quote_rate_worksheet_lcl .charge-description .labelrow td:nth-child(8),
.enhanced-calculation.tt_quote_rate_worksheet_air .charge-description .labelrow td:nth-child(8),
.enhanced-calculation.lcl_worksheet-summary .charge-description .labelrow td:nth-child(8),
.enhanced-calculation.tt_quote_rate_worksheet_lcl .charge-description .oceanrate td.bg-darker,
.enhanced-calculation.tt_quote_rate_worksheet_air .charge-description .oceanrate td.bg-darker,
.enhanced-calculation.lcl_worksheet-summary .charge-description .oceanrate td.bg-darker,
.enhanced-calculation.tt_quote_rate_worksheet_lcl .charge-description .ratedatarow td.bg-darker,
.enhanced-calculation.tt_quote_rate_worksheet_air .charge-description .ratedatarow td.bg-darker,
.enhanced-calculation.lcl_worksheet-summary .charge-description .ratedatarow td.bg-darker,
.enhanced-calculation.tt_quote_rate_worksheet_lcl .charge-description .marginrow td.bg-darker,
.enhanced-calculation.tt_quote_rate_worksheet_air .charge-description .marginrow td.bg-darker,
.enhanced-calculation.lcl_worksheet-summary .charge-description .marginrow td.bg-darker,
.enhanced-calculation.tt_quote_rate_worksheet_lcl .charge-description .freightsumheader td.bg-darker,
.enhanced-calculation.tt_quote_rate_worksheet_air .charge-description .freightsumheader td.bg-darker,
.enhanced-calculation.lcl_worksheet-summary .charge-description .freightsumheader td.bg-darker,
.enhanced-calculation.tt_quote_rate_worksheet_lcl .charge-description .freightsum td.bg-darker,
.enhanced-calculation.tt_quote_rate_worksheet_air .charge-description .freightsum td.bg-darker,
.enhanced-calculation.lcl_worksheet-summary .charge-description .freightsum td.bg-darker,
.enhanced-calculation.tt_quote_rate_worksheet_lcl .charge-description .labelrow td.bg-darker,
.enhanced-calculation.tt_quote_rate_worksheet_air .charge-description .labelrow td.bg-darker,
.enhanced-calculation.lcl_worksheet-summary .charge-description .labelrow td.bg-darker {
  background-color: #d5e6f7;
  border: 1px solid #b4c3d4;
}
.enhanced-calculation.tt_quote_rate_worksheet_lcl .charge-description .oceanrate td.borderb-n,
.enhanced-calculation.tt_quote_rate_worksheet_air .charge-description .oceanrate td.borderb-n,
.enhanced-calculation.lcl_worksheet-summary .charge-description .oceanrate td.borderb-n,
.enhanced-calculation.tt_quote_rate_worksheet_lcl .charge-description .ratedatarow td.borderb-n,
.enhanced-calculation.tt_quote_rate_worksheet_air .charge-description .ratedatarow td.borderb-n,
.enhanced-calculation.lcl_worksheet-summary .charge-description .ratedatarow td.borderb-n,
.enhanced-calculation.tt_quote_rate_worksheet_lcl .charge-description .marginrow td.borderb-n,
.enhanced-calculation.tt_quote_rate_worksheet_air .charge-description .marginrow td.borderb-n,
.enhanced-calculation.lcl_worksheet-summary .charge-description .marginrow td.borderb-n,
.enhanced-calculation.tt_quote_rate_worksheet_lcl .charge-description .freightsumheader td.borderb-n,
.enhanced-calculation.tt_quote_rate_worksheet_air .charge-description .freightsumheader td.borderb-n,
.enhanced-calculation.lcl_worksheet-summary .charge-description .freightsumheader td.borderb-n,
.enhanced-calculation.tt_quote_rate_worksheet_lcl .charge-description .freightsum td.borderb-n,
.enhanced-calculation.tt_quote_rate_worksheet_air .charge-description .freightsum td.borderb-n,
.enhanced-calculation.lcl_worksheet-summary .charge-description .freightsum td.borderb-n,
.enhanced-calculation.tt_quote_rate_worksheet_lcl .charge-description .labelrow td.borderb-n,
.enhanced-calculation.tt_quote_rate_worksheet_air .charge-description .labelrow td.borderb-n,
.enhanced-calculation.lcl_worksheet-summary .charge-description .labelrow td.borderb-n {
  border-bottom: none;
}
.enhanced-calculation.tt_quote_rate_worksheet_lcl .charge-description .oceanrate td.bordert-n,
.enhanced-calculation.tt_quote_rate_worksheet_air .charge-description .oceanrate td.bordert-n,
.enhanced-calculation.lcl_worksheet-summary .charge-description .oceanrate td.bordert-n,
.enhanced-calculation.tt_quote_rate_worksheet_lcl .charge-description .ratedatarow td.bordert-n,
.enhanced-calculation.tt_quote_rate_worksheet_air .charge-description .ratedatarow td.bordert-n,
.enhanced-calculation.lcl_worksheet-summary .charge-description .ratedatarow td.bordert-n,
.enhanced-calculation.tt_quote_rate_worksheet_lcl .charge-description .marginrow td.bordert-n,
.enhanced-calculation.tt_quote_rate_worksheet_air .charge-description .marginrow td.bordert-n,
.enhanced-calculation.lcl_worksheet-summary .charge-description .marginrow td.bordert-n,
.enhanced-calculation.tt_quote_rate_worksheet_lcl .charge-description .freightsumheader td.bordert-n,
.enhanced-calculation.tt_quote_rate_worksheet_air .charge-description .freightsumheader td.bordert-n,
.enhanced-calculation.lcl_worksheet-summary .charge-description .freightsumheader td.bordert-n,
.enhanced-calculation.tt_quote_rate_worksheet_lcl .charge-description .freightsum td.bordert-n,
.enhanced-calculation.tt_quote_rate_worksheet_air .charge-description .freightsum td.bordert-n,
.enhanced-calculation.lcl_worksheet-summary .charge-description .freightsum td.bordert-n,
.enhanced-calculation.tt_quote_rate_worksheet_lcl .charge-description .labelrow td.bordert-n,
.enhanced-calculation.tt_quote_rate_worksheet_air .charge-description .labelrow td.bordert-n,
.enhanced-calculation.lcl_worksheet-summary .charge-description .labelrow td.bordert-n {
  border-top: none;
}
.enhanced-calculation.tt_quote_rate_worksheet_lcl .charge-description .oceanrate td label,
.enhanced-calculation.tt_quote_rate_worksheet_air .charge-description .oceanrate td label,
.enhanced-calculation.lcl_worksheet-summary .charge-description .oceanrate td label,
.enhanced-calculation.tt_quote_rate_worksheet_lcl .charge-description .ratedatarow td label,
.enhanced-calculation.tt_quote_rate_worksheet_air .charge-description .ratedatarow td label,
.enhanced-calculation.lcl_worksheet-summary .charge-description .ratedatarow td label,
.enhanced-calculation.tt_quote_rate_worksheet_lcl .charge-description .marginrow td label,
.enhanced-calculation.tt_quote_rate_worksheet_air .charge-description .marginrow td label,
.enhanced-calculation.lcl_worksheet-summary .charge-description .marginrow td label,
.enhanced-calculation.tt_quote_rate_worksheet_lcl .charge-description .freightsumheader td label,
.enhanced-calculation.tt_quote_rate_worksheet_air .charge-description .freightsumheader td label,
.enhanced-calculation.lcl_worksheet-summary .charge-description .freightsumheader td label,
.enhanced-calculation.tt_quote_rate_worksheet_lcl .charge-description .freightsum td label,
.enhanced-calculation.tt_quote_rate_worksheet_air .charge-description .freightsum td label,
.enhanced-calculation.lcl_worksheet-summary .charge-description .freightsum td label,
.enhanced-calculation.tt_quote_rate_worksheet_lcl .charge-description .labelrow td label,
.enhanced-calculation.tt_quote_rate_worksheet_air .charge-description .labelrow td label,
.enhanced-calculation.lcl_worksheet-summary .charge-description .labelrow td label {
  color: #666;
}
.enhanced-calculation.tt_quote_rate_worksheet_lcl .charge-description .freightsumheader td,
.enhanced-calculation.tt_quote_rate_worksheet_air .charge-description .freightsumheader td,
.enhanced-calculation.lcl_worksheet-summary .charge-description .freightsumheader td {
  padding-top: 1em;
}
.lcl-feemargin-accessorials td:nth-child(7) {
  background-color: #e9f2fb;
}
.lcl-feemargin-accessorials td:nth-child(8),
.lcl-feemargin-accessorials td:last-child {
  background-color: #d5e6f7;
}
.primaryTotal {
  background-color: #d5e6f7 !important;
}
.secondaryTotal {
  background-color: #d5e6f7 !important;
}
.reverse-total-cols .lcl-feemargin-accessorials td:nth-child(7),
.reverse-total-cols .oceanrate td:nth-child(7) {
  background-color: #d5e6f7 !important;
}
.reverse-total-cols .lcl-feemargin-accessorials td:nth-child(8),
.reverse-total-cols .oceanrate td:nth-child(8),
.reverse-total-cols .lcl-feemargin-accessorials td:last-child,
.reverse-total-cols .oceanrate td:last-child {
  background-color: #e9f2fb !important;
}

/*tt/quote/rate_door_summary/rate_door_summary.less!steal-less@1.3.4#less*/
.truck-add-rate .error-message {
  color: red;
  font-size: 110%;
  padding-bottom: 1em;
  text-align: center;
}
.truck-add-rate .fcl-door-details-table {
  margin-bottom: 2em;
}
.truck-add-rate .fcl-door-details-table th {
  border-right: 1px solid #C6CDD4;
}
.truck-add-rate .fcl-door-details-table td,
.truck-add-rate .fcl-door-details-table th {
  padding: 3px 4px;
}
.truck-add-rate .fcl-door-details-table td input[type="text"],
.truck-add-rate .fcl-door-details-table th input[type="text"] {
  width: 95%;
}

/*tt/quote/shipment_specifics/shipment_specifics.less!steal-less@1.3.4#less*/
.calc-wrap.lcl .row-count {
  display: none;
}
.calc-wrap.lcl .row-calculator {
  padding-left: 0;
}
.calc-wrap.lcl .row-calculator .calculation-summary {
  float: right;
  padding: 0.5em 100px 0.75em 0;
}
.calc-wrap.lcl .row-calculator .calculation-summary .tt-label {
  margin-left: 2em;
  margin-right: 0.25em;
}
.calc-wrap.lcl .row-calculator .calculation-summary .read-number {
  font-size: 10px;
}
.calc-wrap.lcl .row-calculator .calculation-summary .read-number:last-child {
  padding-right: 0.75em;
}
.calc-wrap.lcl .row-calculator .piecesContainer .piece {
  border-bottom: 1px solid #b5c3d0;
  padding: 0.5em 100px 0.75em 65px;
  position: relative;
}
.calc-wrap.lcl .row-calculator .piecesContainer .piece .row-count {
  display: block;
  left: 1em;
  position: absolute;
  top: 1em;
  width: auto;
}
.calc-wrap.lcl .row-calculator .piecesContainer .piece .row-count span {
  margin: 0;
}
.calc-wrap.lcl .row-calculator .piecesContainer .piece .dim-weight-dialog img {
  margin: 0.25em;
  vertical-align: middle;
}
.calc-wrap.lcl .row-calculator .piecesContainer .piece .remove-piece {
  cursor: pointer;
  position: absolute;
  right: 1em;
  top: 1em;
}
.calc-wrap.lcl .row-calculator .piecesContainer .piece .remove-piece.disabled {
  opacity: 0.3;
  cursor: not-allowed;
}
.calc-wrap.lcl .row-calculator .piecesContainer .piece input[type='number'] {
  width: 4em;
}
.calc-wrap.lcl .row-calculator .piecesContainer .piece:last-child {
  border: none;
}
.calc-wrap.lcl .row-calculator .piecesContainer .quote-dim-weight {
  width: 100%;
}
.calc-wrap.lcl .row-calculator .piecesContainer .quote-dim-weight .read-number {
  font-size: 11px;
}
.calc-wrap.lcl .row-calculator .add-pieces-container {
  margin: 0.5em 1em;
}
.calc-wrap.lcl .row-calculator .add-pieces-container a {
  color: #588fdb;
}
.calc-wrap.lcl .row-calculator .pivot-table {
  width: 100%;
}
.calc-wrap.lcl .row-calculator .pivot-table td {
  background-color: #becad5;
  border-right: 1px solid #ffffff;
  color: #000000;
  font-size: 11px;
  line-height: 18px;
  padding: 4px 5px;
}
.calc-wrap.lcl .row-calculator .pivot-table td strong {
  font-weight: bold;
  margin-left: 0.5em;
}
.calc-wrap.lcl .row-calculator .pivot-table td:first-child {
  background-color: #73899f;
}
.calc-wrap.lcl .row-calculator .pivot-table td:first-child .tt-label {
  color: #ffffff;
}
.calc-wrap.lcl .row-calculator .pivot-table td:last-child {
  border-right: none;
}

/*tt/po_management/wizards/essentials/essentials.less!steal-less@1.3.4#less*/
.po-essentials-form .Essentials_wizard {
  padding-top: 20px;
  padding-bottom: 20px;
}
.po-essentials-form .Essentials_wizard input {
  width: 59%;
  border: 1px solid #d9d9d9;
  font-size: 11px;
  padding: 2px 0;
}
.po-essentials-form .Essentials_wizard .autocomplete {
  width: 58%;
}
.po-essentials-form .Essentials_wizard select {
  width: 60%;
  border: 1px solid #d9d9d9;
  font-size: 11px;
  padding: 2px 0;
}
.po-essentials-form .Essentials_wizard .vol1 {
  width: 16%;
}
.po-essentials-form .Essentials_wizard .vol2 {
  width: 67%;
}
.po-essentials-form .Essentials_wizard .wiz-content-div {
  margin: 0px 0px 5px 10px;
}
.po-essentials-form .Essentials_wizard .wiz-content-div .small {
  width: 15%;
}
.po-essentials-form .Essentials_wizard .wiz-content-div .medium {
  width: 68%;
}
.po-essentials-form .Essentials_wizard input[type="checkbox"] {
  width: 9px;
  vertical-align: -3px;
}
.po-essentials-form .Essentials_wizard input[type="radio"] {
  width: 12px;
  margin: 2px 2px 2px 2px;
}
.po-essentials-form .Essentials_wizard .wiz-content-div .mawb-fld {
  width: 33%;
}
.po-essentials-form .Essentials_wizard .wiz-content-div .mawb-btn {
  width: 30%;
}
.po-essentials-form .Essentials_wizard .middle {
  vertical-align: middle;
}

/*tt/po_management/wizards/admin_workflow/admin_workflow.less!steal-less@1.3.4#less*/
.po_ad_work input {
  width: 100%;
  border: 1px solid #d9d9d9;
  font-size: 11px;
  padding: 2px 0;
}
.po_ad_work {
  padding: 12px;
  padding-left: 0px;
}
.po_ad_work label {
  vertical-align: -3px;
}
.po_ad_work .wiz-content-div {
  margin: 5px 0px 2px 10px;
}

/*tt/po_management/wizards/shipment_specs/shipment_specs.less!steal-less@1.3.4#less*/
.ShipSpecs_wizard {
  padding-top: 20px;
  padding-bottom: 20px;
}
.ShipSpecs_wizard input {
  width: 59%;
  border: 1px solid #d9d9d9;
  font-size: 11px;
  padding: 2px 0;
}
.ShipSpecs_wizard .autocomplete {
  width: 58%;
}
.ShipSpecs_wizard select {
  width: 60%;
  border: 1px solid #d9d9d9;
  font-size: 11px;
  padding: 2px 0;
}
.ShipSpecs_wizard .wiz-content-div {
  margin: 0px 5px 5px 10px;
}
.ShipSpecs_wizard .wiz-content-div .small {
  width: 15%;
}
.ShipSpecs_wizard .wiz-content-div .medium {
  width: 68%;
}
.ShipSpecs_wizard input[type="checkbox"] {
  width: 9px;
  vertical-align: -3px;
}
.ShipSpecs_wizard input[type="radio"] {
  width: 12px;
  margin: 2px 2px 2px 2px;
}
.ShipSpecs_wizard .middle {
  vertical-align: middle;
}

/*tt/po_management/content/consignment/consignment.less!steal-less@1.3.4#less*/
.form-content .mini {
  width: 10%;
}

/*tt/po_management/content/notes/notes.less!steal-less@1.3.4#less*/
#notes-flyout {
  position: absolute;
  z-index: 2000;
}
#notes-flyout .close {
  cursor: pointer;
}
#notes-flyout .notes-info {
  text-align: right;
  color: #aaa8a8;
  font-size: 11px;
  font-family: Arial;
  margin: 0px 0px 0px 10px;
}
#notes-flyout .table {
  display: table;
  width: 700px;
}
.notes-links {
  color: #aaa8a8;
  font-size: 11px;
  font-family: Arial;
  height: 15px;
}
.notes-links li {
  border-right: 1px solid #aaa8a8;
  float: left;
  list-style-type: none;
  padding: 0 10px 0 10px;
}
.notes-links li:last-child {
  border-right: none;
}
.notes-links li.active a {
  color: #0000AA;
  font-weight: bold;
}
.notes-links li:last-child {
  border-right: none;
}
a.disabled {
  color: gray;
}
li.disabled a {
  color: gray;
}
table td.disabled {
  background-color: #DDDDDD;
}
input.disabled,
select.disabled {
  background-color: #DDDDDD;
}
.notes-body-po {
  padding: 0px !important;
  padding-top: 10px !important;
  background-color: #FFFFFF;
  margin: -10px 10px 0px 0px;
}
.form-content label.a-left {
  text-align: left;
}
.x-small {
  width: 6em !important;
}
#po-notes {
  padding-top: 10px;
}
.po-note-label {
  padding-right: 1em;
  float: left;
}
.po-note-compose {
  min-width: 225px;
  width: 70%;
  float: left;
}
.po-note-compose-text {
  width: 90%;
  height: 7em;
  border-color: lightgray;
  padding-left: 5px;
}
.po-note-submit {
  border-radius: 3px;
  color: #406081;
  border: none;
  padding: 5px 10px;
  font-weight: bold;
  float: right;
  cursor: pointer;
}
.po-note-list {
  padding: 10px 10px;
  margin-bottom: 10px;
  color: #333;
  height: 12em;
  overflow-y: auto;
}
.po-note {
  margin-bottom: 5px;
}
.po-note-author {
  font-weight: bold;
}
.po-note-date {
  padding-left: 1em;
  width: 80%;
}
.po-note-divider {
  background: #bbb;
  border: none;
  height: 1px;
}

/*tt/po_management/content/compliance/compliance.less!steal-less@1.3.4#less*/
#compliance-flyout {
  position: absolute;
  z-index: 2000;
}
#compliance-flyout .close {
  cursor: pointer;
}
#compliance-flyout .compliance-info {
  text-align: right;
  color: #aaa8a8;
  font-size: 11px;
  font-family: Arial;
  margin: 0px 0px 0px 10px;
}
.compliance-links {
  color: #aaa8a8;
  font-size: 11px;
  font-family: Arial;
  height: 17px;
  padding-bottom: 5px;
}
.compliance-links li {
  border-right: 1px solid #aaa8a8;
  float: left;
  list-style-type: none;
  padding: 0 10px 0 10px;
}
.compliance-links li:last-child {
  border-right: none;
}
.compliance-links li.active a {
  color: #0000AA;
  font-weight: bold;
}
.compliance-links li:last-child {
  border-right: none;
}
a.disabled {
  color: gray;
}
li.disabled a {
  color: gray;
}
table td.disabled {
  background-color: #DDDDDD;
}
input.disabled,
select.disabled {
  background-color: #DDDDDD;
}
.compliance-body {
  padding: 10px 0 10px 0 !important;
}
.form-content label.a-left {
  text-align: left;
}
.x-small {
  width: 6em !important;
}
.po-content-div {
  margin: 0px 5px 0px 5px;
}

/*tt/po_management/content/inventory/poskus/dialogs/sku/sku.less!steal-less@1.3.4#less*/
.sku-dialog-content {
  margin: 0px 2px 0px 0px;
  padding: 3px;
}
.sku-dialog-content input {
  width: 90%;
}
.sku-dialog-content label {
  vertical-align: 1px;
  color: #888;
  font-size: 11px;
  font-family: Arial;
  text-align: left;
}
.sku-dialog-content .icn-delete {
  cursor: pointer;
  padding-left: 5px;
}

/*tt/po_management/content/inventory/poskus/poskus.less!steal-less@1.3.4#less*/
#skus-overview th {
  padding-top: 12px !important;
  padding-bottom: 12px !important;
  padding-left: 5px !important;
  font-weight: bold;
  text-align: left;
}
#skus-overview .btn-twist {
  width: 20px;
}
#skus-overview .sku-col-mini {
  width: 30px !important;
  min-width: 30px !important;
}
#skus-overview .sku-col-small {
  width: 40px !important;
  min-width: 40px !important;
}
#skus-overview .sku-col-medium {
  width: 60px !important;
}
#skus-overview .sku-col-large {
  width: 140px !important;
  min-width: 140px !important;
}
#skus-overview .mini-header {
  display: inline-block;
  position: absolute;
  top: 0;
  left: 0;
  text-align: center;
  background: #5E7086;
  z-index: 100;
}
#skus-overview span.mini-header.weight {
  width: 400%;
  border-bottom: 1px solid #b1bbc5;
  padding: 5px 0px;
}
#skus-overview ul.bullet {
  list-style-type: disc;
}
#skus-overview ul.number {
  list-style-type: decimal;
}

/*tt/po_management/content/inventory/inventory.less!steal-less@1.3.4#less*/
#inventory-flyout {
  position: absolute;
  z-index: 2000;
}
#inventory-flyout .close {
  cursor: pointer;
}
#inventory-flyout thead th.norightpad {
  padding-right: 5px !important;
}
#inventory-flyout #res {
  left: 0;
  padding-right: 0;
  position: static;
  width: auto;
  z-index: inherit;
}
#inventory-flyout #res .data-grid {
  margin: inherit;
}
#inventory-flyout #res .data-grid img {
  display: inline-block;
}
#inventory-flyout #res .data-grid .twist-row-bg {
  background-color: #E3ECF5;
}
#inventory-flyout #res .data-grid table.auto-wid {
  width: auto;
}
#inventory-flyout #res .data-grid th {
  background-color: #5D7085;
}
#inventory-flyout #res .data-grid .filter-controls td {
  background-color: #B2BBC4;
  padding: 2px 0px 2px 0px;
}
#inventory-flyout #res .data-grid .filter-controls input {
  width: 99%;
  border: 1px solid #D9D9D9;
  font-size: 11px;
  font-style: Arial;
  padding: 0px;
}
#inventory-flyout #res .add-inventory-wrap {
  text-align: left;
  margin: 5px;
  float: left;
  display: inline-block;
}
#inventory-flyout #res .add-inventory {
  font-size: 11px;
  font-style: Arial;
  color: #5D7085;
  margin-left: .5em;
  margin-top: 3px;
}
#inventory-flyout #res .make-book {
  margin-right: 10px;
}
#inventory-flyout #res .tt-spinner {
  position: relative;
  transform: translateY(50%);
  /* vertical align */
}
#inventory-flyout #res .sku-num {
  width: 80% !important;
}
#inventory-flyout .twist {
  background: url("/images_app/icons/icn_twist_c.png") no-repeat scroll 0 0;
  display: inline-block;
  float: left;
  height: 16px;
  margin-right: 0.5em;
  overflow: hidden;
  text-indent: 2000em;
  width: 16px;
}
#inventory-flyout .twist.active {
  background: url("/images_app/icons/icn_twist_o.png") no-repeat scroll 0 0;
}
#inventory-flyout .data-grid td {
  padding: 3px;
}
#inventory-flyout .data-grid td.last {
  border-right: 1px solid #D9D9D9;
}
#inventory-flyout .res-details {
  border-top: 1px solid #D9D9D9;
  padding-bottom: 3px;
}
#inventory-flyout .res-details tr:first-child td {
  padding-top: 3px;
}
#inventory-flyout .res-details table {
  border-bottom: 1px solid #D9D9D9;
  background-color: #FFFFFF;
}
.inventory-links {
  color: #aaa8a8;
  float: left;
  font-size: 11px;
  font-family: Arial;
  height: 16px;
  padding-bottom: 5px;
}
.inventory-links li {
  border-right: 1px solid #aaa8a8;
  float: left;
  list-style-type: none;
  padding: 0px 10px 0px 10px;
}
.inventory-links li.active a {
  color: #0000AA;
  font-weight: bold;
}
.inventory-links li:last-child {
  border-right: none;
}
.inventory div.cell {
  padding: 4px 2px 2px 4px;
  color: #aaa8a8;
  font-size: 11px;
  font-family: Arial;
  text-align: left;
}
.inventory input {
  width: 85%;
  padding: 2px !important;
}
.inventory-body {
  padding: 0px !important;
  padding-top: 10px !important;
}
.inventory-content {
  margin: 0px 2px 0px 0px;
  padding: 3px;
}
.inventory-content input {
  width: 90%;
}
.inventory-content select {
  width: 93%;
}
.inventory-content input[type="radio"]:nth-child(2) {
  padding-left: 10px;
}
.inventory-content input[type="radio"] {
  width: 20%;
}
.inventory-content input[type="checkbox"] {
  width: 20px;
}
.inventory-content label {
  vertical-align: 1px;
  color: #888;
  font-size: 11px;
  font-family: Arial;
  text-align: left;
}
#skus-overview input[type="radio"] {
  width: auto;
  font-size: 11px;
  padding: 2px 0;
  margin-bottom: 3px;
}
#skus-overview label {
  color: #888;
  font-size: 11px;
  font-family: Arial;
  font-weight: 700;
  text-align: left;
}
.total-row {
  border-top: 2px solid #444;
  background-color: #EEE;
}
.hide-button {
  display: none !important;
}

/*tt/po_management/content/shipments/shipments.less!steal-less@1.3.4#less*/
#shipment-flyout {
  position: absolute;
  z-index: 2000;
}
#shipment-flyout .close {
  cursor: pointer;
}
#shipment-flyout thead th.norightpad {
  padding-right: 5px !important;
}
#shipment-flyout #res {
  left: 0;
  padding-right: 0;
  position: static;
  width: auto;
  z-index: inherit;
}
#shipment-flyout #res .data-grid {
  margin: inherit;
}
#shipment-flyout #res .data-grid img {
  display: inline-block;
}
#shipment-flyout #res .data-grid .twist-row-bg {
  background-color: #E3ECF5;
}
#shipment-flyout #res .data-grid table.auto-wid {
  width: auto;
}
#shipment-flyout #res .data-grid th {
  background-color: #5D7085;
}
#shipment-flyout #res .data-grid .filter-controls td {
  background-color: #B2BBC4;
  padding: 2px 0px 2px 0px;
}
#shipment-flyout #res .data-grid .filter-controls input {
  width: 99%;
  border: 1px solid #D9D9D9;
  font-size: 11px;
  font-family: Arial;
  padding: 0px;
}
#shipment-flyout #res .tt-spinner {
  position: relative;
  transform: translateY(50%);
  /* vertical align */
}
#shipment-flyout .twist {
  background: url("/images_app/icons/icn_twist_c.png") no-repeat scroll 0 0;
  display: inline-block;
  float: left;
  height: 16px;
  margin-right: 0.5em;
  overflow: hidden;
  text-indent: 2000em;
  width: 16px;
}
#shipment-flyout .twist.active {
  background: url("/images_app/icons/icn_twist_o.png") no-repeat scroll 0 0;
}
#shipment-flyout .data-grid td {
  padding: 3px;
}
#shipment-flyout .data-grid td.last {
  border-right: 1px solid #D9D9D9;
}
#shipment-flyout .res-details {
  border-top: 1px solid #D9D9D9;
  padding-bottom: 3px;
}
#shipment-flyout .res-details tr:first-child td {
  padding-top: 3px;
}
#shipment-flyout .res-details table {
  border-bottom: 1px solid #D9D9D9;
  background-color: #FFFFFF;
}
.shipments-links {
  color: #aaa8a8;
  float: left;
  font-size: 11px;
  font-family: Arial;
  height: 16px;
  padding-bottom: 5px;
}
.shipments-links li {
  border-right: 1px solid #aaa8a8;
  float: left;
  list-style-type: none;
  padding: 0px 10px 0px 10px;
}
.shipments-links li.active a {
  color: #0000AA;
  font-weight: bold;
}
.shipments-links li:last-child {
  border-right: none;
}
.shipment div.cell {
  padding: 4px 2px 2px 4px;
  color: #aaa8a8;
  font-size: 11px;
  font-family: Arial;
  text-align: left;
}
.shipment input {
  width: 85%;
  padding: 2px !important;
}
.shipments-body {
  padding: 0px !important;
  padding-top: 10px !important;
}
.shipment-content {
  margin: 0px 2px 0px 0px;
  padding: 3px;
}
.shipment-content input {
  width: 90%;
}
.shipment-content select {
  width: 93%;
}
.shipment-content input[type="radio"]:nth-child(2) {
  padding-left: 10px;
}
.shipment-content input[type="radio"] {
  width: 20%;
}
.shipment-content input[type="checkbox"] {
  width: 20px;
}
.shipment-content label {
  vertical-align: 1px;
  color: #888;
  font-size: 11px;
  font-family: Arial;
  text-align: left;
}

/*tt/trade_cash_reports/reports.less!steal-less@1.3.4#less*/
/*
 * LESS mixins for the whole app.
 */
.trade-cash-reports {
  padding: 10px;
}
.trade-cash-reports table th {
  background-color: #435b71;
  color: #fff;
  padding: 8px 10px;
  text-align: center;
}
.trade-cash-reports table th:last-child {
  padding-right: 20px;
}
.trade-cash-reports table th:nth-child(2) {
  box-shadow: inset 8px 0 9px -8px #36485a;
  -webkit-box-shadow: inset 8px 0 9px -8px #36485a;
  -moz-box-shadow: inset 8px 0 9px -8px #36485a;
}
.trade-cash-reports table tr.group-header td:first-child {
  padding-left: 1.5em;
  text-align: left;
}
.trade-cash-reports table tr.group-header.empty td {
  background-color: #e1eef8;
}
.trade-cash-reports table tr.group-header.empty td:first-child {
  padding-left: 10px;
  text-align: left;
}
.trade-cash-reports table tr.group-subgroup td:first-child {
  padding-left: 2em;
  text-align: left;
}
.trade-cash-reports table tr.group-subgroup.has-accounts td:first-child {
  padding-left: 3.5em;
}
.trade-cash-reports table tr.group-accounts td:first-child {
  padding-left: 2.5em;
  text-align: left;
}
.trade-cash-reports table tr.group-subtotal td {
  font-weight: bold;
}
.trade-cash-reports table tr.group-subtotal td:first-child {
  padding-left: 3em;
  text-align: left;
}
.trade-cash-reports table tr.group-subtotal.has-accounts td:first-child {
  padding-left: 4em;
}
.trade-cash-reports table td {
  background-color: #fff;
  border-bottom: 1px solid #d7dde2;
  padding: 8px 10px;
  text-align: right;
}
.trade-cash-reports table td:first-child {
  text-transform: capitalize;
}
.trade-cash-reports table td:last-child {
  padding-right: 20px;
}
.trade-cash-reports table td:nth-child(2) {
  box-shadow: inset 8px 0 9px -8px #cbcbcb;
  -webkit-box-shadow: inset 8px 0 9px -8px #cbcbcb;
  -moz-box-shadow: inset 8px 0 9px -8px #cbcbcb;
}

/*tt/reports/reports.less!steal-less@1.3.4#less*/
.resmsg {
  text-align: center;
  color: #000;
  font-size: 14px;
  font-family: Arial, sans-serif;
  font-weight: bold;
}

/*tt/reports/trade_manager/pat_report/pat_report.less!steal-less@1.3.4#less*/
.makeUpper {
  text-transform: uppercase;
}

/*tt/reports/trade_cash/invoiceV2/invoice.less!steal-less@1.3.4#less*/
.onecol li div input.chkbox-left {
  margin-left: 2px;
  margin-right: 2px;
}

/*tt/reports/trade_cash/income_statement/views/income_statement.less!steal-less@1.3.4#less*/
.income-statement-search .expand-layout.onecol .label {
  width: 40% !important;
}
.income-statement-search .expand-layout.onecol .field {
  width: 58% !important;
}
.income-statement-search .compact-layout.onecol .label {
  width: 25% !important;
}
.income-statement-search .compact-layout.onecol .field {
  width: 70% !important;
}
.income-statement-search .compact-layout.onecol .field input[type="checkbox"] {
  margin-bottom: 4px;
  margin-right: 5px;
}
.income-statement-search table.checkbox-space {
  margin: 0.5em 0;
}
.income-statement-search table.checkbox-space td {
  padding: 2px 0;
}
.income-statement-search table.checkbox-space input[type="checkbox"] {
  margin-bottom: 0 !important;
  margin-left: 2px;
}
#primary-page .mod-page-tabs .currency {
  margin-left: 20px;
}

/*tt/reports/trade_rates/rates/grid_rates.less!steal-less@1.3.4#less*/
/*
 * LESS mixins for the whole app.
 */
.bluebox {
  background: #E1F1FE;
}
hr.page-narrow-gray {
  width: 100%;
  height: 1px;
  border: 0px;
  color: #888;
  background-color: #888;
}
/* specificity battle */
#res #view_rate .view-rates-editing {
  padding: 0;
}
.onecol.view-rates div.label {
  width: 37%;
}
.onecol.view-rates div.field {
  width: 62%;
}
.view-rates-editing {
  padding: 0;
  background: #fff;
}
.view-rates-editing input[type="text"] {
  width: 100%;
  height: 100%;
  padding: 4px 6px;
  border: none;
  box-sizing: border-box;
  text-align: right;
}
.view-rates-overridden {
  text-decoration: line-through;
}
.view-rates-edit {
  width: 50px;
}
.view-rates-edit-date {
  width: 70px;
}
.dataTables_paginate .selected-count {
  color: #666;
  font-size: 10px;
  line-height: 18px;
  position: absolute;
  right: 1em;
  top: 5px;
}
/* specificity battle */
#res #res-pri-grid .view-rates-edit-btn,
#res #res-pri-grid .view-rates-file-btn {
  background: -webkit-linear-gradient(#cee7bc, #97b193);
  /* For Safari 5.1 to 6.0 */
  background: -o-linear-gradient(#cee7bc, #97b193);
  /* For Opera 11.1 to 12.0 */
  background: -moz-linear-gradient(#cee7bc, #97b193);
  /* For Firefox 3.6 to 15 */
  background: linear-gradient(#cee7bc, #97b193);
  /* Standard syntax */
  border: none;
  border-radius: 3px;
  cursor: pointer;
  color: #416080;
  font-size: 11px;
  font-weight: bold;
  padding: 0.3em 0.7em;
  width: 32px;
  text-align: center;
}
#res #res-pri-grid .view-rates-warn-btn {
  background: -webkit-linear-gradient(#cee7bc, #97b193);
  /* For Safari 5.1 to 6.0 */
  background: -o-linear-gradient(#cee7bc, #97b193);
  /* For Opera 11.1 to 12.0 */
  background: -moz-linear-gradient(#cee7bc, #97b193);
  /* For Firefox 3.6 to 15 */
  background: linear-gradient(#cee7bc, #97b193);
  /* Standard syntax */
  border: none;
  border-radius: 3px;
  cursor: pointer;
  color: #416080;
  font-size: 11px;
  font-weight: bold;
  padding: 0.3em 0.7em;
  width: 50px;
  text-align: center;
}
#res #res-pri-grid .delete-row {
  margin: 0;
  background-size: 20px;
}
#res #res-pri-grid span.warn-icon {
  padding-top: 6px;
  background-size: 15px;
}
#res .data-grid .res-details .view-rates-book {
  background-color: white;
  padding: 10px;
  display: flex;
  flex-flow: column;
}
#res .data-grid .res-details .view-rates-book table {
  width: 230px;
}
#res .data-grid .res-details .view-rates-book th.book-header {
  background-color: #5E7086;
}
#res .data-grid .res-details .view-rates-book .view-rates-make-booking-btn {
  background: -webkit-linear-gradient(#cee7bc, #97b193);
  /* For Safari 5.1 to 6.0 */
  background: -o-linear-gradient(#cee7bc, #97b193);
  /* For Opera 11.1 to 12.0 */
  background: -moz-linear-gradient(#cee7bc, #97b193);
  /* For Firefox 3.6 to 15 */
  background: linear-gradient(#cee7bc, #97b193);
  /* Standard syntax */
  border: none;
  border-radius: 3px;
  cursor: pointer;
  color: #416080;
  font-size: 11px;
  font-weight: bold;
  padding: 0.3em 0.7em;
  width: 100px;
  text-align: center;
}
#res .data-grid .res-details .view-rates-book .view-rates-make-booking-btn:hover {
  color: #FFFFFF;
}
#res .data-grid .res-details .view-rates-book div.view-rates-make-booking-button {
  margin-top: 20px;
  margin-right: 60px;
  align-self: flex-end;
}
#res .data-grid .res-details .view-rates-book .view-rates-book-add-new {
  cursor: pointer;
}

/*tt/reports/trade_rates/tender_management/grid_tender_mgmt.less!steal-less@1.3.4#less*/
/*
 * LESS mixins for the whole app.
 */
td.grayBG {
  background-color: #DBDBDB;
}
.green-delete-button {
  background: -webkit-linear-gradient(#cee7bc, #97b193);
  /* For Safari 5.1 to 6.0 */
  background: -o-linear-gradient(#cee7bc, #97b193);
  /* For Opera 11.1 to 12.0 */
  background: -moz-linear-gradient(#cee7bc, #97b193);
  /* For Firefox 3.6 to 15 */
  background: linear-gradient(#cee7bc, #97b193);
  /* Standard syntax */
  border: none;
  border-radius: 3px;
  cursor: pointer;
  color: #416080;
  font-size: 11px;
  font-weight: bold;
  padding: 0.3em 0.7em;
  text-align: center;
}

/*tt/reports/profiles/profile_approval/profile_approval.less!steal-less@1.3.4#less*/
/*
 * LESS mixins for the whole app.
 */
button.btn.inline {
  background: -webkit-linear-gradient(#cee7bc, #97b193);
  /* For Safari 5.1 to 6.0 */
  background: -o-linear-gradient(#cee7bc, #97b193);
  /* For Opera 11.1 to 12.0 */
  background: -moz-linear-gradient(#cee7bc, #97b193);
  /* For Firefox 3.6 to 15 */
  background: linear-gradient(#cee7bc, #97b193);
  /* Standard syntax */
  border: none;
  border-radius: 3px;
  cursor: pointer;
  color: #416080;
  font-size: 11px;
  font-weight: bold;
  outline: none;
  padding: 0.3em 0.7em;
  text-align: center;
  width: auto;
}
button.btn.inline:hover {
  color: #ffffff;
}

/*tt/reports/trade_manager/trade_manager.less!steal-less@1.3.4#less*/
/*
 * LESS mixins for the whole app.
 */
table {
  /* border-collapse: separate; */
}
.secprog-shipment-type {
  min-width: 20px;
}
.dark-bg {
  background-color: #5d7085;
}
td.reefer-icon,
td.hazmat-icon,
td.oog-icon {
  background-color: #FFFFFF;
}
.cargo-info-icon {
  text-align: center;
  vertical-align: middle;
}
.hazmat-reefer-icon {
  font-size: 12px;
  color: #5092DA;
}
.reefer-icon {
  font-size: 14px;
  color: #5092DA;
}
.hazmat-icon {
  font-size: 12px;
  color: #EA5521;
}
.oog-icon {
  background: url(/images_app/icons/oog_icon.png) no-repeat center;
  background-size: 15px 15px;
  width: 12px;
  height: 12px;
}
.notes-flyout-in-report {
  padding-top: 5px;
  padding-left: 8px;
  padding-bottom: 8px;
}
/* specificity battle */
#res #res-pri-grid .shipments-print-btn {
  background: -webkit-linear-gradient(#cee7bc, #97b193);
  /* For Safari 5.1 to 6.0 */
  background: -o-linear-gradient(#cee7bc, #97b193);
  /* For Opera 11.1 to 12.0 */
  background: -moz-linear-gradient(#cee7bc, #97b193);
  /* For Firefox 3.6 to 15 */
  background: linear-gradient(#cee7bc, #97b193);
  /* Standard syntax */
  border: none;
  border-radius: 3px;
  cursor: pointer;
  color: #416080;
  font-size: 11px;
  font-weight: bold;
  padding: 0.3em 0.7em;
  width: 32px;
  text-align: center;
}
.onecol li div input[type="checkbox"].align-left {
  margin-left: 2px;
  margin-right: 2px;
}

/*css_app/yui3-reset-fonts-grids.css!steal-css@1.3.2#css*/
/*
YUI 3.10.3 (build 2fb5187)
Copyright 2013 Yahoo! Inc. All rights reserved.
Licensed under the BSD License.
http://yuilibrary.com/license/
*/

html {
    color: #000;
}

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td {
    margin: 0;
    padding: 0
}

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

fieldset, img {
    border: 0
}

address, caption, cite, code, dfn, em, th, var {
    font-style: normal;
    font-weight: normal
}

ol, ul {
    list-style: none
}

caption, th {
    text-align: left
}

h1, h2, h3, h4, h5, h6 {
    font-size: 100%;
    font-weight: normal
;
    text-align: ce;
}

q:before, q:after {
    content: ''
}

abbr, acronym {
    border: 0;
    font-variant: normal
}

sup {
    vertical-align: text-top
}

sub {
    vertical-align: text-bottom
}

input, textarea, select {
    font-family: inherit;
    font-size: inherit;
    font-weight: inherit
}

input, textarea, select {
    *font-size: 100%
}

legend {
    color: #000
}

#yui3-css-stamp.cssreset {
    display: none
}

/*
YUI 3.10.3 (build 2fb5187)
Copyright 2013 Yahoo! Inc. All rights reserved.
Licensed under the BSD License.
http://yuilibrary.com/license/
*/

body {
    font: 13px/1.231 arial, helvetica, clean, sans-serif;*
    font-size: small;*
    font: x-small
}

select, input, button, textarea {
    font: 99% arial, helvetica, clean, sans-serif;
    }

table {
    font-size: inherit;
    font: 100%
}

pre, code, kbd, samp, tt {
    font-family: monospace;
    *font-size: 108%;
    line-height: 100%
}

#yui3-css-stamp.cssfonts {
    display: none
}

/*
YUI 3.10.3 (build 2fb5187)
Copyright 2013 Yahoo! Inc. All rights reserved.
Licensed under the BSD License.
http://yuilibrary.com/license/
*/

.yui3-g {
    letter-spacing: -0.31em;
    *letter-spacing: normal;
    *word-spacing: -0.43em;
    text-rendering: optimizespeed
}

.opera-only :-o-prefocus, .yui3-g {
    word-spacing: -0.43em
}

.yui3-u {
    display: inline-block;
    zoom: 1;
    *display: inline;
    letter-spacing: normal;
    word-spacing: normal;
    vertical-align: top;
    text-rendering: auto
}

.yui3-u-1, .yui3-u-1-2, .yui3-u-1-3, .yui3-u-2-3, .yui3-u-1-4, .yui3-u-3-4, .yui3-u-1-5, .yui3-u-2-5, .yui3-u-3-5, .yui3-u-4-5, .yui3-u-1-6, .yui3-u-5-6, .yui3-u-1-8, .yui3-u-3-8, .yui3-u-5-8, .yui3-u-7-8, .yui3-u-1-12, .yui3-u-5-12, .yui3-u-7-12, .yui3-u-11-12, .yui3-u-1-24, .yui3-u-5-24, .yui3-u-7-24, .yui3-u-11-24, .yui3-u-13-24, .yui3-u-17-24, .yui3-u-19-24, .yui3-u-23-24 {
    display: inline-block;
    zoom: 1;
    *display: inline;
    letter-spacing: normal;
    word-spacing: normal;
    vertical-align: top;
    text-rendering: auto
}

.yui3-u-1 {
    display: block
}

.yui3-u-1-2 {
    width: 50%
}

.yui3-u-1-3 {
    width: 33.33333%
}

.yui3-u-2-3 {
    width: 66.66666%
}

.yui3-u-1-4 {
    width: 25%
}

.yui3-u-3-4 {
    width: 75%
}

.yui3-u-1-5 {
    width: 20%
}

.yui3-u-2-5 {
    width: 40%
}

.yui3-u-3-5 {
    width: 60%
}

.yui3-u-4-5 {
    width: 80%
}

.yui3-u-1-6 {
    width: 16.656%
}

.yui3-u-5-6 {
    width: 83.33%
}

.yui3-u-1-8 {
    width: 12.5%
}

.yui3-u-3-8 {
    width: 37.5%
}

.yui3-u-5-8 {
    width: 62.5%
}

.yui3-u-7-8 {
    width: 87.5%
}

.yui3-u-1-12 {
    width: 8.3333%
}

.yui3-u-5-12 {
    width: 41.6666%
}

.yui3-u-7-12 {
    width: 58.3333%
}

.yui3-u-11-12 {
    width: 91.6666%
}

.yui3-u-1-24 {
    width: 4.1666%
}

.yui3-u-5-24 {
    width: 20.8333%
}

.yui3-u-7-24 {
    width: 29.1666%
}

.yui3-u-11-24 {
    width: 45.8333%
}

.yui3-u-13-24 {
    width: 54.1666%
}

.yui3-u-17-24 {
    width: 70.8333%
}

.yui3-u-19-24 {
    width: 79.1666%
}

.yui3-u-23-24 {
    width: 95.8333%
}

#yui3-css-stamp.cssgrids {
    display: none
}/*# sourceURL=http://syrinx/js_app/css_app/yui3-reset-fonts-grids.css *//*# sourceURL=http://syrinx/js_app/css_app/yui3-reset-fonts-grids.css *//*# sourceURL=http://localhost:8081/js_app/css_app/yui3-reset-fonts-grids.css *//*# sourceURL=http://localhost:8081/js_app/css_app/yui3-reset-fonts-grids.css *//*# sourceURL=http://localhost:8081/js_app/css_app/yui3-reset-fonts-grids.css *//*# sourceURL=http://localhost:8081/js_app/css_app/yui3-reset-fonts-grids.css *//*# sourceURL=http://localhost:8081/js_app/css_app/yui3-reset-fonts-grids.css *//*# sourceURL=http://localhost:8081/js_app/css_app/yui3-reset-fonts-grids.css *//*# sourceURL=http://localhost:8081/js_app/css_app/yui3-reset-fonts-grids.css *//*# sourceURL=http://localhost:8081/js_app/css_app/yui3-reset-fonts-grids.css *//*# sourceURL=http://localhost:8081/js_app/css_app/yui3-reset-fonts-grids.css *//*# sourceURL=http://localhost:8081/js_app/css_app/yui3-reset-fonts-grids.css *//*# sourceURL=http://localhost:8081/js_app/css_app/yui3-reset-fonts-grids.css */

/*css_app/forms.css!steal-css@1.3.2#css*/
@charset "UTF-8";
/* CSS Document */

/*
	-----------------------------------------------
    Form Styling
	-----------------------------------------------

*/

/* General Style
===========================================
*/


.form-body {
	/*padding:1em;*/
	position:relative;
}

.form-body fieldset {
	/*border:1px solid grey;*/
	padding:1em;
}

.form-body fieldset.controls {
	/*border:1px solid grey;*/
	padding-top: 0px;
}

fieldset fieldset {
	padding:1em;
}
legend span {
    background: none;
    border: none;
    display: block;
    font-size: 1.16em;
    font-weight: bold;
    left: 0;
    line-height: 1.1;
    /*margin: 9px 20px 0 -155px;*/
    padding: 0;
    position: absolute;
    width: 140px;
}

label.disabled {
    color: #999;
}

.expand {
	/* keep a bit of space to help all browsers */
	width:98%;
}
select.expand {
	/* keep a bit of space to help all browsers */
	width:99%;
}
.entry .yui3-g {
	padding:1px 0;
}
.entry.more-space .yui3-g {
	padding:0.25em 0;
}
.entry label {
	color:#888;
	display:block;
	font-family:Arial;
	font-size:11px;
	/*line-height:2em;*/
	padding-right:0.5em;
	text-align:right;
}

.entry .radio-no-label,
.entry .radio-yes-label {
	display: inline;
}

.entry label.center {
    color:#888;
    display:block;
    font-family:Arial;
    font-size:11px;
    font-weight:bold;
    padding-right:0.5em;
    text-align:center;
}

.entry label.left {
    color:#888;
    display:block;
    font-family:Arial;
    font-size:11px;
    text-align:left;
}

/*.mod-filters fieldset.controls {
	padding-top:0;
}*/
.entry input,
.entry textarea,
.entry select {
	border: 1px solid #d9d9d9;
	font-size:11px;
}
.no-borders input,
.no-borders textarea,
.no-borders select {
	border: 1px solid #fff;
}
.entry input:focus,
.entry textarea:focus,
.entry select:focus {
   border-color: #aaa #ccc #ddd;
}
/* Text inputs */
.entry input {
	padding: 2px 0;
}
/* Select menus */
.entry select {
	padding: 1px 0;
	margin: 0 0 1px 0;
}

/* Textareas */
.entry textarea {
	padding: 2px 3px;
}

/* Radio */
.entry input[type="radio"] {
	border:none;
}
/* Checkbox */
.entry input[type="checkbox"] {
	border:none;
}

/* Filters Forms
===========================================
*/
.mod-filters fieldset {
    color:#666;
    font-family:Arial;
    font-size:11px;
    line-height:1.25em;
	padding:0.5em 10px 0 10px;
}
.mod-filters .yui3-g {
	padding:1px 0;
}

.mod-filters .onecol {
    margin: 0;
    padding: 0;
    text-align: left;
    width: auto;
}

.mod-filters .onecol > li {
    list-style: none outside none;
    margin-bottom: 5px;
    padding: 0;
    text-align: left;
}

.mod-filters li.push-top {
    margin-top: 10px;
}

.mod-filters label {
	color:#666;
	display:block;
	font-family:Arial;
	font-size:11px;
	line-height:1.25em;
	padding: 0 0 2px 0 !important;
	text-align:left;
    word-wrap: break-word;
}
.mod-filters fieldset.controls {
	padding-top:0.5em;
    padding-bottom: 0.5em;
}
.mod-filters input,
.mod-filters textarea,
.mod-filters select {
	border: 1px solid #c3c3c3;
	font-size:11px;
    padding: 2px 0;
}
.mod-filters input:focus,
.mod-filters textarea:focus,
.mod-filters select:focus {
	border-color: #aaa #ccc #ddd;
}


/* Text inputs */
/*.mod-filters input {
	padding: 2px 0;
}*/
/* Select menus */
/*.mod-filters select {
	padding: 2px 0 2px 3px;
}
*/
/* Textareas */
/*.mod-filters textarea {
	padding: 2px 3px;
}
*/

/* Small Inline Button
===========================================
	- inline form buttons with simple outline and hover
	- This should be used when vertical space is a min or when an action is not the primary action.
*/

/* small inline form buttons */
.inline-button {
	background:none;
	border:none;
	cursor:pointer;
	display:inline-block;
	outline:none !important;
	overflow:visible;
	padding:0;
	position:relative;
	text-align:center;
	text-decoration:none !important;
}
.inline-button span {
	background: url(/images_app/global/btn_utility.png)  0 0 no-repeat;
	display:inline-block;
	height:18px;
	/* line-height:18px; */
	padding-left:5px;
}
.inline-button span.text {
	background: url(/images_app/global/btn_utility.png)  100% -18px no-repeat;
	display:inline-block;
	color:#406081;
	font-family:Arial;
	font-size:11px;
	font-weight:bold;
	height:18px;
	line-height:18px;
	padding-left:2px;
	padding-right:10px;
}
.inline-button:hover span {
	background-position: 0 -36px;
}
.inline-button:hover span.text {
	background-position: 100% -54px;
	color:#fff;
}


/* Status Buttons
=======================================================
	- Used for the accepted/quoted/rejected/booked ect status */

.status-button {
    background:none;
	border:none;
	cursor:pointer;
	display:inline-block;
	outline:none !important;
	overflow:visible;
	padding:0;
	position:relative;
	text-align:center;
	text-decoration:none !important;

}
.status-button span {
    background: url(/images_app/global/bg_buttons.png)  0 0 no-repeat;
	display:inline-block;
	height:24px;
	padding-left:3px;
}
.status-button span.text {
	background: url(/images_app/global/bg_buttons.png)  100% -24px no-repeat;
	display:inline-block;
	color:#fff;
	font-family: Arial, Helvetica , sans-serif;
	font-size:11px;
	font-weight:bold;
	height:24px;
	width: 52px;
	line-height:24px;
	padding-left:5px;
	padding-right:10px;
}
.status-button.accepted span  {
	background:url(/images_app/global/bg_buttons.png) 0 0;
}
.status-button.accepted span.text{
	background:url(/images_app/global/bg_buttons.png) 100% -24px;
}
.status-button.accepted:hover span.text {
	color:#406081;
}
.status-button.quoted span {
	background:url(/images_app/global/bg_buttons.png) 0 -48px;
}
.status-button.quoted span.text{
	background:url(/images_app/global/bg_buttons.png) 100% -72px;
}
.status-button.quoted:hover span.text {
	color:#406081;
}
.status-button.rejected span {
	background:url(/images_app/global/bg_buttons.png) 0 -96px;
}
.status-button.rejected span.text{
	background:url(/images_app/global/bg_buttons.png) 100% -120px;
}
.status-button.rejected:hover span.text {
	color:#406081;
}
.status-button.booked span {
	background:url(/images_app/global/bg_buttons.png) 0 -144px;
}
.status-button.booked span.text{
	background:url(/images_app/global/bg_buttons.png) 100% -168px;
}
.status-button.booked:hover span.text {
	color:#406081;
}



/* Primary Form Button
===========================================
	- inline form button, green with hover.
	- These should be used for the primary user action within a form.
	- ex. Submit, Continue or Send
*/


.form-button {
	background:none;
	border:none;
	cursor: pointer;
	display:inline-block;
	outline:none !important;
	overflow:visible;
	padding:0;
	position:relative;
	text-align:center;
}
.form-button span {
	background: url(/images_app/global/bg_buttons.png)  0 0 no-repeat;
	display:inline-block;
	height:28px;
	padding-left:4px;
	cursor:pointer;
}
.form-button span.text {
	background: url(/images_app/global/bg_buttons.png)  100% -24px no-repeat;
	display:inline-block;
	color:#5E7185;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:bold;
	height:28px;
	line-height:28px;
	padding-left:10px;
	padding-right:15px;
	margin:0 auto;
	cursor:pointer;
	white-space: nowrap;
}
.form-button.primary span {
	background:url(/images_app/global/bg_buttons.png) 0 -248px no-repeat; /* green button left round */
}
.form-button.primary span.text {
	background:url(/images_app/global/bg_buttons.png) 100% -276px no-repeat;/* grey button */
}
.form-button.primary:hover span.text {
	color:#fff;
}

.form-button.cancelShipment span {
	background:url(/images_app/global/bg_buttons.png) 0 -192px no-repeat; /* grey button left round */
}
.form-button.cancelShipment span.text {
	background:url(/images_app/global/bg_buttons.png) 100% -220px no-repeat; /* grey button */
}
span.space {
	padding: 2px;
}

.form-button.secondary_button span {
	background:url(/images_app/global/bg_buttons.png)  0 -192px  no-repeat;
}
.form-button.secondary_button span.text {
	background:url(/images_app/global/bg_buttons.png)  100% -220px no-repeat;
}
.form-button.secondary_button:hover span.text {
	color:#fff;
}
.form-button.tertiary_button span {
	background:url(/images_app/global/blue_button.png)  0 -0px  no-repeat;
    background-repeat: no-repeat;
    cursor: pointer;
    height: 21px;
    padding-left: 4px;
    text-align: left;
    margin-bottom: 7px;
}
.form-button.tertiary_button span.text {
	background:url(/images_app/global/blue_button.png)  100% -21px no-repeat;
    background-repeat: no-repeat;
    cursor: pointer;
    height: 21px;
    width: 150px;
    color: #fff;
    line-height: 21px;
}
button:hover.form-button.tertiary_button span {
    background: url(/images_app/global/blue_button.png) 0px -42px no-repeat;
}

button:hover.form-button.tertiary_button span.text {
    background: url(/images_app/global/blue_button.png) 100% -63px no-repeat;
}
.form-button.tertiary_button.disabled span {
	background:url(/images_app/global/blue_button_disabled.png)  0 -0px  no-repeat;
	cursor:default;
}
.form-button.tertiary_button.disabled span.text {
	background:url(/images_app/global/blue_button_disabled.png)  100% -21px no-repeat;
	cursor:default;
}
button:hover.form-button.tertiary_button.disabled span {
	background:url(/images_app/global/blue_button_disabled.png)  0 -0px  no-repeat;
	cursor:default;
}
button:hover.form-button.tertiary_button.disabled span.text {
	background:url(/images_app/global/blue_button_disabled.png)  100% -21px no-repeat;
	cursor:default;
}
.quarternary {
    background: url(/images_app/global/bg_save_button.png) -82px -0px no-repeat !important;
    width: 117px;
    background-repeat: no-repeat;
    height: 21px;
    padding-left: 4px;
    text-align: center;
    margin-bottom: 7px;
}
.quarternary:hover {
    background: url(/images_app/global/bg_save_button.png) -82px -28px no-repeat !important;
    color:#5E7185;
}
.quarternary button {
    /* causing the Save buttons for the main pages to not fit the text in the save button field */
    /*padding: 0px 4em 0px 4em !important;*/
}
/* Disabled button styles */

.form-button.primary.disabled span, .form-button.primary:disabled span {
	background: url(/images_app/global/bg_buttons.png) 0 -192px no-repeat;
	cursor: not-allowed;
}
.form-button.primary.disabled span.text, .form-button.primary:disabled span.text, .form-button.primary.disabled:hover span.text, .form-button.primary:disabled:hover span.text {
	background: url(/images_app/global/bg_buttons.png) 100% -220px no-repeat;
	color: #f0f0f0;
	cursor: not-allowed;
}

/* Primary Form Button (use gradient not background image sprites)
===========================================
	- inline form button, green with hover.
	- These should be used for the primary user action within a form.
	- ex. Submit, Continue or Send
*/
.form-button.gradient {
	color: #5E7185;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	height: 28px;
	padding-left: 15px;
	padding-right: 15px;
	margin: 0 auto;
	cursor: pointer;
	white-space: nowrap;
	border-radius: 4px;
	-webkit-touch-callout: none; /* iOS Safari */
	-webkit-user-select: none; /* Safari */
	-khtml-user-select: none; /* Konqueror HTML */
	-moz-user-select: none; /* Old versions of Firefox */
	-ms-user-select: none; /* Internet Explorer/Edge */
	user-select: none; /* Non-prefixed version, currently supported by Chrome, Opera and Firefox */
}
.form-button.gradient.compact {
	height: 22px;
	padding-left: 8px;
	padding-right: 8px;
}
.form-button.gradient.tiny {
	height: 15px;
	padding-left: 6px;
	padding-right: 6px;
}
.form-button.primary.gradient, .form-button.green.gradient {
	background: #d0e9bd; /* Old browsers */
	background: -moz-linear-gradient(top, #d0e9bd 0%, #b3cca9 47%, #97b092 90%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, #d0e9bd 0%,#b3cca9 47%,#97b092 90%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #d0e9bd 0%,#b3cca9 47%,#97b092 90%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d0e9bd', endColorstr='#97b092',GradientType=0 ); /* IE6-9 */
}
.form-button.secondary.gradient, .form-button.blue.gradient{
	background: #afbdcf; /* Old browsers */
	background: -moz-linear-gradient(top, #afbdcf 0%, #a3b2c4 47%, #748396 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, #afbdcf 0%,#a3b2c4 47%,#748396 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #afbdcf 0%,#a3b2c4 47%,#748396 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#afbdcf', endColorstr='#637387',GradientType=0 ); /* IE6-9 */
	color: #546b84;
}
.form-button.tertiary.gradient, .form-button.grey.gradient, .form-button.gray.gradient{
	background: #afbdcf; /* Old browsers */
	background: -moz-linear-gradient(top, #F6F7F8 0%, #D0D7D9 47%, #B4C0C4 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, #F6F7F8 0%,#D0D7D9 47%,#B4C0C4 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #F6F7F8 0%,#D0D7D9 47%,#B4C0C4 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#F6F7F8', endColorstr='#B4C0C4',GradientType=0 ); /* IE6-9 */
	color: #546b84;
}
/*
 * Disabled and hover styles for all gradient buttons
 */
.form-button.gradient:hover {
	color: #ffffff;
}
.form-button.gradient.disabled,
.form-button.gradient[disabled] {
	background: #d6d6d6; /* Old browsers */
	background: -moz-linear-gradient(top, #efefef 0%, #c8c8c8 47%, #c8c8c8 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, #efefef 0%,#c8c8c8 47%,#c8c8c8 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #efefef 0%,#c8c8c8 47%,#c8c8c8 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#efefef', endColorstr='#c8c8c8',GradientType=0 ); /* IE6-9 */

	color: #ffffff;
	cursor: default;
}


/* Status block in footer */
.win-ft-status {
	display:inline;
	font-family:Arial;
	font-size:11px;
	margin:0;
	padding:0;
}
.win-ft-status dt {
	display:inline;
	line-height:18px;
	margin:0;
	padding:0;
}
.win-ft-status dd {
	display:inline;
	line-height:18px;
	margin:0;
	padding:0;
}
.win-ft-status .label {
	color:#888;
}

/* row of buttons in the footer */
.win-ft-btn {
	border-left:1px solid #fff;
	border-right:1px solid #c5c6c6;
	margin:0 1em;
	padding:0;
}
.win-ft-btn li {
	border-left:1px solid #c5c6c6;
	border-right:1px solid #fff;
	float:left;
	margin:0;
	padding:0;
}
/* buttons with icons and text */
.icon-button {
	background:none;
	border:none !important;
	cursor:pointer;
	display:inline-block;
    margin:0;
	outline:none !important;
	overflow:visible;
	padding:0;
	position:relative;
	text-align:center;
	text-decoration:none !important;
	zoom:1;
}
.icon-button:hover {
	background:url(/images_app/global/bg_div_window.png) repeat-x scroll 0 -126px;
}
.icon-button span.icon {
	background: url(/images_app/icons/icons_tt.png) no-repeat;
	display:block;
	right:8px;
	top:50%;
	margin-top:-8px \0/;
	*margin-top:-8px;
	margin-top:-9px;
	overflow:hidden;
	position:absolute;
	height:16px;
	width:16px;
}
@media all and (min-width:0) {
.icon-button span.icon {
    margin-top:-8px \0/;
}}
.icon-button span.text {
	color:#465c73;
	font-family:Arial;
	font-size:11px;
	font-weight:normal;
	height:19px;
	*height:16px;
	line-height:19px;
	*line-height:16px;
	padding-left:8px;
	padding-right:30px;
}
.icon-button:hover span.text {
	color:#fff;
	text-decoration:none;
}


/* PRINT ICON */
.icon-button span.print {
	background-position:-112px 0;
}


/* Warning  Styles for Page Errors
===========================================
*/

#page-errors {
	background-color: #ffffcc;
	box-shadow: inset 0px 4px 8px rgba(211, 211, 211, 0.81);
}
#page-errors input{
    background-color: #ffffcc;
	background-image:url(/images_app/global/star.png);
	background-position:right;
	background-repeat:no-repeat;
    display: none;
    padding: 2em 5em;
	border: 1px d9d9d9;
}
#page-errors .required input {
	background-image:url(/images_app/global/star.png);
	background-position:right;
	background-repeat:no-repeat;
	border: 1px d9d9d9;
}
.validate-error {
    background-color: #ffffcc;
	border: 1px d9d9d9;
}
.requireds {
    background-image:url(/images_app/global/star1.png);
    background-position:left;
    background-repeat:no-repeat;
    width: 11px;
    height: 9px;
    display: inline-block;
	padding-right: 3px;
	*padding-bottom: 4px;
}
.requireds-blank {
    background-image:url(/images_app/global/breaker.png);
    background-position:left;
    background-repeat:no-repeat;
    width: 11px;
    height: 9px;
    display: inline-block;
	padding-right: 3px;
	*padding-bottom: 4px;
}

#requireds_explanation{
    float: center;
    margin-left: 31% !important;
    width: 18% !important;
}
.requireds_explanation_funk{
    float: center;
    width: 28% !important;
    margin-left: 182px !important;
    margin-top: -2px !important;
}
.requireds_explanation_funk p{
    width: 100px;
}
.requireds_explanation p{
    text-align: left;
    padding-left: 15px;
}

/* The hint to Hide and Show */
em.error-msg {
    background-color: #FFFFCC;
   	display: none;
    position: absolute;
    width: 200px;
    margin-left: 4px;
    margin-top: -4px;
    border: 1px solid #c93;
    padding: 10px 10px;
}
em.error-msg .error-point {
    position: absolute;
    left: -10px;
    top: 5px;
    width: 10px;
    height: 19px;
    background: url(/images_app/global/pointer.gif) left top no-repeat;
}
em.error-msg.error-msg-left {
    margin-left: -230px;
}
em.error-msg.error-msg-left .error-point {
    left: auto;
    right: -9.5px; /* 9.5px because IE does something weird with the edge otherwise */
    background: url(/images_app/global/pointer.gif) right top no-repeat;
    /* flip pointer */
    -ms-transform:scaleX(-1);
    -webkit-transform:scaleX(-1);
    transform:scaleX(-1);
}
em.active-error {
    display: inline;
}

em.hover-error {
    display: inline;
}

#page-errors .onfocus {
	border: 1px #425c75;
	background-color: #ffffff;
}
#page-errors .autocomplete {
	border-right-width: 4px;
}
#page-errors .label {
 	font-size: 11px;
	font-family: Arial, Tahoma, Sans-Serif;
	color: #777777;
	text-align: right;
}

#page-errors .readonly {
	border: #d9d9d9;
	background-color: #f0f0f0
}

#page-errors .close-win {
	background: url(/images_app/icons/icons_tt.png) -80px 0 no-repeat;
	color:#4A5E72;
	width: 16px;
	height: 16px;
	text-decoration: none;
	top: 15px;
	right: 15px;
	position: absolute;
}
#page-errors .exclamation {
	background: url(/images_app/global/warning_exclamation.png) no-repeat;
	width: 32px;
	height: 32px;
	margin-left: 10px;
	text-decoration: none;
	top: 15px;
	right: 15px;
	display: inline-table;
}
.warning-text {
    color: #425c75;
	font-family: Arial, Tahoma, Sans-Serif;
    display: block;
    font-size: 12px;
    padding: 1em 0 1em;
	display: inline-table;
}
.substyle {
	text-indent: 100px;
	display: block;
}
.substyledup {
	padding: 10px;
	text-indent: 125px;
	display: block;
}

/*css_app/frames.css!steal-css@1.3.2#css*/

/*#banner {*/
    /*height: 28px;*/
    /*width: 100%;*/
/*}*/
#main {
	background:transparent;
    height: 1px;
    overflow: auto;
    width: 100%;
}
/*#fr1 {*/
	/*background:transparent;*/
    /*height: 300px;*/
    /*overflow: auto;*/
    /*width: 100%;*/
/*}*/
/*#fr2 {*/
    /*background: transparent;*/
    /*height: 0;*/
    /*width: 100%;*/
/*}*/
/*#fr3 {*/
    /*background: transparent;*/
    /*height: 0;*/
    /*width: 100%;*/
/*}*/
/*#hb {*/
    /*height: 0;*/
    /*width: 100%;*/
/*}*/
/*#ref {*/
    /*height: 0;*/
    /*width: 100%;*/
/*}*/
#sch-iframe {
	background:transparent;
    height: 0;
    width: 100%;
}
#res-iframe {
	background:transparent;
    height: 0;
    width: 100%;
}
/*css_app/flyout-buttons.less!steal-less@1.3.4#less*/
/* Search Flyout Button Strip
===========================================
	- These green and grey buttons is attached to the bottom right of the flyout
	- The buttons build from right to left. grey(n), grey, grey, green.
*/
/* Control Button at the bottom */
.fly-btn-control {
  /* non-standard green button when more than one is present */
  /* middle grey button(s) - There can be more than one */
  /* last grey button */
}
.fly-btn-control .fly-single-btn button:hover .text {
  color: #fff;
}
.fly-btn-control .fly-single-btn li {
  display: block;
  float: left;
  height: 38px;
  list-style-type: none;
  margin: 0;
  padding: 0;
  zoom: 1;
}
.fly-btn-control .fly-single-btn .fly-button {
  background: none;
  border: none;
  color: #406081;
  cursor: pointer;
  font-family: Arial, sans-serif;
  font-size: 11px;
  font-weight: bold;
  margin: 0;
  outline: none !important;
  overflow: visible;
  position: relative;
  text-align: center;
  text-decoration: none !important;
  height: 38px;
  padding: 0 1em;
}
.fly-btn-control .fly-single-btn .fly-single-bl {
  background: url("/images_app/global/bg_btn_flyout.png") 0 0 no-repeat scroll;
  padding-left: 6px;
}
.fly-btn-control .fly-single-btn .fly-single-br {
  background: url("/images_app/global/bg_btn_flyout.png") 100% -38px no-repeat scroll;
  height: 38px;
}
.fly-btn-control .fly-btn-strip {
  /* standard single green button */
}
.fly-btn-control .fly-btn-strip li {
  display: block;
  float: left;
  height: 38px;
  line-height: 38px;
  list-style-type: none;
  margin: 0;
  padding: 0;
  zoom: 1;
}
.fly-btn-control .fly-btn-strip .fly-btn-strip-br {
  background: url("/images_app/global/bg_btn_flyout.png") 100% -38px no-repeat scroll !important;
  height: 38px;
  line-height: 38px;
  margin-left: 3px;
}
.fly-btn-control .fly-btn-strip .middle {
  background: url("/images_app/global/bg_btn_flyout.png") 0 -116px no-repeat scroll !important;
  padding-left: 0 !important;
}
.fly-btn-control .fly-btn-strip .fly-btn-strip-bl {
  background: url("/images_app/global/bg_btn_flyout.png") 0 0 no-repeat scroll;
  padding-left: 6px;
}
.fly-btn-control .fly-btn-strip .fly-button {
  background: none;
  border: none;
  color: #406081;
  cursor: pointer;
  float: left;
  font-family: Arial, sans-serif;
  font-size: 11px;
  font-weight: bold;
  margin: 0;
  outline: none !important;
  overflow: visible;
  position: relative;
  text-align: center;
  text-decoration: none !important;
  height: 38px;
  line-height: 28px !important;
  padding: 0 2em 10px 2em;
}
.fly-btn-control .fly-btn-strip .primary .fly-button {
  padding: 0 5em 10px 4em;
}
.fly-btn-control .fly-btn-strip button:hover .text {
  color: #fff;
}
.fly-btn-control .primary .fly-button {
  padding: 0 5em 10px 4em;
}
.fly-btn-control .bottom {
  background: url("/images_app/global/bg_select_flyout.png") 0 -92px no-repeat;
  padding-left: 16px;
}
.fly-btn-control .bl {
  background: url("/images_app/global/bg_select_flyout.png") 100% -121px no-repeat;
  display: block;
  font-size: 100%;
  height: 29px;
  line-height: 29px;
  padding-right: 10px;
}
.fly-btn-control ul.fly-single-btn {
  float: right;
  list-style: none;
  margin: 0;
  padding: 0;
  position: relative;
  right: -10px;
}
.fly-btn-control ul.rpt-btn-strip {
  float: right;
  list-style: none;
  margin: 0;
  padding: 0;
  position: relative;
  right: -10px;
}
.fly-btn-control ul.fly-btn-strip {
  float: right;
  list-style: none;
  margin: 0;
  padding: 0;
  position: relative;
  right: -10px;
}
.fly-btn-control .first {
  background: url("/images_app/global/bg_btn_flyout.png") 0 -194px no-repeat scroll !important;
  padding-left: 0 !important;
}
.fly-btn-control .middle .fly-btn-strip-br {
  background: url("/images_app/global/bg_btn_flyout.png") 100% -155px no-repeat scroll !important;
  height: 38px;
  line-height: 38px;
  margin-left: 3px;
}
.fly-btn-control .last {
  background: url("/images_app/global/bg_btn_flyout.png") 0 -77px no-repeat scroll !important;
  padding-left: 6px;
}
.fly-btn-control .last .fly-btn-strip-br {
  background: url("/images_app/global/bg_btn_flyout.png") 100% -155px no-repeat scroll !important;
  height: 38px;
  line-height: 38px;
  margin-left: 0;
}
.rpt-button {
  background: none;
  border: none !important;
  cursor: pointer;
  display: inline-block;
  margin: 0;
  outline: none !important;
  overflow: visible;
  padding: 0;
  position: relative;
  text-align: center;
  text-decoration: none !important;
  zoom: 1;
  padding-left: 15px;
  padding-right: 15px;
}
.rpt-button:hover {
  background: url("/images_app/global/bg_div_window.png") repeat-x scroll 0 -126px;
}
.rpt-button:hover span.rpttext {
  color: #fff;
  text-decoration: none;
}
.rpt-button span.rpticon {
  background: url("/images_app/icons/icons_tt.png") no-repeat -176px 0;
  display: block;
  right: 98px;
  top: 50%;
  *margin-top: -8px;
  margin-top: -9px;
  overflow: hidden;
  position: absolute;
  height: 16px;
  width: 16px;
}
.rpt-button span.rpttext {
  color: #465c73;
  font-family: Arial;
  font-size: 11px;
  font-weight: normal;
  height: 19px;
  *height: 16px;
  line-height: 19px;
  *line-height: 16px;
  padding-left: 25px;
  padding-right: 3px;
}

/*css_app/restyle_read_only.css!steal-css@1.3.2#css*/
/*
    !!IMPORTANT!!
    ONLY EDIT THE LESS FILE.
    DO NOT EDIT THE CSS FILE, WHENEVER YOU MAKE A CHANGE RUN THIS (less is required: http://lesscss.org/#download-options):

$ lessc restyle.less > restyle_read_only.css

*/
/**
 * These are reworked styles to help merge the two (UI1 and UI2) designs.
 * Use this to replace the /share/style_link.css style sheet.
 */
#res-grid-inner caption {
  color: #666;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 14px;
  font-weight: bold;
}
#res-grid-inner table {
  background-color: #f0f0f0;
  border: none;
  cellpadding: 1px;
  cellspacing: 1px;
}
/*
#res-grid-inner table.stripe {
	background-color: #fff;
	border: none;
	cellpadding: 1;
	cellspacing: 1;
}
*/
/*
#res-grid-inner table.main {
	border-style: solid;
	border-width: thin;
	border-color: c0c0c0;
}
*/
#res-grid-inner table.border {
  border-style: solid;
  border-color: #C0C0C0;
}
#res-grid-inner table.posrel {
  background-color: #E8E8E8;
  border: none;
  cellpadding: 1;
  cellpsacing: 1;
  position: relative;
}
/*
p {
	color: #000000;
	font-size: 11pt;
}

a {
	color: #06c;
	letter-spacing: 1px;
}

a:visited {
	color: #609;
}
*/
#res-grid-inner tr {
  background-color: #E8E8E8;
}
.whiteBackground {
  background-color: #FFFFFF;
}
#res-grid-inner tr.grayStripe,
#res-grid-inner tr.GS {
  background-color: #E0E0E0;
}
#res-grid-inner tr.greyStripe,
#res-grid-inner tr.GS {
  background-color: #E0E0E0;
}
#res-grid-inner tr.whiteStripe,
#res-grid-inner tr.WS {
  background-color: #FFFFFF;
}
#res-grid-inner tr.highlight {
  background-color: #AAFFFF;
}
#res-grid-inner tr.toggle {
  background-color: #E8E8E8;
  visibility: visible;
  position: relative;
}
#res-grid-inner td {
  color: #000000;
  font-size: 8pt;
  font-family: Arial, Helvetica, sans-serif;
  border: none;
}
#res-grid-inner td.label {
  color: #324F5D;
  font-weight: bold;
  font-size: 8pt;
  font-family: Arial, Helvetica, sans-serif;
  background-color: #E8E8E8;
  border: none;
}
#res-grid-inner td.toggle {
  color: #000000;
  font-size: 8pt;
  font-family: Arial, Helvetica, sans-serif;
  border: none;
  background-color: #E8E8E8;
  visibility: visible;
  position: relative;
}
#res-grid-inner th {
  color: #F8F8F8;
  font-size: 9pt;
  font-family: Arial, Helvetica, sans-serif;
  border: none;
  background-color: #404040;
}
#res-grid-inner th.toggle {
  color: #F8F8F8;
  font-size: 9pt;
  font-family: Arial, Helvetica, sans-serif;
  border: none;
  background-color: #404040;
  visibility: visible;
  position: relative;
}
/*  classless TH is for reverse video.  class th.heading is for report column headings */
#res-grid-inner th.heading {
  color: #FFFFFF;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 10pt;
  letter-spacing: 1.5;
  background-color: #324f5d;
  border: none;
  font-weight: lighter;
}
/*	h5 is for a boxed red highlighted note	*/
#res-grid-inner h5 {
  color: red;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 13pt;
  font-weight: bold;
  background-color: #E0E0E0;
}
#res-grid-inner select {
  color: #000000;
  font-size: 8pt;
  font-family: Arial, Helvetica, sans-serif;
  background-color: #FFFFFF;
  border: solid black 1px;
}
#res-grid-inner select.mand {
  color: #000000;
  font-size: 8pt;
  font-family: Arial, Helvetica, sans-serif;
  background-color: #FFFFC6;
  border: solid black 1px;
}
#res-grid-inner textarea {
  color: #000000;
  font-size: 8pt;
  font-family: Arial, Helvetica, sans-serif;
  background-color: #FFFFFF;
  border: solid black 1px;
  resize: none;
}
#res-grid-inner textarea.mand {
  color: #000000;
  font-size: 8pt;
  font-family: Arial, Helvetica, sans-serif;
  background-color: #FFFFC6;
  border: solid black 1px;
}
#res-grid-inner textarea.expanding {
  color: #000000;
  font-size: 8pt;
  font-family: Arial, Helvetica, sans-serif;
  background-color: #FFFFFF;
  border: none;
  overflow: visible;
  width: 100%;
}
#res-grid-inner checkbox {
  color: #000000;
  font-size: 8pt;
  font-family: Arial, Helvetica, sans-serif;
  background-color: #FFFFFF;
  border: solid black 1px;
}
#res-grid-inner input {
  color: #000000;
  font-size: 8pt;
  font-family: Arial, Helvetica, sans-serif;
}
#res-grid-inner input[type="button"] {
  /*border: auto;*/
}
#res-grid-inner input.framed {
  border: 1px solid black;
}
#res-grid-inner input.small {
  color: #000000;
  font-size: 6pt;
  font-family: Arial, Helvetica, sans-serif;
  background-color: #FFFFFF;
  border: solid black 1px;
}
#res-grid-inner input.standard {
  color: #000000;
  font-size: 8pt;
  font-family: Arial, Helvetica, sans-serif;
  background-color: #FFFFFF;
  border: solid black 1px;
}
#res-grid-inner input.mand {
  color: #000000;
  font-size: 8pt;
  font-family: Arial, Helvetica, sans-serif;
  background-color: #FFFFC6;
  border: solid black 1px;
}
#res-grid-inner input.gray {
  color: #000000;
  font-size: 8pt;
  font-family: Arial, Helvetica, sans-serif;
  background-color: #E0E0E0;
  border: solid black 1px;
}
#res-grid-inner input.button {
  color: #000000;
  font-size: 8pt;
  font-family: Arial, Helvetica, sans-serif;
  background-color: #E0E0E0;
}
#res-grid-inner input.widebtn {
  color: #000000;
  font-size: 8pt;
  width: 2in;
  font-family: Arial, Helvetica, sans-serif;
  background-color: #E0E0E0;
}
#res-grid-inner input.radio {
  color: #000000;
  font-size: 8pt;
  font-family: Arial, Helvetica, sans-serif;
}
#res-grid-inner input.label {
  color: #324F5D;
  font-weight: bold;
  font-size: 8pt;
  font-family: Arial, Helvetica, sans-serif;
  background-color: #E8E8E8;
  border: none;
  text-align: right;
}
#res-grid-inner td.warningServerDev {
  background-color: green;
  color: white;
  font-size: 16pt;
  font-weight: bold;
  text-align: center;
}
#res-grid-inner td.warningServerLive {
  background-color: orange;
  color: white;
  font-size: 16pt;
  font-weight: bold;
}
#res-grid-inner button {
  color: #000000;
  font-size: 8pt;
  font-family: Arial, Helvetica, sans-serif;
  background-color: #E0E0E0;
}
#res-grid-inner .validmess {
  background-color: #ddd;
  color: #333;
  padding: 10px;
  width: 400px;
  border: 3px solid #333;
  position: absolute;
  top: 40%;
  left: 30%;
  posTop: 40%;
  posLeft: 30%;
  z-index: 1000;
  display: block;
}
#res-grid-inner .validmess h3 {
  background-color: #333;
  color: #f8f8f8;
  width: 100%;
  text-align: center;
}
.invisible {
  display: none;
}
.screenblock {
  background-color: #ccc;
  opacity: 0.3;
  position: absolute;
  top: 0;
  left: 0;
  posTop: 0;
  posLeft: 0;
  z-index: 1000;
  width: 100%;
  height: 100%;
  padding: 0;
  margin: 0;
}
.spinner {
  background-color: white;
  color: #333;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 10pt;
  border: 1px solid #333;
  width: 150px;
  padding: 10px;
  text-align: center;
  position: absolute;
  top: 40%;
  left: 30%;
  posTop: 40%;
  posLeft: 30%;
  z-index: 1001;
}
.fly-btn input[type="button"] {
  background: lightGrey;
  margin-top: 1em;
  margin-left: 1em;
  padding: 4px 2px 2px;
}
.fly-btn input.submit-btn {
  background: lightGreen;
}
.fly-btn input.submit-all-required {
  background: lightGreen;
}
.fly-btn input[type="button"]:hover {
  background: #FFE4E1;
  color: red;
}
/*
 * These are for the results grid cell colors
 */
#res-pri-grid td .White,
.res-pri-grid td .White,
.dataTables_wrapper td .White {
  background-color: transparent;
}
#res-pri-grid td .Blue,
.res-pri-grid td .Blue,
.dataTables_wrapper td .Blue {
  background-color: #88AAFF;
}
#res-pri-grid td .Red,
.res-pri-grid td .Red,
.dataTables_wrapper td .Red {
  background-color: #FF7158;
}
#res-pri-grid tbody input[type="button"],
.res-pri-grid tbody input[type="button"],
.dataTables_wrapper tbody input[type="button"] {
  border: auto !important;
  padding: 0px;
  width: auto !important;
}
#res-pri-grid td,
.res-pri-grid td,
.dataTables_wrapper td {
  white-space: nowrap;
}
#res-pri-grid .dt-dom-text input,
.res-pri-grid .dt-dom-text input,
.dataTables_wrapper .dt-dom-text input {
  width: 90%;
}
#res-pri-grid td a,
.res-pri-grid td a,
.dataTables_wrapper td a {
  text-decoration: underline;
}
/* color the filter inputs */
#res-pri-grid thead input,
.res-pri-grid thead input,
.dataTables_wrapper thead input {
  /*	padding-left: 2px; */
}
.dataTables_wrapper .filtered input {
  background-color: #e3ecff;
}
#res-pri-grid tbody td.first,
.res-pri-grid tbody td.first,
.dataTables_wrapper tbody td.first {
  border-left: none;
}
#res-pri-grid tbody tr.row-error,
.res-pri-grid tbody tr.row-error,
.dataTables_wrapper tbody tr.row-error {
  background-color: lightpink;
}
#res-pri-grid thead th,
.res-pri-grid thead th,
.dataTables_wrapper thead th {
  padding-right: 18px !important;
  -moz-user-select: none;
  /* mozilla browsers */
  -khtml-user-select: none;
  /* webkit browsers */
}
#res .filter-controls .filter-box,
.dataTables_wrapper .filter-controls .filter-box {
  position: relative;
  display: inline-block;
}
#res-pri-grid thead .filter-reset,
.res-pri-grid thead .filter-reset,
.dataTables_wrapper thead .filter-reset {
  color: #fff;
  cursor: pointer;
  margin-left: 2px;
  position: absolute;
  visibility: hidden;
}
#res-pri-grid thead .filtered .filter-reset,
.res-pri-grid thead .filtered .filter-reset,
.dataTables_wrapper .filtered .filter-reset {
  visibility: visible;
}
#res-pri-grid,
.res-pri-grid,
.dataTables_wrapper {
  /* fix for Chrome not selecting the last row */
  overflow: hidden;
}
/* scrolling for table */
.dataTables_wrapper .scrolling {
  overflow-x: auto;
}
/* grid icons */
#res-pri-grid .icon,
.res-pri-grid .icon,
.dataTables_wrapper .icon {
  display: inline-block;
  height: 10px;
  margin-left: 3px;
  margin-top: -3px;
  width: 10px;
  vertical-align: middle;
}
#res-pri-grid .error,
.res-pri-grid .error,
.dataTables_wrapper .error {
  background: scroll url(/images_app/icons/icn_expired.png) 50% 50% no-repeat;
}
#res-pri-grid .AOK,
.res-pri-grid .AOK,
.dataTables_wrapper .AOK {
  background: scroll url(/images_app/icons/icn_aok.png) 50% 50% no-repeat;
}
#res-pri-grid .Blue,
.res-pri-grid .Blue,
.dataTables_wrapper .Blue {
  background: scroll url(/images_app/icons/icn_blue.png) 50% 50% no-repeat;
}
#res-pri-grid .Pink,
.res-pri-grid .Pink,
.dataTables_wrapper .Pink {
  background: scroll url(/images_app/icons/icn_pink.png) 50% 50% no-repeat;
}
#res-pri-grid .warn.Pink,
.res-pri-grid .warn.Pink,
.dataTables_wrapper .warn.Pink {
  background: scroll url(/images_app/icons/icn_warn.png) 0 0 no-repeat;
}
#res-pri-grid .warn-white,
.res-pri-grid .warn-white,
.dataTables_wrapper .warn-white {
  background: scroll url(/images_app/icons/icn_warn-w.png) 0 0 no-repeat;
}
#res-pri-grid .u-review,
.res-pri-grid .u-review,
.dataTables_wrapper .u-review {
  background: scroll url(/images_app/icons/icn_under_review.png) 50% 50% no-repeat;
}
#res-pri-grid .f-effective,
.res-pri-grid .f-effective,
.dataTables_wrapper .f-effective {
  background: scroll url(/images_app/icons/icn_future_effective.png) 50% 50% no-repeat;
}
#res-pri-grid .Email,
.res-pri-grid .Email,
.dataTables_wrapper .Email {
  background: scroll url(/images_app/icons/envelope.png) 50% 50% no-repeat;
}
/* Globally available Icons */
span.error-icon {
  /*
  * background: scroll url(/images_app/icons/icn_expired.png) 50% 50% no-repeat;
  */
  background-image: url(/images_app/icons/icn_expired.png);
  background-position: 50% 50%;
  background-repeat: no-repeat;
  padding-left: 20px;
}
span.aok-icon {
  /*
  * background: scroll url(/images_app/icons/icn_aok.png) 50% 50% no-repeat;
  */
  background-image: url(/images_app/icons/icn_aok.png);
  background-position: 50% 50%;
  background-repeat: no-repeat;
  padding-left: 20px;
}
span.blue-icon {
  background: scroll url(/images_app/icons/icn_blue.png) 50% 50% no-repeat;
}
span.pink-icon {
  background: scroll url(/images_app/icons/icn_pink.png) 50% 50% no-repeat;
}
span.warn-icon {
  /*
 * background: scroll url(/images_app/icons/icn_warn.png) 0 0 no-repeat;
 */
  background-image: url(/images_app/icons/icn_warn.png);
  background-position: 50% 50%;
  background-repeat: no-repeat;
  padding-left: 20px;
}
span.warn-white-icon {
  /*
 * background: scroll url(/images_app/icons/icn_warn-w.png) 0 0 no-repeat;
 */
  background-image: url(/images_app/icons/icn_warn-w.png);
  background-position: 50% 50%;
  background-repeat: no-repeat;
  padding-left: 20px;
}
span.u-review-icon {
  background: scroll url(/images_app/icons/icn_under_review.png) 50% 50% no-repeat;
}
span.f-effective-icon {
  background: scroll url(/images_app/icons/icn_future_effective.png) 50% 50% no-repeat;
}
/*
 * Sorting
 */
/* .sorting { background: url(/images_app/icons/sort_both.png) no-repeat center right; } */
.sorting {
  background: none;
}
.sorting_asc {
  background: url(/images_app/icons/sort_asc_disabled.png) no-repeat center right;
}
.sorting_desc {
  background: url(/images_app/icons/sort_desc_disabled.png) no-repeat center right;
}
/*
.sorting_asc_disabled { background: url(/images_app/icons/sort_asc_disabled.png) no-repeat center right; }
.sorting_desc_disabled { background: url(/images_app/icons/sort_desc_disabled.png) no-repeat center right; }
*/
th:active {
  outline: none;
}
/*
 * Breadcrumbs
 */
#breadcrumb {
  float: left;
  margin: 0 0 0 1em;
  padding: 0;
}
#breadcrumb li {
  color: #f0f0f0;
  font-size: 10px;
  line-height: 18px;
  float: left;
  margin: 0;
  padding: 0;
}
#breadcrumb li a {
  color: #f0f0f0;
  font-size: 10px;
  line-height: 18px;
}
#breadcrumb li span {
  color: #f0f0f0;
  font-size: 10px;
  line-height: 18px;
  padding: 0 0.5em;
}
#breadcrumb li span.active {
  padding: 0;
}
/* Error text in the search flyout */
.form-body label.error {
  color: #FF0000;
  display: block;
  text-align: left;
}
.form-body label.error em {
  color: #FF0000;
}
.form-body input.error {
  background-color: #fffee6;
  border: 1px solid #ffb5b5;
}
form label em {
  color: #FF0000;
}
/* READ ONLY and DISABLED input/textarea */
.readonly,
input:read-only,
input:disabled,
textarea:read-only,
textarea:disabled {
  background-color: #f0f0f0;
  border: 1px solid #d9d9d9;
  color: #666;
}
.readonly.whiteBackground,
input:read-only.whiteBackground,
input:disabled.whiteBackground,
textarea:read-only.whiteBackground,
textarea:disabled.whiteBackground {
  background-color: #FFFFFF;
}
/* styles for the search form */
/*.form-body label input[type="checkbox"],*/
/*.form-body label input[type="radio"] {*/
/*}*/
.form-title {
  font-size: 14px;
  font-weight: bold;
  margin: 0.25em 0 0.25em 20px;
}
.ui-autocomplete {
  background: #ECEFF0 !important;
  text-align: left;
  max-height: 300px;
  overflow-y: auto;
  overflow-x: hidden;
}
.ui-autocomplete li a {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 11px;
}
.ui-autocomplete span.code {
  display: inline-block;
  /*display: block;*/
  font-weight: bold;
  /*width:3em;*/
}
.ui-autocomplete div.inner-indent {
  padding-left: 7px;
}
.ui-autocomplete-loading {
  background: white url(/images_app/global/ui-anim_basic_16x16.gif) right center no-repeat;
}
/* temp style */
input.autocomplete {
  border: 1px solid #D9D9D9;
  border-right-width: 4px !important;
}
/* User Persona Info */
.user-data .fullname {
  padding-left: 1em;
  text-transform: uppercase;
}
/*
 * Date Picker
 */
.date-picker-wrap td {
  padding-right: 0.5em;
}
.date-picker-wrap td label {
  font-style: italic;
}
.ui-widget-content .ui-datepicker-calendar .ui-state-highlight {
  border: 1px solid #fcefa1;
  background: #c2c2c2 url(../../../../images_app/global/jquery/ui-bg_flat_55_c2c2c2_40x100.png) 50% 50% repeat-x;
  color: #363636;
  font-weight: normal !important;
}
/* Grid Detail Row */
div.inner-details {
  background-color: #ffffff;
  /*display: none;*/
  min-height: 5em;
  padding: 0;
}
div.inner-details tbody tr td:last-child {
  border-right: 1px solid #d9d9d9;
}
div.inner-details tbody tr:last-child td {
  border-bottom: 1px solid #d9d9d9;
}
/* the optimizer has a different visual style */
.optimizer-grid div.inner-details,
.view-rates-grid div.inner-details {
  background-color: #DBDBDB;
}
.view-rates-grid-gri div.inner-details {
  background-color: #fff;
}
#res .view-rates-grid-gri div.inner-details thead td {
  background-color: #b1bbc5;
  color: #fff;
}
/*
Too difficult to not have these exposed without the #res .data-grid
This way we can have data tables with twist downs outside of the main results window
*/
td.btn-twist {
  background-image: url(/images_app/icons/icn_twist_c.png);
  background-position: 3px 50%;
  background-repeat: no-repeat;
  cursor: pointer;
  padding-left: 22px;
}
td.btn-twist.centered {
  background-image: url(/images_app/icons/icn_twist_c.png);
  background-position: 50% 50%;
  background-repeat: no-repeat;
  cursor: pointer;
  padding-left: 22px;
}
td.active-twist {
  background-image: url(/images_app/icons/icn_twist_o.png);
  background-position: 3px 50%;
  background-repeat: no-repeat;
  padding-left: 22px;
  border-left: 1px;
}
td.active-twist.centered {
  background-image: url(/images_app/icons/icn_twist_o.png);
  background-position: 50% 50%;
  background-repeat: no-repeat;
  padding-left: 22px;
  border-left: 1px solid #d9d9d9;
}
#res .data-grid td.btn-twist {
  /*background: url(/images_app/icons/icn_twist_c.png) 3px 50% no-repeat;*/
  background-image: url(/images_app/icons/icn_twist_c.png);
  background-position: 3px 50%;
  background-repeat: no-repeat;
  cursor: pointer;
  padding-left: 22px;
}
#res .data-grid td.btn-twist.centered {
  /*background: url(/images_app/icons/icn_twist_c.png) 50% 50% no-repeat;*/
  background-image: url(/images_app/icons/icn_twist_c.png);
  background-position: 50% 50%;
  background-repeat: no-repeat;
  cursor: pointer;
  padding-left: 22px;
}
#res .data-grid td.active-twist {
  /*background: #FFFFFF url(/images_app/icons/icn_twist_o.png) 3px 50% no-repeat !important;*/
  background-image: url(/images_app/icons/icn_twist_o.png);
  background-position: 3px 50%;
  background-repeat: no-repeat;
  /*border-bottom: 1px solid #b1bbc5;*/
  padding-left: 22px;
  border-left: 1px;
}
#res .data-grid td.active-twist.centered {
  /*background: #FFFFFF url(/images_app/icons/icn_twist_o.png) 50% 50% no-repeat !important;*/
  background-image: url(/images_app/icons/icn_twist_o.png);
  background-position: 50% 50%;
  background-repeat: no-repeat;
  /*border-bottom: 1px solid #b1bbc5;*/
  padding-left: 22px;
  border-left: 1px solid #d9d9d9;
}
#res .data-grid .res-details table {
  width: 100%;
}
#res .data-grid .res-details table.tight {
  border-collapse: collapse;
  border-left: 1px solid #5e7086;
}
#res .data-grid .res-details {
  background: #DBDBDB url(/images_app/global/bg_details_grad.png) left bottom repeat-x;
  padding: 0 0 10px 0;
}
#res .data-grid .res-details .res-details {
  background-image: none;
  padding: 0;
}
#res .data-grid .res-details,
#res .data-grid .res-details td,
#res .data-grid .res-details .notes {
  white-space: normal;
}
#res .data-grid .res-details th {
  background-color: #b1bbc5;
  color: #fff;
  font-weight: normal;
}
#res .data-grid .res-details th.gmr {
  background-color: #5e7086;
  color: #fff;
  font-weight: bold;
}
#res .data-grid .res-details td.tight {
  padding: 1px;
}
#res .data-grid .res-details td.blue {
  background-color: #E1F1FE;
  color: #666666;
  font-weight: bold;
}
#res .data-grid .res-details td.blkbold {
  color: #000000;
  font-weight: bold;
}
.res-details .notes {
  margin: 1em 2em;
  font-size: 10px;
}
/* Styles for the nested data-grid */
.nested-data-grid {
  display: none;
  background-color: #E5EEF8;
}
.nested-data-grid th {
  background-color: #b1bbc5;
  color: #fff;
  font-weight: normal;
}
.nested-data-grid td.btn-twist {
  background: url(/images_app/icons/icn_twist_c.png) 3px 50% no-repeat;
  cursor: pointer;
  background-color: white;
  padding-left: 22px;
}
.nested-data-grid td.active-twist {
  background: #b1bbc5 url(/images_app/icons/icn_twist_o.png) 3px 50% no-repeat !important;
  border-bottom: 1px solid #b1bbc5;
  padding-left: 22px;
}
.nested-row {
  /*border: 1px solid #b1bbc5;*/
}
/*
	-----------------------------------------------
    Quote Worksheet Styling
	-----------------------------------------------
*/
#main-page-content {
  position: relative;
}
.quote-footer {
  max-width: 979px;
  margin-left: 20px;
}
.summary-pdf {
  display: none;
}
/* Headlines
===========================================
*/
.mod-headline {
  background-color: #5d7085;
  color: #fff;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  font-weight: bold;
  line-height: 28px;
  padding-left: 1em;
}
.paragraphs {
  float: right;
  margin: 0;
  padding-right: 10px;
  display: inline-block;
}
.sub-headline {
  color: #406081;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  font-weight: bold;
}
.sub-headline .company {
  padding-bottom: 20px;
}
.mod-headline .head-sub {
  color: #fff;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 10px;
  font-weight: normal;
}
/* Two Column Dictionary List
===========================================
*/
.two-col {
  width: 100%;
}
.two-col dt {
  clear: left;
  float: left;
  margin-bottom: 0.25em;
  margin-right: 0.5em;
  position: relative;
  text-align: right;
  width: 10em;
}
.two-col dd {
  float: left;
  width: 50%;
  word-wrap: break-word;
  margin-bottom: 0.25em;
  /*margin-left:10.5em;*/
}
/* Module Box Container
===========================================
*/
.mod-box {
  background: #f0f0f0 url(/images_app/global/bg_mod_box_m.png) 0 0 repeat-y;
  margin: 0 10px;
}
.mod-box .mod-top {
  background: #f0f0f0 url(/images_app/global/bg_mod_box_t.png) 0 0 no-repeat;
  height: 15px;
}
.mod-box .mod-bottom {
  background: #f0f0f0 url(/images_app/global/bg_mod_box_b.png) 0 0 no-repeat;
  height: 15px;
}
.mod-box .mod-inner {
  margin: 0 10px;
  width: 979px;
}
/* Wizard Menus
===========================================
- Note: we're stacking them on top of one another to allow them to restack when selected.
*/
.wiz-menu {
  background: url(/images_app/global/bg_wiz_bar2.png) 0 0 repeat-x;
  height: 41px;
  list-style: none outside none;
  margin: 0 0 0 0;
  padding: 0;
  position: relative;
}
.wiz-menu li {
  background: none;
  cursor: pointer;
  float: left;
  height: 41px;
  list-style-type: none;
  margin: 0;
  padding: 0 0 0 35px;
  position: absolute;
}
.wiz-menu li.preferences {
  width: 200px;
  left: 0px;
  z-index: 5;
}
.wiz-menu li.greeting {
  width: 200px;
  left: 168px;
  z-index: 4;
}
.wiz-menu li.service {
  width: 200px;
  left: 336px;
  z-index: 3;
}
.wiz-menu li.closing {
  width: 189px;
  left: 504px;
  z-index: 2;
}
.wiz-menu li.recipients {
  width: 190px;
  left: 672px;
  z-index: 1;
}
.wiz-menu li.active {
  background: url(/images_app/global/bg_wiz_tab_lt.png) 0 0 no-repeat;
  z-index: 2999 !important;
}
.wiz-menu li.last {
  background-position: 0 0;
}
.wiz-menu li.first {
  background: none;
  padding-left: 0;
}
.wiz-menu li a {
  background: url(/images_app/global/bg_wiz_tab.png) 100% 0 no-repeat;
  color: #666;
  display: block;
  font-famil: Arial, Helvetica, sans-serif;
  font-size: 14px;
  line-height: 41px;
  height: 41px;
  text-align: center;
  text-decoration: none;
}
.wiz-menu li span.text {
  padding-right: 5px;
}
a.disabled {
  color: #ccc !important;
}
a.disabled:hover {
  text-decoration: none;
}
select:disabled {
  background-color: #f0f0f0;
}
/* Quote Worksheet Sub Modules
===========================================
	- These are generic styles for quote modules
	- like the transport, service fees...
*/
.quote-module {
  margin: 0 20px;
}
/* Co Branded Area
===========================================
*/
.co-brand {
  padding: 1em;
  text-align: center;
}
/* Summary Information
===========================================
*/
.summary-info {
  border-top: 1px solid #dfdfdf;
  border-bottom: 1px solid #dfdfdf;
  padding: 0.5em 0;
}
.summary-info .two-col dt {
  color: #999;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  width: 7em;
}
.summary-info .two-col dd {
  color: #444;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  width: 70%;
}
.payterms-hide a {
  font-size: 11px;
}
/* Greeting Information
===========================================
*/
.greeting-bg {
  background: url(/images_app/global/bg_quotes.png) 67px 0 no-repeat;
  padding: 0 1em 0 100px;
}
.greeting-box {
  margin-bottom: 5px;
}
.greeting-box .greeting-txt textarea {
  min-height: 19px;
  color: #6189b4;
  font-size: 14px;
  width: 90%;
  height: 19px;
}
.greeting-box .greeting-txt p {
  min-height: 19px;
  color: #6189b4;
  font-size: 14px;
  width: 90%;
  border: 1px solid white;
}
.greeting-box .greeting-txt p:hover {
  border: 1px dotted #5d7085;
}
.greeting-boxP {
  margin-bottom: 5px;
}
.greeting-boxP .greeting-txt textarea {
  min-height: 19px;
  color: #000000;
  font-size: 12px;
  width: 90%;
  height: 19px;
}
.greeting-boxP .greeting-txt p {
  min-height: 19px;
  color: #000000;
  font-size: 12px;
  width: 90%;
}
.closing-box,
.closing_comment,
.quote_notes {
  border-top: 1px solid #dfdfdf;
  margin-top: 1em;
}
/* Transportation Quote
===========================================
*/
.quote-table th {
  background-color: #b1bbc5;
  color: #fff;
  font-size: 10px;
  font-weight: bold;
  padding: 4px 2px;
}
.quote-table td {
  border-bottom: 1px solid #dfdfdf;
  color: #666;
  font-size: 10px;
  font-weight: normal;
  padding: 4px 2px;
}
#rate-summary .commodity {
  width: 27em;
}
#rate-summary td.c20,
#rate-summary td.c40,
#rate-summary td.c40hq,
#rate-summary td.c45,
#rate-summary td.lclmin,
#rate-summary td.lclbasis,
#rate-summary td.lclunits,
#rate-summary td.lclrate {
  padding-left: 0;
}
door-summary-fcl input,
door-summary-lcl input {
  background-color: #FFFFFF;
  border: 1px solid #CCCCCC;
  color: #444;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 11px;
  padding: 2px;
  width: 95%;
}
door-summary-fcl select,
door-summary-lcl select {
  width: 95%;
}
door-summary-fcl .add-rate,
door-summary-lcl .add-rate {
  font-size: 13px;
}
door-summary-fcl .charge-description tfoot td,
door-summary-lcl .charge-description tfoot td {
  padding-left: 0;
}
door-summary-fcl .tt-text,
door-summary-lcl .tt-text {
  padding-right: 0;
}
.truck-add-rate {
  color: #666;
  padding: 15px 15px 0 15px;
}
.truck-add-rate .add-rate {
  padding: 15px;
}
.truck-add-rate .searchButton {
  padding: 15px 0;
}
/* Terms and Conditions
===========================================
*/
.terms-conditions {
  /*border-top: 1px solid #dfdfdf;*/
  padding-top: 1em;
}
.simple-list {
  padding-right: 20px;
}
.simple-list li {
  color: #444;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 10px;
  list-style-type: disc;
  padding-bottom: 0.5em;
}
/* Rate Detail Quote
===========================================
*/
#quote-layout-bottom {
  padding-bottom: 10px;
}
.rate-detail-header {
  padding-top: 10px;
  color: #607184;
}
/* Shipment Specific Quote
===========================================
*/
.quote-shipment-grid {
  width: 100%;
}
.quote-shipment-grid td {
  border: 1px solid #ddd;
}
.footer {
  color: #666;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 11px;
  padding: 0.5em 0;
  text-align: center;
}
/* General Styles
===========================================
*/
/* clearFix
note: adding overflow:auto (or hidden) to the containg elm works also.
*/
.clear-fix:after {
  content: " ";
  display: block;
  height: 0;
  font-size: 0;
  clear: both;
  visibility: hidden;
}
.clear-fix {
  zoom: 1;
}
.float-right {
  float: right;
}
.float-left {
  float: left;
}
.clear {
  clear: both;
}
/* Calculator Container
===========================================
*/
.calc-wrap {
  width: 100%;
  margin-bottom: 0.5em;
}
.calc-wrap .background {
  background-color: #F2F2F2;
  text-align: right;
}
.calc-wrap .number {
  border-right: 1px solid white;
  color: #666;
  float: left;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 14px;
  font-weight: bold;
  margin: 10px 5px 0 3px;
}
.calc-wrap td {
  padding-right: 5px;
  padding-bottom: 5px;
}
.calc-wrap .headtext {
  font-weight: bold;
  color: #666;
  font-family: Arial, Helvetica, sans-serif;
}
.calc-wrap .row-count {
  float: left;
  background-color: #f2f2f2;
  vertical-align: top;
  width: 25px;
}
.calc-wrap .row-count span {
  color: #666;
  float: right;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 14px;
  font-weight: bold;
  margin: 10px 5px 0 3px;
}
.calc-wrap .row-calculator {
  background-color: #f2f2f2;
  border-bottom: 1px solid #8C99A8;
  padding-left: 5px;
}
.calc-wrap .row-action {
  background-color: #f2f2f2;
  border-bottom: 1px solid #8C99A8;
  vertical-align: top;
  width: 30px;
}
.delete-row {
  background: url(/images_app/icons/icn_delete_row.png) 0 0 no-repeat;
  display: inline-block;
  height: 16px;
  margin: 10px 5px 0 0;
  text-indent: 2000em;
  width: 16px;
}
.add-row {
  color: #5d7085;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 11px;
  font-weight: bold;
}
.calculator input {
  background-color: #FFFFFF;
  width: 90%;
  color: #444;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 11px;
  padding: 2px;
  margin: 2px;
  font-weight: bold;
}
/* Dim Weight Calculator
===========================================
*/
.quote-dim-weight td {
  background-color: #f2f2f2;
  border-bottom: 1px solid #dfdfdf;
  padding: 4px 5px;
}
.quote-dim-weight td.no-border {
  border-bottom: none;
}
.quote-dim-weight .tt-text {
  border: 1px solid #d9d9d9;
  color: #444;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 11px;
  padding: 2px;
}
.quote-dim-weight .tt-textnb {
  color: #444;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 11px;
  padding: 2px;
}
.tt-label {
  color: #888;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 11px;
}
.quote-dim-weight .Cinput {
  text-align: right;
  width: 90%;
}
.quote-dim-weight .readonly {
  background: none repeat scroll 0 0 transparent;
  border: medium none;
}
/* Charge Description
===========================================
*/
.tablelayout {
  table-layout: fixed;
  *table-layout: auto;
}
.borderr {
  border-right: 1px solid #C6CDD4;
}
.borderl {
  border-left: 1px solid #C6CDD4;
}
.bordert {
  border-top: 1px solid #C6CDD4;
}
.borderb {
  border-bottom: 1px solid #C6CDD4;
}
.borderrn {
  border-right: none;
}
.bordern {
  border: none !important;
}
.bordera {
  border: 1px solid #C6CDD4;
}
.alignright {
  float: right;
  display: inline-block;
}
.alignleft {
  float: left;
  display: inline-block;
}
.charge-description {
  border: 1px solid #c8d1db;
  padding-bottom: 5px;
}
.charge-description th {
  border-right: 1px solid #C6CDD4;
  color: #fff;
  padding: 3px 6px;
}
.charge-description th.total {
  background-color: #b1bbc5;
  border-right: none;
}
.charge-description td {
  color: #666;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 11px;
  padding: 3px 4px;
}
.charge-description .active {
  background-color: #e5eef8;
}
.charge-description .active .total {
  background-color: #caddf0;
  font-size: 10px;
}
.charge-description .primary-row td {
  color: #666;
}
.charge-description .total {
  background-color: #E1ECF6;
  border: 1px solid #c8d1db;
}
.charge-description .thheader {
  font-size: 10px;
  background-color: #5d7085;
}
.charge-description .thheader2 {
  background-color: #b0bbc5;
  font-size: 10px;
}
.charge-description .thheader3 {
  background-color: #9badbe;
  font-size: 10px;
}
.charge-description .twist-down {
  background: url(/images_app/icons/icn_twist_c.png) 0 0 no-repeat;
  display: inline-block;
  float: left;
  height: 16px;
  margin-right: 0.5em;
  overflow: hidden;
  text-indent: 2000em;
  width: 16px;
}
.charge-description .twist-down .active {
  background: url(/images_app/icons/icn_twist_o.png) 0 0 no-repeat;
}
.charge-description .twist-down-active {
  background: url(/images_app/icons/icn_twist_o.png) 0 0 no-repeat;
  display: inline-block;
  float: left;
  height: 16px;
  margin-right: 0.5em;
  overflow: hidden;
  text-indent: 2000em;
  width: 16px;
}
.dGrandTotal {
  padding: 10px !important;
  font-weight: bold;
}
.blankrow td {
  font-size: 1px;
}
td.blankspacer {
  border: none;
}
td.whitespacer {
  background-color: white;
  border: none;
}
.twist-row {
  display: none;
}
.twist-row.active {
  display: table-row;
}
.twist-row-active {
  display: table-row;
}
.detail {
  background-color: #e5eef8;
  padding: 1.5em;
  border: 1px solid #C6CDD4;
}
.detailinclude {
  background-color: #e5eef8;
  padding: 1.5em;
  border-right: 1px solid #C6CDD4;
}
.detailhead {
  background-color: #e5eef8;
  padding: 1.5em;
  border-top: 1px solid #C6CDD4;
  border-bottom: 1px solid #C6CDD4;
  border-right: 1px solid #C6CDD4;
}
.detailfoot {
  background-color: #e5eef8;
  padding: 1.5em;
  border-bottom: 1px solid #C6CDD4;
  border-right: 1px solid #C6CDD4;
}
.detailb {
  background-color: #F1F1F1;
  padding: 1.5em;
  border: 1px solid #C6CDD4;
}
.tablebox {
  width: 95%;
  background-color: #FFFFFF;
  border: 1px solid #C6CDD4;
  padding: 2px;
}
.tableboxhead {
  border: 1px solid #C6CDD4;
  /*!important*/
}
.tableboxheader {
  background-color: #FFFFFF;
  border: 1px solid #c8d1db;
  padding: 2px;
  width: 75% !important;
  text-align: left;
}
.detaildarker {
  background-color: #d3e3f3;
  border-right: 1px solid #C6CDD4;
  border-left: 1px solid #C6CDD4;
}
.detaildarker input {
  width: 95%;
  text-align: right;
}
.detailaddfee input {
  text-align: right;
}
.detaildarkering {
  background-color: #c2ceda;
  border-right: 1px solid #9EABBA;
  border-left: 1px solid #9EABBA;
}
.detaildarkeringhead {
  background-color: #c2ceda;
  border-right: 1px solid #9EABBA;
  border-left: 1px solid #9EABBA;
}
.detaildarkering input {
  width: 95%;
  text-align: right;
}
.detaildarkeringhead input {
  text-align: right;
}
.transportation-grid td {
  border: none;
  padding: 3px;
}
.transportation-grid input {
  background-color: #FFFFFF;
  border: 1px solid #CCCCCC;
  color: #444;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 11px;
  padding: 2px;
}
.charge-detail {
  border: 1px solid #c8d1db;
}
.charge-detail th {
  background-color: transparent;
  border-right: none;
  border-bottom: 1px solid #C6CDD4;
  color: #000;
  text-align: right;
}
.charge-detail tbody td {
  border: none;
}
.charge-detail tfoot td {
  border: none;
}
.charge-detail tbody .select {
  border-left: 1px solid #c8d1db;
  text-align: center;
}
.charge-detail tfoot .select {
  border-left: 1px solid #c8d1db;
  text-align: center;
}
.charge-detail input {
  background: none repeat scroll 0 0 transparent;
  border: 1px solid #CCCCCC;
  color: #444;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 11px;
  padding: 2px;
}
.charge-detail .margin-row td {
  background-color: #c2cdda;
}
.charge-detail .margin-row input {
  background-color: #fff;
}
.charge-detail .add-fee-row input {
  background-color: #fff;
}
.charge-detail .total-row td {
  font-weight: bold;
  text-align: right;
}
.inner-shadow-top {
  box-shadow: inset 0px 5px 5px #CECECE;
  background-color: #e5eef8;
  display: block;
}
.inner-shadow-bottom {
  box-shadow: inset 0px -5px 5px #CECECE;
  background-color: transparent;
  padding: 5px;
}
select.newsurcharge {
  float: right;
  width: 90%;
}
input.mastermargin {
  width: 80px;
}
.rate_worksheet_FM {
  margin: 0px;
  padding-top: 20px;
  padding-bottom: 20px;
  border: none !important;
  background: url(/images_app/global/dropshadowQuote.png) 0 0 repeat-x;
}
/* Service Fee
===========================================
*/
#service-fee {
  padding-top: 20px;
}
#service-fee .service-fee-headers {
  font-size: 11px;
  padding: 3px 6px;
}
.tt_wizard_service_fee {
  margin: 0 auto;
}
.service-fee {
  width: 100%;
}
.service-fee .divbox {
  width: 48%;
  height: 80%;
  display: inline-block;
  vertical-align: top;
}
.service-fee .two-col dt {
  color: #888;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 10px;
  width: 30em;
}
.service-fee .two-col dd {
  color: #444;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 10px;
  margin-left: 30.5em;
}
.service-fee tbody td {
  border: none;
  color: #666;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 11px;
  padding: 3px 6px;
}
.service-fee .primary-row td {
  color: #666;
}
.service-fee .total {
  background-color: #e1ecf6;
  border: 1px solid #dfdfdf;
}
.service-fee .delete-row {
  margin: 0;
  text-align: center;
}
.service-fee tfoot td {
  color: #666;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 16px;
  font-weight: bold;
  padding: 1em 35px 1em 5px;
}
.service-fee .sub-headline {
  color: #444;
  font-size: 14px;
  margin: 0 0 0.5em 0.5em;
}
.service-fee .show-all,
.service-fee .hide-all {
  font-size: 11px;
}
.service-fee .disabled_table_row {
  color: black;
  background-color: #b1bbc5;
  opacity: 0.4;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 16px;
  /*font-weight: bold; */
  padding: 1em 35px 1em 5px;
}
.service-fee .data-grid th {
  background-color: #617084;
  color: #fff;
  font-weight: normal;
  padding: 6px 4px;
}
.service-fee .dataTables_paginate {
  /* background-color:#fff; no background in the footer */
  border-top: 1px solid #d0d6dc;
  text-align: center;
  zoom: 1;
}
.service-fee .h-titles th {
  border-collapse: separate;
  border-right: 1px solid #caced3;
  /*padding: 3px 15px 3px 3px;*/
}
.service-fee .filter-controls td {
  background-color: #b3bbc4;
  border-collapse: separate;
  border-right: 1px solid #ddd;
  text-align: left;
  white-space: normal;
  /*position: relative;*/
  padding: 3px;
}
.service-fee .filter-controls td:last-child,
.service-fee .h-titles th:last-child {
  border-right: none;
}
.service-fee .filter-controls .filter-box {
  position: relative;
}
.service-fee .filter-controls .filter-reset {
  color: #fff;
  position: absolute;
  right: -11px;
  top: 2px;
}
.service-fee .filter-controls .search_init {
  border: 1px solid #FFFFFF;
  color: #666;
  width: 100%;
}
.service-fee .slider-buttons-div {
  vertical-align: top;
  display: inline-block;
  padding-top: 170px;
  width: 3%;
}
.service-fee .rate {
  text-align: right;
  /*padding-right: 15px;*/
}
.service-fee th.rate {
  text-align: left;
}
.service-fee .rate-edit {
  text-align: right;
}
/* Appendix */
.headline-row td {
  background-color: #ddd;
}
/* Tooltip Window
===========================================
	- Used for standard tooltip windows
*/
.win-tooltip {
  left: 100px;
  /*overflow:hidden;*/
  position: absolute;
  text-align: left;
  top: 100px;
  width: 500px;
  z-index: 3000;
  zoom: 1;
  box-shadow: 0 4px 9px 0 grey;
}
.win-tooltip .top {
  background-color: #5E7086;
  border-radius: 5px 5px 0 0;
}
.win-tooltip .tl {
  display: block;
  font-size: 100%;
  height: 29px;
  padding: 0 5px 0 7px;
  zoom: 1;
}
.win-tooltip .bottom {
  border-radius: 0 0 5px 5px;
  background-color: #fff;
}
.win-tooltip .bl {
  display: block;
  font-size: 100%;
  height: 7px;
}
.win-tooltip .inner-left {
  border: none;
}
.win-tooltip .inner-right {
  border: none;
}
.win-tooltip .inner {
  background-color: #fff;
  border: none;
  color: #666;
  font-size: 11px;
}
.win-tooltip .title {
  color: #f3f7f9;
  font-size: 11px;
  font-weight: bold;
  line-height: 29px;
  padding: 0;
  text-indent: 0.5em;
}
.win-tooltip .close-win {
  margin: 8px 8px 0 0;
}
.win-tooltip .tooltip-point {
  background: url(/images_app/global/bg_point_bl_t.png) 0 0 no-repeat;
  display: block;
  height: 9px;
  left: 100px;
  position: absolute;
  top: -9px;
  width: 17px;
}
/* General Tooltip Styles
=============================================================*/
/* Appendix */
.headline-row td {
  background-color: #ddd;
}
.win-tooltip-gen {
  left: 100px;
  /*overflow:hidden;*/
  position: absolute;
  text-align: left;
  top: 100px;
  display: none;
  z-index: 10;
}
/* Styles for each length*/
.win-tooltip-gen .top {
  background: url(/images_app/global/bg_tooltip_gen_t_large.png) 0 0 no-repeat;
  padding-left: 20px;
}
.win-tooltip-gen .tl {
  background: url(/images_app/global/bg_tooltip_gen_t_large.png) 100% -30px no-repeat;
  height: 30px;
  padding-right: 10px;
}
.win-tooltip-gen .bottom {
  background: url(/images_app/global/bg_tooltip_gen_b_large.png) 0 0 no-repeat;
  padding-left: 20px;
}
.win-tooltip-gen .bl {
  background: url(/images_app/global/bg_tooltip_gen_b_large.png) 100% -30px no-repeat;
  height: 30px;
  padding-right: 10px;
}
.win-tooltip-gen .inner p {
  padding: 0em 0;
  margin: 0;
  width: auto;
}
.win-tooltip-gen .inner-left {
  background: url(/images_app/global/bg_tooltip_m.png) 0 0 repeat-y;
  border: none;
  padding-left: 10px;
}
.win-tooltip-gen .inner-right {
  background: url(/images_app/global/bg_tooltip_r.png) 100% 0 repeat-y;
  border: none;
  padding-right: 10px;
}
.win-tooltip-gen .inner {
  background-color: #4a5e72;
  border: none;
  color: #FFFFFF;
  font-size: 11px;
  padding-left: 10px;
  padding-right: 10px;
}
.win-tooltip-gen .title {
  color: #f3f7f9;
  font-size: 11px;
  font-weight: bold;
  line-height: 29px;
  padding: 0;
  text-indent: 0.5em;
}
.win-tooltip-gen .tooltip-point {
  background: url(/images_app/global/bg_point_bl_L.png) 0 0 no-repeat;
  height: 15px;
  width: 8px;
  left: 2px;
  position: absolute;
  top: 30px;
}
.close-win-gen {
  background: url(/images_app/icons/icons_tt.png) -80px 0 no-repeat;
  color: #4A5E72;
  width: 16px;
  height: 16px;
  text-decoration: none;
  top: 14px;
  float: right;
  right: 5px;
  position: relative;
}
.dialog a {
  text-decoration: none;
}
.win-dialog {
  left: 100px;
  /*overflow:hidden;*/
  position: absolute;
  text-align: left;
  top: 100px;
  display: none;
  z-index: 10;
}
/* Dialog Tooltip Styles
============================================================
*/
.dlgTD {
  padding: 3px;
}
.dialog-gen {
  width: 250px;
  top: 100px;
  z-index: 3000;
  zoom: 1;
  position: absolute;
}
.dialog-gen .dialog-point-top {
  background: url(/images_app/global/bg_point_bl_t.png) 0 0 no-repeat;
  height: 10px;
  width: 18px;
  left: 60px;
  top: -9px;
  position: absolute;
}
.dialog-gen .dialog-point-down {
  background: url(/images_app/global/bg_point_bl_D.png) 0 0 no-repeat;
  height: 9px;
  width: 17px;
  left: 60px;
  position: absolute;
  bottom: 0px;
}
.dialog-gen .dialog-point-left {
  background: url(/images_app/global/bg_point_bl_L.png) 0 0 no-repeat;
  height: 17px;
  width: 9px;
  position: absolute;
  left: 0px;
  top: 10px;
}
.dialog-gen .inner {
  background-color: #FFFFFF;
  padding: 10px;
  border: none;
  color: #000000;
  font-size: 10px;
  font-family: Arial;
  font-weight: normal;
  padding-left: 10px;
  padding-right: 10px;
}
.dialog-gen .inner-data {
  background-color: #FFFFFF;
  border: none;
  color: #000000;
  font-size: 10px;
  font-family: Arial;
  font-weight: normal;
  padding-left: 0px;
  padding-right: 0px;
}
.dialog-gen .header {
  font-family: Arial;
  color: #fff;
  font-weight: bold;
}
.dialog-gen th {
  font-family: Arial;
  background-color: #5E7086;
  color: #fff;
  font-weight: bold;
  font-size: 11px;
}
.dialog-gen .label {
  font-family: Arial;
  color: #000;
  font-weight: bold;
  font-size: 11px;
}
.dialog-gen td {
  font-family: Arial;
  color: #000;
  font-weight: normal;
  font-size: 11px;
}
.dialog-gen td.data {
  font-family: Arial;
  color: #000;
  font-weight: normal;
  font-size: 11px;
  border: 1px solid #d9d9d9;
}
.dialog-gen .tl-data {
  background: url(/images_app/global/bg_tooltip_t.png) 100% -29px no-repeat;
  display: block;
  font-size: 100%;
  height: 6px;
  padding-right: 9px !important;
  zoom: 1;
}
#tttt_chat {
  width: 250px;
  top: 100px;
  z-index: 2999;
  zoom: 1;
  position: absolute;
}
.close-dlg-gen {
  background: url(/images_app/icons/icons_tt.png) -80px 0 no-repeat;
  color: #4A5E72;
  width: 16px;
  height: 16px;
  text-decoration: none;
  float: right;
  position: relative;
}
/*
   * alternate-grid Styles
   *
   * Add Styles for the none standard grid layout.
   * Used for Inland Rail
   */
.alternate-grid .inner {
  padding: 0;
  background-color: #FFFFFF;
  border: none;
  color: #000000;
  font-size: 10px;
  font-family: Arial;
  font-weight: normal;
  padding-left: 0;
  padding-right: 0;
  max-height: 250px;
  overflow-y: auto;
}
.alternate-grid th {
  background-color: #b1bbc5;
  font-family: Arial;
  color: #fff;
  font-weight: normal;
  font-size: 11px;
  padding: 4px;
}
.alternate-grid td {
  padding: 4px;
  font-family: Arial;
  border-left: 1px solid #d9d9d9;
  border-top: 1px solid #d9d9d9;
  color: #1c5180;
  font-weight: normal;
  font-size: 11px;
}
/* Tooltip Window
===========================================
	- Used for standard tooltip windows
*/
.quote-parent-row {
  background: #e5eef8 url(/images_app/global/bg_grad_active_row.png) 0 0 repeat-x;
}
.detail-wrap {
  background: #e5eef8 url(/images_app/global/bg_grad_sub_active_b.png) 0 100% repeat-x;
  border: none;
  padding-bottom: 4em !important;
}
.quote-detail {
  background: url(/images_app/global/bg_grad_active_b.png) 0 0 repeat-x;
  padding: 0 0 1em 0;
}
.quote-sub-detail {
  background: url(/images_app/global/bg_grad_sub_active_row.png) 0 0 repeat-x;
  padding-top: 1em;
}
.detail-headline {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  font-weight: bold;
  padding: 0.5em 1em;
}
/* Cost and Pricing Table
===========================================
	-
*/
.pricing-grid {
  margin-top: 1em;
  margin-left: 75px;
}
.pricing-grid th {
  background-color: transparent;
  border-right: 1px solid #d5ccd5;
  color: #444;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 11px;
  padding: 5px 4px;
  text-align: right;
}
.pricing-grid label {
  padding: 0;
}
.pricing-grid .rate-total th {
  border-bottom: 1px solid #d5ccd5;
}
.pricing-grid .rate-total .first {
  border-bottom: none;
}
.pricing-grid .rate-total .last {
  border-bottom: none;
}
.pricing-grid .rate-type th {
  padding-bottom: 0;
}
.pricing-grid td {
  color: #444;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 11px;
  padding: 4px;
}
.pricing-grid td {
  border-bottom: none;
  border-right: 1px solid #d5ccd5;
  text-align: right;
}
.pricing-grid td.last,
.pricing-grid td.first,
.pricing-grid th.first,
.pricing-grid th.last {
  border-right: none;
}
.pricing-grid .margin-row td {
  background: url(/images_app/global/bg_margin_m.png) 0 50% repeat-x;
}
.pricing-grid .margin-row td.first {
  width: 60px;
}
.pricing-grid .margin-row label {
  padding: 0 4px;
}
.pricing-grid .total-row td {
  font-weight: bold;
}
.pricing-grid .tt-text {
  border: 1px solid #d6d6d6;
  padding: 2px;
}
/* quote creator */
.pricing-creator {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 11px;
  margin-right: 50px;
  padding-top: 1em;
  text-align: right;
}
.pricing-creator strong {
  font-weight: bold;
}
/* Checkbox Grid for quote
===========================================
	-
*/
.checkbox-grid th {
  background: #b1bbc5;
  color: #fff;
  padding: 5px 3px;
  text-align: left;
}
.checkbox-grid td {
  padding: 15px;
}
.checkbox-grid label {
  padding-right: 3em;
  margin: 12px;
}
.compact.checkbox-grid label {
  padding-right: 0;
  margin: 0;
}
/* .checkbox-grid li {
    margin-left: 10px;
    margin-bottom: 10px;
    margin-top: 5px;
 }
*/
.tt_wizard_preferences input {
  font-size: 11px;
  margin: 5px;
  padding: 2px 0;
}
/*.tt_wizard_preferences h3 {
     font-family: Tahoma,Geneva,sans-serif;
	 color: #44596F;
	 font-weight: bold;
}*/
.win-tooltip .textarea {
  border: 1px solid #b1b1b1;
  color: #8a8b8c;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 11px;
  font-style: italic;
  min-height: 100px;
  margin: 1em;
  resize: none;
  width: 90%;
}
.win-tooltip .textarea.user-text {
  color: #444;
  font-style: normal;
}
/* Wizard Menu Styles
======================================
*/
.wiz-menu-flyout .wiz-content {
  max-height: 390px;
  overflow-y: auto;
}
/* MENU STYLES FOR THE POPUPS. */
#wiz-closing {
  left: 597px;
  top: 58px;
}
#wiz-preferences {
  left: 13px;
  top: 58px;
}
.wiz-preferences label {
  padding: 5px;
}
#wiz-greeting {
  left: 206px;
  top: 58px;
}
#wiz-service {
  left: 0;
  top: 58px;
}
#wiz-service .tooltip-point {
  left: 470px;
}
#wiz-recipients {
  left: 140px;
  top: 58px;
}
#wiz-recipients input.expand {
  width: 80%;
}
#wiz-recipients .tooltip-point {
  left: 756px;
}
#wiz-recipients td {
  /*border-bottom: 1px solid #d8dde2;*/
}
#wiz-recipients p {
  padding: 1em;
  font-weight: bold;
}
#wiz-recipients .spacer-row td {
  border-bottom: none;
  height: 15px;
}
#tabrecipients td {
  color: #666;
  background-color: white;
  border-bottom: 1px solid #d8dde2;
  padding: 5px;
  margin: 0;
}
#tabrecipients input.expand {
  width: 80%;
}
#newrecipients td {
  color: #666;
  background-color: white;
  padding: 5px;
  margin: 0;
}
#addrecipients {
  color: #324F5D;
  font-weight: bold;
}
.reqfield {
  color: #f70;
}
#reqfieldmess {
  color: #666;
}
.hiddenmess {
  display: none;
}
/* Quote Screen Table
=========================================================================
Used for row and header styling*/
/*.rounded-corners {*/
/*-moz-border-radius: 20px;*/
/*-webkit-border-radius: 20px;*/
/*-khtml-border-radius: 20px;*/
/*border-radius: 20px;*/
/*}*/
.my-quotes {
  margin: 0;
  padding: 1em 2em;
}
.my-quotes thead th {
  background-color: #5d7085;
  color: #fff;
  padding: 0.5em 2em;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 11px;
  font-weight: bold;
}
.my-quotes tbody td {
  background-color: #fff;
  border-bottom: 1px solid #dfdfdf;
  color: #666;
  padding: 0.5em 2em;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 11px;
}
.my-quotes tfoot td {
  background-color: #aab3bd;
  padding: 0;
  height: 8px;
  font-size: 1px;
}
/* Delete Quote Button
==========================================================================*/
.deleteitem-button {
  width: 9px;
  height: 9px;
  display: block;
  background-repeat: no-repeat;
  background-image: url(/images_app/global/cancelbuttonover.png);
  border: none;
  cursor: pointer;
  display: inline-block;
  outline: none !important;
  overflow: visible;
  padding: 0;
  /*position:center;*/
  text-align: right;
  text-decoration: none !important;
}
.delete-button:hover {
  background-position: 0 -9px;
}
/* Service Fee Styles
============================================
*/
.button-clear {
  /*-moz-box-shadow:inset 0px 0px 0px 0px #ffffff;*/
  /*-webkit-box-shadow:inset 0px 0px 0px 0px #ffffff;*/
  /*box-shadow:inset 0px 0px 0px 0px #ffffff;*/
  background-color: #495d71;
  -moz-border-radius: 42px;
  -webkit-border-radius: 42px;
  border-radius: 42px;
  display: inline-block;
  color: #fff !important;
  font-family: Tahoma, Geneva, sans-serif;
  font-weight: normal;
  font-size: 11px;
  padding: 1px 15px;
  margin-right: 3px;
  text-decoration: none;
  float: right;
}
.button-clear:hover {
  background-color: #dfdfdf;
  color: #495d71;
  text-decoration: none;
}
.button-clear:active {
  position: relative;
  top: 1px;
  text-decoration: none;
}
.slider-arrow {
  background-image: url(/images_app/icons/icons_tt.png);
  background-position: -110px -18px;
  background-repeat: no-repeat;
  height: 14px;
  width: 24px;
  display: inline-block;
}
.slider-button-right {
  background: none;
  border: none;
  cursor: pointer;
  display: inline-block;
  outline: none !important;
  overflow: visible;
  padding: 0;
  position: relative;
  text-align: center;
  text-decoration: none !important;
}
.slider-button-right span {
  background-image: url(/images_app/global/btn_slider_rt.png);
  background-repeat: no-repeat;
  height: 65px;
  width: 28px;
  display: block;
}
.slider-button-left {
  background: none;
  border: none;
  cursor: pointer;
  display: inline-block;
  outline: none !important;
  overflow: visible;
  padding: 0;
  position: relative;
  text-align: center;
  text-decoration: none !important;
}
.slider-button-left span {
  background-image: url(/images_app/icons/icons_tt.png);
  background-position: -87px -17px;
  background-repeat: no-repeat;
  height: 20px;
  width: 20px;
  display: block;
}
.paginate-left {
  background: none;
  border: none;
  cursor: pointer;
  display: inline-block;
  outline: none !important;
  overflow: visible;
  padding: 0;
  position: relative;
  text-align: center;
  text-decoration: none !important;
}
.paginate-left span {
  background-image: url(/images_app/icons/icons_tt.png);
  background-position: 0px 0px;
  background-repeat: no-repeat;
  height: 16px;
  width: 15px;
  display: inline-block;
  margin-top: 10px;
}
.paginate-left:hover span {
  background-position: -161px 0px;
}
.paginate-right {
  background: none;
  border: none;
  cursor: pointer;
  display: inline-block;
  outline: none !important;
  overflow: visible;
  padding: 0;
  position: relative;
  text-align: center;
  text-decoration: none !important;
}
.paginate-right span {
  background-image: url(/images_app/icons/icons_tt.png);
  background-position: -16px 0px;
  background-repeat: no-repeat;
  height: 16px;
  width: 16px;
  display: inline-block;
  margin-top: 10px;
}
.paginate-right:hover span {
  background-position: -144px 0px;
}
.clearfix:before,
.clearfix:after {
  content: "";
  display: table;
}
.clearfix:after {
  clear: both;
}
.clearfix {
  zoom: 1;
}
#sub-nav-linking {
  list-style: none;
  margin: 0;
  padding: 0;
  zoom: 1;
}
#sub-nav-linking li {
  border-right: 1px solid #657a8a;
  float: left;
  list-style: none;
  margin: 0 0.5em 0 0;
  padding: 0;
}
#sub-nav-linking li.last {
  border: none;
}
#sub-nav-linking li a {
  color: #b8c1c9;
  float: left;
  font-family: Tahoma, Geneva, sans-serif;
  font-size: 12px;
  font-weight: normal;
  margin-right: 0.5em;
  text-decoration: none;
}
#sub-nav-linking a:hover {
  color: #515f6a;
  text-decoration: underline;
}
#sub-nav-linking li a.active {
  color: #515f6a;
}
.no-break {
  display: inline-table;
  margin: 0;
  padding: 0;
}
/*.styled-select {draggable="true"; ondragstart="drag(event)";} */
.styled-select:hover {
  background-color: #D4F1FE;
}
/* .highlight {background:#D4F1FE; draggable="true"; ondragstart="drag(event)";} */
.divheader {
  background: #fff;
  color: #355579;
  padding: 10px 0 6px 3px;
  text-align: left;
}
.searchheader {
  color: #B8C1C9;
  display: inline-table;
}
.divbox {
  width: 47%;
  height: auto;
  display: inline-block;
  vertical-align: top;
}
.inner-shadow-box {
  vertical-align: top;
  background-color: #f5f5f5;
  box-shadow: inset 0 0 10px #000000;
  height: auto;
  padding-top: 5px;
  padding-bottom: 5px;
}
.slider-buttons-div {
  vertical-align: top;
  display: inline-block;
  padding-top: 60px;
}
.dataTables_scroll {
  /*box-shadow: inset 0 0 10px black;*/
  /*padding: 8px;*/
  border: 1px solid #ddd;
  background: #f5f5f5;
  min-height: 290px;
}
.dataTables_processing {
  background: #B3BBC4;
}
.dataTables_wrapper {
  background: none;
}
/* Preferences Styles
==========================================
*/
.col-head {
  text-align: left;
  padding-left: 10px;
  padding-right: 10px;
  padding-top: 5px;
  vertical-align: text-top;
  font-weight: bold;
  font-family: Tahoma, Geneva, sans-serif;
  color: #44596F;
}
/* General Styles
===========================================
	-
*/
.align-left {
  text-align: left !important;
}
.align-right {
  text-align: right;
  padding-right: 4px;
}
.align-center {
  text-align: center !important;
}
.align-top {
  vertical-align: top;
}
/* REVIEW: we might not need this */
#main-page-content .mod-page-tabs {
  display: none;
}
table tr.disabled {
  color: #cccccc !important;
}
a.button-clear {
  visibility: hidden;
}
.dataTables_processing {
  display: none !important;
}
.dataTables_scrollHeadInner {
  width: 100% !important;
}
/*.dataTable {
	width: 100% !important;
}

.dataTables_scroll {
	min-height: 360px;
}

*/
/* Profiles Styles
===========================================
*/
/* uppercase profile fields */
.profile-uppercase,
.profile-uppercase input[type="text"],
.profile-uppercase input:not([type]) {
  text-transform: uppercase;
}
.profiles {
  width: 100%;
  display: block;
  color: gray;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 11px;
}
.profiles {
  margin-right: 6px;
  margin-left: 3px;
  color: #888888;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 11px;
}
.profiles div.label {
  display: inline-block;
  margin: 0;
  padding: 0.25em 0 2px 0;
  text-align: right;
  vertical-align: top;
  width: 38% !important;
  zoom: 1;
}
.profiles div.field {
  display: inline-block;
  margin: 0;
  padding: 0 0 5px 0;
  text-align: left;
  vertical-align: top;
  zoom: 1;
  width: 61% !important;
}
.profiles td {
  padding: 4px;
}
.profiles input {
  margin-right: 4px;
  border: 1px solid lightgray;
  color: gray;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 11px;
  padding: 2px;
}
.profiles input:not(.autocomplete) {
  padding: 2px 5px 2px 2px;
  /* makes the non-autocomplete fields flush with the right side of the autocomplete fields */
}
.profiles .expiration {
  display: inline;
}
.profiles .expiration_l {
  display: inline;
}
.profiles .expiration input[type="text"] {
  width: 23%;
  display: inline;
}
.profiles .expiration_l input[type="text"] {
  width: 28%;
  display: inline;
}
.profiles .expiration div {
  display: inline;
}
.profiles .expiration_l div {
  display: inline;
}
.secondary_button {
  background-color: #F0F0F0;
}
.secondary {
  background-color: #F0F0F0;
}
.secondary .communications li {
  padding: 2px;
}
.local_tab .onecol li:first-child {
  margin-top: 20px;
}
.local_tab .onecol li:last-child {
  margin-bottom: 20px;
}
#location_spacing {
  height: 20px;
}
.local_language {
  height: 20px;
}
div.label.compliance {
  width: 25% !important;
}
.compliance .main-field {
  width: 90%;
  margin-left: 12px;
}
.compliance .main-select {
  min-width: 68px;
  width: 13%;
  height: 20px;
  margin-left: 12px;
  margin-right: 0px;
}
.compliance .select-input {
  width: 60%;
  margin-left: 0px;
}
.compliance .main-selects {
  width: 92%;
  padding: 2px;
}
.compliance .field {
  width: 39% !important;
}
#compliance {
  min-width: 1250px;
}
#compliance .field {
  width: 44% !important;
}
.field .sub-field {
  width: 65%;
  margin-left: 12px;
}
.compliance div.label {
  display: inline-block;
  margin-left: -9px;
  text-align: right;
  vertical-align: 1px;
  width: 27% !important;
  zoom: 1;
}
.compliance .margin-left {
  margin-left: 12px !important;
}
.compliance .margin-left-long {
  width: 51% !important;
  margin-left: 12px !important;
}
.accountingProfile input[type="text"] {
  width: 100%;
}
.accountingProfile .left_column {
  border-top: none;
  width: 55%;
  float: left;
}
.accountingProfile .right_column {
  width: 37.7%;
}
.accountingProfile .right_column_top {
  border-top: none;
}
.accountingProfile .tt-col-1-2 {
  border-top: none;
}
.accountingProfile div.label {
  width: 39% !important;
  margin-right: 10px !important;
}
.accountingProfile div.field {
  width: 53% !important;
}
.accountingProfile .postal_code {
  width: 29%;
  padding: 0px;
  text-align: left;
  padding-top: 4px;
}
.accountingProfile .billing_radio {
  width: 70px;
  display: inline;
}
.accountingProfile .country input[type="text"] {
  width: 81%;
}
.accountingProfile .days_of_credit input[type="text"] {
  width: 27%;
}
.accountingProfile .billing_party {
  margin-right: 20px;
}
.accountingProfile .tax-info input[type="text"] {
  width: 71%;
}
.accountingProfile .insurance input[type="text"] {
  width: 14%;
}
.accountingProfile .insurance input[type="text"]:first-child {
  width: 68%;
}
div.field.state_field {
  width: 28px !important;
}
div.field.postal_field {
  width: 55px !important;
}
#postal_code {
  width: 75px !important;
}
.accountingProfile .state_field input[type="text"] {
  width: 28px;
}
.accountingProfile .postal_field input[type="text"] {
  width: 50px;
}
.radio-no {
  margin-left: 13px;
}
.radio-no-label {
  padding-right: 6px;
}
.radio-yes {
  margin-left: 0px !important;
}
.left_column_company input[type="text"] {
  width: 77%;
}
.left_column_company input[type="select"] {
  height: 20px;
}
.large input[type="text"] {
  width: 64% !important;
}
.communications .left_column {
  width: 50%;
}
.communications .right_column {
  border-left: none;
}
.communications div.label {
  width: 39% !important;
}
.communications div.field {
  width: 46% !important;
  margin-left: 10px !important;
  margin-top: 1px !important;
}
.communications select {
  height: 20px;
}
.adminworkflow {
  padding: 20px;
}
.adminworkflow div.label {
  width: 25% !important;
}
.adminworkflow div.label.short {
  width: 7% !important;
}
.adminworkflow div.field {
  width: 27.5% !important;
}
.adminworkflow div.field input {
  width: 100% !important;
  margin-left: 10px !important;
}
.adminworkflow div.field select {
  width: 100% !important;
  margin-left: 10px !important;
}
.accountingProfile {
  padding: 20px;
}
.profiles select {
  margin-right: 4px;
  border: 1px solid lightgray;
  color: gray;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 11px;
}
.left_column {
  width: 42%;
  display: inline-block;
  zoom: 1;
  *display: inline;
  letter-spacing: normal;
  word-spacing: normal;
  vertical-align: top;
  padding: 15px;
}
.right_column {
  text-align: left;
  width: 55%;
  display: inline-block;
  zoom: 1;
  *display: inline;
  letter-spacing: normal;
  word-spacing: normal;
  vertical-align: top;
  border-left: 1px solid lightgray;
}
.right_column_top {
  text-align: left;
  padding: 15px;
  padding-right: 0px;
}
.right_column_bottom {
  text-align: left;
  border-top: 1px solid lightgray;
  padding: 15px;
  width: 99%;
}
.left_column_company input.tt-text.form_shrink {
  width: 14%;
}
.label .form_shrink {
  width: 10%;
}
.form_shrinker {
  width: 54% !important;
}
.form_shrunk {
  width: 56% !important;
}
.adminworkflow td {
  text-align: right;
}
.left_shuffle {
  text-align: left;
}
.content .primary {
  width: 100%;
  overflow: hidden;
}
.content label[for="Yes"] {
  vertical-align: 15%;
}
.content label[for="No"] {
  vertical-align: 15%;
}
.content label[for="Exp. Date:"] {
  vertical-align: 15%;
}
.left_column_company {
  text-align: left;
  background-color: #ffffff;
  box-shadow: inset 0 -5px 3px -3px lightgrey;
  padding: 15px;
  padding-right: 0px;
  margin: 0px;
  display: inline-block;
  float: left;
  height: 270px;
}
.left-column-main-tabs {
  width: 80%;
  float: left;
  display: inline-block;
}
.view-rates-inner {
  background-color: #E6EEF7;
  padding: 20px;
  padding-top: 52px;
  text-align: center;
  min-height: 198px;
  box-shadow: inset 0 -5px 3px -3px lightgrey;
  height: 270px;
}
/*@-moz-document url-prefix() {
  .view-rates-inner {
    min-height: 199px;
	height: 198px !important;
  }
}*/
.view-rates-inner table {
  margin-left: auto;
  margin-right: auto;
}
.email_preferences {
  text-align: left;
  padding: 3px;
  padding-left: 21px;
  display: inline-block;
}
.email_preferences_pop {
  text-align: left;
  padding: 3px;
  padding-left: 21px;
  display: inline-block;
}
.email_preferences {
  vertical-align: -3px;
  margin: 6px;
}
.email_preferences a {
  padding: 8px;
}
.left_column_company:after {
  box-shadow: inset 2px 2px 2px 2px black;
}
.right_column_company {
  padding: 30px !important;
  text-align: center;
  background-color: #e5eef8;
  height: 248px;
}
.right_column_locations {
  padding: 30px !important;
  text-align: center;
  background-color: #e5eef8;
  height: 252px;
}
.location .squish {
  margin-top: -23px;
}
.location label[for="Store"] {
  vertical-align: 15%;
}
.location label[for="Plant"] {
  vertical-align: 15%;
}
.location select {
  height: 20px;
}
input[type="checkbox"],
input[type="radio"] {
  background: transparent;
  border: 0;
}
.coming_soon {
  font-family: tahoma;
  font-size: 16px;
  color: black;
  padding: 100px;
}
/* Styles for Profiles Tables
======================================================================
*/
.profiles-table td {
  border-top: 1px solid #D9D9D9;
  border-bottom: 1px solid #D9D9D9;
  background-color: white;
}
/* Styles for the Door Deliveries
========================================================================
*/
.door_deliv {
  font-family: tahoma, sans-serif;
  font-size: 12px;
  text-align: right;
  background-color: #ffffff;
  width: 99%;
}
.fivep {
  width: 5%;
}
.fortyp {
  width: 35%;
}
.tenp {
  width: 9%;
}
.door_deliv td {
  padding-left: 5px;
  padding-right: 5px;
  padding-top: 8px;
}
.door_deliv th {
  padding: 4px;
  text-align: right;
}
.door_deliv input {
  width: 95%;
}
.DoorLeft {
  color: grey;
  text-align: left;
}
.DoorRight {
  text-align: right;
}
#res .data-grid .res-details #view_rate table {
  width: 60%;
  border: none;
  cellpadding: 1px;
  cellspacing: 1px;
}
#res .inline {
  display: inline-block !important;
  margin: auto;
}
#view_rate td.borderno {
  border: none !important;
}
#view_rate td.borderall {
  border: 1px solid #888;
}
#view_rate td.borderbtm {
  padding-left: 0px;
  padding-top: 5px;
  border-bottom: 1px solid #888;
}
#view_rate td.boldblackR {
  font-family: Arial;
  color: #444444;
  font-weight: bold;
  text-align: right;
}
#view_rate td.boldblackL {
  font-family: Arial;
  color: #444444;
  font-weight: bold;
  text-align: left;
}
#view_rate td.boldblueR {
  font-family: Arial;
  color: #425b75;
  font-weight: bold;
  text-align: right;
}
#view_rate td.boldblueL {
  font-family: Arial;
  color: #425b75;
  font-weight: bold;
  text-align: left;
}
#view_rate td.blue {
  background-color: #C4CCD6;
  color: #444444;
}
#view_rate td.gray {
  background-color: #CFCFCF;
  color: #444444;
}
/* Styles for the consignment sub-tab
===========================================================*/
.profMinifield {
  width: 13em;
  margin-top: 5px;
  margin-bottom: 10px;
}
.profile_mSearch {
  font-size: 10px;
}
.profile_mSearch .or {
  width: 100%;
  height: 22px;
  background-image: url(/images_app/icons/TT_profiles_OR_icon.png);
  background-position: center center;
  background-repeat: no-repeat;
  margin-bottom: 5px;
}
.profile_mSearch input[type="radio"] {
  margin-right: 1px;
  margin-bottom: 5px;
  margin-left: 1px;
  vertical-align: -2px;
}
.profile_mSearch label {
  display: inline;
}
.profile_mSearch .profBlockLabel {
  display: block;
  margin-top: 5px;
  margin-bottom: 0;
  padding-bottom: 0 !important;
}
.profile_mSearch .small-label {
  font-size: 9px;
}
.profile_mSearch .calendar-align {
  text-align: right;
  width: 20%;
}
.profile_mSearch .form-width {
  width: 78px;
  margin: 3px;
}
.profile_mSearch .left-align {
  text-align: left;
}
.profile_mainSearch table {
  margin-top: 8px;
  text-align: right;
  margin: 0 auto;
}
.profile_mainSearch div {
  text-align: center;
}
.profile_mainSearch .form-title {
  text-align: left;
  padding-bottom: 20px;
}
#lastSalesContactFrom,
#lastSalesContactTo,
#nextSalesContactFrom,
#nextSalesContactTo {
  width: 65px;
}
/*@-moz-document url-prefix() {
  .content .chevron-div {
    height: 271px !important;
  }
}*/
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .view-rates-inner {
    height: 199px !important;
  }
  .content .chevron-div {
    height: 271px !important;
  }
}
.add_info {
  cursor: pointer;
  display: inline-block;
  position: absolute;
  right: 23%;
  top: 39px;
}
.add_info span {
  color: #406081;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 11px;
  font-weight: bold;
  vertical-align: 3px;
  padding: 4px;
}
/* Trade Manager styles
    =================================================================
    */
.text-l {
  text-align: left;
}
.text-r {
  text-align: right;
}
.inline_select {
  width: 47%;
}
.content {
  background-color: #F0F0F0;
}
#shipmentType {
  width: auto;
}
/* Small Notify Button */
div.small-notify {
  height: 15px;
  background: url(/images_app/global/small_notify.png) 0px 0px;
  background-repeat: no-repeat;
  display: inline-block;
  margin: 0px 5px 5px 5px;
}
div.small-notify-text {
  width: 100%;
  height: 15px;
  background: url(/images_app/global/small_notify.png) 100% -15px no-repeat scroll;
  color: white;
  margin-left: 7px;
  font-size: 10px;
  font-weight: bold;
  padding-top: 1px;
  text-align: left;
}
select.date-id {
  width: 50% !important;
}
/* Global class for yui grid content
    =================================================================
    */
.search-content {
  margin: 0px 0px 2px 1px;
  padding: 1px;
}
.form-content {
  margin: 0px 0px 2px 1px;
  padding: 1px;
}
.form-content .small {
  width: 30%;
}
.form-content .ref {
  width: 50%;
}
.at-content {
  text-align: center;
}
.at-content label {
  vertical-align: -2px;
}
/* Security Span Notify
    =================================================================
    */
.security-notify {
  height: 10px;
  display: inline-block;
  margin-left: -30px;
}
.search_screen select.small {
  width: 40%;
}

/*css_app/print.css!steal-css@1.3.2#css*/
@charset "UTF-8";
/* CSS Document */

/*css_app/custom-theme/jquery-ui-1.11.2.custom.less!steal-less@1.3.4#less*/
/*! jQuery UI - v1.11.2 - 2014-11-20
* http://jqueryui.com
* Includes: core.css, resizable.css, selectable.css, sortable.css, autocomplete.css, datepicker.css, menu.css, selectmenu.css, tabs.css, theme.css
* To view and modify this theme, visit http://jqueryui.com/themeroller/?ffDefault=Arial%2Csans-serif&fwDefault=normal&fsDefault=1em&cornerRadius=4px&bgColorHeader=405b74&bgTextureHeader=flat&bgImgOpacityHeader=45&borderColorHeader=7999a8&fcHeader=ffffff&iconColorHeader=ffffff&bgColorContent=ffffff&bgTextureContent=flat&bgImgOpacityContent=75&borderColorContent=b0bcca&fcContent=222222&iconColorContent=222222&bgColorDefault=eeeeee&bgTextureDefault=glass&bgImgOpacityDefault=75&borderColorDefault=d3d3d3&fcDefault=555555&iconColorDefault=888888&bgColorHover=9ed3df&bgTextureHover=flat&bgImgOpacityHover=75&borderColorHover=999999&fcHover=212121&iconColorHover=454545&bgColorActive=ffffff&bgTextureActive=glass&bgImgOpacityActive=65&borderColorActive=aaaaaa&fcActive=212121&iconColorActive=454545&bgColorHighlight=fbeef1&bgTextureHighlight=flat&bgImgOpacityHighlight=55&borderColorHighlight=fcefa1&fcHighlight=363636&iconColorHighlight=2e83ff&bgColorError=fef1ec&bgTextureError=inset_soft&bgImgOpacityError=95&borderColorError=cd0a0a&fcError=cd0a0a&iconColorError=cd0a0a&bgColorOverlay=aaaaaa&bgTextureOverlay=flat&bgImgOpacityOverlay=0&opacityOverlay=30&bgColorShadow=aaaaaa&bgTextureShadow=flat&bgImgOpacityShadow=0&opacityShadow=30&thicknessShadow=8px&offsetTopShadow=-8px&offsetLeftShadow=-8px&cornerRadiusShadow=8px
* Copyright 2014 jQuery Foundation and other contributors; Licensed MIT */
/* Layout helpers
----------------------------------*/
.ui-helper-hidden {
  display: none;
}
.ui-helper-hidden-accessible {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}
.ui-helper-reset {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  line-height: 1.3;
  text-decoration: none;
  font-size: 100%;
  list-style: none;
}
.ui-helper-clearfix:before,
.ui-helper-clearfix:after {
  content: "";
  display: table;
  border-collapse: collapse;
}
.ui-helper-clearfix:after {
  clear: both;
}
.ui-helper-clearfix {
  min-height: 0;
  /* support: IE7 */
}
.ui-helper-zfix {
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  position: absolute;
  opacity: 0;
  filter: alpha(opacity=0);
  /* support: IE8 */
}
.ui-front {
  z-index: 100;
}
/* Interaction Cues
----------------------------------*/
.ui-state-disabled {
  cursor: default !important;
}
/* Icons
----------------------------------*/
/* states and images */
.ui-icon {
  display: block;
  text-indent: -99999px;
  overflow: hidden;
  background-repeat: no-repeat;
}
/* Misc visuals
----------------------------------*/
/* Overlays */
.ui-widget-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.ui-resizable {
  position: relative;
}
.ui-resizable-handle {
  position: absolute;
  font-size: 0.1px;
  display: block;
  -ms-touch-action: none;
  touch-action: none;
}
.ui-resizable-disabled .ui-resizable-handle,
.ui-resizable-autohide .ui-resizable-handle {
  display: none;
}
.ui-resizable-n {
  cursor: n-resize;
  height: 7px;
  width: 100%;
  top: -5px;
  left: 0;
}
.ui-resizable-s {
  cursor: s-resize;
  height: 7px;
  width: 100%;
  bottom: -5px;
  left: 0;
}
.ui-resizable-e {
  cursor: e-resize;
  width: 7px;
  right: -5px;
  top: 0;
  height: 100%;
}
.ui-resizable-w {
  cursor: w-resize;
  width: 7px;
  left: -5px;
  top: 0;
  height: 100%;
}
.ui-resizable-se {
  cursor: se-resize;
  width: 12px;
  height: 12px;
  right: 1px;
  bottom: 1px;
}
.ui-resizable-sw {
  cursor: sw-resize;
  width: 9px;
  height: 9px;
  left: -5px;
  bottom: -5px;
}
.ui-resizable-nw {
  cursor: nw-resize;
  width: 9px;
  height: 9px;
  left: -5px;
  top: -5px;
}
.ui-resizable-ne {
  cursor: ne-resize;
  width: 9px;
  height: 9px;
  right: -5px;
  top: -5px;
}
.ui-selectable {
  -ms-touch-action: none;
  touch-action: none;
}
.ui-selectable-helper {
  position: absolute;
  z-index: 100;
  border: 1px dotted black;
}
.ui-sortable-handle {
  -ms-touch-action: none;
  touch-action: none;
}
.ui-autocomplete {
  position: absolute;
  top: 0;
  left: 0;
  cursor: default;
}
.ui-datepicker {
  width: 17em;
  padding: .2em .2em 0;
  display: none;
}
.ui-datepicker .ui-datepicker-header {
  position: relative;
  padding: .2em 0;
}
.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {
  position: absolute;
  top: 2px;
  width: 1.8em;
  height: 1.8em;
}
.ui-datepicker .ui-datepicker-prev-hover,
.ui-datepicker .ui-datepicker-next-hover {
  top: 1px;
}
.ui-datepicker .ui-datepicker-prev {
  left: 2px;
}
.ui-datepicker .ui-datepicker-next {
  right: 2px;
}
.ui-datepicker .ui-datepicker-prev-hover {
  left: 1px;
}
.ui-datepicker .ui-datepicker-next-hover {
  right: 1px;
}
.ui-datepicker .ui-datepicker-prev span,
.ui-datepicker .ui-datepicker-next span {
  display: block;
  position: absolute;
  left: 50%;
  margin-left: -8px;
  top: 50%;
  margin-top: -8px;
}
.ui-datepicker .ui-datepicker-title {
  margin: 0 2.3em;
  line-height: 1.8em;
  text-align: center;
}
.ui-datepicker .ui-datepicker-title select {
  font-size: 1em;
  margin: 1px 0;
}
.ui-datepicker select.ui-datepicker-month,
.ui-datepicker select.ui-datepicker-year {
  width: 45%;
}
.ui-datepicker table {
  width: 100%;
  font-size: .9em;
  border-collapse: collapse;
  margin: 0 0 .4em;
}
.ui-datepicker th {
  padding: .7em .3em;
  text-align: center;
  font-weight: bold;
  border: 0;
}
.ui-datepicker td {
  border: 0;
  padding: 1px;
}
.ui-datepicker td span,
.ui-datepicker td a {
  display: block;
  padding: .2em;
  text-align: right;
  text-decoration: none;
}
.ui-datepicker .ui-datepicker-buttonpane {
  background-image: none;
  margin: .7em 0 0 0;
  padding: 0 .2em;
  border-left: 0;
  border-right: 0;
  border-bottom: 0;
}
.ui-datepicker .ui-datepicker-buttonpane button {
  float: right;
  margin: .5em .2em .4em;
  cursor: pointer;
  padding: .2em .6em .3em .6em;
  width: auto;
  overflow: visible;
}
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
  float: left;
}
/* with multiple calendars */
.ui-datepicker.ui-datepicker-multi {
  width: auto;
}
.ui-datepicker-multi .ui-datepicker-group {
  float: left;
}
.ui-datepicker-multi .ui-datepicker-group table {
  width: 95%;
  margin: 0 auto .4em;
}
.ui-datepicker-multi-2 .ui-datepicker-group {
  width: 50%;
}
.ui-datepicker-multi-3 .ui-datepicker-group {
  width: 33.3%;
}
.ui-datepicker-multi-4 .ui-datepicker-group {
  width: 25%;
}
.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {
  border-left-width: 0;
}
.ui-datepicker-multi .ui-datepicker-buttonpane {
  clear: left;
}
.ui-datepicker-row-break {
  clear: both;
  width: 100%;
  font-size: 0;
}
/* RTL support */
.ui-datepicker-rtl {
  direction: rtl;
}
.ui-datepicker-rtl .ui-datepicker-prev {
  right: 2px;
  left: auto;
}
.ui-datepicker-rtl .ui-datepicker-next {
  left: 2px;
  right: auto;
}
.ui-datepicker-rtl .ui-datepicker-prev:hover {
  right: 1px;
  left: auto;
}
.ui-datepicker-rtl .ui-datepicker-next:hover {
  left: 1px;
  right: auto;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane {
  clear: right;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane button {
  float: left;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current,
.ui-datepicker-rtl .ui-datepicker-group {
  float: right;
}
.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header {
  border-right-width: 0;
  border-left-width: 1px;
}
.ui-menu {
  list-style: none;
  padding: 0;
  margin: 0;
  display: block;
  outline: none;
}
.ui-menu .ui-menu {
  position: absolute;
}
.ui-menu .ui-menu-item {
  position: relative;
  margin: 0;
  padding: 2px 1em 2px .4em;
  cursor: pointer;
  min-height: 0;
  /* support: IE7 */
  /* support: IE10, see #8844 */
  list-style-image: url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7");
}
.ui-menu .ui-menu-divider {
  margin: 5px 0;
  height: 0;
  font-size: 0;
  line-height: 0;
  border-width: 1px 0 0 0;
}
.ui-menu .ui-state-focus,
.ui-menu .ui-state-active {
  margin: 0px;
}
/* icon support */
.ui-menu-icons {
  position: relative;
}
.ui-menu-icons .ui-menu-item {
  padding-left: 2em;
}
/* left-aligned */
.ui-menu .ui-icon {
  position: absolute;
  top: 0;
  bottom: 0;
  left: .2em;
  margin: auto 0;
}
/* right-aligned */
.ui-menu .ui-menu-icon {
  left: auto;
  right: 0;
}
.ui-selectmenu-menu {
  padding: 0;
  margin: 0;
  position: absolute;
  top: 0;
  left: 0;
  display: none;
}
.ui-selectmenu-menu .ui-menu {
  overflow: auto;
  /* Support: IE7 */
  overflow-x: hidden;
  padding-bottom: 1px;
}
.ui-selectmenu-menu .ui-menu .ui-selectmenu-optgroup {
  font-size: 1em;
  font-weight: bold;
  line-height: 1.5;
  padding: 2px 0.4em;
  margin: 0.5em 0 0 0;
  height: auto;
  border: 0;
}
.ui-selectmenu-open {
  display: block;
}
.ui-selectmenu-button {
  display: inline-block;
  overflow: hidden;
  position: relative;
  text-decoration: none;
  cursor: pointer;
}
.ui-selectmenu-button span.ui-icon {
  right: 0.5em;
  left: auto;
  margin-top: -8px;
  position: absolute;
  top: 50%;
}
.ui-selectmenu-button span.ui-selectmenu-text {
  text-align: left;
  padding: 0.4em 2.1em 0.4em 1em;
  display: block;
  line-height: 1.4;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.ui-tabs {
  position: relative;
  /* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */
  padding: .2em;
}
.ui-tabs .ui-tabs-nav {
  margin: 0;
  padding: .2em .2em 0;
}
.ui-tabs .ui-tabs-nav li {
  list-style: none;
  float: left;
  position: relative;
  top: 0;
  margin: 1px .2em 0 0;
  border-bottom-width: 0;
  padding: 0;
  white-space: nowrap;
}
.ui-tabs .ui-tabs-nav .ui-tabs-anchor {
  float: left;
  padding: .5em 1em;
  text-decoration: none;
}
.ui-tabs .ui-tabs-nav li.ui-tabs-active {
  margin-bottom: -1px;
  padding-bottom: 1px;
}
.ui-tabs .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor,
.ui-tabs .ui-tabs-nav li.ui-state-disabled .ui-tabs-anchor,
.ui-tabs .ui-tabs-nav li.ui-tabs-loading .ui-tabs-anchor {
  cursor: text;
}
.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor {
  cursor: pointer;
}
.ui-tabs .ui-tabs-panel {
  display: block;
  border-width: 0;
  padding: 1em 1.4em;
  background: none;
}
/* Component containers
----------------------------------*/
.ui-widget {
  font-family: Arial, sans-serif;
  font-size: 1em;
}
.ui-widget .ui-widget {
  font-size: 1em;
}
.ui-widget input,
.ui-widget select,
.ui-widget textarea,
.ui-widget button {
  font-family: Arial, sans-serif;
  font-size: 1em;
}
.ui-widget-content {
  border: 1px solid #b0bcca;
  background: #ffffff url("/images_app/global/jquery/ui-bg_flat_75_ffffff_40x100.png") 50% 50% repeat-x;
  color: #222222;
}
.ui-widget-content a {
  color: #222222;
}
.ui-widget-header {
  border: 1px solid #7999a8;
  background: #405b74 url("/images_app/global/jquery/ui-bg_flat_45_405b74_40x100.png") 50% 50% repeat-x;
  color: #ffffff;
  font-weight: bold;
}
.ui-widget-header a {
  color: #ffffff;
}
/* Interaction states
----------------------------------*/
.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default {
  border: 1px solid #d3d3d3;
  background: #eeeeee url("/images_app/global/jquery/ui-bg_glass_75_eeeeee_1x400.png") 50% 50% repeat-x;
  font-weight: normal;
  color: #555555;
}
.ui-state-default a,
.ui-state-default a:link,
.ui-state-default a:visited {
  color: #555555;
  text-decoration: none;
}
.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus {
  border: 1px solid #999999;
  background: #9ed3df url("/images_app/global/jquery/ui-bg_flat_75_9ed3df_40x100.png") 50% 50% repeat-x;
  font-weight: normal;
  color: #212121;
}
.ui-state-hover a,
.ui-state-hover a:hover,
.ui-state-hover a:link,
.ui-state-hover a:visited,
.ui-state-focus a,
.ui-state-focus a:hover,
.ui-state-focus a:link,
.ui-state-focus a:visited {
  color: #212121;
  text-decoration: none;
}
.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active {
  border: 1px solid #aaaaaa;
  background: #ffffff url("/images_app/global/jquery/ui-bg_glass_65_ffffff_1x400.png") 50% 50% repeat-x;
  font-weight: normal;
  color: #212121;
}
.ui-state-active a,
.ui-state-active a:link,
.ui-state-active a:visited {
  color: #212121;
  text-decoration: none;
}
/* Interaction Cues
----------------------------------*/
.ui-state-highlight,
.ui-widget-content .ui-state-highlight,
.ui-widget-header .ui-state-highlight {
  border: 1px solid #fcefa1;
  background: #fbeef1 url("/images_app/global/jquery/ui-bg_flat_55_fbeef1_40x100.png") 50% 50% repeat-x;
  color: #363636;
}
.ui-state-highlight a,
.ui-widget-content .ui-state-highlight a,
.ui-widget-header .ui-state-highlight a {
  color: #363636;
}
.ui-state-error,
.ui-widget-content .ui-state-error,
.ui-widget-header .ui-state-error {
  border: 1px solid #cd0a0a;
  background: #fef1ec url("/images_app/global/jquery/ui-bg_inset-soft_95_fef1ec_1x100.png") 50% bottom repeat-x;
  color: #cd0a0a;
}
.ui-state-error a,
.ui-widget-content .ui-state-error a,
.ui-widget-header .ui-state-error a {
  color: #cd0a0a;
}
.ui-state-error-text,
.ui-widget-content .ui-state-error-text,
.ui-widget-header .ui-state-error-text {
  color: #cd0a0a;
}
.ui-priority-primary,
.ui-widget-content .ui-priority-primary,
.ui-widget-header .ui-priority-primary {
  font-weight: bold;
}
.ui-priority-secondary,
.ui-widget-content .ui-priority-secondary,
.ui-widget-header .ui-priority-secondary {
  opacity: .7;
  filter: alpha(opacity=70);
  /* support: IE8 */
  font-weight: normal;
}
.ui-state-disabled,
.ui-widget-content .ui-state-disabled,
.ui-widget-header .ui-state-disabled {
  opacity: .35;
  filter: alpha(opacity=35);
  /* support: IE8 */
  background-image: none;
}
.ui-state-disabled .ui-icon {
  filter: alpha(opacity=35);
  /* support: IE8 - See #6059 */
}
/* Icons
----------------------------------*/
/* states and images */
.ui-icon {
  width: 16px;
  height: 16px;
}
.ui-icon,
.ui-widget-content .ui-icon {
  background-image: url("/images_app/global/jquery/ui-icons_222222_256x240.png");
}
.ui-widget-header .ui-icon {
  background-image: url("/images_app/global/jquery/ui-icons_ffffff_256x240.png");
}
.ui-state-default .ui-icon {
  background-image: url("/images_app/global/jquery/ui-icons_888888_256x240.png");
}
.ui-state-hover .ui-icon,
.ui-state-focus .ui-icon {
  background-image: url("/images_app/global/jquery/ui-icons_454545_256x240.png");
}
.ui-state-active .ui-icon {
  background-image: url("/images_app/global/jquery/ui-icons_454545_256x240.png");
}
.ui-state-highlight .ui-icon {
  background-image: url("/images_app/global/jquery/ui-icons_2e83ff_256x240.png");
}
.ui-state-error .ui-icon,
.ui-state-error-text .ui-icon {
  background-image: url("/images_app/global/jquery/ui-icons_cd0a0a_256x240.png");
}
/* positioning */
.ui-icon-blank {
  background-position: 16px 16px;
}
.ui-icon-carat-1-n {
  background-position: 0 0;
}
.ui-icon-carat-1-ne {
  background-position: -16px 0;
}
.ui-icon-carat-1-e {
  background-position: -32px 0;
}
.ui-icon-carat-1-se {
  background-position: -48px 0;
}
.ui-icon-carat-1-s {
  background-position: -64px 0;
}
.ui-icon-carat-1-sw {
  background-position: -80px 0;
}
.ui-icon-carat-1-w {
  background-position: -96px 0;
}
.ui-icon-carat-1-nw {
  background-position: -112px 0;
}
.ui-icon-carat-2-n-s {
  background-position: -128px 0;
}
.ui-icon-carat-2-e-w {
  background-position: -144px 0;
}
.ui-icon-triangle-1-n {
  background-position: 0 -16px;
}
.ui-icon-triangle-1-ne {
  background-position: -16px -16px;
}
.ui-icon-triangle-1-e {
  background-position: -32px -16px;
}
.ui-icon-triangle-1-se {
  background-position: -48px -16px;
}
.ui-icon-triangle-1-s {
  background-position: -64px -16px;
}
.ui-icon-triangle-1-sw {
  background-position: -80px -16px;
}
.ui-icon-triangle-1-w {
  background-position: -96px -16px;
}
.ui-icon-triangle-1-nw {
  background-position: -112px -16px;
}
.ui-icon-triangle-2-n-s {
  background-position: -128px -16px;
}
.ui-icon-triangle-2-e-w {
  background-position: -144px -16px;
}
.ui-icon-arrow-1-n {
  background-position: 0 -32px;
}
.ui-icon-arrow-1-ne {
  background-position: -16px -32px;
}
.ui-icon-arrow-1-e {
  background-position: -32px -32px;
}
.ui-icon-arrow-1-se {
  background-position: -48px -32px;
}
.ui-icon-arrow-1-s {
  background-position: -64px -32px;
}
.ui-icon-arrow-1-sw {
  background-position: -80px -32px;
}
.ui-icon-arrow-1-w {
  background-position: -96px -32px;
}
.ui-icon-arrow-1-nw {
  background-position: -112px -32px;
}
.ui-icon-arrow-2-n-s {
  background-position: -128px -32px;
}
.ui-icon-arrow-2-ne-sw {
  background-position: -144px -32px;
}
.ui-icon-arrow-2-e-w {
  background-position: -160px -32px;
}
.ui-icon-arrow-2-se-nw {
  background-position: -176px -32px;
}
.ui-icon-arrowstop-1-n {
  background-position: -192px -32px;
}
.ui-icon-arrowstop-1-e {
  background-position: -208px -32px;
}
.ui-icon-arrowstop-1-s {
  background-position: -224px -32px;
}
.ui-icon-arrowstop-1-w {
  background-position: -240px -32px;
}
.ui-icon-arrowthick-1-n {
  background-position: 0 -48px;
}
.ui-icon-arrowthick-1-ne {
  background-position: -16px -48px;
}
.ui-icon-arrowthick-1-e {
  background-position: -32px -48px;
}
.ui-icon-arrowthick-1-se {
  background-position: -48px -48px;
}
.ui-icon-arrowthick-1-s {
  background-position: -64px -48px;
}
.ui-icon-arrowthick-1-sw {
  background-position: -80px -48px;
}
.ui-icon-arrowthick-1-w {
  background-position: -96px -48px;
}
.ui-icon-arrowthick-1-nw {
  background-position: -112px -48px;
}
.ui-icon-arrowthick-2-n-s {
  background-position: -128px -48px;
}
.ui-icon-arrowthick-2-ne-sw {
  background-position: -144px -48px;
}
.ui-icon-arrowthick-2-e-w {
  background-position: -160px -48px;
}
.ui-icon-arrowthick-2-se-nw {
  background-position: -176px -48px;
}
.ui-icon-arrowthickstop-1-n {
  background-position: -192px -48px;
}
.ui-icon-arrowthickstop-1-e {
  background-position: -208px -48px;
}
.ui-icon-arrowthickstop-1-s {
  background-position: -224px -48px;
}
.ui-icon-arrowthickstop-1-w {
  background-position: -240px -48px;
}
.ui-icon-arrowreturnthick-1-w {
  background-position: 0 -64px;
}
.ui-icon-arrowreturnthick-1-n {
  background-position: -16px -64px;
}
.ui-icon-arrowreturnthick-1-e {
  background-position: -32px -64px;
}
.ui-icon-arrowreturnthick-1-s {
  background-position: -48px -64px;
}
.ui-icon-arrowreturn-1-w {
  background-position: -64px -64px;
}
.ui-icon-arrowreturn-1-n {
  background-position: -80px -64px;
}
.ui-icon-arrowreturn-1-e {
  background-position: -96px -64px;
}
.ui-icon-arrowreturn-1-s {
  background-position: -112px -64px;
}
.ui-icon-arrowrefresh-1-w {
  background-position: -128px -64px;
}
.ui-icon-arrowrefresh-1-n {
  background-position: -144px -64px;
}
.ui-icon-arrowrefresh-1-e {
  background-position: -160px -64px;
}
.ui-icon-arrowrefresh-1-s {
  background-position: -176px -64px;
}
.ui-icon-arrow-4 {
  background-position: 0 -80px;
}
.ui-icon-arrow-4-diag {
  background-position: -16px -80px;
}
.ui-icon-extlink {
  background-position: -32px -80px;
}
.ui-icon-newwin {
  background-position: -48px -80px;
}
.ui-icon-refresh {
  background-position: -64px -80px;
}
.ui-icon-shuffle {
  background-position: -80px -80px;
}
.ui-icon-transfer-e-w {
  background-position: -96px -80px;
}
.ui-icon-transferthick-e-w {
  background-position: -112px -80px;
}
.ui-icon-folder-collapsed {
  background-position: 0 -96px;
}
.ui-icon-folder-open {
  background-position: -16px -96px;
}
.ui-icon-document {
  background-position: -32px -96px;
}
.ui-icon-document-b {
  background-position: -48px -96px;
}
.ui-icon-note {
  background-position: -64px -96px;
}
.ui-icon-mail-closed {
  background-position: -80px -96px;
}
.ui-icon-mail-open {
  background-position: -96px -96px;
}
.ui-icon-suitcase {
  background-position: -112px -96px;
}
.ui-icon-comment {
  background-position: -128px -96px;
}
.ui-icon-person {
  background-position: -144px -96px;
}
.ui-icon-print {
  background-position: -160px -96px;
}
.ui-icon-trash {
  background-position: -176px -96px;
}
.ui-icon-locked {
  background-position: -192px -96px;
}
.ui-icon-unlocked {
  background-position: -208px -96px;
}
.ui-icon-bookmark {
  background-position: -224px -96px;
}
.ui-icon-tag {
  background-position: -240px -96px;
}
.ui-icon-home {
  background-position: 0 -112px;
}
.ui-icon-flag {
  background-position: -16px -112px;
}
.ui-icon-calendar {
  background-position: -32px -112px;
}
.ui-icon-cart {
  background-position: -48px -112px;
}
.ui-icon-pencil {
  background-position: -64px -112px;
}
.ui-icon-clock {
  background-position: -80px -112px;
}
.ui-icon-disk {
  background-position: -96px -112px;
}
.ui-icon-calculator {
  background-position: -112px -112px;
}
.ui-icon-zoomin {
  background-position: -128px -112px;
}
.ui-icon-zoomout {
  background-position: -144px -112px;
}
.ui-icon-search {
  background-position: -160px -112px;
}
.ui-icon-wrench {
  background-position: -176px -112px;
}
.ui-icon-gear {
  background-position: -192px -112px;
}
.ui-icon-heart {
  background-position: -208px -112px;
}
.ui-icon-star {
  background-position: -224px -112px;
}
.ui-icon-link {
  background-position: -240px -112px;
}
.ui-icon-cancel {
  background-position: 0 -128px;
}
.ui-icon-plus {
  background-position: -16px -128px;
}
.ui-icon-plusthick {
  background-position: -32px -128px;
}
.ui-icon-minus {
  background-position: -48px -128px;
}
.ui-icon-minusthick {
  background-position: -64px -128px;
}
.ui-icon-close {
  background-position: -80px -128px;
}
.ui-icon-closethick {
  background-position: -96px -128px;
}
.ui-icon-key {
  background-position: -112px -128px;
}
.ui-icon-lightbulb {
  background-position: -128px -128px;
}
.ui-icon-scissors {
  background-position: -144px -128px;
}
.ui-icon-clipboard {
  background-position: -160px -128px;
}
.ui-icon-copy {
  background-position: -176px -128px;
}
.ui-icon-contact {
  background-position: -192px -128px;
}
.ui-icon-image {
  background-position: -208px -128px;
}
.ui-icon-video {
  background-position: -224px -128px;
}
.ui-icon-script {
  background-position: -240px -128px;
}
.ui-icon-alert {
  background-position: 0 -144px;
}
.ui-icon-info {
  background-position: -16px -144px;
}
.ui-icon-notice {
  background-position: -32px -144px;
}
.ui-icon-help {
  background-position: -48px -144px;
}
.ui-icon-check {
  background-position: -64px -144px;
}
.ui-icon-bullet {
  background-position: -80px -144px;
}
.ui-icon-radio-on {
  background-position: -96px -144px;
}
.ui-icon-radio-off {
  background-position: -112px -144px;
}
.ui-icon-pin-w {
  background-position: -128px -144px;
}
.ui-icon-pin-s {
  background-position: -144px -144px;
}
.ui-icon-play {
  background-position: 0 -160px;
}
.ui-icon-pause {
  background-position: -16px -160px;
}
.ui-icon-seek-next {
  background-position: -32px -160px;
}
.ui-icon-seek-prev {
  background-position: -48px -160px;
}
.ui-icon-seek-end {
  background-position: -64px -160px;
}
.ui-icon-seek-start {
  background-position: -80px -160px;
}
/* ui-icon-seek-first is deprecated, use ui-icon-seek-start instead */
.ui-icon-seek-first {
  background-position: -80px -160px;
}
.ui-icon-stop {
  background-position: -96px -160px;
}
.ui-icon-eject {
  background-position: -112px -160px;
}
.ui-icon-volume-off {
  background-position: -128px -160px;
}
.ui-icon-volume-on {
  background-position: -144px -160px;
}
.ui-icon-power {
  background-position: 0 -176px;
}
.ui-icon-signal-diag {
  background-position: -16px -176px;
}
.ui-icon-signal {
  background-position: -32px -176px;
}
.ui-icon-battery-0 {
  background-position: -48px -176px;
}
.ui-icon-battery-1 {
  background-position: -64px -176px;
}
.ui-icon-battery-2 {
  background-position: -80px -176px;
}
.ui-icon-battery-3 {
  background-position: -96px -176px;
}
.ui-icon-circle-plus {
  background-position: 0 -192px;
}
.ui-icon-circle-minus {
  background-position: -16px -192px;
}
.ui-icon-circle-close {
  background-position: -32px -192px;
}
.ui-icon-circle-triangle-e {
  background-position: -48px -192px;
}
.ui-icon-circle-triangle-s {
  background-position: -64px -192px;
}
.ui-icon-circle-triangle-w {
  background-position: -80px -192px;
}
.ui-icon-circle-triangle-n {
  background-position: -96px -192px;
}
.ui-icon-circle-arrow-e {
  background-position: -112px -192px;
}
.ui-icon-circle-arrow-s {
  background-position: -128px -192px;
}
.ui-icon-circle-arrow-w {
  background-position: -144px -192px;
}
.ui-icon-circle-arrow-n {
  background-position: -160px -192px;
}
.ui-icon-circle-zoomin {
  background-position: -176px -192px;
}
.ui-icon-circle-zoomout {
  background-position: -192px -192px;
}
.ui-icon-circle-check {
  background-position: -208px -192px;
}
.ui-icon-circlesmall-plus {
  background-position: 0 -208px;
}
.ui-icon-circlesmall-minus {
  background-position: -16px -208px;
}
.ui-icon-circlesmall-close {
  background-position: -32px -208px;
}
.ui-icon-squaresmall-plus {
  background-position: -48px -208px;
}
.ui-icon-squaresmall-minus {
  background-position: -64px -208px;
}
.ui-icon-squaresmall-close {
  background-position: -80px -208px;
}
.ui-icon-grip-dotted-vertical {
  background-position: 0 -224px;
}
.ui-icon-grip-dotted-horizontal {
  background-position: -16px -224px;
}
.ui-icon-grip-solid-vertical {
  background-position: -32px -224px;
}
.ui-icon-grip-solid-horizontal {
  background-position: -48px -224px;
}
.ui-icon-gripsmall-diagonal-se {
  background-position: -64px -224px;
}
.ui-icon-grip-diagonal-se {
  background-position: -80px -224px;
}
/* Misc visuals
----------------------------------*/
/* Corner radius */
.ui-corner-all,
.ui-corner-top,
.ui-corner-left,
.ui-corner-tl {
  border-top-left-radius: 4px;
}
.ui-corner-all,
.ui-corner-top,
.ui-corner-right,
.ui-corner-tr {
  border-top-right-radius: 4px;
}
.ui-corner-all,
.ui-corner-bottom,
.ui-corner-left,
.ui-corner-bl {
  border-bottom-left-radius: 4px;
}
.ui-corner-all,
.ui-corner-bottom,
.ui-corner-right,
.ui-corner-br {
  border-bottom-right-radius: 4px;
}
/* Overlays */
.ui-widget-overlay {
  background: #aaaaaa url("/images_app/global/jquery/ui-bg_flat_0_aaaaaa_40x100.png") 50% 50% repeat-x;
  opacity: .3;
  filter: alpha(opacity=30);
  /* support: IE8 */
}
.ui-widget-shadow {
  margin: -8px 0 0 -8px;
  padding: 8px;
  background: #aaaaaa url("/images_app/global/jquery/ui-bg_flat_0_aaaaaa_40x100.png") 50% 50% repeat-x;
  opacity: .3;
  filter: alpha(opacity=30);
  /* support: IE8 */
  border-radius: 8px;
}
/*
    THESE ARE TRADE TECH SPECIFIC CSS OVERRIDES NOT AUTO GENERATED BY THE THEMEROLLER.
    ADD THESE BY HAND EACH TIME WE UPGRADE.
*/
/* increase the font size */
.ui-widget {
  font-size: 1.1em;
}

/*css_app/tt-template.css!steal-css@1.3.2#css*/
/* elements by id */
#container {
    width: 90%;
}

#header {
    margin-top: 20px;
    margin-left: 20px;
    margin-bottom: 20px;
    width: 50%;
}

/*#tooltip-window .map-pop > table > tbody > tr:first-child {*/
	/*width: 410px !important;*/
    /*zoom:1;*/
/*}*/
#tooltip-window .map-pop table {
    zoom: 1;
}
#tooltip-window .map-pop td {
	width: 50%;
    zoom:1;
}
#tooltip-window .map-pop img {
    width: 440px;
}

/* classes */
.onecol {
    /*color: #333;*/
    /*background-color: white;*/
    margin-bottom: 4px;
    padding: 0;
    width: 99%;
    text-align: left;
}

.onecol>li {
    /*color: #333;*/
    /*background-color: white;*/
	height:2em;
    list-style: none;
    margin-bottom: 3px;
    padding: 0;
    text-align: left;
}

.onecol div.label {
    display: inline-block;
    *display: inline;
    margin: 0;
    padding: 0.25em 0 2px 0;
    text-align: right;
    vertical-align: top;
    width: 30%;
    zoom:1;
}

.onecol div.field {
    display: inline-block;
    *display: inline;
    margin: 0;
    padding: 0 0 2px 0;
    text-align: left;
    vertical-align: top;
    width: 65%;
    zoom:1;
}

/*.onecol li div {*/
    /*color: #888;*/
    /*font-family: Arial;*/
    /*font-size: 11px;*/
    /*line-height: 2em;*/
    /*display: inline-block;*/
    /*margin: 0;*/
    /*padding: 2px;*/
/*}*/

.onecol li div label {
    color: #777;
    display: inline-block;
    *display: inline;
    font-weight: normal;
    margin: 0;
    padding: 0;
    zoom:1;
}

.onecol li div p {
    color: #888;
    font-family: Arial;
    font-size: 11px;
}

.onecol>li>div input,
.onecol>div>li>div input{
    margin-left: 2px;
    margin-right: 2px;
    color: #444444;
}

.onecol>li>div>select,
.onecol>div>li>div>select{
    margin-left: 2px;
    margin-right: 2px;
}

.onecol li div input[type="radio"] {
    margin-left: 10px;
    margin-right: 2px;
}

.onecol li div input[type="checkbox"] {
    margin-left: 10px;
    margin-right: 2px;
}

.calign {
    text-align: center;
}

.border {
    border: 1px solid #333;
}

.underline {
    text-decoration: underline;
}

.halfcol {
    width:45%;
    display:inline-block;
    text-align:center;
}

.linespacer {
	height:3px;
}

.bluegraybar {
	width:95%;
	background-color:#5D7085;
	color:white;
	font-weight:bold;
}

.mini    { width: 5.3em;  }
.x-small { width: 6em;  }
.smaller { width: 6.5em; }
.small   { width: 12em; }
.medium  { width: 18em; }
.large   { width: 24em; }
.x-large { width: 30em; }

.whiteback { background-color:#fff; }

/*
 * Refactor all styles to match our designs
 *
 */

/*#x ul.onecol {*/
    /*background-color: transparent;*/
    /*color: #333; *//* I don't like this but can't change it */
    /*padding: 0;*/
    /*width: auto;*/
/*}*/

/*#x ul.onecol li {*/
    /*background-color: transparent;*/
    /*color: #333; *//* I don't like this but can't change it */
    /*margin-bottom: 5px;*/
    /*padding: 0;*/
    /*text-align: left;*/
/*}*/

/*#x ul.onecol li div.label {*/
    /*font-weight: normal;*/
    /*margin: 0;*/
    /*padding: 0;*/
    /*width: 25%;*/
    /*text-align: right;*/
    /*vertical-align: top;*/
/*}*/

/*#x ul.onecol li div label {*/
    /*color: #777;*/
    /*font-weight: normal;*/
    /*margin: 0;*/
    /*padding: 0;*/
    /*display: inline;*/
/*}*/

/*css_app/tt-grids-min.css!steal-css@1.3.2#css*/
/*  Trade Tech CSS Grids */
.tt-row {
    letter-spacing: -0.31em;
    *letter-spacing: normal;
    word-spacing: -0.43em;
    display: block;
    width: 99%;
}

.tt-col-1,
.tt-col-1-2,
.tt-col-1-3,
.tt-col-2-3,
.tt-col-1-4,
.tt-col-1-5,
.tt-col-1-6,
.tt-col-1-7,
.tt-col-1-8,
.tt-col-1-9,
.tt-col-1-10,
.tt-col-1-11,
.tt-col-1-12 {
    display: inline-block;
    zoom: 1;
    *display: inline;
    letter-spacing: normal;
    word-spacing: normal;
    vertical-align: top
}

.tt-col-1 {
    display: block;
    width: 99%
}

.tt-col-1-2 {
    width: 49%
}

.tt-col-1-3 {
    width: 32%
}

.tt-col-2-3 {
    width: 65%
}

.tt-col-1-4 {
    width: 24%
}

.tt-col-1-5 {
    width: 19%
}

.tt-col-1-6 {
    width: 15%
}

.tt-col-1-7 {
    width: 13.5%
}

.tt-col-1-8 {
    width: 12%
}

.tt-col-1-9 {
    width: 10.5%
}

.tt-col-1-10 {
    width: 9.5%
}

.tt-col-1-11 {
    width: 8.75%
}

.tt-col-1-12 {
    width: 8%
}
/*css_app/themes.less!steal-less@1.3.4#less*/
/**
!!IMPORTANT!!
ONLY EDIT THE LESS FILE DO NOT EDIT THE CSS FILE, WHENEVER YOU MAKE A CHANGE RUN THIS(less is required: http://lesscss.org/#download-options):

$ lessc themes.less > themes_read_only.css

*/
/* CoBranded Elements
===========================================
- All are switched by an ID on the BODY
*/
#cobrand_logo {
  display: block;
  height: 38px;
  left: 0;
  position: absolute;
  top: 0;
  width: 140px;
  background: url("/images_app/global/co_brand/GENQUAL/small_logo.png") no-repeat;
}
#world-map {
  background: url("/images_app/global/bg_world_map.png") no-repeat scroll 0 4px transparent;
  height: 343px;
}
#world-map .map-logo {
  position: absolute;
}
.quote_logo {
  display: inline-block;
  width: 200px;
  height: 100px;
  background: url("/images_app/global/co_brand/GENQUAL/quote_logo.png") 50% 0px no-repeat;
}
.map-logo {
  height: 100px;
  left: 348px;
  top: 124px;
  width: 200px;
  background: url("/images_app/global/co_brand/GENQUAL/map_logo.png") 0px 0px no-repeat;
}
/*ETARIFF -- Created on Wed Mar 17 10:13:00 PDT 2021
--------------------------------
 */
.etariff #hd #cobrand_logo {
  background: url("/images_app/global/co_brand/ETARIFF/small_logo.png") no-repeat;
  background-size: 90% 90%;
}
.etariff #bd #world-map .map-logo {
  background: url("/images_app/global/co_brand/ETARIFF/map_logo.png") no-repeat;
  background-size: 100% 59%;
  margin-top: 20px;
}
/*SWLC -- Created on Mon Apr 18 16:08:06 PDT 2016
---------------------------------
*/
#swlc #cobrand_logo {
  background: url("/images_app/global/co_brand/SWLC/small_logo.png") no-repeat;
}
#swlc .map-logo {
  background: url("/images_app/global/co_brand/SWLC/map_logo.png") 0px 0px no-repeat;
}
#swlc .quote_logo {
  background: url("/images_app/global/co_brand/SWLC/quote_logo.png") 50% 0px no-repeat;
}
/*MWWL -- Created on Thu Sep 10 14:09:43 PDT 2015
---------------------------------
*/
#mwwl #cobrand_logo,
#mwwlt #cobrand_logo {
  background: url("/images_app/global/co_brand/MWWL/small_logo.png") no-repeat;
}
#mwwl .map-logo,
#mwwlt .map-logo {
  background: url("/images_app/global/co_brand/MWWL/map_logo.png") 0px 0px no-repeat;
}
#mwwl .quote_logo,
#mwwlt .quote_logo {
  background: url("/images_app/global/co_brand/MWWL/quote_logo.png") 50% 0px no-repeat;
}
/*CLDH -- Created on Wed Aug 12 16:28:43 PDT 2015
---------------------------------
*/
#cldh #cobrand_logo,
#cldht #cobrand_logo {
  background: url("/images_app/global/co_brand/CLDH/small_logo.png") no-repeat;
}
#cldh .map-logo,
#cldht .map-logo {
  background: url("/images_app/global/co_brand/CLDH/map_logo.png") 0px 0px no-repeat;
}
#cldh .quote_logo,
#cldht .quote_logo {
  background: url("/images_app/global/co_brand/CLDH/quote_logo.png") 50% 0px no-repeat;
}
/* These files inserted from create_logo.sh - Do not remove! */
/*ACER -- Created on Tue Oct 20 13:39:04 PDT 2015
---------------------------------
*/
#acer #cobrand_logo,
#acert #cobrand_logo {
  background: url("/images_app/global/co_brand/ACER/small_logo.png") no-repeat;
}
#acer .map-logo,
#acert .map-logo {
  background: url("/images_app/global/co_brand/ACER/map_logo.png") 0px 0px no-repeat;
}
#acer .quote_logo,
#acert .quote_logo {
  background: url("/images_app/global/co_brand/ACER/quote_logo.png") 50% 0px no-repeat;
}
/*JOHN -- Created on Fri Aug  7 12:22:56 PDT 2015
---------------------------------
*/
#john #cobrand_logo,
#johnt #cobrand_logo {
  background: url("/images_app/global/co_brand/JOHN/small_logo.png") no-repeat;
}
#john .map-logo,
#johnt .map-logo {
  background: url("/images_app/global/co_brand/JOHN/map_logo.png") 0px 0px no-repeat;
}
#john .quote_logo,
#johnt .quote_logo {
  background: url("/images_app/global/co_brand/JOHN/quote_logo.png") 50% 0px no-repeat;
}
/*ECUI -- Created on Wed Jul  1 10:03:09 PDT 2015
---------------------------------
*/
#ecui #cobrand_logo,
#ecuit #cobrand_logo {
  background: url("/images_app/global/co_brand/ECUI/small_logo.png") no-repeat;
}
#ecui .map-logo,
#ecuit .map-logo {
  background: url("/images_app/global/co_brand/ECUI/map_logo.png") 0px 0px no-repeat;
}
#ecui .quote_logo,
#ecuit .quote_logo {
  background: url("/images_app/global/co_brand/ECUI/quote_logo.png") 50% 0px no-repeat;
}
/*NYKL -- Created on Thu Dec  5 09:30:57 PST 2013
---------------------------------
*/
#nykl #cobrand_logo,
#nyklt #cobrand_logo {
  background: url("/images_app/global/co_brand/NYKL/small_logo.png") no-repeat;
}
#nykl .map-logo,
#nyklt .map-logo {
  background: url("/images_app/global/co_brand/NYKL/map_logo.png") 0 0 no-repeat;
}
#nykl .quote_logo,
#nyklt .quote_logo {
  background: url("/images_app/global/co_brand/NYKL/quote_logo.png") 50% 0 no-repeat;
}
/*LVSP -- Created on Tue Nov 19 15:43:59 PST 2013
---------------------------------
*/
#lvsp #cobrand_logo {
  background: url("/images_app/global/co_brand/LVSP/small_logo.png") no-repeat;
}
#lvsp .map-logo {
  background: url("/images_app/global/co_brand/LVSP/map_logo.png") 0 0 no-repeat;
}
#lvsp .quote_logo {
  background: url("/images_app/global/co_brand/LVSP/quote_logo.png") 50% 0 no-repeat;
}
/*BCGR -- Created on Wed Oct 30 16:37:24 PDT 2013
---------------------------------
*/
#bcgr #cobrand_logo,
#bcgrt #cobrand_logo {
  background: url("/images_app/global/co_brand/BCGR/small_logo.png") no-repeat;
}
#bcgr .map-logo,
#bcgrt .map-logo {
  background: url("/images_app/global/co_brand/BCGR/map_logo.png") 0 0 no-repeat;
}
#bcgr .quote_logo,
#bcgrt .quote_logo {
  background: url("/images_app/global/co_brand/BCGR/quote_logo.png") 50% 0 no-repeat;
}
/* Manual GALI logo */
#gali #cobrand_logo,
#galit #cobrand_logo {
  background: url("/images_app/global/co_brand/GALI/small_logo.png") no-repeat;
}
#gali .map-logo,
#galit .map-logo {
  background: url("/images_app/global/co_brand/GALI/map_logo.png") 0 0 no-repeat;
}
#gali .quote_logo,
#galit .quote_logo {
  background: url("/images_app/global/co_brand/GALI/quote_logo.png") 50% 0 no-repeat;
}
/*DAHR -- Created on Wed Oct  9 12:59:50 PDT 2013
---------------------------------
*/
#dahr #cobrand_logo,
#dahrt #cobrand_logo {
  background: url("/images_app/global/co_brand/DAHR/small_logo.png") no-repeat;
}
#dahr .map-logo,
#dahrt .map-logo {
  background: url("/images_app/global/co_brand/DAHR/map_logo.png") 0 0 no-repeat;
}
#dahr .quote_logo,
#dahrt .quote_logo {
  background: url("/images_app/global/co_brand/DAHR/quote_logo.png") 50% 0 no-repeat;
}
/*CNSL -- Created on Tue Jul  9 08:25:31 PDT 2013
---------------------------------
*/
#cnsl #cobrand_logo {
  background: url("/images_app/global/co_brand/CNSL/small_logo.png") no-repeat;
}
#cnsl .map-logo {
  background: url("/images_app/global/co_brand/CNSL/map_logo.png") 0 0 no-repeat;
}
#cnsl .quote_logo {
  background: url("/images_app/global/co_brand/CNSL/quote_logo.png") 50% 0 no-repeat;
}
/*CTLT -- Created on Mon Jul  8 12:45:55 PDT 2013
---------------------------------
*/
#ctlt #cobrand_logo {
  background: url("/images_app/global/co_brand/CTLT/small_logo.png") no-repeat;
}
#ctlt .map-logo {
  background: url("/images_app/global/co_brand/CTLT/map_logo.png") 0 0 no-repeat;
}
#ctlt .quote_logo {
  background: url("/images_app/global/co_brand/CTLT/quote_logo.png") 50% 0 no-repeat;
}
/*ITS -- Created on Fri Jun 14 11:43:22 PDT 2013
---------------------------------
*/
#its #cobrand_logo,
#itst #cobrand_logo {
  background: url("/images_app/global/co_brand/ITS/small_logo.png") no-repeat;
}
#its .map-logo,
#itst .map-logo {
  background: url("/images_app/global/co_brand/ITS/map_logo.png") 0 0 no-repeat;
}
#its .quote_logo,
#itst .quote_logo {
  background: url("/images_app/global/co_brand/ITS/quote_logo.png") 50% 0 no-repeat;
}
/*EMTR -- Created on Fri May 31 12:20:12 PDT 2013
---------------------------------
*/
#emtr #cobrand_logo {
  background: url("/images_app/global/co_brand/EMTR/small_logo.png") no-repeat;
}
#emtr .map-logo {
  background: url("/images_app/global/co_brand/EMTR/map_logo.png") 0 0 no-repeat;
}
#emtr .quote_logo {
  background: url("/images_app/global/co_brand/EMTR/quote_logo.png") 50% 0 no-repeat;
}
/* SKEP
--------------
*/
#skep #cobrand_logo {
  background: url("/images_app/global/co_brand/SKEP/small_logo.png") no-repeat;
}
#skep .map-logo {
  background: url("/images_app/global/co_brand/SKEP/map_logo.png") 0 0 no-repeat;
}
#skep .quote_logo {
  background: url("/images_app/global/co_brand/SKEP/quote_logo.png") 50% 0 no-repeat;
}
/* ENGL and ENGLT
--------------
*/
#engl #cobrand_logo,
#englt #cobrand_logo {
  background: url("/images_app/global/co_brand/ENGL/small_logo.png") no-repeat;
}
#engl .map-logo,
#englt .map-logo {
  background: url("/images_app/global/co_brand/ENGL/map_logo.png") 0 0 no-repeat;
}
#engl .quote_logo,
#englt .quote_logo {
  background: url("/images_app/global/co_brand/ENGL/quote_logo.png") 50% 0 no-repeat;
}
/*AMCL
--------------
*/
#amcl #cobrand_logo {
  background: url("/images_app/global/co_brand/AMCL/small_logo.png") no-repeat;
}
#amcl .map-logo {
  background: url("/images_app/global/co_brand/AMCL/map_logo.png") 0 0 no-repeat;
}
#amcl .quote_logo {
  background: url("/images_app/global/co_brand/AMCL/quote_logo.png") 50% 0 no-repeat;
}
/*SEKO, SWOE, SWOET
they all share the same logo
--------------
*/
#seko #cobrand_logo,
#swoet #cobrand_logo,
#swoe #cobrand_logo {
  background: url("/images_app/global/co_brand/SEKO/small_logo.png") no-repeat;
}
#seko .map-logo,
#swoet .map-logo,
#swoe .map-logo {
  background: url("/images_app/global/co_brand/SEKO/map_logo.png") 0 0 no-repeat;
}
#seko .quote_logo,
#swoet .quote_logo,
#swoe .quote_logo {
  background: url("/images_app/global/co_brand/SEKO/quote_logo.png") 50% 0 no-repeat;
}
/*SIAR
--------------
*/
#siar #cobrand_logo,
#siart #cobrand_logo {
  background: url("/images_app/global/co_brand/SIAR/small_logo.png") no-repeat;
}
#siar .map-logo,
#siart .map-logo {
  background: url("/images_app/global/co_brand/SIAR/map_logo.png") 0 0 no-repeat;
}
#siar .quote_logo,
#siart .quote_logo {
  background: url("/images_app/global/co_brand/SIAR/quote_logo.png") 50% 0 no-repeat;
}
/* FGNL
--------------
*/
#fgnl #cobrand_logo,
#fgnlt #cobrand_logo {
  background: url("/images_app/global/co_brand/FGNL/small_logo.png") 0 0 no-repeat;
}
#fgnl .map-logo,
#fgnlt .map-logo {
  background: url("/images_app/global/co_brand/FGNL/map_logo.png") 0 0 no-repeat;
}
#fgnl .quote_logo,
#fgnlt .quote_logo {
  background: url("/images_app/global/co_brand/FGNL/quote_logo.png") 50% 0 no-repeat;
}
/* HJLL
--------------
*/
#hjll #cobrand_logo,
#hjllt #cobrand_logo {
  background: url("/images_app/global/co_brand/HJLL/small_logo.png") 0 0 no-repeat;
}
#hjll .map-logo,
#hjllt .map-logo {
  background: url("/images_app/global/co_brand/HJLL/map_logo.png") 0 0 no-repeat;
}
#hjll .quote_logo,
#hjllt .quote_logo {
  background: url("/images_app/global/co_brand/HJLL/quote_logo.png") 50% 0 no-repeat;
}
/* NORR
--------------
*/
#norr #cobrand_logo {
  background: url("/images_app/global/co_brand/NORR/small_logo.png") 0 0 no-repeat;
}
#norr .map-logo {
  background: url("/images_app/global/co_brand/NORR/map_logo.png") 0 0 no-repeat;
}
#norr .quote_logo {
  background: url("/images_app/global/co_brand/NORR/quote_logo.png") 50% 0 no-repeat;
}
/* MCLO
--------------
*/
#mclo #cobrand_logo,
#mclot #cobrand_logo {
  background: url("/images_app/global/co_brand/MCLO/small_logo.png") no-repeat;
}
#mclo .map-logo,
#mclot .map-logo {
  background: url("/images_app/global/co_brand/MCLO/map_logo.png") 0 0 no-repeat;
}
#mclo .quote_logo,
#mclot .quote_logo {
  background: url("/images_app/global/co_brand/MCLO/quote_logo.png") 50% 0 no-repeat;
}
/*IFGN -- Created on Wed Jul 16 15:05:24 EDT 2014
---------------------------------
*/
#ifgn #cobrand_logo,
#ifgnt #cobrand_logo {
  background: url("/images_app/global/co_brand/IFGN/small_logo.png") no-repeat;
}
#ifgn .map-logo,
#ifgnt .map-logo {
  background: url("/images_app/global/co_brand/IFGN/map_logo.png") 0 0 no-repeat;
}
#ifgn .quote_logo,
#ifgnt .quote_logo {
  background: url("/images_app/global/co_brand/IFGN/quote_logo.png") 50% 0 no-repeat;
}
/*OWLQ
---------------------------------
*/
#owlq #cobrand_logo {
  background: url("/images_app/global/co_brand/OWLQ/small_logo.png") no-repeat;
}
#owlq .map-logo {
  background: url("/images_app/global/co_brand/OWLQ/map_logo.png") 0 0 no-repeat;
}
#owlq .quote_logo {
  background: url("/images_app/global/co_brand/OWLQ/quote_logo.png") 50% 0 no-repeat;
}
/*MELC
---------------------------------
*/
#melc #cobrand_logo {
  background: url("/images_app/global/co_brand/MELC/small_logo.png") no-repeat;
}
#melc .map-logo {
  background: url("/images_app/global/co_brand/MELC/map_logo.png") 0 0 no-repeat;
}
#melc .quote_logo {
  background: url("/images_app/global/co_brand/MELC/quote_logo.png") 50% 0 no-repeat;
}
/*APL
---------------------------------
*/
#apll #cobrand_logo {
  background: url("/images_app/global/co_brand/APLL/small_logo.png") no-repeat;
}
#apll .map-logo {
  background: url("/images_app/global/co_brand/APLL/map_logo.png") 0 0 no-repeat;
}
#apll .quote_logo {
  background: url("/images_app/global/co_brand/APLL/quote_logo.png") 50% 0 no-repeat;
}
/*SEIW
---------------------------------
*/
#seiw #cobrand_logo {
  background: url("/images_app/global/co_brand/SEIW/small_logo.png") no-repeat;
}
#seiw .map-logo {
  background: url("/images_app/global/co_brand/SEIW/map_logo.png") 0 0 no-repeat;
}
#seiw .quote_logo {
  background: url("/images_app/global/co_brand/SEIW/quote_logo.png") 50% 0 no-repeat;
}
/*REDA
---------------------------------
*/
#reda #cobrand_logo {
  background: url("/images_app/global/co_brand/REDA/small_logo.png") no-repeat;
}
#reda .map-logo {
  background: url("/images_app/global/co_brand/REDA/map_logo.png") 0 0 no-repeat;
}
#reda .quote_logo {
  background: url("/images_app/global/co_brand/REDA/quote_logo.png") 50% 0 no-repeat;
}
/*MRSP
---------------------------------
*/
#mrsp #cobrand_logo {
  background: url("/images_app/global/co_brand/MRSP/small_logo.png") no-repeat;
}
#mrsp .map-logo {
  background: url("/images_app/global/co_brand/MRSP/map_logo.png") 0 0 no-repeat;
}
#mrsp .quote_logo {
  background: url("/images_app/global/co_brand/MRSP/quote_logo.png") 50% 0 no-repeat;
}
/* MIJP  --
---------------------------------
*/
#mijp #cobrand_logo,
#mijpt #cobrand_logo {
  background: url("/images_app/global/co_brand/MIJP/small_logo.png") no-repeat;
}
#mijp .map-logo,
#mijpt .map-logo {
  background: url("/images_app/global/co_brand/MIJP/map_logo.png") 0 0 no-repeat;
}
#mijp .quote_logo,
#mijpt .quote_logo {
  background: url("/images_app/global/co_brand/MIJP/quote_logo.png") 50% 0 no-repeat;
}
/* MLQD  --
---------------------------------
*/
#mlqd #cobrand_logo,
#mlqdt #cobrand_logo {
  background: url("/images_app/global/co_brand/MLQD/small_logo.png") no-repeat;
}
#mlqd .map-logo,
#mlqdt .map-logo {
  background: url("/images_app/global/co_brand/MLQD/map_logo.png") 0 0 no-repeat;
}
#mlqd .quote_logo,
#mlqdt .quote_logo {
  background: url("/images_app/global/co_brand/MLQD/quote_logo.png") 50% 0 no-repeat;
}
/* WEYR --
---------------------------------
*/
#weyr #cobrand_logo,
#weyrt #cobrand_logo {
  background: url("/images_app/global/co_brand/WEYR/small_logo.png") no-repeat;
}
#weyr .map-logo,
#weyrt .map-logo {
  background: url("/images_app/global/co_brand/WEYR/map_logo.png") 0 0 no-repeat;
}
#weyr .quote_logo,
#weyrt .quote_logo {
  background: url("/images_app/global/co_brand/WEYR/quote_logo.png") 50% 0 no-repeat;
}
/* SIEM
---------------------------------
*/
#siem #cobrand_logo,
#siemt #cobrand_logo {
  background: url("/images_app/global/co_brand/SIEM/small_logo.png") no-repeat;
}
#siem .map-logo,
#siemt .map-logo {
  background: url("/images_app/global/co_brand/SIEM/map_logo.png") 0 0 no-repeat;
}
#siem .quote_logo,
#siemt .quote_logo {
  background: url("/images_app/global/co_brand/SIEM/quote_logo.png") 50% 0 no-repeat;
}
/* SILQ --
---------------------------------
*/
#silq #cobrand_logo,
#silqt #cobrand_logo {
  background: url("/images_app/global/co_brand/SILQ/small_logo.png") no-repeat;
}
#silq .map-logo,
#silqt .map-logo {
  background: url("/images_app/global/co_brand/SILQ/map_logo.png") 0 0 no-repeat;
}
#silq .quote_logo,
#silqt .quote_logo {
  background: url("/images_app/global/co_brand/SILQ/quote_logo.png") 50% 0 no-repeat;
}
/* SGL --
---------------------------------
*/
#sgl #cobrand_logo,
#sglt #cobrand_logo {
  background: url("/images_app/global/co_brand/SGL/small_logo.png") no-repeat;
}
#sgl .map-logo,
#sglt .map-logo {
  background: url("/images_app/global/co_brand/SGL/map_logo.png") 0 0 no-repeat;
}
#sgl .quote_logo,
#sglt .quote_logo {
  background: url("/images_app/global/co_brand/SGL/quote_logo.png") 50% 0 no-repeat;
}
/* ITTR --
---------------------------------
*/
#ittr #cobrand_logo,
#ittrt #cobrand_logo {
  background: url("/images_app/global/co_brand/ITTR/small_logo.png") no-repeat;
}
#ittr .map-logo,
#ittrt .map-logo {
  background: url("/images_app/global/co_brand/ITTR/map_logo.png") 0 0 no-repeat;
}
#ittr .quote_logo,
#ittrt .quote_logo {
  background: url("/images_app/global/co_brand/ITTR/quote_logo.png") 50% 0 no-repeat;
}
/* QUES --
---------------------------------
*/
#ques #cobrand_logo,
#quest #cobrand_logo {
  background: url("/images_app/global/co_brand/QUES/small_logo.png") no-repeat;
}
#ques .map-logo,
#quest .map-logo {
  background: url("/images_app/global/co_brand/QUES/map_logo.png") 0 0 no-repeat;
}
#ques .quote_logo,
#quest .quote_logo {
  background: url("/images_app/global/co_brand/QUES/quote_logo.png") 50% 0 no-repeat;
}
/* SALE --
 --------------------------------
 */
#sale #cobrand_logo {
  background: url("/images_app/global/co_brand/TTI/small_logo.png") no-repeat;
}
#sale .map-logo {
  background: url("/images_app/global/co_brand/TTI/map_logo.png") 0 0 no-repeat;
}
#sale .quote_logo {
  background: url("/images_app/global/co_brand/TTI/quote_logo.png") 50% 0 no-repeat;
}
#frln #cobrand_logo {
  background: url("/images_app/global/co_brand/FRLN/small_logo.png") no-repeat;
}
#frln .map-logo {
  background: url("/images_app/global/co_brand/FRLN/map_logo.png") 0px 0px no-repeat;
}
#frln .quote_logo {
  background: url("/images_app/global/co_brand/FRLN/quote_logo.png") 50% 0px no-repeat;
}
#dtrat #cobrand_logo {
  background: url("/images_app/global/co_brand/DTRAT/small_logo.png") no-repeat;
}
#dtrat .map-logo {
  background: url("/images_app/global/co_brand/DTRAT/map_logo.png") 0px 0px no-repeat;
}
#dtrat .quote_logo {
  background: url("/images_app/global/co_brand/DTRAT/quote_logo.png") 50% 0px no-repeat;
}
#ymto #cobrand_logo,
#ymtot #cobrand_logo {
  background: url("/images_app/global/co_brand/YMTO/small_logo.png") no-repeat;
}
#ymto .map-logo,
#ymtot .map-logo {
  background: url("/images_app/global/co_brand/YMTO/map_logo.png") 0px 0px no-repeat;
}
#ymto .quote_logo,
#ymtot .quote_logo {
  background: url("/images_app/global/co_brand/YMTO/quote_logo.png") 50% 0px no-repeat;
}
#gimu #cobrand_logo,
#gimut #cobrand_logo {
  background: url("/images_app/global/co_brand/GIMU/small_logo.png") no-repeat;
}
#gimu .map-logo,
#gimut .map-logo {
  background: url("/images_app/global/co_brand/GIMU/map_logo.png") 0px 0px no-repeat;
}
#gimu .quote_logo,
#gimut .quote_logo {
  background: url("/images_app/global/co_brand/GIMU/quote_logo.png") 50% 0px no-repeat;
}
/*ROEH
---------------------------------
*/
#roeh #cobrand_logo,
#roeht #cobrand_logo {
  background: url("/images_app/global/co_brand/ROEH/small_logo.png") no-repeat;
}
#roeh .map-logo,
#roeht .map-logo {
  background: url("/images_app/global/co_brand/ROEH/map_logo.png") 0px 0px no-repeat;
}
#roeh .quote_logo,
#roeht .quote_logo {
  background: url("/images_app/global/co_brand/ROEH/quote_logo.png") 50% 0px no-repeat;
}
/*LINZ -- Created on Tue Apr  3 15:37:04 PDT 2018
---------------------------------
*/
#linz #cobrand_logo,
#linzt #cobrand_logo {
  background: url("/images_app/global/co_brand/LINZ/small_logo.png") no-repeat;
}
#linz .map-logo,
#linzt .map-logo {
  background: url("/images_app/global/co_brand/LINZ/map_logo.png") 0px 0px no-repeat;
}
#linz .quote_logo,
#linzt .quote_logo {
  background: url("/images_app/global/co_brand/LINZ/quote_logo.png") 50% 0px no-repeat;
}
/*MSCS -- Created on Tue Apr 24 13:33:00 PDT 2018
---------------------------------
*/
#mscs #cobrand_logo,
#mscst #cobrand_logo {
  background: url("/images_app/global/co_brand/MSCS/small_logo.png") no-repeat;
}
#mscs .map-logo,
#mscst .map-logo {
  background: url("/images_app/global/co_brand/MSCS/map_logo.png") 0px 0px no-repeat;
}
#mscs .quote_logo,
#mscst .quote_logo {
  background: url("/images_app/global/co_brand/MSCS/quote_logo.png") 50% 0px no-repeat;
}
/*SECV -- Created on Wed Apr 25 16:12:00 PDT 2018
---------------------------------
*/
#secv #cobrand_logo,
#secvt #cobrand_logo {
  background: url("/images_app/global/co_brand/SECV/small_logo.png") no-repeat;
}
#secv .map-logo,
#secvt .map-logo {
  background: url("/images_app/global/co_brand/SECV/map_logo.png") 0px 0px no-repeat;
}
#secv .quote_logo,
#secvt .quote_logo {
  background: url("/images_app/global/co_brand/SECV/quote_logo.png") 50% 0px no-repeat;
}
/*SPRN -- Created on Mon Jun 18 11:27:00 PDT 2018
---------------------------------
*/
#sprn #cobrand_logo,
#sprnt #cobrand_logo {
  background: url("/images_app/global/co_brand/SPRN/small_logo.png") no-repeat;
}
#sprn .map-logo,
#sprnt .map-logo {
  background: url("/images_app/global/co_brand/SPRN/map_logo.png") 0px 0px no-repeat;
}
#sprn .quote_logo,
#sprnt .quote_logo {
  background: url("/images_app/global/co_brand/SPRN/quote_logo.png") 50% 0px no-repeat;
}
/*HLBD -- Created on Wed Jun 20 16:49:00 PDT 2018
---------------------------------
*/
#hlbd #cobrand_logo,
#hlbdt #cobrand_logo {
  background: url("/images_app/global/co_brand/HLBD/small_logo.png") no-repeat;
}
#hlbd .map-logo,
#hlbdt .map-logo {
  background: url("/images_app/global/co_brand/HLBD/map_logo.png") 0px 0px no-repeat;
}
#hlbd .quote_logo,
#hlbdt .quote_logo {
  background: url("/images_app/global/co_brand/HLBD/quote_logo.png") 50% 0px no-repeat;
}
/*NMCA -- Created on Wed Oct 17 16:56:12 PDT 2018
---------------------------------
*/
#nmca #cobrand_logo,
#nmcat #cobrand_logo {
  background: url("/images_app/global/co_brand/NMCA/small_logo.png") no-repeat;
}
#nmca .map-logo,
#nmcat .map-logo {
  background: url("/images_app/global/co_brand/NMCA/map_logo.png") 0px 0px no-repeat;
}
#nmca .quote_logo,
#nmcat .quote_logo {
  background: url("/images_app/global/co_brand/NMCA/quote_logo.png") 50% 0px no-repeat;
}
/*ACEN
---------------------------------
*/
#acen #cobrand_logo,
#acent #cobrand_logo {
  background: url("/images_app/global/co_brand/ACEN/small_logo.png") no-repeat;
}
#acen .map-logo,
#acent .map-logo {
  background: url("/images_app/global/co_brand/ACEN/map_logo.png") 0px 0px no-repeat;
}
#acen .quote_logo,
#acent .quote_logo {
  background: url("/images_app/global/co_brand/ACEN/quote_logo.png") 50% 0px no-repeat;
}
/*GOLB -- Created on Wed Jun 19 17:08:00 PDT 2019
---------------------------------
*/
#golb #cobrand_logo,
#golbt #cobrand_logo {
  background: url("/images_app/global/co_brand/GOLB/small_logo.png") no-repeat;
}
#golb .map-logo,
#golbt .map-logo {
  background: url("/images_app/global/co_brand/GOLB/map_logo.png") 0px 0px no-repeat;
}
#golb .quote_logo,
#golbt .quote_logo {
  background: url("/images_app/global/co_brand/GOLB/quote_logo.png") 50% 0px no-repeat;
}
/*RGCY -- Created on Fri Dec 20 16:08:00 PST 2019
---------------------------------
*/
#rgcy #cobrand_logo,
#rgcyt #cobrand_logo {
  background: url("/images_app/global/co_brand/RGCY/small_logo.png") no-repeat;
}
#rgcy .map-logo,
#rgcyt .map-logo {
  background: url("/images_app/global/co_brand/RGCY/map_logo.png") 0px 0px no-repeat;
}
#rgcy .quote_logo,
#rgcyt .quote_logo {
  background: url("/images_app/global/co_brand/RGCY/quote_logo.png") 50% 0px no-repeat;
}
/*BHDR -- Created on Wed Jan 08 11:21:00 PST 2020
---------------------------------
*/
#bhdr #cobrand_logo,
#bhdrt #cobrand_logo {
  background: url("/images_app/global/co_brand/BHDR/small_logo.png") no-repeat;
}
#bhdr .map-logo,
#bhdrt .map-logo {
  background: url("/images_app/global/co_brand/BHDR/map_logo.png") 0px 0px no-repeat;
}
#bhdr .quote_logo,
#bhdrt .quote_logo {
  background: url("/images_app/global/co_brand/BHDR/quote_logo.png") 50% 0px no-repeat;
}
/*SFCR -- Created on Thu Jan 16 16:52:00 PST 2020
---------------------------------
*/
#sfcr #cobrand_logo,
#sfcrt #cobrand_logo {
  background: url("/images_app/global/co_brand/SFCR/small_logo.png") no-repeat;
}
#sfcr .map-logo,
#sfcrt .map-logo {
  background: url("/images_app/global/co_brand/SFCR/map_logo.png") 0px 0px no-repeat;
}
#sfcr .quote_logo,
#sfcrt .quote_logo {
  background: url("/images_app/global/co_brand/SFCR/quote_logo.png") 50% 0px no-repeat;
}
/*CDSI -- Created on Fri Jan 17 10:55:00 PST 2020
---------------------------------
*/
#cdsi #cobrand_logo,
#cdsit #cobrand_logo {
  background: url("/images_app/global/co_brand/CDSI/small_logo.png") no-repeat;
}
#cdsi .map-logo,
#cdsit .map-logo {
  background: url("/images_app/global/co_brand/CDSI/map_logo.png") 0px 0px no-repeat;
}
#cdsi .quote_logo,
#cdsit .quote_logo {
  background: url("/images_app/global/co_brand/CDSI/quote_logo.png") 50% 0px no-repeat;
}
/*VHTS -- Created on Tue Mar 10 11:58:00 PST 2020
---------------------------------
*/
#vhts #cobrand_logo,
#vhtst #cobrand_logo {
  background: url("/images_app/global/co_brand/VHTS/small_logo.png") no-repeat;
}
#vhts .map-logo,
#vhtst .map-logo {
  background: url("/images_app/global/co_brand/VHTS/map_logo.png") 0px 0px no-repeat;
}
#vhts .quote_logo,
#vhtst .quote_logo {
  background: url("/images_app/global/co_brand/VHTS/quote_logo.png") 50% 0px no-repeat;
}
/*SENK -- Created on Mon Jan 25 18:42:00 PST 2021
---------------------------------
*/
#senk #cobrand_logo,
#senkt #cobrand_logo {
  background: url("/images_app/global/co_brand/SENK/small_logo.png") no-repeat;
}
#senk .map-logo,
#senkt .map-logo {
  background: url("/images_app/global/co_brand/SENK/map_logo.png") 0px 0px no-repeat;
}
#senk .quote_logo,
#senkt .quote_logo {
  background: url("/images_app/global/co_brand/SENK/quote_logo.png") 50% 0px no-repeat;
}
/*SNKO -- Updated on Tues Mar 26 10:00:00 PST 2024
---------------------------------
*/
#snko #cobrand_logo,
#snkot #cobrand_logo {
  background: url("/images_app/global/co_brand/SNKO/small_logo.png") no-repeat;
}
#snko .map-logo,
#snkot .map-logo {
  background: url("/images_app/global/co_brand/SNKO/map_logo.png") 0px 0px no-repeat;
}
#snko .quote_logo,
#snkot .quote_logo {
  background: url("/images_app/global/co_brand/SNKO/quote_logo.png") 50% 0px no-repeat;
}
/*KKLU -- Created on Thu Mar 24 15:20:00 PDT 2021
---------------------------------
*/
#kklu #cobrand_logo,
#kklut #cobrand_logo {
  background: url("/images_app/global/co_brand/KKLU/small_logo.png") no-repeat;
}
#kklu .map-logo,
#kklut .map-logo {
  background: url("/images_app/global/co_brand/KKLU/map_logo.png") 0px 0px no-repeat;
}
#kklu .quote_logo,
#kklut .quote_logo {
  background: url("/images_app/global/co_brand/KKLU/quote_logo.png") 50% 0px no-repeat;
}
/*GPAX -- Created on Wed Apr 07 17:27:00 PDT 2021
---------------------------------
*/
#gpax #cobrand_logo,
#gpaxt #cobrand_logo {
  background: url("/images_app/global/co_brand/GPAX/small_logo.png") no-repeat;
}
#gpax .map-logo,
#gpaxt .map-logo {
  background: url("/images_app/global/co_brand/GPAX/map_logo.png") 0px 0px no-repeat;
}
#gpax .quote_logo,
#gpaxt .quote_logo {
  background: url("/images_app/global/co_brand/GPAX/quote_logo.png") 50% 0px no-repeat;
}
/*WSTW -- Created on 2021-04-10 15:42:18
---------------------------------
*/
#wstw #cobrand_logo,
#wstwt #cobrand_logo {
  background: url("/images_app/global/co_brand/WSTW/small_logo.png") no-repeat;
}
#wstw .map-logo,
#wstwt .map-logo {
  background: url("/images_app/global/co_brand/WSTW/map_logo.png") 0px 0px no-repeat;
}
#wstw .quote_logo,
#wstwt .quote_logo {
  background: url("/images_app/global/co_brand/WSTW/quote_logo.png") 50% 0px no-repeat;
}
/*BUKW -- Created on 2021-07-05 22:40:00
---------------------------------
*/
#bukw #cobrand_logo,
#bukwt #cobrand_logo {
  background: url("/images_app/global/co_brand/BUKW/small_logo.png") no-repeat;
}
#bukw .map-logo,
#bukwt .map-logo {
  background: url("/images_app/global/co_brand/BUKW/map_logo.png") 0px 0px no-repeat;
}
#bukw .quote_logo,
#bukwt .quote_logo {
  background: url("/images_app/global/co_brand/BUKW/quote_logo.png") 50% 0px no-repeat;
}
/*EXDO -- Created on 2022-02-23 18:17:00
---------------------------------
*/
#exdo #cobrand_logo,
#exdot #cobrand_logo {
  background: url("/images_app/global/co_brand/EXDO/small_logo.png") no-repeat;
}
#exdo .map-logo,
#exdot .map-logo {
  background: url("/images_app/global/co_brand/EXDO/map_logo.png") 0px 0px no-repeat;
}
#exdo .quote_logo,
#exdot .quote_logo {
  background: url("/images_app/global/co_brand/EXDO/quote_logo.png") 50% 0px no-repeat;
}
/*SGNV -- Created on 2022-03-21 17:11:00
---------------------------------
*/
#sgnv #cobrand_logo,
#sgnvt #cobrand_logo {
  background: url("/images_app/global/co_brand/SGNV/small_logo.png") no-repeat;
}
#sgnv .map-logo,
#sgnvt .map-logo {
  background: url("/images_app/global/co_brand/SGNV/map_logo.png") 0px 0px no-repeat;
}
#sgnv .quote_logo,
#sgnvt .quote_logo {
  background: url("/images_app/global/co_brand/SGNV/quote_logo.png") 50% 0px no-repeat;
}
/*LOGM -- Created on 2022-04-12 14:12:00
---------------------------------
*/
#logm #cobrand_logo,
#logmt #cobrand_logo {
  background: url("/images_app/global/co_brand/LOGM/small_logo.png") no-repeat;
}
#logm .map-logo,
#logmt .map-logo {
  background: url("/images_app/global/co_brand/LOGM/map_logo.png") 0px 0px no-repeat;
}
#logm .quote_logo,
#logmt .quote_logo {
  background: url("/images_app/global/co_brand/LOGM/quote_logo.png") 50% 0px no-repeat;
}
/*ATGA -- Created on 2022-04-28 22:56:00
---------------------------------
*/
#atga #cobrand_logo,
#atgat #cobrand_logo {
  background: url("/images_app/global/co_brand/ATGA/small_logo.png") no-repeat;
}
#atga .map-logo,
#atgat .map-logo {
  background: url("/images_app/global/co_brand/ATGA/map_logo.png") 0px 0px no-repeat;
}
#atga .quote_logo,
#atgat .quote_logo {
  background: url("/images_app/global/co_brand/ATGA/quote_logo.png") 50% 0px no-repeat;
}
/*PNTS -- Created on 2022-07-06 16:12:00
---------------------------------
*/
#pnts #cobrand_logo,
#pntst #cobrand_logo {
  background: url("/images_app/global/co_brand/PNTS/small_logo.png") no-repeat;
}
#pnts .map-logo,
#pntst .map-logo {
  background: url("/images_app/global/co_brand/PNTS/map_logo.png") 0px 0px no-repeat;
}
#pnts .quote_logo,
#pntst .quote_logo {
  background: url("/images_app/global/co_brand/PNTS/quote_logo.png") 50% 0px no-repeat;
}
/*UGSC -- Created on 2022-11-16 17:28:00
---------------------------------
*/
#ugsc #cobrand_logo,
#ugsct #cobrand_logo {
  background: url("/images_app/global/co_brand/UGSC/small_logo.png") no-repeat;
}
#ugsc .map-logo,
#ugsct .map-logo {
  background: url("/images_app/global/co_brand/UGSC/map_logo.png") 0px 0px no-repeat;
}
#ugsc .quote_logo,
#ugsct .quote_logo {
  background: url("/images_app/global/co_brand/UGSC/quote_logo.png") 50% 0px no-repeat;
}
/*TCON -- Created on 2022-12-12 13:41:00
---------------------------------
*/
#tcon #cobrand_logo,
#tcont #cobrand_logo {
  background: url("/images_app/global/co_brand/TCON/small_logo.png") no-repeat;
}
#tcon .map-logo,
#tcont .map-logo {
  background: url("/images_app/global/co_brand/TCON/map_logo.png") 0px 0px no-repeat;
}
#tcon .quote_logo,
#tcont .quote_logo {
  background: url("/images_app/global/co_brand/TCON/quote_logo.png") 50% 0px no-repeat;
}
/*BLRL -- Created on 2023-01-18 10:27:00
---------------------------------
*/
#blrl #cobrand_logo,
#blrlt #cobrand_logo {
  background: url("/images_app/global/co_brand/BLRL/small_logo.png") no-repeat;
}
#blrl .map-logo,
#blrlt .map-logo {
  background: url("/images_app/global/co_brand/BLRL/map_logo.png") 0px 0px no-repeat;
}
#blrl .quote_logo,
#blrlt .quote_logo {
  background: url("/images_app/global/co_brand/BLRL/quote_logo.png") 50% 0px no-repeat;
}
/*SELE -- Created on 2023-03-20 12:24:00
---------------------------------
*/
#sele #cobrand_logo,
#selet #cobrand_logo {
  background: url("/images_app/global/co_brand/SELE/small_logo.png") no-repeat;
}
#sele .map-logo,
#selet .map-logo {
  background: url("/images_app/global/co_brand/SELE/map_logo.png") 0px 0px no-repeat;
}
#sele .quote_logo,
#selet .quote_logo {
  background: url("/images_app/global/co_brand/SELE/quote_logo.png") 50% 0px no-repeat;
}
/*INGR -- Created on 2023-04-06 10:33:00
---------------------------------
*/
#ingr #cobrand_logo,
#ingrt #cobrand_logo {
  background: url("/images_app/global/co_brand/INGR/small_logo.png") no-repeat;
}
#ingr .map-logo,
#ingrt .map-logo {
  background: url("/images_app/global/co_brand/INGR/map_logo.png") 0px 0px no-repeat;
}
#ingr .quote_logo,
#ingrt .quote_logo {
  background: url("/images_app/global/co_brand/INGR/quote_logo.png") 50% 0px no-repeat;
}
/*MIFA -- Created on 2023-04-26 02:57:00
---------------------------------
*/
#mifa #cobrand_logo,
#mifat #cobrand_logo {
  background: url("/images_app/global/co_brand/MIFA/small_logo.png") no-repeat;
}
#mifa .map-logo,
#mifat .map-logo {
  background: url("/images_app/global/co_brand/MIFA/map_logo.png") 0px 0px no-repeat;
}
#mifa .quote_logo,
#mifat .quote_logo {
  background: url("/images_app/global/co_brand/MIFA/quote_logo.png") 50% 0px no-repeat;
}
/*BLUR -- Created on 2023-04-28 10:15:00
---------------------------------
*/
#blur #cobrand_logo,
#blurt #cobrand_logo {
  background: url("/images_app/global/co_brand/BLUR/small_logo.png") no-repeat;
}
#blur .map-logo,
#blurt .map-logo {
  background: url("/images_app/global/co_brand/BLUR/map_logo.png") 0px 0px no-repeat;
}
#blur .quote_logo,
#blurt .quote_logo {
  background: url("/images_app/global/co_brand/BLUR/quote_logo.png") 50% 0px no-repeat;
}
/* ASGL -- Created on 2023-06-13 02:11:00
---------------------------------
*/
#asgl #cobrand_logo,
#asglt #cobrand_logo {
  background: url("/images_app/global/co_brand/ASGL/small_logo.png") no-repeat;
}
#asgl .map-logo,
#asglt .map-logo {
  background: url("/images_app/global/co_brand/ASGL/map_logo.png") 0px 0px no-repeat;
}
#asgl .quote_logo,
#asglt .quote_logo {
  background: url("/images_app/global/co_brand/ASGL/quote_logo.png") 50% 0px no-repeat;
}
/* AONE -- Created on 2024-01-02 02:11:00
---------------------------------
*/
#aone #cobrand_logo,
#aonet #cobrand_logo {
  background: url("/images_app/global/co_brand/AONE/small_logo.png") no-repeat;
}
#aone .map-logo,
#aonet .map-logo {
  background: url("/images_app/global/co_brand/AONE/map_logo.png") 0px 0px no-repeat;
}
#aone .quote_logo,
#aonet .quote_logo {
  background: url("/images_app/global/co_brand/AONE/quote_logo.png") 50% 0px no-repeat;
}
/* DEMO -- Created on 2024-01-23
---------------------------------
*/
#demo #cobrand_logo,
#demot #cobrand_logo {
  background: url("/images_app/global/co_brand/DEMO/small_logo.png") no-repeat;
}
#demo .map-logo,
#demot .map-logo {
  background: url("/images_app/global/co_brand/DEMO/map_logo.png") 0px 0px no-repeat;
}
#demo .quote_logo,
#demot .quote_logo {
  background: url("/images_app/global/co_brand/DEMO/quote_logo.png") 50% 0px no-repeat;
}
/* TISE -- Created on 2024-10-1
---------------------------------
*/
#tise #cobrand_logo,
#tiset #cobrand_logo {
  background: url("/images_app/global/co_brand/TISE/small_logo.png") no-repeat;
}
#tise .map-logo,
#tiset .map-logo {
  background: url("/images_app/global/co_brand/TISE/map_logo.png") 0px 0px no-repeat;
}
#tise .quote_logo,
#tiset .quote_logo {
  background: url("/images_app/global/co_brand/TISE/quote_logo.png") 50% 0px no-repeat;
}
/* PNSN -- Created on 2025-02-12
---------------------------------
 */
#pnsn #cobrand_logo,
#pnsnt #cobrand_logo {
  background: url("/images_app/global/co_brand/PNSN/small_logo.png") no-repeat;
}
#pnsn .map-logo,
#pnsnt .map-logo {
  background: url("/images_app/global/co_brand/PNSN/map_logo.png") 0px 0px no-repeat;
}
#pnsn .quote_logo,
#pnsnt .quote_logo {
  background: url("/images_app/global/co_brand/PNSN/quote_logo.png") 50% 0px no-repeat;
}
/* ICUS -- Created on 2025-03-20
---------------------------------
 */
#icus #cobrand_logo,
#icust #cobrand_logo {
  background: url("/images_app/global/co_brand/ICUS/small_logo.png") no-repeat;
}
#icus .map-logo,
#icust .map-logo {
  background: url("/images_app/global/co_brand/ICUS/map_logo.png") 0px 0px no-repeat;
}
#icus .quote_logo,
#icust .quote_logo {
  background: url("/images_app/global/co_brand/ICUS/quote_logo.png") 50% 0px no-repeat;
}
/* RCPG -- Created on 2025-04-11
---------------------------------
 */
#rcpg #cobrand_logo,
#rcpgt #cobrand_logo {
  background: url("/images_app/global/co_brand/RCPG/small_logo.png") no-repeat;
}
#rcpg .map-logo,
#rcpgt .map-logo {
  background: url("/images_app/global/co_brand/RCPG/map_logo.png") 0px 0px no-repeat;
}
#rcpg .quote_logo,
#rcpgt .quote_logo {
  background: url("/images_app/global/co_brand/RCPG/quote_logo.png") 50% 0px no-repeat;
}

/*css_app/errors.less!steal-less@1.3.4#less*/
#error-div-window {
  position: fixed;
  z-index: 3002;
}
#error-div-window .errors {
  font-size: 14px;
  padding: 10px;
}
#error-div-window .errors .header {
  font-size: 20px;
  color: red;
}
#error-div-window .errors .errorMessage {
  padding: 10px 0;
}
#error-div-window .errors .errorInformation {
  width: 100%;
}
#error-div-window .errors .errorInformation .errorItem {
  width: 95%;
}

/*tt/profiles/create/create.less!steal-less@1.3.4#less*/
.create li {
  padding: 5px;
}
.create li span {
  display: inline-block;
  text-align: right;
  width: 100px;
}
.create .clear {
  display: block;
}

/*tt/profiles/content/service_fees_wizard/servicefee.less!steal-less@1.3.4#less*/
.highlight {
  background-color: #D4F1EE;
}
#data-grid150_wrapper table,
#data-grid250_wrapper table {
  table-layout: fixed;
  /* make fixed widths work */
}
#data-grid150_wrapper td,
#data-grid250_wrapper td {
  overflow-x: hidden;
}
#data-grid150 td {
  height: 18px;
}
#data-grid150 td:first-child,
#data-grid250 td:first-child {
  text-overflow: ellipsis;
}

/*tt/profiles/profiles.less!steal-less@1.3.4#less*/
.error {
  background-color: #ffffcc;
  border: 1px #d9d9d9;
}
/* The hint to Hide and Show */
em.error-msg {
  background-color: #FFFFCC;
  display: none;
  position: absolute;
  width: 200px;
  margin-left: 4px;
  margin-top: -4px;
  border: 1px solid #c93;
  padding: 10px 10px;
}
em.error-msg .error-point {
  position: absolute;
  left: -10px;
  top: 5px;
  width: 10px;
  height: 19px;
  background: url("/images_app/global/pointer.gif") left top no-repeat;
}
em.active-error {
  display: inline;
}
em.hover-error {
  display: inline;
}
.error-listing {
  margin: 0.5em 0;
  width: 100%;
}
.error-listing th {
  border-bottom: 1px solid #CCCCCC;
  color: #666;
  font-size: 11px;
  padding: 2px 10px;
}
.error-listing td {
  font-size: 11px;
  padding: 5px 10px;
}
.error-listing .error-item {
  padding-left: 15px;
}
/* mod-page defined in main.less */
.mod-page .mod-title-profilesB {
  background: url(/images_app/global/bg_mod_page_tabs.png) 0 0 no-repeat;
  padding-left: 5px;
  padding-right: 7px;
  color: #406081;
  float: left;
  font-size: 14px;
  font-weight: bold;
  height: 29px;
  line-height: 29px;
  overflow: hidden;
}
.mod-page .mod-title-profilesB div {
  background: url(/images_app/global/bg_mod_page_tabs.png) 100% -29px no-repeat;
  display: inline-block;
}
.compliance .left_column {
  width: 49%;
  display: inline-block;
  zoom: 1;
  *display: inline;
  letter-spacing: normal;
  word-spacing: normal;
  vertical-align: top;
  padding: 0px;
}
.compliance .left_column .left_column-top {
  text-align: left;
  padding: 0px;
  padding-top: 5px;
}
.compliance .left_column .left_column-bottom {
  text-align: left;
  border-top: 1px solid lightgray;
  padding: 15px;
  width: 94%;
}
.compliance .right_column {
  text-align: left;
  width: 48%;
}
.terms-conditions td {
  padding: 5px 0;
}
li.profile-company-accounting-authorized {
  height: auto;
}
div.headquarters {
  background-image: url(/images_app/global/hq_corner.png);
  background-repeat: no-repeat;
  background-size: auto;
}
div.grey-back {
  background-color: #5E7086;
}
.profile-headline {
  color: #406081;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  font-weight: bold;
  padding: 5px;
}
.profile-headline .company {
  padding-bottom: 20px;
}
.footer-info {
  font-family: Arial, Helvetica, sans-serif;
  font-weight: bold;
  font-size: 12px;
  color: #000;
}
label.footer-info {
  color: #666;
}

/*ttlib/components/tabs/tabs.less!steal-less@1.3.4#less*/
/* ====== Reset  ====== */
* {
  margin: 0px;
  padding: 0px;
  box-sizing: border-box;
}
/* ====== Theme  ====== */
/* ------ Neutral Colors  ------  */
/* Neutral/light-grey Neutral/300  */
/* Neutral/light-grey 400 */
/* Neutral/medium-grey 500 */
/* Neutral/grey 600 */
/* Neutral/dark-grey 700 */
/* Neutral/black 800 */
/* Shadow */
/* ------ Utility Colors  ------  */
/* Blue/900 */
/* Blue/800 primary */
/* Blue/700 */
/* Blue/600 */
/* Blue/500 */
/* Blue/400 */
/* Blue/300 secondary */
/* Red/500 */
/*TBD*/
/* Yellow/500 */
/* Organge/500 */
/* Organge/400 */
/* Organge/300 */
/* Green/800 */
/* Green/700 */
/* Green/600 */
/* Green/500 */
/* Green/400 */
/* Green/300 */
/* Gradient Colors */
/* ---- background helpers ----*/
.bg-red-500 {
  background-color: #EA5521;
}
.bg-blue {
  background-color: #435B71;
}
.bg-blue-300 {
  background-color: #E3ECF5;
}
.bg-blue-400 {
  background-color: #AFCFF1;
}
.bg-blue-500 {
  background-color: #5092D9;
}
.bg-blue-600 {
  background-color: #A9BDC5;
}
.bg-blue-700 {
  background-color: #5D7085;
}
.bg-blue-800 {
  background-color: #435B71;
}
.bg-yellow-500 {
  background-color: #F2BF23;
}
.bg-green-800 {
  background-color: #2F7835;
}
.bg-green-700 {
  background-color: #54BF5C;
}
.bg-green-600 {
  background-color: #7EC983;
}
.bg-green-500 {
  background-color: #40DD4C;
}
.bg-green-400 {
  background-color: #9CB698;
}
.bg-green-300 {
  background-color: #CFE7BC;
}
.bg-transparent {
  background-color: transparent;
}
.bg-neutral {
  background-color: #FFFFFF;
}
.bg-neutral-white {
  background-color: #FFFFFF;
}
.bg-neutral-300 {
  background-color: #EEEEEE;
}
.bg-neutral-400 {
  background-color: #D9D9D9;
}
.bg-neutral-500 {
  background-color: #CCCCCC;
}
.bg-neutral-600 {
  background-color: #777777;
}
.bg-neutral-700 {
  background-color: #666666;
}
.bg-neutral-800 {
  background-color: #000000;
}
/* ---- text helpers ----*/
.text-blue {
  color: #435B71;
}
.text-blue-300 {
  color: #E3ECF5;
}
.text-blue-400 {
  color: #AFCFF1;
}
.text-blue-500 {
  color: #5092D9;
}
.text-blue-600 {
  color: #A9BDC5;
}
.text-blue-700 {
  color: #5D7085;
}
.text-blue-800 {
  color: #435B71;
}
.text-blue-900 {
  color: #5E7185;
}
.text-green-800 {
  color: #2F7835;
}
.text-green-700 {
  color: #54BF5C;
}
.text-green-600 {
  color: #7EC983;
}
.text-green-500 {
  color: #40DD4C;
}
.text-green-400 {
  color: #9CB698;
}
.text-green-300 {
  color: #CFE7BC;
}
.text-red {
  color: #FF0000;
}
.text-red-500 {
  color: #EA5521;
}
.text-orange-500 {
  color: #EDB551;
}
.text-orange-400 {
  color: #FAD05B;
}
.text-orange-300 {
  color: #FEE98A;
}
.text-neutral {
  color: #FFFFFF;
}
.text-neutral-white {
  color: #FFFFFF;
}
.text-neutral-300 {
  color: #EEEEEE;
}
.text-neutral-400 {
  color: #D9D9D9;
}
.text-neutral-500 {
  color: #CCCCCC;
}
.text-neutral-600 {
  color: #777777;
}
.text-neutral-700 {
  color: #666666;
}
.text-neutral-800 {
  color: #000000;
}
.text-black-opacity-50 {
  color: rgba(0, 0, 0, 0.5);
}
/* ---- border helpers ----*/
.border-light-grey {
  border-color: #D9D9D9;
}
.border-medium-grey {
  border-color: #CCCCCC;
}
.border-grey {
  border-color: #777777;
}
.border-dark-grey {
  border-color: #666666;
}
.border-blue-300 {
  border-color: #E3ECF5;
}
.border-blue-400 {
  border-color: #AFCFF1;
}
.border-blue-500 {
  border-color: #5092D9;
}
.border-blue-600 {
  border-color: #A9BDC5;
}
.border-blue-700 {
  border-color: #5D7085;
}
.border-blue-800 {
  border-color: #435B71;
}
/* Gradients */
.bg-gradient-to-b-primary {
  background: #CFE7BC;
  /* Old browsers */
  background: -o-linear-gradient(#CFE7BC, #9AB496);
  /* For Opera 11.1 to 12.0 */
  background: -moz-linear-gradient(top, #CFE7BC 0%, #b3cca9 47%, #b3cca9 90%);
  /* For Firefox 3.6 to 15 */
  background: -webkit-linear-gradient(top, #CFE7BC 0%, #b3cca9 47%, #9AB496 90%);
  /* Chrome 10-25,Safari 5.1-6 */
  background: linear-gradient(to bottom, #CFE7BC 0%, #b3cca9 47%, #9AB496 90%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#CFE7BC', endColorstr='#9AB496', GradientType=0);
  /* IE6-9 */
}
.bg-gradient-to-b-secondary {
  background: #F8F9FA;
  /* Old browsers */
  background: -o-linear-gradient(#F8F9FA, #B0BDC1);
  /* For Opera 11.1 to 12.0 */
  background: -moz-linear-gradient(top, #F8F9FA 0%, #B0BDC1 90%);
  /* For Firefox 3.6 to 15 */
  background: -webkit-linear-gradient(top, #F8F9FA 0%, #B0BDC1 90%);
  /* Chrome 10-25,Safari 5.1-6 */
  background: linear-gradient(to bottom, #F8F9FA 0%, #B0BDC1 90%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#F8F9FA', endColorstr='#B0BDC1', GradientType=0);
  /* IE6-9 */
}
.bg-gradient-to-b-secondary-og {
  background: #afbdcf;
  /* Old browsers */
  background: -o-linear-gradient(#afbdcf, #748396);
  /* For Opera 11.1 to 12.0 */
  background: -moz-linear-gradient(top, #afbdcf 0%, #a3b2c4 47%, #a3b2c4 90%);
  /* For Firefox 3.6 to 15 */
  background: -webkit-linear-gradient(top, #afbdcf 0%, #a3b2c4 47%, #748396 90%);
  /* Chrome 10-25,Safari 5.1-6 */
  background: linear-gradient(to bottom, #afbdcf 0%, #a3b2c4 47%, #748396 90%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#afbdcf', endColorstr='#748396', GradientType=0);
  /* IE6-9 */
}
.hover\:text-neutral:hover {
  color: #ffffff;
}
.disabled\:text-neutral:disabled {
  color: #ffffff;
}
.disabled\:bg-gradient-to-b-secondary:disabled {
  background: #F8F9FA;
  /* Old browsers */
  background: -o-linear-gradient(#F8F9FA, #B0BDC1);
  /* For Opera 11.1 to 12.0 */
  background: -moz-linear-gradient(top, #F8F9FA 0%, #B0BDC1 90%);
  /* For Firefox 3.6 to 15 */
  background: -webkit-linear-gradient(top, #F8F9FA 0%, #B0BDC1 90%);
  /* Chrome 10-25,Safari 5.1-6 */
  background: linear-gradient(to bottom, #F8F9FA 0%, #B0BDC1 90%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#F8F9FA', endColorstr='#B0BDC1', GradientType=0);
  /* IE6-9 */
}
.bg-icon-send {
  background: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxMCAxMCIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPjxwYXRoIGQ9Ik0wLjUwNDI4NiA4Ljg1NzE0TDkuNSA1TDAuNTA0Mjg2IDEuMTQyODZMMC41IDQuMTQyODZMNi45Mjg1NyA1TDAuNSA1Ljg1NzE0TDAuNTA0Mjg2IDguODU3MTRaIiBmaWxsPSIjRDlEOUQ5IiBzdHJva2Utd2lkdGg9IjEiPjwvcGF0aD48L3N2Zz4=');
}
/** ==== Background Helpers ===== **/
.bg-no-repeat {
  background-repeat: no-repeat;
}
.copy-icon {
  background: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA1MTIgNTEyIj48IS0tIUZvbnQgQXdlc29tZSBGcmVlIDYuNi4wIGJ5IEBmb250YXdlc29tZSAtIGh0dHBzOi8vZm9udGF3ZXNvbWUuY29tIExpY2Vuc2UgLSBodHRwczovL2ZvbnRhd2Vzb21lLmNvbS9saWNlbnNlL2ZyZWUgQ29weXJpZ2h0IDIwMjQgRm9udGljb25zLCBJbmMuLS0+PHBhdGggZmlsbD0iIzRhODdiYyIgZD0iTTQ2NCAwSDE0NGMtMjYuNSAwLTQ4IDIxLjUtNDggNDh2NDhINDhjLTI2LjUgMC00OCAyMS41LTQ4IDQ4djMyMGMwIDI2LjUgMjEuNSA0OCA0OCA0OGgzMjBjMjYuNSAwIDQ4LTIxLjUgNDgtNDh2LTQ4aDQ4YzI2LjUgMCA0OC0yMS41IDQ4LTQ4VjQ4YzAtMjYuNS0yMS41LTQ4LTQ4LTQ4ek0zNjIgNDY0SDU0YTYgNiAwIDAgMSAtNi02VjE1MGE2IDYgMCAwIDEgNi02aDQydjIyNGMwIDI2LjUgMjEuNSA0OCA0OCA0OGgyMjR2NDJhNiA2IDAgMCAxIC02IDZ6bTk2LTk2SDE1MGE2IDYgMCAwIDEgLTYtNlY1NGE2IDYgMCAwIDEgNi02aDMwOGE2IDYgMCAwIDEgNiA2djMwOGE2IDYgMCAwIDEgLTYgNnoiLz48L3N2Zz4=') no-repeat center center;
  display: inline-block;
  width: 15px;
  height: 15px;
  vertical-align: middle;
  text-align: center;
  cursor: pointer;
}
.copy-icon.disabled {
  background: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA1MTIgNTEyIj48IS0tIUZvbnQgQXdlc29tZSBGcmVlIDYuNi4wIGJ5IEBmb250YXdlc29tZSAtIGh0dHBzOi8vZm9udGF3ZXNvbWUuY29tIExpY2Vuc2UgLSBodHRwczovL2ZvbnRhd2Vzb21lLmNvbS9saWNlbnNlL2ZyZWUgQ29weXJpZ2h0IDIwMjQgRm9udGljb25zLCBJbmMuLS0+PHBhdGggZmlsbD0iI2I0YjRiNCIgZD0iTTQ2NCAwSDE0NGMtMjYuNSAwLTQ4IDIxLjUtNDggNDh2NDhINDhjLTI2LjUgMC00OCAyMS41LTQ4IDQ4djMyMGMwIDI2LjUgMjEuNSA0OCA0OCA0OGgzMjBjMjYuNSAwIDQ4LTIxLjUgNDgtNDh2LTQ4aDQ4YzI2LjUgMCA0OC0yMS41IDQ4LTQ4VjQ4YzAtMjYuNS0yMS41LTQ4LTQ4LTQ4ek0zNjIgNDY0SDU0YTYgNiAwIDAgMSAtNi02VjE1MGE2IDYgMCAwIDEgNi02aDQydjIyNGMwIDI2LjUgMjEuNSA0OCA0OCA0OGgyMjR2NDJhNiA2IDAgMCAxIC02IDZ6bTk2LTk2SDE1MGE2IDYgMCAwIDEgLTYtNlY1NGE2IDYgMCAwIDEgNi02aDMwOGE2IDYgMCAwIDEgNiA2djMwOGE2IDYgMCAwIDEgLTYgNnoiLz48L3N2Zz4=') no-repeat center center;
  cursor: auto;
}
.caret-down {
  background: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAzMjAgNTEyIj48IS0tIUZvbnQgQXdlc29tZSBGcmVlIDYuNy4wIGJ5IEBmb250YXdlc29tZSAtIGh0dHBzOi8vZm9udGF3ZXNvbWUuY29tIExpY2Vuc2UgLSBodHRwczovL2ZvbnRhd2Vzb21lLmNvbS9saWNlbnNlL2ZyZWUgQ29weXJpZ2h0IDIwMjQgRm9udGljb25zLCBJbmMuLS0+PHBhdGggZmlsbD0iIzgzZDI0OSIgZD0iTTEzNy40IDM3NC42YzEyLjUgMTIuNSAzMi44IDEyLjUgNDUuMyAwbDEyOC0xMjhjOS4yLTkuMiAxMS45LTIyLjkgNi45LTM0LjlzLTE2LjYtMTkuOC0yOS42LTE5LjhMMzIgMTkyYy0xMi45IDAtMjQuNiA3LjgtMjkuNiAxOS44cy0yLjIgMjUuNyA2LjkgMzQuOWwxMjggMTI4eiIvPjwvc3ZnPg==') no-repeat center center;
  width: 15px;
  height: 15px;
  cursor: pointer;
}
/* ===== CSS Helpers ==== */
.list-none {
  list-style: none;
}
.w-full {
  width: 100% !important;
}
.h-full {
  height: 100%;
}
.float-left {
  float: left;
}
.float-right {
  float: right;
}
.clear-both {
  clear: both;
}
.inline-block {
  display: inline-block;
}
.visibility-hide {
  visibility: hidden;
}
.hide {
  display: none;
}
.whitespace-pre-line {
  white-space: pre-line;
}
.whitespace-nowrap {
  white-space: nowrap;
}
/* ===== Flexbox Helpers ==== */
.flex {
  display: flex;
}
.flex-column {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
.flex-row {
  display: flex;
  flex-direction: row;
}
.flex-wrap {
  flex-wrap: wrap;
}
.justify-start {
  justify-content: flex-start;
}
.justify-center {
  justify-content: center;
}
.justify-between {
  justify-content: space-between;
}
.justify-end {
  justify-content: flex-end;
}
.items-start {
  align-items: flex-start;
}
.items-end {
  align-items: flex-end;
}
.items-center {
  align-items: center;
}
.items-baseline {
  align-items: baseline;
}
.items-stretch {
  align-items: stretch;
}
.grow {
  flex-grow: 1;
}
/* ===== Outline Helpers ==== */
.outline-none {
  outline: 2px solid transparent;
  outline-offset: 2px;
}
.outline-hidden {
  outline-style: hidden;
}
/* ===== Border Helpers ==== */
.border-solid {
  border-style: solid;
}
.border-solid-l {
  border-left-style: solid;
}
.border-solid-r {
  border-right-style: solid;
}
.border-solid-t {
  border-top-style: solid;
}
.border-solid-b {
  border-bottom-style: solid;
}
.border {
  border-width: 1px;
}
.border-l {
  border-left-width: 0;
}
.border-l-0 {
  border-left-width: 0;
}
.border-l-1 {
  border-left-width: 1px;
}
.border-l-2 {
  border-left-width: 2px;
}
.border-r {
  border-right-width: 0;
}
.border-r-0 {
  border-right-width: 0;
}
.border-r-1 {
  border-right-width: 1px;
}
.border-r-2 {
  border-right-width: 2px;
}
.border-t {
  border-top-width: 0;
}
.border-t-0 {
  border-top-width: 0;
}
.border-t-1 {
  border-top-width: 1px;
}
.border-t-2 {
  border-top-width: 2px;
}
.border-b {
  border-bottom-width: 0;
}
.border-b-0 {
  border-bottom-width: 0;
}
.border-b-1 {
  border-bottom-width: 1px;
}
.border-b-2 {
  border-bottom-width: 2px;
}
.border-color-light-grey {
  border-color: #D9D9D9;
}
.border-color-light-grey-l {
  border-left-color: #D9D9D9;
}
.border-color-light-grey-r {
  border-right-color: #D9D9D9;
}
.border-color-light-grey-t {
  border-top-color: #D9D9D9;
}
.border-color-light-grey-b {
  border-bottom-color: #D9D9D9;
}
.border-color-medium-grey {
  border-color: #CCCCCC;
}
.border-color-medium-grey-l {
  border-left-color: #CCCCCC;
}
.border-color-medium-grey-r {
  border-right-color: #CCCCCC;
}
.border-color-medium-grey-t {
  border-top-color: #CCCCCC;
}
.border-color-medium-grey-b {
  border-bottom-color: #CCCCCC;
}
.border-color-grey {
  border-color: #777777;
}
.border-color-grey-l {
  border-left-color: #777777;
}
.border-color-grey-r {
  border-right-color: #777777;
}
.border-color-grey-t {
  border-top-color: #777777;
}
.border-color-grey-b {
  border-bottom-color: #777777;
}
.border-color-dark-grey {
  border-color: #666666;
}
.border-color-dark-grey-l {
  border-left-color: #666666;
}
.border-color-dark-grey-r {
  border-right-color: #666666;
}
.border-color-dark-grey-t {
  border-top-color: #666666;
}
.border-color-dark-grey-b {
  border-bottom-color: #666666;
}
.border-none {
  border-style: none;
}
.first\:border-none:first-child {
  border-style: none;
}
/* Adds a 1px border between vertical elements*/
.divide-y > * ~ * {
  border-top-style: solid;
  border-top-width: 1px;
}
/* Position */
.absolute {
  position: absolute;
}
.top-0 {
  top: 0;
}
.bottom-0 {
  bottom: 0;
}
.left-0 {
  left: 0;
}
.right-0 {
  right: 0;
}
/* ------ Radius  ------ */
/*TBD*/
/* ===== Rounding Helpers ==== */
.rounded-full {
  border-radius: 9999px;
}
.rounded {
  border-radius: 0.4rem;
}
.rounded-xs {
  border-radius: 1px;
}
.rounded-sm {
  border-radius: 2px;
}
.rounded-md {
  border-radius: 6px;
}
.rounded-lg {
  border-radius: 8px;
}
.rounded-t {
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
}
.rounded-t-xs {
  border-top-left-radius: 1px;
  border-top-right-radius: 1px;
}
.rounded-t-sm {
  border-top-left-radius: 2px;
  border-top-right-radius: 2px;
}
.rounded-t-base {
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
}
.rounded-t-none {
  border-top-left-radius: 0px;
  border-top-right-radius: 0px;
}
.rounded-t-md {
  border-top-left-radius: 6px;
  border-top-right-radius: 6px;
}
.rounded-t-lg {
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
}
.rounded-b {
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
}
.rounded-b-xs {
  border-bottom-left-radius: 1px;
  border-bottom-right-radius: 1px;
}
.rounded-b-sm {
  border-bottom-left-radius: 2px;
  border-bottom-right-radius: 2px;
}
.rounded-b-base {
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
}
.rounded-b-none {
  border-bottom-left-radius: 0px;
  border-bottom-right-radius: 0px;
}
.rounded-b-md {
  border-bottom-left-radius: 6px;
  border-bottom-right-radius: 6px;
}
.rounded-b-lg {
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
}
.rounded-r {
  border-bottom-right-radius: 4px;
  border-top-right-radius: 4px;
}
.rounded-r-xs {
  border-bottom-right-radius: 1px;
  border-top-right-radius: 1px;
}
.rounded-r-sm {
  border-bottom-right-radius: 2px;
  border-top-right-radius: 2px;
}
.rounded-r-base {
  border-bottom-right-radius: 4px;
  border-top-right-radius: 4px;
}
.rounded-r-none {
  border-bottom-right-radius: 0px;
  border-top-right-radius: 0px;
}
.rounded-r-md {
  border-bottom-right-radius: 6px;
  border-top-right-radius: 6px;
}
.rounded-r-lg {
  border-bottom-right-radius: 8px;
  border-top-right-radius: 8px;
}
.rounded-l {
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}
.rounded-l-xs {
  border-top-left-radius: 1px;
  border-bottom-left-radius: 1px;
}
.rounded-l-sm {
  border-top-left-radius: 2px;
  border-bottom-left-radius: 2px;
}
.rounded-l-base {
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}
.rounded-l-none {
  border-top-left-radius: 0px;
  border-bottom-left-radius: 0px;
}
.rounded-l-md {
  border-top-left-radius: 6px;
  border-bottom-left-radius: 6px;
}
.rounded-l-lg {
  border-top-left-radius: 8px;
  border-bottom-left-radius: 8px;
}
.rounded-tl {
  border-top-left-radius: 4px;
}
.rounded-tl-xs {
  border-top-left-radius: 1px;
}
.rounded-tl-sm {
  border-top-left-radius: 2px;
}
.rounded-tl-base {
  border-top-left-radius: 4px;
}
.rounded-tl-none {
  border-top-left-radius: 0px;
}
.rounded-tl-md {
  border-top-left-radius: 6px;
}
.rounded-tl-lg {
  border-top-left-radius: 8px;
}
.rounded-tr {
  border-top-right-radius: 4px;
}
.rounded-tr-xs {
  border-top-right-radius: 1px;
}
.rounded-tr-sm {
  border-top-right-radius: 2px;
}
.rounded-tr-base {
  border-top-right-radius: 4px;
}
.rounded-tr-none {
  border-top-right-radius: 0px;
}
.rounded-tr-md {
  border-top-right-radius: 6px;
}
.rounded-tr-lg {
  border-top-right-radius: 8px;
}
.rounded-bl {
  border-bottom-left-radius: 4px;
}
.rounded-bl-xs {
  border-bottom-left-radius: 1px;
}
.rounded-bl-sm {
  border-bottom-left-radius: 2px;
}
.rounded-bl-base {
  border-bottom-left-radius: 4px;
}
.rounded-bl-none {
  border-bottom-left-radius: 0px;
}
.rounded-bl-lg {
  border-bottom-left-radius: 8px;
}
.rounded-bl-md {
  border-bottom-left-radius: 6px;
}
.first\:rounded-bl-md:first-child {
  border-bottom-left-radius: 6px;
}
.last\:rounded-bl-md:last-child {
  border-bottom-left-radius: 6px;
}
.rounded-br {
  border-bottom-right-radius: 4px;
}
.rounded-br-xs {
  border-bottom-right-radius: 1px;
}
.rounded-br-sm {
  border-bottom-right-radius: 2px;
}
.rounded-br-base {
  border-bottom-right-radius: 4px;
}
.rounded-br-none {
  border-bottom-right-radius: 0px;
}
.rounded-br-lg {
  border-bottom-right-radius: 8px;
}
.rounded-br-md {
  border-bottom-right-radius: 6px;
}
.first\:rounded-br-md:first-child {
  border-bottom-right-radius: 6px;
}
.last\:rounded-br-md:last-child {
  border-bottom-right-radius: 6px;
}
.drop-shadow {
  box-shadow: 0 0 5px #404040;
}
.drop-shadow-none {
  box-shadow: none;
}
/* ===== Width Helpers ==== */
.w-auto {
  width: auto;
}
.w-1\/2 {
  width: 50%;
}
.w-1\/3 {
  width: 33.33333333%;
}
.w-2\/3 {
  width: 66.66666667%;
}
.w-1\/4 {
  width: 25%;
}
.w-3\/4 {
  width: 75%;
}
.w-1\/5 {
  width: 20%;
}
.w-2\/5 {
  width: 40%;
}
.w-3\/5 {
  width: 60%;
}
.w-4\/5 {
  width: 80%;
}
.w-1\/6 {
  width: 16.66666667%;
}
.w-4\/6 {
  width: 66.66666667%;
}
.w-5\/6 {
  width: 83.33333333%;
}
.w-1\/8 {
  width: 12.5%;
}
.w-1\/12 {
  width: 8.33333333%;
}
.w-1\/24 {
  width: 4.16666667%;
}
.w-1 {
  width: 5px;
}
.w-2 {
  width: 10px;
}
.w-3 {
  width: 15px;
}
.w-4 {
  width: 20px;
}
.w-5 {
  width: 25px;
}
.w-6 {
  width: 30px;
}
.w-7 {
  width: 35px;
}
.w-8 {
  width: 40px;
}
.w-9 {
  width: 45px;
}
.w-10 {
  width: 50px;
}
.w-11 {
  width: 55px;
}
.w-12 {
  width: 60px;
}
.w-13 {
  width: 65px;
}
.w-14 {
  width: 70px;
}
.w-15 {
  width: 75px;
}
.w-16 {
  width: 80px;
}
.w-17 {
  width: 85px;
}
.w-18 {
  width: 90px;
}
.w-19 {
  width: 95px;
}
.w-20 {
  width: 100px;
}
.w-21 {
  width: 105px;
}
.w-22 {
  width: 110px;
}
.w-23 {
  width: 115px;
}
.w-24 {
  width: 120px;
}
.w-25 {
  width: 125px;
}
.w-26 {
  width: 130px;
}
.w-27 {
  width: 135px;
}
.w-28 {
  width: 140px;
}
.w-29 {
  width: 145px;
}
.w-30 {
  width: 150px;
}
.w-35 {
  width: 175px;
}
.w-40 {
  width: 200px;
}
.w-70-2 {
  width: 352px;
}
/* ===== Height Helpers ==== */
.h-1\/2 {
  height: 50%;
}
.h-1\/3 {
  height: 33.33333333%;
}
.h-2\/3 {
  height: 66.66666667%;
}
.h-1\/4 {
  height: 25%;
}
.h-3\/4 {
  height: 75%;
}
.h-1\/5 {
  height: 20%;
}
.h-2\/5 {
  height: 40%;
}
.h-3\/5 {
  height: 60%;
}
.h-4\/5 {
  height: 80%;
}
.h-1\/6 {
  height: 16.66666667%;
}
.h-5\/6 {
  height: 83.33333333%;
}
.h-1 {
  height: 5px;
}
.h-2 {
  height: 10px;
}
.h-3 {
  height: 15px;
}
.h-4 {
  height: 20px;
}
.h-5 {
  height: 25px;
}
.h-6 {
  height: 30px;
}
.h-7 {
  height: 35px;
}
.h-8 {
  height: 40px;
}
.h-9 {
  height: 45px;
}
.h-10 {
  height: 50px;
}
.h-11 {
  height: 55px;
}
.h-12 {
  height: 60px;
}
.h-13 {
  height: 65px;
}
.h-14 {
  height: 70px;
}
.h-15 {
  height: 75px;
}
.h-16 {
  height: 80px;
}
.h-17 {
  height: 85px;
}
.h-18 {
  height: 90px;
}
.h-19 {
  height: 95px;
}
.h-20 {
  height: 100px;
}
.h-21 {
  height: 105px;
}
.h-22 {
  height: 110px;
}
.h-23 {
  height: 115px;
}
.h-24 {
  height: 120px;
}
/* ===== Padding Helpers ==== */
.gap-1px {
  gap: 1px;
}
.gap-2px {
  gap: 2px;
}
.gap-1 {
  gap: 5px;
}
.gap-2 {
  gap: 10px;
}
.gap-3 {
  gap: 15px;
}
.gap-4 {
  gap: 20px;
}
/* Adds padding on all sides of an element*/
.p-0px {
  padding: 0px;
}
.p-1px {
  padding: 1px;
}
.p-2px {
  padding: 2px;
}
.p-1 {
  padding: 5px;
}
.p-2 {
  padding: 10px;
}
.p-3 {
  padding: 15px;
}
.p-4 {
  padding: 20px;
}
.pt-1 {
  padding-top: 5px;
}
.pt-2 {
  padding-top: 10px;
}
.pt-3 {
  padding-top: 15px;
}
.pt-4 {
  padding-top: 20px;
}
.pb-1 {
  padding-bottom: 5px;
}
.pb-2 {
  padding-bottom: 10px;
}
.pb-3 {
  padding-bottom: 15px;
}
.pb-4 {
  padding-bottom: 20px;
}
.pl-1 {
  padding-left: 5px;
}
.pl-2 {
  padding-left: 10px;
}
.pl-3 {
  padding-left: 15px;
}
.pl-4 {
  padding-left: 20px;
}
.pl-5 {
  padding-left: 25px;
}
.pl-6 {
  padding-left: 30px;
}
.pl-7 {
  padding-left: 35px;
}
.pl-8 {
  padding-left: 40px;
}
.pl-9 {
  padding-left: 45px;
}
.pl-10 {
  padding-left: 50px;
}
.pl-11 {
  padding-left: 55px;
}
.pl-12 {
  padding-left: 60px;
}
.pl-16 {
  padding-left: 80px;
}
.pr-1 {
  padding-right: 5px;
}
.pr-2 {
  padding-right: 10px;
}
.pr-3 {
  padding-right: 15px;
}
.pr-4 {
  padding-right: 20px;
}
.pr-5 {
  padding-right: 25px;
}
.pr-6 {
  padding-right: 30px;
}
.pr-7 {
  padding-right: 35px;
}
.pr-8 {
  padding-right: 40px;
}
.px-7 {
  padding-right: 35px;
  padding-left: 35px;
}
.px-6 {
  padding-right: 30px;
  padding-left: 30px;
}
.px-5 {
  padding-right: 25px;
  padding-left: 25px;
}
.px-4 {
  padding-right: 20px;
  padding-left: 20px;
}
.px-3 {
  padding-right: 15px;
  padding-left: 15px;
}
.px-2 {
  padding-right: 10px;
  padding-left: 10px;
}
.px-1 {
  padding-right: 5px;
  padding-left: 5px;
}
.py-1px {
  padding-top: 1px;
  padding-bottom: 1px;
}
.py-2px {
  padding-top: 2px;
  padding-bottom: 2px;
}
.py-1 {
  padding-top: 5px;
  padding-bottom: 5px;
}
.py-2 {
  padding-top: 10px;
  padding-bottom: 10px;
}
.py-3 {
  padding-top: 15px;
  padding-bottom: 15px;
}
.p-divide-3 > * ~ * {
  padding-top: 15px;
  padding-bottom: 15px;
}
.p-divide-3 > *:first-child {
  padding-bottom: 15px;
}
.p-divide-4 > * ~ *:last-child {
  padding-bottom: 0px;
}
.p-divide-3 > *:only-child {
  padding-bottom: 0px;
}
.m-1px {
  margin: 1px;
}
.m-2px {
  margin: 2px;
}
.m-3px {
  margin: 3px;
}
.m-1 {
  margin: 5px;
}
.m-2 {
  margin: 10px;
}
.m-3 {
  margin: 15px;
}
.m-4 {
  margin: 20px;
}
.m-5 {
  margin: 25px;
}
.m-6 {
  margin: 30px;
}
.mt-1px {
  margin-top: 1px;
}
.mt-2px {
  margin-top: 2px;
}
.mt-3px {
  margin-top: 3px;
}
.mt-1 {
  margin-top: 5px;
}
.mt-2 {
  margin-top: 10px;
}
.mt-3 {
  margin-top: 15px;
}
.mt-4 {
  margin-top: 20px;
}
.mb-1px {
  margin-bottom: 1px;
}
.mb-2px {
  margin-bottom: 2px;
}
.mb-3px {
  margin-bottom: 3px;
}
.mb-1 {
  margin-bottom: 5px;
}
.mb-2 {
  margin-bottom: 10px;
}
.mb-3 {
  margin-bottom: 15px;
}
.mb-4 {
  margin-bottom: 20px;
}
.ml-1px {
  margin-left: 1px;
}
.ml-2px {
  margin-left: 2px;
}
.ml-3px {
  margin-left: 3px;
}
.-ml-16px {
  margin-left: -16px;
}
.ml-1 {
  margin-left: 5px;
}
.ml-2 {
  margin-left: 10px;
}
.ml-3 {
  margin-left: 15px;
}
.ml-4 {
  margin-left: 20px;
}
.ml-5 {
  margin-left: 25px;
}
.ml-6 {
  margin-left: 30px;
}
.ml-7 {
  margin-left: 35px;
}
.ml-8 {
  margin-left: 40px;
}
.ml-9 {
  margin-left: 45px;
}
.ml-10 {
  margin-left: 50px;
}
.ml-11 {
  margin-left: 55px;
}
.ml-12 {
  margin-left: 60px;
}
.ml-16 {
  margin-left: 80px;
}
.mr-1px {
  margin-right: 1px;
}
.mr-2px {
  margin-right: 2px;
}
.mr-3px {
  margin-right: 3px;
}
.mr-1 {
  margin-right: 5px;
}
.mr-2 {
  margin-right: 10px;
}
.mr-3 {
  margin-right: 15px;
}
.mx-1px {
  margin-right: 1px;
  margin-left: 1px;
}
.mx-2px {
  margin-right: 2px;
  margin-left: 2px;
}
.mx-3px {
  margin-right: 3px;
  margin-left: 3px;
}
.mx-1 {
  margin-right: 5px;
  margin-left: 5px;
}
.mx-2 {
  margin-right: 10px;
  margin-left: 10px;
}
.mx-3 {
  margin-right: 15px;
  margin-left: 15px;
}
.mx-4 {
  margin-right: 20px;
  margin-left: 20px;
}
.mx-5 {
  margin-right: 25px;
  margin-left: 25px;
}
.mx-6 {
  margin-right: 30px;
  margin-left: 30px;
}
.mx-7 {
  margin-right: 35px;
  margin-left: 35px;
}
.my-1px {
  margin-top: 1px;
  margin-bottom: 1px;
}
.my-2px {
  margin-top: 2px;
  margin-bottom: 2px;
}
.my-1 {
  margin-top: 5px;
  margin-bottom: 5px;
}
.my-2 {
  margin-top: 10px;
  margin-bottom: 10px;
}
.my-3 {
  margin-top: 15px;
  margin-bottom: 15px;
}
.m-divide-3 > * ~ * {
  margin-top: 15px;
  margin-bottom: 15px;
}
.m-divide-3 > *:first-child {
  margin-bottom: 15px;
}
.m-divide-4 > * ~ *:last-child {
  margin-bottom: 0px;
}
.m-divide-3 > *:only-child {
  margin-bottom: 0px;
}
/* ---- Adjustment helpers ----
   For making padding tweeks to account for differences between elements
*/
.pt-lg-height-minus-base-text-minus-2px {
  padding-top: 4px;
}
/* ===== Background Helpers ==== */
.bg-right-1-center {
  background-position: right 5px center;
}
.bg-size-4-3 {
  background-image-size: 20px 15px;
}
/* ===== Core weight ==== */
.font-bold {
  font-weight: 700;
}
/* ===== Core Size Helpers ==== */
.text-7xl {
  font-size: 20px;
}
.text-6xl {
  font-size: 20px;
}
.text-5xl {
  font-size: 20px;
}
.text-4xl {
  font-size: 20px;
}
.text-3xl {
  font-size: 20px;
}
.text-2xl {
  font-size: 18px;
  line-height: 20px;
}
.text-xl {
  font-size: 16px;
  line-height: 18px;
}
.text-lg {
  font-size: 14px;
  line-height: 18px;
}
.text-base {
  font-family: 'Arial';
  font-style: normal;
  font-weight: 400;
  font-size: 12px;
}
.text-sm {
  font-size: 11px;
}
.text-xs {
  font-size: 10px;
}
.text-left {
  text-align: left;
}
.text-center {
  text-align: center;
}
.text-right {
  text-align: right;
}
/* ===== Headings ==== */
.text-h1 {
  /* H1 */
  font-weight: 700;
  font-size: 18px;
  line-height: 20px;
}
.text-h2 {
  /* H2 */
  font-weight: 700;
  font-size: 16px;
  line-height: 18px;
}
.text-h3 {
  /* H3 */
  font-weight: 700;
  font-size: 14px;
  line-height: 18px;
}
.text-h4 {
  /* H4, shared by Table/Heading, Forms/section name */
  font-weight: 700;
  font-size: 14px;
  line-height: 16.8px;
}
.text-h5 {
  /* H5 */
  font-weight: 700;
  font-size: 18px;
  line-height: 20px;
}
.text-h6 {
  /* H6 */
  font-weight: 700;
  font-size: 12px;
  line-height: 14.4px;
}
.text-h-lg {
  font-size: 14px;
  line-height: 18px;
  font-weight: 700;
}
.text-base-bold {
  font-family: 'Arial';
  font-style: normal;
  font-weight: 400;
  font-size: 12px;
  font-weight: 700;
}
/* ===== Font Helpers ==== */
.font-sans {
  font-family: 'Arial';
}
.font-tech {
  font-family: 'Lato', sans-serif;
}
/* ------ Forms ------ */
.forms-section-names {
  /* H4, shared by Table/Heading, Forms/section name */
  font-weight: 700;
  font-size: 14px;
  line-height: 16.8px;
}
/* ------ Tables  ------ */
/* ------ Content  ------ */
.text-link {
  font-family: 'Arial';
  font-style: normal;
  font-weight: 400;
  font-size: 12px;
  color: #5092D9;
}
.text-link-hover {
  font-family: 'Arial';
  font-style: normal;
  font-weight: 400;
  font-size: 12px;
  color: #435B71;
}
.text-link-visited {
  font-family: 'Arial';
  font-style: normal;
  font-weight: 400;
  font-size: 12px;
  color: #435B71;
}
.text-link-underlined {
  font-family: 'Arial';
  font-style: normal;
  font-weight: 400;
  font-size: 12px;
  color: #5092D9;
  text-decoration-line: underline;
}
a:link.font-bold {
  font-weight: 700;
}
/* ------ Letter Spacing Helpers  ------ */
.tracking-normal {
  letter-spacing: 0em;
}
/* ------ Vertical Align Helpers  ------ */
.align-top {
  vertical-align: top;
}
.align-middle {
  vertical-align: middle;
}
/* line height  without font-size */
.leading-none {
  line-height: 1;
}
.leading-tight {
  line-height: 1.25;
}
.leading-snug {
  line-height: 1.375;
}
.leading-normal {
  line-height: 1.5;
}
.leading-relaxed {
  line-height: 1.625;
}
.leading-loose {
  line-height: 2;
}
.leading-3 {
  line-height: 12px;
}
.leading-4 {
  line-height: 14px;
}
.leading-5 {
  line-height: 18px;
}
.leading-6 {
  line-height: 18px;
}
.leading-7 {
  line-height: 20px;
}
.leading-8 {
  line-height: 22px;
}
.leading-9 {
  line-height: 24px;
}
.leading-10 {
  line-height: 26px;
}
/* ===== Cursor Helpers ==== */
.cursor-auto {
  cursor: auto;
}
.cursor-default {
  cursor: default;
}
.cursor-pointer {
  cursor: pointer;
}
.cursor-wait {
  cursor: wait;
}
.cursor-text {
  cursor: text;
}
.cursor-move {
  cursor: move;
}
.cursor-help {
  cursor: help;
}
.cursor-not-allowed {
  cursor: not-allowed;
}
.disabled\:cursor-not-allowed:disabled {
  cursor: not-allowed;
}
/* ====== Components ====== */
.avatar-initials-10 {
  border-radius: 9999px;
  height: 40px;
  width: 40px;
  display: flex;
  flex-shrink: 0;
}
.avatar-initials-10 > * {
  font-size: 16px;
  line-height: 18px;
  margin: auto;
}
.badge-pill-base {
  font-family: 'Arial';
  font-style: normal;
  font-weight: 400;
  font-size: 12px;
  padding-right: 10px;
  padding-left: 10px;
  padding-top: 2px;
  padding-bottom: 2px;
  border-radius: 9999px;
  text-align: center;
}
.badge-square-sm {
  font-weight: 700;
  font-size: 11px;
  padding-right: 5px;
  padding-left: 5px;
  padding-top: 2px;
  padding-bottom: 2px;
  border-radius: 0.4rem;
  text-align: center;
}
.badge-square-sm-xs {
  border-radius: 1px;
}
.badge-square-sm-sm {
  border-radius: 2px;
}
.badge-square-sm-md {
  border-radius: 6px;
}
.badge-square-sm-lg {
  border-radius: 8px;
}
.form-reply {
  font-family: 'Arial';
  font-style: normal;
  font-weight: 400;
  font-size: 12px;
  border-color: #CCCCCC;
  border-style: solid;
  border-width: 1px;
  font-family: 'Lato', sans-serif;
  color: rgba(0, 0, 0, 0.5);
  padding-top: 5px;
  padding-bottom: 5px;
  padding-right: 10px;
  padding-left: 10px;
  background: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxMCAxMCIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPjxwYXRoIGQ9Ik0wLjUwNDI4NiA4Ljg1NzE0TDkuNSA1TDAuNTA0Mjg2IDEuMTQyODZMMC41IDQuMTQyODZMNi45Mjg1NyA1TDAuNSA1Ljg1NzE0TDAuNTA0Mjg2IDguODU3MTRaIiBmaWxsPSIjRDlEOUQ5IiBzdHJva2Utd2lkdGg9IjEiPjwvcGF0aD48L3N2Zz4=');
  background-position: right 5px center;
  background-repeat: no-repeat;
  background-image-size: 20px 15px;
}
.form-reply-l {
  border-left-style: solid;
}
.form-reply-r {
  border-right-style: solid;
}
.form-reply-t {
  border-top-style: solid;
}
.form-reply-b {
  border-bottom-style: solid;
}
.form-reply-l {
  border-left-width: 0;
}
.form-reply-l-0 {
  border-left-width: 0;
}
.form-reply-l-1 {
  border-left-width: 1px;
}
.form-reply-l-2 {
  border-left-width: 2px;
}
.form-reply-r {
  border-right-width: 0;
}
.form-reply-r-0 {
  border-right-width: 0;
}
.form-reply-r-1 {
  border-right-width: 1px;
}
.form-reply-r-2 {
  border-right-width: 2px;
}
.form-reply-t {
  border-top-width: 0;
}
.form-reply-t-0 {
  border-top-width: 0;
}
.form-reply-t-1 {
  border-top-width: 1px;
}
.form-reply-t-2 {
  border-top-width: 2px;
}
.form-reply-b {
  border-bottom-width: 0;
}
.form-reply-b-0 {
  border-bottom-width: 0;
}
.form-reply-b-1 {
  border-bottom-width: 1px;
}
.form-reply-b-2 {
  border-bottom-width: 2px;
}
.error-msg {
  color: #EA5521;
}
.resize-none {
  resize: none;
}
tt-tabs {
  position: absolute;
  top: 14px;
  font-size: 14px;
  line-height: 18px;
  color: #FFFFFF;
}
tt-tabs .active {
  background-color: #FFFFFF;
  color: #5D7085;
}
tt-tabs .active a {
  color: #5D7085;
}
tt-tabs .active a:visited,
tt-tabs .active a:link {
  color: #5D7085;
}
tt-tabs li {
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  background-color: #A9BDC5;
}
tt-tabs li-xs {
  border-top-left-radius: 1px;
  border-top-right-radius: 1px;
}
tt-tabs li-sm {
  border-top-left-radius: 2px;
  border-top-right-radius: 2px;
}
tt-tabs li-base {
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
}
tt-tabs li-none {
  border-top-left-radius: 0px;
  border-top-right-radius: 0px;
}
tt-tabs li-md {
  border-top-left-radius: 6px;
  border-top-right-radius: 6px;
}
tt-tabs li-lg {
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
}
tt-tabs li a {
  color: #FFFFFF;
  font-size: 14px;
  line-height: 18px;
}
tt-tabs li a:visited,
tt-tabs li a:link {
  color: #FFFFFF;
  font-size: 14px;
  line-height: 18px;
}
#tttt_chat.dialog-gen .top {
  padding-top: 10px;
  padding-bottom: 15px;
}

/*tt/trade_manager/wizards/wizards.less!steal-less@1.3.4#less*/
.wiz-menu li.essentials,
.wiz-menu li.consol_essentials,
.wiz-menu li.po_essentials {
  left: 0;
  width: 200px;
  z-index: 5;
}
.wiz-menu li.consol_compliance {
  left: 150px;
  width: 200px;
  z-index: 5;
}
.wiz-menu li.consol_route {
  left: 320px;
  width: 200px;
  z-index: 5;
}
.wiz-menu li.consol_adminworkflow {
  left: 495px;
  width: 220px;
  z-index: 5;
}
.wiz-menu li.po_adminworkflow {
  left: 175px;
  width: 220px;
  z-index: 5;
}
.wiz-menu li.po_shipmentspecs {
  left: 400px;
  width: 220px;
  z-index: 5;
}
.wiz-menu li.security {
  left: 168px;
  width: 195px;
  z-index: 4;
}
.wiz-menu li.route {
  left: 340px;
  width: 245px;
  z-index: 3;
}
.wiz-menu li.adminworkflow {
  left: 550px;
  width: 235px;
  z-index: 2;
}
.wiz-menu li.shipmentspecifics {
  left: 760px;
  width: 250px;
  z-index: 1;
}
.wiz-menu li.shipment-lock {
  cursor: default;
  right: 0;
  padding: 8px 22px;
  color: #435B71;
  z-index: 100;
}
#wiz-essentials {
  left: 8px;
  top: 80px;
}
#wiz-essentials.wiz-menu-flyout .wiz-content {
  max-height: none;
}
#wiz-security {
  left: 200px;
  top: 80px;
}
#wiz-route {
  left: 30px;
  top: 80px;
}
#wiz-route .tooltip-point {
  left: 448px;
}
#wiz-adminworkflow {
  left: 440px;
  top: 80px;
}
#wiz-adminworkflow .tooltip-point {
  left: 275px;
}
#wiz-shipmentspecifics {
  left: 529px;
  top: 80px;
}
#wiz-shipmentspecifics .tooltip-point {
  left: 410px;
}
#wiz-consol_essentials {
  left: 8px;
  top: 42px;
}
#wiz-consol_essentials.wiz-menu-flyout .wiz-content {
  max-height: none;
}
#wiz-consol_adminworkflow {
  left: 482px;
  top: 42px;
}
#wiz-consol_adminworkflow .tooltip-point {
  left: 171px;
}
#wiz-consol_compliance {
  left: 59px;
  top: 42px;
}
#wiz-consol_compliance .tooltip-point {
  left: 222px;
}
#wiz-consol_route {
  left: 192px;
  top: 42px;
}
#wiz-consol_route .tooltip-point {
  left: 240px;
}
#wiz-consol_route.wiz-menu-flyout .wiz-content {
  max-height: none;
  overflow-y: visible;
}
.wizards .form-button.cancel span {
  background: url(/images_app/global/bg_buttons.png) 0 -192px no-repeat;
  /* grey button left round */
}
.wizards .form-button.cancel span.text {
  background: url(/images_app/global/bg_buttons.png) 100% -220px no-repeat;
  /* grey button */
}
#wiz-po_essentials {
  left: 8px;
  top: 80px;
}
#wiz-po_essentials.wiz-menu-flyout .wiz-content {
  max-height: none;
}
#wiz-po_adminworkflow {
  left: 165px;
  top: 80px;
}
#wiz-po_adminworkflow .tooltip-point {
  left: 185px;
}
#wiz-po_shipmentspecs {
  left: 355px;
  top: 80px;
}
#wiz-po_shipmentspecs .tooltip-point {
  left: 225px;
}
/* Morgan, This is commented out because it was allowing the page to inherit the width including the actions panel which is suppose to be off screen. */
/* special classes because the wizards have now become pages. not small bits of UI.

.page-wizard-overlay #bd-pri,
.page-wizard-overlay .mod-page .bd,
.page-wizard-overlay .mod-page {
  overflow: inherit;
}
*/

/*css_app/jquery.timeentry.css!steal-css@1.3.2#css*/
/* TimeEntry styles */
.timeEntry_control {
	vertical-align: middle;
	margin-left: 2px;
}

/*tt/trade_manager/content/container/overview/overview.less!steal-less@1.3.4#less*/
#container-overview {
  /* twist */
  /* container size */
  /* container number */
  /* vgm */
  /* container units */
  /* container cbm */
  /* container kgs */
  /* container value */
  /* Remove */
  /* Is Haz */
}
#container-overview th {
  padding-top: 12px !important;
  padding-bottom: 12px !important;
  padding-left: 5px !important;
  font-weight: bold;
  text-align: left;
}
#container-overview .btn-twist {
  width: 20px;
}
#container-overview .container-col-size {
  width: 80px;
}
#container-overview .container-col-number {
  width: 120px;
}
#container-overview .container-col-seal-vin {
  width: 100px;
}
#container-overview .container-col-vgm {
  width: 30px !important;
  min-width: 30px !important;
  max-width: 30px !important;
}
#container-overview .container-col-units,
#container-overview .container-col-cbm,
#container-overview .container-col-kgs,
#container-overview .container-col-tvalue {
  width: 120px !important;
  min-width: 120px !important;
  max-width: 120px !important;
}
#container-overview .container-col-unit,
#container-overview .container-col-lwh {
  width: 45%;
}
#container-overview .container-col-remove {
  width: 20px !important;
}
#container-overview .container-col-send,
#container-overview .container-col-haz {
  width: 50px !important;
}
#container-overview .container-col-chargewt {
  width: 70px !important;
}
#container-overview .container-col-mini {
  width: 30px !important;
  min-width: 30px !important;
}
#container-overview .container-col-small {
  width: 40px !important;
  min-width: 40px !important;
}
#container-overview .container-col-medium {
  width: 60px !important;
}
#container-overview .container-col-large {
  width: 140px !important;
  min-width: 140px !important;
}
#container-overview .vgm-nowrap,
#container-overview .fly-out {
  /* display: inline; */
  /* margin-top:5px; */
  /* vertical-align: middle; */
}
#container-overview .container-size,
#container-overview .container-cbm,
#container-overview .container-kgs,
#container-overview .container-value {
  margin-right: 3px;
  width: 95%;
}
#container-overview .container-num {
  margin-right: 1px;
  padding-right: 20%;
}
#container-overview .container-unit {
  margin-right: 1px;
  width: 85%;
}
#container-overview .container-number-warning {
  margin-left: -33px;
}
#container-overview .container-size-select {
  width: auto;
  max-width: 20px;
}
#container-overview .overview-twist {
  width: 10px !important;
}
#container-overview .vgm-incomplete {
  background: url(https://d37os114137h1b.cloudfront.net/syrinxdesktop/media/images/icons/vgm_alert.png);
  display: inline-block;
  height: 14px;
  margin-left: 3px;
  margin-top: -3px;
  width: 14px;
  vertical-align: middle;
}
#container-overview .vgm-ready {
  background: url(https://d37os114137h1b.cloudfront.net/syrinxdesktop/media/images/icons/vgm_ready.png);
  display: inline-block;
  height: 14px;
  margin-left: 3px;
  margin-top: -3px;
  width: 14px;
  vertical-align: middle;
}
#container-overview .vgm-sent {
  background: url(https://d37os114137h1b.cloudfront.net/syrinxdesktop/media/images/icons/vgm_transmitted.png);
  display: inline-block;
  height: 14px;
  margin-left: 3px;
  margin-top: -3px;
  width: 14px;
  vertical-align: middle;
}
#container-overview .loadOrder {
  width: 40px !important;
}
#container-overview .mini-header {
  display: inline-block;
  position: absolute;
  top: 0;
  left: 0;
  text-align: center;
  background: #5E7086;
  z-index: 100;
}
#container-overview span.mini-header.weight {
  width: 400%;
  border-bottom: 1px solid #b1bbc5;
  padding: 5px 0px;
}

/*ttlib/components/notes_tool/notes_tool.less!steal-less@1.3.4#less*/
.characters-left {
  color: #8a8b8c;
}

/*tt/forms_window/action_documentation.less!steal-less@1.3.4#less*/
.win-med .btn-primary {
  background: -webkit-linear-gradient(#cee7bc, #97b193);
  /* For Safari 5.1 to 6.0 */
  background: -o-linear-gradient(#cee7bc, #97b193);
  /* For Opera 11.1 to 12.0 */
  background: -moz-linear-gradient(#cee7bc, #97b193);
  /* For Firefox 3.6 to 15 */
  background: linear-gradient(#cee7bc, #97b193);
  /* Standard syntax */
  border: none;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  cursor: pointer;
  color: #416080;
  font-size: 11px;
  font-weight: bold;
  padding: 0.5em .5em;
}
.win-med .btn-primary:focus {
  outline: 0;
}
.win-med .btn-primary:hover {
  color: #fff;
}
.win-med .entry input.padded_row,
.win-med .entry select.padded_row {
  margin-bottom: 5px;
}
.win-med .consignment-parties {
  margin-top: 20px;
}
.win-med .consignment-party-label {
  line-height: 18px;
}
.win-med .consignment-party-name {
  width: 190px;
  margin: 2px 5px;
  border: 1px solid #d9d9d9;
}
.win-med .form-header {
  font-family: Arial;
  color: #000;
  font-weight: bold;
  font-size: 12px;
}
.win-med .header {
  background-color: #B1BBC5;
  color: #FFF;
  font-family: Arial;
  font-size: 12px;
  font-weight: normal;
  text-indent: 5px;
  height: 15px;
}
.win-med .header-no-indent {
  background-color: #B1BBC5;
  color: #FFF;
  font-family: Arial;
  font-size: 12px;
  font-weight: normal;
  text-indent: 0px;
  height: 15px;
}
.win-mbl .mblHeader {
  background-color: #b2bbc4;
  padding: 2px 0px 2px 1px;
  color: #FFFFFF;
  font-family: Arial;
  font-size: 11px;
  font-weight: bold;
  text-indent: 3px;
  text-align: left;
}
.win-mbl .mblLabel {
  padding: 0px 0px 0px 10px;
  color: #888;
  font-family: Arial;
  font-size: 11px;
  font-weight: bold;
  text-align: left;
  display: inline-block;
}
.win-mbl input,
.win-mbl select {
  width: 95%;
  border: 1px solid #D9D9D9;
  font-size: 11px;
  padding: 2px 0;
  margin-bottom: 3px;
}
.win-mbl input[type="radio"] {
  width: 5%;
  border: 1px solid #D9D9D9;
  font-size: 11px;
  padding: 2px 0;
  margin-bottom: 3px;
}
.win-mbl .mblCheckbox {
  width: 2%;
  border: 1px solid #D9D9D9;
  padding: 2px 0;
  margin-bottom: 3px;
}
.win-mbl .grayBrdr {
  border: 1px solid #D9D9D9;
  margin-left: 2px;
}
.win-mbl .zip {
  width: 25%;
}
.mblSpecs {
  height: 300px;
  overflow-y: auto;
}
.mblSpecsAir {
  height: 375px;
  overflow-y: auto;
}
.tinyAmount {
  width: 2em;
}
.cityMblDlg {
  width: 42.5%;
}

/*ttlib/components/iframe/iframe-panel.less!steal-less@1.3.4#less*/
iframe-panel iframe {
  background: #FFF;
  border: none;
  min-height: 500px;
  position: relative;
  top: 0;
}
iframe-panel .controls {
  border-top: 1px solid #d2d2d2;
  padding: 0.25em 3em;
  text-align: right;
}
iframe-panel button {
  background: -webkit-linear-gradient(#cee7bc, #97b193);
  /* For Safari 5.1 to 6.0 */
  background: -o-linear-gradient(#cee7bc, #97b193);
  /* For Opera 11.1 to 12.0 */
  background: -moz-linear-gradient(#cee7bc, #97b193);
  /* For Firefox 3.6 to 15 */
  background: linear-gradient(#cee7bc, #97b193);
  /* Standard syntax */
  border: none;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  color: #416080;
  font-size: 11px;
  font-weight: bold;
  padding: 0.5em 2em;
}
iframe-panel button:focus {
  outline: 0;
}
iframe-panel button:hover {
  color: #fff;
}

/*ttlib/components/contact_email/contact_email.less!steal-less@1.3.4#less*/
email-form .scroller {
  max-height: 350px;
  overflow-x: hidden;
  overflow-y: auto;
}
email-form table tbody,
email-form table thead {
  border-bottom: 1px solid #D2E0E6;
}
email-form table th {
  font-weight: bold;
  padding: 0.5em;
  background-color: #B1BBC5;
  color: #fff;
}
email-form table td {
  color: #000;
  padding: 0.5em;
}
email-form table td strong {
  color: #385487;
}
email-form .add-contact {
  padding: 10px 10px 20px;
}
email-form .add-contact a {
  font-size: 12px;
}

/*tt/trade_manager/content/container/pickup/container_pickup.less!steal-less@1.3.4#less*/
#container-pickup {
  /* container size column header */
  /* container # column header */
  /* Trucker column header */
  /* Warehouse column header */
  /* CNTR Depot column header */
  /* Pickup date column header */
  /* Cut off date column header */
  /* Pick up order column header */
  /* Terminal Appt column header */
}
#container-pickup td.dt-dom-text {
  text-align: center;
}
#container-pickup thead tr th {
  padding-top: 12px !important;
  padding-bottom: 12px !important;
  padding-left: 5px !important;
  font-weight: bold;
  text-align: left;
}
#container-pickup td:nth-child(1),
#container-pickup th:nth-child(1) {
  width: 30px !important;
}
#container-pickup td:nth-child(2),
#container-pickup th:nth-child(2) {
  width: 40px !important;
}
#container-pickup td:nth-child(3),
#container-pickup th:nth-child(3) {
  width: 80px !important;
  min-width: 80px !important;
  max-width: 80px !important;
}
#container-pickup td:nth-child(4),
#container-pickup th:nth-child(4) {
  width: 80px !important;
  min-width: 80px !important;
  max-width: 80px !important;
}
#container-pickup td:nth-child(5),
#container-pickup th:nth-child(5) {
  width: 100px !important;
  min-width: 100px !important;
  max-width: 100px !important;
}
#container-pickup td:nth-child(6),
#container-pickup th:nth-child(6) {
  width: 100px !important;
  min-width: 100px !important;
  max-width: 100px !important;
}
#container-pickup td:nth-child(7),
#container-pickup th:nth-child(7) {
  width: 100px !important;
  min-width: 100px !important;
  max-width: 100px !important;
}
#container-pickup td:nth-child(8),
#container-pickup th:nth-child(8) {
  width: 50px !important;
  min-width: 50px !important;
  max-width: 50px !important;
}
#container-pickup td:nth-child(9),
#container-pickup th:nth-child(9) {
  width: 50px !important;
  min-width: 50px !important;
  max-width: 50px !important;
}
#container-pickup input.trucker-autocomplete {
  position: relative;
}
#container-pickup .trucker-info-wrapper {
  position: relative;
}
#container-pickup div.point.dialog-point-top {
  left: 160px !important;
}
#container-pickup input {
  margin-right: 1px !important;
}
#container-pickup .container-number {
  padding-right: 20%;
}
#container-pickup .container-number-warning {
  margin-left: -20px;
}
#container-pickup label {
  vertical-align: middle !important;
}
#container-pickup hr.thin {
  border: none;
  height: 1px;
  background: lightgray;
  width: 120%;
  margin-left: -10px;
}
#container-pickup tt-cal {
  vertical-align: middle;
  margin-left: 2px;
}

/*tt/trade_manager/content/shipment_event/dateChangeLog.less!steal-less@1.3.4#less*/
.date-change-log-table {
  letter-spacing: normal;
  width: 100%;
  margin-top: 10px;
}
.date-change-log-table .header {
  border-right: 1px solid #FFFFFF;
  background: #808080;
}
.date-change-log-table .header,
.date-change-log-table .row {
  padding: 2px 4px 2px 4px;
  font-size: 10px;
}

/*ttlib/components/spinner/spinner.less!steal-less@1.3.4#less*/
tt-spinner .tt-spinner {
  bottom: auto;
}
tt-spinner .hide {
  display: none;
}

/*tt/trade_manager/content/shipment_event/multipleShipmentAmendment/multipleShipmentAmendment.less!steal-less@1.3.4#less*/
#multiple-shipment-amendment-dialog .header-message {
  padding-left: 10px;
  padding-bottom: 10px;
}
#multiple-shipment-amendment-dialog .multiple-shipment-amendment .data-grid {
  border-bottom: 1px solid #d9d9d9;
}
#multiple-shipment-amendment-dialog .multiple-shipment-amendment .data-grid th {
  background-color: #B1BBC5;
  border-right: 1px solid #C8cdd4;
  color: #fff;
  cursor: pointer;
  font-size: 12px;
  padding: 10px 6px;
  white-space: nowrap;
  zoom: 1;
}
#multiple-shipment-amendment-dialog .multiple-shipment-amendment .data-grid td {
  font-size: 12px;
  padding: 6px;
  border-left: 1px solid #d9d9d9;
  border-top: 1px solid #d9d9d9;
}

/*tt/trade_manager/content/content.less!steal-less@1.3.4#less*/
.green-caret {
  background-image: url("/images_app/global/bg_wiz_caret.png");
  background-repeat: no-repeat;
  background-position: 100% 0%;
}
div.inner-content {
  padding: 0.75em;
}
.blue_square input.mini {
  width: 50px;
  border: 1px solid #D9D9D9;
  font-size: 11px;
  padding: 2px 0;
  margin-bottom: 3px;
}
.blue_square select.mini {
  width: auto;
  border: 1px solid #D9D9D9;
  font-size: 11px;
  padding: 0px;
  margin-bottom: 3px;
}
.bordered {
  border-bottom: 1px solid #C6CDD4;
}
.legs .or {
  width: 33px;
  height: 15px;
  float: right;
  display: inline-block;
  background-image: url("/images_app/icons/TT_profiles_OR_icon.png");
  background-repeat: no-repeat;
}
.legs .pad {
  margin-bottom: 10px;
}
.Ocean_FCL input {
  width: 84%;
}
.bordering {
  border-bottom: 1px solid #D9D9D9;
  width: 100%;
}
.resolution {
  color: #1c5180;
  font-weight: bold;
}
.css_table_pad .flag {
  vertical-align: -3px;
  padding-top: 2px;
}
.css_table_pad select {
  width: 80%;
  margin-right: 5px;
}
.css_table_pad .inline-elements > * {
  padding-right: 4px;
}
.css_table_pad .trans-text {
  padding: 2px 15px 2px 24px;
}
.css_table_pad .row {
  padding: 5px;
}
.css_table_pad .cell {
  padding: 2px;
}
.css_table_pad .table {
  width: 100%;
  color: #777;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 11px;
  line-height: 2em;
  padding-right: 0.5em;
  text-align: right;
}
.header_align_right {
  float: right;
  padding-right: 10px;
  color: #FFFFFF;
}
.mod-shipment-events .header_right {
  float: right;
  color: #FFFFFF;
  display: inline-block;
  padding: 2px 10px 2px 0px;
}
.mod-shipment-events .header_left {
  font-size: 13px;
  padding-right: 10px;
  color: #FFFFFF;
}
.shipment-events {
  color: #666;
  font-size: 12px;
  font-family: Arial, Helvetica, sans-serif;
}
.shipment-events .event-heading {
  color: #666;
  font-size: 12px;
  font-family: Arial, Helvetica, sans-serif;
  font-weight: bold;
  display: block;
}
.shipment-events table {
  width: 100%;
  border-collapse: separate;
}
.shipment-events th {
  border-right: 1px solid #D9D9D9;
  border-bottom: 1px solid #D9D9D9;
}
.shipment-events td {
  height: 35px;
  border-right: 1px solid #D9D9D9;
  border-bottom: 1px solid #D9D9D9;
  padding: 5px 5px 5px 10px;
  vertical-align: top;
}
.shipment-events td.actual {
  height: 35px;
  border-left: 1px solid #000000;
  border-right: 1px solid #000000;
  padding: 5px 5px 5px 10px;
  vertical-align: top;
}
.shipment-events td.first-actual {
  height: 35px;
  border-top: 1px solid #000000;
  border-left: 1px solid #000000;
  border-right: 1px solid #000000;
  padding: 5px 5px 5px 10px;
  vertical-align: top;
}
.shipment-events td.last-actual {
  height: 35px;
  border-left: 1px solid #000000;
  border-right: 1px solid #000000;
  border-bottom: 1px solid #000000;
  padding: 5px 5px 5px 10px;
  vertical-align: top;
}
.shipment-events td:last-child {
  border-right: none;
}
.shipment-events td > * {
  padding: 2px;
  margin: 0 3px;
}
.shipment-events td.same_as > * {
  vertical-align: middle;
  margin: 3px;
}
.shipment-events tr:last-child {
  border-bottom: none;
}
.shipment-events th {
  border-right: 1px solid #D9D9D9;
  text-indent: 10px;
  height: 20px;
  background-color: #B1BAC4;
  color: #FFFFFF;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 11px;
}
.shipment-events th:last-child {
  border-right: none;
}
.shipment-events .body {
  background-color: #FFFFFF;
  padding: 0px;
  margin: -10px 10px 0px 0px;
}
.shipment-events .green {
  background-image: url("/images_app/icons/TM_actual_green.png");
  background-repeat: no-repeat;
  background-position: 100% 0%;
}
.shipment-events .yellow {
  background-image: url("/images_app/icons/TM_actual_yellow.png");
  background-repeat: no-repeat;
  background-position: 100% 0%;
}
.shipment-events .red {
  background-image: url("/images_app/icons/TM_actual_red.png");
  background-repeat: no-repeat;
  background-position: 100% 0%;
}
.shipment-events .grayLine {
  background-color: #B1BAC4;
  color: #FFFFFF;
  height: 15px !important;
  padding: 1px;
}
.shipment-events .grayLine input[type="checkbox"] {
  width: 10px;
  height: 10px;
}
.shipment-events input,
.shipment-events select {
  width: 93%;
}
.shipment-events .scheduled {
  min-width: 57px;
  width: 50%;
}
.security_fly {
  width: 100%;
}
.security_fly .date_picker {
  width: 50%;
}
.security_fly div.subheader {
  background-color: #B1BAC4;
  text-indent: 10px;
  padding: 2px;
  color: #FFFFFF;
  margin: 0px 10x 10px 0px;
}
.security_fly th {
  border-right: 1px solid #D9D9D9;
  text-indent: 5px;
  height: 20px;
  background-color: #B1BAC4;
  color: #FFFFFF;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 11px;
}
.security_fly th:last-child {
  border-right: none;
}
.security_fly input,
.security_fly select {
  width: 97.5%;
  border: 1px solid #D9D9D9;
  font-size: 11px;
  padding: 2px 0;
  margin-bottom: 3px;
  margin-left: 1%;
}
.security_fly input.autoWid {
  width: auto;
  border: 1px solid #D9D9D9;
  font-size: 11px;
  padding: 2px 0;
  margin-bottom: 3px;
  margin-left: 1%;
}
.security_fly .moder-headline {
  padding: 15px;
}
.security_fly table {
  width: 98%;
}
.security_fly .radio_buttons > * {
  width: 8%;
  display: inline;
}
.security_fly .yesno_content label {
  text-align: left;
  width: 5%;
}
.security_fly label {
  width: 100%;
}
.security_fly .body-div {
  margin-bottom: 0px;
  padding-bottom: 0px;
  padding-top: 0px;
}
.security_fly .css_table_pad {
  padding-bottom: 20px;
}
.security_fly select.shipdtl {
  width: 60%;
  border: 1px solid #D9D9D9;
  font-size: 11px;
  padding: 2px 0;
  margin-bottom: 3px;
  margin-left: 1%;
}
.save_fly {
  width: 100%;
  margin: -10px 0px 10px 0px;
}
.save_fly ul {
  background: url("/images_app/global/bg_save_button.png") -82px 0px no-repeat;
  margin: 0px;
}
.save_fly li {
  padding: 0px;
}
.save_fly .bottom {
  margin-left: -10px;
}
.save_fly .button {
  padding: 5px 20px 5px 20px;
}
.image-NW {
  margin-bottom: -3px;
  margin-left: -3px;
}
.dateTime-fly input {
  width: 99%;
}
.small-radio label {
  width: 20px;
}
.medium-radio label {
  width: 60px;
}
.same_as {
  background-color: #E8F1FF;
  height: 20px !important;
}
.same_as input[type="checkbox"] {
  width: 20px;
}
.text-l {
  text-align: left;
}
.text-r {
  text-align: right;
}
.text-c {
  text-align: center;
}
/* Small Notify Button */
div.small-notify {
  height: 15px;
  background: url("/images_app/global/small_notify.png") 0px 0px;
  background-repeat: no-repeat;
  display: inline-block;
  margin: 0px 10px 5px 0px;
}
div.small-notify-text {
  width: 100%;
  height: 15px;
  background: url("/images_app/global/small_notify.png") 100% -15px no-repeat scroll;
  color: white;
  margin-left: 7px;
  font-size: 10px;
  font-weight: bold;
  padding-top: 1px;
  text-align: left;
}
.shipment-events-scroll {
  height: 590px;
  overflow-y: auto;
}
.c-routing {
  overflow-y: visible;
  position: relative;
}
.c-routing .bodyR {
  background-color: #FFFFFF;
  padding: 10px 0 0 0;
  margin: -10px 10px 0px 0px;
}
.routing-scroll {
  height: 215px;
  overflow-y: auto;
}

/*tt/actions_panel/carrier_bookings/carrier_bookings.less!steal-less@1.3.4#less*/
#act .carrier-bookings table.data-grid,
#act .container-selection table.data-grid,
#act .available-shipment table.data-grid {
  width: 1050px;
  border-top: 1px solid #99A5B2;
}
#act .carrier-bookings table.data-grid .filter-controls,
#act .container-selection table.data-grid .filter-controls,
#act .available-shipment table.data-grid .filter-controls {
  display: table-row;
}
#act .carrier-bookings table.data-grid .filter-controls td,
#act .container-selection table.data-grid .filter-controls td,
#act .available-shipment table.data-grid .filter-controls td {
  background-color: #B1BBC5;
  border-right: 1px solid #C8cdd4;
  text-align: left;
  white-space: normal;
  padding: 2px;
  padding-left: 5px;
}
#act .carrier-bookings table.data-grid .filter-controls td:last-child,
#act .container-selection table.data-grid .filter-controls td:last-child,
#act .available-shipment table.data-grid .filter-controls td:last-child {
  border-right: none;
}
#act .carrier-bookings table.data-grid th,
#act .container-selection table.data-grid th,
#act .available-shipment table.data-grid th {
  background-color: #5E7086;
  border-right: 1px solid #B1BBC5;
  color: #FFFFFF;
  font-size: 11px;
  text-align: left;
  padding: 5px 6px !important;
  white-space: nowrap;
  zoom: 1;
}
#act .carrier-bookings table.data-grid th.title-group,
#act .container-selection table.data-grid th.title-group,
#act .available-shipment table.data-grid th.title-group {
  background-color: #435B71;
  text-align: center;
}
#act .carrier-bookings table.data-grid th.child-ref,
#act .container-selection table.data-grid th.child-ref,
#act .available-shipment table.data-grid th.child-ref {
  width: 1%;
}
#act .carrier-bookings table.data-grid th:last-child,
#act .container-selection table.data-grid th:last-child,
#act .available-shipment table.data-grid th:last-child {
  border-right: none;
}
#act .carrier-bookings table.data-grid th.sorting,
#act .container-selection table.data-grid th.sorting,
#act .available-shipment table.data-grid th.sorting,
#act .carrier-bookings table.data-grid th.sorting_asc,
#act .container-selection table.data-grid th.sorting_asc,
#act .available-shipment table.data-grid th.sorting_asc,
#act .carrier-bookings table.data-grid th.sorting_desc,
#act .container-selection table.data-grid th.sorting_desc,
#act .available-shipment table.data-grid th.sorting_desc {
  cursor: pointer;
}
#act .carrier-bookings table.data-grid td,
#act .container-selection table.data-grid td,
#act .available-shipment table.data-grid td {
  color: #000000;
  font-size: 11px;
  padding-left: 6px;
  padding-right: 6px;
  border-left: 1px solid #D9D9D9;
  border-top: 1px solid #D9D9D9;
  text-align: left;
}
#act .carrier-bookings table.data-grid td.index,
#act .container-selection table.data-grid td.index,
#act .available-shipment table.data-grid td.index {
  text-align: center;
}
#act .carrier-bookings table.data-grid td.actions,
#act .container-selection table.data-grid td.actions,
#act .available-shipment table.data-grid td.actions {
  background-color: #E3F7FF;
}
#act .carrier-bookings table.data-grid td.action-buttons,
#act .container-selection table.data-grid td.action-buttons,
#act .available-shipment table.data-grid td.action-buttons {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
}
#act .carrier-bookings table.data-grid td.action-buttons button,
#act .container-selection table.data-grid td.action-buttons button,
#act .available-shipment table.data-grid td.action-buttons button {
  margin: 0px 2px;
}
#act .carrier-bookings table.data-grid img,
#act .container-selection table.data-grid img,
#act .available-shipment table.data-grid img {
  margin: auto;
}
#act .carrier-bookings table.data-grid .active td,
#act .container-selection table.data-grid .active td,
#act .available-shipment table.data-grid .active td,
#act .carrier-bookings table.data-grid .hover td,
#act .container-selection table.data-grid .hover td,
#act .available-shipment table.data-grid .hover td {
  background-color: #E5EEF8;
  color: #000000;
}
#act .carrier-bookings table.data-grid .expand,
#act .container-selection table.data-grid .expand,
#act .available-shipment table.data-grid .expand {
  width: 90%;
}
#act .carrier-bookings table.data-grid .btn-twist,
#act .container-selection table.data-grid .btn-twist,
#act .available-shipment table.data-grid .btn-twist {
  width: 11px;
}
#act .carrier-bookings table.data-grid .inner-details.padding30,
#act .container-selection table.data-grid .inner-details.padding30,
#act .available-shipment table.data-grid .inner-details.padding30 {
  padding-left: 30px;
}
#act .carrier-bookings table.data-grid .filter-controls .right-separator,
#act .container-selection table.data-grid .filter-controls .right-separator,
#act .available-shipment table.data-grid .filter-controls .right-separator,
#act .carrier-bookings table.data-grid .right-separator,
#act .container-selection table.data-grid .right-separator,
#act .available-shipment table.data-grid .right-separator {
  border-right: 3px solid #D9D9D9;
}
#act .carrier-bookings table.data-grid input,
#act .container-selection table.data-grid input,
#act .available-shipment table.data-grid input {
  border: 1px solid #d9d9d9;
  font-size: 11px;
  padding: 2px 0;
}
#act .carrier-bookings table.data-grid input.search,
#act .container-selection table.data-grid input.search,
#act .available-shipment table.data-grid input.search {
  width: 96%;
}
#act .carrier-bookings table.data-grid inputsearch.narrow,
#act .container-selection table.data-grid inputsearch.narrow,
#act .available-shipment table.data-grid inputsearch.narrow {
  width: 30px;
}
#act .carrier-bookings table.data-grid input.actDatePicker,
#act .container-selection table.data-grid input.actDatePicker,
#act .available-shipment table.data-grid input.actDatePicker,
#act .carrier-bookings table.data-grid input.date-picker,
#act .container-selection table.data-grid input.date-picker,
#act .available-shipment table.data-grid input.date-picker {
  width: 6em;
}
#act .carrier-bookings table.data-grid input.timeEntry,
#act .container-selection table.data-grid input.timeEntry,
#act .available-shipment table.data-grid input.timeEntry {
  width: 3em;
}
#act .carrier-bookings table.data-grid input.conveyance-name,
#act .container-selection table.data-grid input.conveyance-name,
#act .available-shipment table.data-grid input.conveyance-name {
  width: 10em;
}
#act .carrier-bookings table.data-grid input.voyage-flight-number,
#act .container-selection table.data-grid input.voyage-flight-number,
#act .available-shipment table.data-grid input.voyage-flight-number {
  width: 4em;
}
.control-buttons {
  padding: 10px 5px 35px 0;
}
.control-buttons .footer-button {
  padding: 0 5px 0 0;
}
.booking-details-label {
  color: #888;
}
.booking-details-value {
  color: #000000;
  padding-left: 10px;
}
.type-selection {
  padding-left: 10px;
  border-bottom: 1px solid #5E7086;
}
.relocation-action-tab {
  background-color: #C2C2C2;
  border-radius: 5px 5px 0px 0px;
  border: 0;
  padding: 5px 10px;
  color: #FFF;
}
.relocation-action-tab:disabled {
  background-color: #5E7086;
}
.caption {
  background-color: #5E7086;
  color: #fff;
  padding: 6px;
}

/*tt/actions_panel/diff_management/diff_management.less!steal-less@1.3.4#less*/
/* Primary Form Button (use gradient not background image sprites)
===========================================
	- inline form button, green with hover.
	- These should be used for the primary user action within a form.
	- ex. Submit, Continue or Send
*/
.diff-management-warning {
  font-size: 12px;
  padding: 0 30px;
  color: red;
}
.diff-management .data-grid {
  border-bottom: 1px solid #d9d9d9;
}
.diff-management .data-grid th {
  background-color: #B1BBC5;
  border-right: 1px solid #C8cdd4;
  color: #fff;
  cursor: pointer;
  font-size: 12px;
  padding: 10px 6px;
  white-space: nowrap;
  zoom: 1;
}
.diff-management .data-grid th.dt-no-sort {
  cursor: auto;
}
.diff-management .data-grid td {
  font-size: 12px;
  padding: 6px;
  border-left: 1px solid #d9d9d9;
  border-top: 1px solid #d9d9d9;
}
.diff-management .data-grid td.label-col {
  color: #959595;
  text-align: right;
}
.diff-management .data-grid td.acl-label-col {
  color: #959595;
}
.diff-management .data-grid td.actions {
  text-align: center;
  white-space: nowrap;
}
.diff-management .data-grid td.actions label {
  align-self: center;
  color: #959595;
  margin-left: 0.5em;
  margin-right: 0.5em;
  justify-content: center;
}
.diff-management .data-grid td.actions label.toggleAction {
  font-weight: bold;
  color: #000000;
}
/* The switch - the box around the slider */
.switch {
  position: relative;
  display: inline-block;
  width: 60px;
  height: 24px;
}
/* Hide default HTML checkbox */
.switch input {
  opacity: 0;
  width: 0;
  height: 0;
}
/* The slider */
.slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ff0402;
  -webkit-transition: .4s;
  transition: .4s;
}
.slider:before {
  position: absolute;
  content: "";
  height: 16px;
  width: 16px;
  left: 4px;
  bottom: 4px;
  background-color: white;
  -webkit-transition: .4s;
  transition: .4s;
}
input:checked + .slider {
  background-color: #00d045;
}
input:focus + .slider {
  box-shadow: 0 0 1px #00d045;
}
input:checked + .slider:before {
  -webkit-transform: translateX(36px);
  -ms-transform: translateX(36px);
  transform: translateX(36px);
}
/* Rounded sliders */
.slider.round {
  border-radius: 24px;
}
.slider.round:before {
  border-radius: 50%;
}

/*tt/actions_panel/actions_panel.less!steal-less@1.3.4#less*/
.tabs > div {
  padding: 5px;
  width: 100%;
  display: block;
  border-top: 1px solid #D6D6D6;
  padding-left: 0;
  padding-right: 0;
}
#act-tabs li {
  float: left;
  height: 23px;
  list-style-type: none;
  margin: 0 0 -3px 1px;
  padding: 0;
}
#act-tabs li a {
  background: url(/images_app/global/bg_act_tabs.png) no-repeat scroll 0 0 rgba(0, 0, 0, 0);
  color: #E5E5E5;
  display: block;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 11px;
  font-weight: bold;
  height: 23px;
  line-height: 23px;
  outline-style: none;
  padding-left: 7px;
  text-decoration: none;
}
#act-tabs li.act-state-active a,
#act-tabs li.act-state-active a span,
#act-tabs li.first {
  margin-left: 0;
}
#act-tabs li.act-state-active a a,
#act-tabs li.act-state-active a span a,
#act-tabs li.first a,
#act-tabs li.act-state-active a.act-state-active a,
#act-tabs li.act-state-active a span.act-state-active a,
#act-tabs li.first.act-state-active a {
  padding-left: 0;
}
#act-tabs li.act-state-active a a span,
#act-tabs li.act-state-active a span a span,
#act-tabs li.first a span,
#act-tabs li.act-state-active a.act-state-active a strong,
#act-tabs li.act-state-active a span.act-state-active a strong,
#act-tabs li.first.act-state-active a strong {
  padding-left: 16px;
}
#act-tabs li.act-state-active a {
  background: url(/images_app/global/bg_act_tabs.png) 0 -46px no-repeat scroll;
  color: #fff;
}
#act-tabs li.act-state-active a span {
  background: url(/images_app/global/bg_act_tabs.png) 100% -69px no-repeat scroll;
}
#act-tabs li.disabled a {
  color: #888 !important;
}
#act {
  /* Action Panel Grid */
  width: 680px;
  right: -680px;
}
#act .act-main {
  background-color: #5d7085;
}
#act .act-tabs-panel {
  background-color: #5d7085;
  min-height: 300px;
  zoom: 1;
}
#act .act-tabs-panel span.tab-text {
  color: #FFFFFF;
  font-size: 12px;
  text-align: left;
  display: inline-block;
  vertical-align: 5px;
}
#act .act-tabs-panel .tabs {
  width: 99%;
  min-height: 200px;
}
#act .act-tabs-panel .tab-text span {
  font-size: 12px;
  font-weight: bold;
}
#act .act-tabs-panel .btn-twist {
  background-image: url("/images_app/icons/icn_twist_c.png");
  background-position: 50% 50%;
  background-repeat: no-repeat;
  cursor: pointer;
  padding-left: 22px;
  color: #1c5180;
  font-size: 12px;
  height: 20px;
  padding-right: 6px;
  width: 5%;
  display: inline-block;
}
#act .act-tabs-panel .open {
  background-image: url("/images_app/icons/icn_twist_o.png");
}
#act .act-tabs-panel .injected-row {
  display: none;
}
#act .act-tabs-panel .injected-row .create-link {
  color: #76D5F0;
  font-size: 11px;
  font-weight: bold;
}
#act .data-group {
  border: 1px solid #b2bbc4;
  width: 95%;
  margin-left: auto;
  margin-right: auto;
}
#act .data-group-nobrder {
  border: none;
  width: 95%;
  margin-left: auto;
  margin-right: auto;
}
#act .data-grid {
  border-bottom: 1px solid #99a5b2;
}
#act .data-grid th {
  border-bottom: 1px solid #99a5b2;
  color: #fff;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 10px;
  font-weight: bold;
  padding: 5px 10px 2px;
  text-align: center;
}
#act .data-grid th.header-left {
  background-color: #B2BBC4;
  border-right: 1px solid #99a5b2;
  border-bottom: 1px solid #99a5b2;
  color: #fff;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 11px;
  padding: 5px 10px 2px;
  text-align: left;
}
#act .data-grid th.header-right {
  background-color: #B2BBC4;
  border-right: 1px solid #99a5b2;
  border-bottom: 1px solid #99a5b2;
  color: #fff;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 11px;
  padding: 5px 10px 2px;
  text-align: right;
}
#act .data-grid td {
  color: #fff;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 11px;
  padding: 3px 1px 3px 10px;
  text-align: center;
}
#act .data-grid td.left {
  color: #fff;
  border-bottom: 1px solid #99a5b2;
  border-right: 1px solid #99a5b2;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 11px;
  padding: 5px 10px 2px;
  text-align: left;
}
#act .data-grid td.right {
  color: #fff;
  border-bottom: 1px solid #99a5b2;
  border-right: 1px solid #99a5b2;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 11px;
  padding: 5px 10px 2px;
  text-align: right;
}
#act .data-grid td.no-border {
  border-bottom: none;
  border-right: none;
}
#act .no-border-bottom {
  border-bottom: none;
}
#act.minimize {
  overflow: hidden;
  right: 0 !important;
  width: 0;
}
#act .tools-grid th {
  font-weight: bold;
  color: #fff;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 10px;
  padding: 10px 15px 2px;
}
#act .tools-grid td {
  color: #fff;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 11px;
  padding: 0;
}
#act .tools-grid td.questions {
  color: #fff;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 11px;
  padding: 14px;
}
.act-tabs-hide {
  display: none !important;
}
.act-corner-top {
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
}
reqdoc-button-list {
  display: block;
  padding-top: 5px;
}
.action-button,
.action-inbond-button,
.docuntfy-button,
.cancel-inbond-button {
  width: 100%;
  background: none;
  border: none;
  cursor: pointer;
  display: inline-block;
  outline: none !important;
  overflow: visible;
  padding: 0;
  position: relative;
}
.tools-button {
  background: none;
  border: none;
  cursor: pointer;
  display: inline-block;
  outline: none !important;
  overflow: visible;
  padding: 14px;
  position: relative;
}
.tools-button-edi {
  background: none;
  border: none;
  cursor: pointer;
  display: inline-block;
  outline: none !important;
  overflow: visible;
  padding: 8px 14px;
  position: relative;
}
.action-button.primary span.text,
.action-inbond-button.primary span.text {
  width: 130px;
  text-align: left;
}
.docuntfy-button.primary span.text {
  width: 182px;
  text-align: left;
}
.cancel-button.primary span.text,
.cancel-inbond-button.primary span.text {
  width: 90px;
  text-align: center;
}
.tools-button.primary span.text,
.tools-button-edi.primary span.text {
  width: 155px;
  text-align: center;
}
.action-inbond-button span,
.docuntfy-button span,
.accttab span,
.cancel-inbond-button span,
.tools-button span,
.tools-button-edi span {
  background: #97b0ae;
  background: -webkit-linear-gradient(bottom, #9ab094, #d8ebc7);
  background: -moz-linear-gradient(bottom, #9ab094, #d8ebc7);
  background: -o-linear-gradient(bottom, #9ab094, #d8ebc7);
  background: -ms-linear-gradient(bottom, #9ab094, #d8ebc7);
  background: linear-gradient(to top, #9ab094, #d8ebc7);
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#9AB094', endColorstr='#D8EBC7');
  /*For IE7-8-9*/
  border-radius: 4px;
  display: inline-block;
  cursor: pointer;
}
.action-inbond-button span.text,
.docuntfy-button span.text,
.accttab span.text,
.cancel-inbond-button span.text,
.tools-button span.text,
.tools-button-edi span.text {
  display: inline-block;
  color: #5E7185;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 11px;
  font-weight: bold;
  padding: 5px 15px 5px 10px;
  line-height: 16px;
  margin: 0 auto;
  cursor: pointer;
  text-align: center;
}
.action-inbond-button:disabled span,
.docuntfy-button:disabled span,
.accttab:disabled span,
.cancel-inbond-button:disabled span,
.tools-button:disabled span,
.tools-button-edi:disabled span {
  background: #97b0ae;
  background: -webkit-linear-gradient(bottom, #C4C4C4, #E4E4E4);
  background: -moz-linear-gradient(bottom, #C4C4C4, #E4E4E4);
  background: -o-linear-gradient(bottom, #C4C4C4, #E4E4E4);
  background: -ms-linear-gradient(bottom, #C4C4C4, #E4E4E4);
  background: linear-gradient(to top, #C4C4C4, #E4E4E4);
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#C4C4C4', endColorstr='#E4E4E4');
  /*For IE7-8-9*/
  cursor: not-allowed;
}
.action-inbond-button:disabled span.text,
.docuntfy-button:disabled span.text,
.accttab:disabled span.text,
.cancel-inbond-button:disabled span.text,
.tools-button:disabled span.text,
.tools-button-edi:disabled span.text {
  color: #F0F0F0;
  cursor: not-allowed;
}
/*
 * disabled button
 */
.action-inbond-button.disabled.primary span,
.tools-button.disabled.primary span,
.tools-button-edi.disabled.primary span {
  color: #F2F2F2;
  background: #d6d6d6;
  /* Old browsers */
  background: -moz-linear-gradient(top, #efefef 0%, #c8c8c8 47%, #c8c8c8 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(top, #efefef 0%, #c8c8c8 47%, #c8c8c8 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #efefef 0%, #c8c8c8 47%, #c8c8c8 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}
.action-inbond-button.disabled.primary span.text,
.tools-button.disabled.primary span.text,
.tools-button-edi.disabled.primary span.text {
  color: #F2F2F2;
}
label.white {
  color: white;
}
#tab-documentation,
#tab-notification,
#tab-security,
#tab-insurance,
#tab-accounting {
  margin-top: 3px;
  padding-left: 0;
  padding-right: 0;
}
.manifestPop .tt-spinner {
  margin: 2em;
}
.manifestPop h3 {
  font-size: 14px;
}
input.hidden {
  background-color: #5D7085;
  color: #FFFFFF;
  border: none;
}
#tab-accounting .dataTables_paginate,
#tab-accounting .cinfo {
  margin-left: 40%;
}
#tab-accounting .cinfo {
  color: white;
}
#act .data-grid th .document-name {
  width: 43%;
}
#act .data-grid th .schedule-date {
  width: 10%;
}
#act .data-grid th .actual-date {
  width: 10%;
}
#act .data-grid th .user-name {
  width: 10%;
}
#act .data-grid th .transaction-log {
  width: 10%;
}
#act action-button-list,
#act reqdoc-button-list {
  display: table-row-group;
}
#act action-button-list .table-tr,
#act reqdoc-button-list .table-tr,
#act action-button-list .table-row,
#act reqdoc-button-list .table-row {
  display: table-row;
}
#act action-button-list .table-td,
#act reqdoc-button-list .table-td,
#act action-button-list .table-cell,
#act reqdoc-button-list .table-cell {
  display: table-cell;
}
#act action-button,
#act reqdoc-button,
#act .action-button-list-button {
  display: table-row;
  color: #fff;
}
#act action-button.hide,
#act reqdoc-button.hide,
#act .action-button-list-button.hide {
  display: none;
}
#act action-button .table-td,
#act reqdoc-button .table-td,
#act .action-button-list-button .table-td,
#act action-button .table-cell,
#act reqdoc-button .table-cell,
#act .action-button-list-button .table-cell {
  color: #fff;
  padding: 3px 1px 3px 10px;
  font-size: 10px;
}
#act action-button .document-name,
#act reqdoc-button .document-name,
#act .action-button-list-button .document-name {
  text-align: left;
  color: #5E7185;
}
#act action-button .document-name.green,
#act reqdoc-button .document-name.green,
#act .action-button-list-button .document-name.green {
  border-radius: 4px;
  background: linear-gradient(to top, #9cb195, #d8ebc7);
  width: 290px;
}
#act action-button .document-name.green-short,
#act reqdoc-button .document-name.green-short,
#act .action-button-list-button .document-name.green-short {
  border-radius: 4px;
  background: linear-gradient(to top, #9cb195, #d8ebc7);
  width: 270px;
}
#act action-button .document-name.green-short:hover div.action-click,
#act reqdoc-button .document-name.green-short:hover div.action-click,
#act .action-button-list-button .document-name.green-short:hover div.action-click {
  color: #fff;
}
#act action-button .document-name.grey,
#act reqdoc-button .document-name.grey,
#act .action-button-list-button .document-name.grey {
  border-radius: 4px;
  background: linear-gradient(to top, #A4A4A4, #d8d8d8);
  width: 290px;
}
#act action-button .document-name.orange,
#act reqdoc-button .document-name.orange,
#act .action-button-list-button .document-name.orange {
  border-radius: 4px;
  background: linear-gradient(to top, #D38333, #FED886);
  width: 290px;
}
#act action-button .document-name.red,
#act reqdoc-button .document-name.red,
#act .action-button-list-button .document-name.red {
  border-radius: 4px;
  background: linear-gradient(to top, #ff602a, #ffad8c);
  width: 290px;
}
#act action-button .document-name.light-blue,
#act reqdoc-button .document-name.light-blue,
#act .action-button-list-button .document-name.light-blue {
  border-radius: 4px;
  background: linear-gradient(to top, #0d98de, #64c9f6);
  width: 250px;
}
#act action-button .document-name .action-click,
#act reqdoc-button .document-name .action-click,
#act .action-button-list-button .document-name .action-click {
  width: 55%;
  display: inline-block;
  padding: 5px 5px 5px 10px;
  font-size: 11px;
  font-weight: 700;
  line-height: 16px;
  margin-right: 8px;
}
#act action-button .document-name .action-click-auto,
#act reqdoc-button .document-name .action-click-auto,
#act .action-button-list-button .document-name .action-click-auto {
  display: inline-block;
  padding: 5px 5px 5px 10px;
  font-size: 11px;
  font-weight: 700;
  line-height: 16px;
}
#act action-button .document-name .sub-actions,
#act reqdoc-button .document-name .sub-actions,
#act .action-button-list-button .document-name .sub-actions {
  display: inline-block;
  padding-left: 4px;
  font-size: 11px;
  font-weight: 700;
  line-height: 16px;
  width: 55px;
  margin-left: 24px;
}
#act action-button .document-name .sub-actions i,
#act reqdoc-button .document-name .sub-actions i,
#act .action-button-list-button .document-name .sub-actions i {
  padding-left: 1px;
}
#act action-button .document-name .sub-actions-small,
#act reqdoc-button .document-name .sub-actions-small,
#act .action-button-list-button .document-name .sub-actions-small {
  display: inline-block;
  padding-left: 4px;
  font-size: 11px;
  font-weight: 700;
  line-height: 16px;
  width: 45px;
}
#act action-button .document-name .sub-actions-small i,
#act reqdoc-button .document-name .sub-actions-small i,
#act .action-button-list-button .document-name .sub-actions-small i {
  padding-left: 4px;
}
#act action-button .document-name i,
#act reqdoc-button .document-name i,
#act .action-button-list-button .document-name i {
  width: 10%;
  padding-left: 10px;
  display: inline-block;
  line-height: 22px;
  margin-left: 4px;
}
#act action-button .transaction-log .green,
#act reqdoc-button .transaction-log .green,
#act .action-button-list-button .transaction-log .green {
  color: #83D249;
}
#act action-button .transaction-log i,
#act reqdoc-button .transaction-log i,
#act .action-button-list-button .transaction-log i {
  padding-left: 4px;
}
.actions-action-button .amend-button,
.actions-action-button .cancel-button,
.actions-action-button .cancel-inbond-button {
  text-align: left;
  color: #fff;
  padding: 3px 1px 3px 5px;
  margin-bottom: 5px;
  width: 70px;
}
.actions-action-button .amend-button i,
.actions-action-button .cancel-button i,
.actions-action-button .cancel-inbond-button i {
  padding-left: 20px;
}
.actions-action-button .amend-button.green,
.actions-action-button .cancel-button.green,
.actions-action-button .cancel-inbond-button.green {
  border-radius: 4px;
  background: linear-gradient(to top, #9cb195, #d8ebc7);
}
.actions-action-button .amend-button.grey,
.actions-action-button .cancel-button.grey,
.actions-action-button .cancel-inbond-button.grey {
  border-radius: 4px;
  background: linear-gradient(to top, #A4A4A4, #d8d8d8);
}
.actions-action-button .amend-button.orange,
.actions-action-button .cancel-button.orange,
.actions-action-button .cancel-inbond-button.orange {
  border-radius: 4px;
  background: linear-gradient(to top, #D38333, #FED886);
}
.actions-action-button .amend-button.red,
.actions-action-button .cancel-button.red,
.actions-action-button .cancel-inbond-button.red {
  border-radius: 4px;
  background: linear-gradient(to top, #ff602a, #ffad8c);
}
.actions-action-button .amend-button.light-blue,
.actions-action-button .cancel-button.light-blue,
.actions-action-button .cancel-inbond-button.light-blue {
  border-radius: 4px;
  background: linear-gradient(to top, #0d98de, #64c9f6);
}
.configure-intermediary .releaseBLType .seawaySelection {
  margin-left: 18px;
}
.configure-intermediary .releaseBLType .surrenderSelection {
  margin-left: 10px;
}
.drop-files-body-doc {
  border: solid 1px #FFF;
  color: #FFF;
  font-size: 10px;
  margin: 2px 5px;
  padding: 5px;
  text-align: center;
}
.drop-files-body-doc:hover {
  border: solid 1px #000;
  color: #000;
  background-color: #FFF;
}
.drop-files-body-doc.dragover {
  border: solid 1px #000;
  color: #000;
  background-color: #FFF;
}
reqdoc-button .fileinput-button {
  position: relative;
}
reqdoc-button .fileinput-button input {
  position: absolute;
  top: 0;
  left: 0;
  margin: 0;
  opacity: 0;
  font-size: 10px;
  direction: ltr;
  cursor: pointer;
}

/*tt/trade_manager/actions/panels/views/styles/action_panels.less!steal-less@1.3.4#less*/
.forms-menu {
  background: url(/images_app/global/bg_wiz_bar2.png) 0 0 repeat-x;
  height: 41px;
  list-style: none outside none;
  margin: 0 0 0 0;
  padding: 0;
  position: relative;
}
.forms-menu li {
  background: none;
  cursor: pointer;
  float: left;
  height: 41px;
  list-style-type: none;
  margin: 0;
  padding: 0px;
  position: absolute;
}
.forms-menu li.active {
  background: url(/images_app/global/bg_wiz_tab_lt.png) 0 0 no-repeat;
  z-index: 2999 !important;
}
.forms-menu li.last {
  background-position: 0 0;
}
.forms-menu li.first {
  background: none;
  padding-left: 0;
}
.forms-menu li a.last {
  background: url(/images_app/global/bg_wiz_tab_dark.png) 100% 0 no-repeat;
  color: #666;
  display: block;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 14px;
  line-height: 41px;
  height: 41px;
  text-align: center;
  text-decoration: none;
}
.forms-menu li a.last.active {
  background: url(/images_app/global/bg_wiz_tab.png) 100% 0 no-repeat;
  color: #666;
  display: block;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 14px;
  line-height: 41px;
  height: 41px;
  text-align: center;
  text-decoration: none;
}
.forms-menu li a.first {
  background: url(/images_app/global/bg_wiz_tab_dark.png) 100% 0 no-repeat;
  color: #666;
  display: block;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 14px;
  line-height: 41px;
  height: 41px;
  text-align: center;
  text-decoration: none;
}
.forms-menu li a.first.dark {
  background: url(/images_app/global/bg_wiz_tab_darkb.png) 100% 0 no-repeat;
  color: #666;
  display: block;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 14px;
  line-height: 41px;
  height: 41px;
  text-align: center;
  text-decoration: none;
}
.forms-menu li a.first.active {
  background: url(/images_app/global/bg_wiz_tab_lightb.png) 100% 0 no-repeat;
  color: #666;
  display: block;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 14px;
  line-height: 41px;
  height: 41px;
  text-align: center;
  text-decoration: none;
}
.forms-menu li a.middle {
  background: url(/images_app/global/bg_wiz_tab_dark.png) 100% 0 no-repeat;
  color: #666;
  display: block;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 14px;
  line-height: 41px;
  height: 41px;
  text-align: center;
  text-decoration: none;
}
.forms-menu li a.middle.dark {
  background: url(/images_app/global/bg_wiz_tab_darkb.png) 100% 0 no-repeat;
  color: #666;
  display: block;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 14px;
  line-height: 41px;
  height: 41px;
  text-align: center;
  text-decoration: none;
}
.forms-menu li a.middle.active {
  background: url(/images_app/global/bg_wiz_tab_lightb.png) 100% 0 no-repeat;
  color: #666;
  display: block;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 14px;
  line-height: 41px;
  height: 41px;
  text-align: center;
  text-decoration: none;
}
.forms-menu li.tab-create {
  left: 0px;
  width: 190px;
  z-index: 3;
}
.forms-menu li.tab-review {
  left: 190px;
  width: 330px;
  z-index: 2;
}
.forms-menu li.tab-transmit {
  left: 517px;
  width: 190px;
  z-index: 1;
}
div#tab-create,
div#tab-review,
div#tab-transmit {
  background: #FFF;
}
div.table-center {
  display: flex;
  justify-content: center;
}
table.self-center {
  align-self: center;
}
.issue-city {
  width: 32.7%;
}
.issue-state {
  width: 10%;
}
.issue-country {
  width: 49%;
}
td.padded-row,
div.padded-row {
  padding: 3px 2px;
}

/*tt/trade_manager/trade_manager.less!steal-less@1.3.4#less*/
/* temp style to hold open the content panel */
.contentTM {
  min-height: 500px;
}
.page-forms {
  z-index: 8000 !important;
}
.ft-tradeManager {
  background: url('/images_app/global/bg_mod_page.png') 0 -108px no-repeat scroll;
  text-align: center;
}
.ft-tradeManager .lt {
  background: url('/images_app/global/bg_mod_page.png') 0 -140px repeat-x scroll;
  margin-left: 5px;
  zoom: 1;
}
.form-content {
  margin: 0px 0px 2px 1px;
  padding: 1px;
}
.form-content .smallSize {
  width: 30%;
}
.form-content .medSize {
  width: 60%;
}
.form-content .lrgSize {
  width: 90%;
}
div.border-top {
  border-top: 1px solid #C6CDD4;
}
div.border-bottom {
  border-bottom: 1px solid #C6CDD4;
}
div.border-left {
  border-left: 1px solid #C6CDD4;
}
div.border-right {
  border-right: 1px solid #C6CDD4;
}
div.padded-all {
  margin: 0px;
  padding: 10px;
}
div.padded-noleft {
  margin: 0px;
  padding: 10px 10px 10px 0px;
}

/*tt/consolidation/fcl/fcl.less!steal-less@1.3.4#less*/
.fcl-consolidation {
  padding: 0.75em;
}
.fcl-consolidation table {
  border: 1px solid #d9d9d9;
}
.fcl-consolidation table th {
  background-color: #475C72;
  color: #FFF;
  border-right: 1px solid #FFF;
  padding: 2px 7px;
  text-align: center;
}
.fcl-consolidation table th:last-child {
  border-right: 1px solid #d9d9d9;
}
.fcl-consolidation table td {
  padding: 0 6px;
  border-left: 1px solid #d9d9d9;
  border-top: 1px solid #d9d9d9;
}
.fcl-consolidation .containerGroups {
  background-color: #fff;
  margin-bottom: 10px;
}
.fcl-consolidation .containerGroups .datatableItem {
  padding-left: 10px;
}
.fcl-consolidation .containerGroups .container-group-grid {
  width: 100%;
}
.fcl-consolidation .containerGroups .onecol div.label {
  width: 25%;
}
.fcl-consolidation .containerGroups .onecol div.field {
  width: 65%;
}
.fcl-consolidation .consol-summary .consol-summary-list {
  padding-left: 10px;
  background-color: #fff;
}
.fcl-consolidation .consol-summary table th {
  background-color: #B1BAC4;
}
.fcl-consolidation .dataTables_paginate,
.fcl-consolidation .dataTables_info {
  text-align: center;
}
.fcl-consolidation .split-left,
.fcl-consolidation .split-right {
  display: inline-block;
}
.fcl-consolidation .onecol > div p {
  margin-right: 2px;
  margin-left: 2px;
  padding: 3px 0;
}
.fcl-consolidation .onecol {
  background-color: #FFFFFF;
  padding: 10px 3px 10px 0;
  margin: 0 0 10px 0;
}
.fcl-consolidation .onecol div.label {
  color: #888;
  font-size: 11px;
  line-height: 2em;
  padding: 0 0.5em 0 0;
  width: 20%;
}
.fcl-consolidation .onecol div.field {
  font-size: 11px;
  padding: 2px 0;
  margin-bottom: 3px;
  width: 75%;
}
.fcl-consolidation .consol-info {
  margin-bottom: 15px;
}
.fcl-consolidation .header {
  background-color: #435B71;
  padding: 5px;
  color: #FFFFFF;
  font-size: 12px;
  font-weight: bold;
  text-indent: 5px;
}
.fcl-consolidation .tt-spinner {
  position: relative;
  transform: translateY(50%);
  /* vertical align */
}
.fcl-consolidation .errors {
  color: red;
}
tt-voucher .consol {
  /* need to overwrite the width so that it shows up better on smaller screens */
}
tt-voucher .consol.voucherWidth {
  min-height: 500px;
}
tt-voucher .consol .voucherTitles label {
  font-size: 30px;
}
tt-voucher .consol .voucherHeader .invoice-panel .middle-left {
  min-width: 600px;
}

/*tt/consolidation/consolPlanning/consolPlanning.less!steal-less@1.3.4#less*/
#primary-page.wide-format {
  min-width: 1475px;
}
#consolidation-planning-layout {
  width: 1452px;
  margin: 0 10px;
}
#consolidation-planning-layout .consol-container {
  margin-bottom: 2.5em;
}
#consolidation-planning-layout .add-consol {
  margin-left: 0.75em;
}
#consolidation-planning-layout .ui-draggable-dragging td {
  background: #b5d6f6 !important;
  border-top: 1px solid #558bc0 !important;
  border-bottom: 1px solid #558bc0;
}
#consolidation-planning-layout .ui-draggable-dragging td:first-child {
  border-left: 1px solid #558bc0;
}
#consolidation-planning-layout .ui-draggable-dragging td:last-child {
  border-right: 1px solid #558bc0;
}
#consolidation-planning-layout .drop-hover {
  box-shadow: 0 0 15px #0e9812;
}
#consolidation-planning-layout .drop-hover td {
  background: #00d8ff;
}
#consolidation-planning-layout .data-grid .filter-controls td {
  background-color: #B1BBC5 !important;
  border-right: 1px solid #C8cdd4;
  text-align: left;
  white-space: normal;
  padding: 2px;
  padding-left: 5px;
}
#consolidation-planning-layout .data-grid th {
  background-color: #5E7086;
  border-right: 1px solid #b1bbc5;
  color: #fff;
  font-size: 11px;
  padding: 5px 6px;
  white-space: nowrap;
  zoom: 1;
}
#consolidation-planning-layout .data-grid td {
  color: #1c5180;
  font-size: 11px;
  height: 20px;
  padding-left: 6px;
  padding-right: 6px;
  border-left: 1px solid #d9d9d9;
  border-top: 1px solid #d9d9d9;
}
#consolidation-planning-layout .icn-remove {
  cursor: pointer;
  margin: 0 15px !important;
}
#consolidation-planning-layout td.btn-twist.centered {
  background-image: url(/images_app/icons/icn_twist_c.png);
  background-position: 50% 50%;
  background-repeat: no-repeat;
  cursor: pointer;
  padding-left: 6px !important;
}
#consolidation-planning-layout td.btn-twist.centered.active-twist {
  background-image: url(/images_app/icons/icn_twist_o.png);
}
#consolidation-planning-layout .data-grid .res-details {
  background: none !important;
}
#consolidation-planning-layout .data-grid .res-details th {
  background-color: #b1bbc5;
  border-right: 1px solid #b1bbc5;
  color: #fff;
  font-size: 11px;
  font-weight: normal;
  padding: 5px 6px;
  white-space: nowrap;
  zoom: 1;
}
#consolidation-planning-layout .data-grid td.res-details {
  background: none;
  padding: 0;
}
#consolidation-planning-layout div.inner-details {
  background-color: transparent;
  min-height: auto;
}
#consolidation-planning-layout .data-grid .totals td {
  background-color: #e3ecf5 !important;
  border-left-color: #e3ecf5;
  font-weight: bold;
}
#consolidation-planning-layout .data-grid .totals td.consol-summary {
  color: #56A7D9;
  font-weight: normal;
}
#consolidation-planning-layout .data-grid .totals td.load-plan {
  color: #000000;
  font-weight: normal;
}
#consolidation-planning-layout .data-grid .totals td.load-plan .fa-caret-down {
  color: #83d249;
  font-size: 18px;
  cursor: pointer;
}
#consolidation-planning-layout .data-grid .totals td.load-plan .fa-caret-down.white {
  color: white;
  margin-top: 1px;
}
#consolidation-planning-layout .data-grid .totals td.cbm-cell {
  background: #cadaeb !important;
  border-left-color: #d9d9d9;
}
#consolidation-planning-layout .data-grid .totals td.kgs-cell {
  background: #cadaeb !important;
  border-right: 1px solid #d9d9d9;
}
#consolidation-planning-layout .consol-container .filter-controls td {
  height: auto !important;
  padding-bottom: 0;
  padding-top: 0;
}
#consolidation-planning-layout .consol-container .filter-controls td input {
  height: 0px;
  padding-bottom: 0;
  padding-top: 0;
  visibility: hidden;
}
#available-shipments h2,
#consol-shipments-wrapper h2 {
  color: #617185;
  font-size: 14px;
  font-weight: bold;
  margin: 0.5em 0;
}
#available-shipments table,
#consol-shipments-wrapper table {
  width: 100%;
}
#available-shipments table td,
#consol-shipments-wrapper table td {
  background-color: #ffffff;
}
#available-shipments table td.cbm-cell,
#consol-shipments-wrapper table td.cbm-cell,
#available-shipments table td.kgs-cell,
#consol-shipments-wrapper table td.kgs-cell {
  background-color: #dae3eb;
}
#available-shipments table td.dataTables_empty,
#consol-shipments-wrapper table td.dataTables_empty {
  height: 50px;
}
#available-shipments table td div.inner-details table.data-grid,
#consol-shipments-wrapper table td div.inner-details table.data-grid {
  width: 700px;
}
#available-shipments table input,
#consol-shipments-wrapper table input {
  width: 97%;
}
#available-shipments table .drag-col,
#consol-shipments-wrapper table .drag-col {
  text-align: center;
}
#available-shipments table .remove-cell,
#consol-shipments-wrapper table .remove-cell {
  text-align: center;
}
#available-shipments table th.consol-twirl,
#consol-shipments-wrapper table th.consol-twirl,
#available-shipments table td.consol-twirl,
#consol-shipments-wrapper table td.consol-twirl {
  width: 14px;
}
#available-shipments table th.consol-housebill,
#consol-shipments-wrapper table th.consol-housebill,
#available-shipments table td.consol-housebill,
#consol-shipments-wrapper table td.consol-housebill {
  width: 90px;
}
#available-shipments table th.consol-portFull,
#consol-shipments-wrapper table th.consol-portFull,
#available-shipments table td.consol-portFull,
#consol-shipments-wrapper table td.consol-portFull {
  width: 70px;
}
#available-shipments table th.consol-portCode,
#consol-shipments-wrapper table th.consol-portCode,
#available-shipments table td.consol-portCode,
#consol-shipments-wrapper table td.consol-portCode {
  width: 20px;
}
#available-shipments table th.consol-date,
#consol-shipments-wrapper table th.consol-date,
#available-shipments table td.consol-date,
#consol-shipments-wrapper table td.consol-date {
  width: 44px;
}
#available-shipments table th.consol-units,
#consol-shipments-wrapper table th.consol-units,
#available-shipments table td.consol-units,
#consol-shipments-wrapper table td.consol-units {
  width: 30px;
}
#available-shipments table th.consol-cbm,
#consol-shipments-wrapper table th.consol-cbm,
#available-shipments table td.consol-cbm,
#consol-shipments-wrapper table td.consol-cbm {
  width: 35px;
}
#available-shipments table th.consol-kgs,
#consol-shipments-wrapper table th.consol-kgs,
#available-shipments table td.consol-kgs,
#consol-shipments-wrapper table td.consol-kgs {
  width: 35px;
}
#available-shipments table th.consol-loadOrder,
#consol-shipments-wrapper table th.consol-loadOrder,
#available-shipments table td.consol-loadOrder,
#consol-shipments-wrapper table td.consol-loadOrder {
  width: 39px;
}
#available-shipments table th.remove-cell,
#consol-shipments-wrapper table th.remove-cell,
#available-shipments table td.remove-cell,
#consol-shipments-wrapper table td.remove-cell {
  width: 34px;
}
#available-shipments {
  width: 640px;
}
#consol-shipments-wrapper,
#consol-shipments-wrapper .data-grid {
  width: 790px;
  table-layout: auto;
}
#consol-shipments-wrapper {
  margin-left: 30px;
}

/*tt/quote/wizard/preferences/preferences.less!steal-less@1.3.4#less*/
#wiz-preferences.wiz-menu-flyout .wiz-content {
  max-height: none;
  padding-top: 1em;
}
#wiz-preferences.wiz-menu-flyout .wiz-content .label-col {
  line-height: 25px;
  width: 30%;
}
#wiz-preferences.wiz-menu-flyout .wiz-content .label-col > h3 {
  display: block;
  line-height: 25px;
  padding-top: 0;
  text-align: right;
}
#wiz-preferences.wiz-menu-flyout .wiz-content .input-col {
  line-height: 25px;
  width: 70%;
}
#wiz-preferences.wiz-menu-flyout .wiz-content .fcl-grid-wrap {
  margin: 0.5em;
  position: relative;
}
#wiz-preferences.wiz-menu-flyout .wiz-content .fcl-grid {
  border: 1px solid #d9d9d9;
  margin: 0;
  width: 295px;
}
#wiz-preferences.wiz-menu-flyout .wiz-content .fcl-grid thead th {
  background-color: #9aadbe;
  color: #ffffff;
  padding: 1px 0px;
  text-align: center;
}
#wiz-preferences.wiz-menu-flyout .wiz-content .fcl-grid thead th:first-child {
  background-color: #b1bbc5;
  padding-left: 0.75em;
  text-align: left;
}
#wiz-preferences.wiz-menu-flyout .wiz-content .fcl-grid tbody td {
  background-color: #dfecf5;
  color: #000000;
  padding: 1px 0px;
  text-align: center;
}
#wiz-preferences.wiz-menu-flyout .wiz-content .fcl-grid tbody td:first-child {
  background-color: #ffffff;
}
#wiz-preferences.wiz-menu-flyout .wiz-content .fcl-grid tbody td.equipment-type {
  background-color: #ffffff;
  padding-left: 0.25em;
  text-align: left;
}
#wiz-preferences.wiz-menu-flyout .wiz-content .scrolling {
  display: none;
  height: 75px;
  overflow-y: scroll;
}
#wiz-preferences.wiz-menu-flyout .wiz-content .scrolling hr.bottom-border {
  border-top: none;
  border-right: none;
  border-left: none;
  border-bottom: 1px solid #d9d9d9;
  bottom: 0;
  height: 0;
  position: absolute;
  width: 295px;
}
#wiz-preferences.wiz-menu-flyout .wiz-content .scrolling .fcl-grid {
  border-top: none;
  border-bottom: none;
}
#wiz-preferences.wiz-menu-flyout .wiz-content .scrolling-toggle {
  padding-right: 18px;
  text-align: right;
}
#wiz-preferences.wiz-menu-flyout .wiz-content .scrolling-toggle .closed-text {
  display: inline;
}
#wiz-preferences.wiz-menu-flyout .wiz-content .scrolling-toggle .open-text {
  display: none;
}
#wiz-preferences.wiz-menu-flyout .wiz-content .scrolling-toggle .btn-toggle {
  cursor: pointer;
}
#wiz-preferences.wiz-menu-flyout .wiz-content #second-row.active .scrolling-toggle .open-text {
  display: inline;
}
#wiz-preferences.wiz-menu-flyout .wiz-content #second-row.active .scrolling-toggle .closed-text {
  display: none;
}
#wiz-preferences.wiz-menu-flyout .wiz-content #second-row.active .scrolling-toggle img.btn-toggle {
  -webkit-transform: scaleY(-1);
  -moz-transform: scaleY(-1);
  -o-transform: scaleY(-1);
  transform: scaleY(-1);
  filter: FlipV;
  -ms-filter: "FlipV";
  vertical-align: baseline;
}
#wiz-preferences.wiz-menu-flyout .wiz-content .active .scrolling {
  display: block;
}
#wiz-preferences.wiz-menu-flyout .wiz-content .sort-order-container .closed-text {
  display: inline;
}
#wiz-preferences.wiz-menu-flyout .wiz-content .sort-order-container .open-text {
  display: none;
}
#wiz-preferences.wiz-menu-flyout .wiz-content .sort-order-container .btn-toggle {
  cursor: pointer;
}
#wiz-preferences.wiz-menu-flyout .wiz-content .sort-order-container.active .open-text {
  display: inline;
}
#wiz-preferences.wiz-menu-flyout .wiz-content .sort-order-container.active .closed-text {
  display: none;
}
#wiz-preferences.wiz-menu-flyout .wiz-content .sort-order-container.active .sort-order {
  display: block;
}
#wiz-preferences.wiz-menu-flyout .wiz-content .sort-order-container.active img.btn-toggle {
  -webkit-transform: scaleY(-1);
  -moz-transform: scaleY(-1);
  -o-transform: scaleY(-1);
  transform: scaleY(-1);
  filter: FlipV;
  -ms-filter: "FlipV";
  vertical-align: baseline;
}
#wiz-preferences.wiz-menu-flyout .wiz-content .sort-order-container .sort-order {
  counter-reset: sort-counter;
  display: none;
  list-style: none;
  margin: 1em 1.02em;
  width: 200px;
}
#wiz-preferences.wiz-menu-flyout .wiz-content .sort-order-container .sort-order li {
  background: url(/images_app/icons/icn_drag_handle_horizontal.png) 96% 50% no-repeat #808080;
  color: #ffffff;
  counter-increment: sort-counter;
  cursor: move;
  line-height: 1.5em;
  margin: 2px 0;
  padding: 2px 3px;
}
#wiz-preferences.wiz-menu-flyout .wiz-content .sort-order-container .sort-order li.ui-sortable-helper {
  background-color: #3a88fd;
}
#wiz-preferences.wiz-menu-flyout .wiz-content .sort-order-container .sort-order li::before {
  content: counter(sort-counter) " ";
  color: #000000;
  left: -1.25em;
  position: relative;
}
#wiz-preferences.wiz-menu-flyout .wiz-content .add-left-margin {
  margin-left: 5px;
}
#wiz-preferences.wiz-menu-flyout .wiz-content .bigger-select-box {
  height: 20px;
}

/*tt/quote/wizard/servicefee/servicefee.less!steal-less@1.3.4#less*/
.highlight {
  background-color: #D4F1EE;
}
#data-grid100_wrapper table,
#data-grid200_wrapper table {
  table-layout: fixed;
  /* make fixed widths work */
}
#data-grid100_wrapper td,
#data-grid200_wrapper td {
  overflow-x: hidden;
}
#data-grid100 td {
  height: 18px;
}
#data-grid100 td:first-child,
#data-grid200 td:first-child {
  text-overflow: ellipsis;
}

/*tt/quote/quote_summary/quote_summary.less!steal-less@1.3.4#less*/
/*
    !!IMPORTANT!!
    ONLY EDIT THE LESS FILE.
    DO NOT EDIT THE CSS FILE, WHENEVER YOU MAKE A CHANGE RUN THIS (less is required: http://lesscss.org/#download-options):

$ lessc quote_summary.less > quote_summary_read_only.css

*/
.payterms-info {
  background-color: #ddd;
  height: 20px;
  vertical-align: middle;
  text-align: center;
  /*padding: 0.5em 0;*/
  color: #555;
  font-family: Arial;
  font-size: 12px;
}
.payterms-info .two-col dt {
  width: 15em;
  text-align: right;
}
.payterms-info .two-col dd {
  font-weight: bold;
  text-align: left;
  width: auto;
}
.payterms-info .two-col dd sup a {
  color: #1dabed;
  padding-left: 4px;
}

/*tt/quote/quote.less!steal-less@1.3.4#less*/
.radiobox {
  width: 40%;
  height: 120px;
  float: left;
  border-width: 2px;
  border-style: solid;
  border-color: #D4D9DE;
  background-color: #E6EEF7;
  font-family: Tahoma, Geneva, sans-serif;
}
ul.checkerboxes {
  padding: 5px;
}
.heading-3 {
  padding-right: 10px;
  padding-top: 10px;
  display: inline-block;
  font-family: Tahoma, Geneva, sans-serif;
}
.variable-rate label {
  padding: 0 2px;
}

/*tt/tender_management/tender_management.less!steal-less@1.3.4#less*/
.tender-management {
  /* for right now */
}
.tender-management .tender-table {
  margin-bottom: 0;
  border: none;
}
.tender-management table {
  width: 100%;
  border: 0;
}
.tender-management .wiz-menu li.recipients {
  left: 369px;
}
.tender-management #wiz-recipients .tooltip-point {
  left: 369px;
}
.tender-management .accepted {
  color: #18f750;
}
.tender-management .rejected {
  color: red;
}
.tender-management .review {
  color: orange;
}
.tender-management .counter {
  color: #00d8ff;
}
.tender-management .summaryhead th:nth-child(1),
.tender-management .twistcol {
  display: none !important;
}

/*tt/po_management/header_info/header_info.less!steal-less@1.3.4#less*/
.mod-page .hd.tm-theme {
  background: url("/images_app/global/bg_mod_page_TM.png") no-repeat scroll;
}
.mod-page .hd.tm-theme.theme-large {
  background-size: 1500px 160px;
}
.mod-page .hd.tm-theme .rt {
  background: none;
  height: 38px;
  margin-right: 0;
}
.mod-page .hd.tm-theme .mod-title {
  background: none;
  color: #FFFFFF;
  float: left;
  font-size: 14px;
  font-weight: bold;
  height: 29px;
  line-height: 29px;
  overflow: hidden;
  text-indent: 5px;
  padding-top: 5px;
  width: initial;
}
.mod-page .hd.tm-theme .header-info {
  margin-left: 115px;
  background: url("/images_app/global/bg_mod_page_TM.png") 0px -38px repeat-x scroll;
  height: 38px;
}
.mod-page .hd.tm-theme .header-info.header-info-larger {
  margin-left: 153px;
}
.mod-page .hd.tm-theme .header-info .header-info-right {
  float: right;
  background: url("/images_app/global/bg_mod_page_TM.png") 0px -76px;
  height: 38px;
  width: 9px;
}
.mod-page .hd.tm-theme .header-info .mod-page-tabs {
  padding-left: 10px;
}
.mod-page .hd.tm-theme .header-info .mod-page-tabs li {
  border-right: none;
  min-width: 100px;
}
.mod-page .hd.tm-theme .header-info .mod-page-tabs li p {
  padding-top: 2px;
  padding-right: 0px;
  padding-bottom: 2px;
  margin: 0px;
}
.PO_header {
  background: url("/images_app/global/bg_mod_page_TM.png") 0px 0px repeat-x scroll;
  height: 38px;
}
.PO_header_sprite {
  margin-left: 115px;
  background: url("/images_app/global/bg_mod_page_TM.png") 0px -38px repeat-x scroll;
  height: 38px;
}
.headline_tabs_PO {
  display: inline-block;
  float: left;
  height: 25px;
  padding: 10px 10px 2px 10px;
  margin: 0px;
}
.headline_tabs_PO li {
  display: inline-block;
  float: left;
  min-width: 100px;
  margin: -3px 10px 0 0;
}
.headline_tabs_PO li p {
  padding-top: 2px;
  padding-right: 0px;
  padding-bottom: 2px;
  margin: 0px;
}
.mod_title_PO {
  color: #FFFFFF;
  float: left;
  font-size: 14px;
  font-weight: bold;
  height: 29px;
  line-height: 29px;
  overflow: hidden;
  text-indent: 5px;
  padding-top: 5px;
}
.moder-headline {
  font-weight: bold;
  font-family: Tohoma, Arial, Sans-Serif;
  color: #406081;
  font-size: 12px;
  padding-top: 2px;
  padding-right: 22px;
  padding-bottom: 2px;
  margin: 0px;
  line-height: 12px !important;
}
.moder-small-headline {
  font-size: 8px;
  font-family: Tohoma, Arial, Sans-Serif;
  color: #757474;
  margin: 0px;
  padding: 0px;
  line-height: 6px !important;
}
.actions_tabPO {
  background: url("/images_app/global/actions.png");
  height: 14px;
  width: 84px;
  position: absolute;
  top: 11px;
  right: 19px;
  margin: 0;
}

/*tt/po_management/content/content.less!steal-less@1.3.4#less*/
.green-caret {
  background-image: url("/images_app/global/bg_wiz_caret.png");
  background-repeat: no-repeat;
  background-position: 100% 0;
}
div.inner-content {
  padding: 0.75em;
}
.blue_square .zip-small {
  width: 16%;
}
.blue_square .no-btm-margin {
  margin-bottom: 0 !important;
}
.div-relative {
  position: relative;
}
.pad-ten {
  padding-left: 10px;
}
.compliance_fly input[type="checkbox"] {
  width: 20px;
  margin: 4px 0 0 0;
  padding: 0;
}
.bordered {
  border-bottom: 1px solid #C6CDD4;
}
.bordering {
  border-bottom: 1px solid #D9D9D9;
  width: 100%;
}
.resolution {
  color: #1c5180;
  font-weight: bold;
}
.css_table_pad .flag {
  vertical-align: -3px;
  padding-top: 2px;
}
.css_table_pad select {
  width: 80%;
  margin-right: 5px;
}
.css_table_pad .inline-elements > * {
  padding-right: 4px;
}
.css_table_pad .trans-text {
  padding: 2px 15px 2px 24px;
}
.css_table_pad .row {
  padding: 5px;
}
.css_table_pad .cell {
  padding: 2px;
}
.css_table_pad .table {
  width: 100%;
  color: #777;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 11px;
  line-height: 2em;
  padding-right: 0.5em;
  text-align: right;
}
.header_align_right {
  float: right;
  padding-right: 10px;
  color: #FFFFFF;
}
.mod-po-events .header_right,
.mod-po-notes .header_right,
.mod-po-inventory .header_right,
.mod-po-shipments .header_right {
  float: right;
  color: #FFFFFF;
  display: inline-block;
  padding: 2px 10px 2px 0;
}
.mod-po-events .header_left,
.mod-po-notes .header_left,
.mod-po-inventory .header_left,
.mod-po-shipments .header_left {
  font-size: 13px;
  padding-right: 10px;
  color: #FFFFFF;
}
.po-events {
  color: #666;
  font-size: 12px;
  font-family: Arial, Helvetica, sans-serif;
}
.po-events .event-heading {
  color: #666;
  font-size: 12px;
  font-family: Arial, Helvetica, sans-serif;
  font-weight: bold;
  display: block;
}
.po-events table {
  width: 100%;
  border-collapse: separate;
}
.po-events th {
  border-right: 1px solid #D9D9D9;
  border-bottom: 1px solid #D9D9D9;
}
.po-events td {
  height: 35px;
  border-right: 1px solid #D9D9D9;
  border-bottom: 1px solid #D9D9D9;
  padding: 5px 5px 5px 10px;
  vertical-align: top;
}
.po-events td.actual {
  height: 35px;
  border-left: 1px solid #000000;
  border-right: 1px solid #000000;
  padding: 5px 5px 5px 10px;
  vertical-align: top;
}
.po-events td.first-actual {
  height: 35px;
  border-top: 1px solid #000000;
  border-left: 1px solid #000000;
  border-right: 1px solid #000000;
  padding: 5px 5px 5px 10px;
  vertical-align: top;
}
.po-events td.last-actual {
  height: 35px;
  border-left: 1px solid #000000;
  border-right: 1px solid #000000;
  border-bottom: 1px solid #000000;
  padding: 5px 5px 5px 10px;
  vertical-align: top;
}
.po-events td.short {
  height: 15px;
}
.po-events td.nobottom {
  border-bottom: none;
}
.po-events td.noright {
  border-right: none;
}
.po-events td > * {
  padding: 2px;
  margin: 0 3px;
}
.po-events tr:last-child {
  border-bottom: none;
}
.po-events th {
  border-right: 1px solid #D9D9D9;
  text-indent: 10px;
  height: 20px;
  background-color: #B1BAC4;
  color: #FFFFFF;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 11px;
}
.po-events th:last-child {
  border-right: none;
}
.po-events .body {
  background-color: #FFFFFF;
  padding: 0;
  margin: -10px 10px 0 0;
}
.po-events .green {
  background-image: url("/images_app/icons/TM_actual_green.png");
  background-repeat: no-repeat;
  background-position: 100% 0;
}
.po-events .yellow {
  background-image: url("/images_app/icons/TM_actual_yellow.png");
  background-repeat: no-repeat;
  background-position: 100% 0;
}
.po-events .red {
  background-image: url("/images_app/icons/TM_actual_red.png");
  background-repeat: no-repeat;
  background-position: 100% 0;
}
.po-events .grayLine {
  background-color: #B1BAC4;
  color: #FFFFFF;
  height: 15px !important;
  padding: 1px;
}
.po-events .grayLine input[type="checkbox"] {
  width: 10px;
  height: 10px;
}
.po-events select {
  width: 60%;
}
.po-events input {
  width: 58%;
}
.po-events .scheduled {
  min-width: 57px;
  width: 50%;
}
.po-notes,
.po-inventory,
.po-shipments {
  color: #666;
  font-size: 12px;
  font-family: Arial, Helvetica, sans-serif;
}
.po-notes .note-heading,
.po-inventory .note-heading,
.po-shipments .note-heading,
.po-notes .inventory-heading,
.po-inventory .inventory-heading,
.po-shipments .inventory-heading {
  color: #666;
  font-size: 12px;
  font-family: Arial, Helvetica, sans-serif;
  font-weight: bold;
  display: block;
}
.po-notes table,
.po-inventory table,
.po-shipments table {
  width: 100%;
  border-collapse: separate;
}
.po-notes th,
.po-inventory th,
.po-shipments th {
  border-right: 1px solid #D9D9D9;
  border-bottom: 1px solid #D9D9D9;
}
.po-notes td,
.po-inventory td,
.po-shipments td {
  height: 15px;
  border-right: 1px solid #D9D9D9;
  border-bottom: 1px solid #D9D9D9;
  padding: 5px 5px 5px 5px;
  vertical-align: top;
}
.po-notes td:last-child,
.po-inventory td:last-child,
.po-shipments td:last-child {
  border-right: none;
}
.po-notes td > *,
.po-inventory td > *,
.po-shipments td > * {
  padding: 2px;
  margin: 0 3px;
}
.po-notes tr:last-child,
.po-inventory tr:last-child,
.po-shipments tr:last-child {
  border-bottom: none;
}
.po-notes th,
.po-inventory th,
.po-shipments th {
  border-right: 1px solid #D9D9D9;
  text-indent: 10px;
  height: 20px;
  background-color: #B1BAC4;
  color: #FFFFFF;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 11px;
}
.po-notes th:last-child,
.po-inventory th:last-child,
.po-shipments th:last-child {
  border-right: none;
}
.po-notes .body,
.po-inventory .body,
.po-shipments .body {
  background-color: #FFFFFF;
  padding: 0;
  margin: -10px 10px 0 0;
}
.po-notes .green,
.po-inventory .green,
.po-shipments .green {
  background-image: url("/images_app/icons/TM_actual_green.png");
  background-repeat: no-repeat;
  background-position: 100% 0;
}
.po-notes .yellow,
.po-inventory .yellow,
.po-shipments .yellow {
  background-image: url("/images_app/icons/TM_actual_yellow.png");
  background-repeat: no-repeat;
  background-position: 100% 0;
}
.po-notes .red,
.po-inventory .red,
.po-shipments .red {
  background-image: url("/images_app/icons/TM_actual_red.png");
  background-repeat: no-repeat;
  background-position: 100% 0;
}
.po-notes .grayLine,
.po-inventory .grayLine,
.po-shipments .grayLine {
  background-color: #B1BAC4;
  color: #FFFFFF;
  height: 15px !important;
  padding: 1px;
}
.po-notes .grayLine input[type="checkbox"],
.po-inventory .grayLine input[type="checkbox"],
.po-shipments .grayLine input[type="checkbox"] {
  width: 10px;
  height: 10px;
}
.po-notes select,
.po-inventory select,
.po-shipments select {
  width: 60%;
}
.po-notes input,
.po-inventory input,
.po-shipments input {
  width: 58%;
}
.po-notes .scheduled,
.po-inventory .scheduled,
.po-shipments .scheduled {
  min-width: 57px;
  width: 50%;
}
.save_fly {
  width: 100%;
  margin: -10px 0 10px 0;
}
.save_fly ul {
  background: url("/images_app/global/bg_save_button.png") -82px 0px no-repeat;
  margin: 0;
}
.save_fly li {
  padding: 0;
}
.save_fly .bottom {
  margin-left: -10px;
}
.save_fly .button {
  padding: 5px 20px 5px 20px;
}
.image-NW {
  margin-bottom: -3px;
  margin-left: -3px;
}
.dateTime-fly input {
  width: 99%;
}
.small-radio label {
  width: 20px;
}
.medium-radio label {
  width: 60px;
}
.text-l {
  text-align: left;
}
.text-r {
  text-align: right;
}
.text-c {
  text-align: center;
}
.tabs-links {
  color: #aaa8a8;
  font-size: 11px;
  font-family: Arial, Helvetica, sans-serif;
  height: 17px;
  padding-bottom: 5px;
}
.tabs-links li {
  border-right: 1px solid #aaa8a8;
  float: left;
  list-style-type: none;
  padding: 0 10px 0 10px;
}
.tabs-links li:last-child {
  border-right: none;
}
.tabs-links li.active a {
  color: #0000AA;
  font-weight: bold;
}
.tabs-inks li:last-child {
  border-right: none;
}
a.underLineImp {
  text-decoration: underline !important;
}
.po-parties-address {
  margin: 0;
  padding: 10px;
  border-bottom: 1px solid #C6CDD4;
  border-right: 1px solid #C6CDD4;
  min-height: 175px;
}
.po_details_fly {
  width: 100%;
}
.po_details_fly .fly-btn {
  max-width: 100%;
}
.po-events-scroll {
  max-height: 500px;
  overflow-y: auto;
}
.po-shipments-scroll {
  max-height: 150px;
  overflow-y: auto;
}

/*tt/po_management/po_management.less!steal-less@1.3.4#less*/
/* temp style to hold open the content panel */
.contentPO {
  min-height: 500px;
}
.ft-purchaseOrder {
  background: url('/images_app/global/bg_mod_page.png') 0 -108px no-repeat scroll;
  text-align: center;
}
.ft-purchaseOrder .lt {
  background: url('/images_app/global/bg_mod_page.png') 0 -140px repeat-x scroll;
  margin-left: 5px;
  zoom: 1;
}
.form-content {
  margin: 0px 0px 2px 1px;
  padding: 1px;
}
.form-content .smallSize {
  width: 30%;
}
.form-content .medSize {
  width: 60%;
}
.form-content .lrgSize {
  width: 90%;
}
.toolspo-button {
  background: none;
  border: none;
  cursor: pointer;
  display: inline-block;
  outline: none !important;
  overflow: visible;
  padding: 10px;
  position: relative;
}
.toolspo-button.disabled.primary span {
  color: #F2F2F2;
  background: #d6d6d6;
  /* Old browsers */
  background: -moz-linear-gradient(top, #efefef 0%, #c8c8c8 47%, #c8c8c8 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(top, #efefef 0%, #c8c8c8 47%, #c8c8c8 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #efefef 0%, #c8c8c8 47%, #c8c8c8 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}
.toolspo-button.disabled.primary span.text {
  color: #F2F2F2;
}
.toolspo-button.primary span.text {
  width: 130px;
  text-align: center;
}
.toolspo-button span {
  background: #97b0ae;
  background: -webkit-linear-gradient(bottom, #9ab094, #d8ebc7);
  background: -moz-linear-gradient(bottom, #9ab094, #d8ebc7);
  background: -o-linear-gradient(bottom, #9ab094, #d8ebc7);
  background: -ms-linear-gradient(bottom, #9ab094, #d8ebc7);
  background: linear-gradient(to top, #9ab094, #d8ebc7);
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#9AB094', endColorstr='#D8EBC7');
  /*For IE7-8-9*/
  border-radius: 4px;
  display: inline-block;
  cursor: pointer;
}
.toolspo-button span.text {
  display: inline-block;
  color: #5E7185;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 11px;
  font-weight: bold;
  padding: 5px 15px 5px 10px;
  line-height: 16px;
  margin: 0 auto;
  cursor: pointer;
  text-align: center;
}
.toolspo-button:disabled span {
  background: #97b0ae;
  background: -webkit-linear-gradient(bottom, #C4C4C4, #E4E4E4);
  background: -moz-linear-gradient(bottom, #C4C4C4, #E4E4E4);
  background: -o-linear-gradient(bottom, #C4C4C4, #E4E4E4);
  background: -ms-linear-gradient(bottom, #C4C4C4, #E4E4E4);
  background: linear-gradient(to top, #C4C4C4, #E4E4E4);
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#C4C4C4', endColorstr='#E4E4E4');
  /*For IE7-8-9*/
  cursor: not-allowed;
}
.toolspo-button:disabled span.text {
  color: #F0F0F0;
  cursor: not-allowed;
}
.footer-info {
  font-family: Arial, Helvetica, sans-serif;
  font-weight: bold;
  font-size: 12px;
  color: #000;
}
label.footer-info {
  color: #666;
}

/*tt/sku_management/content/content.less!steal-less@1.3.4#less*/
.green-caret {
  background-image: url("/images_app/global/bg_wiz_caret.png");
  background-repeat: no-repeat;
  background-position: 100% 0%;
}
div.inner-content {
  padding: 0.75em;
}
.div-relative {
  position: relative;
}
.pad-ten {
  padding-left: 10px;
}
.compliance_fly input[type="checkbox"] {
  width: 20px;
  margin-top: 4px;
  padding: 0px;
  margin: 0px;
}
.bordered {
  border-bottom: 1px solid #C6CDD4;
}
.bordering {
  border-bottom: 1px solid #D9D9D9;
  width: 100%;
}
.resolution {
  color: #1c5180;
  font-weight: bold;
}
.css_table_pad .flag {
  vertical-align: -3px;
  padding-top: 2px;
}
.css_table_pad select {
  width: 80%;
  margin-right: 5px;
}
.css_table_pad .inline-elements > * {
  padding-right: 4px;
}
.css_table_pad .trans-text {
  padding: 2px 15px 2px 24px;
}
.css_table_pad .row {
  padding: 5px;
}
.css_table_pad .cell {
  padding: 2px;
}
.css_table_pad .table {
  width: 100%;
  color: #777;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 11px;
  line-height: 2em;
  padding-right: 0.5em;
  text-align: right;
}
.header_align_right {
  float: right;
  padding-right: 10px;
  color: #FFFFFF;
}
.save_fly {
  width: 100%;
  margin: -10px 0px 10px 0px;
}
.save_fly ul {
  background: url("/images_app/global/bg_save_button.png") -82px 0px no-repeat;
  margin: 0px;
}
.save_fly li {
  padding: 0px;
}
.save_fly .bottom {
  margin-left: -10px;
}
.save_fly .button {
  padding: 5px 20px 5px 20px;
}
.image-NW {
  margin-bottom: -3px;
  margin-left: -3px;
}
.dateTime-fly input {
  width: 99%;
}
.small-radio label {
  width: 20px;
}
.medium-radio label {
  width: 60px;
}
.text-l {
  text-align: left;
}
.text-r {
  text-align: right;
}
.text-c {
  text-align: center;
}
.tabs-links {
  color: #aaa8a8;
  font-size: 11px;
  font-family: Arial;
  height: 17px;
  padding-bottom: 5px;
}
.tabs-links li {
  border-right: 1px solid #aaa8a8;
  float: left;
  list-style-type: none;
  padding: 0 10px 0 10px;
}
.tabs-links li:last-child {
  border-right: none;
}
.tabs-links li.active a {
  color: #0000AA;
  font-weight: bold;
}
.tabs-inks li:last-child {
  border-right: none;
}
a.underLineImp {
  text-decoration: underline !important;
}
.left_column_info {
  width: 100%;
  background-color: #ffffff;
  box-shadow: inset 0 -5px 3px -3px lightgrey;
  padding: 10px;
  margin: 0px;
  display: inline-block;
  float: left;
  min-height: 252px;
}
.add_info_box {
  background-color: #E6EEF7;
  padding: 10px;
  box-shadow: inset 0 -5px 3px -3px lightgrey;
  min-height: 359px;
  margin: 0px;
}
.add_info_box table {
  margin-left: auto;
  margin-right: auto;
}
fieldset.top-bottom {
  margin-top: 15px;
  margin-bottom: 15px;
}
.add-document {
  font-size: 11px;
  font-family: Arial, Helvetica, sans-serif;
  color: #5D7085;
  margin-left: .5em;
  margin-top: 3px;
  font-weight: bold;
}

/*tt/sku_management/sku_management.less!steal-less@1.3.4#less*/
.support-docs {
  padding-top: 5px;
  padding-left: 5px;
  min-height: 150px;
}
/* temp style to hold open the content panel */
.ft-sku {
  background: url('/images_app/global/bg_mod_page.png') 0 -108px no-repeat scroll;
  text-align: center;
}
.ft-sku .lt {
  background: url('/images_app/global/bg_mod_page.png') 0 -140px repeat-x scroll;
  margin-left: 5px;
  zoom: 1;
}
.footer-info-padded {
  font-family: Arial, Helvetica, sans-serif;
  font-weight: bold;
  font-size: 11px;
  color: #000;
  padding: 10px;
}
label.footer-info {
  color: #666;
}
.doc-header {
  background-color: #5E7086;
  color: #FFF;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 11px;
  font-weight: bold;
  padding: 5px 0 2px 5px;
  margin-right: 1px;
}
.doc-row {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 11px;
  padding: 5px 0 2px 5px;
  margin-right: 1px;
}
.full-input {
  width: 90%;
}

/*tt/trade_rates/GRI_GRD/gri_grd.less!steal-less@1.3.4#less*/
#sell-rate .dataTables_wrapper {
  overflow: scroll;
}
#sell-rate .header-select {
  background-color: #435B71;
  border: none;
  color: #ffffff;
  font-size: 12px;
  margin-bottom: 0;
  padding: 0 5px 0 0;
  width: auto;
}
#sell-rate .header-select:focus {
  border: none;
}
#sell-rate .customers input {
  width: auto;
}
#sell-rate input[type="radio"] {
  width: auto;
  font-size: 11px;
  padding: 2px 0;
  margin-bottom: 3px;
}
#sell-rate .date-picker-wrap input,
#sell-rate .date-picker-wrap select {
  width: auto;
}
#sell-rate .date-picker-wrap label:first-child {
  text-align: left;
}
#sell-rate .sell-rates td,
#sell-rate .customers td {
  border-bottom: 1px solid #D9D9D9;
  border-right: 1px solid #D9D9D9;
  color: #666;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 11px;
  padding: 4px 5px;
  vertical-align: middle;
}
#sell-rate .sell-rates td:last-child,
#sell-rate .customers td:last-child {
  border-right: none;
}
#sell-rate .sell-rates td img.icn-remove,
#sell-rate .customers td img.icn-remove {
  cursor: pointer;
}
#sell-rate .sell-rates tr.filter-controls td,
#sell-rate .customers tr.filter-controls td {
  background: #dee2e6;
}
#sell-rate .sell-rates tr.filter-controls td input,
#sell-rate .customers tr.filter-controls td input {
  width: 90% !important;
}
#sell-rate .sell-rates tr.filter-controls td:last-child,
#sell-rate .customers tr.filter-controls td:last-child {
  border-right: #dee2e6 1px solid;
}
#sell-rate .sell-rates td input {
  width: 40px;
}
#sell-rate .sell-rates th,
#sell-rate .customers th {
  background-color: #B1BAC4;
  border-bottom: 1px solid #D9D9D9;
  border-right: 1px solid #D9D9D9;
  color: #FFFFFF;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 11px;
  padding: 5px 5px;
  text-align: left;
  white-space: nowrap;
}
#sell-rate .blue_square .body {
  padding: 0;
}
#sell-rate div.label {
  color: #888;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 11px;
}
#sell-rate div.field {
  color: #333;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 11px;
}
#sell-rate .button-link {
  color: #406081;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 14px;
  font-weight: bold;
}

/*tt/trade_rates/rule/rule.less!steal-less@1.3.4#less*/
.ruleClass textarea {
  width: 50vw;
  height: 200px;
  padding: 10px;
  font-size: 12px;
  margin-left: 10px;
}
#rule.ruleClass .label {
  color: #888;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 11px;
  vertical-align: middle;
}
#rule.ruleClass .blue_square input,
#rule.ruleClass .blue_square select {
  width: 67%;
}
#rule.ruleClass .blue_square input.mini {
  width: 50px;
}

/*tt/trade_rates/accessorial/accessorial.less!steal-less@1.3.4#less*/
#accessorial.accessorialClass.main-page-content {
  padding: 10px;
}
#accessorial.accessorialClass .label {
  color: #888;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 11px;
  vertical-align: middle;
}
#accessorial.accessorialClass thead th {
  background-color: #b1bac4;
  border: 1px solid lightgrey;
  color: white;
  padding: 5px;
}
#accessorial.accessorialClass tbody td {
  border: 1px solid lightgrey;
  padding: 5px;
}
#accessorial.accessorialClass table {
  margin: auto;
}
#accessorial.accessorialClass input.service {
  width: 20%;
}
#accessorial.accessorialClass input.state {
  width: 7%;
}
#accessorial.accessorialClass select.portType {
  width: auto;
}
#accessorial.accessorialClass div.form-button {
  padding: 10px;
  margin-left: 95%;
}
#accessorial.accessorialClass div.blue_square {
  float: none;
}
#accessorial.accessorialClass div.blue_square input {
  width: 67%;
}
#accessorial.accessorialClass div.blue_square yes-no input {
  width: auto;
}
#accessorial.accessorialClass div.loading {
  margin-top: 10px;
  margin-left: 50%;
}
#accessorial.accessorialClass textarea {
  height: 208px;
  width: 500px;
}
#accessorial.accessorialClass textarea.readonly {
  height: 160px;
  width: 500px;
}

/*tt/trade_rates/title_page/title_page.less!steal-less@1.3.4#less*/
#title-page .bold {
  font-weight: bold;
}
#title-page .italic {
  font-style: italic;
}
#title-page .underlined {
  text-decoration: underline;
}

/*tt/trade_rates/detention_demurrage/detention_demurrage.less!steal-less@1.3.4#less*/
#detention-demurrage.detention-demurrage.main-page-content {
  padding: 10px;
}
#detention-demurrage.detention-demurrage .label {
  color: #888;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 11px;
  vertical-align: middle;
}
#detention-demurrage.detention-demurrage thead th {
  background-color: #b1bac4;
  border: 1px solid lightgrey;
  color: white;
  padding: 5px;
}
#detention-demurrage.detention-demurrage tbody td {
  border: 1px solid lightgrey;
  padding: 5px;
}
#detention-demurrage.detention-demurrage table {
  margin: auto;
}
#detention-demurrage.detention-demurrage input[type="radio"] {
  width: auto;
}
#detention-demurrage.detention-demurrage input.service {
  width: 20%;
}
#detention-demurrage.detention-demurrage input.state {
  width: 7%;
}
#detention-demurrage.detention-demurrage select.portType {
  width: auto;
}
#detention-demurrage.detention-demurrage div.form-button {
  padding: 2px;
  margin-left: 93%;
}
#detention-demurrage.detention-demurrage div.blue_square {
  float: none;
}
#detention-demurrage.detention-demurrage div.loading {
  margin-top: 10px;
  margin-left: 50%;
}
#detention-demurrage.detention-demurrage textarea {
  height: 208px;
  width: 500px;
}
#detention-demurrage.detention-demurrage textarea.readonly {
  height: 160px;
  width: 500px;
}
#detention-demurrage.detention-demurrage .icn-delete {
  cursor: pointer;
  padding-left: 5px;
}

/*tt/quote_to_cash/billitem/billitem.less!steal-less@1.3.4#less*/
#billitem.billitem.main-page-content {
  padding: 10px;
}
#billitem.billitem .label {
  color: #888;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 11px;
  vertical-align: middle;
}
#billitem.billitem thead th {
  background-color: #b1bac4;
  border: 1px solid lightgrey;
  color: white;
  padding: 5px;
}
#billitem.billitem tbody td {
  border: 1px solid lightgrey;
  padding: 5px;
}
#billitem.billitem table {
  margin: auto;
}
#billitem.billitem input[type="radio"] {
  width: auto;
}
#billitem.billitem div.form-button {
  padding: 2px;
  margin-left: 85%;
}
#billitem.billitem div.blue_square {
  float: none;
}
#billitem.billitem div.loading {
  margin-top: 10px;
  margin-left: 50%;
}
#billitem.billitem textarea {
  height: 208px;
  width: 500px;
}

/*tt/setups/qualifier/qualifier.less!steal-less@1.3.4#less*/
#qualifier.qualifierClass.main-page-content {
  padding: 10px;
}
#qualifier.qualifierClass .label {
  color: #888;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 11px;
  vertical-align: middle;
}
#qualifier.qualifierClass thead th {
  background-color: #b1bac4;
  border: 1px solid lightgrey;
  color: white;
  padding: 5px;
}
#qualifier.qualifierClass tbody td {
  border: 1px solid lightgrey;
  padding: 5px;
}
#qualifier.qualifierClass table {
  margin: auto;
}
#qualifier.qualifierClass div.form-button {
  padding: 10px;
  margin-left: 95%;
}
#qualifier.qualifierClass div.blue_square {
  float: none;
}
#qualifier.qualifierClass div.blue_square input {
  width: 67%;
}
#qualifier.qualifierClass div.loading {
  margin-top: 10px;
  margin-left: 50%;
}

/*tt/global_tools/global_tools.less!steal-less@1.3.4#less*/
global-tools {
  height: 1000px;
  background-color: blue;
}
global-tools .global-tools-nav {
  background-color: #122B4E;
  height: 24px;
  bottom: 0px;
  font-family: Arial;
  font-size: 11px;
  list-style: none;
  margin: 0;
  padding: 0;
  position: relative;
  z-index: 5000;
}
global-tools .global-tools-nav-li {
  float: left;
  height: 24px;
  width: 120px;
  list-style-type: none;
  position: relative;
  margin: 0 0 0 4px;
}
global-tools .global-tools-nav-li .global-tools-nav-primary {
  background: url("/images_app/global/bg_primary_nav.png") 100% -24px repeat-x scroll;
  color: #b0bcca;
  display: block;
  font-family: Arial;
  font-size: 11px;
  font-weight: bold;
  height: 24px;
  line-height: 27px;
  outline-style: none;
  text-decoration: none;
}
global-tools .global-tools-nav-li .global-tools-nav-primary strong {
  background: url("/images_app/global/bg_primary_nav.png") 0 0 no-repeat scroll;
  display: block;
  height: 24px;
  text-align: center;
}
global-tools .global-tools-nav-li:hover .global-tools-nav-primary,
global-tools .global-tools-nav-li.active .global-tools-nav-primary {
  background: url("/images_app/global/bg_primary_nav.png") 100% -72px repeat-x scroll;
  color: #fff;
}
global-tools .global-tools-nav-li:hover .global-tools-nav-primary strong,
global-tools .global-tools-nav-li.active .global-tools-nav-primary strong {
  background: url("/images_app/global/bg_primary_nav.png") 0 -48px repeat-x scroll;
  color: #fff;
}
global-tools .global-tools-nav-li:hover .submenu {
  display: block;
  position: absolute;
}
global-tools .submenu {
  width: 200px;
  background-color: #475C72;
  border-radius: 8px;
}
global-tools .submenu-nav-ul {
  border-top: 1px solid #9eadb5;
}
global-tools .submenu-nav-li {
  height: 24px;
}
global-tools .submenu-nav-li a {
  text-decoration: none;
  font-weight: bold;
  color: #FFF;
  display: block;
  padding-left: 14px;
}
global-tools .submenu-nav-li:hover a,
global-tools .submenu-nav-li.active a {
  background: #b0bcca;
  color: #444444;
}
global-tools .submenu-nav-li:first-child {
  padding-top: 3px;
}
global-tools .global-tools-table {
  height: auto;
  width: 100%;
  background-color: #FFF;
}
global-tools .global-tools-nav-subMenu {
  line-height: 27px;
}
global-tools .globaltools-side-search {
  width: 160px;
  display: inline-block;
  vertical-align: top;
  padding: 20px 7px;
  background-color: #e5e5e5;
  border-right: 1px solid #aeaeae;
}
global-tools .globaltools-results {
  display: inline-block;
  vertical-align: top;
  padding: 10px 8px;
  width: 850px;
}
global-tools .globaltools-results .addRow {
  padding: 10px 0;
}
global-tools .globaltools-results table td {
  padding: 0 6px;
  border-left: 1px solid #d9d9d9;
  border-top: 1px solid #d9d9d9;
}

/*tt/global_tools/trade_rates/profit_margins/profit_margins.less!steal-less@1.3.4#less*/
profit-margin label {
  display: block;
  padding: 10px 0 3px 0;
}
profit-margin .search-inputs {
  width: 100%;
}
profit-margin .search-btn {
  padding-top: 10px;
}
profit-margin .profitmargin-search {
  width: 40px;
}
profit-margin .profitmargin-table th {
  background-color: #475C72;
  color: #FFF;
  border-right: 1px solid #FFF;
  padding: 2px 7px;
  text-align: center;
}
profit-margin .profitmargin-table .profitmargin-cell {
  border: 1px solid #D9D9D9;
  padding: 2px 6px;
  text-align: center;
}
profit-margin .profitmargin-table a {
  width: 200px;
  display: inline-block;
}
profit-margin .dataTables_paginate,
profit-margin .dataTables_info {
  text-align: center;
}
profit-margin .filter-row {
  text-align: center;
  background-color: #B1BBC5;
}
profit-margin .filter-row td {
  border: 1px solid #D9D9D9;
  padding: 2px 0;
}
profit-margin .filter-row .wider-cell {
  width: 90px;
}
profit-margin .filter-row .shorter-cell {
  width: 33px;
}
profit-margin .search_init {
  width: 33px;
}

/*tt/global_tools/trade_rates/terms_conditions/terms_conditions.less!steal-less@1.3.4#less*/
quote-terms-admin label {
  display: block;
  padding: 10px 0 3px 0;
}
quote-terms-admin .search-inputs {
  width: 100%;
}
quote-terms-admin .search-btn {
  padding-top: 10px;
}
quote-terms-admin .quote-terms-search {
  width: 40px;
}
quote-terms-admin .quote-terms-table th {
  background-color: #475C72;
  color: #FFF;
  border-right: 1px solid #FFF;
  padding: 2px 7px;
  text-align: center;
}
quote-terms-admin .quote-terms-table .globaltools-cell {
  border: 1px solid #D9D9D9;
  padding: 2px 6px;
  text-align: center;
}
quote-terms-admin .quote-terms-table .globaltools-cell input.tt-number {
  width: 50px;
}
quote-terms-admin .quote-terms-table a {
  width: 200px;
  display: inline-block;
}
quote-terms-admin .quote-terms-table textarea {
  width: 100%;
}
quote-terms-admin .dataTables_paginate,
quote-terms-admin .dataTables_info {
  text-align: center;
}
quote-terms-admin .filter-row {
  text-align: center;
  background-color: #B1BBC5;
}
quote-terms-admin .filter-row td {
  border: 1px solid #D9D9D9;
  padding: 2px 0;
}
quote-terms-admin .filter-row .wider-cell {
  width: 90px;
}
quote-terms-admin .filter-row .shorter-cell {
  width: 33px;
}
quote-terms-admin .search_init {
  width: 33px;
}

/*tt/global_tools/trade_manager/event_change_notifications/event_change_notifications.less!steal-less@1.3.4#less*/
event-change-notifications label {
  display: block;
  padding: 10px 0 3px 0;
}
event-change-notifications .search-inputs {
  width: 160px;
  height: 17px;
}
event-change-notifications .search-btn {
  padding-top: 10px;
}
event-change-notifications .globaltools-results {
  width: 100%;
}
event-change-notifications .event_change_notifications-table {
  width: 70vw;
}
event-change-notifications .event_change_notifications-table th {
  background-color: #475C72;
  color: #FFF;
  border-right: 1px solid #FFF;
  padding: 2px 7px;
  text-align: center;
}
event-change-notifications .event_change_notifications-table .globaltools-cell {
  border: 1px solid #D9D9D9;
  padding: 2px 6px;
  text-align: center;
}
event-change-notifications .event_change_notifications-table a {
  width: 200px;
  display: inline-block;
}
event-change-notifications .event_change_notifications-table select {
  width: 50%;
}
event-change-notifications .event_change_notifications-table input.autocomplete {
  width: 70%;
}
event-change-notifications .dataTables_paginate,
event-change-notifications .dataTables_info {
  text-align: center;
}
event-change-notifications .filter-row {
  text-align: center;
  background-color: #B1BBC5;
}
event-change-notifications .filter-row td {
  border: 1px solid #D9D9D9;
  padding: 2px 0;
}
event-change-notifications .filter-row .wider-cell {
  width: 90px;
}
event-change-notifications .filter-row .shorter-cell {
  width: 33px;
}
event-change-notifications .search_init {
  width: 33px;
}

/*tt/global_tools/profiles/move_profile.less!steal-less@1.3.4#less*/
move-profile label {
  display: block;
  padding: 10px 0 3px 0;
}
move-profile .globaltools-results {
  height: 242px;
  padding: 20px;
  width: 620px;
}
move-profile .search-inputs {
  width: 160px;
}
move-profile .search-btn {
  padding-top: 10px;
}
move-profile .move-profile-results .moveprofile-cell {
  padding: 4px 10px;
  border: 1px solid black;
  text-align: center;
}

/*tt/global_tools/report_writer/views/styles/report_writer.less!steal-less@1.3.4#less*/
.reports-writer {
  /* Placeholder text margin  */
  overflow-y: auto;
  max-height: 290px;
}
.reports-writer hr {
  border: none;
  height: 1px;
  background: lightgray;
  margin: 0px;
}
.reports-writer ::-webkit-input-placeholder {
  text-align: left;
  margin-left: 5px;
}
.reports-writer :-moz-placeholder {
  /* Firefox 18- */
  text-align: left;
  margin-left: 5px;
}
.reports-writer ::-moz-placeholder {
  /* Firefox 19+ */
  text-align: left;
  margin-left: 5px;
}
.reports-writer :-ms-input-placeholder {
  text-align: left;
  margin-left: 5px;
}
.reports-writer #visibility-control-level {
  font-style: normal;
  font-weight: bold;
}
.reports-writer .in-dropzone {
  background: #A8A8C3;
}
.reports-writer .dropped {
  background: #63C6CE;
}
.reports-writer input {
  padding-left: 2px;
}
.reports-writer input[type="text"],
.reports-writer input[type="email"] {
  height: 17px;
}
.reports-writer .frequency label,
.reports-writer .fixed-days label,
.reports-writer .visibility-control label,
.reports-writer .time-schedule label {
  margin-right: 10px;
  margin-left: 2px;
}
.reports-writer select {
  min-width: 250px;
}
.reports-writer table tbody {
  counter-reset: rowNumber;
}
.reports-writer table tbody.autocount tr {
  counter-increment: rowNumber;
}
.reports-writer tbody tr td:first-child {
  position: relative;
}
.reports-writer tbody.autocount tr td:nth-child(2):before {
  counter-increment: section;
  content: counter(rowNumber);
}
.reports-writer tbody.autocount tr td:nth-child(2) {
  text-align: center;
}
.reports-writer h1 {
  padding-bottom: 5px;
  font-style: italic;
}
.reports-writer .recipients,
.reports-writer .filter-criteria {
  overflow-y: scroll;
}
.reports-writer .add {
  margin-top: 10px;
  margin-bottom: 10px;
  padding: 5px 10px;
  color: #465C71;
  border: 1px solid gray;
  border-radius: 2px;
  background: rgba(211, 211, 211, 0.5);
}
.reports-writer .create-modify li {
  padding-bottom: 5px;
}
.reports-writer .create-modify {
  margin-bottom: 15px;
}
.reports-writer table {
  width: 500px;
  border-collapse: collapse;
}
.reports-writer td,
.reports-writer th {
  padding: 3px;
  padding-left: 5px;
}
.reports-writer .existing-reports th:first-child {
  min-width: 20px;
}
.reports-writer td > input[type="radio"] {
  text-align: center;
  display: inline-block;
  width: 100%;
}
.reports-writer th {
  border-right: 1px solid white;
  color: white;
  background: #e5e5e5;
  background: #465C71;
}
.reports-writer input[type="button"] {
  background: url(/images_app/global/bg_buttons.png);
}
.reports-writer .delete-report {
  background: red;
  border: 1px solid black;
}
.reports-writer .delete-report:hover {
  background: white;
}
.reports-writer .existing-reports,
.reports-writer .new-report-types {
  padding-bottom: 20px;
}
.reports-writer .existing-reports table th:last-child,
.reports-writer .new-report-types table th:last-child {
  border-right: 1px solid #465C71;
}
.reports-writer .existing-reports td,
.reports-writer .new-report-types td {
  border: 1px solid lightgray;
}
.reports-writer .filter-criteria .form-unit {
  margin: 20px 20px;
}
.reports-writer .filter-criteria label {
  width: 100px;
  margin-right: 25px;
}
.reports-writer .filter-criteria input {
  margin-bottom: 20px;
}
.reports-writer .filter-criteria input,
.reports-writer .filter-criteria label {
  display: block;
}
.reports-writer .content-selection .content-selection-window {
  height: 180px;
  overflow-y: scroll;
  margin-top: 5px;
  margin-bottom: 10px;
}
.reports-writer .content-selection .select-fields-header {
  display: inline-block;
}
.reports-writer .content-selection .max-fields-selected,
.reports-writer .content-selection .min-fields-selected,
.reports-writer .content-selection .fields-selected-count {
  display: inline-block;
  margin-left: 40px;
}
.reports-writer .content-selection .fields-selected-count span {
  font-weight: bold;
}
.reports-writer .content-selection .min-fields-selected,
.reports-writer .content-selection .max-fields-selected {
  color: red;
}
.reports-writer .content-selection ::-webkit-scrollbar {
  -webkit-appearance: none;
  width: 7px;
}
.reports-writer .content-selection ::-webkit-scrollbar-thumb {
  border-radius: 4px;
  background-color: rgba(0, 0, 0, 0.5);
  -webkit-box-shadow: 0 0 1px rgba(255, 255, 255, 0.5);
}
.reports-writer .content-selection .name-report {
  padding-bottom: 20px;
}
.reports-writer .content-selection .name-report input {
  display: block;
}
.reports-writer .content-selection td {
  border: 1px solid lightgray;
}
.reports-writer .content-selection .select-fields tr th:first-child,
.reports-writer .content-selection .select-fields tr td:first-child {
  text-align: center;
}
.reports-writer .content-selection td:nth-child(3) {
  width: 100px;
}
.reports-writer .content-selection td {
  text-align: center;
}
.reports-writer .content-selection .rw-warn {
  display: inline-block;
  vertical-align: text-bottom;
  margin-right: 10px;
}
.reports-writer .transmission-options {
  text-align: left;
}
.reports-writer .transmission-options li {
  padding-bottom: 5px;
}
.reports-writer .transmission-options .frequency,
.reports-writer .transmission-options .fixed-days,
.reports-writer .transmission-options .time-schedule,
.reports-writer .transmission-options .visibility-control {
  padding: 5px;
}
.reports-writer .transmission-options .frequency ul li,
.reports-writer .transmission-options .fixed-days ul li,
.reports-writer .transmission-options .time-schedule ul li,
.reports-writer .transmission-options .visibility-control ul li {
  display: inline-block;
}
.reports-writer .transmission-options li label:first-child {
  width: 110px;
  padding-right: 10px;
  display: inline-block;
}
.reports-writer .transmission-options .visibility-control ul {
  margin-left: 135px;
  margin-top: -13px;
}
.reports-writer .visibility-control ul li {
  margin-bottom: 7px;
}
.reports-writer .transmission-filters .corporation-container,
.reports-writer .transmission-filters .company-container,
.reports-writer .transmission-filters .location-container {
  margin-top: 20px;
}
.reports-writer .transmission-filters .location-container-tabs,
.reports-writer .transmission-filters .corporation-container-tabs,
.reports-writer .transmission-filters .company-container-tabs {
  position: absolute;
  top: -2px;
}
.reports-writer .transmission-filters a.transmission-filters-tab {
  color: #465C71;
  background: white;
  border-top-left-radius: 15px;
  border-top-right-radius: 15px;
  border: 1px solid gray;
  border-bottom: none;
  padding-top: 8px;
  padding-bottom: 5px;
  padding-left: 8px;
  padding-right: 8px;
}
.reports-writer .transmission-filters a.tf-tab-active {
  background: #465C71;
  color: white;
}
.reports-writer .transmission-filters .company-container,
.reports-writer .transmission-filters .corporation-container,
.reports-writer .transmission-filters .location-container {
  position: relative;
}
.reports-writer .transmission-filters .company,
.reports-writer .transmission-filters .location {
  padding-top: 15px;
}
.reports-writer .transmission-filters .company tbody input,
.reports-writer .transmission-filters .corporation tbody input,
.reports-writer .transmission-filters .location tbody input {
  margin: 5px 0px;
}
.reports-writer .transmission-filters .company input {
  width: 100%;
  max-width: 300px;
}
.reports-writer .transmission-filters .location input {
  width: 100%;
  max-width: 300px;
}
.reports-writer .transmission-filters input {
  width: 100%;
  float: left;
  margin-left: -3px;
}
.reports-writer .visibility-control div {
  padding-left: 123px;
}
.reports-writer .visibility-control div:first-child {
  display: inline-block;
  padding-left: 5px;
}
.reports-writer .recipients-container {
  margin-top: 30px;
  margin-left: 20px;
}
.reports-writer #recipients input {
  width: 94%;
}
.reports-writer #recipients tr:nth-child(n+1) td {
  border: 1px solid lightgray;
  padding: 2px;
}
.reports-writer #recipients tr td:last-child {
  text-align: center;
}
.reports-writer .remove-select {
  vertical-align: middle;
  cursor: pointer;
}
.reports-writer .drag-drop-icon {
  /*vertical-align: middle*/
  cursor: move;
}
.reports-writer .remove-row:hover {
  background: white;
  color: red;
}
.reports-writer .remove-row {
  display: inline-block;
  margin-left: 10px;
  height: 18px;
  line-height: 18px;
  width: 18px;
  border: 1px solid black;
  color: white;
  background: red;
  font-weight: bold;
  text-align: center;
  cursor: pointer;
  vertical-align: bottom;
  margin-bottom: -10px;
}
.reports-writer .pane-full-width {
  width: 100%;
}
.reports-writer .pane-one-third {
  width: 100% / 3;
}
.reports-writer .pane-two-thirds {
  width: calc(100% * (2 / 3));
}
.reports-writer .panel-one-quarter {
  width: 25%;
}
.reports-writer .panel-three-quarters {
  width: 75%;
}
.reports-writer .pane-one-half {
  width: 50%;
}
.reports-writer .right-border {
  border-right: 1px solid lightgray;
}
.reports-writer .left-pane,
.reports-writer .right-pane {
  vertical-align: top;
  box-sizing: border-box;
  padding: 30px;
  display: inline-block;
  height: 265px;
}
.reports-writer .left-pane input[type="radio"],
.reports-writer .right-pane input[type="radio"] {
  margin-right: 4px;
  margin-bottom: 4px;
}
.reports-writer .left-pane input#date-start,
.reports-writer .right-pane input#date-start,
.reports-writer .left-pane input#date-end,
.reports-writer .right-pane input#date-end {
  display: inline-block;
  margin-right: 6px;
}
.reports-writer .left-pane span#date-to,
.reports-writer .right-pane span#date-to {
  padding: 5px;
}
.reports-writer .left-pane img.tt-cal,
.reports-writer .right-pane img.tt-cal {
  vertical-align: middle;
}
.reports-writer .right-pane {
  margin-left: -4px;
}
.reports-writer .right-pane::-webkit-scrollbar {
  -webkit-appearance: none;
  width: 7px;
}
.reports-writer .right-pane::-webkit-scrollbar-thumb {
  border-radius: 4px;
  background-color: rgba(0, 0, 0, 0.5);
  -webkit-box-shadow: 0 0 1px rgba(255, 255, 255, 0.5);
}
#preview-menu ul {
  padding: 20px;
  width: 400px;
  margin: 0 auto;
  margin-top: 80px;
  background: #dcdcdc;
}
#preview-menu ul li {
  margin: 10px;
}

/*tt/global_tools/report_writer/views/styles/frame.less!steal-less@1.3.4#less*/
/* BUTTONS */
.right-gap {
  margin-right: 15px;
}
#forward-button,
#finalize-button,
#back-button,
#go-button {
  position: absolute;
  bottom: 40px;
}
#back-button {
  left: 35px;
}
#finalize-button,
#forward-button,
#go-button {
  right: 35px;
}
/* BREADCRUMBS */
#breadcrumbs {
  background: rgba(220, 220, 220, 0.48);
  padding-left: 0px;
  font-size: 1em;
  font-weight: bold;
  color: black;
}
#breadcrumbs li {
  display: inline-block;
  cursor: pointer;
}
#breadcrumbs li span {
  display: inline-block;
  vertical-align: top;
  margin-left: -20px;
}
a.breadcrumb {
  background: url(/images_app/global/bg_wiz_tab.png) 100% 50% no-repeat;
  display: inline-block;
  vertical-align: bottom;
  text-align: center;
  text-decoration: none;
  margin-right: -28px !important;
  line-height: 40px;
  padding-left: 20px;
  height: 40px;
  width: 185px;
}
.dark-arrow {
  background: url(/images_app/global/bg_wiz_tab_dark.png) 100% 50% no-repeat !important;
}
a.breadcrumb,
a.breadcrumb:focus,
a.breadcrumb:hover {
  text-decoration: none;
  font-weight: bold;
}
ul#breadcrumbs {
  background: url(/images_app/global/bg_wiz_bar_dark.png) 100% 50% repeat-x;
}
#breadcrumbs li:nth-child(1) {
  z-index: 4000;
  position: relative;
}
#breadcrumbs li:nth-child(2) {
  z-index: 4;
  position: relative;
}
#breadcrumbs li:nth-child(3) {
  z-index: 3;
  position: relative;
}
#breadcrumbs li:nth-child(4) {
  z-index: 2;
  position: relative;
}
#breadcrumbs li:nth-child(5) {
  z-index: 1;
  position: relative;
}
div.full-window {
  width: 100%;
}

/*tt/report_select/report_select.less!steal-less@1.3.4#less*/
.border-bottom {
  border-bottom: 1px solid #e8e8e8;
}
.sub-select-button {
  background: url(/images_app/icons/icn_twist_c.png) no-repeat scroll 95%;
  border-right: none;
  border-bottom: 1px solid #e8e8e8;
  background-color: #FFF;
  height: 18px;
  text-align: left;
  width: 98%;
}

/*tt/reports/trade_rates/margin_monitor/grid_margin_monitor.less!steal-less@1.3.4#less*/
#res-pri-grid-tariff td,
#res-pri-grid-breakdown td {
  background: #fff;
}
#res-pri-grid-tariff td.rate,
#res-pri-grid-breakdown td.rate {
  background: #e7eefb;
  text-align: right;
  width: 55px !important;
}
#res-pri-grid-tariff td.support-col,
#res-pri-grid-breakdown td.support-col {
  width: 100px !important;
}
#res-pri-grid-tariff td.transparent,
#res-pri-grid-breakdown td.transparent {
  background: none;
}
#res-pri-grid-tariff th.rate,
#res-pri-grid-breakdown th.rate {
  text-align: right;
  padding: 5px 6px !important;
  width: 55px !important;
}
#res-pri-grid-tariff .inner-details.first,
#res-pri-grid-account .inner-details.first {
  padding-bottom: 1em;
}
#res-pri-grid-breakdown .inline-label {
  width: 194px;
}

/*tt/reports/trade_rates/service_fees/grid_service_fees.less!steal-less@1.3.4#less*/
.serviceFeeMini {
  width: 150px;
}

/*tt/reports/profiles/profile.less!steal-less@1.3.4#less*/
a.add-contact {
  color: #425b75;
  font-weight: bold;
  text-decoration: none !important;
}
a.add-contact:hover {
  text-decoration: underline;
}
#res-pri-grid .date-picker,
.res-pri-grid .date-picker {
  width: 75px;
}
td.star-icon {
  background-image: url(/images_app/icons/icn_starS.png);
  width: 20px;
  vertical-align: middle;
  text-align: center;
  cursor: pointer;
  background-repeat: no-repeat;
  background-position: 50% 50%;
}

/*tt/reports/trade_manager/container_tracking_status_report/rpt_containertracking.less!steal-less@1.3.4#less*/
.fa-caret-down.info_dlg {
  color: #83d249;
  font-size: 18px;
  cursor: pointer;
}

/*tt/reports/trade_cash/charge_codes/charge_codes.less!steal-less@1.3.4#less*/
.tt_grid_trade_cash_charge_codes .add-charge-code-wrap {
  text-align: left;
  margin: 5px;
  float: left;
  display: inline-block;
}
.tt_grid_trade_cash_charge_codes .add-charge-code {
  font-size: 11px;
  font-style: Arial;
  color: #5D7085;
  margin-left: .5em;
  margin-top: 3px;
}

/*tt/reports/trade_cash/vendor_invoice_entry/grid_vendor_invoice.less!steal-less@1.3.4#less*/
#res-pri-grid .is-open button.voucher-audit {
  display: none;
}
#res-pri-grid .inner-details.first.push-down {
  padding-bottom: 1em;
}
#res-pri-grid .inner-details.first.match-background {
  background: #ffffff;
}
#res-pri-grid #res-pri-grid-voucher-detail tbody td {
  background-color: #E2ECF5;
}
#res-pri-grid #res-pri-grid-voucher-detail td.subTotal {
  background-color: #CAD9EA;
}
#res-pri-grid #res-pri-grid-voucher-detail td.vendor {
  background: none;
}

/*tt/reports/trade_manager/allocations/allocation_report/allocation_report.less!steal-less@1.3.4#less*/
table.allocationSummary {
  margin-top: 20px;
}
.allocationDetail-add-new,
.allocationDetail-delete,
.allocationReport .copy,
.allocationReport .delete {
  cursor: pointer;
}
#res .data-grid .res-details .allocationDetail th,
#res .data-grid .res-details .allocationSummary th {
  background-color: #5E7086;
}

/*tt/reports/trade_manager/allocations/allocation_in_progress/allocation_in_progress.less!steal-less@1.3.4#less*/
/*
 * LESS mixins for the whole app.
 */
#res .data-grid .res-details .allocation-book {
  padding: 10px;
  display: flex;
  flex-flow: column;
}
#res .data-grid .res-details .allocation-book table {
  width: 230px;
}
#res .data-grid .res-details .allocation-book th.book-header {
  background-color: #5E7086;
}
#res .data-grid .res-details .allocation-book .allocation-make-booking-btn {
  background: -webkit-linear-gradient(#cee7bc, #97b193);
  /* For Safari 5.1 to 6.0 */
  background: -o-linear-gradient(#cee7bc, #97b193);
  /* For Opera 11.1 to 12.0 */
  background: -moz-linear-gradient(#cee7bc, #97b193);
  /* For Firefox 3.6 to 15 */
  background: linear-gradient(#cee7bc, #97b193);
  /* Standard syntax */
  border: none;
  border-radius: 3px;
  cursor: pointer;
  color: #416080;
  font-size: 11px;
  font-weight: bold;
  padding: 0.3em 0.7em;
  width: 100px;
  text-align: center;
}
#res .data-grid .res-details .allocation-book .allocation-make-booking-btn:hover {
  color: #FFFFFF;
}
#res .data-grid .res-details .allocation-book div.allocation-make-booking-button {
  margin-top: 20px;
  margin-right: 45px;
  align-self: flex-end;
}

/*tt/results_panel/results_panel.less!steal-less@1.3.4#less*/
a.vslDialog {
  display: inline-block;
}