@charset "UTF-8";
/* This is the main CSS that includes other CSS files. */
/**
 * TODO: Need to find better solution
 * Uncomment below path when using UI-core inside UI-styleguide or in another app
 */
/**
 * TODO: Need to find better solution
 * Need to find proper way to provide path of images used inside CSS or SCSS files because
 * modules linked ( using "npm link" ) inside another app then images path of linked module/app
 * not working properly
 */
/* Omega Theme */
/* = PrimeNg Style
====================================*/
/*!
 *  Font Awesome 4.7.0 by @davegandy - http://fontawesome.io - @fontawesome
 *  License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License)
 */
@font-face {
  font-family: "FontAwesome";
  src: url("../fonts/fontawesome-webfont.eot");
  src: url("../fonts/fontawesome-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/fontawesome-webfont.woff2") format("woff2"), url("../fonts/fontawesome-webfont.woff") format("woff"), url("../fonts/fontawesome-webfont.ttf") format("truetype"), url("../fonts/fontawesome-webfont.svg#fontawesomeregular") format("svg");
  font-weight: normal;
  font-style: normal;
}
.fa {
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.fa-lg {
  font-size: 1.33333333em;
  line-height: 0.75em;
  vertical-align: -15%;
}

.fa-2x {
  font-size: 2em;
}

.fa-3x {
  font-size: 3em;
}

.fa-4x {
  font-size: 4em;
}

.fa-5x {
  font-size: 5em;
}

.fa-fw, .pi-fw {
  width: 1.28571429em;
  text-align: center;
}

.fa-ul {
  padding-left: 0;
  margin-left: 2.14285714em;
  list-style-type: none;
}

.fa-ul > li {
  position: relative;
}

.fa-li {
  position: absolute;
  left: -2.14285714em;
  width: 2.14285714em;
  top: 0.14285714em;
  text-align: center;
}

.fa-li.fa-lg {
  left: -1.85714286em;
}

.fa-border {
  padding: 0.2em 0.25em 0.15em;
  border: solid 0.08em #eee;
  border-radius: 0.1em;
}

.fa-pull-left {
  float: left;
}

.fa-pull-right {
  float: right;
}

.fa.fa-pull-left {
  margin-right: 0.3em;
}

.fa.fa-pull-right {
  margin-left: 0.3em;
}

.pull-right {
  float: right;
}

.pull-left {
  float: left;
}

.fa.pull-left {
  margin-right: 0.3em;
}

.fa.pull-right {
  margin-left: 0.3em;
}

.fa-spin {
  -webkit-animation: fa-spin 2s infinite linear;
  animation: fa-spin 2s infinite linear;
}

.fa-pulse {
  -webkit-animation: fa-spin 1s infinite steps(8);
  animation: fa-spin 1s infinite steps(8);
}

@-webkit-keyframes fa-spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}
@keyframes fa-spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}
.fa-rotate-90 {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
}

.fa-rotate-180 {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2)";
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}

.fa-rotate-270 {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=3)";
  -webkit-transform: rotate(270deg);
  -ms-transform: rotate(270deg);
  transform: rotate(270deg);
}

.fa-flip-horizontal {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)";
  -webkit-transform: scale(-1, 1);
  -ms-transform: scale(-1, 1);
  transform: scale(-1, 1);
}

.fa-flip-vertical {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)";
  -webkit-transform: scale(1, -1);
  -ms-transform: scale(1, -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 {
  filter: none;
}

.fa-stack {
  position: relative;
  display: inline-block;
  width: 2em;
  height: 2em;
  line-height: 2em;
  vertical-align: middle;
}

.fa-stack-1x, .fa-stack-2x {
  position: absolute;
  left: 0;
  width: 100%;
  text-align: center;
}

.fa-stack-1x {
  line-height: inherit;
}

.fa-stack-2x {
  font-size: 2em;
}

.fa-inverse {
  color: #fff;
}

.fa-glass:before {
  content: "\f000";
}

.fa-music:before {
  content: "\f001";
}

.fa-search:before {
  content: "\f002";
}

.fa-envelope-o:before {
  content: "\f003";
}

.fa-heart:before {
  content: "\f004";
}

.fa-star:before {
  content: "\f005";
}

.fa-star-o:before {
  content: "\f006";
}

.fa-user:before {
  content: "\f007";
}

.fa-film:before {
  content: "\f008";
}

.fa-th-large:before {
  content: "\f009";
}

.fa-th:before {
  content: "\f00a";
}

.fa-th-list:before {
  content: "\f00b";
}

.fa-check:before {
  content: "\f00c";
}

.fa-remove:before, .fa-close:before, .fa-times:before {
  content: "\f00d";
}

.fa-search-plus:before {
  content: "\f00e";
}

.fa-search-minus:before {
  content: "\f010";
}

.fa-power-off:before {
  content: "\f011";
}

.fa-signal:before {
  content: "\f012";
}

.fa-gear:before, .fa-cog:before {
  content: "\f013";
}

.fa-trash-o:before {
  content: "\f014";
}

.fa-home:before {
  content: "\f015";
}

.fa-file-o:before {
  content: "\f016";
}

.fa-clock-o:before {
  content: "\f017";
}

.fa-road:before {
  content: "\f018";
}

.fa-download:before {
  content: "\f019";
}

.fa-arrow-circle-o-down:before {
  content: "\f01a";
}

.fa-arrow-circle-o-up:before {
  content: "\f01b";
}

.fa-inbox:before {
  content: "\f01c";
}

.fa-play-circle-o:before {
  content: "\f01d";
}

.fa-rotate-right:before, .fa-repeat:before {
  content: "\f01e";
}

.fa-refresh:before {
  content: "\f021";
}

.fa-list-alt:before {
  content: "\f022";
}

.fa-lock:before {
  content: "\f023";
}

.fa-flag:before {
  content: "\f024";
}

.fa-headphones:before {
  content: "\f025";
}

.fa-volume-off:before {
  content: "\f026";
}

.fa-volume-down:before {
  content: "\f027";
}

.fa-volume-up:before {
  content: "\f028";
}

.fa-qrcode:before {
  content: "\f029";
}

.fa-barcode:before {
  content: "\f02a";
}

.fa-tag:before {
  content: "\f02b";
}

.fa-tags:before {
  content: "\f02c";
}

.fa-book:before {
  content: "\f02d";
}

.fa-bookmark:before {
  content: "\f02e";
}

.fa-print:before {
  content: "\f02f";
}

.fa-camera:before {
  content: "\f030";
}

.fa-font:before {
  content: "\f031";
}

.fa-bold:before {
  content: "\f032";
}

.fa-italic:before {
  content: "\f033";
}

.fa-text-height:before {
  content: "\f034";
}

.fa-text-width:before {
  content: "\f035";
}

.fa-align-left:before {
  content: "\f036";
}

.fa-align-center:before {
  content: "\f037";
}

.fa-align-right:before {
  content: "\f038";
}

.fa-align-justify:before {
  content: "\f039";
}

.fa-list:before {
  content: "\f03a";
}

.fa-dedent:before, .fa-outdent:before {
  content: "\f03b";
}

.fa-indent:before {
  content: "\f03c";
}

.fa-video-camera:before {
  content: "\f03d";
}

.fa-photo:before, .fa-image:before, .fa-picture-o:before {
  content: "\f03e";
}

.fa-pencil:before {
  content: "\f040";
}

.fa-map-marker:before {
  content: "\f041";
}

.fa-adjust:before {
  content: "\f042";
}

.fa-tint:before {
  content: "\f043";
}

.fa-edit:before, .fa-pencil-square-o:before {
  content: "\f044";
}

.fa-share-square-o:before {
  content: "\f045";
}

.fa-check-square-o:before {
  content: "\f046";
}

.fa-arrows:before {
  content: "\f047";
}

.fa-step-backward:before {
  content: "\f048";
}

.fa-fast-backward:before {
  content: "\f049";
}

.fa-backward:before {
  content: "\f04a";
}

.fa-play:before {
  content: "\f04b";
}

.fa-pause:before {
  content: "\f04c";
}

.fa-stop:before {
  content: "\f04d";
}

.fa-forward:before {
  content: "\f04e";
}

.fa-fast-forward:before {
  content: "\f050";
}

.fa-step-forward:before {
  content: "\f051";
}

.fa-eject:before {
  content: "\f052";
}

.fa-chevron-left:before {
  content: "\f053";
}

.fa-chevron-right:before {
  content: "\f054";
}

.fa-plus-circle:before {
  content: "\f055";
}

.fa-minus-circle:before {
  content: "\f056";
}

.fa-times-circle:before {
  content: "\f057";
}

.fa-check-circle:before {
  content: "\f058";
}

.fa-question-circle:before {
  content: "\f059";
}

.fa-info-circle:before {
  content: "\f05a";
}

.fa-crosshairs:before {
  content: "\f05b";
}

.fa-times-circle-o:before {
  content: "\f05c";
}

.fa-check-circle-o:before {
  content: "\f05d";
}

.fa-ban:before {
  content: "\f05e";
}

.fa-arrow-left:before {
  content: "\f060";
}

.fa-arrow-right:before {
  content: "\f061";
}

.fa-arrow-up:before {
  content: "\f062";
}

.fa-arrow-down:before {
  content: "\f063";
}

.fa-mail-forward:before, .fa-share:before {
  content: "\f064";
}

.fa-expand:before {
  content: "\f065";
}

.fa-compress:before {
  content: "\f066";
}

.fa-plus:before, .pi-plus:before {
  content: "\f067";
}

.fa-minus:before, .pi-minus:before {
  content: "\f068";
}

.fa-asterisk:before {
  content: "\f069";
}

.fa-exclamation-circle:before {
  content: "\f06a";
}

.fa-gift:before {
  content: "\f06b";
}

.fa-leaf:before {
  content: "\f06c";
}

.fa-fire:before {
  content: "\f06d";
}

.fa-eye:before {
  content: "\f06e";
}

.fa-eye-slash:before {
  content: "\f070";
}

.fa-warning:before, .fa-exclamation-triangle:before {
  content: "\f071";
}

.fa-plane:before {
  content: "\f072";
}

.fa-calendar:before {
  content: "\f073";
}

.fa-random:before {
  content: "\f074";
}

.fa-comment:before {
  content: "\f075";
}

.fa-magnet:before {
  content: "\f076";
}

.fa-chevron-up:before {
  content: "\f077";
}

.fa-chevron-down:before {
  content: "\f078";
}

.fa-retweet:before {
  content: "\f079";
}

.fa-shopping-cart:before {
  content: "\f07a";
}

.fa-folder:before {
  content: "\f07b";
}

.fa-folder-open:before {
  content: "\f07c";
}

.fa-arrows-v:before {
  content: "\f07d";
}

.fa-arrows-h:before {
  content: "\f07e";
}

.fa-bar-chart-o:before, .fa-bar-chart:before {
  content: "\f080";
}

.fa-twitter-square:before {
  content: "\f081";
}

.fa-facebook-square:before {
  content: "\f082";
}

.fa-camera-retro:before {
  content: "\f083";
}

.fa-key:before {
  content: "\f084";
}

.fa-gears:before, .fa-cogs:before {
  content: "\f085";
}

.fa-comments:before {
  content: "\f086";
}

.fa-thumbs-o-up:before {
  content: "\f087";
}

.fa-thumbs-o-down:before {
  content: "\f088";
}

.fa-star-half:before {
  content: "\f089";
}

.fa-heart-o:before {
  content: "\f08a";
}

.fa-sign-out:before {
  content: "\f08b";
}

.fa-linkedin-square:before {
  content: "\f08c";
}

.fa-thumb-tack:before {
  content: "\f08d";
}

.fa-external-link:before {
  content: "\f08e";
}

.fa-sign-in:before {
  content: "\f090";
}

.fa-trophy:before {
  content: "\f091";
}

.fa-github-square:before {
  content: "\f092";
}

.fa-upload:before {
  content: "\f093";
}

.fa-lemon-o:before {
  content: "\f094";
}

.fa-phone:before {
  content: "\f095";
}

.fa-square-o:before {
  content: "\f096";
}

.fa-bookmark-o:before {
  content: "\f097";
}

.fa-phone-square:before {
  content: "\f098";
}

.fa-twitter:before {
  content: "\f099";
}

.fa-facebook-f:before, .fa-facebook:before {
  content: "\f09a";
}

.fa-github:before {
  content: "\f09b";
}

.fa-unlock:before {
  content: "\f09c";
}

.fa-credit-card:before {
  content: "\f09d";
}

.fa-feed:before, .fa-rss:before {
  content: "\f09e";
}

.fa-hdd-o:before {
  content: "\f0a0";
}

.fa-bullhorn:before {
  content: "\f0a1";
}

.fa-bell:before {
  content: "\f0f3";
}

.fa-certificate:before {
  content: "\f0a3";
}

.fa-hand-o-right:before {
  content: "\f0a4";
}

.fa-hand-o-left:before {
  content: "\f0a5";
}

.fa-hand-o-up:before {
  content: "\f0a6";
}

.fa-hand-o-down:before {
  content: "\f0a7";
}

.fa-arrow-circle-left:before {
  content: "\f0a8";
}

.fa-arrow-circle-right:before {
  content: "\f0a9";
}

.fa-arrow-circle-up:before {
  content: "\f0aa";
}

.fa-arrow-circle-down:before {
  content: "\f0ab";
}

.fa-globe:before {
  content: "\f0ac";
}

.fa-wrench:before {
  content: "\f0ad";
}

.fa-tasks:before {
  content: "\f0ae";
}

.fa-filter:before {
  content: "\f0b0";
}

.fa-briefcase:before {
  content: "\f0b1";
}

.fa-arrows-alt:before {
  content: "\f0b2";
}

.fa-group:before, .fa-users:before {
  content: "\f0c0";
}

.fa-chain:before, .fa-link:before {
  content: "\f0c1";
}

.fa-cloud:before {
  content: "\f0c2";
}

.fa-flask:before {
  content: "\f0c3";
}

.fa-cut:before, .fa-scissors:before {
  content: "\f0c4";
}

.fa-copy:before, .fa-files-o:before {
  content: "\f0c5";
}

.fa-paperclip:before {
  content: "\f0c6";
}

.fa-save:before, .fa-floppy-o:before {
  content: "\f0c7";
}

.fa-square:before {
  content: "\f0c8";
}

.fa-navicon:before, .fa-reorder:before, .fa-bars:before {
  content: "\f0c9";
}

.fa-list-ul:before {
  content: "\f0ca";
}

.fa-list-ol:before {
  content: "\f0cb";
}

.fa-strikethrough:before {
  content: "\f0cc";
}

.fa-underline:before {
  content: "\f0cd";
}

.fa-table:before {
  content: "\f0ce";
}

.fa-magic:before {
  content: "\f0d0";
}

.fa-truck:before {
  content: "\f0d1";
}

.fa-pinterest:before {
  content: "\f0d2";
}

.fa-pinterest-square:before {
  content: "\f0d3";
}

.fa-google-plus-square:before {
  content: "\f0d4";
}

.fa-google-plus:before {
  content: "\f0d5";
}

.fa-money:before {
  content: "\f0d6";
}

.fa-caret-down:before, .pi-chevron-down:before {
  content: "\f0d7";
}

.fa-caret-up:before, .pi-chevron-up:before {
  content: "\f0d8";
}

.fa-caret-left:before, .pi-chevron-left:before {
  content: "\f0d9";
}

.fa-caret-right:befor, .pi-chevron-right:beforee {
  content: "\f0da";
}

.fa-columns:before {
  content: "\f0db";
}

.fa-unsorted:before, .fa-sort:before {
  content: "\f0dc";
}

.fa-sort-down:before, .fa-sort-desc:before {
  content: "\f0dd";
}

.fa-sort-up:before, .fa-sort-asc:before {
  content: "\f0de";
}

.fa-envelope:before {
  content: "\f0e0";
}

.fa-linkedin:before {
  content: "\f0e1";
}

.fa-rotate-left:before, .fa-undo:before {
  content: "\f0e2";
}

.fa-legal:before, .fa-gavel:before {
  content: "\f0e3";
}

.fa-dashboard:before, .fa-tachometer:before {
  content: "\f0e4";
}

.fa-comment-o:before {
  content: "\f0e5";
}

.fa-comments-o:before {
  content: "\f0e6";
}

.fa-flash:before, .fa-bolt:before {
  content: "\f0e7";
}

.fa-sitemap:before {
  content: "\f0e8";
}

.fa-umbrella:before {
  content: "\f0e9";
}

.fa-paste:before, .fa-clipboard:before {
  content: "\f0ea";
}

.fa-lightbulb-o:before {
  content: "\f0eb";
}

.fa-exchange:before {
  content: "\f0ec";
}

.fa-cloud-download:before {
  content: "\f0ed";
}

.fa-cloud-upload:before {
  content: "\f0ee";
}

.fa-user-md:before {
  content: "\f0f0";
}

.fa-stethoscope:before {
  content: "\f0f1";
}

.fa-suitcase:before {
  content: "\f0f2";
}

.fa-bell-o:before {
  content: "\f0a2";
}

.fa-coffee:before {
  content: "\f0f4";
}

.fa-cutlery:before {
  content: "\f0f5";
}

.fa-file-text-o:before {
  content: "\f0f6";
}

.fa-building-o:before {
  content: "\f0f7";
}

.fa-hospital-o:before {
  content: "\f0f8";
}

.fa-ambulance:before {
  content: "\f0f9";
}

.fa-medkit:before {
  content: "\f0fa";
}

.fa-fighter-jet:before {
  content: "\f0fb";
}

.fa-beer:before {
  content: "\f0fc";
}

.fa-h-square:before {
  content: "\f0fd";
}

.fa-plus-square:before {
  content: "\f0fe";
}

.fa-angle-double-left:before {
  content: "\f100";
}

.fa-angle-double-right:before {
  content: "\f101";
}

.fa-angle-double-up:before {
  content: "\f102";
}

.fa-angle-double-down:before {
  content: "\f103";
}

.fa-angle-left:before {
  content: "\f104";
}

.fa-angle-right:before {
  content: "\f105";
}

.fa-angle-up:before {
  content: "\f106";
}

.fa-angle-down:before {
  content: "\f107";
}

.fa-desktop:before {
  content: "\f108";
}

.fa-laptop:before {
  content: "\f109";
}

.fa-tablet:before {
  content: "\f10a";
}

.fa-mobile-phone:before, .fa-mobile:before {
  content: "\f10b";
}

.fa-circle-o:before {
  content: "\f10c";
}

.fa-quote-left:before {
  content: "\f10d";
}

.fa-quote-right:before {
  content: "\f10e";
}

.fa-spinner:before {
  content: "\f110";
}

.fa-circle:before {
  content: "\f111";
}

.fa-mail-reply:before, .fa-reply:before {
  content: "\f112";
}

.fa-github-alt:before {
  content: "\f113";
}

.fa-folder-o:before {
  content: "\f114";
}

.fa-folder-open-o:before {
  content: "\f115";
}

.fa-smile-o:before {
  content: "\f118";
}

.fa-frown-o:before {
  content: "\f119";
}

.fa-meh-o:before {
  content: "\f11a";
}

.fa-gamepad:before {
  content: "\f11b";
}

.fa-keyboard-o:before {
  content: "\f11c";
}

.fa-flag-o:before {
  content: "\f11d";
}

.fa-flag-checkered:before {
  content: "\f11e";
}

.fa-terminal:before {
  content: "\f120";
}

.fa-code:before {
  content: "\f121";
}

.fa-mail-reply-all:before, .fa-reply-all:before {
  content: "\f122";
}

.fa-star-half-empty:before, .fa-star-half-full:before, .fa-star-half-o:before {
  content: "\f123";
}

.fa-location-arrow:before {
  content: "\f124";
}

.fa-crop:before {
  content: "\f125";
}

.fa-code-fork:before {
  content: "\f126";
}

.fa-unlink:before, .fa-chain-broken:before {
  content: "\f127";
}

.fa-question:before {
  content: "\f128";
}

.fa-info:before {
  content: "\f129";
}

.fa-exclamation:before {
  content: "\f12a";
}

.fa-superscript:before {
  content: "\f12b";
}

.fa-subscript:before {
  content: "\f12c";
}

.fa-eraser:before {
  content: "\f12d";
}

.fa-puzzle-piece:before {
  content: "\f12e";
}

.fa-microphone:before {
  content: "\f130";
}

.fa-microphone-slash:before {
  content: "\f131";
}

.fa-shield:before {
  content: "\f132";
}

.fa-calendar-o:before {
  content: "\f133";
}

.fa-fire-extinguisher:before {
  content: "\f134";
}

.fa-rocket:before {
  content: "\f135";
}

.fa-maxcdn:before {
  content: "\f136";
}

.fa-chevron-circle-left:before {
  content: "\f137";
}

.fa-chevron-circle-right:before {
  content: "\f138";
}

.fa-chevron-circle-up:before {
  content: "\f139";
}

.fa-chevron-circle-down:before {
  content: "\f13a";
}

.fa-html5:before {
  content: "\f13b";
}

.fa-css3:before {
  content: "\f13c";
}

.fa-anchor:before {
  content: "\f13d";
}

.fa-unlock-alt:before {
  content: "\f13e";
}

.fa-bullseye:before {
  content: "\f140";
}

.fa-ellipsis-h:before {
  content: "\f141";
}

.fa-ellipsis-v:before {
  content: "\f142";
}

.fa-rss-square:before {
  content: "\f143";
}

.fa-play-circle:before {
  content: "\f144";
}

.fa-ticket:before {
  content: "\f145";
}

.fa-minus-square:before {
  content: "\f146";
}

.fa-minus-square-o:before {
  content: "\f147";
}

.fa-level-up:before {
  content: "\f148";
}

.fa-level-down:before {
  content: "\f149";
}

.fa-check-square:before {
  content: "\f14a";
}

.fa-pencil-square:before {
  content: "\f14b";
}

.fa-external-link-square:before {
  content: "\f14c";
}

.fa-share-square:before {
  content: "\f14d";
}

.fa-compass:before {
  content: "\f14e";
}

.fa-toggle-down:before, .fa-caret-square-o-down:before, pi-chevron-square-o-down:before {
  content: "\f150";
}

.fa-toggle-up:before, .fa-caret-square-o-up:before, .pi-chevron-square-o-up:before {
  content: "\f151";
}

.fa-toggle-right:before, .fa-caret-square-o-right:before, .pi-chevron-square-o-right:before {
  content: "\f152";
}

.fa-euro:before, .fa-eur:before {
  content: "\f153";
}

.fa-gbp:before {
  content: "\f154";
}

.fa-dollar:before, .fa-usd:before {
  content: "\f155";
}

.fa-rupee:before, .fa-inr:before {
  content: "\f156";
}

.fa-cny:before, .fa-rmb:before, .fa-yen:before, .fa-jpy:before {
  content: "\f157";
}

.fa-ruble:before, .fa-rouble:before, .fa-rub:before {
  content: "\f158";
}

.fa-won:before, .fa-krw:before {
  content: "\f159";
}

.fa-bitcoin:before, .fa-btc:before {
  content: "\f15a";
}

.fa-file:before {
  content: "\f15b";
}

.fa-file-text:before {
  content: "\f15c";
}

.fa-sort-alpha-asc:before {
  content: "\f15d";
}

.fa-sort-alpha-desc:before {
  content: "\f15e";
}

.fa-sort-amount-asc:before {
  content: "\f160";
}

.fa-sort-amount-desc:before {
  content: "\f161";
}

.fa-sort-numeric-asc:before {
  content: "\f162";
}

.fa-sort-numeric-desc:before {
  content: "\f163";
}

.fa-thumbs-up:before {
  content: "\f164";
}

.fa-thumbs-down:before {
  content: "\f165";
}

.fa-youtube-square:before {
  content: "\f166";
}

.fa-youtube:before {
  content: "\f167";
}

.fa-xing:before {
  content: "\f168";
}

.fa-xing-square:before {
  content: "\f169";
}

.fa-youtube-play:before {
  content: "\f16a";
}

.fa-dropbox:before {
  content: "\f16b";
}

.fa-stack-overflow:before {
  content: "\f16c";
}

.fa-instagram:before {
  content: "\f16d";
}

.fa-flickr:before {
  content: "\f16e";
}

.fa-adn:before {
  content: "\f170";
}

.fa-bitbucket:before {
  content: "\f171";
}

.fa-bitbucket-square:before {
  content: "\f172";
}

.fa-tumblr:before {
  content: "\f173";
}

.fa-tumblr-square:before {
  content: "\f174";
}

.fa-long-arrow-down:before {
  content: "\f175";
}

.fa-long-arrow-up:before {
  content: "\f176";
}

.fa-long-arrow-left:before {
  content: "\f177";
}

.fa-long-arrow-right:before {
  content: "\f178";
}

.fa-apple:before {
  content: "\f179";
}

.fa-windows:before {
  content: "\f17a";
}

.fa-android:before {
  content: "\f17b";
}

.fa-linux:before {
  content: "\f17c";
}

.fa-dribbble:before {
  content: "\f17d";
}

.fa-skype:before {
  content: "\f17e";
}

.fa-foursquare:before {
  content: "\f180";
}

.fa-trello:before {
  content: "\f181";
}

.fa-female:before {
  content: "\f182";
}

.fa-male:before {
  content: "\f183";
}

.fa-gittip:before, .fa-gratipay:before {
  content: "\f184";
}

.fa-sun-o:before {
  content: "\f185";
}

.fa-moon-o:before {
  content: "\f186";
}

.fa-archive:before {
  content: "\f187";
}

.fa-bug:before {
  content: "\f188";
}

.fa-vk:before {
  content: "\f189";
}

.fa-weibo:before {
  content: "\f18a";
}

.fa-renren:before {
  content: "\f18b";
}

.fa-pagelines:before {
  content: "\f18c";
}

.fa-stack-exchange:before {
  content: "\f18d";
}

.fa-arrow-circle-o-right:before {
  content: "\f18e";
}

.fa-arrow-circle-o-left:before {
  content: "\f190";
}

.fa-toggle-left:before, .fa-caret-square-o-left:before, .pi-chevron-square-o-left:before {
  content: "\f191";
}

.fa-dot-circle-o:before {
  content: "\f192";
}

.fa-wheelchair:before {
  content: "\f193";
}

.fa-vimeo-square:before {
  content: "\f194";
}

.fa-turkish-lira:before, .fa-try:before {
  content: "\f195";
}

.fa-plus-square-o:before {
  content: "\f196";
}

.fa-space-shuttle:before {
  content: "\f197";
}

.fa-slack:before {
  content: "\f198";
}

.fa-envelope-square:before {
  content: "\f199";
}

.fa-wordpress:before {
  content: "\f19a";
}

.fa-openid:before {
  content: "\f19b";
}

.fa-institution:before, .fa-bank:before, .fa-university:before {
  content: "\f19c";
}

.fa-mortar-board:before, .fa-graduation-cap:before {
  content: "\f19d";
}

.fa-yahoo:before {
  content: "\f19e";
}

.fa-google:before {
  content: "\f1a0";
}

.fa-reddit:before {
  content: "\f1a1";
}

.fa-reddit-square:before {
  content: "\f1a2";
}

.fa-stumbleupon-circle:before {
  content: "\f1a3";
}

.fa-stumbleupon:before {
  content: "\f1a4";
}

.fa-delicious:before {
  content: "\f1a5";
}

.fa-digg:before {
  content: "\f1a6";
}

.fa-pied-piper-pp:before {
  content: "\f1a7";
}

.fa-pied-piper-alt:before {
  content: "\f1a8";
}

.fa-drupal:before {
  content: "\f1a9";
}

.fa-joomla:before {
  content: "\f1aa";
}

.fa-language:before {
  content: "\f1ab";
}

.fa-fax:before {
  content: "\f1ac";
}

.fa-building:before {
  content: "\f1ad";
}

.fa-child:before {
  content: "\f1ae";
}

.fa-paw:before {
  content: "\f1b0";
}

.fa-spoon:before {
  content: "\f1b1";
}

.fa-cube:before {
  content: "\f1b2";
}

.fa-cubes:before {
  content: "\f1b3";
}

.fa-behance:before {
  content: "\f1b4";
}

.fa-behance-square:before {
  content: "\f1b5";
}

.fa-steam:before {
  content: "\f1b6";
}

.fa-steam-square:before {
  content: "\f1b7";
}

.fa-recycle:before {
  content: "\f1b8";
}

.fa-automobile:before, .fa-car:before {
  content: "\f1b9";
}

.fa-cab:before, .fa-taxi:before {
  content: "\f1ba";
}

.fa-tree:before {
  content: "\f1bb";
}

.fa-spotify:before {
  content: "\f1bc";
}

.fa-deviantart:before {
  content: "\f1bd";
}

.fa-soundcloud:before {
  content: "\f1be";
}

.fa-database:before {
  content: "\f1c0";
}

.fa-file-pdf-o:before {
  content: "\f1c1";
}

.fa-file-word-o:before {
  content: "\f1c2";
}

.fa-file-excel-o:before {
  content: "\f1c3";
}

.fa-file-powerpoint-o:before {
  content: "\f1c4";
}

.fa-file-photo-o:before, .fa-file-picture-o:before, .fa-file-image-o:before {
  content: "\f1c5";
}

.fa-file-zip-o:before, .fa-file-archive-o:before {
  content: "\f1c6";
}

.fa-file-sound-o:before, .fa-file-audio-o:before {
  content: "\f1c7";
}

.fa-file-movie-o:before, .fa-file-video-o:before {
  content: "\f1c8";
}

.fa-file-code-o:before {
  content: "\f1c9";
}

.fa-vine:before {
  content: "\f1ca";
}

.fa-codepen:before {
  content: "\f1cb";
}

.fa-jsfiddle:before {
  content: "\f1cc";
}

.fa-life-bouy:before, .fa-life-buoy:before, .fa-life-saver:before, .fa-support:before, .fa-life-ring:before {
  content: "\f1cd";
}

.fa-circle-o-notch:before {
  content: "\f1ce";
}

.fa-ra:before, .fa-resistance:before, .fa-rebel:before {
  content: "\f1d0";
}

.fa-ge:before, .fa-empire:before {
  content: "\f1d1";
}

.fa-git-square:before {
  content: "\f1d2";
}

.fa-git:before {
  content: "\f1d3";
}

.fa-y-combinator-square:before, .fa-yc-square:before, .fa-hacker-news:before {
  content: "\f1d4";
}

.fa-tencent-weibo:before {
  content: "\f1d5";
}

.fa-qq:before {
  content: "\f1d6";
}

.fa-wechat:before, .fa-weixin:before {
  content: "\f1d7";
}

.fa-send:before, .fa-paper-plane:before {
  content: "\f1d8";
}

.fa-send-o:before, .fa-paper-plane-o:before {
  content: "\f1d9";
}

.fa-history:before {
  content: "\f1da";
}

.fa-circle-thin:before {
  content: "\f1db";
}

.fa-header:before {
  content: "\f1dc";
}

.fa-paragraph:before {
  content: "\f1dd";
}

.fa-sliders:before {
  content: "\f1de";
}

.fa-share-alt:before {
  content: "\f1e0";
}

.fa-share-alt-square:before {
  content: "\f1e1";
}

.fa-bomb:before {
  content: "\f1e2";
}

.fa-soccer-ball-o:before, .fa-futbol-o:before {
  content: "\f1e3";
}

.fa-tty:before {
  content: "\f1e4";
}

.fa-binoculars:before {
  content: "\f1e5";
}

.fa-plug:before {
  content: "\f1e6";
}

.fa-slideshare:before {
  content: "\f1e7";
}

.fa-twitch:before {
  content: "\f1e8";
}

.fa-yelp:before {
  content: "\f1e9";
}

.fa-newspaper-o:before {
  content: "\f1ea";
}

.fa-wifi:before {
  content: "\f1eb";
}

.fa-calculator:before {
  content: "\f1ec";
}

.fa-paypal:before {
  content: "\f1ed";
}

.fa-google-wallet:before {
  content: "\f1ee";
}

.fa-cc-visa:before {
  content: "\f1f0";
}

.fa-cc-mastercard:before {
  content: "\f1f1";
}

.fa-cc-discover:before {
  content: "\f1f2";
}

.fa-cc-amex:before {
  content: "\f1f3";
}

.fa-cc-paypal:before {
  content: "\f1f4";
}

.fa-cc-stripe:before {
  content: "\f1f5";
}

.fa-bell-slash:before {
  content: "\f1f6";
}

.fa-bell-slash-o:before {
  content: "\f1f7";
}

.fa-trash:before {
  content: "\f1f8";
}

.fa-copyright:before {
  content: "\f1f9";
}

.fa-at:before {
  content: "\f1fa";
}

.fa-eyedropper:before {
  content: "\f1fb";
}

.fa-paint-brush:before {
  content: "\f1fc";
}

.fa-birthday-cake:before {
  content: "\f1fd";
}

.fa-area-chart:before {
  content: "\f1fe";
}

.fa-pie-chart:before {
  content: "\f200";
}

.fa-line-chart:before {
  content: "\f201";
}

.fa-lastfm:before {
  content: "\f202";
}

.fa-lastfm-square:before {
  content: "\f203";
}

.fa-toggle-off:before {
  content: "\f204";
}

.fa-toggle-on:before {
  content: "\f205";
}

.fa-bicycle:before {
  content: "\f206";
}

.fa-bus:before {
  content: "\f207";
}

.fa-ioxhost:before {
  content: "\f208";
}

.fa-angellist:before {
  content: "\f209";
}

.fa-cc:before {
  content: "\f20a";
}

.fa-shekel:before, .fa-sheqel:before, .fa-ils:before {
  content: "\f20b";
}

.fa-meanpath:before {
  content: "\f20c";
}

.fa-buysellads:before {
  content: "\f20d";
}

.fa-connectdevelop:before {
  content: "\f20e";
}

.fa-dashcube:before {
  content: "\f210";
}

.fa-forumbee:before {
  content: "\f211";
}

.fa-leanpub:before {
  content: "\f212";
}

.fa-sellsy:before {
  content: "\f213";
}

.fa-shirtsinbulk:before {
  content: "\f214";
}

.fa-simplybuilt:before {
  content: "\f215";
}

.fa-skyatlas:before {
  content: "\f216";
}

.fa-cart-plus:before {
  content: "\f217";
}

.fa-cart-arrow-down:before {
  content: "\f218";
}

.fa-diamond:before {
  content: "\f219";
}

.fa-ship:before {
  content: "\f21a";
}

.fa-user-secret:before {
  content: "\f21b";
}

.fa-motorcycle:before {
  content: "\f21c";
}

.fa-street-view:before {
  content: "\f21d";
}

.fa-heartbeat:before {
  content: "\f21e";
}

.fa-venus:before {
  content: "\f221";
}

.fa-mars:before {
  content: "\f222";
}

.fa-mercury:before {
  content: "\f223";
}

.fa-intersex:before, .fa-transgender:before {
  content: "\f224";
}

.fa-transgender-alt:before {
  content: "\f225";
}

.fa-venus-double:before {
  content: "\f226";
}

.fa-mars-double:before {
  content: "\f227";
}

.fa-venus-mars:before {
  content: "\f228";
}

.fa-mars-stroke:before {
  content: "\f229";
}

.fa-mars-stroke-v:before {
  content: "\f22a";
}

.fa-mars-stroke-h:before {
  content: "\f22b";
}

.fa-neuter:before {
  content: "\f22c";
}

.fa-genderless:before {
  content: "\f22d";
}

.fa-facebook-official:before {
  content: "\f230";
}

.fa-pinterest-p:before {
  content: "\f231";
}

.fa-whatsapp:before {
  content: "\f232";
}

.fa-server:before {
  content: "\f233";
}

.fa-user-plus:before {
  content: "\f234";
}

.fa-user-times:before {
  content: "\f235";
}

.fa-hotel:before, .fa-bed:before {
  content: "\f236";
}

.fa-viacoin:before {
  content: "\f237";
}

.fa-train:before {
  content: "\f238";
}

.fa-subway:before {
  content: "\f239";
}

.fa-medium:before {
  content: "\f23a";
}

.fa-yc:before, .fa-y-combinator:before {
  content: "\f23b";
}

.fa-optin-monster:before {
  content: "\f23c";
}

.fa-opencart:before {
  content: "\f23d";
}

.fa-expeditedssl:before {
  content: "\f23e";
}

.fa-battery-4:before, .fa-battery:before, .fa-battery-full:before {
  content: "\f240";
}

.fa-battery-3:before, .fa-battery-three-quarters:before {
  content: "\f241";
}

.fa-battery-2:before, .fa-battery-half:before {
  content: "\f242";
}

.fa-battery-1:before, .fa-battery-quarter:before {
  content: "\f243";
}

.fa-battery-0:before, .fa-battery-empty:before {
  content: "\f244";
}

.fa-mouse-pointer:before {
  content: "\f245";
}

.fa-i-cursor:before {
  content: "\f246";
}

.fa-object-group:before {
  content: "\f247";
}

.fa-object-ungroup:before {
  content: "\f248";
}

.fa-sticky-note:before {
  content: "\f249";
}

.fa-sticky-note-o:before {
  content: "\f24a";
}

.fa-cc-jcb:before {
  content: "\f24b";
}

.fa-cc-diners-club:before {
  content: "\f24c";
}

.fa-clone:before {
  content: "\f24d";
}

.fa-balance-scale:before {
  content: "\f24e";
}

.fa-hourglass-o:before {
  content: "\f250";
}

.fa-hourglass-1:before, .fa-hourglass-start:before {
  content: "\f251";
}

.fa-hourglass-2:before, .fa-hourglass-half:before {
  content: "\f252";
}

.fa-hourglass-3:before, .fa-hourglass-end:before {
  content: "\f253";
}

.fa-hourglass:before {
  content: "\f254";
}

.fa-hand-grab-o:before, .fa-hand-rock-o:before {
  content: "\f255";
}

.fa-hand-stop-o:before, .fa-hand-paper-o:before {
  content: "\f256";
}

.fa-hand-scissors-o:before {
  content: "\f257";
}

.fa-hand-lizard-o:before {
  content: "\f258";
}

.fa-hand-spock-o:before {
  content: "\f259";
}

.fa-hand-pointer-o:before {
  content: "\f25a";
}

.fa-hand-peace-o:before {
  content: "\f25b";
}

.fa-trademark:before {
  content: "\f25c";
}

.fa-registered:before {
  content: "\f25d";
}

.fa-creative-commons:before {
  content: "\f25e";
}

.fa-gg:before {
  content: "\f260";
}

.fa-gg-circle:before {
  content: "\f261";
}

.fa-tripadvisor:before {
  content: "\f262";
}

.fa-odnoklassniki:before {
  content: "\f263";
}

.fa-odnoklassniki-square:before {
  content: "\f264";
}

.fa-get-pocket:before {
  content: "\f265";
}

.fa-wikipedia-w:before {
  content: "\f266";
}

.fa-safari:before {
  content: "\f267";
}

.fa-chrome:before {
  content: "\f268";
}

.fa-firefox:before {
  content: "\f269";
}

.fa-opera:before {
  content: "\f26a";
}

.fa-internet-explorer:before {
  content: "\f26b";
}

.fa-tv:before, .fa-television:before {
  content: "\f26c";
}

.fa-contao:before {
  content: "\f26d";
}

.fa-500px:before {
  content: "\f26e";
}

.fa-amazon:before {
  content: "\f270";
}

.fa-calendar-plus-o:before {
  content: "\f271";
}

.fa-calendar-minus-o:before {
  content: "\f272";
}

.fa-calendar-times-o:before {
  content: "\f273";
}

.fa-calendar-check-o:before {
  content: "\f274";
}

.fa-industry:before {
  content: "\f275";
}

.fa-map-pin:before {
  content: "\f276";
}

.fa-map-signs:before {
  content: "\f277";
}

.fa-map-o:before {
  content: "\f278";
}

.fa-map:before {
  content: "\f279";
}

.fa-commenting:before {
  content: "\f27a";
}

.fa-commenting-o:before {
  content: "\f27b";
}

.fa-houzz:before {
  content: "\f27c";
}

.fa-vimeo:before {
  content: "\f27d";
}

.fa-black-tie:before {
  content: "\f27e";
}

.fa-fonticons:before {
  content: "\f280";
}

.fa-reddit-alien:before {
  content: "\f281";
}

.fa-edge:before {
  content: "\f282";
}

.fa-credit-card-alt:before {
  content: "\f283";
}

.fa-codiepie:before {
  content: "\f284";
}

.fa-modx:before {
  content: "\f285";
}

.fa-fort-awesome:before {
  content: "\f286";
}

.fa-usb:before {
  content: "\f287";
}

.fa-product-hunt:before {
  content: "\f288";
}

.fa-mixcloud:before {
  content: "\f289";
}

.fa-scribd:before {
  content: "\f28a";
}

.fa-pause-circle:before {
  content: "\f28b";
}

.fa-pause-circle-o:before {
  content: "\f28c";
}

.fa-stop-circle:before {
  content: "\f28d";
}

.fa-stop-circle-o:before {
  content: "\f28e";
}

.fa-shopping-bag:before {
  content: "\f290";
}

.fa-shopping-basket:before {
  content: "\f291";
}

.fa-hashtag:before {
  content: "\f292";
}

.fa-bluetooth:before {
  content: "\f293";
}

.fa-bluetooth-b:before {
  content: "\f294";
}

.fa-percent:before {
  content: "\f295";
}

.fa-gitlab:before {
  content: "\f296";
}

.fa-wpbeginner:before {
  content: "\f297";
}

.fa-wpforms:before {
  content: "\f298";
}

.fa-envira:before {
  content: "\f299";
}

.fa-universal-access:before {
  content: "\f29a";
}

.fa-wheelchair-alt:before {
  content: "\f29b";
}

.fa-question-circle-o:before {
  content: "\f29c";
}

.fa-blind:before {
  content: "\f29d";
}

.fa-audio-description:before {
  content: "\f29e";
}

.fa-volume-control-phone:before {
  content: "\f2a0";
}

.fa-braille:before {
  content: "\f2a1";
}

.fa-assistive-listening-systems:before {
  content: "\f2a2";
}

.fa-asl-interpreting:before, .fa-american-sign-language-interpreting:before {
  content: "\f2a3";
}

.fa-deafness:before, .fa-hard-of-hearing:before, .fa-deaf:before {
  content: "\f2a4";
}

.fa-glide:before {
  content: "\f2a5";
}

.fa-glide-g:before {
  content: "\f2a6";
}

.fa-signing:before, .fa-sign-language:before {
  content: "\f2a7";
}

.fa-low-vision:before {
  content: "\f2a8";
}

.fa-viadeo:before {
  content: "\f2a9";
}

.fa-viadeo-square:before {
  content: "\f2aa";
}

.fa-snapchat:before {
  content: "\f2ab";
}

.fa-snapchat-ghost:before {
  content: "\f2ac";
}

.fa-snapchat-square:before {
  content: "\f2ad";
}

.fa-pied-piper:before {
  content: "\f2ae";
}

.fa-first-order:before {
  content: "\f2b0";
}

.fa-yoast:before {
  content: "\f2b1";
}

.fa-themeisle:before {
  content: "\f2b2";
}

.fa-google-plus-circle:before, .fa-google-plus-official:before {
  content: "\f2b3";
}

.fa-fa:before, .fa-font-awesome:before {
  content: "\f2b4";
}

.fa-handshake-o:before {
  content: "\f2b5";
}

.fa-envelope-open:before {
  content: "\f2b6";
}

.fa-envelope-open-o:before {
  content: "\f2b7";
}

.fa-linode:before {
  content: "\f2b8";
}

.fa-address-book:before {
  content: "\f2b9";
}

.fa-address-book-o:before {
  content: "\f2ba";
}

.fa-vcard:before, .fa-address-card:before {
  content: "\f2bb";
}

.fa-vcard-o:before, .fa-address-card-o:before {
  content: "\f2bc";
}

.fa-user-circle:before {
  content: "\f2bd";
}

.fa-user-circle-o:before {
  content: "\f2be";
}

.fa-user-o:before {
  content: "\f2c0";
}

.fa-id-badge:before {
  content: "\f2c1";
}

.fa-drivers-license:before, .fa-id-card:before {
  content: "\f2c2";
}

.fa-drivers-license-o:before, .fa-id-card-o:before {
  content: "\f2c3";
}

.fa-quora:before {
  content: "\f2c4";
}

.fa-free-code-camp:before {
  content: "\f2c5";
}

.fa-telegram:before {
  content: "\f2c6";
}

.fa-thermometer-4:before, .fa-thermometer:before, .fa-thermometer-full:before {
  content: "\f2c7";
}

.fa-thermometer-3:before, .fa-thermometer-three-quarters:before {
  content: "\f2c8";
}

.fa-thermometer-2:before, .fa-thermometer-half:before {
  content: "\f2c9";
}

.fa-thermometer-1:before, .fa-thermometer-quarter:before {
  content: "\f2ca";
}

.fa-thermometer-0:before, .fa-thermometer-empty:before {
  content: "\f2cb";
}

.fa-shower:before {
  content: "\f2cc";
}

.fa-bathtub:before, .fa-s15:before, .fa-bath:before {
  content: "\f2cd";
}

.fa-podcast:before {
  content: "\f2ce";
}

.fa-window-maximize:before {
  content: "\f2d0";
}

.fa-window-minimize:before {
  content: "\f2d1";
}

.fa-window-restore:before {
  content: "\f2d2";
}

.fa-times-rectangle:before, .fa-window-close:before {
  content: "\f2d3";
}

.fa-times-rectangle-o:before, .fa-window-close-o:before {
  content: "\f2d4";
}

.fa-bandcamp:before {
  content: "\f2d5";
}

.fa-grav:before {
  content: "\f2d6";
}

.fa-etsy:before {
  content: "\f2d7";
}

.fa-imdb:before {
  content: "\f2d8";
}

.fa-ravelry:before {
  content: "\f2d9";
}

.fa-eercast:before {
  content: "\f2da";
}

.fa-microchip:before {
  content: "\f2db";
}

.fa-snowflake-o:before {
  content: "\f2dc";
}

.fa-superpowers:before {
  content: "\f2dd";
}

.fa-wpexplorer:before {
  content: "\f2de";
}

.fa-meetup:before {
  content: "\f2e0";
}

.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}

.sr-only-focusable:active, .sr-only-focusable:focus {
  position: static;
  width: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  clip: auto;
}

.ui-widget, .ui-widget * {
  box-sizing: border-box;
}

.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-hidden-accessible input,
.ui-helper-hidden-accessible select {
  transform: scale(0);
}

.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;
}

.ui-helper-clearfix:after {
  clear: both;
}

.ui-helper-clearfix {
  zoom: 1;
}

.ui-helper-zfix {
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  position: absolute;
  opacity: 0;
  filter: Alpha(Opacity=0);
}

.ui-state-disabled {
  cursor: default !important;
}

.ui-state-disabled a {
  cursor: default !important;
}

.ui-icon {
  display: block;
  text-indent: -99999px;
  overflow: hidden;
  background-repeat: no-repeat;
}

.ui-widget-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.ui-resizable {
  position: relative;
}

.ui-resizable-handle {
  position: absolute;
  font-size: 0.1px;
  display: block;
}

.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-shadow {
  -webkit-box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.3);
  box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.3);
}

.ui-unselectable-text {
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -o-user-select: none;
  user-select: none;
}

.ui-scrollbar-measure {
  width: 100px;
  height: 100px;
  overflow: scroll;
  position: absolute;
  top: -9999px;
}

.ui-overflow-hidden {
  overflow: hidden;
}

.ui-accordion {
  width: 100%;
}

.ui-accordion .ui-accordion-header {
  cursor: pointer;
  position: relative;
  margin-top: 1px;
  zoom: 1;
}

.ui-accordion .ui-accordion-header a {
  display: block;
  padding: 0.5em 0.5em 0.5em 2em;
}

.ui-accordion .ui-accordion-header > .fa, .ui-accordion .ui-accordion-header > .pi {
  position: absolute;
  left: 0.5em;
  top: 50%;
  margin-top: -0.5em;
}

.ui-accordion .ui-accordion-content {
  padding: 1em;
  border-top: 0;
  overflow: visible;
  zoom: 1;
}

.ui-accordion .ui-accordion-header.ui-state-disabled,
.ui-accordion .ui-accordion-header.ui-state-disabled a {
  cursor: default;
}

.ui-accordion-content-wrapper-overflown {
  overflow: hidden;
}

.ui-rtl .ui-accordion .ui-accordion-header a {
  padding: 0.5em 2em 0.5em 0.5em;
}

.ui-rtl .ui-accordion .ui-accordion-header > .fa, .ui-rtl .ui-accordion .ui-accordion-header > .pi {
  left: initial;
  right: 0.5em;
}

.ui-rtl .ui-accordion .ui-accordion-header > .fa-caret-right:before, .ui-rtl .ui-accordion .ui-accordion-header > .pi-chevron-right:before {
  content: "\f0d9";
}

.ui-autocomplete {
  width: auto;
  zoom: 1;
  cursor: pointer;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  position: relative;
  display: inline-block;
}

.ui-autocomplete .ui-autocomplete-dropdown {
  height: 100%;
  width: 2em;
  margin-right: 0;
  vertical-align: top;
}

.ui-autocomplete-query {
  font-weight: bold;
}

.ui-autocomplete-panel {
  position: absolute;
  overflow: auto;
}

.ui-autocomplete-panel .ui-autocomplete-list {
  padding: 0.4em;
  border: 0 none;
}

.ui-autocomplete-panel .ui-autocomplete-list-item {
  border: 0 none;
  cursor: pointer;
  font-weight: normal;
  margin: 1px 0;
  padding: 0.186em 0.313em;
  text-align: left;
}

.ui-autocomplete .ui-button-icon-only,
.ui-autocomplete .ui-button-icon-only:hover,
.ui-autocomplete .ui-button-icon-only:focus,
.ui-autocomplete .ui-button-icon-only:active {
  border-left: 0 none;
}

/* Multiple Selection */
.ui-autocomplete-multiple-container {
  display: inline-block;
}

.ui-autocomplete-multiple-container.ui-inputtext {
  clear: left;
  cursor: text;
  list-style-type: none;
  margin: 0;
  overflow: hidden;
  padding: 0 0.25em;
}

.ui-autocomplete-token {
  cursor: default;
  display: inline-block;
  vertical-align: middle;
  overflow: hidden;
  padding: 0.125em 0.5em;
  white-space: nowrap;
  position: relative;
  margin-right: 0.125em;
  border: 0 none;
  font-size: 0.9em;
}

.ui-autocomplete-token-label {
  display: block;
  margin-right: 2em;
}

.ui-autocomplete-token-icon {
  margin-top: -0.5em;
  position: absolute;
  right: 0.2em;
  top: 50%;
  cursor: pointer;
}

.ui-autocomplete-input-token {
  display: inline-block;
  vertical-align: middle;
  list-style-type: none;
  margin: 0 0 0 0.125em;
  padding: 0.25em 0.25em 0.25em 0;
}

.ui-autocomplete-input-token input {
  border: 0 none;
  width: 10em;
  outline: medium none;
  background-color: transparent;
  margin: 0;
  padding: 0;
  box-shadow: none;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  border-radius: 0;
}

.ui-autocomplete-dd input.ui-corner-all,
.ui-autocomplete-dd .ui-autocomplete-multiple-container.ui-corner-all {
  -moz-border-radius-topright: 0px;
  -webkit-border-top-right-radius: 0px;
  border-top-right-radius: 0px;
  -moz-border-radius-bottomright: 0px;
  -webkit-border-bottom-right-radius: 0px;
  border-bottom-right-radius: 0px;
}

.ui-autocomplete-dd .ui-autocomplete-dropdown.ui-corner-all {
  -moz-border-radius-topleft: 0px;
  -webkit-border-top-left-radius: 0px;
  border-top-left-radius: 0px;
  -moz-border-radius-bottomleft: 0px;
  -webkit-border-bottom-left-radius: 0px;
  border-bottom-left-radius: 0px;
}

/** AutoComplete **/
.ui-fluid .ui-autocomplete,
.ui-fluid .ui-autocomplete-input {
  width: 100%;
}

.ui-fluid .ui-autocomplete.ui-autocomplete-dd .ui-autocomplete-input,
.ui-fluid .ui-autocomplete.ui-autocomplete-dd .ui-autocomplete-multiple-container {
  width: calc(100% - 2em);
}

.ui-fluid .ui-autocomplete .ui-autocomplete-dropdown.ui-button {
  width: 2em;
}

.ui-blockui {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.ui-blockui-document {
  position: fixed;
}

/** Breadcrumb **/
.ui-breadcrumb {
  margin: 0;
  padding: 0;
  padding: 0.3em;
}

.ui-breadcrumb ul {
  margin: 0;
  padding: 0;
}

.ui-breadcrumb ul li {
  display: inline-block;
  vertical-align: middle;
}

.ui-breadcrumb ul li .ui-menuitem-link {
  text-decoration: none;
}

/* Button */
.ui-button {
  display: inline-block;
  position: relative;
  padding: 0;
  margin-right: 0.1em;
  text-decoration: none !important;
  cursor: pointer;
  text-align: center;
  zoom: 1;
  overflow: visible; /* the overflow property removes extra width in IE */
}

.ui-button-icon-only {
  width: 2em;
}

/*button text element */
.ui-button .ui-button-text {
  display: block;
  line-height: normal;
}

.ui-button-text-only .ui-button-text {
  padding: 0.25em 1em;
}

.ui-button-icon-only .ui-button-text {
  padding: 0.25em;
  text-indent: -9999999px;
}

.ui-button-text-icon-left .ui-button-text {
  padding: 0.25em 1em 0.25em 2.1em;
}

.ui-button-text-icon-right .ui-button-text {
  padding: 0.25em 2.1em 0.25em 1em;
}

/*button icon element(s) */
.ui-button-icon-only .fa,
.ui-button-text-icon-left .fa,
.ui-button-text-icon-right .fa,
.ui-button-icon-only .pi,
.ui-button-text-icon-left .pi,
.ui-button-text-icon-right .pi {
  position: absolute;
  top: 50%;
  margin-top: -0.5em;
}

.ui-button-icon-only .fa, .ui-button-icon-only .pi {
  top: 50%;
  left: 50%;
  margin-top: -0.5em;
  margin-left: -0.6em;
}

.ui-button-icon-left {
  left: 0.5em;
}

.ui-button-icon-right {
  right: 0.5em;
}

/*button sets*/
.ui-buttonset .ui-button {
  margin-left: 0;
  margin-right: 0;
}

/* workarounds */
button.ui-button::-moz-focus-inner {
  /*border: 0; comment border 0 to see outline in firefox */
  padding: 0; /* reset extra padding in Firefox */
}

/** Fluid **/
.ui-fluid .ui-button {
  width: 100%;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
}

.ui-fluid .ui-button-text-icon-left .ui-button-text,
.ui-fluid .ui-button-text-icon-right .ui-button-text {
  padding-left: 1em;
  padding-right: 1em;
}

/** ButtonSet **/
.ui-fluid .ui-buttonset {
  width: 100%;
}

.ui-fluid .ui-buttonset.ui-buttonset-1 .ui-button {
  width: 100%;
}

.ui-fluid .ui-buttonset.ui-buttonset-2 .ui-button {
  width: 50%;
}

.ui-fluid .ui-buttonset.ui-buttonset-3 .ui-button {
  width: 33.3%;
}

.ui-fluid .ui-buttonset.ui-buttonset-4 .ui-button {
  width: 25%;
}

.ui-fluid .ui-buttonset.ui-buttonset-5 .ui-button {
  width: 20%;
}

.ui-fluid .ui-buttonset.ui-buttonset-6 .ui-button {
  width: 16.6%;
}

@media (max-width: 640px) {
  .ui-fluid .ui-buttonset.ui-buttonset-1 .ui-button,
.ui-fluid .ui-buttonset.ui-buttonset-2 .ui-button,
.ui-fluid .ui-buttonset.ui-buttonset-3 .ui-button,
.ui-fluid .ui-buttonset.ui-buttonset-4 .ui-button,
.ui-fluid .ui-buttonset.ui-buttonset-5 .ui-button,
.ui-fluid .ui-buttonset.ui-buttonset-6 .ui-button {
    width: 100%;
  }
}
/* Severity Buttons */
/* Secondary */
.ui-button.ui-button-secondary.ui-state-default,
.ui-splitbutton.ui-button-secondary .ui-button.ui-state-default {
  background-color: #ffffff;
  border-color: #cccccc;
  color: #373a3c;
}

.ui-button.ui-button-secondary:enabled:hover,
.ui-button.ui-button-secondary:focus,
.ui-splitbutton.ui-button-secondary .ui-button:enabled:hover,
.ui-splitbutton.ui-button-secondary .ui-button:focus {
  background-color: #f2f2f2;
  border-color: #cccccc;
  color: #373a3c;
}

.ui-button.ui-button-secondary:enabled:active,
.ui-splitbutton.ui-button-secondary .ui-button:enabled:active {
  background-color: #e6e6e6;
  border-color: #cccccc;
  color: #373a3c;
}

/* Success */
.ui-button.ui-button-success.ui-state-default,
.ui-splitbutton.ui-button-success .ui-button.ui-state-default {
  background-color: #5cb85c;
  border-color: #5cb85c;
  color: #ffffff;
}

.ui-button.ui-button-success:enabled:hover,
.ui-button.ui-button-success:focus,
.ui-splitbutton.ui-button-success .ui-button:enabled:hover,
.ui-splitbutton.ui-button-success .ui-button:focus {
  background-color: #4cae4c;
  border-color: #5cb85c;
}

.ui-button.ui-button-success:enabled:active,
.ui-splitbutton.ui-button-success .ui-button:enabled:active {
  background-color: #449d44;
  border-color: #5cb85c;
}

/* Info */
.ui-button.ui-button-info.ui-state-default,
.ui-splitbutton.ui-button-info .ui-button.ui-state-default {
  background-color: #5bc0de;
  border-color: #5bc0de;
  color: #ffffff;
}

.ui-button.ui-button-info:enabled:hover,
.ui-button.ui-button-info:focus,
.ui-splitbutton.ui-button-info .ui-button:enabled:hover,
.ui-splitbutton.ui-button-info .ui-button:focus {
  background-color: #46b8da;
  border-color: #5bc0de;
}

.ui-button.ui-button-info:enabled:active,
.ui-splitbutton.ui-button-info .ui-button:enabled:active {
  background-color: #31b0d5;
  border-color: #5bc0de;
}

/* Warning */
.ui-button.ui-button-warning.ui-state-default,
.ui-splitbutton.ui-button-warning .ui-button.ui-state-default {
  background-color: #f0ad4e;
  border-color: #f0ad4e;
  color: #ffffff;
}

.ui-button.ui-button-warning:enabled:hover,
.ui-button.ui-button-warning:focus,
.ui-splitbutton.ui-button-warning .ui-button:enabled:hover,
.ui-splitbutton.ui-button-warning .ui-button:focus {
  background-color: #eea236;
  border-color: #f0ad4e;
}

.ui-button.ui-button-warning:enabled:active,
.ui-splitbutton.ui-button-warning .ui-button:enabled:active {
  background-color: #ec971f;
  border-color: #f0ad4e;
}

/* Danger */
.ui-button.ui-button-danger.ui-state-default,
.ui-splitbutton.ui-button-danger .ui-button.ui-state-default {
  background-color: #d9534f;
  border-color: #d9534f;
  color: #ffffff;
}

.ui-button.ui-button-danger:enabled:hover,
.ui-button.ui-button-danger:focus,
.ui-splitbutton.ui-button-danger .ui-button:enabled:hover,
.ui-splitbutton.ui-button-danger .ui-button:focus {
  background-color: #d43f3a;
  border-color: #d9534f;
}

.ui-button.ui-button-danger:enabled:active,
.ui-splitbutton.ui-button-danger .ui-button:enabled:active {
  background-color: #c9302c;
  border-color: #d9534f;
}

.ui-calendar {
  position: relative;
  display: inline-block;
}

.ui-calendar button {
  position: absolute;
  height: 100%;
  border-top-left-radius: 0px;
  border-bottom-left-radius: 0px;
  position: absolute;
  width: 2em;
  border-left: 0 none;
}

.ui-calendar button:enabled:hover,
.ui-calendar button:focus {
  border-left: 0 none;
}

/* Fluid */
.ui-fluid .ui-calendar {
  width: 100%;
}

.ui-fluid .ui-calendar button {
  width: 2em;
}

.ui-fluid .ui-calendar.ui-calendar-w-btn .ui-inputtext {
  width: calc(100% - 2em);
}

/* Datepicker */
.ui-datepicker {
  width: 17em;
  padding: 0.2em;
  display: none;
  position: absolute;
}

.ui-datepicker.ui-datepicker-inline {
  display: block;
  position: static;
}

.ui-datepicker .ui-datepicker-header {
  position: relative;
  padding: 0.2em 0;
}

.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {
  position: absolute;
  top: 0.125em;
  width: 1.8em;
  height: 1.8em;
}

.ui-datepicker .ui-datepicker-prev {
  left: 0.125em;
}

.ui-datepicker .ui-datepicker-next {
  right: 0.125em;
}

.ui-datepicker .ui-datepicker-prev span,
.ui-datepicker .ui-datepicker-next span {
  display: block;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-top: -0.5em;
}

.ui-datepicker .ui-datepicker-prev span {
  margin-left: -0.25em;
}

.ui-datepicker .ui-datepicker-next span {
  margin-left: -0.125em;
}

.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: 0.125em 0;
  vertical-align: middle;
}

.ui-datepicker select.ui-datepicker-month {
  width: 55%;
}

.ui-datepicker select.ui-datepicker-year {
  width: 35%;
}

.ui-datepicker select.ui-datepicker-month {
  margin-right: 0.25em;
}

.ui-datepicker table {
  width: 100%;
  font-size: 0.9em;
  border-collapse: collapse;
  margin: 0 0 0.4em;
}

.ui-datepicker th {
  padding: 0.7em 0.3em;
  text-align: center;
  font-weight: bold;
  border: 0;
}

.ui-datepicker td {
  border: 0;
  padding: 0.125em;
}

.ui-datepicker td span,
.ui-datepicker td a {
  display: block;
  padding: 0.2em;
  text-align: right;
  text-decoration: none;
}

.ui-datepicker .ui-datepicker-buttonpane {
  background-image: none;
  margin: 0.7em 0 0 0;
  padding: 0 0.2em;
  border-left: 0;
  border-right: 0;
  border-bottom: 0;
}

.ui-datepicker .ui-datepicker-buttonpane button {
  float: right;
  margin: 0.5em 0.2em 0.4em;
  cursor: pointer;
  padding: 0.2em 0.6em 0.3em 0.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 0.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;
}

.ui-calendar.ui-calendar-w-btn input {
  -moz-border-radius-topright: 0px;
  -webkit-border-top-right-radius: 0px;
  -khtml-border-top-right-radius: 0px;
  border-top-right-radius: 0px;
  -moz-border-radius-bottomright: 0px;
  -webkit-border-bottom-right-radius: 0px;
  -khtml-border-bottom-right-radius: 0px;
  border-bottom-right-radius: 0px;
}

.ui-timepicker {
  text-align: center;
  padding: 0.5em 0;
}

.ui-timepicker > div {
  display: inline-block;
  margin-left: 0.5em;
  min-width: 1.5em;
}

.ui-timepicker > .ui-minute-picker,
.ui-timepicker > .ui-second-picker {
  margin-left: 0;
}

.ui-timepicker > .ui-separator {
  margin-left: 0px;
  min-width: 0.75em;
}

.ui-timepicker > .ui-separator a {
  visibility: hidden;
}

.ui-timepicker > div a {
  display: block;
  opacity: 0.7;
  filter: Alpha(Opacity=70);
}

.ui-timepicker > div a:hover {
  display: block;
  opacity: 1;
  filter: Alpha(Opacity=100);
}

.ui-carousel {
  position: relative;
  padding: 0.063em;
}

.ui-carousel .ui-carousel-viewport .ui-carousel-items {
  list-style: none outside none;
  margin: 0;
  padding: 0;
  position: relative;
  width: 32000px;
  left: 0;
}

.ui-carousel .ui-carousel-viewport .ui-carousel-items .ui-carousel-item {
  margin: 1px;
  padding: 0;
  float: left;
  box-sizing: border-box;
}

.ui-carousel .ui-carousel-viewport {
  overflow: hidden;
  position: relative;
  border: 0;
}

.ui-carousel .ui-carousel-footer {
  margin: 1px 1px 0px 1px;
  padding: 0.5em;
  overflow: hidden;
}

.ui-carousel .ui-carousel-header {
  margin: 0 1px;
  overflow: hidden;
  padding: 0.625em;
}

.ui-carousel .ui-carousel-header .ui-carousel-header-title {
  display: inline-block;
  overflow: hidden;
}

.ui-carousel .ui-carousel-dropdown,
.ui-carousel .ui-carousel-mobiledropdown {
  float: right;
  margin: 0px 0.625em;
  background-image: none;
}

.ui-carousel .ui-carousel-dropdown option,
.ui-carousel .ui-carousel-mobiledropdown option {
  background-image: none;
  border: 0 none;
  box-shadow: none;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
}

.ui-carousel .ui-carousel-button {
  float: right;
  margin: 0.125em;
}

.ui-carousel .ui-carousel-page-link {
  float: left;
  margin: 0 0.125em;
  text-decoration: none;
}

.ui-carousel .ui-carousel-page-link,
.ui-carousel .ui-carousel-button {
  cursor: pointer;
}

.ui-carousel .ui-carousel-page-links {
  margin: 0px 0.5em;
  margin-top: 0.125em;
  float: right;
}

.ui-carousel .ui-carousel-mobiledropdown {
  display: none;
}

.ui-chkbox {
  display: inline-block;
  cursor: pointer;
  vertical-align: middle;
  margin-right: 0.25em;
}

.ui-chkbox .ui-chkbox-box {
  width: 1.125em;
  height: 1.125em;
  line-height: 1.125em;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  border-radius: 2px;
  text-align: center;
}

.ui-chkbox .ui-chkbox-icon {
  display: block;
}

.ui-chkbox-label {
  vertical-align: middle;
}

.ui-chips > ul.ui-inputtext {
  clear: left;
  cursor: text;
  list-style-type: none;
  margin: 0;
  overflow: hidden;
  padding: 0 0.25em;
}

.ui-chips-token {
  cursor: default;
  display: inline-block;
  vertical-align: middle;
  overflow: hidden;
  padding: 0.125em 0.5em;
  white-space: nowrap;
  position: relative;
  margin-right: 0.125em;
  border: 0 none;
  font-size: 0.9em;
}

.ui-chips-token .ui-chips-token-label {
  display: block;
  margin-right: 2em;
}

.ui-chips > .ui-state-disabled .ui-chips-token-label {
  margin-right: 0;
}

.ui-chips-token .ui-chips-token-icon {
  margin-top: -0.5em;
  position: absolute;
  right: 0.2em;
  top: 50%;
  cursor: pointer;
}

.ui-chips-input-token {
  display: inline-block;
  vertical-align: middle;
  list-style-type: none;
  margin: 0 0 0 0.125em;
  padding: 0.25em 0.25em 0.25em 0;
}

.ui-chips-input-token input {
  border: 0 none;
  width: 10em;
  outline: medium none;
  background-color: transparent;
  margin: 0;
  padding: 0;
  box-shadow: none;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  border-radius: 0;
}

.ui-colorpicker {
  display: inline-block;
}

.ui-colorpicker-dragging {
  cursor: pointer;
}

.ui-colorpicker-overlay {
  position: relative;
}

.ui-colorpicker-panel {
  position: relative;
  width: 193px;
  height: 166px;
  background-color: #323232;
  border-color: #191919;
}

.ui-colorpicker-overlay-panel {
  display: none;
  position: absolute;
}

.ui-colorpicker-preview {
  width: 2em;
  cursor: pointer;
}

.ui-colorpicker-panel .ui-colorpicker-content {
  position: relative;
}

.ui-colorpicker-panel .ui-colorpicker-color-selector {
  width: 150px;
  height: 150px;
  top: 8px;
  left: 8px;
  position: absolute;
}

.ui-colorpicker-panel .ui-colorpicker-color {
  width: 150px;
  height: 150px;
  background: transparent url("../images/primeng/color.png") no-repeat left top;
}

.ui-colorpicker-panel .ui-colorpicker-color-handle {
  position: absolute;
  top: 0px;
  left: 150px;
  border-radius: 100%;
  width: 10px;
  height: 10px;
  border: 1px solid #ffffff;
  margin: -5px 0 0 -5px;
  cursor: pointer;
}

.ui-colorpicker-panel .ui-colorpicker-hue {
  background: transparent url("../images/primeng/hue.png") no-repeat left top;
  width: 17px;
  height: 150px;
  top: 8px;
  left: 167px;
  position: absolute;
  opacity: 0.85;
}

.ui-colorpicker-panel .ui-colorpicker-hue-handle {
  position: absolute;
  top: 150px;
  left: 0px;
  width: 21px;
  margin-left: -2px;
  margin-top: -5px;
  height: 10px;
  border: 2px solid #ffffff;
  opacity: 0.85;
  cursor: pointer;
}

.ui-colorpicker-panel.ui-state-disabled .ui-colorpicker-hue-handle,
.ui-colorpicker-panel.ui-state-disabled .ui-colorpicker-color-handle {
  opacity: 0.5;
}

.ui-datagrid .ui-paginator {
  text-align: center;
  border-top: 0 none;
}

.ui-datagrid-column {
  padding: 0.25em;
}

.ui-datagrid-content-empty {
  padding: 0.25em 0.625em;
}

.ui-datagrid .ui-datagrid-header,
.ui-datagrid .ui-datagrid-footer {
  text-align: center;
  padding: 0.5em 0.75em;
}

.ui-datagrid .ui-datagrid-header {
  border-bottom: 0 none;
}

.ui-datagrid .ui-datagrid-footer {
  border-top: 0 none;
}

.ui-datagrid .ui-paginator-top {
  border-bottom: 0 none;
}

.ui-datagrid .ui-paginator-bottom {
  border-top: 0 none;
}

.ui-datalist .ui-datalist-header,
.ui-datalist .ui-datalist-footer {
  text-align: center;
  padding: 0.5em 0.75em;
}

.ui-datalist .ui-datalist-header {
  border-bottom: 0 none;
}

.ui-datalist .ui-datalist-footer {
  border-top: 0 none;
}

.ui-datalist .ui-paginator {
  border-top: 0 none;
}

.ui-datalist .ui-datalist-data {
  margin: 0;
  padding: 0;
}

.ui-datalist .ui-datalist-data > li {
  list-style-type: none;
}

.ui-datalist .ui-datalist-emptymessage {
  padding: 0.5em 0.75em;
}

.ui-datalist.ui-datalist-scrollable .ui-datalist-content {
  overflow: auto;
}

.ui-datascroller .ui-datascroller-header {
  text-align: center;
  padding: 0.5em 0.75em;
  border-bottom: 0 none;
}

.ui-datascroller .ui-datascroller-footer {
  text-align: center;
  padding: 0.25em 0.625em;
  border-top: 0px none;
}

.ui-datascroller .ui-datascroller-content {
  padding: 0.25em 0.625em;
}

.ui-datascroller-inline .ui-datascroller-content {
  overflow: auto;
}

.ui-datascroller .ui-datascroller-list {
  list-style-type: none;
  margin: 0;
  padding: 0;
}

.ui-datatable {
  position: relative;
}

.ui-datatable table {
  border-collapse: collapse;
  width: 100%;
  table-layout: fixed;
}

.ui-datatable .ui-datatable-header,
.ui-datatable .ui-datatable-caption,
.ui-datatable .ui-datatable-footer {
  text-align: center;
  padding: 0.5em 0.75em;
  box-sizing: border-box;
}

.ui-datatable .ui-datatable-caption,
.ui-datatable .ui-datatable-header {
  border-bottom: 0 none;
}

.ui-datatable .ui-datatable-footer {
  border-top: 0 none;
}

.ui-datatable thead th, .ui-datatable tfoot td {
  text-align: center;
}

.ui-datatable thead tr {
  border-width: 0;
}

.ui-datatable .ui-datatable-thead > tr > th,
.ui-datatable .ui-datatable-tfoot > tr > td,
.ui-datatable .ui-datatable-data > tr > td {
  border-color: inherit;
  box-sizing: border-box;
  padding: 0.25em 0.5em;
  border-width: 1px;
  border-style: solid;
}

.ui-datatable.ui-datatable-resizable .ui-datatable-thead > tr > th,
.ui-datatable.ui-datatable-resizable .ui-datatable-tfoot > tr > td,
.ui-datatable.ui-datatable-resizable .ui-datatable-data > tr > td {
  overflow: hidden;
}

.ui-datatable .ui-datatable-thead > tr > th,
.ui-datatable .ui-datatable-tfoot > tr > td {
  font-weight: normal;
}

.ui-datatable tbody {
  outline: 0;
}

.ui-datatable .ui-sortable-column {
  cursor: pointer;
}

.ui-datatable .ui-sortable-column-icon {
  display: inline-block;
  margin-left: 0.125em;
}

.ui-datatable tr.ui-state-highlight {
  cursor: pointer;
}

/* Scrollable */
.ui-datatable-scrollable-body {
  overflow: auto;
}

.ui-datatable-scrollable-header {
  overflow: hidden;
}

.ui-datatable-scrollable .ui-datatable-scrollable-header,
.ui-datatable-scrollable .ui-datatable-scrollable-footer {
  position: relative;
  border: 0 none;
}

.ui-datatable-scrollable .ui-datatable-scrollable-header td {
  font-weight: normal;
}

.ui-datatable .ui-datatable-scrollable-body {
  min-height: 0%;
}

.ui-datatable .ui-datatable-data tr.ui-state-hover,
.ui-datatable .ui-datatable-data tr.ui-state-highlight {
  border-color: inherit;
  font-weight: inherit;
  cursor: pointer;
}

.ui-datatable .ui-datatable-data tr.ui-rowgroup-header td a,
.ui-datatable .ui-datatable-data tr.ui-rowgroup-header td span.ui-rowgroup-header-name {
  display: inline-block;
  vertical-align: middle;
}

.ui-datatable-scrollable-theadclone {
  height: 0;
}

.ui-datatable-scrollable-theadclone tr {
  height: 0;
}

.ui-datatable-scrollable-theadclone th.ui-state-default {
  height: 0;
  border-bottom-width: 0;
  border-top-width: 0;
  padding-top: 0;
  padding-bottom: 0;
  outline: 0 none;
}

.ui-datatable-scrollable-theadclone th span.ui-column-title {
  display: block;
  height: 0;
}

.ui-datatable .ui-paginator {
  padding: 0.125em;
}

.ui-datatable .ui-paginator-top {
  border-bottom-width: 0;
}

.ui-datatable .ui-paginator-bottom {
  border-top-width: 0;
}

.ui-datatable-rtl {
  direction: rtl;
}

.ui-datatable-rtl.ui-datatable thead th,
.ui-datatable-rtl.ui-datatable tfoot td {
  text-align: right;
}

/* Row Toggler */
.ui-row-toggler {
  cursor: pointer;
}

/* Resizable */
.ui-datatable .ui-column-resizer {
  display: block;
  position: absolute !important;
  top: 0;
  right: 0;
  margin: 0;
  width: 0.5em;
  height: 100%;
  padding: 0px;
  cursor: col-resize;
  border: 1px solid transparent;
}

.ui-datatable .ui-column-resizer-helper {
  width: 1px;
  position: absolute;
  z-index: 10;
  display: none;
}

.ui-datatable-resizable {
  padding-bottom: 1px; /*fix for webkit overlow*/
  overflow: auto;
}

.ui-datatable-resizable thead th,
.ui-datatable-resizable tbody td,
.ui-datatable-resizable tfoot td {
  white-space: nowrap;
}

.ui-datatable-resizable th.ui-resizable-column {
  background-clip: padding-box;
  position: relative;
}

/** Reflow **/
.ui-datatable-reflow .ui-datatable-data td .ui-column-title {
  display: none;
}

/* Filter */
.ui-datatable .ui-column-filter {
  display: block;
  width: 100%;
  box-sizing: border-box;
  margin-top: 0.25em;
}

/* Editing */
.ui-datatable .ui-editable-column input {
  width: 100%;
  outline: 0;
}

.ui-datatable .ui-datatable-data > tr > td.ui-editable-column {
  padding: 0.5em;
}

.ui-datatable .ui-editable-column > .ui-cell-editor {
  display: none;
}

.ui-datatable .ui-datatable-data > tr > td.ui-editable-column.ui-cell-editing {
  padding: 1px;
}

.ui-datatable .ui-editable-column.ui-cell-editing > .ui-cell-editor {
  display: block;
}

.ui-datatable .ui-editable-column.ui-cell-editing > .ui-cell-data {
  display: none;
}

.ui-datatable-stacked thead th,
.ui-datatable-stacked tfoot td {
  display: none !important;
}

.ui-datatable.ui-datatable-stacked .ui-datatable-data > tr > td {
  text-align: left;
  display: block;
  border: 0 none;
  width: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  float: left;
  clear: left;
}

.ui-datatable.ui-datatable-stacked .ui-datatable-data.ui-widget-content {
  border: 0 none;
}

.ui-datatable-stacked .ui-datatable-data tr.ui-widget-content {
  border-left: 0 none;
  border-right: 0 none;
}

.ui-datatable-stacked .ui-datatable-data td .ui-column-title {
  padding: 0.4em;
  min-width: 30%;
  display: inline-block;
  margin: -0.4em 1em -0.4em -0.4em;
  font-weight: bold;
}

.ui-datatable .ui-selection-column .ui-chkbox,
.ui-datatable .ui-selection-column .ui-radiobutton {
  margin: 0;
  display: block;
}

.ui-datatable .ui-selection-column .ui-chkbox-box,
.ui-datatable .ui-selection-column .ui-radiobutton-box {
  display: block;
  box-sizing: border-box;
  margin: 0;
}

.ui-datatable-scrollable-wrapper {
  position: relative;
}

.ui-datatable-frozen-view .ui-datatable-scrollable-body {
  overflow: hidden;
}

.ui-datatable-unfrozen-view {
  position: absolute;
  top: 0px;
}

.ui-datatable .ui-datatable-load-status {
  width: 100%;
  height: 100%;
  top: 0px;
  left: 0px;
}

.ui-datatable .ui-datatable-virtual-table {
  position: absolute;
  top: 0px;
  left: 0px;
}

.ui-datatable .ui-datatable-loading {
  position: absolute;
  width: 100%;
  height: 100%;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=10)";
  opacity: 0.1;
  z-index: 1;
}

.ui-datatable .ui-datatable-loading-content {
  position: absolute;
  left: 50%;
  top: 25%;
  z-index: 2;
}

@media (max-width: 35em) {
  .ui-datatable-reflow thead th,
.ui-datatable-reflow tfoot td {
    display: none !important;
  }
  .ui-datatable-reflow .ui-datatable-data > tr > td {
    text-align: left;
    display: block;
    border: 0 none;
    width: 100% !important;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    float: left;
    clear: left;
  }
  .ui-datatable-reflow .ui-datatable-data.ui-widget-content {
    border: 0 none;
  }
  .ui-datatable-reflow .ui-datatable-data tr.ui-widget-content {
    border-left: 0 none;
    border-right: 0 none;
  }
  .ui-datatable-reflow .ui-datatable-data td .ui-column-title {
    padding: 0.4em;
    min-width: 30%;
    display: inline-block;
    margin: -0.4em 1em -0.4em -0.4em;
    font-weight: bold;
  }
  .ui-datatable-reflow.ui-datatable-scrollable .ui-datatable-scrollable-body colgroup {
    display: block;
  }
}
.ui-dialog {
  position: fixed;
  padding: 0;
}

.ui-dialog .ui-dialog-titlebar {
  padding: 0.5em 0.75em;
  position: relative;
  border: 0;
}

.ui-dialog .ui-dialog-content {
  position: relative;
  border: 0;
  padding: 0.5em 0.75em;
  background: none;
  overflow: auto;
  zoom: 1;
}

.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
  float: right;
}

.ui-dialog .ui-dialog-buttonpane button {
  margin: 0.5em 0.4em 0.5em 0;
  cursor: pointer;
  float: right;
}

.ui-dialog .ui-resizable-se {
  width: 14px;
  height: 14px;
  right: 3px;
  bottom: 3px;
}

.ui-draggable .ui-dialog-titlebar {
  cursor: move;
}

.ui-dialog .ui-dialog-titlebar-icon {
  text-decoration: none;
}

.ui-dialog .ui-dialog-titlebar-close {
  float: right;
  padding: 0.125em;
  cursor: pointer;
  border: 1px solid transparent;
}

.ui-dialog .ui-dialog-titlebar-close span {
  display: block;
  margin: 0;
}

.ui-dialog-footer {
  padding: 1em;
  border-width: 1px 0 0 0;
  text-align: right;
}

.ui-dialog-mask {
  position: fixed;
  width: 100%;
  height: 100%;
}

/* ConfirmDialog */
.ui-confirmdialog {
  width: 30em;
}

.ui-confirmdialog.ui-dialog .ui-dialog-content {
  padding: 1em 2em;
}

.ui-confirmdialog .ui-dialog-content .fa, .ui-confirmdialog .ui-dialog-content .pi {
  font-size: 1.5em;
  vertical-align: middle;
  margin-right: 0.5em;
}

.ui-confirmdialog .ui-dialog-content .ui-confirmdialog-message {
  vertical-align: middle;
}

/* Fluid */
.ui-fluid .ui-dialog-footer .ui-button {
  width: auto;
}

/* RTL */
.ui-rtl .ui-dialog .ui-dialog-titlebar-close {
  float: left;
}

.ui-rtl .ui-dialog .ui-dialog-buttonpane button {
  text-align: right;
}

@media screen and (max-width: 40em) {
  .ui-confirmdialog {
    width: 90%;
  }
}
.ui-dropdown {
  display: inline-block;
  position: relative;
  cursor: pointer;
  vertical-align: middle;
}

.ui-dropdown .ui-dropdown-trigger {
  border-right: none;
  border-top: none;
  border-bottom: none;
  cursor: pointer;
  width: 1.5em;
  height: 100%;
  position: absolute;
  right: 0;
  top: 0;
  padding: 0 0.25em;
}

.ui-dropdown .ui-dropdown-trigger .fa, .ui-dropdown .ui-dropdown-trigger .pi {
  margin-top: 0.3em;
  margin-left: -0.125em;
}

.ui-dropdown .ui-dropdown-label {
  display: block;
  border: none;
  white-space: nowrap;
  overflow: hidden;
  font-weight: normal;
  width: 100%;
  padding-right: 1.5em;
}

.ui-dropdown .ui-dropdown-item-empty,
.ui-dropdown .ui-dropdown-label-empty {
  text-indent: -9999px;
}

.ui-dropdown.ui-state-disabled .ui-dropdown-trigger,
.ui-dropdown.ui-state-disabled .ui-dropdown-label {
  cursor: default;
}

.ui-dropdown label.ui-dropdown-label {
  cursor: pointer;
}

.ui-dropdown input.ui-dropdown-label {
  cursor: default;
}

.ui-dropdown .ui-dropdown-panel {
  min-width: 100%;
}

.ui-dropdown-panel {
  position: absolute;
  height: auto;
}

.ui-dropdown-panel .ui-dropdown-items-wrapper {
  overflow: auto;
}

.ui-dropdown-panel .ui-dropdown-item {
  font-weight: normal;
  border: 0 none;
  cursor: pointer;
  margin: 1px 0;
  padding: 0.125em 0.25em;
  text-align: left;
}

.ui-dropdown-panel .ui-dropdown-item-group {
  font-weight: bold;
}

.ui-dropdown-panel .ui-dropdown-list {
  padding: 0.4em;
  border: 0 none;
}

.ui-dropdown-panel .ui-dropdown-filter {
  width: 100%;
  box-sizing: border-box;
  padding-right: 1.5em;
}

.ui-dropdown-panel .ui-dropdown-filter-container {
  position: relative;
  margin: 0;
  padding: 0.4em;
  display: inline-block;
}

.ui-dropdown-panel .ui-dropdown-filter-container .fa, .ui-dropdown-panel .ui-dropdown-filter-container .pi {
  position: absolute;
  top: 0.8em;
  right: 1em;
}

/** Dropdown **/
.ui-fluid .ui-dropdown {
  width: 100%;
}

.ui-fieldset, .ui-fieldset .ui-fieldset-legend {
  padding: 0.6em 1em;
}

.ui-fieldset-toggleable .ui-fieldset-legend {
  padding: 0.5em 1em 0.5em 0.5em;
  cursor: pointer;
  white-space: nowrap;
}

.ui-fieldset .ui-fieldset-toggler {
  margin-right: 0.1em;
  display: inline-block;
  vertical-align: middle;
}

.ui-fieldset .ui-fieldset-content-wrapper-overflown {
  overflow: hidden;
}

/*
 * FileUpload
 */
.ui-fileupload-buttonbar .ui-fileupload-choose.ui-state-disabled input {
  cursor: default;
}

.ui-fileupload-buttonbar {
  padding: 0.5em;
  border-bottom: 0 none;
}

.ui-fileupload-buttonbar .ui-button {
  vertical-align: middle;
  margin-right: 0.25em;
}

.ui-fileupload-content {
  padding: 1em;
  position: relative;
  transition: border-color 0.3s;
}

.ui-fileupload-content.ui-fileupload-highlight {
  border-color: #156090;
}

.ui-fileupload-files img {
  border: none;
}

.ui-fileupload-files {
  display: table;
}

.ui-fileupload-row {
  display: table-row;
}

.ui-fileupload-row > div {
  display: table-cell;
  padding: 0.5em 1em;
  vertical-align: middle;
}

.ui-fileupload-content .ui-progressbar {
  width: 100%;
  position: absolute;
  top: 1px;
  left: 0;
  height: 0.25em;
  border: 0 none;
}

.ui-fileupload-content .ui-progressbar-value {
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  border-radius: 0;
  border: 0 none;
}

/* Simple */
.ui-fileupload-choose {
  position: relative;
  overflow: hidden;
}

.ui-fileupload-choose input[type=file] {
  position: absolute;
  top: 0;
  right: 0;
  margin: 0;
  opacity: 0;
  min-height: 100%;
  font-size: 100px;
  text-align: right;
  filter: alpha(opacity=0);
  direction: ltr;
  cursor: pointer;
}

.ui-fileupload-choose.ui-fileupload-choose-selected input[type=file] {
  display: none;
}

/* ui-fluid */
.ui-fluid .ui-fileupload .ui-button {
  width: auto;
}

.ui-fluid .ui-fileupload-content .ui-button-icon-only {
  width: 2em;
}

.ui-galleria {
  overflow: hidden;
  visibility: hidden;
  position: relative;
}

.ui-galleria-panel-wrapper {
  position: relative;
  padding: 0;
  margin: 0;
}

.ui-galleria-panel {
  filter: inherit;
  position: absolute;
  top: 0;
  left: 0;
  list-style-type: none;
}

.ui-galleria-filmstrip-wrapper {
  overflow: hidden;
  margin: 0.25em auto;
  position: relative;
}

.ui-galleria-filmstrip {
  list-style: none outside none;
  margin: 0;
  padding: 0;
  width: 2340px;
  z-index: 900;
  position: absolute;
  top: 0;
  left: 0;
}

.ui-galleria-frame {
  float: left;
  margin-right: 5px;
  opacity: 0.3;
  cursor: pointer;
}

.ui-galleria-frame-active {
  opacity: 1;
}

.ui-galleria-frame-content {
  overflow: hidden;
}

.ui-galleria-nav-next, .ui-galleria-nav-prev {
  cursor: pointer;
  position: absolute;
}

.ui-galleria-nav-prev {
  left: 5px;
}

.ui-galleria-nav-next {
  right: 5px;
}

.ui-galleria-caption {
  position: absolute;
  left: 1px;
  background-color: rgba(0, 0, 0, 0.5);
  display: none;
  color: #ededed;
  padding: 0.2em 1em;
}

.ui-galleria-caption h4 {
  color: #ededed;
}

.ui-galleria-panel-content {
  padding: 1em 1.4em;
}

/* Deprecated Grid CSS */
.ui-grid {
  clear: both;
  padding: 0;
  margin: 0;
}

.ui-grid:before,
.ui-grid:after {
  content: "";
  display: table;
}

.ui-grid:after {
  clear: both;
}

.ui-grid .ui-grid-row {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  clear: both;
}

.ui-grid-row:after {
  clear: both;
  content: "";
  display: table;
}

.ui-grid-col-1,
.ui-grid-col-2,
.ui-grid-col-3,
.ui-grid-col-4,
.ui-grid-col-5,
.ui-grid-col-6,
.ui-grid-col-7,
.ui-grid-col-8,
.ui-grid-col-9,
.ui-grid-col-10,
.ui-grid-col-11,
.ui-grid-col-12 {
  float: left;
  box-sizing: border-box;
}

.ui-grid-col-1 {
  width: 8.33333%;
}

.ui-grid-col-2 {
  width: 16.66666%;
}

.ui-grid-col-3 {
  width: 25%;
}

.ui-grid-col-4 {
  width: 33.33333%;
}

.ui-grid-col-5 {
  width: 41.66666%;
}

.ui-grid-col-6 {
  width: 50%;
}

.ui-grid-col-7 {
  width: 58.33333%;
}

.ui-grid-col-8 {
  width: 66.66666%;
}

.ui-grid-col-9 {
  width: 75%;
}

.ui-grid-col-10 {
  width: 83.33333%;
}

.ui-grid-col-11 {
  width: 91.66666%;
}

.ui-grid-col-12 {
  width: 100%;
}

@media (min-width: 480px) {
  .ui-grid-fixed {
    width: 480px;
  }
}
@media (min-width: 768px) {
  .ui-grid-fixed {
    width: 768px;
  }
}
@media (min-width: 960px) {
  .ui-grid-fixed {
    width: 960px;
  }
}
@media (min-width: 1024px) {
  .ui-grid-fixed {
    width: 1024px;
  }
}
/* Responsive */
@media (max-width: 640px) {
  .ui-grid-responsive .ui-grid-row {
    display: block;
  }
  .ui-grid-responsive .ui-grid-col-1,
.ui-grid-responsive .ui-grid-col-2,
.ui-grid-responsive .ui-grid-col-3,
.ui-grid-responsive .ui-grid-col-4,
.ui-grid-responsive .ui-grid-col-5,
.ui-grid-responsive .ui-grid-col-6,
.ui-grid-responsive .ui-grid-col-7,
.ui-grid-responsive .ui-grid-col-8,
.ui-grid-responsive .ui-grid-col-9,
.ui-grid-responsive .ui-grid-col-10,
.ui-grid-responsive .ui-grid-col-11,
.ui-grid-responsive .ui-grid-col-12 {
    width: 100%;
    float: none;
  }
}
.ui-grid.ui-grid-pad > .ui-grid-row > div {
  padding: 0.25em 0.5em;
}

/* Responsive */
@media (max-width: 640px) {
  .ui-grid-responsive .ui-grid-row {
    display: block;
  }
  .ui-grid-responsive .ui-grid-col-1,
.ui-grid-responsive .ui-grid-col-2,
.ui-grid-responsive .ui-grid-col-3,
.ui-grid-responsive .ui-grid-col-4,
.ui-grid-responsive .ui-grid-col-5,
.ui-grid-responsive .ui-grid-col-6,
.ui-grid-responsive .ui-grid-col-7,
.ui-grid-responsive .ui-grid-col-8,
.ui-grid-responsive .ui-grid-col-9,
.ui-grid-responsive .ui-grid-col-10,
.ui-grid-responsive .ui-grid-col-11,
.ui-grid-responsive .ui-grid-col-12 {
    width: 100%;
    float: none;
  }
}
/* New Grid CSS */
.ui-g {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-wrap: wrap;
}

.ui-g:after {
  clear: both;
  content: "";
  display: table;
}

.ui-g-1,
.ui-g-2,
.ui-g-3,
.ui-g-4,
.ui-g-5,
.ui-g-6,
.ui-g-7,
.ui-g-8,
.ui-g-9,
.ui-g-10,
.ui-g-11,
.ui-g-12 {
  float: left;
  box-sizing: border-box;
  padding: 0.5em;
}

.ui-g-1 {
  width: 8.3333%;
}

.ui-g-2 {
  width: 16.6667%;
}

.ui-g-3 {
  width: 25%;
}

.ui-g-4 {
  width: 33.3333%;
}

.ui-g-5 {
  width: 41.6667%;
}

.ui-g-6 {
  width: 50%;
}

.ui-g-7 {
  width: 58.3333%;
}

.ui-g-8 {
  width: 66.6667%;
}

.ui-g-9 {
  width: 75%;
}

.ui-g-10 {
  width: 83.3333%;
}

.ui-g-11 {
  width: 91.6667%;
}

.ui-g-12 {
  width: 100%;
}

@media screen and (max-width: 40em) {
  .ui-sm-1,
.ui-sm-2,
.ui-sm-3,
.ui-sm-4,
.ui-sm-5,
.ui-sm-6,
.ui-sm-7,
.ui-sm-8,
.ui-sm-9,
.ui-sm-10,
.ui-sm-11,
.ui-sm-12 {
    padding: 0.5em;
  }
  .ui-sm-1 {
    width: 8.3333%;
  }
  .ui-sm-2 {
    width: 16.6667%;
  }
  .ui-sm-3 {
    width: 25%;
  }
  .ui-sm-4 {
    width: 33.3333%;
  }
  .ui-sm-5 {
    width: 41.6667%;
  }
  .ui-sm-6 {
    width: 50%;
  }
  .ui-sm-7 {
    width: 58.3333%;
  }
  .ui-sm-8 {
    width: 66.6667%;
  }
  .ui-sm-9 {
    width: 75%;
  }
  .ui-sm-10 {
    width: 83.3333%;
  }
  .ui-sm-11 {
    width: 91.6667%;
  }
  .ui-sm-12 {
    width: 100%;
  }
}
@media screen and (min-width: 40.063em) {
  .ui-md-1,
.ui-md-2,
.ui-md-3,
.ui-md-4,
.ui-md-5,
.ui-md-6,
.ui-md-7,
.ui-md-8,
.ui-md-9,
.ui-md-10,
.ui-md-11,
.ui-md-12 {
    padding: 0.5em;
  }
  .ui-md-1 {
    width: 8.3333%;
  }
  .ui-md-2 {
    width: 16.6667%;
  }
  .ui-md-3 {
    width: 25%;
  }
  .ui-md-4 {
    width: 33.3333%;
  }
  .ui-md-5 {
    width: 41.6667%;
  }
  .ui-md-6 {
    width: 50%;
  }
  .ui-md-7 {
    width: 58.3333%;
  }
  .ui-md-8 {
    width: 66.6667%;
  }
  .ui-md-9 {
    width: 75%;
  }
  .ui-md-10 {
    width: 83.3333%;
  }
  .ui-md-11 {
    width: 91.6667%;
  }
  .ui-md-12 {
    width: 100%;
  }
}
@media screen and (min-width: 64.063em) {
  .ui-lg-1,
.ui-lg-2,
.ui-lg-3,
.ui-lg-4,
.ui-lg-5,
.ui-lg-6,
.ui-lg-7,
.ui-lg-8,
.ui-lg-9,
.ui-lg-10,
.ui-lg-11,
.ui-lg-12 {
    padding: 0.5em;
  }
  .ui-lg-1 {
    width: 8.3333%;
  }
  .ui-lg-2 {
    width: 16.6667%;
  }
  .ui-lg-3 {
    width: 25%;
  }
  .ui-lg-4 {
    width: 33.3333%;
  }
  .ui-lg-5 {
    width: 41.6667%;
  }
  .ui-lg-6 {
    width: 50%;
  }
  .ui-lg-7 {
    width: 58.3333%;
  }
  .ui-lg-8 {
    width: 66.6667%;
  }
  .ui-lg-9 {
    width: 75%;
  }
  .ui-lg-10 {
    width: 83.3333%;
  }
  .ui-lg-11 {
    width: 91.6667%;
  }
  .ui-lg-12 {
    width: 100%;
  }
}
@media screen and (min-width: 90.063em) {
  .ui-xl-1,
.ui-xl-2,
.ui-xl-3,
.ui-xl-4,
.ui-xl-5,
.ui-xl-6,
.ui-xl-7,
.ui-xl-8,
.ui-xl-9,
.ui-xl-10,
.ui-xl-11,
.ui-xl-12 {
    padding: 0.5em;
  }
  .ui-xl-1 {
    width: 8.3333%;
  }
  .ui-xl-2 {
    width: 16.6667%;
  }
  .ui-xl-3 {
    width: 25%;
  }
  .ui-xl-4 {
    width: 33.3333%;
  }
  .ui-xl-5 {
    width: 41.6667%;
  }
  .ui-xl-6 {
    width: 50%;
  }
  .ui-xl-7 {
    width: 58.3333%;
  }
  .ui-xl-8 {
    width: 66.6667%;
  }
  .ui-xl-9 {
    width: 75%;
  }
  .ui-xl-10 {
    width: 83.3333%;
  }
  .ui-xl-11 {
    width: 91.6667%;
  }
  .ui-xl-12 {
    width: 100%;
  }
}
.ui-g-nopad {
  padding: 0;
}

.ui-growl {
  position: fixed;
  top: 20px;
  right: 20px;
  width: 20em;
}

.ui-growl-item-container {
  position: relative;
  margin: 0 0 10px 0;
  opacity: 0.95;
  filter: alpha(opacity=95);
}

.ui-growl-item {
  position: relative;
  display: block;
  padding: 0.5em 1em;
}

.ui-growl-item p {
  padding: 0;
  margin: 0;
}

.ui-growl-icon-close {
  position: absolute;
  top: 4px;
  right: 4px;
  cursor: pointer;
}

.ui-growl-title {
  font-weight: bold;
  padding: 0 0 0.5em 0;
  display: block;
}

.ui-growl-image {
  position: absolute;
  display: inline-block;
  left: 0.5em;
  top: 0.25em;
  padding: 0;
}

.ui-growl-message {
  padding: 0 0 0.25em 0;
  margin-left: 2.5em;
}

.ui-growl-message p {
  font-weight: normal;
}

.ui-inplace .ui-inplace-display {
  display: inline;
  cursor: pointer;
  border: 0 none;
  padding: 0.25em;
  font-weight: normal;
}

.ui-inplace .ui-inplace-content {
  display: inline;
}

.ui-inputswitch {
  display: inline-block;
  padding: 0;
  position: relative;
  overflow: hidden;
  cursor: pointer;
  user-select: none;
  -moz-user-select: none;
  -khtml-user-select: none;
  -webkit-user-select: none;
  height: 1.5em;
}

.ui-inputswitch .ui-inputswitch-on,
.ui-inputswitch .ui-inputswitch-off {
  white-space: nowrap;
  display: inline-block;
  position: absolute;
  top: 0;
  width: auto;
  overflow: hidden;
  user-select: none;
  -moz-user-select: none;
  -khtml-user-select: none;
  -webkit-user-select: none;
  font-weight: bold;
  height: 100%;
  line-height: 1.5em;
}

.ui-inputswitch .ui-inputswitch-on {
  left: 0;
  border: 0 none;
}

.ui-inputswitch .ui-inputswitch-off {
  right: 0;
  text-align: right;
}

.ui-inputswitch .ui-inputswitch-on span,
.ui-inputswitch .ui-inputswitch-off span {
  display: inline-block;
  text-align: center;
  height: 100%;
  line-height: inherit;
}

.ui-inputswitch .ui-inputswitch-handle {
  display: block;
  width: 0;
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  border-top: 0 none;
  border-bottom: 0 none;
}

.ui-inputtext {
  margin: 0;
  outline: medium none;
  padding: 0.25em;
  font-weight: normal;
}

.ui-widget-header .ui-inputtext,
.ui-widget-content .ui-inputtext {
  font-weight: normal;
}

.ui-fluid .ui-inputtext {
  width: 100%;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
}

.ui-inputgroup {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
}

.ui-inputgroup .ui-inputgroup-addon {
  display: inline-block;
  text-align: center;
  min-width: 1.5em;
  padding: 0.25em;
  border-width: 1px;
  border-style: solid;
}

.ui-inputgroup .ui-inputgroup-addon + .ui-inputgroup-addon {
  border-left: 0 none;
}

.ui-inputgroup .ui-inputtext {
  padding-left: 0.5em;
}

.ui-inputgroup .ui-inputtext:not(:first-child) {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  border-left: 0 none;
}

.ui-inputgroup .ui-inputtext:not(:last-child) {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  border-right: 0 none;
}

.ui-inputgroup .ui-button {
  margin-right: 0;
  border-radius: 0;
}

.ui-fluid .ui-inputgroup .ui-button {
  width: auto;
}

.ui-fluid .ui-inputgroup .ui-inputtext {
  -webkit-box-flex: 1;
  -webkit-flex: 1 1 auto;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  width: 1%;
}

.ui-inputgroup .ui-chkbox,
.ui-inputgroup .ui-radiobutton {
  margin-right: 0;
  vertical-align: bottom;
}

.ui-inputtextarea-resizable {
  overflow: hidden;
  resize: none;
}

.ui-fluid .ui-inputtextarea {
  width: 100%;
}

.ui-lightbox {
  position: fixed;
}

.ui-lightbox-content-wrapper {
  position: relative;
}

.ui-lightbox-content {
  position: relative;
  margin: 0;
  padding: 0;
  background-color: #000000;
}

.ui-lightbox-nav-right, .ui-lightbox-nav-left {
  position: absolute;
  top: 50%;
  cursor: pointer;
}

.ui-lightbox-nav-left {
  left: 0;
}

.ui-lightbox-nav-right {
  right: 0;
}

.ui-lightbox-loading .ui-lightbox-content {
  background: url("../images/primeng/loading.gif") #000000 center center no-repeat;
}

.ui-lightbox-caption {
  padding: 0.2em 0.4em;
  display: none;
}

.ui-lightbox-caption-text {
  margin: 0.3em 0 0.1em 0;
  float: left;
}

.ui-lightbox-close {
  float: right;
  margin: 0;
  padding: 0.125em;
}

.ui-lightbox-close.ui-state-hover {
  padding: 0;
}

.ui-lightbox-nav-left, .ui-lightbox-nav-right {
  opacity: 0.5;
}

.ui-lightbox-nav-left:hover, .ui-lightbox-nav-right:hover {
  opacity: 1;
}

.ui-listbox {
  overflow: auto;
  padding: 0.25em;
  width: 10em;
}

.ui-listbox .ui-listbox-list {
  list-style-type: none;
  margin: 0;
  padding: 0;
}

.ui-listbox .ui-listbox-item {
  padding: 0.25em;
  border: 0 none;
  cursor: pointer;
  font-weight: normal;
  margin-bottom: 1px;
}

.ui-listbox .ui-listbox-item > span {
  vertical-align: middle;
}

.ui-listbox .ui-listbox-item:last-child {
  margin-bottom: 0;
}

.ui-listbox.ui-state-disabled .ui-listbox-item {
  cursor: default;
}

.ui-listbox-header {
  margin-bottom: 0.3em;
  padding: 0.125em 0.2em;
  position: relative;
}

.ui-listbox-header .ui-chkbox {
  display: inline-block;
  vertical-align: middle;
  cursor: pointer;
}

.ui-listbox-header .ui-listbox-filter-container {
  display: inline-block;
  vertical-align: middle;
  position: relative;
  width: 100%;
}

.ui-listbox-header.ui-listbox-header-w-checkbox .ui-listbox-filter-container {
  width: calc(100% - 2em);
}

.ui-listbox-header .ui-listbox-filter-container .fa, .ui-listbox-header .ui-listbox-filter-container .pi {
  position: absolute;
  top: 0.25em;
  left: 0.25em;
}

.ui-listbox-header .ui-inputtext {
  padding: 0.125em 0.125em 0.125em 1.25em;
  width: 100%;
}

/* Fluid */
.ui-fluid .ui-listbox .ui-listbox-filter-container,
.ui-fluid .ui-listbox .ui-listbox-filter-container input {
  width: calc(100% - 32px);
}

.ui-menu {
  width: 12.5em;
  padding: 0.25em;
  position: relative;
}

.ui-menu-separator {
  border-width: 1px 0 0 0;
}

.ui-menu.ui-menu-dynamic {
  position: absolute;
  display: none;
  z-index: 100000;
}

.ui-menu-list {
  position: static;
}

.ui-menu .ui-menu-list .ui-menuitem {
  border: none;
}

.ui-menu .ui-menu-list .ui-widget-header {
  clear: both;
  float: left;
  width: 100%;
  margin: 0.125em 0;
  padding: 0.25em 0.5em;
}

.ui-menu .ui-menuitem-parent,
.ui-menu .ui-menuitem {
  width: 100%;
  clear: both;
  margin: 0.125em 0;
  padding: 0;
}

.ui-menu .ui-menuitem-link {
  display: block;
  width: 100%;
  text-decoration: none;
  font-weight: normal;
  border: 1px solid transparent;
  line-height: 1em;
  padding: 0.25em;
  cursor: pointer;
}

.ui-menu .ui-menuitem-link .ui-menuitem-icon {
  display: inline-block;
  vertical-align: middle;
}

.ui-menu .ui-menuitem-text {
  vertical-align: middle;
}

.ui-menu .ui-widget-header h1,
.ui-menu .ui-widget-header h2,
.ui-menu .ui-widget-header h3,
.ui-menu .ui-widget-header h4,
.ui-menu .ui-widget-header h5,
.ui-menu .ui-widget-header h6 {
  font-size: 1em;
  margin: 0 auto;
}

/* Tiered Menu */
.ui-menu .ui-menu-parent .ui-menu-child {
  display: none;
  width: 12.5em;
  padding: 0.25em;
  position: absolute;
  margin: 0;
  text-decoration: none;
  list-style: none;
}

.ui-menu .ui-menu-parent {
  position: relative;
}

.ui-menu .ui-menu-parent .ui-submenu-icon {
  float: right;
  margin-right: -0.25em;
}

/** MenuButton **/
.ui-menubutton {
  padding: 0;
}

.ui-menubutton .ui-button {
  margin: 0;
}

/** Menubar **/
.ui-menu.ui-menubar .ui-menubar-root-list > li > a > .ui-submenu-icon {
  float: none;
}

.ui-menubar {
  width: auto;
}

.ui-menubar .ui-menubar-root-list {
  list-style: none;
  padding: 0;
  margin: 0;
}

.ui-menubar .ui-menubar-root-list > .ui-menuitem {
  display: inline-block;
  width: auto;
}

.ui-menubar:not(.ui-megamenu-vertical) .ui-menubar-root-list > .ui-menu-separator {
  display: inline-block;
  border-width: 0 0 0 1px;
  width: 1px;
  text-indent: -9999999px;
}

.ui-menubar:not(.ui-megamenu-vertical) .ui-menubar-root-list > .ui-menu-separator:before {
  content: "ui-menu-separator";
}

.ui-menubar .ui-menu-child .ui-menuitem {
  width: 100%;
}

.ui-menubar .ui-menuitem.ui-menuitem-custom {
  float: right;
  margin-top: 0.25em;
}

.ui-menubar .ui-menubar-options {
  float: right;
}

/** SlideMenu **/
.ui-slidemenu .ui-slidemenu-wrapper {
  position: relative;
}

.ui-slidemenu .ui-slidemenu-content {
  overflow-x: hidden;
  overflow-y: auto;
  position: relative;
}

.ui-slidemenu .ui-menu-list {
  position: absolute;
  top: 0;
}

.ui-slidemenu .ui-menu-parent {
  position: static;
}

.ui-slidemenu .ui-menu-child {
  box-shadow: none;
  border: 0 none;
  background: none repeat scroll 0 0 transparent;
}

.ui-slidemenu-backward {
  position: absolute;
  bottom: 0;
  width: 100%;
  padding: 0.2em;
  cursor: pointer;
  display: none;
}

.ui-slidemenu-backward .fa, .ui-slidemenu-backward .pi {
  vertical-align: middle;
}

.ui-slidemenu-backward span {
  vertical-align: middle;
}

.ui-slidemenu .ui-slidemenuitem-active > .ui-submenu > ul {
  display: block !important;
}

/** MegaMenu **/
.ui-megamenu .ui-g {
  flex-wrap: nowrap;
}

.ui-megamenu .ui-megamenu-panel.ui-menu-child {
  width: auto;
}

.ui-megamenu .ui-megamenu-panel .ui-menu-list {
  width: 12.5em;
}

.ui-megamenu-vertical {
  width: 12.5em;
}

.ui-megamenu-vertical .ui-menuitem-link,
.ui-megamenu-vertical .ui-menu-list .ui-menuitem {
  width: 100%;
  box-sizing: border-box;
}

.ui-megamenu-vertical > .ui-menubar-root-list > .ui-menuitem > .ui-menuitem-link > .ui-submenu-icon {
  float: right;
}

/** PanelMenu **/
.ui-panelmenu {
  width: auto;
}

.ui-panelmenu .ui-panelmenu-panel {
  padding: 0;
  margin: 0;
}

.ui-panelmenu .ui-panelmenu-header {
  cursor: pointer;
  position: relative;
  margin: -1px 0 0 0;
  zoom: 1;
}

.ui-panelmenu .ui-panelmenu-header a {
  display: block;
  padding: 0.25em 0.5em;
}

.ui-panelmenu span {
  vertical-align: middle;
}

.ui-panelmenu .fa, .ui-panelmenu .pi {
  width: 1em;
  text-align: center;
  vertical-align: middle;
  margin-right: 0.25em;
}

.ui-panelmenu .ui-menuitem-text {
  margin-left: 0.125em;
}

.ui-panelmenu span {
  vertical-align: middle;
}

.ui-panelmenu .ui-panelmenu-content {
  padding: 0.2em 0;
  border-top: 0;
  overflow: auto;
  zoom: 1;
  outline: none;
  margin-bottom: 1px;
}

.ui-panelmenu .ui-panelmenu-content .ui-menu-parent {
  overflow: hidden;
}

.ui-panelmenu .ui-panelmenu-content-wrapper {
  box-sizing: border-box;
}

.ui-panelmenu .ui-panelmenu-content-wrapper-overflown {
  overflow: hidden;
}

.ui-panelmenu .ui-panelmenu-header.ui-state-disabled,
.ui-panelmenu .ui-panelmenu-header.ui-state-disabled a {
  cursor: default;
}

.ui-panelmenu .ui-menu-list {
  position: static;
}

.ui-panelmenu .ui-menuitem {
  margin: 1px 0;
  padding: 0;
}

.ui-panelmenu .ui-menu-separator {
  width: 95%;
  margin: 0 auto;
}

.ui-panelmenu .ui-menuitem-link {
  display: block;
  text-decoration: none;
  font-weight: normal;
  border: 1px solid transparent;
  line-height: 1em;
  cursor: pointer;
  position: relative;
  padding: 0.25em 0.5em;
}

.ui-panelmenu .ui-menu-parent .ui-menu-list {
  margin-left: 1.5em;
}

/** MegaMenu and TieredMenus **/
.ui-menuitem-active > .ui-submenu > ul,
.ui-menuitem-active > .ui-megamenu-panel {
  display: block !important;
}

.ui-menuitem-outline {
  outline: 1px dotted;
  z-index: 1;
}

/** Fluid **/
.ui-fluid .ui-menu {
  width: 100%;
}

.ui-messages {
  border: 1px solid;
  margin: 0.5em 0;
  padding: 1em 1em 1em 0.5em;
  display: none;
  position: relative;
}

.ui-messages-icon {
  display: inline-block;
  padding: 0;
  vertical-align: middle;
}

.ui-messages-summary {
  font-weight: bold;
  margin-left: 0.25em;
}

.ui-messages-detail {
  margin-left: 0.25em;
}

.ui-messages-success {
  color: #ffffff;
  background-color: #4CAF50;
  border-color: #4CAF50;
}

.ui-messages-info {
  color: #ffffff;
  background-color: #2196f3;
  border-color: #2196f3;
}

.ui-messages-warn {
  color: #ffffff;
  background-color: #FFB300;
  border-color: #FFB300;
}

.ui-messages-error {
  color: #ffffff;
  background-color: #f44336;
  border-color: #f44336;
}

.ui-messages ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
  display: inline-block;
  vertical-align: middle;
}

.ui-messages.ui-messages-noicon ul {
  margin: 0 1.5em 0 0;
}

.ui-messages .ui-messages-close {
  color: #ffffff;
  cursor: pointer;
  position: absolute;
  top: 5px;
  right: 5px;
}

/* Message */
.ui-message {
  border: 1px solid;
  margin: 0px 0.25em;
  padding: 0.125em 0.25em;
}

/** MultiSelect **/
.ui-multiselect {
  display: inline-block;
  position: relative;
  width: auto;
  cursor: pointer;
}

.ui-multiselect .ui-multiselect-trigger {
  border-right: none;
  border-top: none;
  border-bottom: none;
  cursor: pointer;
  width: 1.5em;
  height: 100%;
  position: absolute;
  right: 0;
  top: 0;
  padding: 0 0.25em;
}

.ui-multiselect .ui-multiselect-trigger .fa {
  margin-top: 0.4em;
  margin-left: -0.125em;
}

.ui-multiselect .ui-multiselect-label-container {
  overflow: hidden;
}

.ui-multiselect .ui-multiselect-label {
  display: block;
  padding: 0.25em 2em 0.25em 0.25em;
  width: auto;
  border: none;
  cursor: pointer;
  text-overflow: ellipsis;
  overflow: hidden;
}

.ui-multiselect.ui-state-disabled .ui-multiselect-trigger,
.ui-multiselect.ui-state-disabled .ui-multiselect-label {
  cursor: auto;
}

.ui-multiselect-panel {
  padding: 0.2em;
  position: absolute;
  min-width: 10em;
}

.ui-multiselect-panel .ui-multiselect-items-wrapper {
  overflow: auto;
  position: relative;
  padding: 0.2em 0;
}

.ui-multiselect-panel .ui-multiselect-list {
  border: 0 none;
}

.ui-multiselect-panel .ui-multiselect-item {
  border: 0 none;
  cursor: pointer;
  font-weight: normal;
  margin: 1px 0;
  padding: 0.125em 0.25em;
  text-align: left;
  white-space: nowrap;
  display: block;
  position: relative;
}

.ui-multiselect-panel .ui-multiselect-item .ui-chkbox {
  display: inline-block;
  vertical-align: middle;
}

.ui-multiselect-panel .ui-multiselect-item label {
  display: inline-block;
  vertical-align: middle;
}

.ui-multiselect-header {
  margin-bottom: 0.3em;
  padding: 0.25em;
  position: relative;
  text-align: left;
}

.ui-multiselect-header .ui-chkbox {
  display: inline-block;
  vertical-align: middle;
  cursor: pointer;
}

.ui-multiselect-header .ui-multiselect-filter-container {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  width: 65%;
}

.ui-multiselect-header .ui-multiselect-filter-container .fa, .ui-multiselect-header .ui-multiselect-filter-container .pi {
  position: absolute;
  top: 0.25em;
  left: 0.125em;
}

.ui-multiselect-header .ui-inputtext {
  padding: 0.125em 0.125em 0.125em 1.25em;
  width: 100%;
}

.ui-multiselect-header .ui-multiselect-close {
  position: absolute;
  right: 0.375em;
  top: 0.375em;
  display: block;
  font-size: 1em;
  border: 0 none;
}

.ui-multiselect-header a.ui-multiselect-all,
.ui-multiselect-header a.ui-multiselect-none {
  float: left;
  margin-right: 10px;
  display: block;
}

.ui-multiselect-header .ui-multiselect-close.ui-state-hover {
  padding: 0px;
}

.ui-fluid .ui-multiselect {
  width: 100%;
  box-sizing: border-box;
}

.ui-orderlist {
  display: table;
}

.ui-orderlist .ui-orderlist-controls {
  height: 12.5em;
  padding: 0 0.25em;
  vertical-align: middle;
  display: table-cell;
}

.ui-orderlist .ui-orderlist-controls .ui-button {
  display: block;
  margin-bottom: 0.25em;
}

.ui-orderlist .ui-orderlist-container {
  display: table-cell;
  vertical-align: top;
}

.ui-orderlist .ui-orderlist-list {
  list-style-type: none;
  margin: 0;
  padding: 0;
  overflow: auto;
  height: 12.5em;
  width: 12.5em;
}

.ui-orderlist .ui-orderlist-caption {
  text-align: center;
  padding: 0.5em 0.75em;
  border-bottom: 0 none;
}

.ui-orderlist .ui-orderlist-list .ui-orderlist-item {
  margin: 1px;
  padding: 0.125em;
  cursor: pointer;
  border: 0 none;
  font-weight: inherit;
}

.ui-orderlist .ui-orderlist-filter-container {
  position: relative;
  width: 100%;
  padding: 0.5em 0.6em;
  border-bottom: 0 none;
}

.ui-orderlist .ui-orderlist-filter-container .ui-inputtext {
  text-indent: 1.1em;
  width: 100%;
}

.ui-orderlist .ui-orderlist-filter-container .fa, .ui-orderlist .ui-orderlist-filter-container .pi {
  position: absolute;
  top: 50%;
  left: 1em;
  margin-top: -0.6em;
}

.ui-orderlist.ui-state-disabled .ui-orderlist-item,
.ui-orderlist.ui-state-disabled .ui-button {
  cursor: default;
}

.ui-orderlist.ui-state-disabled .ui-orderlist-list {
  overflow: hidden;
}

/* Responsive */
.ui-orderlist.ui-orderlist-responsive {
  width: 100%;
}

.ui-orderlist.ui-orderlist-responsive .ui-orderlist-controls {
  width: 16.66666%;
  padding-right: 0.5em;
}

.ui-orderlist.ui-orderlist-responsive .ui-orderlist-list-container {
  width: 83.33333%;
}

.ui-orderlist.ui-orderlist-responsive .ui-orderlist-list,
.ui-orderlist.ui-orderlist-responsive .ui-orderlist-caption {
  width: 100%;
}

.ui-orderlist.ui-orderlist-responsive .ui-orderlist-controls > .ui-button {
  width: 100%;
}

.ui-orderlist .ui-orderlist-droppoint {
  height: 6px;
  list-style-type: none;
}

@media (max-width: 40em) {
  .ui-orderlist.ui-orderlist-responsive .ui-orderlist-controls {
    text-align: center;
    width: 100%;
    display: inline-block;
    height: auto;
  }
  .ui-orderlist.ui-orderlist-responsive .ui-orderlist-controls .ui-button {
    display: inline;
    width: 20%;
    display: inline-block;
  }
  .ui-orderlist.ui-orderlist-responsive .ui-orderlist-list-container {
    width: 100%;
  }
}
.ui-organizationchart .ui-organizationchart-table {
  border-spacing: 0;
  border-collapse: separate;
}

.ui-organizationchart .ui-organizationchart-table > tr > td {
  text-align: center;
  vertical-align: top;
  padding: 0;
  padding: 0 0.75em;
}

.ui-organizationchart .ui-organizationchart-node-content {
  padding: 0.5em 0.75em;
  display: inline-block;
  position: relative;
}

.ui-organizationchart .ui-organizationchart-node-content .ui-node-toggler {
  position: absolute;
  bottom: -9px;
  margin-left: -8px;
  z-index: 2;
}

.ui-organizationchart .ui-organizationchart-line-down {
  margin: 0 auto;
  height: 20px;
  width: 1px;
  float: none;
}

.ui-organizationchart .ui-organizationchart-line-right {
  float: none;
  border-radius: 0px;
}

.ui-organizationchart .ui-organizationchart-line-left {
  float: none;
  border-radius: 0;
}

.ui-organizationchart .ui-organizationchart-node-content.ui-organizationchart-selectable-node {
  cursor: pointer;
}

.ui-overlaypanel {
  padding: 0;
  margin: 0;
  position: absolute;
}

.ui-overlaypanel-content {
  padding: 0.5em 1em;
}

.ui-overlaypanel-close {
  position: absolute;
  top: -0.5em;
  right: -0.5em;
  -moz-border-radius: 100%;
  -webkit-border-radius: 100%;
  border-radius: 100%;
}

.ui-paginator {
  margin: 0;
  text-align: center;
  padding: 0.125em;
}

.ui-paginator .ui-paginator-top {
  border-bottom: 0 none;
}

.ui-paginator .ui-paginator-bottom {
  border-top: 0 none;
}

.ui-paginator .ui-paginator-page,
.ui-paginator .ui-paginator-pages,
.ui-paginator .ui-paginator-next,
.ui-paginator .ui-paginator-last,
.ui-paginator .ui-paginator-first,
.ui-paginator .ui-paginator-prev,
.ui-paginator .ui-paginator-current {
  display: inline-block;
  padding: 0.125em 0.375em;
  zoom: 1;
  margin-left: 0.063em;
  margin-right: 0.063em;
  text-decoration: none;
}

.ui-paginator .ui-paginator-page,
.ui-paginator .ui-paginator-next,
.ui-paginator .ui-paginator-last,
.ui-paginator .ui-paginator-first,
.ui-paginator .ui-paginator-prev {
  cursor: pointer;
}

.ui-paginator .ui-paginator-current,
.ui-paginator .ui-paginator-rpp-options {
  margin-left: 1em;
  margin-right: 1em;
  background-image: none;
}

.ui-paginator .ui-paginator-jtp-select option,
.ui-paginator .ui-paginator-rpp-options option {
  background-image: none;
  border: 0 none;
  box-shadow: none;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
}

.ui-paginator a.ui-state-disabled {
  outline: 0 none;
}

.ui-panel {
  padding: 0.2em;
}

.ui-panel .ui-panel-titlebar {
  padding: 0.5em 0.75em;
}

.ui-panel .ui-panel-titlebar-icon {
  float: right;
  cursor: pointer;
}

.ui-panel .ui-panel-titlebar-icon {
  margin-left: 0.2em;
  margin-top: -0.1em;
}

.ui-panel .ui-panel-content {
  border: 0;
  background: none;
  padding: 0.5em 0.75em;
}

.ui-panel .ui-panel-footer {
  border-width: 1px 0 0;
  padding: 0.25em 0.5em;
  text-align: left;
}

.ui-panel-content-wrapper-overflown {
  overflow: hidden;
}

.ui-password-panel {
  padding: 0.25em 0.5em;
  width: 10em;
  margin-top: 2px;
}

.ui-password-panel .ui-password-meter {
  height: 10px;
  background: transparent url("../images/primeng/password-meter.png") no-repeat left top;
  padding: 0;
  margin: 0;
}

.ui-password-info {
  margin-top: 0.25em;
}

.ui-password-panel-overlay {
  position: absolute;
}

.ui-picklist > div {
  float: left;
}

.ui-picklist .ui-picklist-buttons {
  height: 12.5em;
  padding: 0 0.25em;
}

.ui-picklist .ui-picklist-list {
  list-style-type: none;
  margin: 0;
  padding: 0;
  overflow: auto;
  height: 12.5em;
  width: 12.5em;
}

.ui-picklist .ui-picklist-list li {
  margin: 1px;
  padding: 0.125em;
}

.ui-picklist .ui-button {
  display: block;
  margin-bottom: 0.25em;
}

.ui-picklist .ui-button-text-icon-left {
  width: 100%;
}

.ui-picklist .ui-picklist-item {
  cursor: pointer;
  border: 0 none;
  font-weight: inherit;
}

.ui-picklist .ui-picklist-caption {
  text-align: center;
  padding: 0.5em 0.75em;
  border-bottom: 0 none;
}

.ui-picklist table {
  width: 100%;
  border-collapse: collapse;
}

.ui-picklist .ui-picklist-filter-container {
  position: relative;
  width: 100%;
  padding: 0.5em 0.6em;
  border-bottom: 0 none;
}

.ui-picklist .ui-picklist-filter-container .ui-picklist-filter {
  text-indent: 1.1em;
  width: 100%;
}

.ui-picklist .ui-picklist-filter-container .fa, .ui-picklist .ui-picklist-filter-container .pi {
  position: absolute;
  top: 50%;
  left: 1em;
  margin-top: -0.6em;
}

.ui-picklist {
  display: table;
}

.ui-picklist > div {
  float: none;
  display: table-cell;
  vertical-align: top;
}

.ui-picklist .ui-picklist-buttons {
  vertical-align: middle;
}

/* Vertical */
.ui-picklist.ui-picklist-vertical {
  display: table;
}

.ui-picklist.ui-picklist-vertical > div {
  float: none;
  display: table-row;
  vertical-align: top;
}

.ui-picklist.ui-picklist-vertical .ui-picklist-buttons {
  text-align: center;
  height: auto;
}

.ui-picklist.ui-picklist-vertical .ui-picklist-buttons .ui-button {
  display: inline-block;
}

.ui-picklist.ui-picklist-vertical .ui-button {
  margin-top: 0.25em;
}

.ui-picklist-outline {
  outline: 1px dotted black;
  z-index: 1;
}

.ui-picklist .ui-picklist-droppoint {
  height: 6px;
  list-style-type: none;
}

.ui-picklist .ui-picklist-list .ui-picklist-droppoint-empty {
  height: 100%;
  list-style-type: none;
}

.ui-picklist-list.ui-picklist-source,
.ui-picklist-list.ui-picklist-target {
  outline: none;
}

/* Responsive */
.ui-picklist.ui-picklist-responsive * {
  box-sizing: border-box;
}

.ui-picklist.ui-picklist-responsive {
  width: 100%;
}

.ui-picklist.ui-picklist-responsive .ui-picklist-listwrapper {
  width: 35%;
}

.ui-picklist.ui-picklist-responsive .ui-picklist-listwrapper.ui-picklist-listwrapper-nocontrols {
  width: 45%;
}

.ui-picklist.ui-picklist-responsive .ui-picklist-buttons {
  width: 10%;
}

.ui-picklist.ui-picklist-responsive .ui-picklist-buttons button {
  width: 100%;
}

.ui-picklist.ui-picklist-responsive .ui-picklist-list {
  width: auto;
}

/* Responsive */
@media (max-width: 40em) {
  .ui-picklist.ui-picklist-responsive {
    display: block;
  }
  .ui-picklist.ui-picklist-responsive > div {
    display: block;
    width: 100% !important;
  }
  .ui-picklist.ui-picklist-responsive .ui-picklist-buttons {
    text-align: center;
    height: auto;
    padding: 0.4em 0;
  }
  .ui-picklist.ui-picklist-responsive .ui-picklist-buttons button {
    display: inline;
    width: 20%;
    margin-bottom: 0;
  }
  .ui-picklist.ui-picklist-responsive .ui-picklist-source-controls.ui-picklist-buttons {
    padding-bottom: 0.4em;
  }
  .ui-picklist.ui-picklist-responsive .ui-picklist-target-controls.ui-picklist-buttons {
    padding-top: 0.4em;
  }
  .ui-picklist.ui-picklist-responsive .ui-picklist-buttons .fa-angle-right:before {
    content: "\f107";
  }
  .ui-picklist.ui-picklist-responsive .ui-picklist-buttons .fa-angle-double-right:before {
    content: "\f103";
  }
  .ui-picklist.ui-picklist-responsive .ui-picklist-buttons .fa-angle-left:before {
    content: "\f106";
  }
  .ui-picklist.ui-picklist-responsive .ui-picklist-buttons .fa-angle-double-left:before {
    content: "\f102";
  }
}
.ui-progressbar {
  height: 1.2em;
  text-align: left;
  position: relative;
}

.ui-progressbar .ui-progressbar-value {
  height: 100%;
  width: 0%;
  position: absolute;
  display: none;
  border: 0 none;
}

.ui-progressbar .ui-progressbar-value-animate {
  -webkit-transition: width 1s ease-in-out;
  -moz-transition: width 1s ease-in-out;
  -o-transition: width 1s ease-in-out;
  transition: width 1s ease-in-out;
}

.ui-progressbar .ui-progressbar-label {
  text-align: center;
  height: 100%;
  width: 100%;
  position: absolute;
  display: none;
  font-weight: bold;
}

.ui-radiobutton {
  display: inline-block;
  cursor: pointer;
  vertical-align: middle;
  margin-right: 0.25em;
}

.ui-radiobutton-box {
  width: 1.125em;
  height: 1.125em;
  line-height: 1.125em;
  -moz-border-radius: 100%;
  -webkit-border-radius: 100%;
  border-radius: 100%;
  text-align: center;
}

.ui-radiobutton-icon {
  display: block;
  font-size: 0.5em;
  line-height: inherit;
  margin-top: -1px;
}

.ui-radiobutton, .ui-radiobutton-label {
  vertical-align: middle;
  display: inline-block;
}

.ui-fluid .fc .ui-button {
  width: auto;
}

.ui-selectbutton {
  display: inline-block;
}

.ui-selectbutton.ui-state-error {
  padding: 0;
}

.ui-selectbutton .ui-button.ui-state-focus {
  outline: none;
}

.ui-slider {
  position: relative;
  text-align: left;
}

.ui-slider .ui-slider-handle {
  position: absolute;
  width: 1.2em;
  height: 1.2em;
  cursor: default;
  -ms-touch-action: none;
  touch-action: none;
  z-index: 1;
}

.ui-slider .ui-slider-handle.ui-slider-handle-active {
  z-index: 2;
}

.ui-slider .ui-slider-range {
  position: absolute;
  font-size: 0.7em;
  display: block;
  border: 0;
  background-position: 0 0;
}

.ui-slider-horizontal {
  height: 0.8em;
}

.ui-slider-horizontal .ui-slider-handle {
  top: -0.25em;
  margin-left: -0.6em;
}

.ui-slider-horizontal .ui-slider-range {
  top: 0;
  height: 100%;
}

.ui-slider-horizontal .ui-slider-range-min {
  left: 0;
}

.ui-slider-horizontal .ui-slider-range-max {
  right: 0;
}

.ui-slider-vertical {
  width: 0.8em;
  height: 100px;
}

.ui-slider-vertical .ui-slider-handle {
  left: -0.25em;
  margin-left: 0;
  margin-bottom: -0.6em;
}

.ui-slider-vertical .ui-slider-range {
  left: 0;
  width: 100%;
}

.ui-slider-vertical .ui-slider-range-min {
  bottom: 0;
}

.ui-slider-vertical .ui-slider-range-max {
  top: 0;
}

.ui-slider-animate .ui-slider-handle {
  transition: left 0.3s;
}

.ui-spinner {
  display: inline-block;
  overflow: visible;
  padding: 0;
  position: relative;
  vertical-align: middle;
}

.ui-spinner-input {
  vertical-align: middle;
  padding-right: 1.5em;
}

.ui-spinner-button {
  cursor: default;
  display: block;
  height: 50%;
  margin: 0;
  overflow: hidden;
  padding: 0;
  position: absolute;
  right: 0;
  text-align: center;
  vertical-align: middle;
  width: 1.5em;
}

.ui-spinner .fa, .ui-spinner .pi {
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -0.5em;
  margin-left: -0.5em;
  width: 1em;
}

.ui-spinner-up {
  top: 0;
}

.ui-spinner-down {
  bottom: 0;
}

/* Fluid */
.ui-fluid .ui-spinner {
  width: 100%;
}

.ui-fluid .ui-spinner .ui-spinner-input {
  padding-right: 2em;
  width: 100%;
}

.ui-fluid .ui-spinner .ui-spinner-button {
  width: 1.5em;
}

.ui-fluid .ui-spinner .ui-spinner-button .fa {
  left: 0.7em;
}

.ui-splitbutton {
  position: relative;
  display: inline-block;
  zoom: 1;
}

.ui-splitbutton .ui-button.ui-splitbutton-menubutton {
  width: 2em;
}

.ui-splitbutton.ui-state-disabled button {
  cursor: default;
}

.ui-fluid .ui-splitbutton {
  width: 100%;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
}

.ui-fluid .ui-splitbutton .ui-button:first-child {
  width: calc(100% - 2em);
}

.ui-fluid .ui-splitbutton .ui-button.ui-splitbutton-menubutton {
  width: 2em;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
}

.ui-steps ul {
  list-style-type: none;
  padding: 0;
  margin: 0;
}

.ui-steps .ui-steps-item {
  float: left;
  box-sizing: border-box;
  cursor: pointer;
}

.ui-steps.ui-steps-readonly .ui-steps-item {
  cursor: auto;
}

.ui-steps .ui-steps-item .ui-menuitem-link {
  text-decoration: none;
  display: block;
  padding: 1em;
  position: relative;
  text-align: center;
}

.ui-steps .ui-steps-item.ui-state-highlight .ui-menuitem-link,
.ui-steps .ui-steps-item.ui-state-disabled .ui-menuitem-link {
  cursor: default;
}

.ui-steps .ui-steps-number {
  font-size: 200%;
  display: block;
}

.ui-steps .ui-steps-title {
  display: block;
  white-space: nowrap;
}

/* Responsive */
@media (max-width: 40em) {
  .ui-steps .ui-steps-item .ui-menuitem-link {
    padding: 0.5em;
  }
  .ui-steps .ui-steps-item .ui-steps-title {
    display: none;
  }
}
/** TabMenu **/
.ui-tabmenu .ui-tabmenu-nav {
  margin: 0;
  padding: 0.25em 0.5em 0 0.25em;
}

.ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem {
  list-style: none;
  float: left;
  position: relative;
  margin: 0 0.2em 1px 0;
  padding: 0;
  white-space: nowrap;
  display: block;
  border-bottom: 0;
  top: 1px;
}

.ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem a {
  float: left;
  padding: 0.5em 1em;
  text-decoration: none;
}

.ui-tabmenu .ui-tabmenu-nav a {
  padding: 0.5em 1em;
}

.ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem .ui-icon {
  float: left;
}

.ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem.ui-state-disabled a {
  cursor: default;
}

.p-tabview {
  padding: 0.25em;
}

.p-tabview .p-tabview-nav {
  margin: 0;
}

.p-tabview .p-tabview-nav li {
  list-style: none;
  float: left;
  position: relative;
  margin: 0 0.125em 1px 0;
  padding: 0;
  white-space: nowrap;
}

.p-tabview .p-tabview-nav li a {
  float: left;
  padding: 0.5em 1em;
  text-decoration: none;
}

.p-tabview .p-tabview-nav li.p-tabview-selected a,
.p-tabview .p-tabview-nav li.p-state-disabled a,
.p-tabview .p-tabview-nav li.p-state-processing a {
  cursor: text;
}

.p-tabview .p-tabview-nav li a,
.p-tabview.p-tabview-collapsible .p-tabview-nav li.p-tabview-selected a {
  cursor: pointer;
}

.p-tabview .p-tabview-panel {
  border-width: 0;
  padding: 1em;
  background: none;
}

.p-tabview .p-tabview-nav li .p-tabview-left-icon,
.p-tabview .p-tabview-nav li .p-tabview-right-icon,
.p-tabview .p-tabview-nav li .p-tabview-title {
  vertical-align: middle;
}

.p-tabview .p-tabview-nav li .p-tabview-close {
  margin: 0.5em 0.3em 0 0;
  cursor: pointer;
}

/* per orientation settings */
/* top and bottom */
.p-tabview.p-tabview-top > .p-tabview-nav li {
  border-bottom: 0;
  top: 1px;
}

.p-tabview.p-tabview-top > .p-tabview-nav {
  padding: 0.2em 0.2em 0;
}

.p-tabview.p-tabview-bottom > .p-tabview-nav {
  padding: 0 0.2em 0.2em;
}

.p-tabview.p-tabview-bottom > .p-tabview-nav li {
  border-top: 0;
}

/* left and right*/
.p-tabview-left:after,
.p-tabview-right:after {
  clear: both;
  content: ".";
  display: block;
  height: 0;
  visibility: hidden;
}

.p-tabview-left > .p-tabview-nav {
  float: left;
  width: 25%;
  height: 300px;
  background-image: none;
  padding-top: 1px;
}

.p-tabview-left > .p-tabview-panels {
  float: right;
  width: 75%;
}

.p-tabview.p-tabview-left > .p-tabview-nav li,
.p-tabview.p-tabview-right > .p-tabview-nav li {
  display: block;
  float: right;
  white-space: normal;
  width: 99%;
}

.p-tabview.p-tabview-left > .p-tabview-nav li {
  margin: 0 0 1px 0;
  border-right: 0 none;
}

.p-tabview.p-tabview-right > .p-tabview-nav {
  float: right;
  width: 25%;
  height: 300px;
  background-image: none;
  padding-top: 1px;
}

.p-tabview.p-tabview-right > .p-tabview-panels {
  float: left;
  width: 75%;
}

.p-tabview.p-tabview-right > .p-tabview-nav li {
  margin: 0 0 1px 0;
  border-left: 0 none;
}

/* RTL */
.ui-rtl .p-tabview .p-tabview-nav li {
  float: right;
}

.ui-terminal {
  height: 18em;
  overflow: auto;
  padding: 0.25em;
}

.ui-terminal-input {
  border: 0 none;
  background-color: transparent;
  color: inherit;
  padding: 0;
  margin: 0 0 0 0.125em;
  width: 75%;
  outline: none;
  vertical-align: baseline;
}

.ui-terminal-command {
  margin-left: 0.125em;
  -moz-margin-start: 0.125em;
}

.ui-terminal-input::-ms-clear {
  display: none;
}

.ui-toolbar {
  padding: 0.25em 0.5em;
}

.ui-toolbar-group-left {
  float: left;
}

.ui-toolbar-group-right {
  float: right;
}

.ui-tooltip {
  position: absolute;
  display: none;
  padding: 0.25em 0.5em;
  max-width: 12.5em;
}

.ui-tooltip.ui-tooltip-right,
.ui-tooltip.ui-tooltip-left {
  padding: 0 0.25em;
}

.ui-tooltip.ui-tooltip-top,
.ui-tooltip.ui-tooltip-bottom {
  padding: 0.25em 0;
}

.ui-tooltip .ui-tooltip-text {
  padding: 0.125em 0.5em;
  background-color: rgb(76, 76, 76);
  color: #ffffff;
  white-space: pre-line;
}

.ui-tooltip-arrow {
  position: absolute;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
}

.ui-tooltip-right .ui-tooltip-arrow {
  top: 50%;
  left: 0;
  margin-top: -0.25em;
  border-width: 0.25em 0.25em 0.25em 0;
  border-right-color: rgb(76, 76, 76);
}

.ui-tooltip-left .ui-tooltip-arrow {
  top: 50%;
  right: 0;
  margin-top: -0.25em;
  border-width: 0.25em 0 0.25em 0.25em;
  border-left-color: rgb(76, 76, 76);
}

.ui-tooltip.ui-tooltip-top {
  padding: 0.25em 0;
}

.ui-tooltip-top .ui-tooltip-arrow {
  bottom: 0;
  left: 50%;
  margin-left: -0.25em;
  border-width: 0.25em 0.25em 0;
  border-top-color: rgb(76, 76, 76);
}

.ui-tooltip-bottom .ui-tooltip-arrow {
  top: 0;
  left: 50%;
  margin-left: -0.25em;
  border-width: 0 0.25em 0.25em;
  border-bottom-color: rgb(76, 76, 76);
}

.ui-tree {
  width: 18em;
}

.ui-tree .ui-treenode-selectable.ui-treenode-content {
  cursor: pointer;
}

.ui-tree .ui-tree-container {
  height: 100%;
  margin: 0;
  overflow: auto;
  padding: 0.25em;
  white-space: nowrap;
}

.ui-tree .ui-treenode-children {
  margin: 0;
  padding: 0 0 0 1em;
}

.ui-tree .ui-treenode {
  background-attachment: scroll;
  background-color: transparent;
  background-image: none;
  background-position: 0 0;
  background-repeat: repeat-y;
  list-style: none outside none;
  margin: 0;
  padding: 0.125em 0 0 0;
}

.ui-tree .ui-treenode-droppoint {
  height: 4px;
  list-style-type: none;
}

.ui-tree .ui-treenode-droppoint-active {
  border: 0 none;
}

.ui-tree .ui-tree-toggler {
  cursor: pointer;
  display: inline-block;
  vertical-align: middle;
}

.ui-tree .ui-treenode-icon {
  display: inline-block;
  vertical-align: middle;
}

.ui-tree .ui-treenode-label {
  display: inline-block;
  padding: 0 0.25em;
  vertical-align: middle;
}

.ui-tree .ui-treenode-label.ui-state-hover,
.ui-tree .ui-treenode-label.ui-state-highlight {
  font-weight: normal;
  border: 0 none;
}

.ui-tree .ui-treenode.ui-treenode-leaf > .ui-treenode-content > .ui-tree-toggler {
  visibility: hidden;
}

.ui-tree .ui-chkbox-box {
  cursor: pointer;
}

.ui-tree .ui-chkbox {
  display: inline-block;
  vertical-align: middle;
}

.ui-tree .ui-chkbox .ui-chkbox-icon {
  margin-left: 1px;
}

/** Fluid **/
.ui-fluid .ui-tree {
  width: 100%;
}

/** Horizontal Tree **/
.ui-tree-horizontal {
  width: auto;
  padding: 0.5em 0;
  overflow: auto;
}

.ui-tree.ui-tree-horizontal table,
.ui-tree.ui-tree-horizontal tr,
.ui-tree.ui-tree-horizontal td {
  border-collapse: collapse;
  margin: 0;
  padding: 0;
  vertical-align: middle;
}

.ui-tree.ui-tree-horizontal .ui-tree-toggler {
  vertical-align: middle;
  margin: 0;
}

.ui-tree-horizontal .ui-treenode-content {
  font-weight: normal;
  padding: 0.4em 1em 0.4em 0.2em;
}

.ui-tree.ui-tree-horizontal .ui-tree-node-label {
  margin: 0;
}

.ui-tree-horizontal .ui-treenode-parent .ui-treenode-content {
  font-weight: normal;
  white-space: nowrap;
}

.ui-tree.ui-tree-horizontal .ui-treenode {
  background: url("../images/primeng/line.gif") repeat-x scroll center center transparent;
  padding: 0.25em 2.5em;
}

.ui-tree.ui-tree-horizontal .ui-treenode.ui-treenode-leaf,
.ui-tree.ui-tree-horizontal .ui-treenode.ui-treenode-collapsed {
  padding-right: 0;
}

.ui-tree.ui-tree-horizontal .ui-treenode-children {
  padding: 0;
  margin: 0;
}

.ui-tree.ui-tree-horizontal .ui-treenode-connector {
  width: 1px;
}

.ui-tree.ui-tree-horizontal .ui-treenode-connector-table {
  height: 100%;
  width: 1px;
}

.ui-tree.ui-tree-horizontal .ui-treenode-connector-line {
  background: url("../images/primeng/line.gif") repeat-y scroll 0 0 transparent;
  width: 1px;
}

.ui-tree.ui-tree-horizontal table {
  height: 0;
}

.ui-tree.ui-tree-horizontal .ui-chkbox {
  vertical-align: bottom;
  margin-right: 0.25em;
}

.ui-treetable {
  position: relative;
}

.ui-treetable table {
  border-collapse: collapse;
  width: 100%;
  table-layout: fixed;
}

.ui-treetable .ui-treetable-header,
.ui-treetable .ui-treetable-footer {
  text-align: center;
  padding: 0.5em 0.75em;
}

.ui-treetable .ui-treetable-header {
  border-bottom: 0 none;
}

.ui-treetable .ui-treetable-footer {
  border-top: 0 none;
}

.ui-treetable th, .ui-treetable tfoot td {
  text-align: center;
}

.ui-treetable thead th,
.ui-treetable tbody td,
.ui-treetable tfoot td {
  padding: 0.25em 0.5em;
  overflow: hidden;
  white-space: nowrap;
  border-width: 1px;
  border-style: solid;
}

.ui-treetable tbody td {
  border-color: inherit;
}

.ui-treetable tbody td:first-child span {
  vertical-align: middle;
}

.ui-treetable .ui-treetable-toggler {
  vertical-align: middle;
  cursor: pointer;
  text-decoration: none;
}

.ui-treetable .ui-treetable-checkbox {
  margin-right: 0.5em;
}

.ui-treetable .ui-treetable-checkbox .ui-chkbox-icon {
  margin-left: 1px;
}

.ui-treetable .ui-treetable-row.ui-treetable-row-selectable {
  cursor: pointer;
}

.ui-treetable .ui-treetable-row.ui-state-highlight {
  border: 0 none;
}

.ui-treetable tr.ui-state-hover {
  border-color: inherit;
  font-weight: inherit;
}

.ui-treetable .ui-treetable-indent {
  width: 1em;
  height: 1em;
  float: left;
}

/* Resizable */
.ui-treetable .ui-column-resizer {
  display: block;
  position: absolute !important;
  top: 0;
  right: 0;
  margin: 0;
  width: 0.5em;
  height: 100%;
  padding: 0px;
  cursor: col-resize;
  border: 1px solid transparent;
}

.ui-treetable .ui-column-resizer-helper {
  width: 1px;
  position: absolute;
  z-index: 10;
  display: none;
}

.ui-treetable-resizable {
  padding-bottom: 1px; /*fix for webkit overlow*/
  overflow: auto;
}

.ui-treetable-resizable thead th,
.ui-treetable-resizable tbody td,
.ui-treetable-resizable tfoot td {
  white-space: nowrap;
}

.ui-treetable-resizable th.ui-resizable-column {
  background-clip: padding-box;
  position: relative;
}

/* PrimeNG */
.ui-treetable td.ui-treetable-child-table-container {
  padding: 0;
  border: 0 none;
}

.ui-treetable .ui-treetable-row {
  display: table-row;
  border-bottom: 0 transparent;
}

.ui-treetable tbody .ui-treetable-row td {
  border: 0 none;
}

.ui-treetable tbody .ui-treetable-row td input {
  outline: 0 none;
}

/* =======================================
	TABLE OF CONTENTS
	1. Slider
======================================= */
/*
 START : p-slider from nova theme 
*/
.p-slider {
  background: #c8c8c8;
  border: 0 none;
  border-radius: 3px;
}

.p-slider.p-slider-horizontal {
  height: 0.286rem;
}

.p-slider.p-slider-horizontal .p-slider-handle {
  margin-top: -0.5715rem;
  margin-left: -0.5715rem;
}

.p-slider.p-slider-vertical {
  width: 0.286rem;
}

.p-slider.p-slider-vertical .p-slider-handle {
  margin-left: -0.5715rem;
  margin-bottom: -0.5715rem;
}

.p-slider .p-slider-handle {
  height: 1.143rem;
  width: 1.143rem;
  background: #ffffff;
  border: 2px solid #666666;
  border-radius: 100%;
  transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
}

.p-slider .p-slider-handle:focus {
  outline: 0 none;
  outline-offset: 0;
  box-shadow: 0 0 0 0.2rem #8dcdff;
}

.p-slider .p-slider-range {
  background: #007ad9;
}

.p-slider:not(.p-disabled) .p-slider-handle:hover {
  background: 2px solid #666666;
  border-color: #007ad9;
}

.p-slider.p-slider-animate.p-slider-horizontal .p-slider-handle {
  transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, left 0.2s;
}

.p-slider.p-slider-animate.p-slider-horizontal .p-slider-range {
  transition: width 0.2s;
}

.p-slider.p-slider-animate.p-slider-vertical .p-slider-handle {
  transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, bottom 0.2s;
}

.p-slider.p-slider-animate.p-slider-vertical .p-slider-range {
  transition: height 0.2s;
}

/* END p-slider */
.p-grid {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-right: -0.5rem;
  margin-left: -0.5rem;
  margin-top: -0.5rem;
}

.p-grid > .p-col,
.p-grid > [class*=p-col] {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.p-nogutter {
  margin-right: 0;
  margin-left: 0;
  margin-top: 0;
}

.p-nogutter > .p-col,
.p-nogutter > [class*=p-col-] {
  padding: 0;
}

.p-dir-row {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
}

.p-dir-rev {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse;
}

.p-dir-col {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

.p-dir-col-rev {
  -webkit-box-orient: vertical;
  -webkit-box-direction: reverse;
  -ms-flex-direction: column-reverse;
  flex-direction: column-reverse;
}

.p-justify-start {
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}

.p-justify-end {
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}

.p-justify-center {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.p-justify-between {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.p-justify-around {
  -ms-flex-pack: distribute;
  justify-content: space-around;
}

.p-justify-even {
  -webkit-box-pack: space-evenly;
  -ms-flex-pack: space-evenly;
  justify-content: space-evenly;
}

.p-align-start {
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}

.p-align-end {
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
}

.p-align-center {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.p-align-baseline {
  -webkit-box-align: baseline;
  -ms-flex-align: baseline;
  align-items: baseline;
}

.p-align-stretch {
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
}

.p-col {
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  -ms-flex-preferred-size: 0;
  flex-basis: 0;
  padding: 0.5rem;
}

.p-col-fixed {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  padding: 0.5rem;
}

.p-col-align-start {
  -ms-flex-item-align: start;
  align-self: flex-start;
}

.p-col-align-end {
  -ms-flex-item-align: end;
  align-self: flex-end;
}

.p-col-align-center {
  -ms-flex-item-align: center;
  -ms-grid-row-align: center;
  align-self: center;
}

.p-col-align-baseline {
  -ms-flex-item-align: baseline;
  align-self: baseline;
}

.p-col-align-stretch {
  -ms-flex-item-align: stretch;
  -ms-grid-row-align: stretch;
  align-self: stretch;
}

.p-dir-col > .p-col,
.p-dir-col-rev > .p-col {
  -ms-flex-preferred-size: auto;
  flex-basis: auto;
}

.p-col-1,
.p-col-2,
.p-col-3,
.p-col-4,
.p-col-5,
.p-col-6,
.p-col-7,
.p-col-8,
.p-col-9,
.p-col-10,
.p-col-11,
.p-col-12 {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  padding: 0.5rem;
}

.p-col-1 {
  width: 8.3333%;
}

.p-col-2 {
  width: 16.6667%;
}

.p-col-3 {
  width: 25%;
}

.p-col-4 {
  width: 33.3333%;
}

.p-col-5 {
  width: 41.6667%;
}

.p-col-6 {
  width: 50%;
}

.p-col-7 {
  width: 58.3333%;
}

.p-col-8 {
  width: 66.6667%;
}

.p-col-9 {
  width: 75%;
}

.p-col-10 {
  width: 83.3333%;
}

.p-col-11 {
  width: 91.6667%;
}

.p-col-12 {
  width: 100%;
}

.p-col-order-first {
  -ms-flex-order: -1;
  order: -1;
}

.p-col-order-last {
  -ms-flex-order: 13;
  order: 13;
}

.p-col-order-0 {
  -ms-flex-order: 0;
  order: 0;
}

.p-col-order-1 {
  -ms-flex-order: 1;
  order: 1;
}

.p-col-order-2 {
  -ms-flex-order: 2;
  order: 2;
}

.p-col-order-3 {
  -ms-flex-order: 3;
  order: 3;
}

.p-col-order-4 {
  -ms-flex-order: 4;
  order: 4;
}

.p-col-order-5 {
  -ms-flex-order: 5;
  order: 5;
}

.p-col-order-6 {
  -ms-flex-order: 6;
  order: 6;
}

.p-col-order-7 {
  -ms-flex-order: 7;
  order: 7;
}

.p-col-order-8 {
  -ms-flex-order: 8;
  order: 8;
}

.p-col-order-9 {
  -ms-flex-order: 9;
  order: 9;
}

.p-col-order-10 {
  -ms-flex-order: 10;
  order: 10;
}

.p-col-order-11 {
  -ms-flex-order: 11;
  order: 11;
}

.p-col-order-12 {
  -ms-flex-order: 12;
  order: 12;
}

.p-offset-12 {
  margin-left: 100%;
}

.p-offset-11 {
  margin-left: 91.66666667%;
}

.p-offset-10 {
  margin-left: 83.33333333%;
}

.p-offset-9 {
  margin-left: 75%;
}

.p-offset-8 {
  margin-left: 66.66666667%;
}

.p-offset-7 {
  margin-left: 58.33333333%;
}

.p-offset-6 {
  margin-left: 50%;
}

.p-offset-5 {
  margin-left: 41.66666667%;
}

.p-offset-4 {
  margin-left: 33.33333333%;
}

.p-offset-3 {
  margin-left: 25%;
}

.p-offset-2 {
  margin-left: 16.66666667%;
}

.p-offset-1 {
  margin-left: 8.33333333%;
}

.p-offset-0 {
  margin-left: 0%;
}

.p-sm-1,
.p-sm-2,
.p-sm-3,
.p-sm-4,
.p-sm-5,
.p-sm-6,
.p-sm-7,
.p-sm-8,
.p-sm-9,
.p-sm-10,
.p-sm-11,
.p-sm-12,
.p-md-1,
.p-md-2,
.p-md-3,
.p-md-4,
.p-md-5,
.p-md-6,
.p-md-7,
.p-md-8,
.p-md-9,
.p-md-10,
.p-md-11,
.p-md-12,
.p-lg-1,
.p-lg-2,
.p-lg-3,
.p-lg-4,
.p-lg-5,
.p-lg-6,
.p-lg-7,
.p-lg-8,
.p-lg-9,
.p-lg-10,
.p-lg-11,
.p-lg-12,
.p-xl-1,
.p-xl-2,
.p-xl-3,
.p-xl-4,
.p-xl-5,
.p-xl-6,
.p-xl-7,
.p-xl-8,
.p-xl-9,
.p-xl-10,
.p-xl-11,
.p-xl-12 {
  padding: 0.5rem;
}

.p-col-nogutter {
  padding: 0;
}

@media screen and (min-width: 576px) {
  .p-sm-1,
.p-sm-2,
.p-sm-3,
.p-sm-4,
.p-sm-5,
.p-sm-6,
.p-sm-7,
.p-sm-8,
.p-sm-9,
.p-sm-10,
.p-sm-11,
.p-sm-12 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
  }
  .p-sm-1 {
    width: 8.3333%;
  }
  .p-sm-2 {
    width: 16.6667%;
  }
  .p-sm-3 {
    width: 25%;
  }
  .p-sm-4 {
    width: 33.3333%;
  }
  .p-sm-5 {
    width: 41.6667%;
  }
  .p-sm-6 {
    width: 50%;
  }
  .p-sm-7 {
    width: 58.3333%;
  }
  .p-sm-8 {
    width: 66.6667%;
  }
  .p-sm-9 {
    width: 75%;
  }
  .p-sm-10 {
    width: 83.3333%;
  }
  .p-sm-11 {
    width: 91.6667%;
  }
  .p-sm-12 {
    width: 100%;
  }
  .p-sm-offset-12 {
    margin-left: 100%;
  }
  .p-sm-offset-11 {
    margin-left: 91.66666667%;
  }
  .p-sm-offset-10 {
    margin-left: 83.33333333%;
  }
  .p-sm-offset-9 {
    margin-left: 75%;
  }
  .p-sm-offset-8 {
    margin-left: 66.66666667%;
  }
  .p-sm-offset-7 {
    margin-left: 58.33333333%;
  }
  .p-sm-offset-6 {
    margin-left: 50%;
  }
  .p-sm-offset-5 {
    margin-left: 41.66666667%;
  }
  .p-sm-offset-4 {
    margin-left: 33.33333333%;
  }
  .p-sm-offset-3 {
    margin-left: 25%;
  }
  .p-sm-offset-2 {
    margin-left: 16.66666667%;
  }
  .p-sm-offset-1 {
    margin-left: 8.33333333%;
  }
  .p-sm-offset-0 {
    margin-left: 0%;
  }
  .p-sm-order-first {
    -ms-flex-order: -1;
    order: -1;
  }
  .p-sm-order-last {
    -ms-flex-order: 13;
    order: 13;
  }
  .p-sm-order-0 {
    -ms-flex-order: 0;
    order: 0;
  }
  .p-sm-order-1 {
    -ms-flex-order: 1;
    order: 1;
  }
  .p-sm-order-2 {
    -ms-flex-order: 2;
    order: 2;
  }
  .p-sm-order-3 {
    -ms-flex-order: 3;
    order: 3;
  }
  .p-sm-order-4 {
    -ms-flex-order: 4;
    order: 4;
  }
  .p-sm-order-5 {
    -ms-flex-order: 5;
    order: 5;
  }
  .p-sm-order-6 {
    -ms-flex-order: 6;
    order: 6;
  }
  .p-sm-order-7 {
    -ms-flex-order: 7;
    order: 7;
  }
  .p-sm-order-8 {
    -ms-flex-order: 8;
    order: 8;
  }
  .p-sm-order-9 {
    -ms-flex-order: 9;
    order: 9;
  }
  .p-sm-order-10 {
    -ms-flex-order: 10;
    order: 10;
  }
  .p-sm-order-11 {
    -ms-flex-order: 11;
    order: 11;
  }
  .p-sm-order-12 {
    -ms-flex-order: 12;
    order: 12;
  }
}
@media screen and (min-width: 768px) {
  .p-md-1,
.p-md-2,
.p-md-3,
.p-md-4,
.p-md-5,
.p-md-6,
.p-md-7,
.p-md-8,
.p-md-9,
.p-md-10,
.p-md-11,
.p-md-12 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
  }
  .p-md-1 {
    width: 8.3333%;
  }
  .p-md-2 {
    width: 16.6667%;
  }
  .p-md-3 {
    width: 25%;
  }
  .p-md-4 {
    width: 33.3333%;
  }
  .p-md-5 {
    width: 41.6667%;
  }
  .p-md-6 {
    width: 50%;
  }
  .p-md-7 {
    width: 58.3333%;
  }
  .p-md-8 {
    width: 66.6667%;
  }
  .p-md-9 {
    width: 75%;
  }
  .p-md-10 {
    width: 83.3333%;
  }
  .p-md-11 {
    width: 91.6667%;
  }
  .p-md-12 {
    width: 100%;
  }
  .p-md-offset-12 {
    margin-left: 100%;
  }
  .p-md-offset-11 {
    margin-left: 91.66666667%;
  }
  .p-md-offset-10 {
    margin-left: 83.33333333%;
  }
  .p-md-offset-9 {
    margin-left: 75%;
  }
  .p-md-offset-8 {
    margin-left: 66.66666667%;
  }
  .p-md-offset-7 {
    margin-left: 58.33333333%;
  }
  .p-md-offset-6 {
    margin-left: 50%;
  }
  .p-md-offset-5 {
    margin-left: 41.66666667%;
  }
  .p-md-offset-4 {
    margin-left: 33.33333333%;
  }
  .p-md-offset-3 {
    margin-left: 25%;
  }
  .p-md-offset-2 {
    margin-left: 16.66666667%;
  }
  .p-md-offset-1 {
    margin-left: 8.33333333%;
  }
  .p-md-offset-0 {
    margin-left: 0%;
  }
  .p-md-order-first {
    -ms-flex-order: -1;
    order: -1;
  }
  .p-md-order-last {
    -ms-flex-order: 13;
    order: 13;
  }
  .p-md-order-0 {
    -ms-flex-order: 0;
    order: 0;
  }
  .p-md-order-1 {
    -ms-flex-order: 1;
    order: 1;
  }
  .p-md-order-2 {
    -ms-flex-order: 2;
    order: 2;
  }
  .p-md-order-3 {
    -ms-flex-order: 3;
    order: 3;
  }
  .p-md-order-4 {
    -ms-flex-order: 4;
    order: 4;
  }
  .p-md-order-5 {
    -ms-flex-order: 5;
    order: 5;
  }
  .p-md-order-6 {
    -ms-flex-order: 6;
    order: 6;
  }
  .p-md-order-7 {
    -ms-flex-order: 7;
    order: 7;
  }
  .p-md-order-8 {
    -ms-flex-order: 8;
    order: 8;
  }
  .p-md-order-9 {
    -ms-flex-order: 9;
    order: 9;
  }
  .p-md-order-10 {
    -ms-flex-order: 10;
    order: 10;
  }
  .p-md-order-11 {
    -ms-flex-order: 11;
    order: 11;
  }
  .p-md-order-12 {
    -ms-flex-order: 12;
    order: 12;
  }
}
@media screen and (min-width: 992px) {
  .p-lg-1,
.p-lg-2,
.p-lg-3,
.p-lg-4,
.p-lg-5,
.p-lg-6,
.p-lg-7,
.p-lg-8,
.p-lg-9,
.p-lg-10,
.p-lg-11,
.p-lg-12 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
  }
  .p-lg-1 {
    width: 8.3333%;
  }
  .p-lg-2 {
    width: 16.6667%;
  }
  .p-lg-3 {
    width: 25%;
  }
  .p-lg-4 {
    width: 33.3333%;
  }
  .p-lg-5 {
    width: 41.6667%;
  }
  .p-lg-6 {
    width: 50%;
  }
  .p-lg-7 {
    width: 58.3333%;
  }
  .p-lg-8 {
    width: 66.6667%;
  }
  .p-lg-9 {
    width: 75%;
  }
  .p-lg-10 {
    width: 83.3333%;
  }
  .p-lg-11 {
    width: 91.6667%;
  }
  .p-lg-12 {
    width: 100%;
  }
  .p-lg-offset-12 {
    margin-left: 100%;
  }
  .p-lg-offset-11 {
    margin-left: 91.66666667%;
  }
  .p-lg-offset-10 {
    margin-left: 83.33333333%;
  }
  .p-lg-offset-9 {
    margin-left: 75%;
  }
  .p-lg-offset-8 {
    margin-left: 66.66666667%;
  }
  .p-lg-offset-7 {
    margin-left: 58.33333333%;
  }
  .p-lg-offset-6 {
    margin-left: 50%;
  }
  .p-lg-offset-5 {
    margin-left: 41.66666667%;
  }
  .p-lg-offset-4 {
    margin-left: 33.33333333%;
  }
  .p-lg-offset-3 {
    margin-left: 25%;
  }
  .p-lg-offset-2 {
    margin-left: 16.66666667%;
  }
  .p-lg-offset-1 {
    margin-left: 8.33333333%;
  }
  .p-lg-offset-0 {
    margin-left: 0%;
  }
  .p-lg-order-first {
    -ms-flex-order: -1;
    order: -1;
  }
  .p-lg-order-last {
    -ms-flex-order: 13;
    order: 13;
  }
  .p-lg-order-0 {
    -ms-flex-order: 0;
    order: 0;
  }
  .p-lg-order-1 {
    -ms-flex-order: 1;
    order: 1;
  }
  .p-lg-order-2 {
    -ms-flex-order: 2;
    order: 2;
  }
  .p-lg-order-3 {
    -ms-flex-order: 3;
    order: 3;
  }
  .p-lg-order-4 {
    -ms-flex-order: 4;
    order: 4;
  }
  .p-lg-order-5 {
    -ms-flex-order: 5;
    order: 5;
  }
  .p-lg-order-6 {
    -ms-flex-order: 6;
    order: 6;
  }
  .p-lg-order-7 {
    -ms-flex-order: 7;
    order: 7;
  }
  .p-lg-order-8 {
    -ms-flex-order: 8;
    order: 8;
  }
  .p-lg-order-9 {
    -ms-flex-order: 9;
    order: 9;
  }
  .p-lg-order-10 {
    -ms-flex-order: 10;
    order: 10;
  }
  .p-lg-order-11 {
    -ms-flex-order: 11;
    order: 11;
  }
  .p-lg-order-12 {
    -ms-flex-order: 12;
    order: 12;
  }
}
@media screen and (min-width: 1200px) {
  .p-xl-1,
.p-xl-2,
.p-xl-3,
.p-xl-4,
.p-xl-5,
.p-xl-6,
.p-xl-7,
.p-xl-8,
.p-xl-9,
.p-xl-10,
.p-xl-11,
.p-xl-12 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
  }
  .p-xl-1 {
    width: 8.3333%;
  }
  .p-xl-2 {
    width: 16.6667%;
  }
  .p-xl-3 {
    width: 25%;
  }
  .p-xl-4 {
    width: 33.3333%;
  }
  .p-xl-5 {
    width: 41.6667%;
  }
  .p-xl-6 {
    width: 50%;
  }
  .p-xl-7 {
    width: 58.3333%;
  }
  .p-xl-8 {
    width: 66.6667%;
  }
  .p-xl-9 {
    width: 75%;
  }
  .p-xl-10 {
    width: 83.3333%;
  }
  .p-xl-11 {
    width: 91.6667%;
  }
  .p-xl-12 {
    width: 100%;
  }
  .p-xl-offset-12 {
    margin-left: 100%;
  }
  .p-xl-offset-11 {
    margin-left: 91.66666667%;
  }
  .p-xl-offset-10 {
    margin-left: 83.33333333%;
  }
  .p-xl-offset-9 {
    margin-left: 75%;
  }
  .p-xl-offset-8 {
    margin-left: 66.66666667%;
  }
  .p-xl-offset-7 {
    margin-left: 58.33333333%;
  }
  .p-xl-offset-6 {
    margin-left: 50%;
  }
  .p-xl-offset-5 {
    margin-left: 41.66666667%;
  }
  .p-xl-offset-4 {
    margin-left: 33.33333333%;
  }
  .p-xl-offset-3 {
    margin-left: 25%;
  }
  .p-xl-offset-2 {
    margin-left: 16.66666667%;
  }
  .p-xl-offset-1 {
    margin-left: 8.33333333%;
  }
  .p-xl-offset-0 {
    margin-left: 0%;
  }
  .p-xl-order-first {
    -ms-flex-order: -1;
    order: -1;
  }
  .p-xl-order-last {
    -ms-flex-order: 13;
    order: 13;
  }
  .p-xl-order-0 {
    -ms-flex-order: 0;
    order: 0;
  }
  .p-xl-order-1 {
    -ms-flex-order: 1;
    order: 1;
  }
  .p-xl-order-2 {
    -ms-flex-order: 2;
    order: 2;
  }
  .p-xl-order-3 {
    -ms-flex-order: 3;
    order: 3;
  }
  .p-xl-order-4 {
    -ms-flex-order: 4;
    order: 4;
  }
  .p-xl-order-5 {
    -ms-flex-order: 5;
    order: 5;
  }
  .p-xl-order-6 {
    -ms-flex-order: 6;
    order: 6;
  }
  .p-xl-order-7 {
    -ms-flex-order: 7;
    order: 7;
  }
  .p-xl-order-8 {
    -ms-flex-order: 8;
    order: 8;
  }
  .p-xl-order-9 {
    -ms-flex-order: 9;
    order: 9;
  }
  .p-xl-order-10 {
    -ms-flex-order: 10;
    order: 10;
  }
  .p-xl-order-11 {
    -ms-flex-order: 11;
    order: 11;
  }
  .p-xl-order-12 {
    -ms-flex-order: 12;
    order: 12;
  }
}
.p-field {
  margin-bottom: 1rem;
}

.p-field > label {
  display: inline-block;
  margin-bottom: 0.5rem;
}

.p-field.p-grid > label {
  display: flex;
  align-items: center;
}

.p-field > small {
  margin-top: 0.25rem;
}

.p-field.p-grid,
.p-formgrid.p-grid {
  margin-top: 0;
}

.p-field.p-grid .p-col-fixed,
.p-formgrid.p-grid .p-col-fixed,
.p-field.p-grid .p-col,
.p-formgrid.p-grid .p-col,
.p-formgroup .p-grid .p-col-1,
.p-formgrid.p-grid .p-col-1,
.p-field.p-grid .p-col-2,
.p-formgrid.p-grid .p-col-2,
.p-field.p-grid .p-col-3,
.p-formgrid.p-grid .p-col-3,
.p-field.p-grid .p-col-4,
.p-formgroup.p-grid .p-col-4,
.p-field.p-grid .p-col-5,
.p-formgrid.p-grid .p-col-5,
.p-field.p-grid .p-col-6,
.p-formgrid.p-grid .p-col-6,
.p-formgroup .p-grid .p-col-7,
.p-formgrid.p-grid .p-col-7,
.p-field.p-grid .p-col-8,
.p-formgrid.p-grid .p-col-8,
.p-formgroup .p-grid .p-col-9,
.p-formgrid.p-grid .p-col-9,
.p-field.p-grid .p-col-10,
.p-formgrid.p-grid .p-col-10,
.p-field.p-grid .p-col-11,
.p-formgroup.p-grid .p-col-11,
.p-field.p-grid .p-col-12,
.p-formgrid.p-grid .p-col-12 {
  padding-top: 0;
  padding-bottom: 0;
}

.p-formgroup-inline {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
}

.p-formgroup-inline .p-field,
.p-formgroup-inline .p-field-checkbox,
.p-formgroup-inline .p-field-radiobutton {
  margin-right: 1rem;
}

.p-formgroup-inline .p-field > label,
.p-formgroup-inline .p-field-checkbox > label,
.p-formgroup-inline .p-field-radiobutton > label {
  margin-right: 0.5rem;
  margin-bottom: 0;
}

.p-field-checkbox,
.p-field-radiobutton {
  margin-bottom: 1rem;
  display: flex;
  align-items: center;
}

.p-field-checkbox > label,
.p-field-radiobutton > label {
  margin-left: 0.5rem;
  line-height: 1;
}

.p-d-none {
  display: none !important;
}

.p-d-inline {
  display: inline !important;
}

.p-d-inline-block {
  display: inline-block !important;
}

.p-d-block {
  display: block !important;
}

.p-d-flex {
  display: flex !important;
}

.p-d-inline-flex {
  display: inline-flex !important;
}

@media screen and (min-width: 576px) {
  .p-d-sm-none {
    display: none !important;
  }
  .p-d-sm-inline {
    display: inline !important;
  }
  .p-d-sm-inline-block {
    display: inline-block !important;
  }
  .p-d-sm-block {
    display: block !important;
  }
  .p-d-sm-flex {
    display: flex !important;
  }
  .p-d-sm-inline-flex {
    display: inline-flex !important;
  }
}
@media screen and (min-width: 768px) {
  .p-d-md-none {
    display: none !important;
  }
  .p-d-md-inline {
    display: inline !important;
  }
  .p-d-md-inline-block {
    display: inline-block !important;
  }
  .p-d-md-block {
    display: block !important;
  }
  .p-d-md-flex {
    display: flex !important;
  }
  .p-d-md-inline-flex {
    display: inline-flex !important;
  }
}
@media screen and (min-width: 992px) {
  .p-d-lg-none {
    display: none !important;
  }
  .p-d-lg-inline {
    display: inline !important;
  }
  .p-d-lg-inline-block {
    display: inline-block !important;
  }
  .p-d-lg-block {
    display: block !important;
  }
  .p-d-lg-flex {
    display: flex !important;
  }
  .p-d-lg-inline-flex {
    display: inline-flex !important;
  }
}
@media screen and (min-width: 1200px) {
  .p-d-xl-none {
    display: none !important;
  }
  .p-d-xl-inline {
    display: inline !important;
  }
  .p-d-xl-inline-block {
    display: inline-block !important;
  }
  .p-d-xl-block {
    display: block !important;
  }
  .p-d-xl-flex {
    display: flex !important;
  }
  .p-d-xl-inline-flex {
    display: inline-flex !important;
  }
}
@media print {
  .p-d-print-none {
    display: none !important;
  }
  .p-d-print-inline {
    display: inline !important;
  }
  .p-d-print-inline-block {
    display: inline-block !important;
  }
  .p-d-print-block {
    display: block !important;
  }
  .p-d-print-flex {
    display: flex !important;
  }
  .p-d-print-inline-flex {
    display: inline-flex !important;
  }
}
.p-text-justify {
  text-align: justify !important;
}

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

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

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

.p-text-nowrap {
  white-space: nowrap !important;
}

.p-text-truncate {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

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

.p-text-uppercase {
  text-transform: uppercase !important;
}

.p-text-capitalize {
  text-transform: capitalize !important;
}

.p-text-bold {
  font-weight: 700 !important;
}

.p-text-normal {
  font-weight: 400 !important;
}

.p-text-light {
  font-weight: 300 !important;
}

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

@media screen and (min-width: 576px) {
  .p-text-sm-justify {
    text-align: justify !important;
  }
  .p-text-sm-left {
    text-align: left !important;
  }
  .p-text-sm-right {
    text-align: right !important;
  }
  .p-text-sm-center {
    text-align: center !important;
  }
}
@media screen and (min-width: 768px) {
  .p-text-md-justify {
    text-align: justify !important;
  }
  .p-text-md-left {
    text-align: left !important;
  }
  .p-text-md-right {
    text-align: right !important;
  }
  .p-text-md-center {
    text-align: center !important;
  }
}
@media screen and (min-width: 992px) {
  .p-text-lg-justify {
    text-align: justify !important;
  }
  .p-text-lg-left {
    text-align: left !important;
  }
  .p-text-lg-right {
    text-align: right !important;
  }
  .p-text-lg-center {
    text-align: center !important;
  }
}
@media screen and (min-width: 1200px) {
  .p-text-xl-justify {
    text-align: justify !important;
  }
  .p-text-xl-left {
    text-align: left !important;
  }
  .p-text-xl-right {
    text-align: right !important;
  }
  .p-text-xl-center {
    text-align: center !important;
  }
}
.p-flex-row {
  flex-direction: row !important;
}

.p-flex-row-reverse {
  flex-direction: row-reverse !important;
}

.p-flex-column {
  flex-direction: column !important;
}

.p-flex-column-reverse {
  flex-direction: column-reverse !important;
}

@media screen and (min-width: 576px) {
  .p-flex-sm-row {
    flex-direction: row !important;
  }
  .p-flex-sm-row-reverse {
    flex-direction: row-reverse !important;
  }
  .p-flex-sm-column {
    flex-direction: column !important;
  }
  .p-flex-sm-column-reverse {
    flex-direction: column-reverse !important;
  }
}
@media screen and (min-width: 768px) {
  .p-flex-md-row {
    flex-direction: row !important;
  }
  .p-flex-md-row-reverse {
    flex-direction: row-reverse !important;
  }
  .p-flex-md-column {
    flex-direction: column !important;
  }
  .p-flex-md-column-reverse {
    flex-direction: column-reverse !important;
  }
}
@media screen and (min-width: 992px) {
  .p-flex-lg-row {
    flex-direction: row !important;
  }
  .p-flex-lg-row-reverse {
    flex-direction: row-reverse !important;
  }
  .p-flex-lg-column {
    flex-direction: column !important;
  }
  .p-flex-lg-column-reverse {
    flex-direction: column-reverse !important;
  }
}
@media screen and (min-width: 1200px) {
  .p-flex-xl-row {
    flex-direction: row !important;
  }
  .p-flex-xl-row-reverse {
    flex-direction: row-reverse !important;
  }
  .p-flex-xl-column {
    flex-direction: column !important;
  }
  .p-flex-xl-column-reverse {
    flex-direction: column-reverse !important;
  }
}
.p-jc-start {
  justify-content: flex-start;
}

.p-jc-end {
  justify-content: flex-end;
}

.p-jc-center {
  justify-content: center;
}

.p-jc-between {
  justify-content: space-between;
}

.p-jc-around {
  justify-content: space-around;
}

.p-jc-evenly {
  justify-content: space-evenly;
}

@media screen and (min-width: 576px) {
  .p-jc-sm-start {
    justify-content: flex-start;
  }
  .p-jc-sm-end {
    justify-content: flex-end;
  }
  .p-jc-sm-center {
    justify-content: center;
  }
  .p-jc-sm-between {
    justify-content: space-between;
  }
  .p-jc-sm-around {
    justify-content: space-around;
  }
  .p-jc-sm-evenly {
    justify-content: space-evenly;
  }
}
@media screen and (min-width: 768px) {
  .p-jc-md-start {
    justify-content: flex-start;
  }
  .p-jc-md-end {
    justify-content: flex-end;
  }
  .p-jc-md-center {
    justify-content: center;
  }
  .p-jc-md-between {
    justify-content: space-between;
  }
  .p-jc-md-around {
    justify-content: space-around;
  }
  .p-jc-md-evenly {
    justify-content: space-evenly;
  }
}
@media screen and (min-width: 992px) {
  .p-jc-lg-start {
    justify-content: flex-start;
  }
  .p-jc-lg-end {
    justify-content: flex-end;
  }
  .p-jc-lg-center {
    justify-content: center;
  }
  .p-jc-lg-between {
    justify-content: space-between;
  }
  .p-jc-lg-around {
    justify-content: space-around;
  }
  .p-jc-lg-evenly {
    justify-content: space-evenly;
  }
}
@media screen and (min-width: 1200px) {
  .p-jc-xl-start {
    justify-content: flex-start;
  }
  .p-jc-xl-end {
    justify-content: flex-end;
  }
  .p-jc-xl-center {
    justify-content: center;
  }
  .p-jc-xl-between {
    justify-content: space-between;
  }
  .p-jc-xl-around {
    justify-content: space-around;
  }
  .p-jc-xl-evenly {
    justify-content: space-evenly;
  }
}
.p-ai-start {
  align-items: flex-start;
}

.p-ai-end {
  align-items: flex-end;
}

.p-ai-center {
  align-items: center;
}

.p-ai-baseline {
  align-items: baseline;
}

.p-ai-stretch {
  align-items: stretch;
}

@media screen and (min-width: 576px) {
  .p-ai-sm-start {
    align-items: flex-start;
  }
  .p-ai-sm-end {
    align-items: flex-end;
  }
  .p-ai-sm-center {
    align-items: center;
  }
  .p-ai-sm-baseline {
    align-items: baseline;
  }
  .p-ai-sm-stretch {
    align-items: stretch;
  }
}
@media screen and (min-width: 768px) {
  .p-ai-md-start {
    align-items: flex-start;
  }
  .p-ai-md-end {
    align-items: flex-end;
  }
  .p-ai-md-center {
    align-items: center;
  }
  .p-ai-md-baseline {
    align-items: baseline;
  }
  .p-ai-md-stretch {
    align-items: stretch;
  }
}
@media screen and (min-width: 992px) {
  .p-ai-lg-start {
    align-items: flex-start;
  }
  .p-ai-lg-end {
    align-items: flex-end;
  }
  .p-ai-lg-center {
    align-items: center;
  }
  .p-ai-lg-baseline {
    align-items: baseline;
  }
  .p-ai-lg-stretch {
    align-items: stretch;
  }
}
@media screen and (min-width: 1200px) {
  .p-ai-xl-start {
    align-items: flex-start;
  }
  .p-ai-xl-end {
    align-items: flex-end;
  }
  .p-ai-xl-center {
    align-items: center;
  }
  .p-ai-xl-baseline {
    align-items: baseline;
  }
  .p-ai-xl-stretch {
    align-items: stretch;
  }
}
.p-as-start {
  align-self: start;
}

.p-as-end {
  align-self: flex-end;
}

.p-as-center {
  align-self: center;
}

.p-as-baseline {
  align-self: baseline;
}

.p-as-stretch {
  align-self: stretch;
}

@media screen and (min-width: 576px) {
  .p-as-sm-start {
    align-self: start;
  }
  .p-as-sm-end {
    align-self: flex-end;
  }
  .p-as-sm-center {
    align-self: center;
  }
  .p-as-sm-baseline {
    align-self: baseline;
  }
  .p-as-sm-stretch {
    align-self: stretch;
  }
}
@media screen and (min-width: 768px) {
  .p-as-md-start {
    align-self: start;
  }
  .p-as-md-end {
    align-self: flex-end;
  }
  .p-as-md-center {
    align-self: center;
  }
  .p-as-md-baseline {
    align-self: baseline;
  }
  .p-as-md-stretch {
    align-self: stretch;
  }
}
@media screen and (min-width: 992px) {
  .p-as-lg-start {
    align-self: start;
  }
  .p-as-lg-end {
    align-self: flex-end;
  }
  .p-as-lg-center {
    align-self: center;
  }
  .p-as-lg-baseline {
    align-self: baseline;
  }
  .p-as-lg-stretch {
    align-self: stretch;
  }
}
@media screen and (min-width: 1200px) {
  .p-as-xl-start {
    align-self: start;
  }
  .p-as-xl-end {
    align-self: flex-end;
  }
  .p-as-xl-center {
    align-self: center;
  }
  .p-as-xl-baseline {
    align-self: baseline;
  }
  .p-as-xl-stretch {
    align-self: stretch;
  }
}
.p-ac-start {
  align-content: flex-start;
}

.p-ac-end {
  align-content: flex-end;
}

.p-ac-center {
  align-content: center;
}

.p-ac-around {
  align-content: space-around;
}

.p-ac-stretch {
  align-content: stretch;
}

.p-ac-between {
  align-content: space-between;
}

@media screen and (min-width: 576px) {
  .p-ac-sm-start {
    align-content: flex-start;
  }
  .p-ac-sm-end {
    align-content: flex-end;
  }
  .p-ac-sm-center {
    align-content: center;
  }
  .p-ac-sm-around {
    align-content: space-around;
  }
  .p-ac-sm-stretch {
    align-content: stretch;
  }
  .p-ac-sm-between {
    align-content: space-between;
  }
}
@media screen and (min-width: 768px) {
  .p-ac-md-start {
    align-content: flex-start;
  }
  .p-ac-md-end {
    align-content: flex-end;
  }
  .p-ac-md-center {
    align-content: center;
  }
  .p-ac-md-around {
    align-content: space-around;
  }
  .p-ac-md-stretch {
    align-content: stretch;
  }
  .p-ac-md-between {
    align-content: space-between;
  }
}
@media screen and (min-width: 992px) {
  .p-ac-lg-start {
    align-content: flex-start;
  }
  .p-ac-lg-end {
    align-content: flex-end;
  }
  .p-ac-lg-center {
    align-content: center;
  }
  .p-ac-lg-around {
    align-content: space-around;
  }
  .p-ac-lg-stretch {
    align-content: stretch;
  }
  .p-ac-lg-between {
    align-content: space-between;
  }
}
@media screen and (min-width: 1200px) {
  .p-ac-xl-start {
    align-content: flex-start;
  }
  .p-ac-xl-end {
    align-content: flex-end;
  }
  .p-ac-xl-center {
    align-content: center;
  }
  .p-ac-xl-around {
    align-content: space-around;
  }
  .p-ac-xl-stretch {
    align-content: stretch;
  }
  .p-ac-xl-between {
    align-content: space-between;
  }
}
.p-order-0 {
  order: 0;
}

.p-order-1 {
  order: 1;
}

.p-order-2 {
  order: 2;
}

.p-order-3 {
  order: 3;
}

.p-order-4 {
  order: 4;
}

.p-order-5 {
  order: 5;
}

.p-order-6 {
  order: 6;
}

@media screen and (min-width: 576px) {
  .p-order-sm-0 {
    order: 0;
  }
  .p-order-sm-1 {
    order: 1;
  }
  .p-order-sm-2 {
    order: 2;
  }
  .p-order-sm-3 {
    order: 3;
  }
  .p-order-sm-4 {
    order: 4;
  }
  .p-order-sm-5 {
    order: 5;
  }
  .p-order-sm-6 {
    order: 6;
  }
}
@media screen and (min-width: 768px) {
  .p-order-md-0 {
    order: 0;
  }
  .p-order-md-1 {
    order: 1;
  }
  .p-order-md-2 {
    order: 2;
  }
  .p-order-md-3 {
    order: 3;
  }
  .p-order-md-4 {
    order: 4;
  }
  .p-order-md-5 {
    order: 5;
  }
  .p-order-md-6 {
    order: 6;
  }
}
@media screen and (min-width: 992px) {
  .p-order-lg-0 {
    order: 0;
  }
  .p-order-lg-1 {
    order: 1;
  }
  .p-order-lg-2 {
    order: 2;
  }
  .p-order-lg-3 {
    order: 3;
  }
  .p-order-lg-4 {
    order: 4;
  }
  .p-order-lg-5 {
    order: 5;
  }
  .p-order-lg-6 {
    order: 6;
  }
}
@media screen and (min-width: 1200px) {
  .p-order-xl-0 {
    order: 0;
  }
  .p-order-xl-1 {
    order: 1;
  }
  .p-order-xl-2 {
    order: 2;
  }
  .p-order-xl-3 {
    order: 3;
  }
  .p-order-xl-4 {
    order: 4;
  }
  .p-order-xl-5 {
    order: 5;
  }
  .p-order-xl-6 {
    order: 6;
  }
}
.p-flex-nowrap {
  flex-wrap: nowrap;
}

.p-flex-wrap {
  flex-wrap: wrap;
}

.p-flex-wrap-reverse {
  flex-wrap: wrap-reverse;
}

@media screen and (min-width: 576px) {
  .p-flex-sm-nowrap {
    flex-wrap: nowrap;
  }
  .p-flex-sm-wrap {
    flex-wrap: wrap;
  }
  .p-flex-sm-wrap-reverse {
    flex-wrap: wrap-reverse;
  }
}
@media screen and (min-width: 768px) {
  .p-flex-md-nowrap {
    flex-wrap: nowrap;
  }
  .p-flex-md-wrap {
    flex-wrap: wrap;
  }
  .p-flex-md-wrap-reverse {
    flex-wrap: wrap-reverse;
  }
}
@media screen and (min-width: 992px) {
  .p-flex-lg-nowrap {
    flex-wrap: nowrap;
  }
  .p-flex-lg-wrap {
    flex-wrap: wrap;
  }
  .p-flex-lg-wrap-reverse {
    flex-wrap: wrap-reverse;
  }
}
@media screen and (min-width: 1200px) {
  .p-flex-xl-nowrap {
    flex-wrap: nowrap;
  }
  .p-flex-xl-wrap {
    flex-wrap: wrap;
  }
  .p-flex-xl-wrap-reverse {
    flex-wrap: wrap-reverse;
  }
}
.p-mt-0 {
  margin-top: 0 !important;
}

.p-mt-1 {
  margin-top: 0.25rem !important;
}

.p-mt-2 {
  margin-top: 0.5rem !important;
}

.p-mt-3 {
  margin-top: 1rem !important;
}

.p-mt-4 {
  margin-top: 1.5rem !important;
}

.p-mt-5 {
  margin-top: 2rem !important;
}

.p-mt-6 {
  margin-top: 3rem !important;
}

.p-mt-auto {
  margin-top: auto !important;
}

.p-mr-0 {
  margin-right: 0 !important;
}

.p-mr-1 {
  margin-right: 0.25rem !important;
}

.p-mr-2 {
  margin-right: 0.5rem !important;
}

.p-mr-3 {
  margin-right: 1rem !important;
}

.p-mr-4 {
  margin-right: 1.5rem !important;
}

.p-mr-5 {
  margin-right: 2rem !important;
}

.p-mr-6 {
  margin-right: 3rem !important;
}

.p-mr-auto {
  margin-right: auto !important;
}

.p-ml-0 {
  margin-left: 0 !important;
}

.p-ml-1 {
  margin-left: 0.25rem !important;
}

.p-ml-2 {
  margin-left: 0.5rem !important;
}

.p-ml-3 {
  margin-left: 1rem !important;
}

.p-ml-4 {
  margin-left: 1.5rem !important;
}

.p-ml-5 {
  margin-left: 2rem !important;
}

.p-ml-6 {
  margin-left: 3rem !important;
}

.p-ml-auto {
  margin-left: auto !important;
}

.p-mb-0 {
  margin-bottom: 0 !important;
}

.p-mb-1 {
  margin-bottom: 0.25rem !important;
}

.p-mb-2 {
  margin-bottom: 0.5rem !important;
}

.p-mb-3 {
  margin-bottom: 1rem !important;
}

.p-mb-4 {
  margin-bottom: 1.5rem !important;
}

.p-mb-5 {
  margin-bottom: 2rem !important;
}

.p-mb-6 {
  margin-bottom: 3rem !important;
}

.p-mb-auto {
  margin-bottom: auto !important;
}

.p-mx-0 {
  margin-left: 0 !important;
  margin-right: 0 !important;
}

.p-mx-1 {
  margin-left: 0.25rem !important;
  margin-right: 0.25rem !important;
}

.p-mx-2 {
  margin-left: 0.5rem !important;
  margin-right: 0.5rem !important;
}

.p-mx-3 {
  margin-left: 1rem !important;
  margin-right: 1rem !important;
}

.p-mx-4 {
  margin-left: 1.5rem !important;
  margin-right: 1.5rem !important;
}

.p-mx-5 {
  margin-left: 2rem !important;
  margin-right: 2rem !important;
}

.p-mx-6 {
  margin-left: 3rem !important;
  margin-right: 3rem !important;
}

.p-mx-auto {
  margin-left: auto !important;
  margin-right: auto !important;
}

.p-my-0 {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

.p-my-1 {
  margin-top: 0.25rem !important;
  margin-bottom: 0.25rem !important;
}

.p-my-2 {
  margin-top: 0.5rem !important;
  margin-bottom: 0.5rem !important;
}

.p-my-3 {
  margin-top: 1rem !important;
  margin-bottom: 1rem !important;
}

.p-my-4 {
  margin-top: 1.5rem !important;
  margin-bottom: 1.5rem !important;
}

.p-my-5 {
  margin-top: 2rem !important;
  margin-bottom: 2rem !important;
}

.p-my-6 {
  margin-top: 3rem !important;
  margin-bottom: 3rem !important;
}

.p-my-auto {
  margin-top: auto !important;
  margin-bottom: auto !important;
}

.p-m-0 {
  margin: 0 !important;
}

.p-m-1 {
  margin: 0.25rem !important;
}

.p-m-2 {
  margin: 0.5rem !important;
}

.p-m-3 {
  margin: 1rem !important;
}

.p-m-4 {
  margin: 1.5rem !important;
}

.p-m-5 {
  margin: 2rem !important;
}

.p-m-6 {
  margin: 3rem !important;
}

.p-m-auto {
  margin: auto !important;
}

@media screen and (min-width: 576px) {
  .p-mt-sm-0 {
    margin-top: 0 !important;
  }
  .p-mt-sm-1 {
    margin-top: 0.25rem !important;
  }
  .p-mt-sm-2 {
    margin-top: 0.5rem !important;
  }
  .p-mt-sm-3 {
    margin-top: 1rem !important;
  }
  .p-mt-sm-4 {
    margin-top: 1.5rem !important;
  }
  .p-mt-sm-5 {
    margin-top: 2rem !important;
  }
  .p-mt-sm-6 {
    margin-top: 3rem !important;
  }
  .p-mt-sm-auto {
    margin-top: 3rem !important;
  }
  .p-mr-sm-0 {
    margin-right: 0 !important;
  }
  .p-mr-sm-1 {
    margin-right: 0.25rem !important;
  }
  .p-mr-sm-2 {
    margin-right: 0.5rem !important;
  }
  .p-mr-sm-3 {
    margin-right: 1rem !important;
  }
  .p-mr-sm-4 {
    margin-right: 1.5rem !important;
  }
  .p-mr-sm-5 {
    margin-right: 2rem !important;
  }
  .p-mr-sm-6 {
    margin-right: 3rem !important;
  }
  .p-mr-sm-auto {
    margin-right: auto !important;
  }
  .p-ml-sm-0 {
    margin-left: 0 !important;
  }
  .p-ml-sm-1 {
    margin-left: 0.25rem !important;
  }
  .p-ml-sm-2 {
    margin-left: 0.5rem !important;
  }
  .p-ml-sm-3 {
    margin-left: 1rem !important;
  }
  .p-ml-sm-4 {
    margin-left: 1.5rem !important;
  }
  .p-ml-sm-5 {
    margin-left: 2rem !important;
  }
  .p-ml-sm-6 {
    margin-left: 3rem !important;
  }
  .p-ml-sm-auto {
    margin-left: auto !important;
  }
  .p-mb-sm-0 {
    margin-bottom: 0 !important;
  }
  .p-mb-sm-1 {
    margin-bottom: 0.25rem !important;
  }
  .p-mb-sm-2 {
    margin-bottom: 0.5rem !important;
  }
  .p-mb-sm-3 {
    margin-bottom: 1rem !important;
  }
  .p-mb-sm-4 {
    margin-bottom: 1.5rem !important;
  }
  .p-mb-sm-5 {
    margin-bottom: 2rem !important;
  }
  .p-mb-sm-6 {
    margin-bottom: 3rem !important;
  }
  .p-mb-sm-auto {
    margin-bottom: auto !important;
  }
  .p-mx-sm-0 {
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
  .p-mx-sm-1 {
    margin-left: 0.25rem !important;
    margin-right: 0.25rem !important;
  }
  .p-mx-sm-2 {
    margin-left: 0.5rem !important;
    margin-right: 0.5rem !important;
  }
  .p-mx-sm-3 {
    margin-left: 1rem !important;
    margin-right: 1rem !important;
  }
  .p-mx-sm-4 {
    margin-left: 1.5rem !important;
    margin-right: 1.5rem !important;
  }
  .p-mx-sm-5 {
    margin-left: 2rem !important;
    margin-right: 2rem !important;
  }
  .p-mx-sm-6 {
    margin-left: 3rem !important;
    margin-right: 3rem !important;
  }
  .p-mx-sm-auto {
    margin-left: auto !important;
    margin-right: auto !important;
  }
  .p-my-sm-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
  .p-my-sm-1 {
    margin-top: 0.25rem !important;
    margin-bottom: 0.25rem !important;
  }
  .p-my-sm-2 {
    margin-top: 0.5rem !important;
    margin-bottom: 0.5rem !important;
  }
  .p-my-sm-3 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
  }
  .p-my-sm-4 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important;
  }
  .p-my-sm-5 {
    margin-top: 2rem !important;
    margin-bottom: 2rem !important;
  }
  .p-my-sm-6 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important;
  }
  .p-my-sm-auto {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }
  .p-m-sm-0 {
    margin: 0 !important;
  }
  .p-m-sm-1 {
    margin: 0.25rem !important;
  }
  .p-m-sm-2 {
    margin: 0.5rem !important;
  }
  .p-m-sm-3 {
    margin: 1rem !important;
  }
  .p-m-sm-4 {
    margin: 1.5rem !important;
  }
  .p-m-sm-5 {
    margin: 2rem !important;
  }
  .p-m-sm-6 {
    margin: 3rem !important;
  }
  .p-m-sm-auto {
    margin: auto !important;
  }
}
@media screen and (min-width: 768px) {
  .p-mt-md-0 {
    margin-top: 0 !important;
  }
  .p-mt-md-1 {
    margin-top: 0.25rem !important;
  }
  .p-mt-md-2 {
    margin-top: 0.5rem !important;
  }
  .p-mt-md-3 {
    margin-top: 1rem !important;
  }
  .p-mt-md-4 {
    margin-top: 1.5rem !important;
  }
  .p-mt-md-5 {
    margin-top: 2rem !important;
  }
  .p-mt-md-6 {
    margin-top: 3rem !important;
  }
  .p-mt-md-auto {
    margin-top: 3rem !important;
  }
  .p-mr-md-0 {
    margin-right: 0 !important;
  }
  .p-mr-md-1 {
    margin-right: 0.25rem !important;
  }
  .p-mr-md-2 {
    margin-right: 0.5rem !important;
  }
  .p-mr-md-3 {
    margin-right: 1rem !important;
  }
  .p-mr-md-4 {
    margin-right: 1.5rem !important;
  }
  .p-mr-md-5 {
    margin-right: 2rem !important;
  }
  .p-mr-md-6 {
    margin-right: 3rem !important;
  }
  .p-mr-md-auto {
    margin-right: auto !important;
  }
  .p-ml-md-0 {
    margin-left: 0 !important;
  }
  .p-ml-md-1 {
    margin-left: 0.25rem !important;
  }
  .p-ml-md-2 {
    margin-left: 0.5rem !important;
  }
  .p-ml-md-3 {
    margin-left: 1rem !important;
  }
  .p-ml-md-4 {
    margin-left: 1.5rem !important;
  }
  .p-ml-md-5 {
    margin-left: 2rem !important;
  }
  .p-ml-md-6 {
    margin-left: 3rem !important;
  }
  .p-ml-md-auto {
    margin-left: auto !important;
  }
  .p-mb-md-0 {
    margin-bottom: 0 !important;
  }
  .p-mb-md-1 {
    margin-bottom: 0.25rem !important;
  }
  .p-mb-md-2 {
    margin-bottom: 0.5rem !important;
  }
  .p-mb-md-3 {
    margin-bottom: 1rem !important;
  }
  .p-mb-md-4 {
    margin-bottom: 1.5rem !important;
  }
  .p-mb-md-5 {
    margin-bottom: 2rem !important;
  }
  .p-mb-md-6 {
    margin-bottom: 3rem !important;
  }
  .p-mb-md-auto {
    margin-bottom: auto !important;
  }
  .p-mx-md-0 {
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
  .p-mx-md-1 {
    margin-left: 0.25rem !important;
    margin-right: 0.25rem !important;
  }
  .p-mx-md-2 {
    margin-left: 0.5rem !important;
    margin-right: 0.5rem !important;
  }
  .p-mx-md-3 {
    margin-left: 1rem !important;
    margin-right: 1rem !important;
  }
  .p-mx-md-4 {
    margin-left: 1.5rem !important;
    margin-right: 1.5rem !important;
  }
  .p-mx-md-5 {
    margin-left: 2rem !important;
    margin-right: 2rem !important;
  }
  .p-mx-md-6 {
    margin-left: 3rem !important;
    margin-right: 3rem !important;
  }
  .p-mx-md-auto {
    margin-left: auto !important;
    margin-right: auto !important;
  }
  .p-my-md-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
  .p-my-md-1 {
    margin-top: 0.25rem !important;
    margin-bottom: 0.25rem !important;
  }
  .p-my-md-2 {
    margin-top: 0.5rem !important;
    margin-bottom: 0.5rem !important;
  }
  .p-my-md-3 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
  }
  .p-my-md-4 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important;
  }
  .p-my-md-5 {
    margin-top: 2rem !important;
    margin-bottom: 2rem !important;
  }
  .p-my-md-6 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important;
  }
  .p-my-md-auto {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }
  .p-m-md-0 {
    margin: 0 !important;
  }
  .p-m-md-1 {
    margin: 0.25rem !important;
  }
  .p-m-md-2 {
    margin: 0.5rem !important;
  }
  .p-m-md-3 {
    margin: 1rem !important;
  }
  .p-m-md-4 {
    margin: 1.5rem !important;
  }
  .p-m-md-5 {
    margin: 2rem !important;
  }
  .p-m-md-6 {
    margin: 3rem !important;
  }
  .p-m-md-auto {
    margin: auto !important;
  }
}
@media screen and (min-width: 992px) {
  .p-mt-lg-0 {
    margin-top: 0 !important;
  }
  .p-mt-lg-1 {
    margin-top: 0.25rem !important;
  }
  .p-mt-lg-2 {
    margin-top: 0.5rem !important;
  }
  .p-mt-lg-3 {
    margin-top: 1rem !important;
  }
  .p-mt-lg-4 {
    margin-top: 1.5rem !important;
  }
  .p-mt-lg-5 {
    margin-top: 2rem !important;
  }
  .p-mt-lg-6 {
    margin-top: 3rem !important;
  }
  .p-mt-lg-auto {
    margin-top: 3rem !important;
  }
  .p-mr-lg-0 {
    margin-right: 0 !important;
  }
  .p-mr-lg-1 {
    margin-right: 0.25rem !important;
  }
  .p-mr-lg-2 {
    margin-right: 0.5rem !important;
  }
  .p-mr-lg-3 {
    margin-right: 1rem !important;
  }
  .p-mr-lg-4 {
    margin-right: 1.5rem !important;
  }
  .p-mr-lg-5 {
    margin-right: 2rem !important;
  }
  .p-mr-lg-6 {
    margin-right: 3rem !important;
  }
  .p-mr-lg-auto {
    margin-right: auto !important;
  }
  .p-ml-lg-0 {
    margin-left: 0 !important;
  }
  .p-ml-lg-1 {
    margin-left: 0.25rem !important;
  }
  .p-ml-lg-2 {
    margin-left: 0.5rem !important;
  }
  .p-ml-lg-3 {
    margin-left: 1rem !important;
  }
  .p-ml-lg-4 {
    margin-left: 1.5rem !important;
  }
  .p-ml-lg-5 {
    margin-left: 2rem !important;
  }
  .p-ml-lg-6 {
    margin-left: 3rem !important;
  }
  .p-ml-lg-auto {
    margin-left: auto !important;
  }
  .p-mb-lg-0 {
    margin-bottom: 0 !important;
  }
  .p-mb-lg-1 {
    margin-bottom: 0.25rem !important;
  }
  .p-mb-lg-2 {
    margin-bottom: 0.5rem !important;
  }
  .p-mb-lg-3 {
    margin-bottom: 1rem !important;
  }
  .p-mb-lg-4 {
    margin-bottom: 1.5rem !important;
  }
  .p-mb-lg-5 {
    margin-bottom: 2rem !important;
  }
  .p-mb-lg-6 {
    margin-bottom: 3rem !important;
  }
  .p-mb-lg-auto {
    margin-bottom: auto !important;
  }
  .p-mx-lg-0 {
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
  .p-mx-lg-1 {
    margin-left: 0.25rem !important;
    margin-right: 0.25rem !important;
  }
  .p-mx-lg-2 {
    margin-left: 0.5rem !important;
    margin-right: 0.5rem !important;
  }
  .p-mx-lg-3 {
    margin-left: 1rem !important;
    margin-right: 1rem !important;
  }
  .p-mx-lg-4 {
    margin-left: 1.5rem !important;
    margin-right: 1.5rem !important;
  }
  .p-mx-lg-5 {
    margin-left: 2rem !important;
    margin-right: 2rem !important;
  }
  .p-mx-lg-6 {
    margin-left: 3rem !important;
    margin-right: 3rem !important;
  }
  .p-mx-lg-auto {
    margin-left: auto !important;
    margin-right: auto !important;
  }
  .p-my-lg-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
  .p-my-lg-1 {
    margin-top: 0.25rem !important;
    margin-bottom: 0.25rem !important;
  }
  .p-my-lg-2 {
    margin-top: 0.5rem !important;
    margin-bottom: 0.5rem !important;
  }
  .p-my-lg-3 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
  }
  .p-my-lg-4 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important;
  }
  .p-my-lg-5 {
    margin-top: 2rem !important;
    margin-bottom: 2rem !important;
  }
  .p-my-lg-6 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important;
  }
  .p-my-lg-auto {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }
  .p-m-lg-0 {
    margin: 0 !important;
  }
  .p-m-lg-1 {
    margin: 0.25rem !important;
  }
  .p-m-lg-2 {
    margin: 0.5rem !important;
  }
  .p-m-lg-3 {
    margin: 1rem !important;
  }
  .p-m-lg-4 {
    margin: 1.5rem !important;
  }
  .p-m-lg-5 {
    margin: 2rem !important;
  }
  .p-m-lg-6 {
    margin: 3rem !important;
  }
  .p-m-lg-auto {
    margin: auto !important;
  }
}
@media screen and (min-width: 1200px) {
  .p-mt-xl-0 {
    margin-top: 0 !important;
  }
  .p-mt-xl-1 {
    margin-top: 0.25rem !important;
  }
  .p-mt-xl-2 {
    margin-top: 0.5rem !important;
  }
  .p-mt-xl-3 {
    margin-top: 1rem !important;
  }
  .p-mt-xl-4 {
    margin-top: 1.5rem !important;
  }
  .p-mt-xl-5 {
    margin-top: 2rem !important;
  }
  .p-mt-xl-6 {
    margin-top: 3rem !important;
  }
  .p-mt-xl-auto {
    margin-top: 3rem !important;
  }
  .p-mr-xl-0 {
    margin-right: 0 !important;
  }
  .p-mr-xl-1 {
    margin-right: 0.25rem !important;
  }
  .p-mr-xl-2 {
    margin-right: 0.5rem !important;
  }
  .p-mr-xl-3 {
    margin-right: 1rem !important;
  }
  .p-mr-xl-4 {
    margin-right: 1.5rem !important;
  }
  .p-mr-xl-5 {
    margin-right: 2rem !important;
  }
  .p-mr-xl-6 {
    margin-right: 3rem !important;
  }
  .p-mr-xl-auto {
    margin-right: auto !important;
  }
  .p-ml-xl-0 {
    margin-left: 0 !important;
  }
  .p-ml-xl-1 {
    margin-left: 0.25rem !important;
  }
  .p-ml-xl-2 {
    margin-left: 0.5rem !important;
  }
  .p-ml-xl-3 {
    margin-left: 1rem !important;
  }
  .p-ml-xl-4 {
    margin-left: 1.5rem !important;
  }
  .p-ml-xl-5 {
    margin-left: 2rem !important;
  }
  .p-ml-xl-6 {
    margin-left: 3rem !important;
  }
  .p-ml-xl-auto {
    margin-left: auto !important;
  }
  .p-mb-xl-0 {
    margin-bottom: 0 !important;
  }
  .p-mb-xl-1 {
    margin-bottom: 0.25rem !important;
  }
  .p-mb-xl-2 {
    margin-bottom: 0.5rem !important;
  }
  .p-mb-xl-3 {
    margin-bottom: 1rem !important;
  }
  .p-mb-xl-4 {
    margin-bottom: 1.5rem !important;
  }
  .p-mb-xl-5 {
    margin-bottom: 2rem !important;
  }
  .p-mb-xl-6 {
    margin-bottom: 3rem !important;
  }
  .p-mb-xl-auto {
    margin-bottom: auto !important;
  }
  .p-mx-xl-0 {
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
  .p-mx-xl-1 {
    margin-left: 0.25rem !important;
    margin-right: 0.25rem !important;
  }
  .p-mx-xl-2 {
    margin-left: 0.5rem !important;
    margin-right: 0.5rem !important;
  }
  .p-mx-xl-3 {
    margin-left: 1rem !important;
    margin-right: 1rem !important;
  }
  .p-mx-xl-4 {
    margin-left: 1.5rem !important;
    margin-right: 1.5rem !important;
  }
  .p-mx-xl-5 {
    margin-left: 2rem !important;
    margin-right: 2rem !important;
  }
  .p-mx-xl-6 {
    margin-left: 3rem !important;
    margin-right: 3rem !important;
  }
  .p-mx-xl-auto {
    margin-left: auto !important;
    margin-right: auto !important;
  }
  .p-my-xl-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
  .p-my-xl-1 {
    margin-top: 0.25rem !important;
    margin-bottom: 0.25rem !important;
  }
  .p-my-xl-2 {
    margin-top: 0.5rem !important;
    margin-bottom: 0.5rem !important;
  }
  .p-my-xl-3 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
  }
  .p-my-xl-4 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important;
  }
  .p-my-xl-5 {
    margin-top: 2rem !important;
    margin-bottom: 2rem !important;
  }
  .p-my-xl-6 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important;
  }
  .p-my-xl-auto {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }
  .p-m-xl-0 {
    margin: 0 !important;
  }
  .p-m-xl-1 {
    margin: 0.25rem !important;
  }
  .p-m-xl-2 {
    margin: 0.5rem !important;
  }
  .p-m-xl-3 {
    margin: 1rem !important;
  }
  .p-m-xl-4 {
    margin: 1.5rem !important;
  }
  .p-m-xl-5 {
    margin: 2rem !important;
  }
  .p-m-xl-6 {
    margin: 3rem !important;
  }
  .p-m-xl-auto {
    margin: auto !important;
  }
}
.p-pt-0 {
  padding-top: 0 !important;
}

.p-pt-1 {
  padding-top: 0.25rem !important;
}

.p-pt-2 {
  padding-top: 0.5rem !important;
}

.p-pt-3 {
  padding-top: 1rem !important;
}

.p-pt-4 {
  padding-top: 1.5rem !important;
}

.p-pt-5 {
  padding-top: 2rem !important;
}

.p-pt-6 {
  padding-top: 3rem !important;
}

.p-pr-0 {
  padding-right: 0 !important;
}

.p-pr-1 {
  padding-right: 0.25rem !important;
}

.p-pr-2 {
  padding-right: 0.5rem !important;
}

.p-pr-3 {
  padding-right: 1rem !important;
}

.p-pr-4 {
  padding-right: 1.5rem !important;
}

.p-pr-5 {
  padding-right: 2rem !important;
}

.p-pr-6 {
  padding-right: 3rem !important;
}

.p-pl-0 {
  padding-left: 0 !important;
}

.p-pl-1 {
  padding-left: 0.25rem !important;
}

.p-pl-2 {
  padding-left: 0.5rem !important;
}

.p-pl-3 {
  padding-left: 1rem !important;
}

.p-pl-4 {
  padding-left: 1.5rem !important;
}

.p-pl-5 {
  padding-left: 2rem !important;
}

.p-pl-6 {
  padding-left: 3rem !important;
}

.p-pb-0 {
  padding-bottom: 0 !important;
}

.p-pb-1 {
  padding-bottom: 0.25rem !important;
}

.p-pb-2 {
  padding-bottom: 0.5rem !important;
}

.p-pb-3 {
  padding-bottom: 1rem !important;
}

.p-pb-4 {
  padding-bottom: 1.5rem !important;
}

.p-pb-5 {
  padding-bottom: 2rem !important;
}

.p-pb-6 {
  padding-bottom: 3rem !important;
}

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

.p-px-1 {
  padding-left: 0.25rem !important;
  padding-right: 0.25rem !important;
}

.p-px-2 {
  padding-left: 0.5rem !important;
  padding-right: 0.5rem !important;
}

.p-px-3 {
  padding-left: 1rem !important;
  padding-right: 1rem !important;
}

.p-px-4 {
  padding-left: 1.5rem !important;
  padding-right: 1.5rem !important;
}

.p-px-5 {
  padding-left: 2rem !important;
  padding-right: 2rem !important;
}

.p-px-6 {
  padding-left: 3rem !important;
  padding-right: 3rem !important;
}

.p-py-0 {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

.p-py-1 {
  padding-top: 0.25rem !important;
  padding-bottom: 0.25rem !important;
}

.p-py-2 {
  padding-top: 0.5rem !important;
  padding-bottom: 0.5rem !important;
}

.p-py-3 {
  padding-top: 1rem !important;
  padding-bottom: 1rem !important;
}

.p-py-4 {
  padding-top: 1.5rem !important;
  padding-bottom: 1.5rem !important;
}

.p-py-5 {
  padding-top: 2rem !important;
  padding-bottom: 2rem !important;
}

.p-py-6 {
  padding-top: 3rem !important;
  padding-bottom: 3rem !important;
}

.p-p-0 {
  padding: 0 !important;
}

.p-p-1 {
  padding: 0.25rem !important;
}

.p-p-2 {
  padding: 0.5rem !important;
}

.p-p-3 {
  padding: 1rem !important;
}

.p-p-4 {
  padding: 1.5rem !important;
}

.p-p-5 {
  padding: 2rem !important;
}

.p-p-6 {
  padding: 3rem !important;
}

@media screen and (min-width: 576px) {
  .p-pt-sm-0 {
    padding-top: 0 !important;
  }
  .p-pt-sm-1 {
    padding-top: 0.25rem !important;
  }
  .p-pt-sm-2 {
    padding-top: 0.5rem !important;
  }
  .p-pt-sm-3 {
    padding-top: 1rem !important;
  }
  .p-pt-sm-4 {
    padding-top: 1.5rem !important;
  }
  .p-pt-sm-5 {
    padding-top: 2rem !important;
  }
  .p-pt-sm-6 {
    padding-top: 3rem !important;
  }
  .p-pr-sm-0 {
    padding-right: 0 !important;
  }
  .p-pr-sm-1 {
    padding-right: 0.25rem !important;
  }
  .p-pr-sm-2 {
    padding-right: 0.5rem !important;
  }
  .p-pr-sm-3 {
    padding-right: 1rem !important;
  }
  .p-pr-sm-4 {
    padding-right: 1.5rem !important;
  }
  .p-pr-sm-5 {
    padding-right: 2rem !important;
  }
  .p-pr-sm-6 {
    padding-right: 3rem !important;
  }
  .p-pl-sm-0 {
    padding-left: 0 !important;
  }
  .p-pl-sm-1 {
    padding-left: 0.25rem !important;
  }
  .p-pl-sm-2 {
    padding-left: 0.5rem !important;
  }
  .p-pl-sm-3 {
    padding-left: 1rem !important;
  }
  .p-pl-sm-4 {
    padding-left: 1.5rem !important;
  }
  .p-pl-sm-5 {
    padding-left: 2rem !important;
  }
  .p-pl-sm-6 {
    padding-left: 3rem !important;
  }
  .p-pb-sm-0 {
    padding-bottom: 0 !important;
  }
  .p-pb-sm-1 {
    padding-bottom: 0.25rem !important;
  }
  .p-pb-sm-2 {
    padding-bottom: 0.5rem !important;
  }
  .p-pb-sm-3 {
    padding-bottom: 1rem !important;
  }
  .p-pb-sm-4 {
    padding-bottom: 1.5rem !important;
  }
  .p-pb-sm-5 {
    padding-bottom: 2rem !important;
  }
  .p-pb-sm-6 {
    padding-bottom: 3rem !important;
  }
  .p-px-sm-0 {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
  .p-px-sm-1 {
    padding-left: 0.25rem !important;
    padding-right: 0.25rem !important;
  }
  .p-px-sm-2 {
    padding-left: 0.5rem !important;
    padding-right: 0.5rem !important;
  }
  .p-px-sm-3 {
    padding-left: 1rem !important;
    padding-right: 1rem !important;
  }
  .p-px-sm-4 {
    padding-left: 1.5rem !important;
    padding-right: 1.5rem !important;
  }
  .p-px-sm-5 {
    padding-left: 2rem !important;
    padding-right: 2rem !important;
  }
  .p-px-sm-6 {
    padding-left: 3rem !important;
    padding-right: 3rem !important;
  }
  .p-py-sm-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
  .p-py-sm-1 {
    padding-top: 0.25rem !important;
    padding-bottom: 0.25rem !important;
  }
  .p-py-sm-2 {
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
  }
  .p-py-sm-3 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
  }
  .p-py-sm-4 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important;
  }
  .p-py-sm-5 {
    padding-top: 2rem !important;
    padding-bottom: 2rem !important;
  }
  .p-py-sm-6 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
  }
  .p-p-sm-0 {
    padding: 0 !important;
  }
  .p-p-sm-1 {
    padding: 0.25rem !important;
  }
  .p-p-sm-2 {
    padding: 0.5rem !important;
  }
  .p-p-sm-3 {
    padding: 1rem !important;
  }
  .p-p-sm-4 {
    padding: 1.5rem !important;
  }
  .p-p-sm-5 {
    padding: 2rem !important;
  }
  .p-p-sm-6 {
    padding: 3rem !important;
  }
}
@media screen and (min-width: 768px) {
  .p-pt-md-0 {
    padding-top: 0 !important;
  }
  .p-pt-md-1 {
    padding-top: 0.25rem !important;
  }
  .p-pt-md-2 {
    padding-top: 0.5rem !important;
  }
  .p-pt-md-3 {
    padding-top: 1rem !important;
  }
  .p-pt-md-4 {
    padding-top: 1.5rem !important;
  }
  .p-pt-md-5 {
    padding-top: 2rem !important;
  }
  .p-pt-md-6 {
    padding-top: 3rem !important;
  }
  .p-pr-md-0 {
    padding-right: 0 !important;
  }
  .p-pr-md-1 {
    padding-right: 0.25rem !important;
  }
  .p-pr-md-2 {
    padding-right: 0.5rem !important;
  }
  .p-pr-md-3 {
    padding-right: 1rem !important;
  }
  .p-pr-md-4 {
    padding-right: 1.5rem !important;
  }
  .p-pr-md-5 {
    padding-right: 2rem !important;
  }
  .p-pr-md-6 {
    padding-right: 3rem !important;
  }
  .p-pl-md-0 {
    padding-left: 0 !important;
  }
  .p-pl-md-1 {
    padding-left: 0.25rem !important;
  }
  .p-pl-md-2 {
    padding-left: 0.5rem !important;
  }
  .p-pl-md-3 {
    padding-left: 1rem !important;
  }
  .p-pl-md-4 {
    padding-left: 1.5rem !important;
  }
  .p-pl-md-5 {
    padding-left: 2rem !important;
  }
  .p-pl-md-6 {
    padding-left: 3rem !important;
  }
  .p-pb-md-0 {
    padding-bottom: 0 !important;
  }
  .p-pb-md-1 {
    padding-bottom: 0.25rem !important;
  }
  .p-pb-md-2 {
    padding-bottom: 0.5rem !important;
  }
  .p-pb-md-3 {
    padding-bottom: 1rem !important;
  }
  .p-pb-md-4 {
    padding-bottom: 1.5rem !important;
  }
  .p-pb-md-5 {
    padding-bottom: 2rem !important;
  }
  .p-pb-md-6 {
    padding-bottom: 3rem !important;
  }
  .p-px-md-0 {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
  .p-px-md-1 {
    padding-left: 0.25rem !important;
    padding-right: 0.25rem !important;
  }
  .p-px-md-2 {
    padding-left: 0.5rem !important;
    padding-right: 0.5rem !important;
  }
  .p-px-md-3 {
    padding-left: 1rem !important;
    padding-right: 1rem !important;
  }
  .p-px-md-4 {
    padding-left: 1.5rem !important;
    padding-right: 1.5rem !important;
  }
  .p-px-md-5 {
    padding-left: 2rem !important;
    padding-right: 2rem !important;
  }
  .p-px-md-6 {
    padding-left: 3rem !important;
    padding-right: 3rem !important;
  }
  .p-py-md-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
  .p-py-md-1 {
    padding-top: 0.25rem !important;
    padding-bottom: 0.25rem !important;
  }
  .p-py-md-2 {
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
  }
  .p-py-md-3 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
  }
  .p-py-md-4 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important;
  }
  .p-py-md-5 {
    padding-top: 2rem !important;
    padding-bottom: 2rem !important;
  }
  .p-py-md-6 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
  }
  .p-p-md-0 {
    padding: 0 !important;
  }
  .p-p-md-1 {
    padding: 0.25rem !important;
  }
  .p-p-md-2 {
    padding: 0.5rem !important;
  }
  .p-p-md-3 {
    padding: 1rem !important;
  }
  .p-p-md-4 {
    padding: 1.5rem !important;
  }
  .p-p-md-5 {
    padding: 2rem !important;
  }
  .p-p-md-6 {
    padding: 3rem !important;
  }
}
@media screen and (min-width: 992px) {
  .p-pt-lg-0 {
    padding-top: 0 !important;
  }
  .p-pt-lg-1 {
    padding-top: 0.25rem !important;
  }
  .p-pt-lg-2 {
    padding-top: 0.5rem !important;
  }
  .p-pt-lg-3 {
    padding-top: 1rem !important;
  }
  .p-pt-lg-4 {
    padding-top: 1.5rem !important;
  }
  .p-pt-lg-5 {
    padding-top: 2rem !important;
  }
  .p-pt-lg-6 {
    padding-top: 3rem !important;
  }
  .p-pt-lg-auto {
    padding-top: 3rem !important;
  }
  .p-pr-lg-0 {
    padding-right: 0 !important;
  }
  .p-pr-lg-1 {
    padding-right: 0.25rem !important;
  }
  .p-pr-lg-2 {
    padding-right: 0.5rem !important;
  }
  .p-pr-lg-3 {
    padding-right: 1rem !important;
  }
  .p-pr-lg-4 {
    padding-right: 1.5rem !important;
  }
  .p-pr-lg-5 {
    padding-right: 2rem !important;
  }
  .p-pr-lg-6 {
    padding-right: 3rem !important;
  }
  .p-pl-lg-0 {
    padding-left: 0 !important;
  }
  .p-pl-lg-1 {
    padding-left: 0.25rem !important;
  }
  .p-pl-lg-2 {
    padding-left: 0.5rem !important;
  }
  .p-pl-lg-3 {
    padding-left: 1rem !important;
  }
  .p-pl-lg-4 {
    padding-left: 1.5rem !important;
  }
  .p-pl-lg-5 {
    padding-left: 2rem !important;
  }
  .p-pl-lg-6 {
    padding-left: 3rem !important;
  }
  .p-pb-lg-0 {
    padding-bottom: 0 !important;
  }
  .p-pb-lg-1 {
    padding-bottom: 0.25rem !important;
  }
  .p-pb-lg-2 {
    padding-bottom: 0.5rem !important;
  }
  .p-pb-lg-3 {
    padding-bottom: 1rem !important;
  }
  .p-pb-lg-4 {
    padding-bottom: 1.5rem !important;
  }
  .p-pb-lg-5 {
    padding-bottom: 2rem !important;
  }
  .p-pb-lg-6 {
    padding-bottom: 3rem !important;
  }
  .p-px-lg-0 {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
  .p-px-lg-1 {
    padding-left: 0.25rem !important;
    padding-right: 0.25rem !important;
  }
  .p-px-lg-2 {
    padding-left: 0.5rem !important;
    padding-right: 0.5rem !important;
  }
  .p-px-lg-3 {
    padding-left: 1rem !important;
    padding-right: 1rem !important;
  }
  .p-px-lg-4 {
    padding-left: 1.5rem !important;
    padding-right: 1.5rem !important;
  }
  .p-px-lg-5 {
    padding-left: 2rem !important;
    padding-right: 2rem !important;
  }
  .p-px-lg-6 {
    padding-left: 3rem !important;
    padding-right: 3rem !important;
  }
  .p-py-lg-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
  .p-py-lg-1 {
    padding-top: 0.25rem !important;
    padding-bottom: 0.25rem !important;
  }
  .p-py-lg-2 {
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
  }
  .p-py-lg-3 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
  }
  .p-py-lg-4 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important;
  }
  .p-py-lg-5 {
    padding-top: 2rem !important;
    padding-bottom: 2rem !important;
  }
  .p-py-lg-6 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
  }
  .p-p-lg-0 {
    padding: 0 !important;
  }
  .p-p-lg-1 {
    padding: 0.25rem !important;
  }
  .p-p-lg-2 {
    padding: 0.5rem !important;
  }
  .p-p-lg-3 {
    padding: 1rem !important;
  }
  .p-p-lg-4 {
    padding: 1.5rem !important;
  }
  .p-p-lg-5 {
    padding: 2rem !important;
  }
  .p-p-lg-6 {
    padding: 3rem !important;
  }
}
@media screen and (min-width: 1200px) {
  .p-pt-xl-0 {
    padding-top: 0 !important;
  }
  .p-pt-xl-1 {
    padding-top: 0.25rem !important;
  }
  .p-pt-xl-2 {
    padding-top: 0.5rem !important;
  }
  .p-pt-xl-3 {
    padding-top: 1rem !important;
  }
  .p-pt-xl-4 {
    padding-top: 1.5rem !important;
  }
  .p-pt-xl-5 {
    padding-top: 2rem !important;
  }
  .p-pt-xl-6 {
    padding-top: 3rem !important;
  }
  .p-pr-xl-0 {
    padding-right: 0 !important;
  }
  .p-pr-xl-1 {
    padding-right: 0.25rem !important;
  }
  .p-pr-xl-2 {
    padding-right: 0.5rem !important;
  }
  .p-pr-xl-3 {
    padding-right: 1rem !important;
  }
  .p-pr-xl-4 {
    padding-right: 1.5rem !important;
  }
  .p-pr-xl-5 {
    padding-right: 2rem !important;
  }
  .p-pr-xl-6 {
    padding-right: 3rem !important;
  }
  .p-pl-xl-0 {
    padding-left: 0 !important;
  }
  .p-pl-xl-1 {
    padding-left: 0.25rem !important;
  }
  .p-pl-xl-2 {
    padding-left: 0.5rem !important;
  }
  .p-pl-xl-3 {
    padding-left: 1rem !important;
  }
  .p-pl-xl-4 {
    padding-left: 1.5rem !important;
  }
  .p-pl-xl-5 {
    padding-left: 2rem !important;
  }
  .p-pl-xl-6 {
    padding-left: 3rem !important;
  }
  .p-pb-xl-0 {
    padding-bottom: 0 !important;
  }
  .p-pb-xl-1 {
    padding-bottom: 0.25rem !important;
  }
  .p-pb-xl-2 {
    padding-bottom: 0.5rem !important;
  }
  .p-pb-xl-3 {
    padding-bottom: 1rem !important;
  }
  .p-pb-xl-4 {
    padding-bottom: 1.5rem !important;
  }
  .p-pb-xl-5 {
    padding-bottom: 2rem !important;
  }
  .p-pb-xl-6 {
    padding-bottom: 3rem !important;
  }
  .p-px-xl-0 {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
  .p-px-xl-1 {
    padding-left: 0.25rem !important;
    padding-right: 0.25rem !important;
  }
  .p-px-xl-2 {
    padding-left: 0.5rem !important;
    padding-right: 0.5rem !important;
  }
  .p-px-xl-3 {
    padding-left: 1rem !important;
    padding-right: 1rem !important;
  }
  .p-px-xl-4 {
    padding-left: 1.5rem !important;
    padding-right: 1.5rem !important;
  }
  .p-px-xl-5 {
    padding-left: 2rem !important;
    padding-right: 2rem !important;
  }
  .p-px-xl-6 {
    padding-left: 3rem !important;
    padding-right: 3rem !important;
  }
  .p-py-xl-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
  .p-py-xl-1 {
    padding-top: 0.25rem !important;
    padding-bottom: 0.25rem !important;
  }
  .p-py-xl-2 {
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
  }
  .p-py-xl-3 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
  }
  .p-py-xl-4 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important;
  }
  .p-py-xl-5 {
    padding-top: 2rem !important;
    padding-bottom: 2rem !important;
  }
  .p-py-xl-6 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
  }
  .p-p-xl-0 {
    padding: 0 !important;
  }
  .p-p-xl-1 {
    padding: 0.25rem !important;
  }
  .p-p-xl-2 {
    padding: 0.5rem !important;
  }
  .p-p-xl-3 {
    padding: 1rem !important;
  }
  .p-p-xl-4 {
    padding: 1.5rem !important;
  }
  .p-p-xl-5 {
    padding: 2rem !important;
  }
  .p-p-xl-6 {
    padding: 3rem !important;
  }
}
.p-shadow-1 {
  box-shadow: 0 2px 1px -1px rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 1px 3px 0 rgba(0, 0, 0, 0.12);
}

.p-shadow-2 {
  box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
}

.p-shadow-3 {
  box-shadow: 0 3px 3px -2px rgba(0, 0, 0, 0.2), 0 3px 4px 0 rgba(0, 0, 0, 0.14), 0 1px 8px 0 rgba(0, 0, 0, 0.12);
}

.p-shadow-4 {
  box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
}

.p-shadow-5 {
  box-shadow: 0 3px 5px -1px rgba(0, 0, 0, 0.2), 0 5px 8px 0 rgba(0, 0, 0, 0.14), 0 1px 14px 0 rgba(0, 0, 0, 0.12);
}

.p-shadow-6 {
  box-shadow: 0 3px 5px -1px rgba(0, 0, 0, 0.2), 0 6px 10px 0 rgba(0, 0, 0, 0.14), 0 1px 18px 0 rgba(0, 0, 0, 0.12);
}

.p-shadow-7 {
  box-shadow: 0 4px 5px -2px rgba(0, 0, 0, 0.2), 0 7px 10px 1px rgba(0, 0, 0, 0.14), 0 2px 16px 1px rgba(0, 0, 0, 0.12);
}

.p-shadow-8 {
  box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12);
}

.p-shadow-9 {
  box-shadow: 0 5px 6px -3px rgba(0, 0, 0, 0.2), 0 9px 12px 1px rgba(0, 0, 0, 0.14), 0 3px 16px 2px rgba(0, 0, 0, 0.12);
}

.p-shadow-10 {
  box-shadow: 0 6px 6px -3px rgba(0, 0, 0, 0.2), 0 10px 14px 1px rgba(0, 0, 0, 0.14), 0 4px 18px 3px rgba(0, 0, 0, 0.12);
}

.p-shadow-11 {
  box-shadow: 0 6px 7px -4px rgba(0, 0, 0, 0.2), 0 11px 15px 1px rgba(0, 0, 0, 0.14), 0 4px 20px 3px rgba(0, 0, 0, 0.12);
}

.p-shadow-12 {
  box-shadow: 0 7px 8px -4px rgba(0, 0, 0, 0.2), 0 12px 17px 2px rgba(0, 0, 0, 0.14), 0 5px 22px 4px rgba(0, 0, 0, 0.12);
}

.p-shadow-13 {
  box-shadow: 0 7px 8px -4px rgba(0, 0, 0, 0.2), 0 13px 19px 2px rgba(0, 0, 0, 0.14), 0 5px 24px 4px rgba(0, 0, 0, 0.12);
}

.p-shadow-14 {
  box-shadow: 0 7px 9px -4px rgba(0, 0, 0, 0.2), 0 14px 21px 2px rgba(0, 0, 0, 0.14), 0 5px 26px 4px rgba(0, 0, 0, 0.12);
}

.p-shadow-15 {
  box-shadow: 0 8px 9px -5px rgba(0, 0, 0, 0.2), 0 15px 22px 2px rgba(0, 0, 0, 0.14), 0 6px 28px 5px rgba(0, 0, 0, 0.12);
}

.p-shadow-16 {
  box-shadow: 0 8px 10px -5px rgba(0, 0, 0, 0.2), 0 16px 24px 2px rgba(0, 0, 0, 0.14), 0 6px 30px 5px rgba(0, 0, 0, 0.12);
}

.p-shadow-17 {
  box-shadow: 0 8px 11px -5px rgba(0, 0, 0, 0.2), 0 17px 26px 2px rgba(0, 0, 0, 0.14), 0 6px 32px 5px rgba(0, 0, 0, 0.12);
}

.p-shadow-18 {
  box-shadow: 0 9px 11px -5px rgba(0, 0, 0, 0.2), 0 18px 28px 2px rgba(0, 0, 0, 0.14), 0 7px 34px 6px rgba(0, 0, 0, 0.12);
}

.p-shadow-19 {
  box-shadow: 0 9px 12px -6px rgba(0, 0, 0, 0.2), 0 19px 29px 2px rgba(0, 0, 0, 0.14), 0 7px 36px 6px rgba(0, 0, 0, 0.12);
}

.p-shadow-20 {
  box-shadow: 0 10px 13px -6px rgba(0, 0, 0, 0.2), 0 20px 31px 3px rgba(0, 0, 0, 0.14), 0 8px 38px 7px rgba(0, 0, 0, 0.12);
}

.p-shadow-21 {
  box-shadow: 0 10px 13px -6px rgba(0, 0, 0, 0.2), 0 21px 33px 3px rgba(0, 0, 0, 0.14), 0 8px 40px 7px rgba(0, 0, 0, 0.12);
}

.p-shadow-22 {
  box-shadow: 0 10px 14px -6px rgba(0, 0, 0, 0.2), 0 22px 35px 3px rgba(0, 0, 0, 0.14), 0 8px 42px 7px rgba(0, 0, 0, 0.12);
}

.p-shadow-23 {
  box-shadow: 0 11px 14px -7px rgba(0, 0, 0, 0.2), 0 23px 36px 3px rgba(0, 0, 0, 0.14), 0 9px 44px 8px rgba(0, 0, 0, 0.12);
}

.p-shadow-24 {
  box-shadow: 0 11px 15px -7px rgba(0, 0, 0, 0.2), 0 24px 38px 3px rgba(0, 0, 0, 0.14), 0 9px 46px 8px rgba(0, 0, 0, 0.12);
}

/*# sourceMappingURL=primeflex.min.css.map */
@font-face {
  font-family: "primeicons";
  font-display: auto;
  src: url("../fonts/primeicons.eot");
  src: url("../fonts/primeicons.eot?#iefix") format("embedded-opentype"), url("../fonts/primeicons.ttf") format("truetype"), url("../fonts/primeicons.woff") format("woff"), url("../fonts/primeicons.svg?#primeicons") format("svg");
  font-weight: normal;
  font-style: normal;
}
.pi {
  font-family: "primeicons";
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  display: inline-block;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.pi:before {
  --webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.pi-fw {
  width: 1.28571429em;
  text-align: center;
}

.pi-spin {
  -webkit-animation: fa-spin 2s infinite linear;
  animation: fa-spin 2s infinite linear;
}

@-webkit-keyframes fa-spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}
@keyframes fa-spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}
.pi-send:before {
  content: "\e9ca";
}

.pi-slack:before {
  content: "\e9c9";
}

.pi-sun:before {
  content: "\e9c8";
}

.pi-moon:before {
  content: "\e9c7";
}

.pi-vimeo:before {
  content: "\e9c6";
}

.pi-youtube:before {
  content: "\e9c5";
}

.pi-flag:before {
  content: "\e9c4";
}

.pi-wallet:before {
  content: "\e9c3";
}

.pi-map:before {
  content: "\e9c2";
}

.pi-link:before {
  content: "\e9c1";
}

.pi-credit-card:before {
  content: "\e9bf";
}

.pi-discord:before {
  content: "\e9c0";
}

.pi-percentage:before {
  content: "\e9be";
}

.pi-euro:before {
  content: "\e9bd";
}

.pi-book:before {
  content: "\e9ba";
}

.pi-shield:before {
  content: "\e9b9";
}

.pi-paypal:before {
  content: "\e9bb";
}

.pi-amazon:before {
  content: "\e9bc";
}

.pi-phone:before {
  content: "\e9b8";
}

.pi-filter-slash:before {
  content: "\e9b7";
}

.pi-facebook:before {
  content: "\e9b4";
}

.pi-github:before {
  content: "\e9b5";
}

.pi-twitter:before {
  content: "\e9b6";
}

.pi-step-backward-alt:before {
  content: "\e9ac";
}

.pi-step-forward-alt:before {
  content: "\e9ad";
}

.pi-forward:before {
  content: "\e9ae";
}

.pi-backward:before {
  content: "\e9af";
}

.pi-fast-backward:before {
  content: "\e9b0";
}

.pi-fast-forward:before {
  content: "\e9b1";
}

.pi-pause:before {
  content: "\e9b2";
}

.pi-play:before {
  content: "\e9b3";
}

.pi-compass:before {
  content: "\e9ab";
}

.pi-id-card:before {
  content: "\e9aa";
}

.pi-ticket:before {
  content: "\e9a9";
}

.pi-file-o:before {
  content: "\e9a8";
}

.pi-reply:before {
  content: "\e9a7";
}

.pi-directions-alt:before {
  content: "\e9a5";
}

.pi-directions:before {
  content: "\e9a6";
}

.pi-thumbs-up:before {
  content: "\e9a3";
}

.pi-thumbs-down:before {
  content: "\e9a4";
}

.pi-sort-numeric-down-alt:before {
  content: "\e996";
}

.pi-sort-numeric-up-alt:before {
  content: "\e997";
}

.pi-sort-alpha-down-alt:before {
  content: "\e998";
}

.pi-sort-alpha-up-alt:before {
  content: "\e999";
}

.pi-sort-numeric-down:before {
  content: "\e99a";
}

.pi-sort-numeric-up:before {
  content: "\e99b";
}

.pi-sort-alpha-down:before {
  content: "\e99c";
}

.pi-sort-alpha-up:before {
  content: "\e99d";
}

.pi-sort-alt:before {
  content: "\e99e";
}

.pi-sort-amount-up:before {
  content: "\e99f";
}

.pi-sort-amount-down:before {
  content: "\e9a0";
}

.pi-sort-amount-down-alt:before {
  content: "\e9a1";
}

.pi-sort-amount-up-alt:before {
  content: "\e9a2";
}

.pi-palette:before {
  content: "\e995";
}

.pi-undo:before {
  content: "\e994";
}

.pi-desktop:before {
  content: "\e993";
}

.pi-sliders-v:before {
  content: "\e991";
}

.pi-sliders-h:before {
  content: "\e992";
}

.pi-search-plus:before {
  content: "\e98f";
}

.pi-search-minus:before {
  content: "\e990";
}

.pi-file-excel:before {
  content: "\e98e";
}

.pi-file-pdf:before {
  content: "\e98d";
}

.pi-check-square:before {
  content: "\e98c";
}

.pi-chart-line:before {
  content: "\e98b";
}

.pi-user-edit:before {
  content: "\e98a";
}

.pi-exclamation-circle:before {
  content: "\e989";
}

.pi-android:before {
  content: "\e985";
}

.pi-google:before {
  content: "\e986";
}

.pi-apple:before {
  content: "\e987";
}

.pi-microsoft:before {
  content: "\e988";
}

.pi-heart:before {
  content: "\e984";
}

.pi-mobile:before {
  content: "\e982";
}

.pi-tablet:before {
  content: "\e983";
}

.pi-key:before {
  content: "\e981";
}

.pi-shopping-cart:before {
  content: "\e980";
}

.pi-comments:before {
  content: "\e97e";
}

.pi-comment:before {
  content: "\e97f";
}

.pi-briefcase:before {
  content: "\e97d";
}

.pi-bell:before {
  content: "\e97c";
}

.pi-paperclip:before {
  content: "\e97b";
}

.pi-share-alt:before {
  content: "\e97a";
}

.pi-envelope:before {
  content: "\e979";
}

.pi-volume-down:before {
  content: "\e976";
}

.pi-volume-up:before {
  content: "\e977";
}

.pi-volume-off:before {
  content: "\e978";
}

.pi-eject:before {
  content: "\e975";
}

.pi-money-bill:before {
  content: "\e974";
}

.pi-images:before {
  content: "\e973";
}

.pi-image:before {
  content: "\e972";
}

.pi-sign-in:before {
  content: "\e970";
}

.pi-sign-out:before {
  content: "\e971";
}

.pi-wifi:before {
  content: "\e96f";
}

.pi-sitemap:before {
  content: "\e96e";
}

.pi-chart-bar:before {
  content: "\e96d";
}

.pi-camera:before {
  content: "\e96c";
}

.pi-dollar:before {
  content: "\e96b";
}

.pi-lock-open:before {
  content: "\e96a";
}

.pi-table:before {
  content: "\e969";
}

.pi-map-marker:before {
  content: "\e968";
}

.pi-list:before {
  content: "\e967";
}

.pi-eye-slash:before {
  content: "\e965";
}

.pi-eye:before {
  content: "\e966";
}

.pi-folder-open:before {
  content: "\e964";
}

.pi-folder:before {
  content: "\e963";
}

.pi-video:before {
  content: "\e962";
}

.pi-inbox:before {
  content: "\e961";
}

.pi-lock:before {
  content: "\e95f";
}

.pi-unlock:before {
  content: "\e960";
}

.pi-tags:before {
  content: "\e95d";
}

.pi-tag:before {
  content: "\e95e";
}

.pi-power-off:before {
  content: "\e95c";
}

.pi-save:before {
  content: "\e95b";
}

.pi-question-circle:before {
  content: "\e959";
}

.pi-question:before {
  content: "\e95a";
}

.pi-copy:before {
  content: "\e957";
}

.pi-file:before {
  content: "\e958";
}

.pi-clone:before {
  content: "\e955";
}

.pi-calendar-times:before {
  content: "\e952";
}

.pi-calendar-minus:before {
  content: "\e953";
}

.pi-calendar-plus:before {
  content: "\e954";
}

.pi-ellipsis-v:before {
  content: "\e950";
}

.pi-ellipsis-h:before {
  content: "\e951";
}

.pi-bookmark:before {
  content: "\e94e";
}

.pi-globe:before {
  content: "\e94f";
}

.pi-replay:before {
  content: "\e94d";
}

.pi-filter:before {
  content: "\e94c";
}

.pi-print:before {
  content: "\e94b";
}

.pi-align-right:before {
  content: "\e946";
}

.pi-align-left:before {
  content: "\e947";
}

.pi-align-center:before {
  content: "\e948";
}

.pi-align-justify:before {
  content: "\e949";
}

.pi-cog:before {
  content: "\e94a";
}

.pi-cloud-download:before {
  content: "\e943";
}

.pi-cloud-upload:before {
  content: "\e944";
}

.pi-cloud:before {
  content: "\e945";
}

.pi-pencil:before {
  content: "\e942";
}

.pi-users:before {
  content: "\e941";
}

.pi-clock:before {
  content: "\e940";
}

.pi-user-minus:before {
  content: "\e93e";
}

.pi-user-plus:before {
  content: "\e93f";
}

.pi-trash:before {
  content: "\e93d";
}

.pi-external-link:before {
  content: "\e93c";
}

.pi-window-maximize:before {
  content: "\e93b";
}

.pi-window-minimize:before {
  content: "\e93a";
}

.pi-refresh:before {
  content: "\e938";
}

.pi-user:before {
  content: "\e939";
}

.pi-exclamation-triangle:before {
  content: "\e922";
}

.pi-calendar:before {
  content: "\e927";
}

.pi-chevron-circle-left:before {
  content: "\e928";
}

.pi-chevron-circle-down:before {
  content: "\e929";
}

.pi-chevron-circle-right:before {
  content: "\e92a";
}

.pi-chevron-circle-up:before {
  content: "\e92b";
}

.pi-angle-double-down:before {
  content: "\e92c";
}

.pi-angle-double-left:before {
  content: "\e92d";
}

.pi-angle-double-right:before {
  content: "\e92e";
}

.pi-angle-double-up:before {
  content: "\e92f";
}

.pi-angle-down:before {
  content: "\e930";
}

.pi-angle-left:before {
  content: "\e931";
}

.pi-angle-right:before {
  content: "\e932";
}

.pi-angle-up:before {
  content: "\e933";
}

.pi-upload:before {
  content: "\e934";
}

.pi-download:before {
  content: "\e956";
}

.pi-ban:before {
  content: "\e935";
}

.pi-star-o:before {
  content: "\e936";
}

.pi-star:before {
  content: "\e937";
}

.pi-chevron-left:before {
  content: "\e900";
}

.pi-chevron-right:before {
  content: "\e901";
}

.pi-chevron-down:before {
  content: "\e902";
}

.pi-chevron-up:before {
  content: "\e903";
}

.pi-caret-left:before {
  content: "\e904";
}

.pi-caret-right:before {
  content: "\e905";
}

.pi-caret-down:before {
  content: "\e906";
}

.pi-caret-up:before {
  content: "\e907";
}

.pi-search:before {
  content: "\e908";
}

.pi-check:before {
  content: "\e909";
}

.pi-check-circle:before {
  content: "\e90a";
}

.pi-times:before {
  content: "\e90b";
}

.pi-times-circle:before {
  content: "\e90c";
}

.pi-plus:before {
  content: "\e90d";
}

.pi-plus-circle:before {
  content: "\e90e";
}

.pi-minus:before {
  content: "\e90f";
}

.pi-minus-circle:before {
  content: "\e910";
}

.pi-circle-on:before {
  content: "\e911";
}

.pi-circle-off:before {
  content: "\e912";
}

.pi-sort-down:before {
  content: "\e913";
}

.pi-sort-up:before {
  content: "\e914";
}

.pi-sort:before {
  content: "\e915";
}

.pi-step-backward:before {
  content: "\e916";
}

.pi-step-forward:before {
  content: "\e917";
}

.pi-th-large:before {
  content: "\e918";
}

.pi-arrow-down:before {
  content: "\e919";
}

.pi-arrow-left:before {
  content: "\e91a";
}

.pi-arrow-right:before {
  content: "\e91b";
}

.pi-arrow-up:before {
  content: "\e91c";
}

.pi-bars:before {
  content: "\e91d";
}

.pi-arrow-circle-down:before {
  content: "\e91e";
}

.pi-arrow-circle-left:before {
  content: "\e91f";
}

.pi-arrow-circle-right:before {
  content: "\e920";
}

.pi-arrow-circle-up:before {
  content: "\e921";
}

.pi-info:before {
  content: "\e923";
}

.pi-info-circle:before {
  content: "\e924";
}

.pi-home:before {
  content: "\e925";
}

.pi-spinner:before {
  content: "\e926";
}

.p-component,
.p-component * {
  box-sizing: border-box;
}

.p-hidden {
  display: none;
}

.p-hidden-accessible {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}

.p-hidden-accessible input,
.p-hidden-accessible select {
  transform: scale(0);
}

.p-reset {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  text-decoration: none;
  font-size: 100%;
  list-style: none;
}

.p-disabled,
.p-disabled * {
  cursor: default !important;
}

.p-component-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.p-overflow-hidden {
  overflow: hidden;
}

.p-unselectable-text {
  user-select: none;
}

.p-scrollbar-measure {
  width: 100px;
  height: 100px;
  overflow: scroll;
  position: absolute;
  top: -9999px;
}

@-webkit-keyframes p-fadein {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes p-fadein {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
input[type=button],
input[type=submit],
input[type=reset],
input[type=file]::-webkit-file-upload-button,
button {
  border-radius: 0;
}

.p-link {
  text-align: left;
  background-color: transparent;
  margin: 0;
  padding: 0;
  border: none;
  cursor: pointer;
  user-select: none;
}

.p-sr-only {
  border: 0;
  clip: rect(1px, 1px, 1px, 1px);
  clip-path: inset(50%);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
  word-wrap: normal !important;
}

/* Non ng overlay animations */
.p-connected-overlay {
  opacity: 0;
  transform: scaleY(0.8);
  transition: transform 0.12s cubic-bezier(0, 0, 0.2, 1), opacity 0.12s cubic-bezier(0, 0, 0.2, 1);
}

.p-connected-overlay-visible {
  opacity: 1;
  transform: scaleY(1);
}

.p-connected-overlay-hidden {
  opacity: 0;
  transform: scaleY(1);
  transition: opacity 0.1s linear;
}

.p-toggleable-content.ng-animating {
  overflow: hidden;
}

.p-badge {
  display: inline-block;
  border-radius: 50%;
  text-align: center;
}

.p-tag {
  display: inline-block;
  text-align: center;
  line-height: 1.5;
}

.p-tag.p-tag-rounded {
  border-radius: 10rem;
}

.p-overlay-badge {
  position: relative;
  display: inline-block;
}

.p-overlay-badge .p-badge {
  position: absolute;
  top: 0;
  right: 0;
  transform: translate(1em, -1em);
  margin: 0;
}

.p-button {
  margin: 0;
  display: inline-block;
  cursor: pointer;
  user-select: none;
  align-items: center;
  vertical-align: bottom;
  text-align: center;
  overflow: hidden;
  position: relative;
}

.p-button-label {
  flex: 1 1 auto;
}

.p-button-icon-right {
  order: 1;
}

.p-button:disabled {
  cursor: default;
}

.p-button-icon-only {
  justify-content: center;
}

.p-button-icon-only .p-button-label {
  visibility: hidden;
  width: 0;
  flex: 0 0 auto;
}

.p-button-vertical {
  flex-direction: column;
}

.p-button-icon-bottom {
  order: 2;
}

.p-buttonset .p-button {
  margin: 0;
}

.p-buttonset .p-button:not(:last-child) {
  border-right: 0 none;
}

.p-buttonset .p-button:not(:first-of-type):not(:last-of-type) {
  border-radius: 0;
}

.p-buttonset .p-button:first-of-type {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.p-buttonset .p-button:last-of-type {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.p-buttonset .p-button:focus {
  position: relative;
  z-index: 1;
}

.p-checkbox {
  display: inline-flex;
  cursor: pointer;
  user-select: none;
  vertical-align: bottom;
}

.p-checkbox-box {
  display: flex;
  justify-content: center;
  align-items: center;
}

p-checkbox {
  display: inline-flex;
  vertical-align: bottom;
  align-items: center;
}

.p-checkbox-label {
  line-height: 1;
}

.p-colorpicker-panel .p-colorpicker-color {
  background: transparent url("../images/primeng/color.png") no-repeat left top;
}

.p-colorpicker-panel .p-colorpicker-hue {
  background: transparent url("../images/primeng/hue.png") no-repeat left top;
}

.p-inputtext {
  margin: 0;
}

.p-fluid .p-inputtext {
  width: 100%;
}

/* InputGroup */
.p-inputgroup {
  display: flex;
  align-items: stretch;
  width: 100%;
}

.p-inputgroup-addon {
  display: flex;
  align-items: center;
  justify-content: center;
}

.p-inputgroup .p-float-label {
  display: flex;
  align-items: stretch;
  width: 100%;
}

.p-inputgroup .p-inputtext,
.p-fluid .p-inputgroup .p-inputtext {
  flex: 1 1 auto;
  width: 1%;
}

/* Floating Label */
.p-float-label {
  display: block;
  position: relative;
}

.p-float-label label {
  position: absolute;
  pointer-events: none;
  top: 50%;
  margin-top: -0.5rem;
  transition-property: all;
  transition-timing-function: ease;
  line-height: 1;
}

.p-float-label textarea ~ label {
  top: 1rem;
}

.p-float-label input:focus ~ label,
.p-float-label input.p-filled ~ label,
.p-float-label textarea:focus ~ label,
.p-float-label textarea.p-filled ~ label,
.p-float-label .p-inputwrapper-focus ~ label,
.p-float-label .p-inputwrapper-filled ~ label {
  top: -0.75rem;
  font-size: 12px;
}

.p-float-label .input:-webkit-autofill ~ label {
  top: -20px;
  font-size: 12px;
}

.p-input-icon-left,
.p-input-icon-right {
  position: relative;
  display: inline-block;
}

.p-input-icon-left > i,
.p-input-icon-right > i {
  position: absolute;
  top: 50%;
  margin-top: -0.5rem;
}

.p-fluid .p-input-icon-left,
.p-fluid .p-input-icon-right {
  display: block;
  width: 100%;
}

.p-inputtextarea-resizable {
  overflow: hidden;
  resize: none;
}

.p-fluid .p-inputtextarea {
  width: 100%;
}

.p-password-meter {
  background: transparent url("../images/primeng/password-meter.png") no-repeat left top;
  height: 10px;
}

.p-password-panel-overlay {
  position: absolute;
  display: none;
}

.p-radiobutton {
  display: inline-flex;
  cursor: pointer;
  user-select: none;
  vertical-align: bottom;
}

.p-radiobutton-box {
  display: flex;
  justify-content: center;
  align-items: center;
}

.p-radiobutton-icon {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  transform: translateZ(0) scale(0.1);
  border-radius: 50%;
  visibility: hidden;
}

.p-radiobutton-box.p-highlight .p-radiobutton-icon {
  transform: translateZ(0) scale(1, 1);
  visibility: visible;
}

p-radiobutton {
  display: inline-flex;
  vertical-align: bottom;
  align-items: center;
}

.p-radiobutton-label {
  line-height: 1;
}

.p-ripple {
  overflow: hidden;
  position: relative;
}

.p-ink {
  display: block;
  position: absolute;
  background: rgba(255, 255, 255, 0.5);
  border-radius: 100%;
  transform: scale(0);
}

.p-ink-active {
  animation: ripple 0.4s linear;
}

.p-ripple-disabled .p-ink {
  display: none !important;
}

@keyframes ripple {
  100% {
    opacity: 0;
    transform: scale(2.5);
  }
}
.p-tooltip {
  position: absolute;
  display: none;
  padding: 0.25em 0.5rem;
  max-width: 12.5rem;
}

.p-tooltip.p-tooltip-right,
.p-tooltip.p-tooltip-left {
  padding: 0 0.25rem;
}

.p-tooltip.p-tooltip-top,
.p-tooltip.p-tooltip-bottom {
  padding: 0.25em 0;
}

.p-tooltip .p-tooltip-text {
  white-space: pre-line;
}

.p-tooltip-arrow {
  position: absolute;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
}

.p-tooltip-right .p-tooltip-arrow {
  top: 50%;
  left: 0;
  margin-top: -0.25rem;
  border-width: 0.25em 0.25em 0.25em 0;
}

.p-tooltip-left .p-tooltip-arrow {
  top: 50%;
  right: 0;
  margin-top: -0.25rem;
  border-width: 0.25em 0 0.25em 0.25rem;
}

.p-tooltip.p-tooltip-top {
  padding: 0.25em 0;
}

.p-tooltip-top .p-tooltip-arrow {
  bottom: 0;
  left: 50%;
  margin-left: -0.25rem;
  border-width: 0.25em 0.25em 0;
}

.p-tooltip-bottom .p-tooltip-arrow {
  top: 0;
  left: 50%;
  margin-left: -0.25rem;
  border-width: 0 0.25em 0.25rem;
}

/* =======================================
	TABLE OF CONTENTS
	1. HTML5 BoilerPlate
	2. HTML Editor
	3. Portal add content
	4. Loading animation
   ======================================= */
/*
 * HTML5 Boilerplate
 *
 * What follows is the result of much research on cross-browser styling.
 * Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal,
 * Kroc Camen, and the H5BP dev community and team.
 *
 * Detailed information about this CSS: h5bp.com/css
 *
 * ==|== normalize ==========================================================
 */
/* =============================================================================
   HTML5 display definitions
   ========================================================================== */
article, aside, details, figcaption, figure, footer, header, hgroup, nav, section {
  display: block;
}

audio, canvas, video {
  display: inline-block;
  *display: inline;
  *zoom: 1;
}

audio:not([controls]) {
  display: none;
}

[hidden] {
  display: none;
}

/* =============================================================================
   Base
   ========================================================================== */
/*
 * 1. Correct text resizing oddly in IE6/7 when body font-size is set using em units
 * 2. Prevent iOS text size adjust on device orientation change, without disabling user zoom: h5bp.com/g
 */
html {
  font-size: 100%;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
}

html, button, input, select, textarea {
  font-family: sans-serif;
}

/*
 * Remove text-shadow in selection highlight: h5bp.com/i
 * These selection declarations have to be separate
 * Also: hot pink! (or customize the background color to match your design)
 */
/*::-moz-selection { background: #fe57a1; color: #fff; text-shadow: none; }*/
/*::selection { background: #fe57a1; color: #fff; text-shadow: none; }*/
/* Remove the default highlight for mobile devices */
* {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

/* =============================================================================
   Links
   ========================================================================== */
/* Improve readability when focused and hovered in all browsers: h5bp.com/h */
a:hover, a:active {
  outline: 0;
}

/* =============================================================================
   Typography
   ========================================================================== */
abbr[title] {
  border-bottom: 1px dotted;
}

b, strong {
  font-weight: bold;
}

blockquote {
  margin: 1em 40px;
}

dfn {
  font-style: italic;
}

hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #ccc;
  margin: 1em 0;
  padding: 0;
}

ins {
  background: #ff9;
  color: #000;
  text-decoration: none;
}

mark {
  background: #ff0;
  color: #000;
  padding: 5px 11px;
}

/* Redeclare monospace font family: h5bp.com/j */
pre, code, kbd, samp {
  font-family: monospace, serif;
  _font-family: "courier new", monospace;
  font-size: 1em;
}

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

q {
  quotes: none;
}

q:before, q:after {
  content: "";
  content: none;
}

small {
  font-size: 85%;
}

/* Position subscript and superscript content without affecting line-height: h5bp.com/k */
sub, sup {
  font-size: 85.7%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sup {
  top: -0.5em;
}

sub {
  bottom: -0.25em;
}

/* =============================================================================
   Lists
   ========================================================================== */
ul, ol {
  margin: 1em 0;
  padding: 0 0 0 40px;
}

dd {
  margin: 0 0 0 40px;
}

nav ul, nav ol {
  list-style: none;
  list-style-image: none;
  margin: 0;
  padding: 0;
}

/* =============================================================================
   Embedded content
   ========================================================================== */
/*
 * 1. Improve image quality when scaled in IE7: h5bp.com/d
 * 2. Remove the gap between images and borders on image containers: h5bp.com/i/440
 */
img {
  border: 0;
  -ms-interpolation-mode: bicubic;
  vertical-align: middle;
}

/*
 * Correct overflow not hidden in IE9
 */
svg:not(:root) {
  overflow: hidden;
}

/* =============================================================================
   Figures
   ========================================================================== */
figure {
  margin: 0;
}

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

fieldset {
  border: 0;
  margin: 0;
  padding: 0;
}

/* Indicate that 'label' will shift focus to the associated form element */
/*label { cursor: pointer; }*/
/*
 * 1. Correct color not inheriting in IE6/7/8/9
 * 2. Correct alignment displayed oddly in IE6/7
 */
legend {
  border: 0;
  padding: 0;
  white-space: normal;
}

/*
 * 1. Correct font-size not inheriting in all browsers
 * 2. Remove margins in FF3/4 S5 Chrome
 * 3. Define consistent vertical alignment display in all browsers
 */
button, input, select, textarea {
  font-size: 100%;
  margin: 0;
  vertical-align: baseline;
}

/*
 * 1. Define line-height as normal to match FF3/4 (set using !important in the UA stylesheet)
 */
button, input {
  line-height: normal;
}

/*
 * 1. Display hand cursor for clickable form elements
 * 2. Allow styling of clickable form elements in iOS
 * 3. Correct inner spacing displayed oddly in IE7 (doesn't effect IE6)
 */
button, input[type=button], input[type=reset], input[type=submit] {
  cursor: pointer;
  -webkit-appearance: button;
}

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

/*
 * Consistent box sizing and appearance
 */
input[type=checkbox], input[type=radio] {
  box-sizing: border-box;
  padding: 0;
}

input[type=search] {
  -webkit-appearance: textfield;
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
}

input[type=search]::-webkit-search-decoration, input[type=search]::-webkit-search-cancel-button {
  -webkit-appearance: none;
}

/*
 * Remove inner padding and border in FF3/4: h5bp.com/l
 */
button::-moz-focus-inner, input::-moz-focus-inner { /* border: 0; To display focus style on buttons. Defect #1812 */
  padding: 0;
}

/*
 * 1. Remove default vertical scrollbar in IE6/7/8/9
 * 2. Allow only vertical resizing
 */
textarea {
  overflow: auto;
  vertical-align: top;
  resize: vertical;
}

/* Colors for form validity */
input:invalid, textarea:invalid {
  background-color: #f0dddd;
}

/* =============================================================================
   Tables
   ========================================================================== */
table {
  border-collapse: collapse;
  border-spacing: 0;
  display: table;
}

td {
  vertical-align: top;
}

tr {
  display: table-row;
}

thead {
  display: table-header-group;
  vertical-align: middle;
}

tbody {
  display: table-row-group;
}

tfoot {
  display: table-footer-group;
  vertical-align: middle;
}

col {
  display: table-column;
}

colgroup {
  display: table-column-group;
}

td, th {
  display: table-cell;
}

caption {
  display: table-caption;
}

/* =============================================================================
   Chrome Frame Prompt
   ========================================================================== */
.chromeframe {
  margin: 0.2em 0;
  background: #ccc;
  color: black;
  padding: 0.2em 0;
}

/* ==|== media queries ======================================================
   EXAMPLE Media Query for Responsive Design.
   This example overrides the primary ('mobile first') styles
   Modify as content requires.
   ========================================================================== */
@media only screen and (min-width: 35em) {
  /* Style adjustments for viewports that meet the condition */
}
/*Modified to have HTML5 boilerplate */
/* ========== AON Hewitt Additions =========== */
/*
Responsive al Elastic Grid
By Matt Sloggett
*/
.al-g {
  letter-spacing: -0.31em; /* webkit: collapse white-space between units */
  /* reset IE < 8 */
  word-spacing: -0.43em; /* IE < 8 && gecko: collapse white-space between units */
}

/* Grid >> Children (Alpha ~ First, Omega ~ Last)
----------------------------------------------------------------------------------------------------*/
.alpha {
  margin-left: 0;
}

.omega {
  margin-right: 0;
}

/* Porlet column work for liferay page layouts
----------------------------------------------------------------------------------------------------*/
.portlet-layout {
  display: table;
  width: 100%;
  border-collapse: collapse;
}

.portlet-column {
  display: table-cell;
}

.portlet-column {
  min-height: 25px;
}

.portlet-row {
  margin-left: -33px;
}

.portlet-column {
  border-left: transparent 33px solid;
  border-right: none;
}

#content .portlet-column {
  border-bottom: transparent 33px solid;
}

#banner .portlet-column:first-child, #footer .portlet-column:first-child {
  border-left: none;
}

/* Grid >> Global
----------------------------------------------------------------------------------------------------*/
.al-view-lt320 .al-u-1-2, .al-view-320 .al-u-1-2,
.al-view-lt320 .al-u-2-2, .al-view-320 .al-u-2-2,
.al-view-480 .al-u-1-4,
.al-view-480 .al-u-2-4,
.al-view-480 .al-u-3-4,
.al-view-480 .al-u-4-4,
.al-view-720 .al-u-1-8,
.al-view-720 .al-u-2-8,
.al-view-720 .al-u-3-8,
.al-view-720 .al-u-4-8,
.al-view-720 .al-u-5-8,
.al-view-720 .al-u-6-8,
.al-view-720 .al-u-7-8,
.al-view-720 .al-u-8-8,
.al-view-960 .al-u-1-16,
.al-view-960 .al-u-2-16,
.al-view-960 .al-u-3-16,
.al-view-960 .al-u-4-16,
.al-view-960 .al-u-5-16,
.al-view-960 .al-u-6-16,
.al-view-960 .al-u-7-16,
.al-view-960 .al-u-8-16,
.al-view-960 .al-u-9-16,
.al-view-960 .al-u-10-16,
.al-view-960 .al-u-11-16,
.al-view-960 .al-u-12-16,
.al-view-960 .al-u-13-16,
.al-view-960 .al-u-14-16,
.al-view-960 .al-u-15-16,
.al-view-960 .al-u-16-16 {
  display: inline;
  float: left;
  position: relative;
  margin-left: 0%;
  margin-right: 0%;
}

/* Grid >> 2 Columns
----------------------------------------------------------------------------------------------------*/
.al-view-lt320 .al-u-1-2, .al-view-320 .al-u-1-2 {
  width: 50%;
}

.al-view-lt320 .al-u-2-2, .al-view-320 .al-u-2-2 {
  width: 100%;
}

/* Grid >> 4 Columns
----------------------------------------------------------------------------------------------------*/
.al-view-480 .al-u-1-4 {
  width: 25%;
}

.al-view-480 .al-u-2-4 {
  width: 50%;
}

.al-view-480 .al-u-3-4 {
  width: 75%;
}

.al-view-480 .al-u-4-4 {
  width: 100%;
}

/* Grid >> 8 Columns
----------------------------------------------------------------------------------------------------*/
.al-view-720 .al-u-1-8 {
  width: 12.5%;
}

.al-view-720 .al-u-2-8 {
  width: 25%;
}

.al-view-720 .al-u-3-8 {
  width: 37.5%;
}

.al-view-720 .al-u-4-8 {
  width: 50%;
}

.al-view-720 .al-u-5-8 {
  width: 62.5%;
}

.al-view-720 .al-u-6-8 {
  width: 75%;
}

.al-view-720 .al-u-7-8 {
  width: 87.5%;
}

.al-view-720 .al-u-8-8 {
  width: 100%;
}

/* Grid >> 16 Columns
----------------------------------------------------------------------------------------------------*/
.al-view-960 .al-u-1-16 {
  width: 6.25%;
}

.al-view-960 .al-u-2-16 {
  width: 12.5%;
}

.al-view-960 .al-u-3-16 {
  width: 18.75%;
}

.al-view-960 .al-u-4-16 {
  width: 25%;
}

.al-view-960 .al-u-5-16 {
  width: 31.25%;
}

.al-view-960 .al-u-6-16 {
  width: 37.5%;
}

.al-view-960 .al-u-7-16 {
  width: 43.75%;
}

.al-view-960 .al-u-8-16 {
  width: 50%;
}

.al-view-960 .al-u-9-16 {
  width: 56.25%;
}

.al-view-960 .al-u-10-16 {
  width: 62.5%;
}

.al-view-960 .al-u-11-16 {
  width: 68.75%;
}

.al-view-960 .al-u-12-16 {
  width: 75%;
}

.al-view-960 .al-u-13-16 {
  width: 81.25%;
}

.al-view-960 .al-u-14-16 {
  width: 87.5%;
}

.al-view-960 .al-u-15-16 {
  width: 92.75%;
}

.al-view-960 .al-u-16-16 {
  width: 100%;
}

/*
Responsive Alloy Elastic Grid
By Matt Sloggett
doc located at : https://one.aon.net/sites/BenefitsPortal/Shared%20Documents/Forms/AllItems.aspx?RootFolder=%2Fsites%2FBenefitsPortal%2FShared%20Documents%2FUI%20Developer
*/
/* Add Border-box
----------------------------------------------------------------------------------------------------*/
* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

/* Grid >> Global
----------------------------------------------------------------------------------------------------*/
.al-w100,
.al-w15-16,
.al-w7-8,
.al-w13-16,
.al-w75,
.al-w70,
.al-w11-16,
.al-w5-8,
.al-w9-16,
.al-w50,
.al-w7-16,
.al-w3-8,
.al-w33,
.al-w5-16,
.al-w30,
.al-w25,
.al-w3-16,
.al-w1-7,
.al-w1-8,
.al-w1-16 {
  display: table-cell;
  margin: 0;
  /*border-left: transparent 11px solid;*/
  /*border-top: 11px solid transparent;*/
  position: relative;
  border-right: none;
  float: left;
}

/* Grid >> Percentages
----------------------------------------------------------------------------------------------------*/
.al-w100 {
  width: 100%;
}

.al-w15-16 {
  width: 93.75%;
}

.al-w7-8 {
  width: 87.5%;
}

.al-w13-16 {
  width: 81.25%;
}

.al-w75 {
  width: 75%;
}

.al-w70 {
  width: 70%;
}

.al-w11-16 {
  width: 68.75%;
}

.al-w5-8 {
  width: 62.5%;
}

.al-w9-16 {
  width: 56.25%;
}

.al-w50 {
  width: 50%;
}

.al-w7-16 {
  width: 43.75%;
}

.al-w3-8 {
  width: 37.5%;
}

.al-w33 {
  width: 33.33%;
} /* added 33.33% for 3 column portlet layout */
.al-w5-16 {
  width: 31.25%;
}

.webkit .al-w1-3, .webkit .al-w33 {
  width: 33.33%;
} /* reseting webkit al-w33 for al.css */
.al-w30 {
  width: 30%;
}

.al-w25 {
  width: 25%;
}

.al-w3-16 {
  width: 18.75%;
}

.al-w1-7 {
  width: 14.286%;
}

.al-w1-8 {
  width: 12.5%;
}

.al-w1-16 {
  width: 6.25%;
}

/* Basic widths, NO extra css styling: "al-basic-w---" classes */
/* As you can see in "Grid >> Global" above we added extra styling to our responsive widths */
/* In some rare instances basic widths are needed, without any extra styles */
/* Example: maybe a table columns width, images width, etc. */
/* DO NOT use "al-basic-w---" classes with al-gutter-row, al-gutter-col: Our normal grids & gutters paradigm */
.al-basic-w100 {
  width: 100%;
}

.al-basic-w15-16 {
  width: 93.75%;
}

.al-basic-w7-8 {
  width: 87.5%;
}

.al-basic-w13-16 {
  width: 81.25%;
}

.al-basic-w75 {
  width: 75%;
}

.al-basic-w70 {
  width: 70%;
}

.al-basic-w11-16 {
  width: 68.75%;
}

.al-basic-w5-8 {
  width: 62.5%;
}

.al-basic-w9-16 {
  width: 56.25%;
}

.al-basic-w50 {
  width: 50%;
}

.al-basic-w7-16 {
  width: 43.75%;
}

.al-basic-w3-8 {
  width: 37.5%;
}

.al-basic-w33 {
  width: 33.33%;
} /* added 33.33% for 3 column portlet layout */
.al-basic-w5-16 {
  width: 31.25%;
}

.al-basic-w30 {
  width: 30%;
}

.al-basic-w25 {
  width: 25%;
}

.al-basic-w3-16 {
  width: 18.75%;
}

.al-basic-w1-7 {
  width: 14.286%;
}

.al-basic-w1-8 {
  width: 12.5%;
}

.al-basic-w1-16 {
  width: 6.25%;
}

.al-view-720 .al-720-w100 {
  width: 100%;
}

.al-view-720 .al-720-w15-16 {
  width: 93.75%;
}

.al-view-720 .al-720-w13-16 {
  width: 81.25%;
}

.al-view-720 .al-720-w75 {
  width: 75%;
}

.al-view-720 .al-720-w70 {
  width: 70%;
}

.al-view-720 .al-720-w11-16 {
  width: 68.75%;
}

.al-view-720 .al-720-w5-8 {
  width: 62.5%;
}

.al-view-720 .al-720-w9-16 {
  width: 56.25%;
}

.al-view-720 .al-720-w50 {
  width: 50%;
}

.al-view-720 .al-720-w7-16 {
  width: 43.75%;
}

.al-view-720 .al-720-w3-8 {
  width: 37.5%;
}

.al-view-720 .al-720-w5-16 {
  width: 31.25%;
}

.al-view-720 .al-720-w30 {
  width: 30%;
}

.al-view-720 .al-720-w33 {
  width: 33.33%;
}

.al-view-720 .al-720-w25 {
  width: 25%;
}

.al-view-720 .al-720-w3-16 {
  width: 18.75%;
}

.al-view-720 .al-720-w1-7 {
  width: 14.286%;
}

.al-view-720 .al-720-w1-8 {
  width: 12.5%;
}

.al-view-720 .al-720-w1-16 {
  width: 6.25%;
}

.al-view-480 .al-480-w100 {
  width: 100%;
}

.al-view-480 .al-480-w15-16 {
  width: 93.75%;
}

.al-view-480 .al-480-w13-16 {
  width: 81.25%;
}

.al-view-480 .al-480-w75 {
  width: 75%;
}

.al-view-480 .al-480-w70 {
  width: 70%;
}

.al-view-480 .al-480-w11-16 {
  width: 68.75%;
}

.al-view-480 .al-480-w5-8 {
  width: 62.5%;
}

.al-view-480 .al-480-w9-16 {
  width: 56.25%;
}

.al-view-480 .al-480-w50 {
  width: 50%;
}

.al-view-480 .al-480-w7-16 {
  width: 43.75%;
}

.al-view-480 .al-480-w3-8 {
  width: 37.5%;
}

.al-view-480 .al-480-w5-16 {
  width: 31.25%;
}

.al-view-480 .al-480-w30 {
  width: 30%;
}

.al-view-480 .al-480-w33 {
  width: 33.33%;
}

.al-view-480 .al-480-w25 {
  width: 25%;
}

.al-view-480 .al-480-w3-16 {
  width: 18.75%;
}

.al-view-480 .al-480-w1-7 {
  width: 14.286%;
}

.al-view-480 .al-480-w1-8 {
  width: 12.5%;
}

.al-view-480 .al-480-w1-16 {
  width: 6.25%;
}

.al-view-lt320 .al-w1-16,
.al-view-lt320 .al-w1-12,
.al-view-lt320 .al-w1-10,
.al-view-lt320 .al-w10,
.al-view-lt320 .al-w1-9,
.al-view-lt320 .al-w1-8,
.al-view-lt320 .al-w1-7,
.al-view-lt320 .al-w15,
.al-view-lt320 .al-w1-6,
.al-view-lt320 .al-w3-16,
.al-view-lt320 .al-w1-5,
.al-view-lt320 .al-w20,
.al-view-lt320 .al-w2-9,
.al-view-lt320 .al-w1-4,
.al-view-lt320 .al-w25,
.al-view-lt320 .al-w2-7,
.al-view-lt320 .al-w3-10,
.al-view-lt320 .al-w30,
.al-view-lt320 .al-w5-16,
.al-view-lt320 .al-w1-3,
.al-view-lt320 .al-w33,
.al-view-lt320 .al-w35,
.al-view-lt320 .al-w3-8,
.al-view-lt320 .al-w38,
.al-view-lt320 .al-w2-5,
.al-view-lt320 .al-w40,
.al-view-lt320 .al-w5-12,
.al-view-lt320 .al-w7-16,
.al-view-lt320 .al-w4-9,
.al-view-lt320 .al-w45,
.al-view-lt320 .al-w3-7,
.al-view-lt320 .al-w1-2,
.al-view-lt320 .al-w50,
.al-view-lt320 .al-w55,
.al-view-lt320 .al-w5-9,
.al-view-lt320 .al-w9-16,
.al-view-lt320 .al-w4-7,
.al-view-lt320 .al-w7-12,
.al-view-lt320 .al-w3-5,
.al-view-lt320 .al-w60,
.al-view-lt320 .al-w5-8,
.al-view-lt320 .al-w62,
.al-view-lt320 .al-w65,
.al-view-lt320 .al-w2-3,
.al-view-lt320 .al-w66,
.al-view-lt320 .al-w11-16,
.al-view-lt320 .al-w7-10,
.al-view-lt320 .al-w70,
.al-view-lt320 .al-w5-7,
.al-view-lt320 .al-w3-4,
.al-view-lt320 .al-w75,
.al-view-lt320 .al-w7-9,
.al-view-lt320 .al-w4-5,
.al-view-lt320 .al-w80,
.al-view-lt320 .al-w13-16,
.al-view-lt320 .al-w5-6,
.al-view-lt320 .al-w85,
.al-view-lt320 .al-w6-7,
.al-view-lt320 .al-w7-8,
.al-view-lt320 .al-w9-10,
.al-view-lt320 .al-w90,
.al-view-lt320 .al-w11-12,
.al-view-lt320 .al-w15-16,
.al-view-lt320 .al-w95,
.al-view-lt320 .al-w100,
.al-view-320 .al-w1-16,
.al-view-320 .al-w1-12,
.al-view-320 .al-w1-10,
.al-view-320 .al-w10,
.al-view-320 .al-w1-9,
.al-view-320 .al-w1-8,
.al-view-320 .al-w1-7,
.al-view-320 .al-w15,
.al-view-320 .al-w1-6,
.al-view-320 .al-w3-16,
.al-view-320 .al-w1-5,
.al-view-320 .al-w20,
.al-view-320 .al-w2-9,
.al-view-320 .al-w1-4,
.al-view-320 .al-w25,
.al-view-320 .al-w2-7,
.al-view-320 .al-w3-10,
.al-view-320 .al-w30,
.al-view-320 .al-w5-16,
.al-view-320 .al-w1-3,
.al-view-320 .al-w33,
.al-view-320 .al-w35,
.al-view-320 .al-w3-8,
.al-view-320 .al-w38,
.al-view-320 .al-w2-5,
.al-view-320 .al-w40,
.al-view-320 .al-w5-12,
.al-view-320 .al-w7-16,
.al-view-320 .al-w4-9,
.al-view-320 .al-w45,
.al-view-320 .al-w3-7,
.al-view-320 .al-w1-2,
.al-view-320 .al-w50,
.al-view-320 .al-w55,
.al-view-320 .al-w5-9,
.al-view-320 .al-w9-16,
.al-view-320 .al-w4-7,
.al-view-320 .al-w7-12,
.al-view-320 .al-w3-5,
.al-view-320 .al-w60,
.al-view-320 .al-w5-8,
.al-view-320 .al-w62,
.al-view-320 .al-w65,
.al-view-320 .al-w2-3,
.al-view-320 .al-w66,
.al-view-320 .al-w11-16,
.al-view-320 .al-w7-10,
.al-view-320 .al-w70,
.al-view-320 .al-w5-7,
.al-view-320 .al-w3-4,
.al-view-320 .al-w75,
.al-view-320 .al-w7-9,
.al-view-320 .al-w4-5,
.al-view-320 .al-w80,
.al-view-320 .al-w13-16,
.al-view-320 .al-w5-6,
.al-view-320 .al-w85,
.al-view-320 .al-w6-7,
.al-view-320 .al-w7-8,
.al-view-320 .al-w9-10,
.al-view-320 .al-w90,
.al-view-320 .al-w11-12,
.al-view-320 .al-w15-16,
.al-view-320 .al-w95,
.al-view-320 .al-w100 {
  width: 100%;
}

.al-view-lt320 .al-320-w100, .al-view-320 .al-320-w100 {
  width: 100%;
}

.al-view-lt320 .al-320-w75, .al-view-320 .al-320-w75 {
  width: 75%;
}

.al-view-lt320 .al-320-w5-8, .al-view-320 .al-320-w5-8 {
  width: 62.5%;
}

.al-view-lt320 .al-320-w50, .al-view-320 .al-320-w50 {
  width: 50%;
}

.al-view-lt320 .al-320-w3-8, .al-view-320 .al-320-w3-8 {
  width: 37.5%;
}

.al-view-lt320 .al-320-w25, .al-view-320 .al-320-w25 {
  width: 25%;
}

.al-view-lt320 .al-320-w1-7, .al-view-320 .al-320-w1-7 {
  width: 14.286%;
}

.al-view-lt320 .al-320-w1-8, .al-view-320 .al-320-w1-8 {
  width: 12.5%;
}

/* Adding in Gutters on top of the above grid
----------------------------------------------------------------------------------------------------*/
.al-w100,
.al-w75,
.al-w5-8,
.al-w50,
.al-w3-8,
.al-w25,
.al-w1-7,
.al-w1-8 {
  -dt-display: table-cell;
} /* table cell */
.al-view-gt480 .portlet-column > .al-w5-8.al-720-w5-8,
.al-view-gt480 .portlet-column > .al-w5-8.al-720-w100,
.al-view-gt480 .portlet-column > .al-w5-8.al-320-w100,
.al-view-gt480 .portlet-column > .al-w3-8.al-720-w5-8,
.al-view-gt480 .portlet-column > .al-w3-8.al-720-w100,
.al-view-gt480 .portlet-column > .al-w3-8.al-320-w100 {
  border-left: transparent 11px solid;
}

/* Gutters
----------------------------------------------------------------------------------------------------*/
.al-gutter-row {
  margin-left: -11px;
}

.al-gutter-col {
  display: table-cell;
  -dt-display: table-cell;
  border-left: transparent 11px solid;
  position: relative;
  float: left;
}

/* http://compass-style.org/reference/compass/css3/*/
/* =======================================
	TABLE OF CONTENTS
	1.Color Variables
		a. grays
		b. blues
		c. greens
		d. yellows
		e. reds
	2. Mixins
		a. fonts
		b.

   ======================================= */
/*=======================================================
			Colors
  =======================================================*/
/* Added Black and White, its a little redundent but easier to remember.
/* Grays */
/* MAIN default body text new to styleguide 10/17*/
/* Accent 1 (Blue) */
/*darkest */
/* lightest */
/* Accent 2 (Green) */
/* Accent 3 (Yellow) */
/* Accent 4 (Red) */
/*=======================================================
				Mixins
  =======================================================*/
/* ************ Fonts ************
	******************************* */
/* ************ 720 viewport ************
	******************************* */
/* ************ 480 viewport ************
	******************************* */
/* =======================================
	TABLE OF CONTENTS
	1. Basic style for HTML Elements
		a. Basic
		b. Headers
	2. Common Helper Classes

   ======================================= */
/*=======================================================
		 UPoint Testing:  Media Queries only used for UPoint Testing in Chrome & other browsers
		 https://developer.chrome.com/devtools/docs/device-mode#media-queries
  =======================================================*/
/*  M Sloggett - media queries are only used for developer testing  */
/*  M Sloggett - do NOT use media queries as a best practice */
@media only screen and (min-width: 320px) and (max-width: 479px) {
  body {
    /* added for browser developer tools - "Small" viewport size  */
  }
}
@media only screen and (min-width: 480px) and (max-width: 719px) {
  body {
    /* added for browser developer tools - "Medium" viewport size  */
  }
}
@media only screen and (min-width: 720px) and (max-width: 959px) {
  body {
    /* added for browser developer tools - "Large" viewport size  */
  }
}
@media only screen and (min-width: 960px) and (max-width: 1280px) {
  body {
    /* added for browser developer tools - "X-Large" viewport size  */
  }
}
/*  M Sloggett - media queries are only used for developer testing  */
/*  M Sloggett - do NOT use media queries as a best practice */
@media (min-width: 336px) {
  body {
    /* added for browser developer tools - "Small" w/ brwowser scrollbar  */
  }
}
@media (min-width: 496px) {
  body {
    /* added for browser developer tools - "Medium" w/ brwowser scrollbar  */
  }
}
@media (min-width: 736px) {
  body {
    /* added for browser developer tools - "Large" w/ brwowser scrollbar  */
  }
}
@media (min-width: 976px) {
  body {
    /* added for browser developer tools - "X-Large" w/ brwowser scrollbar  */
  }
}
/*=======================================================
		 Basic style for HTML Elements and Typography
  =======================================================*/
html, button, input, select, texture, pre, code, kbd, samp {
  font-family: Arial, Helvetica, Verdana, sans-serif;
}

body {
  background: #FFF;
  font: 87.5%/1.15 Arial, Helvetica, Verdana, sans-serif;
  margin: 0;
  color: #64696C;
  overflow-x: hidden;
}

blockquote, ul, ol, dl {
  margin: 0;
  padding: 0;
}

ol, ul, dl {
  margin-left: 1.2em;
}

ol {
  list-style: decimal outside;
}

ul {
  list-style: disc outside;
}

ul ul {
  list-style-type: disc;
}

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

dl dd {
  margin-left: 1em;
}

p {
  font-size: 1em;
  line-height: 1.5714em;
}

a {
  color: #3488E8;
  text-decoration: none;
}

.no-touch a:hover {
  color: #3488E8; /* removed the hover color after John's confirmation */
  text-decoration: underline;
}

a:visited {
  color: #3488E8;
  text-decoration: none;
}

a:active {
  box-shadow: none;
  outline: none;
}

:focus {
  text-decoration: none;
  /* outline: none;  */ /* As per John's mail, default browser style is required for focus state, so commenting this line. */
}

i, em {
  font-style: italic;
}

/* ============= Headers ================ */
h1, h2, h3, h4, h5, h6 {
  font-weight: normal;
  margin: 0;
  padding: 0;
}

h1, .al-font-xxxl {
  font-size: 3.428em;
  line-height: 1.145em;
}

h2, .al-font-xxl {
  font-size: 2.428em;
  line-height: 0.9705em;
}

h3, .al-font-xl {
  font-size: 1.714em;
  line-height: 1.1666em;
  padding-bottom: 0.0835em;
}

h4, .al-font-l {
  font-size: 1.286em;
  line-height: 1.222em;
}

h5, .al-font-m {
  font-size: 1.143em;
  line-height: 1.375em;
  padding-bottom: 0.313em;
}

p, td, th, .al-font-s {
  font-size: 1em;
  line-height: 1.5714em;
}

p {
  margin: 0;
  margin-bottom: 11px;
}

textarea {
  font-size: 0.857em;
}

input, select {
  font-size: 1em;
  line-height: 1.5714em;
}

button {
  font-size: 1.286em;
  line-height: 1.222em;
}

.al-font-xsmall, p .al-font-xsmall, .xs {
  font-size: 0.857em;
}

.al-font-xxsmall, p .al-font-xxsmall {
  font-size: 0.79em;
}

/*- sub-header classes-*/
h1 .al-font-xxl {
  font-size: 0.7083em;
}

h1 .al-font-xl {
  font-size: 0.5em;
}

h1 .al-font-l {
  font-size: 0.375em;
}

h1 .al-font-m {
  font-size: 0.3333em;
}

h1 .al-font-s {
  font-size: 0.2917em;
}

h2 .al-font-xl {
  font-size: 0.7058em;
}

h2 .al-font-l {
  font-size: 0.5294em;
}

h2 .al-font-m {
  font-size: 0.4705em;
}

h2 .al-font-s {
  font-size: 0.4117em;
}

h3 .al-font-l {
  font-size: 0.75em;
}

h3 .al-font-m {
  font-size: 0.6666em;
}

h3 .al-font-s {
  font-size: 0.5833em;
}

h4 .al-font-m {
  font-size: 0.8888em;
  font-weight: normal;
}

h4 .al-font-s {
  font-size: 0.7777em;
  font-weight: normal;
}

h5 .al-font-s {
  font-size: 0.875em;
}

/*- sub-header classes- end*/
/* ============= 720 viewport Headers ================ */
.al-view-720 h1, .al-view-720 .al-font-xxxl {
  font-size: 2.429em;
  line-height: 0.971em;
}

.al-view-720 h2, .al-view-720 .al-font-xxl {
  font-size: 2em;
  line-height: 1em;
}

.al-view-720 .al-font-xl {
  font-size: 1.714em;
  line-height: 1.1666em;
  padding-bottom: 0.0835em;
}

.al-view-720 .al-font-l {
  font-size: 1.286em;
  line-height: 1.222em;
}

.al-view-720 .al-font-m {
  font-size: 1.143em;
  line-height: 1.375em;
  padding-bottom: 0.313em;
}

.al-view-720 .al-font-s {
  font-size: 1em;
  line-height: 1.5714em;
}

.al-view-720 .al-font-xsmall, .al-view-720 .xs {
  font-size: 0.857em;
}

.al-view-720 .al-font-xxsmall {
  font-size: 0.79em;
}

/*- sub-header classes-*/
.al-view-720 h1 .al-font-xxl {
  font-size: 0.8236em;
}

.al-view-720 h1 .al-font-xl {
  font-size: 0.7059em;
}

.al-view-720 h1 .al-font-l {
  font-size: 0.5294em;
}

.al-view-720 h1 .al-font-m {
  font-size: 0.4706em;
}

.al-view-720 h1 .al-font-s {
  font-size: 0.4118em;
}

.al-view-720 h2 .al-font-xl {
  font-size: 0.8571em;
}

.al-view-720 h2 .al-font-l {
  font-size: 0.6428em;
}

.al-view-720 h2 .al-font-m {
  font-size: 0.5714em;
}

.al-view-720 h2 .al-font-s {
  font-size: 0.5em;
}

.al-view-720 h3 .al-font-l {
  font-size: 0.75em;
}

.al-view-720 h3 .al-font-m {
  font-size: 0.6666em;
}

.al-view-720 h3 .al-font-s {
  font-size: 0.5833em;
}

.al-view-720 h4 .al-font-m {
  font-size: 0.8888em;
}

.al-view-720 h4 .al-font-s {
  font-size: 0.7777em;
}

.al-view-720 h5 .al-font-s {
  font-size: 0.875em;
}

/*- sub-header classes- end*/
/* ============= 480 viewport Headers ================ */
.al-view-lt480 h1, .al-view-480 h1, .al-view-lt480 .al-font-xxxl, .al-view-480 .al-font-xxxl {
  font-size: 1.857em;
  line-height: 1.078em;
}

.al-view-lt480 h2, .al-view-480 h2, .al-view-lt480 .al-font-xxl, .al-view-480 .al-font-xxl {
  font-size: 1.571em;
  line-height: 1.091em;
}

.al-view-lt480 h3, .al-view-480 h3, .al-view-lt480 .al-font-xl, .al-view-480 .al-font-xl {
  font-size: 1.286em;
  line-height: 1.111em;
  padding-bottom: 0.1115em;
}

.al-view-lt480 h4, .al-view-480 h4, .al-view-lt480 .al-font-l, .al-view-480 .al-font-l {
  font-size: 1.143em;
  line-height: 1.25em;
  font-weight: bold;
}

.al-view-lt480 h5, .al-view-480 h5, .al-view-lt480 .al-font-m, .al-view-480 .al-font-m {
  font-size: 1em;
  line-height: 1.429em;
  padding-bottom: 0.358em;
}

.al-view-lt480 p, .al-view-480 p, .al-view-lt480 td, .al-view-480 td, .al-view-480 li, .al-view-lt480 td, .al-view-lt480 .al-font-s, .al-view-480 .al-font-s {
  font-size: 1em;
  line-height: 1.429em;
}

.al-view-lt480 .al-font-xsmall, .al-view-lt480 p .al-font-xsmall, .al-view-lt480 .xs,
.al-view-480 .al-font-xsmall, .al-view-480 p .al-font-xsmall, .al-view-480 .xs {
  font-size: 0.857em;
  line-height: 1.668em;
}

.al-view-lt480 .al-font-xxsmall, .al-view-lt480 p .al-font-xxsmall,
.al-view-480 .al-font-xxsmall, .al-view-480 p .al-font-xxsmall {
  font-size: 0.857em;
  line-height: 1.668em;
}

/*- sub-header classes-*/
.al-view-lt480 h1 .al-font-xxl, .al-view-480 h1 .al-font-xxl {
  font-size: 0.8461em;
}

.al-view-lt480 h1 .al-font-xl, .al-view-480 h1 .al-font-xl {
  font-size: 0.6923em;
}

.al-view-lt480 h1 .al-font-l, .al-view-480 h1 .al-font-l {
  font-size: 0.6153em;
}

.al-view-lt480 h1 .al-font-m, .al-view-480 h1 .al-font-m {
  font-size: 0.5384em;
}

.al-view-lt480 h1 .al-font-s, .al-view-480 h1 .al-font-s {
  font-size: 0.5384em;
}

.al-view-lt480 h2 .al-font-xl, .al-view-480 h2 .al-font-xl {
  font-size: 0.8181em;
}

.al-view-lt480 h2 .al-font-l, .al-view-480 h2 .al-font-l {
  font-size: 0.7272em;
}

.al-view-lt480 h2 .al-font-m, .al-view-480 h2 .al-font-m {
  font-size: 0.6363em;
}

.al-view-lt480 h2 .al-font-s, .al-view-480 h2 .al-font-s {
  font-size: 0.6363em;
}

.al-view-lt480 h3 .al-font-l, .al-view-480 h3 .al-font-l {
  font-size: 0.8888em;
}

.al-view-lt480 h3 .al-font-m, .al-view-480 h3 .al-font-m {
  font-size: 0.7777em;
}

.al-view-lt480 h3 .al-font-s, .al-view-480 h3 .al-font-s {
  font-size: 0.7777em;
}

.al-view-lt480 h4 .al-font-m, .al-view-480 h4 .al-font-m {
  font-size: 0.875em;
}

.al-view-lt480 h4 .al-font-s, .al-view-480 h4 .al-font-s {
  font-size: 0.875em;
}

.al-view-lt480 h5 .al-font-s, .al-view-480 h5 .al-font-s {
  font-size: 1em;
}

/*- sub-header classes end-*/
.al-tile,
.al-hyphenate {
  word-wrap: break-word;
  overflow-wrap: break-word;
  -ms-word-break: normal;
  word-break: normal;
  word-break: break-word;
  -webkit-hyphens: auto;
  -moz-hyphens: auto;
  -ms-hyphens: auto;
  hyphens: auto;
  -webkit-hyphenate-limit-before: 4;
  -webkit-hyphenate-limit-after: 2;
}

/* UID-80 - Disabling  Hyphenation from element */
.al-no-hyphenate {
  -webkit-hyphens: none;
  -moz-hyphens: none;
  -ms-hyphens: none;
  hyphens: none;
}

.al-tile.al-hyphenate {
  word-wrap: break-word;
  word-break: normal;
  overflow-wrap: break-word;
  -ms-word-break: normal;
  -moz-hyphens: manual;
  -webkit-hyphens: manual;
  -ms-hyphens: manual;
  hyphens: manual;
}

/* http://compass-style.org/reference/compass/css3/*/
/* =======================================
	TABLE OF CONTENTS
	1.Color Variables
		a. grays
		b. blues
		c. greens
		d. yellows
		e. reds
	2. Mixins
		a. fonts
		b.

   ======================================= */
/*=======================================================
			Colors
  =======================================================*/
/* Added Black and White, its a little redundent but easier to remember.
/* Grays */
/* MAIN default body text new to styleguide 10/17*/
/* Accent 1 (Blue) */
/*darkest */
/* lightest */
/* Accent 2 (Green) */
/* Accent 3 (Yellow) */
/* Accent 4 (Red) */
/*=======================================================
				Mixins
  =======================================================*/
/* ************ Fonts ************
	******************************* */
/* ************ 720 viewport ************
	******************************* */
/* ************ 480 viewport ************
	******************************* */
/* =======================================
	TABLE OF CONTENTS
	1. Variables
	2. Mixins
	3. Rules
	4. Links
	5. Overlays
	6. Tips
	7. Breadcrumbs
	8. Help
	9. Highlights
	10.Error Messages
	11.Pagination
	12.Calendar
	13.Badges
	14.Arrows
	15.Charting legend swatch
	16.drop shadows for testing to be removed
	17.image/icon + text combination

	Description
	Combination files of small global style components
   ======================================= */
/*=======================================================
			Variables
  =======================================================*/
/*=======================================================
			Mixins
  =======================================================*/
/*=======================================================
			Rules
  =======================================================*/
/* https://one.aon.net/sites/BenefitsPortal/PortalBase/Wave0site/Wave%200%20Wiki%20Page/Style%20Guide/Rules.aspx */
hr {
  border-top: 1px dotted #C5C6C7;
  display: block;
  margin: 11px 0; /* update rules spacing as per PFO-8975 */
}

/*=======================================================
			Links
  =======================================================*/
/* https://one.aon.net/sites/BenefitsPortal/PortalBase/Wave0site/Wave%200%20Wiki%20Page/Design%20Patterns%20%28client%20facing%29/Supporting%20Links%20%282.4+%29.aspx */
h4.al-linklist-vertical-header {
  border-bottom: 1px dotted #C5C6C7;
  padding-bottom: 1em;
}

ul.al-linklist-vertical-link {
  padding: 0;
  margin: 0;
}
ul.al-linklist-vertical-link li {
  list-style-type: none;
  padding: 1em 0;
  border-bottom: 1px dotted #C5C6C7;
}
ul.al-linklist-vertical-link li a {
  font-size: 1.143em;
  line-height: 1.375em;
  padding-bottom: 0.313em;
}

/*=======================================================
			Overlays
  =======================================================*/
/* this is broken and needs fixed */
.al-overlaymask-content {
  background-color: #FFFFFF;
}

.al-overlaymask .al-overlaymask-content .al-widget-bd {
  margin: 0;
}

.al-overlay-container {
  position: absolute;
  z-index: 9999;
  left: 30%;
  top: 50%;
}

#al-overlay-container {
  position: relative;
}

.al-overlay-content {
  padding: 0;
  margin: 0;
  padding-bottom: 1em;
}
.al-overlay-content li {
  display: inline-block;
  padding-right: 1em;
}

/*This is targeted area div of overlay*/
#al-data-area {
  position: relative;
}

.al-ovelayRedisplay .al-ovelayRedisplay-content {
  background: transparent url("../images/al-images/al-onepx75opecity-bgimg.png") left top;
}

/*=======================================================
			Tips
  =======================================================*/
.al-tip {
  padding-bottom: 0;
  margin-bottom: -8px;
  min-height: 33px;
}
.al-tip h4 {
  color: #5D7E01;
  /* width: 80%; // remove/comment the width and float property to match with styleguide
  float: left;*/
}
.al-tip .al-badge-large.al-badge-tip {
  float: left;
  font-weight: bold;
  margin-right: 11px;
}

.al-tip-contextOverlay {
  z-index: 99;
  background-color: #FFFFFF;
  border: 1px solid #C5C6C7;
  padding: 18px 22px 22px 8px;
  width: 100%;
}
.al-tip-contextOverlay.al-css-arrow {
  background-color: #FFFFFF;
  position: relative;
}
.al-tip-contextOverlay.al-css-arrow:after {
  display: block;
  /* generic */
  content: " ";
  position: absolute;
  /* position */
  top: -21px;
  left: 8px;
  /* border */
  border-width: 11px;
  border-style: solid;
  border-color: transparent;
  border-bottom-color: #FFFFFF;
}
.al-tip-contextOverlay.al-css-arrow:before {
  display: block;
  z-index: 0; /*for Gecko browsers  that put it infront of the real item*/
  /* generic */
  content: " ";
  position: absolute;
  /* position */
  top: -22px;
  left: 8px;
  /* border */
  border-width: 11px;
  border-style: solid;
  border-color: transparent;
  border-bottom-color: #C5C6C7;
}

.al-state-default {
  background: #FFFFFF none;
}

/*=======================================================
			Alerts
  =======================================================*/
.al-alert {
  padding-bottom: 0;
  margin-bottom: -8px;
  min-height: 33px;
}

/*=======================================================
			Popovers
  =======================================================*/
a.al-tooltip {
  border-bottom: 1px dashed #000000;
  border-color: #000000;
  color: #000000;
  text-decoration: none;
}

/*=======================================================
			BreadCrumbs
  =======================================================*/
/*	.al-breadcrumb{
		@include xs_font;
	}

	.al-breadcrumb a{
		color:$accent1_6;
		text-decoration: none;
		display:inline-block;
	}
	.no-touch .al-breadcrumb a:hover{
		color:$accent1_6;
		text-decoration: underline;
	}
	.al-breadcrumb a.active {
		color:$grey4;
		font-weight:bold;
		cursor: text;
		text-decoration: none;
		.no-touch &:hover{
			color:$grey4;
			text-decoration: none;
			cursor: text;
		}
	}

	.al-breadcrumb span{
		color:$grey4;
		margin:0 11px;
	}

  	.al-view-lt480,.al-view-480 {
		.al-breadcrumb { display: none; }
	}
  */
/*=======================================================
	Help
=======================================================*/
.brand-cntBox4-a .al-help-popover {
  margin-left: auto;
}

.al-help-popover {
  display: inline-block;
  vertical-align: middle;
  margin-left: 1px;
}
.al-help-popover span {
  display: inline-block;
  vertical-align: middle;
  color: #3488E8;
  position: relative;
}
.al-help-popover span.fa-question {
  position: absolute;
  left: 2px;
  top: 2px;
  width: 8px;
  text-align: center;
  color: #FFF;
  font-size: 11px;
}
.al-help-popover .icon {
  background-image: url("../images/al-images/al-help.png");
  height: 16px;
  width: 16px;
  margin-right: 5px;
}
.al-help-popover.al-tooltip, .al-help-popover.al-tooltip:hover {
  /* PFO-14314 : Fix to remove underline if Help popover is a Anchor link instead of SPAN tag */
  border-bottom: 0px;
}

/*=======================================================
			Highlights
  =======================================================*/
.al-highlight {
  background-color: #fdf8c1; /* yellowish color */
  padding: 5px 11px; /* Update padding as mention at styleguide */
}

.al-highlight.legend-tobesent {
  background-color: #fdf8c1; /* yellowish color */
  border: solid 1px #fdf8c1;
}

.al-highlight.legend-sent {
  background-color: #ffffff;
  border: solid 1px #CCCCCC;
}

.al-highlight.legend-overdue {
  border: solid 1px #d96666;
  background-color: #d96666;
}

/*=======================================================
			Error Messages
  =======================================================*/
.al-form-validator-message, .al-error-heading {
  padding: 0 0 0 28px;
}

.al-error-heading {
  background: url("../images/al-images/al-error-ioc-techdif.png") left center no-repeat;
}

.al-error-heading, .al-error-message {
  color: #C13115;
}

.al-error-detail {
  padding-top: 1.5em;
  line-height: 1.5;
  color: #052344;
}

/*=======================================================
			Pagination
  =======================================================*/
.al-pagination li {
  display: inline;
}
.al-pagination .al-button-small.al-button-first .al-button-input,
.al-pagination .al-button-small.al-button-prev .al-button-input,
.al-pagination .al-button-small.al-button-next .al-button-input {
  background-color: transparent;
  box-shadow: 0, 0, 0, #FFFFFF;
  border: none;
  background-position: center;
  background-repeat: no-repeat;
}
.al-pagination .al-button-small.al-button-first .al-button-input:hover,
.al-pagination .al-button-small.al-button-prev .al-button-input:hover,
.al-pagination .al-button-small.al-button-next .al-button-input:hover {
  background-color: transparent;
}
.al-pagination .al-button-small.al-button-first .al-button-input {
  background-image: url("../images/base/icon_doubleleftarrow.png");
}
.al-pagination .al-button-small.al-button-prev .al-button-input {
  background-image: url("../images/base/icon_leftarrow.png");
}
.al-pagination .al-button-small.al-button-next .al-button-input {
  background-image: url("../images/base/icon_rightarrow.png");
}
.al-pagination .al-button-neutral-selected .al-button-input {
  background-color: transparent;
  cursor: default;
  border: none;
  font-weight: bold; /* change the cursor to default */
}
.al-pagination .al-button-neutral-selected .al-button-input:active { /* remove active state of selected button */
  border: none;
}
.al-pagination .al-button-neutral.al-button-neutral-selected .al-button-input:hover {
  background: none;
}

/*=======================================================
			Calendar
  =======================================================*/
.al-datepicker .al-state-hover {
  /* 	background: $accent1_8; */
  /* 	border-color: $accent1_7; */
  /* 	color: $black; */
  text-decoration: none;
}

/* .al-datepicker .al-state-active { */
/* 	background: $accent1_7; */
/* 	border-color: $accent1_7; */
/* 	color: $black; */
/* } */
.al-datepicker .al-widget-bd {
  margin: 0;
}

.no-touch .al-datepicker .al-helper-clearfix a:hover {
  /*     color:$accent1_6; */
  text-decoration: none;
}

/* .al-datepicker .al-calendar .al-icon{ */
/* 	background:url($assetsPath + "/images/al-images/icon_sprite.png") no-repeat; */
/* } */
/* .al-datepicker .al-icon{ */
/* 	background:url($assetsPath + "/images/base/icon_calendar.png") no-repeat; */
/* 	height:18px; */
/* 	width:16px; */
/* } */
.al-datepicker-wrapper .al-field {
  float: left;
}
.al-datepicker-wrapper .al-icon {
  float: left;
  height: 33px;
  text-align: center;
  width: 33px;
}
.al-datepicker-wrapper .al-icon img {
  margin-top: 6px;
}

.al-datepicker-button-wrapper button.al-buttonitem-icon-only {
  padding: 7px 8px 8px 8px;
  margin-left: 4px;
}

.al-datepicker .al-calendar .al-calendar-prev {
  background-position: -80px -192px;
}
.al-datepicker .al-calendar .al-calendar-next {
  background-position: -48px -192px;
}

.al-date-picker .al-calendar {
  width: 228px;
  font-size: 100%;
}

.al-date-picker .al-calendar-day {
  width: 26px;
  padding: 4px;
  float: left;
  margin: 0 0 3px 3px;
  text-align: center;
  text-decoration: none;
  margin: 0 0 5px 5px;
}

.al-date-picker .al-calendar-week {
  width: 26px;
  padding: 4px;
  margin: 5px 0 5px 5px;
}

.al-datepicker .al-calendar-day-padding-end.al-state-default,
.al-datepicker .al-calendar-day-padding-start.al-state-default {
  border-size: 1px;
  border-style: solid;
  opacity: 0.5;
}

.al-datepicker .al-calendar-day-padding-end.al-state-hover,
.al-datepicker .al-calendar-day-padding-start.al-state-hover {
  border-size: 1px;
  border-style: dotted;
  text-decoration: none;
  background-image: none;
}

.al-calendar-day-hidden {
  display: none;
}

.al-calendar-disabled {
  opacity: 0.3;
}

.al-calendar-link {
  text-decoration: none;
  margin: 5px;
}

.al-calendar-link-today {
  float: left;
}

.al-calendar-link-none {
  float: right;
}

.al-calendar-icon .al-button-input {
  display: inline-block;
  margin-top: 17px;
}

/*=======================================================
			Badges
  =======================================================*/
.al-badge-large {
  font-size: 1em;
  line-height: 1.5714em;
  border-radius: 16px;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.25);
  color: #FFFFFF;
  text-decoration: none;
  display: block;
  line-height: normal;
  padding: 6px 10px 6px 11px; /* Badeg text should be horizontally and vertically center aligned - visually match with style-guide */
  text-align: center;
  /*.ie8 &{
  	padding: 8px 9px 6px 10px; /* Badeg text should be horizontally and vertically center aligned - visually match with style-guide
  }*/
}

.al-badge-medium {
  font-size: 0.857em;
  border-radius: 14px;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.25);
  color: #FFFFFF;
  text-decoration: none;
  display: block;
  line-height: normal;
  display: inline-block;
  padding: 6px 8px 5px 8px;
  text-align: center;
}

.al-badge-small {
  font-size: 0.79em;
  border-radius: 12px;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.25);
  color: #FFFFFF;
  text-decoration: none;
  display: block;
  line-height: normal;
  display: inline-block;
  padding: 4px 8px 4px 7px;
  text-align: center;
}

.al-badge-action {
  background-color: #9E1F06;
  border: 2px solid #FFFFFF;
  text-decoration: none;
  display: inline-block;
  color: #FFFFFF;
  font-weight: bold;
}

.al-badge-tip {
  background-color: #739809;
  border: 2px solid #FFFFFF;
  text-decoration: none;
  display: inline-block;
  color: #FFFFFF;
  font-weight: bold;
}

.al-badge-tip-blue {
  background-color: #1E71CF;
  border: 2px solid #FFFFFF;
  text-decoration: none;
  display: inline-block;
  color: #FFFFFF;
  font-weight: bold;
}

.no-touch .al-badge-large:hover, .no-touch .al-badge-small:hover, .no-touch .al-badge-action:hover, .no-touch .al-badge-tip:hover {
  text-decoration: none;
  color: #FFFFFF;
}

/*=======================================================
			arrow
  =======================================================*/
/* adds a simple white arrow to the top corner
div{
	@include arrowTop();
}
*/
.al-arrow {
  position: absolute;
  top: -22px;
  left: -11px;
  margin-left: 50%;
}
.al-arrow .al-arrow-front,
.al-arrow .al-arrow-line {
  position: absolute;
  top: 0;
  left: 0;
}
.al-arrow .al-arrow-front {
  display: block;
  z-index: 1;
  /* border */
  border-width: 11px;
  border-style: dashed;
  border-color: transparent;
  border-bottom-color: white;
  border-bottom-style: solid;
}
.al-arrow .al-arrow-line {
  display: block;
  /* border */
  top: -2px;
  left: -1px;
  border-width: 12px;
  border-style: dashed;
  border-color: transparent;
  border-bottom-color: #86898b;
  border-bottom-style: solid;
}

/*
change line color:
	.XXXX .al-arrow .al-arrow-line{border-bottom-color:$grey;}
change background color:
	.XXXX .al-arrow .al-arrow-front{border-bottom-color:$red;}
change position:
	.XXXX .al-arrow{left:auto; right:22px}
*/
/*=======================================================
			charting legend swatch
  =======================================================*/
.al-swatch {
  display: inline-block;
  width: 11px;
  height: 11px;
  margin-right: 5px;
  border-width: 1px;
  border-style: solid;
  /*border-color: rgba(0,0,0,.2);*/
  border-color: transparent;
}

/*=======================================================
	image/icon + text combination
  =======================================================*/
/* large, medium and small image/icon with text combination */
.al-heading-check-icon { /* rule for checkmark img + <h3>(font-size:24px) */
  background: url("../images/al-images/icon_check_large.png") no-repeat left center;
  padding: 0 0 0 31px;
}

.al-text-remove-icon { /* rule for remove img + (font-size:14px) */
  background: url("../images/al-images/al-icon-remove.png") no-repeat left center;
  padding: 0 0 0 21px;
}

/*=========================================================
	Linked content group

	Example Markup:
	<a href="#" class="al-linked-content-group-box al-w100">
    	<h2>Content</h2>
        <p>This is a sample content.</p>
    </a>
===========================================================*/
.al-linked-content-group-box {
  border: 1px solid transparent;
}

.no-touch .al-linked-content-group-box:hover {
  background-color: #DAECFF; /* brandable*/
  border: 1px solid #ACD3FF; /*brandable*/
  cursor: pointer;
}

/*=======================================================
			Common Helper Classes
 =======================================================*/
#content {
  z-index: 1;
  position: relative;
  min-height: 400px;
}

/* Apply wrapper to large outer content blocks this allows for control and flow breaks at 960px */
.al-page-wrapper {
  width: auto;
  margin: 0px 0px;
  padding: 0px 22px;
}
.ie .al-page-wrapper {
  position: relative; /* fix ie7 z-index stacking bug  */
  z-index: 1; /* fix ie7 z-index stacking bug */
}
.al-view-960 .al-page-wrapper {
  /*width: 100%; creating issue in IE7*/
  max-width: 1280px;
  margin: 0px auto;
}
.ie.al-view-lt960 .al-page-wrapper {
  z-index: auto;
}

.ie .portlet-layout {
  position: relative;
  z-index: 10;
} /* fix ie7 z-index stacking bug */
/*Added min-width for non responsive browsers*/
.al-responsive-off { /* PFO-1940 - PBPI-2136 - display without horizontal scroll bars down to 960 pixels wide */
  /* UID-75 - PBPI-2136 - display without horizontal scroll bars down to 960 pixels wide */
}
.al-responsive-off #banner, .al-responsive-off #footer {
  min-width: 959px;
}
.al-responsive-off #content {
  min-width: 915px;
}

.clear {
  clear: both;
}

/* display none classes */
.al-video-hideelement {
  display: none;
}

@media print {
  .al-tile span.al-tile-hideValue-print {
    display: block;
  }
  .al-tile input.al-tile-hideValue {
    display: none;
  }
}
.al-tile .al-tile-show {
  display: block;
}

.al-tile .al-tile-hide, .hidden {
  display: none;
}

.al-nobold {
  font-weight: normal;
}

.al-bypass-block {
  position: absolute;
  left: -1000px;
  top: -1000px;
  padding: 11px 22px;
  box-shadow: 0px 1px 2px #000000;
  background-color: #1E71CF;
  border-color: #095AB5 #095AB5 #003F85 #095AB5;
  color: #FFFFFF;
  z-index: 2010;
  font-size: 1.286em;
  line-height: 1.222em;
}

.al-bypass-block:visited {
  color: #FFFFFF;
}

.al-bypass-block.focus-bypass-block, .al-bypass-block:focus {
  top: 10px;
  left: 10px;
}

/*=======================================================
			AON input widths by character
=======================================================*/
.al-input-2-char.al-field-text input.al-field-input-text, input.al-input-2-char {
  max-width: 2.6em;
} /* 2 char */
.al-input-3-char.al-field-text input.al-field-input-text, input.al-input-3-char {
  max-width: 3.6em;
} /* 3 char */
.al-input-4-char.al-field-text input.al-field-input-text, input.al-input-4-char {
  max-width: 4.6em;
} /* 4 char  */
.al-input-10-char.al-field-text input.al-field-input-text, input.al-input-10-char {
  max-width: 10.9em;
} /* 10 char  */
.al-input-12-char.al-field-text input.al-field-input-text, input.al-input-12-char {
  max-width: 13.1em;
} /* 12 char */
.al-input-14-char.al-field-text input.al-field-input-text, input.al-input-14-char {
  max-width: 15.2em;
} /* 14 char  */
.al-input-20-char.al-field-text input.al-field-input-text, input.al-input-20-char {
  max-width: 21.6em;
} /* 20 char  */
.al-input-40-char.al-field-text input.al-field-input-text, input.al-input-40-char {
  max-width: 42.8em;
} /* 40 char */
.al-input-60-char.al-field-text input.al-field-input-text, input.al-input-60-char {
  max-width: 64em;
} /* 20 char */
input.al-input-2-char,
input.al-input-3-char,
input.al-input-4-char,
input.al-input-10-char,
input.al-input-12-char,
input.al-input-14-char,
input.al-input-20-char,
input.al-input-40-char,
input.al-input-60-char {
  width: 100%;
}

/* ---  Make The char widths responsive  --- */
.al-view-720 .al-input-720-w100.al-field-text input.al-field-input-text, .al-view-720 input.al-input-720-w100,
.al-view-lt720 .al-input-720-w100.al-field-text input.al-field-input-text, .al-view-lt720 input.al-input-720-w100,
.al-view-480 .al-input-480-w100.al-field-text input.al-field-input-text, .al-view-480 input.al-input-480-w100,
.al-view-lt480 .al-input-480-w100.al-field-text input.al-field-input-text, .al-view-lt480 input.al-input-480-w100,
.al-view-320 .al-input-320-w100.al-field-text input.al-field-input-text, .al-view-320 input.al-input-320-w100,
.al-view-lt320 .al-input-320-w100.al-field-text input.al-field-input-text, .al-view-lt320 input.al-input-320-w100 {
  width: 100%;
}

/*=======================================================
			AON Spacing of elements
=======================================================*/
/*  ------------ Spacing updates from the styleguide - Category A  ------------  */
/* Between XXL Heading & L Subheading */
h2 + h4 {
  margin-top: 22px;
}

/* Between XL Heading and Text Block */
h3 + p { /* normal */ }

/* Between L Subheading & Text Block */
h4 + p { /* normal */ }

/* Between 2 Buttons  */
.p-button + .p-button, button + button {
  margin-left: 7px; /* browsers are putting 4px of spacing because of line feed on forms */
}

/* Between 2 Tiles (vertically)  */
/*.al-tile-baseContainer class seems to already have a bottom margin of 11px, per the style guide  << m sloggett

/* Between Content Container Inner Content */
/*.al-container-content class seems to already have a padding of 22px, per the style guide  << m sloggett

/* Between 2 Input Fields (horizontal)
input + input,
.al-field + .al-field, commenting this line to fix the left spacing appearign after applying cat B  implementation as suggested  by Matt Sloggett*/
.al-field-inline + .al-field-inline,
.al-field-inline + .al-field,
.al-field + .al-field-inline {
  margin-left: 7px; /* browsers are putting 4px of spacing because of line feed on forms */
}

/*  ---- NOTE MAY NEED!  -----
 .al-field-inline + .al-field-inline
    instead of
 .al-field + .al-field (this could have visual gaps)
 we fixed a similar issue in buttons + inputs below..
    ---- END NOTE  ----- */
/* Between Input Field & Button (horizontal)
input + button,
button + input, */
.p-button + input,
input + .p-button,
.al-field-inline + .p-button,
.p-button + .al-field-inline {
  margin-left: 7px; /* browsers are putting 4px of spacing because of line feed on forms */
}

/* Between Table & Button (vertical) */
table + .p-button, table + input, table + button {
  margin-top: 11px; /*al-table has a bottom margin of 11px */
  display: inline-block; /* Make it inline-block - space not apply between table and button - Visually match with style-guide */
}

.al-table tfoot .p-button {
  margin-top: 11px; /*al-table has a bottom margin of 11px */
  display: inline-block;
}

/*  ------------  END Category A ------------  */
/*  ------------ Spacing updates from the styleguide - Category b  ------------ */
/* Between Tile Border Inner Content */
/* .al-tile .typo-area  class seems to already have a padding of 22px, per the style guide  << m sloggett
/* Between Input Field & Next Input Label (vertical) */
/* Between 2 Columns of Text (horizontal) */
.al-content-space-h {
  border-left: solid transparent 33px;
}

/* Between 2 Content Groups (vertical) */
.al-content-space-v {
  margin-top: 22px;
}

/* Between 2 Columns of Text (horizontal)
Between 2 Content Groups (vertical)
Responsive  h2v,  horizontal to vertical */
.al-view-720 .al-content-space-720-h2v,
.al-view-lt720 .al-content-space-720-h2v,
.al-view-480 .al-content-space-480-h2v,
.al-view-lt480 .al-content-space-480-h2v,
.al-view-320 .al-content-space-320-h2v,
.al-view-lt320 .al-content-space-320-h2v {
  border-left: 0px;
  margin-top: 22px;
}

.al-view-720 .al-gutter-col.al-content-space-720-h2v,
.al-view-lt720 .al-gutter-col.al-content-space-720-h2v,
.al-view-480 .al-gutter-col.al-content-space-480-h2v,
.al-view-lt480 .al-gutter-col.al-content-space-480-h2v,
.al-view-320 .al-gutter-col.al-content-space-320-h2v,
.al-view-lt320 .al-gutter-col.al-content-space-320-h2v {
  border-left: solid 11px transparent;
  margin-top: 22px;
}

/* Between Input Field & Next Input Label (horizontal) */
.al-field-space-h {
  margin-left: 11px;
}

/* Between Input Field & Next Input Label (vertical) */
.al-field-space-v {
  display: block;
  margin-top: 11px;
}

/* Between Input Field & Next Input Label (horizontal)
Between Input Field & Next Input Label (vertical)
Responsive  h2v,  horizontal to vertical */
.al-view-720 .al-field-space-720-h2v,
.al-view-lt720 .al-field-space-720-h2v,
.al-view-480 .al-field-space-480-h2v,
.al-view-lt480 .al-field-space-480-h2v,
.al-view-320 .al-field-space-320-h2v,
.al-view-lt320 .al-field-space-320-h2v {
  margin-left: 0px;
  margin-top: 11px;
  display: block;
}

/*put labels on top */
.al-view-720 .al-field-space-720-h2v .al-field-label,
.al-view-lt720 .al-field-space-720-h2v .al-field-label,
.al-view-480 .al-field-space-480-h2v .al-field-label,
.al-view-lt480 .al-field-space-480-h2v .al-field-label,
.al-view-320 .al-field-space-320-h2v .al-field-label,
.al-view-lt320 .al-field-space-320-h2v .al-field-label {
  display: block;
}

/* responsive design for 22px margin top */
.al-view-720 .al-content-space-720-h2v,
.al-view-lt720 .al-content-space-720-h2v,
.al-view-480 .al-content-space-480-h2v,
.al-view-lt480 .al-content-space-480-h2v,
.al-view-320 .al-content-space-320-h2v,
.al-view-lt320 .al-content-space-320-h2v {
  border-left: 11px;
  margin-top: 22px;
}

/*  ------------ END Category B  ------------ */
/* Content box Spacing */
.al-container-box + *, .al-container + *, .al-placeholder-content + * {
  margin: 11px 0 0 0;
}

/*  ------------ class for text not to wrap ------------ */
.al-nowrap {
  white-space: nowrap;
}

/*  ------------ class for text not to wrap end ------------ */
/*=======================================================
fix for ustomizable-layout-column-content bg colors just overwritting overlaymask-content bg color
 =======================================================*/
.customizable .customizable-layout-column-content.al-overlaymask-content {
  background-color: #9CC97B;
}

.customizable-layout-column-content.al-overlaymask-content {
  background-color: #C92C3C;
}

.al-noWrap {
  white-space: nowrap;
}

/*=======================================================
PBPI-4635 : Fix for Date-Picker's calendar icon allignment
 =======================================================*/
label.al-form-validator-stack-error + span.al-datepicker-button-wrapper {
  position: absolute;
  top: 0px;
  left: 156px;
}

/*=======================================================
NN55427 : Your Organization (Manager Flyout) changes
=======================================================*/
#content.al-flyoutVZ {
  z-index: 2;
}

/* CSS Document */
/* from ece */
.plus, .minus {
  background-image: url("../images/al-images/icon_expand_collapse.png");
  background-position: 0 0;
  background-repeat: no-repeat;
  height: 16px;
  width: 16px;
  display: block;
  cursor: pointer;
}

.minus {
  background-position: 0 -16px;
}

/*=======================================================
				Icon sprites and sprite map
=======================================================*/
/* small icon sprite work */
/* These are 16 * 16 ===== the first number id the Col second is row */
/* added ones need to start with al-icon for button-item tag lib */
.al-icon-star-plus {
  background-position: -160px -144px;
}

.al-icon-star-minus {
  background-position: -176px -144px;
}

.al-icon-carat-arrow-1-r {
  background-position: -176px 0px;
}

.al-icon-carat-arrow-1-l {
  background-position: -160px 0px;
}

.al-icon-attachment {
  background-position: -240px -144px;
}

.al-icon-message {
  background-position: -112px -176px;
}

.al-icon-reorder {
  background-position: -128px -80px;
}

.al-icon-open-check-page {
  background-position: -128px -176px;
}

/*
.al-icon-chart{
	background-position: -128px -176px;
}
*/
/* large icon sprite work */
/* These are 33 * 33 ===== the first number id the Col second is row */
/* matching the al-responsive parent class with the icon name from the small icon sprite can make the icon enlarge when in smaller view. */
.al-view-lt480 .al-toolbar.al-icon-responsive .al-icon,
.al-large-icon {
  background: url("../images/brand/large_icon_sprite.png") no-repeat 0 0; /* large icon sprite map */
  display: block;
  height: 33px;
  overflow: hidden;
  text-indent: -99999em;
  width: 33px;
}

.al-view-lt480 .al-icon-responsive .al-icon-star-plus,
.al-large-icon.al-icon-star-plus {
  background-position: 0px 0px;
}

.al-view-lt480 .al-icon-responsive .al-icon-star-minus,
.al-large-icon.al-icon-star-minus {
  background-position: -33px 0px;
}

.al-view-lt480 .al-icon-responsive .al-icon-print,
.al-large-icon.al-icon-print {
  background-position: -66px 0px;
}

.al-view-lt480 .al-icon-responsive .al-icon-search,
.al-large-icon.al-icon-search {
  background-position: 0px -33px;
}

.al-large-icon-menu {
  background-position: -33px -33px;
}

.al-view-lt480 .al-icon-responsive .al-icon-home,
.al-large-icon.al-icon-home {
  background-position: -66px -33px;
}

.al-view-lt480 .al-icon-responsive .al-icon-mail-closed,
.al-large-icon.al-icon-mail-closed {
  background-position: -99px -33px;
}

.al-view-lt480 .al-icon-responsive .al-icon-open-check-page,
.al-large-icon.al-icon-open-check-page {
  background-position: 0px -66px;
}

/*=======================================================
				White Icon sprite map
=======================================================*/
.al-button-positive .al-icon,
.al-button-negative .al-icon,
.al-button-neutral-selected .al-icon {
  background-image: url("../images/al/icon_sprite_white.png"); /*white icon sprite map */
}

.al-button-positive .al-large-icon,
.al-button-negative .al-large-icon,
.al-button-neutral-selected .al-large-icon {
  background-image: url("../images/brand/large_icon_sprite_white.png"); /* large icon sprite map for white */
}

/* New Icons
====================================*/
@font-face {
  font-family: "alicons";
  src: url("../fonts/alicons.ttf") format("truetype"), url("../fonts/alicons.woff") format("woff"), url("../fonts/alicons.svg#alicons") format("svg");
  font-weight: normal;
  font-style: normal;
}
[class^=al-icon-], [class*=" al-icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "alicons" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  vertical-align: middle;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.al-icon-pencil:before {
  content: "\e91c";
}

.al-icon-image:before {
  content: "\e91d";
}

.al-icon-images:before {
  content: "\e91e";
}

.al-icon-file:before {
  content: "\e926";
}

.al-icon-folder-open:before {
  content: "\e930";
}

.al-icon-folder-plus:before {
  content: "\e931";
}

.al-icon-folder-minus:before {
  content: "\e932";
}

.al-icon-location:before {
  content: "\e948";
}

.al-icon-alarm:before {
  content: "\e950";
}

.al-icon-bell:before {
  content: "\e951";
}

.al-icon-calendar2:before {
  content: "\e953";
}

.al-icon-desktop:before {
  content: "\e956";
}

.al-icon-laptop:before {
  content: "\e957";
}

.al-icon-mobile:before {
  content: "\e958";
}

.al-icon-tablet:before {
  content: "\e95a";
}

.al-icon-undo:before {
  content: "\e967";
}

.al-icon-redo:before {
  content: "\e968";
}

.al-icon-spinner:before {
  content: "\e97a";
}

.al-icon-spinner1:before {
  content: "\e97b";
}

.al-icon-spinner2:before {
  content: "\e97c";
}

.al-icon-spinner3:before {
  content: "\e97f";
}

.al-icon-enlarge:before {
  content: "\e98b";
}

.al-icon-shrink:before {
  content: "\e98c";
}

.al-icon-cog:before {
  content: "\e994";
}

.al-icon-pie-chart:before {
  content: "\e99a";
}

.al-icon-stats-bars:before {
  content: "\e99c";
}

.al-icon-meter:before {
  content: "\e9a6";
}

.al-icon-trash2:before {
  content: "\e9ac";
}

.al-icon-clipboard:before {
  content: "\e9b8";
}

.al-icon-link:before {
  content: "\e9cb";
}

.al-icon-bookmark:before {
  content: "\e9d2";
}

.al-icon-previous:before {
  content: "\ea23";
}

.al-icon-next:before {
  content: "\ea24";
}

.al-icon-loop:before {
  content: "\ea2e";
}

.al-icon-sort-alpha-asc:before {
  content: "\ea48";
}

.al-icon-sort-alpha-desc:before {
  content: "\ea49";
}

.al-icon-sort-numeric-asc:before {
  content: "\ea4a";
}

.al-icon-sort-numberic-desc:before {
  content: "\ea4b";
}

.al-icon-sort-amount-asc:before {
  content: "\ea4c";
}

.al-icon-sort-amount-desc:before {
  content: "\ea4d";
}

.al-icon-filter:before {
  content: "\ea5b";
}

.al-icon-code:before {
  content: "\ea7f";
}

.al-icon-code2:before {
  content: "\ea80";
}

.al-icon-terminal:before {
  content: "\ea81";
}

.al-icon-arrow-down-right:before {
  content: "\e90f";
}

.al-icon-down-right:before {
  content: "\e90f";
}

.al-icon-arrow-bottom-right:before {
  content: "\e90f";
}

.al-icon-information-circled-2:before {
  content: "\e904";
}

.al-icon-alert:before {
  content: "\e900";
}

.al-icon-close:before {
  content: "✖";
}

.al-icon-done:before {
  content: "✔";
}

.al-icon-search:before {
  content: "\e910";
}

.al-icon-star:before {
  content: "\e901";
}

.al-icon-star-outline:before {
  content: "\e902";
}

.al-icon-arrow-down:before {
  content: "\e903";
}

.al-icon-arrow-up:before {
  content: "🌒";
}

.al-icon-chevron-down:before {
  content: "\e90b";
}

.al-icon-chevron-up:before {
  content: "\e90c";
}

.al-icon-close-circled:before {
  content: "\e916";
}

.al-icon-email2:before {
  content: "\e917";
}

.al-icon-help-circled:before {
  content: "\e905";
}

.al-icon-information-circled:before {
  content: "\e906";
}

.al-icon-arrow-back:before {
  content: "\e907";
}

.al-icon-arrow-forward:before {
  content: "\e908";
}

.al-icon-calendar:before {
  content: "\e911";
}

.al-icon-email:before {
  content: "\e909";
}

.al-icon-home:before {
  content: "\e918";
}

.al-icon-pause:before {
  content: "\e912";
}

.al-icon-play:before {
  content: "\e90a";
}

.al-icon-trash:before {
  content: "\e90d";
}

.al-icon-minus:before {
  content: "\e913";
}

.al-icon-navicon-round:before {
  content: "\e90e";
}

.al-icon-pie-graph:before {
  content: "\e919";
}

.al-icon-plus:before {
  content: "\e914";
}

.al-icon-bar-graph:before {
  content: "\e91a";
}

.al-icon-printer:before {
  content: "\e915";
}

.al-icon-settings:before {
  content: "\e91b";
}

/* Favorite Icons */
.al-icon-remove-favorites:before {
  content: "\e901";
}

.al-icon-remove-favorites:after {
  content: "-";
  font-size: 0.75em;
  top: 13%;
  position: absolute;
  left: 72%;
}

.al-icon-add-favorites:before {
  content: "\e902";
}

.al-icon-add-favorites:after {
  content: "+";
  font-size: 0.5em;
  top: 39%;
  position: absolute;
  left: 74%;
  font-weight: bold;
}

/* = Components
====================================*/
/* http://compass-style.org/reference/compass/css3/*/
/* =======================================
	TABLE OF CONTENTS
	1.Color Variables
		a. grays
		b. blues
		c. greens
		d. yellows
		e. reds
	2. Mixins
		a. fonts
		b.

   ======================================= */
/*=======================================================
			Colors
  =======================================================*/
/* Added Black and White, its a little redundent but easier to remember.
/* Grays */
/* MAIN default body text new to styleguide 10/17*/
/* Accent 1 (Blue) */
/*darkest */
/* lightest */
/* Accent 2 (Green) */
/* Accent 3 (Yellow) */
/* Accent 4 (Red) */
/*=======================================================
				Mixins
  =======================================================*/
/* ************ Fonts ************
	******************************* */
/* ************ 720 viewport ************
	******************************* */
/* ************ 480 viewport ************
	******************************* */
/* =======================================
	TABLE OF CONTENTS
	1. Dialog/Lightbox
======================================= */
/* 1. Dialog/Lightbox ========================= */
.p-dialog {
  /* position: absolute; */
  padding: 22px 0;
  background: #fff;
  box-shadow: 0 0 25px rgba(0, 0, 0, 0.25);
  width: 50%;
  min-height: 80px;
  border: 0;
  border-radius: 0;
  /* margin: auto;
  transform: translate(-50%, -50%);
  overflow-y:auto;
  left: 50% !important;
     top: 50% !important; */
  text-align: left;
}
.ui-rtl .p-dialog {
  text-align: right;
}
.ui-rtl .p-dialog.al-footnotes .al-dialog-content p sup {
  margin-left: 4px;
  margin-right: 0;
}
.p-dialog .p-dialog-content {
  padding: 0 22px 0;
}
.p-dialog .p-dialog-content iframe {
  border: none;
  width: 100%;
  height: 100%;
  min-height: 200px;
  max-height: calc(100vh - 12em);
}
.p-dialog .p-dialog-header {
  background: none;
  border-radius: 0;
  border-bottom: 1px dotted #C5C6C7;
  padding: 0;
  margin: -10px 22px 22px;
  height: 27px;
  display: block;
}
.p-dialog .al-dialog-title {
  font-size: 16px;
  font-weight: bold;
  padding: 0;
  line-height: normal;
}
.p-dialog .p-dialog-footer {
  padding: 33px 22px 11px 22px;
  border: 0;
  text-align: left;
}
.ui-rtl .p-dialog .p-dialog-footer {
  text-align: right;
}
.p-dialog .al-dialog-header-links {
  float: right;
  font-size: 12px;
  margin-top: 3px;
}
.ui-rtl .p-dialog .al-dialog-header-links {
  float: left;
  margin-top: 0;
}
.p-dialog .al-dialog-header-links a {
  margin: 0 8px;
}
.p-dialog .al-dialog-header-links a:last-child {
  margin: 0;
}
.p-dialog .ui-dialog-titlebar-icon {
  padding: 0;
}
.p-dialog .ui-dialog-titlebar-icon span {
  padding: 7px;
  font-size: 14px;
  background: url("../images/base/icon_x.png") no-repeat center center;
  width: 13px;
  height: 11px;
}
.p-dialog .ui-dialog-titlebar-icon span:before {
  display: none;
}
.p-dialog .ui-dialog-close-icon {
  background: url("../images/base/icon_x.png") no-repeat center center;
  width: 14px;
  height: 13px;
  display: inline-block;
  vertical-align: text-top;
}
.al-view-480 .p-dialog {
  min-width: 68.75% !important;
}
.al-view-lt480 .p-dialog {
  min-width: 93.75% !important;
}
.p-dialog.al-footnotes .al-dialog-content p {
  display: flex;
}
.p-dialog.al-footnotes .al-dialog-content p sup {
  top: 0.5em;
  margin-right: 4px;
}
.al-font-change .p-dialog.al-footnotes .al-dialog-content p sup {
  top: -0.5em;
}

.al-dialog .ui-dialog-title {
  float: left;
  width: calc(100% - 0px);
}
.ui-rtl .al-dialog .ui-dialog-title {
  float: right;
}

.loading-indicator-container {
  display: none;
  text-align: center;
  position: relative;
  min-height: 60px;
}

.loading-indicator {
  position: absolute;
  transform: translate(-50%, -50%);
  top: 50%;
  left: 50%;
  min-height: 32px;
  min-width: 32px;
  display: block;
  min-height: 60px;
  background: url("../images/progress_bar/loading_animation.gif") no-repeat center 3px;
}

.loading-indicator-fieldLevel {
  background: url("../images/base/loading_indicator.gif") no-repeat top left;
  display: inline;
  padding-left: 19px;
}

.onbody {
  position: fixed;
  background: rgba(239, 239, 239, 0.5);
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 3000;
}

/* http://compass-style.org/reference/compass/css3/*/
/* =======================================
	TABLE OF CONTENTS
	1.Color Variables
		a. grays
		b. blues
		c. greens
		d. yellows
		e. reds
	2. Mixins
		a. fonts
		b.

   ======================================= */
/*=======================================================
			Colors
  =======================================================*/
/* Added Black and White, its a little redundent but easier to remember.
/* Grays */
/* MAIN default body text new to styleguide 10/17*/
/* Accent 1 (Blue) */
/*darkest */
/* lightest */
/* Accent 2 (Green) */
/* Accent 3 (Yellow) */
/* Accent 4 (Red) */
/*=======================================================
				Mixins
  =======================================================*/
/* ************ Fonts ************
	******************************* */
/* ************ 720 viewport ************
	******************************* */
/* ************ 480 viewport ************
	******************************* */
.al-treeview {
  /*---sub--node--*/
  /* icons need to tbe brandable */
  /* over ride tree view generated class */
}
.al-treeview ul, .al-treeview li {
  clear: both;
  padding: 0;
  margin: 0;
}
.al-treeview ul:hover, .al-treeview li:hover {
  color: #3488E8;
  text-decoration: none;
}
.al-treeview .expandDiv,
.al-treeview .pipeSeparator,
.al-treeview .collapseDiv {
  float: left;
  margin-bottom: 11px;
  color: #999;
  font-size: 0.79em;
}
.al-treeview .expandDiv a,
.al-treeview .pipeSeparator a,
.al-treeview .collapseDiv a {
  color: #3488E8;
  text-decoration: none;
}
.al-treeview .expandDiv a:hover,
.al-treeview .pipeSeparator a:hover,
.al-treeview .collapseDiv a:hover {
  color: #3488E8;
  text-decoration: none;
}
.al-treeview .al-tree-legendwraper {
  margin-bottom: 11px;
  /* add spacing and add tree legend class*/
  float: right;
  /* align to right*/
}
.al-treeview .al-tree-legendwraper .al-tree-legend img {
  margin-right: 11px;
}
.al-treeview .al-tree-legend img {
  margin-right: 5px;
}
.al-treeview .al-helper-clearfix.al-tree-node-leaf {
  padding-left: 11px;
}
.al-treeview ul .parent-node {
  margin-bottom: 11px;
  overflow: hidden;
}
.al-treeview .al-helper-clearfix {
  background-color: #f4f4f4;
  border-color: #C5C6C7;
  border-style: solid;
  border-width: 1px 0;
  padding: 11px 11px 11px 0px;
}
.al-treeview .sub-node {
  margin: 0;
  /* Margin left for leaf node(last node)*/
}
.al-treeview .sub-node ul, .al-treeview .sub-node li {
  margin: 0;
}
.al-treeview .sub-node li {
  padding: 0 0 0 0;
  margin: 0 0 0 22px;
  overflow: hidden;
}
.al-treeview .sub-node .al-helper-clearfix {
  background-color: transparent;
  border-bottom-style: dotted;
  border-width: 0 0 1px 0;
  margin: 0;
}
.al-treeview .sub-node .al-helper-clearfix .al-tree-label {
  font-weight: normal;
}
.al-treeview .sub-node .al-tree-node-leaf {
  margin-left: 22px;
}
.al-treeview .sub-node .sub-node li.al-highlight .al-helper-clearfix {
  background-color: transparent;
  margin: 0;
}
.al-treeview .sub-node .sub-node li.al-highlight .al-helper-clearfix .al-tree-label {
  font-weight: normal;
}
.al-treeview .al-tree-node-content .al-tree-hitarea {
  cursor: pointer;
  height: 16px;
  width: 16px;
  margin: 0 11px;
  /* provide spacing to expand collapse button */
}
.al-treeview .al-tree-label {
  cursor: default;
  color: #3488E8;
  font-weight: bold;
  font-size: 1.143em;
  line-height: 1.375em;
  padding-bottom: 0.313em;
  /* add font size */
  padding-bottom: 0;
}
.al-treeview .al-tree-collapsed .al-tree-hitarea {
  background-image: url("../images/al-images/icon_expand_collapse.png");
  background-repeat: no-repeat;
}
.al-treeview .al-tree-expanded .al-tree-hitarea {
  background-image: url("../images/al-images/icon_expand_collapse.png");
  background-position: 0px -16px;
  background-repeat: no-repeat;
}
.al-treeview .al-tree-collapsed.al-tree-node-over .al-tree-hitarea {
  background-position: 0px 0px;
}
.al-treeview .al-tree-expanded.al-tree-node-over .al-tree-hitarea {
  background-position: 0px -16px;
}
.al-treeview .al-tree-hitarea, .al-treeview .al-treeview .al-tree-label, .al-treeview .al-tree-icon {
  float: left;
}
.al-treeview .al-tree-node-selected .al-tree-label {
  background: none repeat scroll 0 0 transparent;
}
.al-treeview .al-tree-drag-insert-append .al-tree-label {
  background: none repeat scroll 0 0 #EEEEEE;
  border: 1px dotted #C5C6C7;
}
.al-treeview .al-tree-node-leaf {
  margin-left: 22px;
}
.al-treeview .al-tree-hidden {
  display: none;
}
.al-treeview .al-tree-view {
  overflow: auto;
}
.al-treeview .al-tree-view-content {
  margin: 0;
}
.al-treeview .al-tree-icon {
  display: none;
  height: 0;
  font-size: 0;
  line-height: 0;
}

/*---al-tree-view-end--*/
/* Development Pending */
/* http://compass-style.org/reference/compass/css3/*/
/* =======================================
	TABLE OF CONTENTS
	1.Color Variables
		a. grays
		b. blues
		c. greens
		d. yellows
		e. reds
	2. Mixins
		a. fonts
		b.

   ======================================= */
/*=======================================================
			Colors
  =======================================================*/
/* Added Black and White, its a little redundent but easier to remember.
/* Grays */
/* MAIN default body text new to styleguide 10/17*/
/* Accent 1 (Blue) */
/*darkest */
/* lightest */
/* Accent 2 (Green) */
/* Accent 3 (Yellow) */
/* Accent 4 (Red) */
/*=======================================================
				Mixins
  =======================================================*/
/* ************ Fonts ************
	******************************* */
/* ************ 720 viewport ************
	******************************* */
/* ************ 480 viewport ************
	******************************* */
.al-progressbar {
  width: 100%;
  margin: 22px 0 43px;
  /*.ui-state-highlight + .ui-steps-item span.ui-steps-number {
  	font-weight: bold;
  	background-color: #8FB328;
  	color: #FFFFFF;
  	border-color: #607F07;
  }*/
}
.al-progressbar ul {
  display: flex;
}
.al-progressbar ul li.ui-steps-item {
  float: none;
  flex: 1;
  position: relative;
}
.al-progressbar ul li.ui-steps-item:after {
  content: "";
  height: 7px;
  position: absolute;
  width: 100%;
  top: 10px;
  left: 2px;
}
.al-progressbar ul li.ui-steps-item .ui-menuitem-link {
  padding: 30px 0 0;
  text-align: left;
  width: 100%;
}
.ui-rtl .al-progressbar ul li.ui-steps-item .ui-menuitem-link {
  text-align: right;
}
.al-progressbar ul li.ui-steps-item span.ui-steps-number {
  border-radius: 22px;
  display: block;
  font-size: 14px;
  height: 27px;
  padding-top: 4px;
  position: absolute;
  text-align: center;
  width: 27px;
  z-index: 10;
  float: left;
  top: -1px;
  left: -2px;
  overflow: hidden;
  border-width: 1px;
  border-style: solid;
}
.al-view-lt720 .al-progressbar ul li.ui-steps-item span.ui-steps-number {
  display: none;
}
.ui-rtl .al-progressbar ul li.ui-steps-item span.ui-steps-number {
  right: -2px;
}
.al-progressbar ul li.ui-steps-item span.ui-steps-title {
  font-size: 14px;
}
.al-view-lt720 .al-progressbar ul li.ui-steps-item span.ui-steps-title {
  display: none;
}
.al-progressbar ul li.ui-steps-item.ui-state-highlight {
  font-weight: bold;
}
.al-view-lt720 .al-progressbar ul li.ui-steps-item.ui-state-highlight span.ui-steps-number {
  display: block;
}
.al-progressbar ul li.ui-steps-item.ui-state-completed .ui-steps-number {
  background-image: url("../images/base/check.png");
  background-position: center center;
  background-repeat: no-repeat;
  text-indent: -200000px;
}
.al-progressbar ul li.ui-steps-item:last-child {
  flex: none;
  width: 22px;
}
.al-view-lt720 .al-progressbar ul li.ui-steps-item:last-child span.ui-steps-number {
  display: block;
}
.al-progressbar ul li.ui-steps-item:last-child .ui-steps-title {
  margin-left: calc(-100% - 15px);
}
.ui-rtl .al-progressbar ul li.ui-steps-item:last-child .ui-steps-title {
  margin-left: 0;
  margin-right: calc(-100% - 25px);
}

/*
.ui-steps.steps-custom {

		.ui-steps-item {
			width: calc(100% / 5);
			position: relative;

			.ui-menuitem-link {
				padding: 0;
				cursor: pointer;
			}

			.ui-steps-number {
				background-color: #8FB328;
				color: #FFFFFF;
				display: inline-block;
				width: 27px;
				height: 27px;
				line-height: 27px;
				border-radius: 50%;
				margin-bottom: 10px;
				text-align: center;
				font-size: 14px;
			}

			.ui-steps-title {
				color: #555555;
			}

			&:not(:last-child):after {
				content: '';
				width: 101%;
				height: 8px;
				background: #8FB328;
				background-image: linear-gradient(#4B6601, #8FB328);
				position: absolute;
				left: 50%;
				top: 15px;
				z-index: -1;
			}

			&.ui-state-disabled {
				opacity: 1;

				.ui-steps-number {
					background-color: #E6E6E6;
					color: #737678;
				}

				&:after {
					background-color: #E6E6E6;
					background-image: linear-gradient(#C5C6C7, #E6E6E6);
				}
			}

		}

		.ui-state-highlight {
			border-color: transparent;
			background: transparent;
			color: #FFFFFF;
		}

		.ui-state-default {
			border-width:0;
			background-color: transparent;
		}

	}
	*/
/* http://compass-style.org/reference/compass/css3/*/
/* =======================================
	TABLE OF CONTENTS
	1.Color Variables
		a. grays
		b. blues
		c. greens
		d. yellows
		e. reds
	2. Mixins
		a. fonts
		b.

   ======================================= */
/*=======================================================
			Colors
  =======================================================*/
/* Added Black and White, its a little redundent but easier to remember.
/* Grays */
/* MAIN default body text new to styleguide 10/17*/
/* Accent 1 (Blue) */
/*darkest */
/* lightest */
/* Accent 2 (Green) */
/* Accent 3 (Yellow) */
/* Accent 4 (Red) */
/*=======================================================
				Mixins
  =======================================================*/
/* ************ Fonts ************
	******************************* */
/* ************ 720 viewport ************
	******************************* */
/* ************ 480 viewport ************
	******************************* */
.al-header-portlet .al-second-window-title {
  border-bottom: 1px dotted #C5C6C7;
  margin: 0 23px 33px 23px;
  height: 44px; /* fixing gap between company logo and bottom border */
}
.al-view-lt480 .al-header-portlet .al-second-window-title {
  height: 55px;
  padding-bottom: 11px;
}
.al-header-portlet .al-second-window-title .al-header-company-logo {
  margin-bottom: 0px;
}
.al-header-portlet .al-second-window-title .al-header-company-logo img {
  height: 44px;
}
.al-header-portlet .al-second-window-title a {
  font-size: 0.857em;
}
.al-header-portlet .al-second-window-title .al-icon-close {
  display: block;
  background: url("../images/base/icon_x.png") no-repeat 0 2px;
  width: 13px;
  height: 13px;
}
.al-header-portlet .al-second-window-title #al-aux-nav {
  top: 20px; /* aligning the aux nav with the company logo to vertical bottom */
  right: 23px; /* aligning the close icon with the bottom border to right side */
}
.al-view-320 .al-header-portlet .al-second-window-title #al-aux-nav {
  top: 33px;
}
.al-header-portlet .al-second-window-title #al-aux-nav li {
  margin-left: 11px; /* changing the spacing as per styleguide */
}
.al-header-portlet .al-second-window-title #al-aux-nav a:hover {
  text-decoration: underline; /* styling as per styleguide */
}

/* http://compass-style.org/reference/compass/css3/*/
/* =======================================
	TABLE OF CONTENTS
	1.Color Variables
		a. grays
		b. blues
		c. greens
		d. yellows
		e. reds
	2. Mixins
		a. fonts
		b.

   ======================================= */
/*=======================================================
			Colors
  =======================================================*/
/* Added Black and White, its a little redundent but easier to remember.
/* Grays */
/* MAIN default body text new to styleguide 10/17*/
/* Accent 1 (Blue) */
/*darkest */
/* lightest */
/* Accent 2 (Green) */
/* Accent 3 (Yellow) */
/* Accent 4 (Red) */
/*=======================================================
				Mixins
  =======================================================*/
/* ************ Fonts ************
	******************************* */
/* ************ 720 viewport ************
	******************************* */
/* ************ 480 viewport ************
	******************************* */
/*
 1. All variables
 2. Mixins
 3. Input and Textarea common
 4. Input type text
 5. Text Area
 6. Buttons
 7. Pagination
 8. Errors/Validation
 9. Wrapper for display custom label
*/
/*  1. All variables Starts */
/* All variables Ends */
/*  2. Mixins Starts */
/* Mixins Ends */
/*  3. Input and Textarea common Starts */
span.p-autocomplete .p-inputtext, input.p-inputtext, textarea.p-inputtext {
  border-radius: 6px;
  box-shadow: inset 0 2px 11px rgba(0, 0, 0, 0.2);
  /* 33 Brand brandBoxShadowOpt1 */
  padding: 2px;
  outline: none;
  line-height: 24px;
  height: 33px;
}
span.p-autocomplete .p-inputtext.al-input-text-small, input.p-inputtext.al-input-text-small, textarea.p-inputtext.al-input-text-small {
  height: 27px;
  line-height: 16px;
  font-size: 0.857em;
}
span.p-autocomplete .p-inputtext[disabled], input.p-inputtext[disabled], textarea.p-inputtext[disabled] {
  background: #efefef;
}

/* Input and Textarea common Endss */
/*  5. Textarea Starts */
textarea.p-inputtext {
  height: auto;
  resize: none;
}

/* Textarea Ends */
/* 6. Buttons Start */
.p-button:not(.al-button-large), .p-paginator-pages .p-paginator-element:not(.p-state-active):not(.al-button-large) {
  height: 27px;
  padding: 0px 11px;
  font-size: 0.857em;
  border-radius: 6px;
}
.p-button .p-button-label, .p-paginator-pages .p-paginator-element:not(.p-state-active) .p-button-label {
  padding: 0;
}
.p-button .p-button-icon-left + .p-button-label, .p-paginator-pages .p-paginator-element:not(.p-state-active) .p-button-icon-left + .p-button-label {
  padding-left: 0.6em;
}
.p-button .p-button-icon-right + .p-button-label, .p-paginator-pages .p-paginator-element:not(.p-state-active) .p-button-icon-right + .p-button-label {
  padding-right: 0.6em;
}
.p-button .ui-rtl .p-button-icon-left + .p-button-label, .p-paginator-pages .p-paginator-element:not(.p-state-active) .ui-rtl .p-button-icon-left + .p-button-label {
  padding-right: 0.6em !important;
}
.p-button [class*=p-button-icon], .p-paginator-pages .p-paginator-element:not(.p-state-active) [class*=p-button-icon] {
  font-size: 1.3em;
}
.p-button:not(.p-button-icon-only) .p-button-icon-left, .p-paginator-pages .p-paginator-element:not(.p-state-active):not(.p-button-icon-only) .p-button-icon-left {
  left: 0.3em;
}
.p-button:not(.p-button-icon-only) .p-button-icon-right, .p-paginator-pages .p-paginator-element:not(.p-state-active):not(.p-button-icon-only) .p-button-icon-right {
  right: 0.3em;
}
.ui-rtl .p-button:not(.p-button-icon-only) .p-button-icon-left, .ui-rtl .p-paginator-pages .p-paginator-element:not(.p-state-active):not(.p-button-icon-only) .p-button-icon-left {
  right: 0.3em !important;
}

.al-button-large, .al-button-group.al-button-group-large button {
  height: 44px;
  padding: 0px 11px;
  font-size: 1.286em;
  line-height: 1.222em;
  border-radius: 11px;
}

.al-button-group {
  overflow: hidden;
  display: flex;
}
.al-button-group .p-button.p-component {
  margin: 0;
  /* float: left; */
  border-radius: 0;
  border-left-width: 0;
}
.ui-rtl .al-button-group .p-button.p-component {
  float: right;
}
.al-button-group .p-button.p-component:first-child {
  border-radius: 6px 0 0 6px;
  border-left-width: 1px;
}
.ui-rtl .al-button-group .p-button.p-component:first-child {
  border-radius: 0 6px 6px 0;
  border-right-width: 1px;
  border-left-width: 0;
}
.al-button-group .p-button.p-component:last-child {
  border-radius: 0 6px 6px 0;
}
.ui-rtl .al-button-group .p-button.p-component:last-child {
  border-radius: 6px 0 0 6px;
  border-left-width: 1px;
}
.al-button-group.al-button-group-large .p-button:first-child {
  border-radius: 11px 0 0 11px;
  border-left-width: 1px;
}
.ui-rtl .al-button-group.al-button-group-large .p-button:first-child {
  border-radius: 0 11px 11px 0;
  border-right-width: 1px;
  border-left-width: 0;
}
.al-button-group.al-button-group-large .p-button:last-child {
  border-radius: 0 11px 11px 0;
}
.ui-rtl .al-button-group.al-button-group-large .p-button:last-child {
  border-radius: 11px 0 0 11px;
  border-left-width: 1px;
}
.ui-rtl .al-button-group button + button {
  margin-right: 0;
}

/* Buttons Ends */
/* 7. Pagination Starts */
.p-paginator a.p-paginator-element {
  line-height: 27px;
  margin: 0 3px;
}
.p-paginator a.p-paginator-element:hover {
  text-decoration: none;
}
.p-paginator a.p-paginator-element.p-state-active {
  font-weight: bold;
  cursor: default;
}
.p-paginator .fa, .p-paginator pi {
  color: #000;
}

/* Pagination Ends */
/* PFO-4090 & PFO-4243 */
.al-word-breaker {
  word-wrap: break-word;
}

.logOnPortlet .al-field-input-choice {
  float: none;
}

/* 8. Errors/Validation Starts */
.al-field-content {
  display: block;
}
.al-field-content input:invalid {
  background: transparent;
}
.al-field-content label {
  display: block;
  font-weight: bold;
}
.al-field-content .label-inline {
  display: inline-block;
}
.al-field-content .label-inline label {
  display: inline-block;
}
.al-field-content.al-field-label-right input[type=radio], .al-field-content.al-field-label-right input[type=checkbox] {
  margin: 2px 11px 0 0;
}
.ui-rtl .al-field-content.al-field-label-right input[type=radio], .ui-rtl .al-field-content.al-field-label-right input[type=checkbox] {
  margin: 2px 0 0 11px;
}
.al-field-content.error-container .field-error {
  margin-top: 11px;
  background: url("../images/al-images/arrow-error.png") no-repeat left top;
  padding-left: 2em;
  /* i{
  	font-size: 120%;
  	padding-right: 5px;

  	.ui-rtl &{
  		padding-right: 0;
  		padding-left: 5px;
  		float: right;
  	}
  } */
}
.ui-rtl .al-field-content.error-container .field-error {
  padding-right: 2em;
  padding-left: auto;
  background-position: right top;
}

/* Errors/Validation Ends */
/* 9. Wrapper for display custom label */
.al-form-control-wrapper label {
  font-weight: bold;
  display: block;
}
.al-form-control-wrapper .label-inline {
  display: inline-block;
}
.al-form-control-wrapper .label-inline label {
  display: inline-block;
}

/* Errors/Validation Ends */
/*=======================================================
				Over Rides
=======================================================*/
/* This changes Border Radius
.al-state-default,
.al-state-active,
.al-state-hover,
.al-calendar-content,
.al-colorpicker-content,
.al-colorpicker-panel-content,
.al-image-gallery-paginator .al-image-gallery-paginator-thumb,
.al-image-viewer-loading .al-image-viewer-bd,
.al-loadingmask-message,
.al-loadingmask-message-content,
.al-progress-bar-content,
.al-progress-bar-status,
.al-form-builder-field,
.al-form-builder-default-message,
.al-tabview-list,
.ui-datepicker {
  border-radius: 6px; }*/
/* Large corners
.al-textboxlistentry,
.al-textboxlistentry-close,
{
  border-radius: 11px; }*/
/* No corners
.al-dialog .al-widget-hd,
.al-editable-hover,
.al-tab,
.al-overlaycontextpanel-pointer.al-state-default,
.al-toolbar-item-content,
.al-toolbar-item,
.al-toolbar-vertical .al-toolbar-item {
  border-radius: 0; }*/
/* Left corners
.al-toolbar-first {
  border-top-left-radius: 6px;
  border-bottom-left-radius: 6px; }*/
/* Right corners
.al-toolbar-last {
  border-top-right-radius: 6px;
  border-bottom-right-radius: 6px; }*/
/* Top left
.al-image-viewer-bd,
.al-toolbar-vertical .al-toolbar-first {
  border-top-left-radius: 6px; }*/
/* Top right
.al-image-viewer-bd,
.al-toolbar-vertical .al-toolbar-first {
  border-top-right-radius: 6px; }*/
/* Bottom left
.al-image-viewer-content .al-widget-ft,
.al-toolbar-vertical .al-toolbar-last {
  border-bottom-left-radius: 6px; }*/
/* Bottom right
.al-image-viewer-content .al-widget-ft,
.al-toolbar-vertical .al-toolbar-last {
  border-bottom-right-radius: 6px; }*/
/* Zeros out the motzilla hack in the al.css for icon background image.
This was causeing background images in motzilla to be higher, My guess is that this was for an older motzilla bug
Specificly causing issues with the Panel +/- buttons

.gecko .al-buttonitem-icon-only .al-buttonitem-icon {
    margin: -1px;
}*/
/* Customization of al-Toolbar
 .al-toolbar button.al-toolbar-item{
   border-right-width:0px;
 }
 .al-toolbar button.al-toolbar-last{
   border-right-width:1px;
 }
button.al-button-small{
	height: 27px;
	padding: 0px 11px;
	font-size: 0.857em;
	line-height:  1.5714em ;
}*/
/* responsive toolbar

.al-view-lt480 .al-toolbar.al-icon-responsive button{
	height: 44px;
	padding:0 5px;
}
.al-view-lt480 .al-toolbar.al-icon-responsive .al-buttonitem-label{
	display:none;
}
.al-view-lt480 .al-breadcrumb-utility-wrapper .al-utility-toolbar{
  left:22px;
}
.al-view-720, .al-view-480{
	.al-breadcrumb-utility-wrapper .al-utility-toolbar{
  		margin:0 0 11px 0;
	}
}

.al-view-960, .al-view-gt960{
	.al-utility-toolbar span.al-toolbar-content{
	     float:right;
	}
}
*/
/* http://compass-style.org/reference/compass/css3/*/
/* =======================================
	TABLE OF CONTENTS
	1.Color Variables
		a. grays
		b. blues
		c. greens
		d. yellows
		e. reds
	2. Mixins
		a. fonts
		b.

   ======================================= */
/*=======================================================
			Colors
  =======================================================*/
/* Added Black and White, its a little redundent but easier to remember.
/* Grays */
/* MAIN default body text new to styleguide 10/17*/
/* Accent 1 (Blue) */
/*darkest */
/* lightest */
/* Accent 2 (Green) */
/* Accent 3 (Yellow) */
/* Accent 4 (Red) */
/*=======================================================
				Mixins
  =======================================================*/
/* ************ Fonts ************
	******************************* */
/* ************ 720 viewport ************
	******************************* */
/* ************ 480 viewport ************
	******************************* */
/*js hide show classes  !important allows for override of display */
.al-tableoption-wrapper {
  position: relative;
}
.al-tableoption-wrapper .al-table {
  margin-top: 0;
}
.al-tableoption-wrapper .table-menu-wrapper {
  position: absolute;
  top: -22px;
  right: 0;
}
.al-tableoption-wrapper .table-menu {
  background-color: #64696C;
  border: 1px solid #C5C6C7;
  left: auto;
  padding: 11px;
  position: absolute;
  right: 0;
  top: 21px;
  width: 13em;
  z-index: 9;
}
.al-tableoption-wrapper .table-menu-hidden {
  left: -999em;
  right: auto;
}
.al-tableoption-wrapper a.table-menu-btn {
  border-radius: 5px 5px 0 0;
  background-color: #64696C;
  border: 1px solid #C5C6C7;
  color: #FFFFFF;
  padding: 5px 11px;
  text-decoration: none;
}
.al-tableoption-wrapper a.table-menu-btn:hover {
  color: #FFFFFF;
  text-decoration: none;
}
.al-tableoption-wrapper .table-menu ul {
  list-style-image: none;
  list-style-position: outside;
  list-style-type: none;
  margin: 0;
  padding: 0;
}
.al-tableoption-wrapper .table-menu li {
  padding: 0.3em 0;
}
.al-tableoption-wrapper input[type=checkbox] ~ label {
  border-style: none;
  color: #FFFFFF;
  display: inline;
  overflow: auto;
  padding: 2px;
  width: 100%;
}
.al-tableoption-wrapper .enhanced th,
.al-tableoption-wrapper .enhanced td {
  display: none;
}
.al-tableoption-wrapper .enhanced th.essential,
.al-tableoption-wrapper .enhanced td.essential {
  display: table-cell;
}
.ie .al-tableoption-wrapper .enhanced th.essential,
.ie .al-tableoption-wrapper .enhanced td.essential {
  display: inline;
}
.al-tableoption-wrapper .enhanced th.essential.show-cols,
.al-tableoption-wrapper .enhanced td.essential.show-cols {
  display: table-cell;
}
.al-tableoption-wrapper .enhanced th.essential.hide-cols,
.al-tableoption-wrapper .enhanced td.essential.hide-cols {
  display: none;
}
.al-tableoption-wrapper .enhanced th.optional,
.al-tableoption-wrapper .enhanced td.optional {
  display: table-cell;
}
.ie .al-tableoption-wrapper .enhanced th.optional,
.ie .al-tableoption-wrapper .enhanced td.optional {
  display: inline;
}
.al-tableoption-wrapper .enhanced th.optional.show-cols,
.al-tableoption-wrapper .enhanced td.optional.show-cols {
  display: table-cell;
}
.al-tableoption-wrapper .enhanced th.optional.hide-cols,
.al-tableoption-wrapper .enhanced td.optional.hide-cols {
  display: none;
}
.al-tableoption-wrapper .enhanced th.show-cols,
.al-tableoption-wrapper .enhanced td.show-cols {
  display: table-cell;
}
.ie .al-tableoption-wrapper .enhanced th.show-cols,
.ie .al-tableoption-wrapper .enhanced td.show-cols {
  display: inline;
}
.al-tableoption-wrapper .enhanced th.hide-cols,
.al-tableoption-wrapper .enhanced td.hide-cols {
  display: none;
}
.al-tableoption-wrapper th.show-cols, .al-tableoption-wrapper td.show-cols {
  display: table-cell;
}
.ie .al-tableoption-wrapper th.show-cols, .ie .al-tableoption-wrapper td.show-cols {
  display: inline;
}
.al-tableoption-wrapper th.hide-cols, .al-tableoption-wrapper td.hide-cols {
  display: none;
}

.al-view-480 .ie .enhanced th.optional, .al-view-480 .ie .enhanced td.optional {
  display: none;
}
.al-view-480 .enhanced th.optional, .al-view-480 .enhanced td.optional {
  display: none;
}

.al-view-320 .ie .enhanced th.optional, .al-view-320 .ie .enhanced td.optional {
  display: none;
}
.al-view-320 .enhanced th.optional, .al-view-320 .enhanced td.optional {
  display: none;
}

/* http://compass-style.org/reference/compass/css3/*/
/* =======================================
	TABLE OF CONTENTS
	1.Color Variables
		a. grays
		b. blues
		c. greens
		d. yellows
		e. reds
	2. Mixins
		a. fonts
		b.

   ======================================= */
/*=======================================================
			Colors
  =======================================================*/
/* Added Black and White, its a little redundent but easier to remember.
/* Grays */
/* MAIN default body text new to styleguide 10/17*/
/* Accent 1 (Blue) */
/*darkest */
/* lightest */
/* Accent 2 (Green) */
/* Accent 3 (Yellow) */
/* Accent 4 (Red) */
/*=======================================================
				Mixins
  =======================================================*/
/* ************ Fonts ************
	******************************* */
/* ************ 720 viewport ************
	******************************* */
/* ************ 480 viewport ************
	******************************* */
/*--------------------------------------------------*\
  #MIXINS [ SCSS Mixins ]
\*--------------------------------------------------*/
/* = Function to convert PX to REM
====================================================*/
/* = Function to convert PX to EM
====================================================*/
/* = Mixin to apply font-size with
	fallback in pixels
====================================================*/
/* = Function to apply paddings in REM
====================================================*/
/* = Function to apply margins in REM
====================================================*/
/* = Clearfix
====================================================*/
/* = Position
====================================================*/
/**
	* Usage:
	* @include relative;
	@include absolute(top 100% left 0);
	@include fixed(top 0 left 0);
*/
/* = Absolute Positioned
====================================================*/
/* = Only display content to screen readers
  See: http://a11yproject.com/posts/how-to-hide-content
====================================================*/
/* = Use in conjunction with .sr-only to only display content when it's focused.
	Useful for "Skip to main content" links;
	see https://www.w3.org/TR/2013/NOTE-WCAG20-TECHS-20130905/G1
====================================================*/
/* = Box Sizing
====================================================*/
/**
	* Reset your elements box model with ease.
*/
/* = Text Overflow
====================================================*/
/**
	* An easy way to truncate text with an ellipsis.
	* Requires the element to be block or inline-block.
*/
/* = Opacity
====================================================*/
/* = Vertical centering
====================================================*/
/* = Vendor prefixing
====================================================*/
/**
	* USAGE:
	* html {
	@include prefix('box-sizing', 'border-box', moz webkit);
	}
*/
/* = Border Radius
====================================================*/
/* = Box-Shadow
====================================================*/
/* = CSS Arrow
====================================================*/
/* = gradient filter
====================================================*/
/* = Transitions
====================================================*/
/* =======================================
	TABLE OF CONTENTS
	1. Container/Container-divider
======================================= */
/* 1. Container/Container-divider ========================= */
.al-container,
.al-container-divider {
  margin: 0;
  position: relative;
  line-height: 24px;
}

.al-container.al-container-alert .al-placeholder-alert {
  padding-left: 23px;
  background: url("../images/al-images/arrow-error.png") no-repeat left top;
}

.al-container-content {
  padding: 24px;
  position: relative;
}
.al-container-content .al-form-error-icon {
  background: url("../images/al-images/arrow-error.png") no-repeat left top;
  padding-left: 2em;
}
.ui-rtl .al-container-content .al-form-error-icon {
  background-position: right top;
  padding-right: 2em;
  padding-left: auto;
}
.al-container-content p {
  margin-top: 0;
  margin-bottom: 11px;
}
.al-container-content p:last-child {
  margin-bottom: 0px;
}

.al-container-icon-small {
  padding: 0 0 0 32px;
}

/* Arrow Top Left */
.has-arrow-top-left:after, .has-arrow-top-left:before {
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
  visibility: visible;
}
.has-arrow-top-left:after {
  border-width: 10px;
  border-bottom-color: #F4F4F4;
  top: -20px;
  left: 10px;
}
.has-arrow-top-left:before {
  border-width: 11px;
  border-bottom-color: #EFEFEF;
  top: -22px;
  left: 9px;
}

/* Arrow Bottom Left */
.has-arrow-bottom-left:after, .has-arrow-bottom-left:before {
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
  visibility: visible;
}
.has-arrow-bottom-left:after {
  border-width: 10px;
  border-top-color: #F4F4F4;
  bottom: -20px;
  left: 10px;
}
.has-arrow-bottom-left:before {
  border-width: 11px;
  border-top-color: #D2D3D3;
  bottom: -22px;
  left: 9px;
}

/* RTL */
.ui-rtl .arrow-box.has-arrow-bottom-left:after, .ui-rtl .arrow-box.has-arrow-bottom-left:before {
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
  visibility: visible;
}
.ui-rtl .arrow-box.has-arrow-bottom-left:after {
  border-width: 10px;
  border-top-color: #F4F4F4;
  bottom: -20px;
  right: 10px;
}
.ui-rtl .arrow-box.has-arrow-bottom-left:before {
  border-width: 11px;
  border-top-color: #D2D3D3;
  bottom: -22px;
  right: 9px;
}
.ui-rtl .arrow-box.has-arrow-top-left:after, .ui-rtl .arrow-box.has-arrow-top-left:before {
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
  visibility: visible;
}
.ui-rtl .arrow-box.has-arrow-top-left:after {
  border-width: 10px;
  border-bottom-color: #F4F4F4;
  top: -20px;
  right: 10px;
}
.ui-rtl .arrow-box.has-arrow-top-left:before {
  border-width: 11px;
  border-bottom-color: #EFEFEF;
  top: -22px;
  right: 9px;
}

.al-close-alert {
  position: absolute;
  top: 0;
  right: 0;
  padding: 7px 11px;
  margin: 0 0 0 8px;
  color: inherit;
  background-color: transparent;
  border: 0;
  font-size: 24px;
  font-weight: bold;
  line-height: 1;
}

/* header brand */
.al-content-box-header {
  padding: 11px 0px;
}

.primary-header {
  background-color: #1E71CF;
  color: #FFFFFF;
}

.secondary-header {
  background-color: #5D7E01;
  color: #FFFFFF;
}

.tertiary-header {
  background-color: #B15700;
  color: #FFFFFF;
}

.neutral-header {
  background-color: #86898B;
  color: #FFFFFF;
}

.neutral-light-header {
  background-color: #E6E6E6;
  color: #000000;
}

.thrive-header {
  background-color: #3488E8;
  color: #FFFFFF;
}

/* http://compass-style.org/reference/compass/css3/*/
/* =======================================
	TABLE OF CONTENTS
	1.Color Variables
		a. grays
		b. blues
		c. greens
		d. yellows
		e. reds
	2. Mixins
		a. fonts
		b.

   ======================================= */
/*=======================================================
			Colors
  =======================================================*/
/* Added Black and White, its a little redundent but easier to remember.
/* Grays */
/* MAIN default body text new to styleguide 10/17*/
/* Accent 1 (Blue) */
/*darkest */
/* lightest */
/* Accent 2 (Green) */
/* Accent 3 (Yellow) */
/* Accent 4 (Red) */
/*=======================================================
				Mixins
  =======================================================*/
/* ************ Fonts ************
	******************************* */
/* ************ 720 viewport ************
	******************************* */
/* ************ 480 viewport ************
	******************************* */
/*
	table types:
	1. normal
	3. al-table-group = with grouping row
	4. al-table-groupI = with grouping row indented
*/
/*=======================================================
			AON turning off grid floats
			  will break table designs
=======================================================*/
th.al-w100, td.al-w100,
th.al-w75, td.al-w75,
th.al-w5-8, td.al-w5-8,
th.al-w50, td.al-w50,
th.al-w3-8, td.al-w3-8,
th.al-w25, td.al-w25,
th.al-w1-7, td.al-w1-7,
th.al-w1-8, td.al-w1-8,
th.al-w3-16, td.al-w3-16 {
  float: none;
  position: inherit;
}

/*=======================================================
					AON tables
=======================================================*/
.al-table {
  margin: 0.75em 0;
  width: 100%;
  border: none;
  border-collapse: collapse;
}
.al-table td, .al-table th {
  padding: 0.75em;
}
.al-table th {
  vertical-align: bottom;
  text-align: left;
}
.al-table td:first-child, .al-table th:first-child {
  text-align: left;
}
.ui-rtl .al-table td:first-child, .ui-rtl .al-table th:first-child {
  text-align: right;
}
.al-table thead th {
  /*vertical-align: bottom; */
  font-weight: bold;
}
.al-table tfoot th {
  font-weight: bold;
}
.al-table tfoot .al-table-footnotes td {
  padding: 0 inherit;
  font-weight: normal;
  text-align: left;
}
.al-table tbody th {
  font-weight: normal;
}
.al-table tbody.al-table-group tr:first-child td, .al-table tbody.al-table-group tr:first-child th {
  font-weight: bold;
}
.al-table tbody.al-table-group-indent td:first-child, .al-table tbody.al-table-group-indent th:first-child {
  padding-left: 2.55em;
}
.al-table tbody.al-table-group-indent tr:first-child td, .al-table tbody.al-table-group-indent tr:first-child th {
  font-weight: bold;
  padding-left: 0.75em;
}

.al-table .al-table {
  margin: 0;
}
.al-table thead th th {
  border: 0;
  padding: 0;
}
.al-table tbody tr .al-table tbody:last-child tr:last-child {
  border-bottom: 0;
}
.al-table tbody tr .al-table tbody:first-child tr:first-child {
  border-top: 0;
}
.al-table td table tr:first-child td {
  padding: 0;
}

/* Don't use these use al-helper-class.css instead */
td.vab {
  vertical-align: bottom;
}

td.vat {
  vertical-align: top;
}

td.vam {
  vertical-align: middle;
}

/**** table sorting - tanglesey *****/
.al-table-sort thead {
  box-shadow: 0 1px 1px #A8ABAC;
}
.al-table-sort th a:hover, .al-table-sort th:hover {
  text-decoration: none;
}
.al-table-sort th:last-child { /* border-right: none;*/ }
.al-table-sort th.sort-desc a span {
  background: url("../images/al-images/icon_sprite.png") no-repeat scroll -60px -50px transparent;
  display: inline-block;
  height: 15px;
  position: relative;
  top: 3px;
  width: 20px;
}
.al-table-sort th.sort-asc a span {
  background: url("../images/al-images/icon_sprite.png") no-repeat scroll 0 -50px transparent;
  display: inline-block;
  height: 15px;
  position: relative;
  top: 3px;
  width: 20px;
}

/* http://compass-style.org/reference/compass/css3/*/
/* =======================================
	TABLE OF CONTENTS
	1.Color Variables
		a. grays
		b. blues
		c. greens
		d. yellows
		e. reds
	2. Mixins
		a. fonts
		b.

   ======================================= */
/*=======================================================
			Colors
  =======================================================*/
/* Added Black and White, its a little redundent but easier to remember.
/* Grays */
/* MAIN default body text new to styleguide 10/17*/
/* Accent 1 (Blue) */
/*darkest */
/* lightest */
/* Accent 2 (Green) */
/* Accent 3 (Yellow) */
/* Accent 4 (Red) */
/*=======================================================
				Mixins
  =======================================================*/
/* ************ Fonts ************
	******************************* */
/* ************ 720 viewport ************
	******************************* */
/* ************ 480 viewport ************
	******************************* */
/* add by Divyesh*/
/* ----------------------- CSS for Responsive Table ---------------------------*/
/*
Generic Styling, for Desktops/Laptops

table {
	width: 100%;
	border-collapse: collapse;
}
td, th {
	padding: 6px;
	text-align: left;
}

*/
/*.al-view-lt480 table.al-table-responsive {margin-top: -10px;}*/
.al-view-lt480, .al-view-480 {
  /* Force table to not be like tables anymore */
  /* Hide table headers (but not display: none;, for accessibility) */
  /*
  Label the data
  */
  /*divyesh add */
  /*divyesh end*/
}
.al-view-lt480 table.al-table-responsive,
.al-view-lt480 table.al-table-responsive thead,
.al-view-lt480 table.al-table-responsive tbody,
.al-view-lt480 table.al-table-responsive tfoot,
.al-view-lt480 table.al-table-responsive th,
.al-view-lt480 table.al-table-responsive td,
.al-view-lt480 table.al-table-responsive tr, .al-view-480 table.al-table-responsive,
.al-view-480 table.al-table-responsive thead,
.al-view-480 table.al-table-responsive tbody,
.al-view-480 table.al-table-responsive tfoot,
.al-view-480 table.al-table-responsive th,
.al-view-480 table.al-table-responsive td,
.al-view-480 table.al-table-responsive tr {
  display: block;
}
.al-view-lt480 table.al-table-responsive thead tr, .al-view-480 table.al-table-responsive thead tr {
  position: absolute;
  top: -9999px;
  left: -9999px;
}
.al-view-lt480 table.al-table-responsive td, .al-view-480 table.al-table-responsive td {
  /* Behave like a "row" */
  position: relative;
  white-space: normal;
  text-align: left;
}
.al-view-lt480 table.al-table-responsive td:before, .al-view-480 table.al-table-responsive td:before {
  /* Now like a table header */
  position: absolute;
  /* Top/left values mimic padding */
  top: 6px;
  left: 6px;
  width: 45%;
  padding-right: 10px;
  white-space: nowrap;
  text-align: left;
  font-weight: bold;
}
.al-view-lt480 table.al-table-responsive-head td, .al-view-480 table.al-table-responsive-head td {
  padding-left: 50%;
}
.al-view-lt480 table.al-table-responsive-head td:before, .al-view-480 table.al-table-responsive-head td:before {
  content: attr(data-title);
}
.al-view-lt480 table.al-table-responsive.al-table-nonresponsive-head thead tr, .al-view-480 table.al-table-responsive.al-table-nonresponsive-head thead tr {
  position: relative;
  top: 0;
  left: 0;
}
.al-view-lt480 table.al-table-responsive, .al-view-480 table.al-table-responsive {
  position: relative;
  /* START : PFO-19190 YSA- Seperator line not appear below table Borders */
  /* END : PFO-19190 */
}
.al-view-lt480 table.al-table-responsive tbody td, .al-view-lt480 table.al-table-responsive tfoot td, .al-view-480 table.al-table-responsive tbody td, .al-view-480 table.al-table-responsive tfoot td {
  border: none;
  padding-top: 0;
  padding-bottom: 0;
}
.al-view-lt480 table.al-table-responsive tbody tr td:first-child, .al-view-lt480 table.al-table-responsive tfoot tr td:first-child, .al-view-480 table.al-table-responsive tbody tr td:first-child, .al-view-480 table.al-table-responsive tfoot tr td:first-child {
  padding-top: 0.75em;
  border-bottom: none;
}
.al-view-lt480 table.al-table-responsive tbody tr td:last-child, .al-view-lt480 table.al-table-responsive tfoot tr td:last-child, .al-view-480 table.al-table-responsive tbody tr td:last-child, .al-view-480 table.al-table-responsive tfoot tr td:last-child {
  padding-bottom: 0.75em;
}
.al-view-lt480 table.al-table-responsive tbody tr:last-child td:last-child, .al-view-lt480 table.al-table-responsive tfoot tr:last-child td:last-child, .al-view-480 table.al-table-responsive tbody tr:last-child td:last-child, .al-view-480 table.al-table-responsive tfoot tr:last-child td:last-child {
  border-bottom: none;
}
.al-view-lt480 table.al-table-responsive tbody tr:first-child td:first-child, .al-view-lt480 table.al-table-responsive tbody:first-of-type tr:first-child td:first-child, .al-view-480 table.al-table-responsive tbody tr:first-child td:first-child, .al-view-480 table.al-table-responsive tbody:first-of-type tr:first-child td:first-child {
  border-top: 1px solid #C5C6C7;
}
.al-view-lt480 table.al-table-responsive tbody:first-child tr:first-child td,
.al-view-lt480 table.al-table-responsive tbody:first-of-type tr:first-child td, .al-view-480 table.al-table-responsive tbody:first-child tr:first-child td,
.al-view-480 table.al-table-responsive tbody:first-of-type tr:first-child td {
  border-top: none;
}
.al-view-lt480 table.al-table-responsive tbody:last-child tr:last-child td, .al-view-480 table.al-table-responsive tbody:last-child tr:last-child td {
  border-bottom: none;
}
.al-view-lt480 table.al-table-responsive tfoot:first-child tr:first-child td:first-child,
.al-view-lt480 table.al-table-responsive tfoot tr:first-child td:first-child, .al-view-480 table.al-table-responsive tfoot:first-child tr:first-child td:first-child,
.al-view-480 table.al-table-responsive tfoot tr:first-child td:first-child {
  border-top: none;
}
.al-view-lt480 table.al-table-responsive-head tbody tr td:first-child:before, .al-view-480 table.al-table-responsive-head tbody tr td:first-child:before {
  top: 0.75em;
}

.al-table-panel {
  display: none;
}

/* START : PBPI-4438 : Fix for Responsive table text overlapping issue */
.al-view-lt480 table.al-table-responsive-head td, .al-view-480 table.al-table-responsive-head td {
  padding-left: 0 !important;
  overflow: auto;
}
.al-view-lt480 table.al-table-responsive-head td:before, .al-view-480 table.al-table-responsive-head td:before {
  position: relative !important;
  top: 0 !important;
  white-space: normal !important;
  float: left;
  text-align: left;
}
.al-view-lt480 table.al-table-responsive-head td span, .al-view-480 table.al-table-responsive-head td span {
  display: inline-block;
  width: 45%;
}

/* END : PBPI-4438 : Fix for Responsive table text overlapping issue */
/*
	#al-table-panel .al-al-lightbox-hd {
	display: block !important;
}
.al-view-gt480 #al-table-panel .al-helper-hidden {
	display: block !important;
}
*/
/* added by tanglesey - for inline forms */
/* REMOVED tanglesey - do not need any
.al-calendar-icon-inline {
	position: relative;
	top: 16px;
}
.al-calendar-text-inline {
	position: relative;
	top: 29px;
}
.al-view-lt480 .al-calendar-text-inline {
	top: 10px;
}
*/
/* ----------------------- CSS for Responsive Table end ------------------------*/
/* CSS Document */
/* http://compass-style.org/reference/compass/css3/*/
/* =======================================
	TABLE OF CONTENTS
	1.Color Variables
		a. grays
		b. blues
		c. greens
		d. yellows
		e. reds
	2. Mixins
		a. fonts
		b.

   ======================================= */
/*=======================================================
			Colors
  =======================================================*/
/* Added Black and White, its a little redundent but easier to remember.
/* Grays */
/* MAIN default body text new to styleguide 10/17*/
/* Accent 1 (Blue) */
/*darkest */
/* lightest */
/* Accent 2 (Green) */
/* Accent 3 (Yellow) */
/* Accent 4 (Red) */
/*=======================================================
				Mixins
  =======================================================*/
/* ************ Fonts ************
	******************************* */
/* ************ 720 viewport ************
	******************************* */
/* ************ 480 viewport ************
	******************************* */
/* tiles color classes - branding */
/* moved 11 color classes in branding css */
/* tiles color classes - branding - end */
.al-tile-wrapper {
  display: block;
  clear: both;
}
.al-tile-wrapper * {
  padding: 0;
}
.al-tile-wrapper a {
  text-decoration: none;
}
.al-tile-wrapper a:hover {
  text-decoration: none;
}

.al-tile-col {
  float: left;
}

.al-tile.al-tile-standard {
  min-height: 143px;
}

.al-tile.al-tile-tall {
  min-height: 297px;
  overflow: hidden;
}

.al-tile-carousel-slide.al-tile-img .al-tile-tall .typo-area {
  margin-top: 143px;
}
.al-tile-carousel-slide.al-tile-img .al-tile-tall .typo-area h2, .al-tile-carousel-slide.al-tile-img .al-tile-tall .typo-area h3, .al-tile-carousel-slide.al-tile-img .al-tile-tall .typo-area h4, .al-tile-carousel-slide.al-tile-img .al-tile-tall .typo-area h5, .al-tile-carousel-slide.al-tile-img .al-tile-tall .typo-area p {
  margin-left: 0px;
}

.al-tile-carousel-slide.al-tile-img img {
  width: 100%;
}

/*.al-tile-carousel.slideshow.al-al-carousel-content {height: 295px ;} /* subtract 3px for border */
/*.ie .al-tile-carousel.slideshow.al-al-carousel-content {height: 294px ;} /* subtract 4px for border */
.al-tile-carousel .al-tile-carousel-slideHolder {
  min-height: 295px;
} /* subtract 34px for dot menu */
.ie .al-tile-carousel .al-tile-carousel-slideHolder {
  min-height: 293px;
} /* subtract 2more px fir IE for dot menu */
.al-tile-img {
  overflow: hidden;
}
.al-tile-img .typo-area {
  margin-left: 30%;
}
.al-tile-img .al-tile-img-wrapper {
  width: 30%;
  float: left;
  overflow: hidden;
  height: 100%;
  margin-right: 6px;
  position: absolute;
}
.al-tile-img .al-tile-img-wrapper img {
  width: auto;
  height: auto;
}
.al-tile-img .al-tile-tall img {
  width: 100%;
  height: 143px;
  margin-left: -1px;
  margin-top: -1px;
  max-width: 100%;
}
.al-tile-img .al-tile-tall h2, .al-tile-img .al-tile-tall h3, .al-tile-img .al-tile-tall h4, .al-tile-img .al-tile-tall h5, .al-tile-img .al-tile-tall p {
  margin-left: 0px;
}
.al-tile-img .al-tile-tall .typo-area {
  margin-top: 143px;
}

/*al-tile-wrapperLink tile mark up re-factoring - Start */
.al-tile-wrapperLink {
  float: left;
  margin-bottom: 11px;
  z-index: 2; /* for accessibility */
}
.slideshow .al-tile-wrapperLink {
  margin-bottom: 0;
}
.al-tile-wrapperLink .al-tile-baseContainer {
  margin-bottom: 0;
  float: none;
}
.al-tile-wrapperLink .al-tile .al-tile-show {
  display: block;
}

/*al-tile-wrapperLink tile mark up re-factoring - End */
.al-tile-baseContainer {
  display: block;
  float: left;
  margin-bottom: 11px;
  position: relative;
  /*al-tile-carousel mark up re-factoring - Start */
  /*al-tile-carousel mark up re-factoring - End */
}
.al-tile-baseContainer .al-widget.al-component.al-al-carousel,
.al-tile-baseContainer .al-widget.al-slideshow.al-slideshowanimated {
  height: 100%;
}

.al-tile {
  display: block;
  background-position: right bottom;
  background-repeat: no-repeat;
  border-style: solid;
  border-width: 1px;
  /*cursor: auto; Removed to show pointer cursor for all browser as per patch 1699*/
  text-decoration: none;
  width: 100%;
  height: 100%;
  box-sizing: border-box;
}
.al-tile a:hover {
  text-decoration: none;
}
.al-tile.img img {
  overflow: hidden;
}
.al-tile.img img h2, .al-tile.img img h3, .al-tile.img img p {
  margin-left: 95px;
}
.al-tile.al-loadingmask-masked .al-loadingmask-message-content {
  padding: 8px 12px;
}
.al-tile.al-loadingmask-masked .al-loadingmask-message-content {
  background-position: 50% 50%;
  border: 0;
}
.al-tile.al-loadingmask-masked .al-loadingmask-content {
  background-color: transparent;
}

/* As per requirment there are non clickable tiles for flyout */
.al-tile-deactive {
  cursor: default;
}

.al-tile .typo-area {
  padding: 22px;
}
.al-tile .typo-area .attention-text {
  color: #C13115;
  font-weight: bold;
}

.al-tile-video {
  background: url("../images/al-images/icon_video.png") top left no-repeat;
  width: 96px;
  height: 143px;
  position: absolute;
  z-index: 1;
  opacity: 0.8;
  filter: Alpha(opacity=80);
}

/* css for show hide numbers & date  but always printable */
@media screen {
  .al-tile input.al-tile-hideValue {
    background: transparent;
    border: 0;
    width: 100%;
  }
}
.al-tile .al-tile-show {
  display: inline;
}

.al-tile .al-tile-hide {
  display: none;
}

/*End css for show hide no & date  but always printable */
/*#End added new style for manage investment page right side tiles */
/*Added (.al-tile.al-tile-blueLightExtra) new style for manage investment page right side tiles */
/* Show more JS tiles  css
.al-tile-wrapper {
  	.al-icon-minus {position:absolute; right:0; bottom:0;}
}*/
/* Show more JS tiles  css  end */
/* Custom Carousel css */
/* .al-tile-tall .al-tile-carousel div.slide{left:-500px;} */
.al-tile-carousel {
  position: relative;
  width: 100%;
  overflow: hidden;
  height: 100%;
}
.al-tile-carousel a {
  text-decoration: none;
  /*outline:none;*/
}
.al-tile-carousel .al-tile {
  background-position: right bottom;
}
.al-tile-carousel div.slide {
  display: none;
  position: absolute; /*change relative to absolute for al-tile-carousel code refactoring*/
  margin: 0;
  border: 0;
  /* 		left:-500px; */
  width: 100%;
  min-height: 263px;
  overflow: hidden; /*PU-644*/
}
.al-tile-carousel div.slide.current {
  display: block;
}
.al-tile-carousel .inactive {
  color: #ccc;
}
.al-tile-carousel .al-tile-carousel-menu {
  text-align: center;
  margin-top: 0px;
  position: absolute;
  bottom: 0;
  width: 100%;
}
.al-tile-carousel .al-tile-carousel-menu a.slideSelector {
  display: inline-block;
  background: url("../images/al-images/bg_control_nav.png") no-repeat scroll 0 0 transparent;
  cursor: pointer;
  height: 11px;
  margin: 11px 11px 8px 11px;
  text-indent: -9999px;
  width: 11px;
}
.no-touch .al-tile-carousel .al-tile-carousel-menu a.slideSelector:hover {
  background-position: 0 -22px;
}
.al-tile-carousel .al-tile-carousel-menu a.slideSelector.current {
  background-position: 0 -22px;
  cursor: default;
}
.no-touch .al-tile-carousel .al-tile-carousel-menu a.slideSelector:active, .al-tile-carousel .al-tile-carousel-menu a.slideSelector:active, .no-touch .al-tile-carousel .al-tile-carousel-menu a.slideSelector.current:active, .al-tile-carousel .al-tile-carousel-menu a.slideSelector.current:active {
  background-position: 0 -11px;
}

/* Wave 131 section */
.al-tile .al-tile-text-red {
  color: #791401;
}

/*-----Fix for footer overlapping----*/
.Tile-portlet {
  clear: both;
}

/*If you have any blue box and 2 and more inside tiles*/
.al-mictiles-wrapper > h2 {
  padding: 11px;
  font-size: 1.286em;
  line-height: 1.222em;
}

.al-mictiles-wrapper {
  background: #ACD3FF;
  padding: 0 11px 0 11px;
  float: left;
  width: 100%;
  margin-bottom: 11px;
}

.ie .al-mictiles-wrapper .al-tile-baseContainer {
  width: 100%;
}

/* portlet css start end*/
/* tile edit mode - Wave F1 - start */
.al-favriote-tiles-overlaymask {
  display: none;
}
.al-favriote-tiles-overlaymask.al-overlaymask-content {
  width: 100%;
  height: 100%;
  overflow: hidden;
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  z-index: 10;
  display: block;
}

/* Favorite Tiles */
.al-favriote-tiles {
  /* Fav Tile EDIT Dragger/Move ICON - PFO-3826 */
  /* al-tile.edit end */
}
.al-favriote-tiles .al-tile-hideValue, .al-favriote-tiles .al-tile-hideContent { /*use different class('al-tile-hideContent') then '.al-tile-hideValue'  to hide edit mode content in favaourite tiles to resolve 1456*/
  display: none;
}
.al-favriote-tiles .al-tile .al-tile-editArrowIcon-small {
  background-image: url("../images/al-images/reorder_icon_wht.png");
  height: 25px;
  width: 25px;
  background-position: top right;
  padding: 4px;
  margin: 3px 3px 0 0;
  background-repeat: no-repeat;
  float: right;
  display: none;
}
.al-favriote-tiles .al-tile.edit {
  /* this is related to al-favoritetilerender.js transition code for IE8 to show 4 arrow icon as overlay with opacity.6*/
}
.al-favriote-tiles .al-tile.edit .al-tile-editArrowIcon-lrg {
  background: url("../images/al-images/reorder_icon_lrg.png") center no-repeat #fff;
  min-height: 141px;
  width: 100%;
  opacity: 0;
  filter: alpha(opacity=0); /* For IE8 and earlier */
  position: absolute;
  z-index: 9;
  margin: 0 auto;
}
.al-favriote-tiles .al-tile.edit .al-tile-editArrowIcon-lrg .dataTileRearrange {
  text-align: center;
  position: absolute;
  bottom: 0;
  width: 100%;
  line-height: 22px;
}
.al-favriote-tiles .al-tile.edit .bigArrow-for-ie8 {
  filter: alpha(opacity=60); /* For IE8 and earlier */
  opacity: 0.6; /* Fix for IE 10*/
}
.al-favriote-tiles .al-tile.edit .al-tile-favorite-Deletebutton {
  float: right;
  position: absolute;
  bottom: 15px;
  right: 7px;
}

/* al-favriote-tiles end */
/* /Favorite Tiles */
.al-tile.edit {
  position: relative;
}
.al-tile.edit .al-tile-edit-content {
  /*display: none;*/
}
.al-tile.edit .al-tile-edit-content .al-button-icon-delete {
  float: right;
}
.al-tile.edit .al-tile-edit-content .al-button-icon-delete .al-button-input {
  padding: 0 5px 0 6px;
  margin-bottom: 5px;
  background-image: url("../images/base/icon-delete-x.png");
  background-position: center center;
  background-repeat: no-repeat;
}
.al-tile.edit.editMode .al-field-input {
  min-height: 72px;
}
.al-tile.edit.editMode.al-tile-arrow {
  background-image: none; /* Arrow will not apper in edit mode */
}

.al-tile-drag-indicator {
  position: absolute;
  min-height: 143px;
  width: 5px;
  background: #C5C6C7;
}

/*Favorite tiles new change for PT-1624 and 300*/
.al-tile.edit.editMode .al-tile-favorite-Deletebutton .al-button-negative {
  margin-top: 40px;
  float: right;
}

.al-tile.edit.editMode .al-field-input {
  min-height: 12px;
}

.al-tile-favorite-reorder {
  height: 20px;
  width: 20px;
  float: right;
  display: none;
  margin-top: 3px;
  margin-right: 3px;
}

.al-view-lt480 .al-tile.edit.editMode .al-tile-favorite-Deletebutton .al-button-negative {
  margin-top: 40px;
  float: right;
}

.al-view-lt480 .al-tile.edit.editMode.al-tile-dd {
  height: 75px;
  min-height: 143px;
}

.al-tile.al-tile-standard.edit.editMode {
  cursor: move;
}

/* For PFO 2473
.al-view-lt480 .al-tile-editArrowIcon-small {
margin:28px 20px 0 0;
}
*/
.al-tile-editArrowIcon-small-grey {
  background-image: url("../images/al-images/reorder_icon.png");
  height: 25px;
  width: 25px;
  background-repeat: no-repeat;
  margin-right: 5px;
  display: block;
  float: left;
}

.al-favorite-tiles-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 99999;
}

.al-favriote-tiles.al-gutter-row.al-favriote-title-button {
  width: 100%;
  height: 100%;
  position: relative;
}

/* Data Tile */
.al-tile .al-datatile-editArrowIcon-small {
  background-image: url("../images/al-images/reorder_icon_wht.png");
  height: 25px;
  width: 25px;
  background-position: top right;
  padding: 4px;
  margin: 3px 3px 0 0;
  background-repeat: no-repeat;
  float: right;
  display: none;
}

.al-view-lt480 .al-datatile-editArrowIcon-small {
  margin: 28px 20px 0 0;
}

/* Data Tile */
/*Favourite tiles new change for PT-1624 and 300 end */
/*Favourite tiles should have move cursor and its markup is not using <a> tag*/
.al-tile-editMode .al-dd-draggable {
  cursor: move;
}

.al-favriote-tiles .al-tile {
  cursor: pointer;
}

/* tile edit mode - Wave F1 - end */
/* tile with active banner */
.al-tile.al-tile-banner-active .typo-area {
  background-position: top right;
  background-repeat: no-repeat;
}

.al-tile-show-hide-button {
  float: right;
}

/* making al-w50 50% for al-tiles-title-text in 320 view-port */
.al-w50.al-tiles-title-text {
  width: 50%;
}

.al-tile-fade .typo-area {
  opacity: 0.4;
}

/* setting P tag margin bottom for Tile */
.al-tile .typo-area p:last-child {
  margin-bottom: 0px;
}

.ie8 .al-tile .typo-area p, .ie7 .al-tile .typo-area p {
  margin-bottom: 0px;
}

/* added new tile height classes for Change request got from CS&E defect 1219 to fix tile height for certain scenario */
.al-tile.al-tile-standard-fixed {
  height: 143px;
  overflow: hidden;
  /* 143-22 tile bottom padding = 121px */
}
.al-tile.al-tile-standard-fixed .typo-area {
  height: 121px;
  overflow: hidden;
}

.ie .al-tile.al-tile-standard-fixed {
  height: 141px;
  /* 143-22 tile bottom padding = 121px */
}
.ie .al-tile.al-tile-standard-fixed .typo-area {
  height: 119px;
}

.al-tile.al-tile-tall-fixed {
  height: 297px;
  overflow: hidden;
  /* 297-143 form image height=154-22 tile bottom padding = 132px */
}
.al-tile.al-tile-tall-fixed .typo-area {
  height: 132px;
  overflow: hidden;
}

.ie .al-tile.al-tile-tall-fixed {
  height: 294px;
  /* 297-143 form image height=154-22 tile bottom padding = 132px */
}
.ie .al-tile.al-tile-tall-fixed .typo-area {
  height: 129px;
}

/* Adding 2 new class to fix tiles top text & button alignment issue */
.al-tiles-title-text-wrapper {
  margin-bottom: 11px;
}

.al-tiles-title-button {
  float: left; /* margin-top:-27px;		AP: JIRA #PFO-4989 */
}

/* to make tile height 143px in IE because box-sizing does not work in IE so 141+1+1(borders)=143px and 294 for tall tile*/
.ie .al-tile.al-tile-standard {
  min-height: 141px;
}

.ie .al-tile.al-tile-tall {
  min-height: 294px;
}

/* tile image new css to make image not more than 30% */
.al-tile .al-tile-image {
  overflow: hidden;
  width: 30%;
  float: left;
  height: 143px;
  margin-top: -1px;
  margin-left: -1px;
  position: absolute;
}
.al-tile .al-tile-image img {
  display: block;
}

.al-tile.al-tile-tall .al-tile-image {
  width: 100%;
  position: absolute;
}
.al-tile.al-tile-tall .al-tile-carousel .al-tile-image {
  position: relative;
  margin-bottom: 22px;
  margin-left: 0px;
}
.al-tile.al-tile-tall.al-tile-images .typo-area {
  margin-top: 143px;
}

.al-tile.al-tile-standard.al-tile-images .typo-area {
  margin-left: 30%;
}

/* Time image new css to make image not more than 30% - End*/
/* Clear both for viewport 720 and 480 for tiles (#1310)- */
.al-view-720 .clear-both {
  clear: both;
}

.al-view-480 .clear-both {
  clear: both;
}

/* carousel new feature css */
.al-tile-carousel-menu .al-tile-carousel-play {
  background-image: url("../images/al-images/play-icon.png");
}

.al-tile-carousel-menu .al-tile-carousel-pause {
  background-image: url("../images/al-images/pause-icon.png");
}

.al-tile-carousel .al-tile-carousel-menu {
  background-color: #333;
}

.al-tile-carousel-menu .al-tile-carousel-play,
.al-tile-carousel-menu .al-tile-carousel-pause {
  /*for PFO-3812 */
  /*float: right; */
  position: absolute;
  background-repeat: no-repeat;
  cursor: pointer;
  top: 9px;
  left: 11px;
  width: 22px;
  height: 22px; /* changes made for PFO-16141. */
}

/* carousel new feature css- end */
/* medium tile carousel css - start */
.al-tile-carousel.slideshow .al-medium-tile-carousel-overlay {
  width: 100%;
  height: 100%;
  position: absolute;
  background-color: #fff;
  top: 0;
  opacity: 0.6;
  filter: Alpha(opacity=60);
  z-index: 3;
  display: none;
}
.al-tile-draggable .al-tile-carousel.slideshow .al-medium-tile-carousel-overlay {
  display: block;
}

.al-tile-carousel.al-medium-tile .al-tile-carousel-slideHolder {
  min-height: 143px;
  position: relative; /*al-tile-carousel code refactoring*/
}
.al-tile-carousel.al-medium-tile .al-tile-carousel-slideHolder .al-tile-wrapperLink {
  position: relative; /* replacing absolute to relative*/
  height: 100%;
  width: 100%;
}
.al-tile-carousel.al-medium-tile .al-tile-carousel-slideHolder.al-tile-single {
  height: 100%; /*al-tile-carousel code refactoring*/
}
.al-tile-carousel.al-medium-tile .al-tile-carousel-slideHolder div.slide {
  min-height: 111px;
  position: absolute; /* replacing relative to absolute*/
}
.al-tile-carousel.al-medium-tile .al-tile-carousel-slideHolder div.slide.al-tile {
  border: 0;
  background-position: right bottom;
}
.al-tile-carousel.al-medium-tile .al-tile-carousel-slideHolder div.slide.al-tile .al-tile-standard {
  min-height: 111px;
}

/* medium tile carousel css - end */
/* Equal tile height css - flexbox */
.al-tile-height-flex {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  height: auto;
  /* Then we define the flow direction and if we allow the items to wrap
  * Remember this is the same as:
  * flex-direction: row;
  * flex-wrap: wrap;
  */
  flex-flow: row wrap;
  *margin-bottom: 11px;
  /* IE 10 - flexbox */
  display: -ms-box;
  display: -ms-flexbox;
}

.al-tile-height-flex .al-gutter-col,
.al-tile-height-flex .al-gutter-col .color-inherit,
.al-tile-height-flex .al-gutter-col .color-inherit .al-tile-baseContainer,
.al-tile-height-flex .al-gutter-col .color-inherit .al-tile-baseContainer .al-tile {
  display: -webkit-flex;
  display: -webkit-flexbox;
  display: flex;
  -webkit-box-align: stretch;
  -moz-box-align: stretch;
  -webkit-flex-align: stretch;
  height: auto;
  box-align: stretch;
  /* IE 10 - flexbox */
  display: -ms-flexbox;
  -ms-flex-direction: column;
}

.al-tile-height-flex .al-gutter-col .color-inherit,
.al-tile-height-flex .al-gutter-col .color-inherit .al-tile-baseContainer,
.al-tile-height-flex .al-gutter-col .color-inherit .al-tile-baseContainer .al-tile {
  width: 100%;
}

/* Equal tile height css - flexbox - end */
/*Start PFO-2621 - Re-Ordering Tiles */
.al-tiles-title-text-wrapper.al-tile-wrapper .al-tiles-title-rearrange {
  /* PFO-3038  consistent space between two buttons */
  /* change space 11 - 1.2 = 9.8, 1.2 is margin-right is comming from ui.button class*/
}
.al-tiles-title-text-wrapper.al-tile-wrapper .al-tiles-title-rearrange h4 {
  margin-right: 11px;
}
.al-tiles-title-text-wrapper.al-tile-wrapper .al-tiles-title-rearrange .al-tiles-title-button {
  float: left;
  margin-top: 0;
  clear: none;
}
.al-tiles-title-text-wrapper.al-tile-wrapper .al-tiles-title-rearrange .al-tile-show-hide-button {
  float: left;
}
.al-tiles-title-text-wrapper.al-tile-wrapper .al-tiles-title-rearrange .al-button + .al-button, .al-tiles-title-text-wrapper.al-tile-wrapper .al-tiles-title-rearrange button + button {
  margin-left: 9.8px;
}
.al-tiles-title-text-wrapper.al-tile-wrapper .al-tile-editArrowIcon-lrg {
  height: 100%;
  opacity: 0;
  position: absolute;
  z-index: 999;
  display: none;
  top: -1px;
}
.al-tiles-title-text-wrapper.al-tile-wrapper .al-tile-editArrowIcon-lrg .al-tile-editArrowIcon-lrg-img {
  background: url("../images/al-images/reorder_icon_lrg.png") 0 0 no-repeat;
  height: 86px;
  width: 86px;
  margin: 20px auto 0 auto;
}
.al-tiles-title-text-wrapper.al-tile-wrapper.al-tile-draggable .al-tile-baseContainer .al-tile.edit {
  position: static;
}
.al-tiles-title-text-wrapper.al-tile-wrapper.al-tile-draggable .al-tile-baseContainer .al-tile.edit .al-tile-editArrowIcon-small-grey {
  position: absolute;
  right: 0;
  top: 3px;
}
.al-tiles-title-text-wrapper.al-tile-wrapper.al-tile-draggable .al-tile-editArrowIcon-lrg {
  display: block;
  opacity: 0.6;
  filter: Alpha(opacity=60);
  background-color: #FFFFFF;
}
.al-tiles-title-text-wrapper.al-tile-wrapper.al-tile-draggable .drag-handle .al-tile-editArrowIcon-lrg {
  display: none;
}
.al-tiles-title-text-wrapper.al-tile-wrapper.al-tile-draggable .al-tile-button-message {
  margin-top: 5px;
}
.al-tiles-title-text-wrapper.al-tile-wrapper.al-tile-draggable .al-tile-editArrowIcon-lrg p {
  text-align: center;
}

.al-tile-draggable [draggable=true] {
  overflow: visible;
}
.al-tile-draggable [draggable=true] a {
  cursor: move;
}

/*End PFO-2621 - Re-Ordering Tiles */
/* PFO-3793 and PFO-3795 */
.al-favriote-tiles .al-tile-wrapper .al-buttons-right .al-icon-minus {
  position: relative;
}

/* PBPI-666 */
.al-tile-management-portlet .al-searchcontainer .results-grid {
  display: inline-block;
  width: 100%;
}

/* http://compass-style.org/reference/compass/css3/*/
/* =======================================
	TABLE OF CONTENTS
	1.Color Variables
		a. grays
		b. blues
		c. greens
		d. yellows
		e. reds
	2. Mixins
		a. fonts
		b.

   ======================================= */
/*=======================================================
			Colors
  =======================================================*/
/* Added Black and White, its a little redundent but easier to remember.
/* Grays */
/* MAIN default body text new to styleguide 10/17*/
/* Accent 1 (Blue) */
/*darkest */
/* lightest */
/* Accent 2 (Green) */
/* Accent 3 (Yellow) */
/* Accent 4 (Red) */
/*=======================================================
				Mixins
  =======================================================*/
/* ************ Fonts ************
	******************************* */
/* ************ 720 viewport ************
	******************************* */
/* ************ 480 viewport ************
	******************************* */
/***** scheduler table layout tanglesey *****/
.al-scheduler-ui {
  /**** Events
  		Week View *****/
  /***** Month View *****/
  /***** EVENTS *****/
  /***** scheduler today *****/
  /***** LEGEND *****/
  /***** DAY VIEW MESSAGES *****/
  /* ---------- Error messages ---------- */
  /* ---------- Warning messages ---------- */
  /* ---------- Success messages ---------- */
  /***** DAYVIEW TREEVIEW PANELS *****/
}
.al-scheduler-ui .al-scheduler-view-week {
  height: 200px !important; /*need this hack for now until I find out where the current inline 600px is being written */
}
.al-scheduler-ui .al-scheduler-base-hd {
  display: none; /*hide default nav bar in scheduler*/
}
.al-scheduler-ui .al-scheduler-base-content {
  border-width: 1px;
  border-color: #e9e8e8;
  border-top-width: 0px;
  margin-bottom: 20px;
}
.al-scheduler-ui .al-scheduler-view-day-header-day, .al-scheduler-ui .al-scheduler-view-month-header-day {
  text-align: left;
  background: #Dbdddd;
  border-left: solid 1px #e9e8e8;
}
.al-scheduler-ui .al-scheduler-view-day-header-day:first-child, .al-scheduler-ui .al-scheduler-view-month-header-day:first-child {
  border-left: solid 1px #dddddd;
}
.al-scheduler-ui .al-scheduler-view-day-content .al-widget-hd {
  border-bottom: none;
}
.al-scheduler-ui .al-scheduler-view-day-content .al-widget-bd {
  margin-top: -1px;
}
.al-scheduler-ui .al-scheduler-event {
  position: static;
  margin-top: 5px;
  height: 35px !important;
  margin-left: 4px;
  border-radius: 0px;
  border: none !important;
  background-color: transparent !important;
  width: 95% !important;
}
.al-scheduler-ui .al-scheduler-view-month-table-data-event {
  color: #000000;
}
.al-scheduler-ui .al-scheduler-event-title {
  display: none;
}
.al-scheduler-ui .al-scheduler-event-content {
  font-size: 12px;
}
.al-scheduler-ui .al-scheduler-event label, .al-scheduler-ui .al-scheduler-view-month-table-data-event label {
  padding: 5px;
  display: block;
}
.al-scheduler-ui .al-scheduler-view-month-table-data-event label {
  /**** tanglesey - temp until I can get the time hidden *****/
  position: relative;
  top: -16px;
  margin-bottom: -16px;
}
.al-scheduler-ui .al-scheduler-event label.event-tobesent, .al-scheduler-ui .al-scheduler-view-month-table-data-event label.event-tobesent {
  background-color: #fdf8c1; /* yellowish color */
  border: solid 1px #ffd177;
  color: #000000;
}
.al-scheduler-ui .al-scheduler-event label.event-sent, .al-scheduler-ui .al-scheduler-view-month-table-data-event label.event-sent {
  background-color: #ffffff;
  border: solid 1px #CCCCCC;
  color: #000000;
}
.al-scheduler-ui .al-scheduler-event label.event-overdue, .al-scheduler-ui .al-scheduler-view-month-table-data-event label.event-overdue {
  border: solid 1px #d96666;
  background-color: #d96666;
}
.al-scheduler-ui .al-scheduler-view-month-table-data-event {
  margin-left: 1px;
  border-radius: 0px;
  padding: 1px 3px;
  font-size: 12px;
  background-color: transparent !important;
}
.al-scheduler-ui .al-scheduler-view-marker-division {
  height: 25px;
  border-color: #ffffff;
}
.al-scheduler-ui .al-scheduler-view-day-header-day a, .al-scheduler-ui .al-scheduler-view-month-header-day div {
  padding: 6px;
  font-size: 12px;
  font-weight: bold;
  color: #3C4144;
}
.al-scheduler-ui .al-scheduler-view-month-table-data-col-title {
  text-align: left;
  background-color: #ffffff;
  font-size: 11px;
  padding: 6px;
}
.al-scheduler-ui .al-scheduler-today-hd, .al-scheduler-ui .al-scheduler-view-month-table-data-col-title-today {
  background: #64696c;
  border: 1px solid #64696c;
  border-width: 0 1px;
  color: #ffffff;
}
.al-scheduler-ui .al-scheduler-view-month-table-data-col-title-down {
  border-top: 1px solid #64696c;
}
.al-scheduler-ui .al-scheduler-view-month-colgrid-today {
  background-color: #ffffff;
  border-left: 1px solid #64696c;
  border-right: 1px solid #64696c;
}
.al-scheduler-ui a.al-scheduler-today-hd {
  color: #ffffff;
}
.al-scheduler-ui td.al-scheduler-view-grid-container {
  display: none;
}
.al-scheduler-ui .al-scheduler-view-scrollable {
  overflow-y: hidden;
}
.al-scheduler-ui .al-scheduler-view-table-time {
  font-size: 0px;
}
.al-scheduler-ui .al-scheduler-view-table-coltime {
  background-color: #ffffff;
  border-right: solid 0px #ffffff;
}
.al-scheduler-ui .al-scheduler-view-table-col:first-child {
  border-right: 0px;
  display: none;
}
.al-scheduler-ui .al-scheduler-view-table-col {
  border-left: none;
  border-right: solid 1px #dddddd;
  height: 175px;
}
.al-scheduler-ui .al-scheduler-today {
  background: #ffffff;
  border: 1px solid #64696c;
  border-width: 0 1px;
}
.al-scheduler-ui .al-scheduler-view-month-row {
  height: 175px !important;
}
.al-scheduler-ui .al-widget .al-component .al-scheduler-view .al-scheduler-view-month, .al-scheduler-ui .al-widget-bd .al-scheduler-view-noscroll, .al-scheduler-ui .al-scheduler-view-month {
  height: 1050px !important;
}
.al-scheduler-ui td.al-scheduler-view-month-table-data-col-nomonth {
  background: #f4f4f4;
}
.al-scheduler-ui .al-view-gt960 .al-portlet-legend, .al-scheduler-ui .al-view-960 .al-portlet-legend {
  text-align: right;
  padding-top: 3px;
}
.al-scheduler-ui .al-view-gt960 .al-portlet-legend i, .al-scheduler-ui .al-view-960 .al-portlet-legend i {
  padding: 0px 7px;
  margin-right: 5px;
  margin-left: 11px;
}
.al-scheduler-ui .al-view-lt960 .al-portlet-legend {
  text-align: left;
  margin-left: -10px;
  width: 100%;
}
.al-scheduler-ui .al-view-lt960 .al-portlet-legend i {
  padding: 0px 7px;
  margin-right: 5px;
  margin-left: 0;
}
.al-scheduler-ui .event-overdue-dayview {
  border: solid 1px #9E1F06;
  background: #ffe9e5 url("../images/base/icon_alert_small_red.png") 5px 9px;
  background-repeat: no-repeat;
  color: #384F34;
  margin-left: 0;
  padding: 10px;
  padding-left: 15px;
}
.al-scheduler-ui .al-tree-label .event-overdue-dayview {
  border: solid 1px #9E1F06;
  background: #ffe9e5 url("../images/base/icon_alert_small_red.png") 5px 13px;
  background-repeat: no-repeat;
  color: #384F34;
  margin-left: 0;
  padding: 10px;
  padding-left: 35px;
}
.al-scheduler-ui .event-tobesent-dayview {
  background-color: #fdf8c1;
  border: solid 1px #ffd177;
  color: #384F34;
  margin-left: 0;
  padding: 10px;
  padding-left: 15px;
}
.al-scheduler-ui .al-tree-label .event-tobesent-dayview {
  background-color: #fdf8c1;
  border: solid 1px #ffd177;
  color: #384F34;
  margin-left: 0;
  padding: 10px;
  padding-left: 35px;
}
.al-scheduler-ui .event-sent-dayview {
  background: #ffffff url("../images/base/icon_check_small.png") 0 12px;
  background-repeat: no-repeat;
  color: #384F34;
  margin-left: 0;
  padding: 10px;
  padding-left: 15px;
}
.al-scheduler-ui .al-tree-label .event-sent-dayview {
  background: #ffffff url("../images/base/icon_check_small.png") 0 12px;
  background-repeat: no-repeat;
  color: #384F34;
  margin-left: 0;
  padding: 10px;
  padding-left: 35px;
}
.al-scheduler-ui li.access .al-tree-label {
  width: 100%;
}
.al-scheduler-ui .al-treeview .al-helper-clearfix {
  background-color: #ffffff;
  border: none !important;
  padding: 11px 11px 11px 0px;
}
.al-scheduler-ui .al-treeview li.parent-node:first-child {
  border-top: solid 1px #c5c6c7;
}
.al-scheduler-ui .al-treeview li.parent-node {
  border-bottom: solid 1px #c5c6c7;
}
.al-scheduler-ui .al-treeview ul .parent-node {
  margin-bottom: 0px !important;
}
.al-scheduler-ui .al-treeview .al-tree-label {
  color: #3C4144;
  font-weight: bold;
  font-size: 14px;
}

/*--------------------------------------------------*\
	#HELPER-CLASSES
\*--------------------------------------------------*/
/*=======================================================
	Common Helper or Utility CSS Classes
=======================================================*/
/* = For image replacement
====================================================*/
.ir {
  display: block;
  border: 0;
  text-indent: -999em;
  overflow: hidden;
  background-color: transparent;
  background-repeat: no-repeat;
  text-align: left;
  direction: ltr;
  line-height: 0;
}

.ir br {
  display: none;
}

/* = Visibility
====================================================*/
/* Hide from both screenreaders and browsers: h5bp.com/u */
.hidden {
  display: none !important;
  visibility: hidden;
} /* note hidden here is a global override */
/* Hide only visually, but have it available for screenreaders: h5bp.com/v */
.sr-only,
.visuallyhidden {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute !important;
  width: 1px;
}

/* Extends the .visuallyhidden class to allow the element to be focusable when navigated to via the keyboard: h5bp.com/p */
.sr-only-focusable,
.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
  clip: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  position: static;
  width: auto;
}

/* Hide visually and from screenreaders, but maintain layout */
.invisible {
  visibility: hidden;
}

.visible {
  visibility: visible;
}

/* = Display
====================================================*/
.al-display-inline {
  display: inline !important;
}

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

.al-display-block {
  display: block !important;
}

.al-display-table {
  display: table !important;
}

.al-display-table-cell {
  display: table-cell !important;
}

.al-display-table-row {
  display: table-row !important;
}

.al-display-flex {
  display: flex !important;
}

.al-display-inline-flex {
  display: inline-flex !important;
}

/* = Clearfix
====================================================*/
.clearfix:before, .clearfix:after {
  content: "";
  display: table;
}

.clearfix:after {
  clear: both;
}

.clearfix {
  *zoom: 1;
}

.clear {
  clear: both;
}

/* = Responsive hidden classes
====================================================*/
/* see http://alloyui.com/versions/1.0.x/tutorials/viewport/ for more usage on Viewport */
.al-view-320 .al-hidden-320,
.al-view-480 .al-hidden-480,
.al-view-720 .al-hidden-720,
.al-view-960 .al-hidden-960,
.al-view-lt320 .al-hidden-lt320,
.al-view-lt480 .al-hidden-lt480,
.al-view-lt720 .al-hidden-lt720,
.al-view-lt960 .al-hidden-lt960,
.al-view-gt320 .al-hidden-gt320,
.al-view-gt480 .al-hidden-gt480,
.al-view-gt720 .al-hidden-gt720,
.al-view-gt960 .al-hidden-gt960 {
  display: none !important;
  visibility: hidden;
}

/* For Printing Hidden classes use .al-print-only  to Only be visible on print and .al-print-no to hide on print */
/* these need to be removed You should not add a class to something just to bold text*/
.portlet-row, .al-gutter-row, .clearfix {
  zoom: 1; /* For IE 6/7 (trigger hasLayout) */
}

.portlet-row:after, .al-gutter-row:after, .clearfix:after {
  content: "";
  visibility: hidden;
  display: block;
  height: 0;
  clear: both;
}

.al-tile .al-tile-show {
  display: inline;
}

.al-tile .al-tile-hide,
.al-video-hideelement {
  display: none;
}

/*To set content for link to support ARIA */
/* use hidden classes above */
.al-hidden-block {
  height: 0;
  width: 0;
  position: absolute;
  overflow: hidden;
  display: block;
}

/*please try not to use these */
.al-WidthAuto-FltLeft {
  width: auto;
  float: left;
}

.al-WidthAuto-FltRight {
  width: auto;
  float: right;
}

/* = Text Transformation
====================================================*/
.al-text-lowercase {
  text-transform: lowercase;
}

.al-text-uppercase {
  text-transform: uppercase;
}

.al-text-capitalize {
  text-transform: capitalize;
}

/* = Weight and italics
====================================================*/
.al-font-normal {
  font-weight: normal;
}

.al-font-bold {
  font-weight: bold;
}

.al-font-italic {
  font-style: italic;
}

.al-nobold {
  font-weight: normal;
}

/* = Verticle Alignment
====================================================*/
.al-v-align-top {
  vertical-align: top;
}

.al-v-align-middle {
  vertical-align: middle;
}

.al-v-align-bottom {
  vertical-align: bottom;
}

.al-v-align-baseline {
  vertical-align: baseline;
}

/* = Horizontal Alignment
====================================================*/
.al-text-align-left {
  text-align: left;
}

.al-text-align-center {
  text-align: center;
}

.al-text-align-right,
.al-table-cellalignRight {
  text-align: right;
} /* al-table-cellalignRight is old use al-text-align-right */
.al-text-align-justify {
  text-align: justify;
}

/* = Alignment of content in Table
====================================================*/
table th.al-text-align-left,
table td.al-text-align-left {
  text-align: left;
}
table th.al-text-align-center,
table td.al-text-align-center {
  text-align: center;
}
table th.al-text-align-right,
table td.al-text-align-right,
table th.al-table-cellalignRight,
table td.al-table-cellalignRight {
  text-align: right;
}
table th.al-text-align-justify,
table td.al-text-align-justify {
  text-align: justify;
}

/* = Alignment of content in Responsive view
====================================================*/
.al-view-lt480 .al-text-align-left-lt480,
.al-view-480 .al-text-align-left-480,
.al-view-960 .al-text-align-left-960,
.al-view-lt960 .al-text-align-left-lt960 {
  text-align: left;
}

.al-view-lt480 .al-text-align-right-lt480,
.al-view-480 .al-text-align-right-480 {
  text-align: right;
}

.al-view-480 .al-text-align-center-480 {
  text-align: center;
}

/* = float helpers with responsive
====================================================*/
.al-float-left,
.al-view-320 .al-float-left-320,
.al-view-lt480 .al-float-left-lt480,
.al-view-480 .al-float-left-480,
.al-view-480 .al-float-left-gt480,
.al-view-720 .al-float-left-720,
.al-view-960 .al-float-left-960,
.al-view-lt960 .al-float-left-lt960 {
  float: left;
}

.al-float-right,
.al-view-320 .al-float-right-320,
.al-view-lt480 .al-float-right-lt480,
.al-view-480 .al-float-right-480,
.al-view-480 .al-float-right-gt480,
.al-view-720 .al-float-right-720,
.al-view-960 .al-float-right-960,
.al-view-lt960 .al-float-right-lt960 {
  float: right;
}

.al-float-none,
.al-view-320 .al-float-none-320,
.al-view-lt480 .al-float-none-lt480,
.al-view-480 .al-float-none-480,
.al-view-480 .al-float-none-gt480,
.al-view-720 .al-float-none-720,
.al-view-960 .al-float-none-960,
.al-view-lt960 .al-float-none-lt960 {
  float: none;
}

/* = Spacing : Padding (Top, Right, Bottom, Left)
====================================================*/
.al-padding-top-1x {
  padding-top: 11px;
}

.al-padding-top-2x {
  padding-top: 22px;
}

.al-padding-top-3x {
  padding-top: 33px;
}

.al-padding-top-4x {
  padding-top: 44px;
}

.al-padding-top-5x {
  padding-top: 55px;
}

.al-padding-right-1x {
  padding-right: 11px;
}

.al-padding-right-2x {
  padding-right: 22px;
}

.al-padding-right-3x {
  padding-right: 33px;
}

.al-padding-right-4x {
  padding-right: 44px;
}

.al-padding-right-5x {
  padding-right: 55px;
}

.al-padding-bottom-1x {
  padding-bottom: 11px;
}

.al-padding-bottom-2x {
  padding-bottom: 22px;
}

.al-padding-bottom-3x {
  padding-bottom: 33px;
}

.al-padding-bottom-4x {
  padding-bottom: 44px;
}

.al-padding-bottom-5x {
  padding-bottom: 55px;
}

.al-padding-left-1x {
  padding-left: 11px;
}

.al-padding-left-2x {
  padding-left: 22px;
}

.al-padding-left-3x {
  padding-left: 33px;
}

.al-padding-left-4x {
  padding-left: 44px;
}

.al-padding-left-5x {
  padding-left: 55px;
}

.al-no-padding {
  padding: 0;
}

.al-padding-all-1x {
  padding: 11px;
}

.al-padding-all-2x {
  padding: 22px;
}

.al-padding-all-3x {
  padding: 33px;
}

.al-padding-all-4x {
  padding: 44px;
}

.al-padding-all-5x {
  padding: 55px;
}

/* PCA-8292 */
.al-padding-top-0 {
  padding-top: 0px;
}

.al-padding-right-0 {
  padding-right: 0px;
}

.al-padding-bottom-0 {
  padding-bottom: 0px;
}

.al-padding-left-0 {
  padding-left: 0px;
}

/* = Spacing : Margin (Top, Right, Bottom, Left)
====================================================*/
.al-margin-top-1x {
  margin-top: 11px;
}

.al-margin-top-2x {
  margin-top: 22px;
}

.al-margin-top-3x {
  margin-top: 33px;
}

.al-margin-top-4x {
  margin-top: 44px;
}

.al-margin-top-5x {
  margin-top: 55px;
}

.al-margin-right-1x {
  margin-right: 11px;
}

.al-margin-right-2x {
  margin-right: 22px;
}

.al-margin-right-3x {
  margin-right: 33px;
}

.al-margin-right-4x {
  margin-right: 44px;
}

.al-margin-right-5x {
  margin-right: 55px;
}

.al-margin-bottom-1x {
  margin-bottom: 11px;
}

.al-margin-bottom-2x {
  margin-bottom: 22px;
}

.al-margin-bottom-3x {
  margin-bottom: 33px;
}

.al-margin-bottom-4x {
  margin-bottom: 44px;
}

.al-margin-bottom-5x {
  margin-bottom: 55px;
}

.al-margin-left-1x {
  margin-left: 11px;
}

.al-margin-left-2x {
  margin-left: 22px;
}

.al-margin-left-3x {
  margin-left: 33px;
}

.al-margin-left-4x {
  margin-left: 44px;
}

.al-margin-left-5x {
  margin-left: 55px;
}

.al-no-margin {
  margin: 0;
}

.al-margin-auto {
  margin-left: auto;
  margin-right: auto;
}

.al-margin-all-1x {
  margin: 11px;
}

.al-margin-all-2x {
  margin: 22px;
}

.al-margin-all-3x {
  margin: 33px;
}

.al-margin-all-4x {
  margin: 44px;
}

.al-margin-all-5x {
  margin: 55px;
}

/* PCA-8292 */
.al-margin-top-0 {
  margin-top: 0px;
}

.al-margin-top-neg1x {
  margin-top: -11px;
}

.al-margin-right-0 {
  margin-right: 0px;
}

.al-margin-right-neg1x {
  margin-right: -11px;
}

.al-margin-bottom-0 {
  margin-bottom: 0px;
}

.al-margin-bottom-neg1x {
  margin-bottom: -11px;
}

.al-margin-left-0 {
  margin-left: 0px;
}

.al-margin-left-neg1x {
  margin-left: -11px;
}

/* HD-12692 */
.al-margin-right-5 {
  margin-right: 5px;
}

.al-margin-left-5 {
  margin-left: 5px;
}

.al-margin-top-5 {
  margin-top: 5px;
}

.al-margin-bottom-5 {
  margin-bottom: 5px;
}

/* = Position :
====================================================*/
.al-position-absolute {
  position: absolute;
}

.al-position-top-left {
  top: 0;
  left: 0;
}

.al-position-top-right {
  top: 0;
  right: 0;
  left: auto;
}

.al-position-bottom-left {
  top: auto;
  bottom: 0;
  left: 0;
  right: auto;
}

.al-position-bottom-right {
  top: auto;
  bottom: 0;
  left: auto;
  right: 0;
}

.al-position-bottom-full {
  top: auto;
  bottom: 0;
  left: 0;
  right: 0;
  width: 100%;
}

.al-position-top-full {
  top: 0;
  bottom: auto;
  left: 0;
  right: 0;
  width: 100%;
}

.al-position-left-full {
  top: 0;
  bottom: 0;
  left: 0;
  right: auto;
  height: 100%;
}

.al-position-right-full {
  top: 0;
  bottom: 0;
  left: auto;
  right: 0;
  height: 100%;
}

/* Remove snpinner arrows from input type number */
input[type=number].no-spin-buttons::-webkit-inner-spin-button,
input[type=number].no-spin-buttons::-webkit-outer-spin-button {
  -webkit-appearance: textfield;
  margin: 0;
}

input[type=number].no-spin-buttons {
  -moz-appearance: textfield;
}

/* iPhone Remove defult appearance of Select dropdown */
select.no-default-appearance {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  /* SVG background image */
  background: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='100' height='100' fill='%238C98F2'><polygon points='0,0 100,0 50,50'/></svg>") no-repeat;
  background: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' version='1.1' width='32' height='24' viewBox='0 0 32 24'><polygon points='0,0 32,0 16,24' style='fill: rgb%2828, 30, 32%29'></polygon></svg>");
  background-size: 12px;
  background-position: calc(100% - 10px) center;
  background-repeat: no-repeat;
  background-size: 9px 6px;
  padding-right: 1.5rem;
}

.al-no-hyphens {
  -moz-hyphens: none;
  -ms-hyphens: none;
  -webkit-hyphens: none;
  hyphens: none;
}

#proxyFrame {
  /*moves extra iframe in iframe out of the way so it does not show a grey box in IE on iframe pages */
  position: absolute;
  left: -1000px;
}

/* one type of Place Holder */
.al-placeholder {
  border-style: dashed;
  border-width: 1px;
  border-color: #D2D3D3;
  color: #D2D3D3;
  background-color: transparent;
  /*padding: inherit;*/
  clear: both;
  margin-bottom: 22px;
  margin-top: 22px;
  height: auto;
}

.al-placeholder .al-placeholder-alert {
  background: url("../images/base/icon_alert_small_gray.png") left 0px no-repeat;
  margin: 0;
  margin-right: 5px;
}
.ui-rtl .al-placeholder .al-placeholder-alert {
  background-position: right 0;
  margin-right: 0;
  margin-left: 5px;
}

.al-placeholder .al-placeholder-alert p {
  display: inline;
}

.al-placeholder p {
  line-height: 22px;
  padding-left: 23px;
  color: #64696C;
}
.ui-rtl .al-placeholder p {
  padding-left: 0;
  padding-right: 23px;
}

/* second type of placeholder */
.al-placeholder-content {
  border-width: 1px;
  border-style: dashed;
  border-color: #D2D3D3;
  background-image: none;
  background-color: transparent;
}

.al-placeholder-content-padding {
  padding: 5px;
}

/* dotted containers can also be used see al-containers with brand-2 */
/* http://compass-style.org/reference/compass/css3/*/
/* =======================================
	TABLE OF CONTENTS
	1.Color Variables
		a. grays
		b. blues
		c. greens
		d. yellows
		e. reds
	2. Mixins
		a. fonts
		b.

   ======================================= */
/*=======================================================
			Colors
  =======================================================*/
/* Added Black and White, its a little redundent but easier to remember.
/* Grays */
/* MAIN default body text new to styleguide 10/17*/
/* Accent 1 (Blue) */
/*darkest */
/* lightest */
/* Accent 2 (Green) */
/* Accent 3 (Yellow) */
/* Accent 4 (Red) */
/*=======================================================
				Mixins
  =======================================================*/
/* ************ Fonts ************
	******************************* */
/* ************ 720 viewport ************
	******************************* */
/* ************ 480 viewport ************
	******************************* */
/* new css started */
.al-find-more-flyout {
  position: fixed;
  bottom: -100px;
  transition: bottom 0.5s ease-in-out;
  margin-right: 22px;
  right: 0;
  width: 50%;
  z-index: 2;
}
.ui-rtl .al-find-more-flyout {
  margin-left: 22px;
  margin-right: auto;
  left: 0;
}
.al-find-more-flyout.show-find-more {
  bottom: 0;
}
.al-view-720 .al-find-more-flyout {
  width: 66.66%;
  margin: 0px 16.66%;
}
.al-view-lt720 .al-find-more-flyout {
  width: 90%;
  margin: 0px 5%;
}
.al-find-more-flyout .al-dock-tray-banner {
  position: absolute;
  width: 100%;
  display: block;
  height: 44px;
  padding: 0 22px;
  background-color: #095AB5;
  border-top-left-radius: 6px;
  border-top-right-radius: 6px;
  box-shadow: -1px -1px 11px 0 rgba(0, 0, 0, 0.5);
  background-image: url("../images/al-images/al-large-arrow/white-up.png");
  background-repeat: no-repeat;
  background-position: 96.8% center;
  cursor: pointer;
  bottom: 0;
}
.ui-rtl .al-find-more-flyout .al-dock-tray-banner {
  background-position: 3.8% center;
}
.al-find-more-flyout .al-dock-tray-banner.open {
  background-image: url("../images/al-images/al-large-arrow/white-down.png");
}
.al-view-lt720 .al-find-more-flyout .al-dock-tray-banner {
  padding: 0px 11px;
}
.al-find-more-flyout .al-dock-tray-banner .banner-title {
  color: #FFF;
  padding-top: 11px;
}
.al-find-more-flyout .al-dock-tray-banner .banner-title i {
  font-size: 24px;
}
.ui-rtl .al-find-more-flyout .al-dock-tray-banner .banner-title i {
  float: right;
}
.al-find-more-flyout .al-dock-tray-banner .banner-title a {
  color: #FFF;
}
.al-find-more-flyout .al-dock-tray-banner .banner-title a :hover {
  color: #FFF;
}
.al-view-lt720 .al-find-more-flyout .al-dock-tray-banner .banner-title a {
  font-weight: normal;
}
.al-find-more-flyout .al-dock-tray-content-wrapper {
  height: 0;
  transition: height 0.3s ease-in-out;
}
.al-find-more-flyout .al-dock-tray-content-wrapper.show-find-more-content {
  height: 300px;
}
.ui-rtl .al-find-more-flyout .al-dock-tray-content-wrapper.show-find-more-content {
  height: 310px;
}
.al-view-lt720 .al-find-more-flyout .al-dock-tray-content-wrapper.show-find-more-content, .al-view-720 .al-find-more-flyout .al-dock-tray-content-wrapper.show-find-more-content {
  height: 290px;
}
.al-view-lt720.ui-rtl .al-find-more-flyout .al-dock-tray-content-wrapper.show-find-more-content, .al-view-720.ui-rtl .al-find-more-flyout .al-dock-tray-content-wrapper.show-find-more-content {
  height: 318px;
}
.al-view-480 .al-find-more-flyout .al-dock-tray-content-wrapper.show-find-more-content, .al-view-lt480 .al-find-more-flyout .al-dock-tray-content-wrapper.show-find-more-content {
  height: 275px;
}
.al-view-480.ui-rtl .al-find-more-flyout .al-dock-tray-content-wrapper.show-find-more-content, .al-view-lt480.ui-rtl .al-find-more-flyout .al-dock-tray-content-wrapper.show-find-more-content {
  height: 305px;
}
.al-find-more-flyout .al-dock-tray-content-wrapper .al-dock-tray-content {
  border: 1px solid #c5c6c7;
  border-radius: 6px;
  box-shadow: -1px -1px 11px 0 rgba(0, 0, 0, 0.5);
  width: 95%;
  margin: 0 2.5%;
  background-color: white;
  padding: 22px;
}
.al-view-lt720 .al-find-more-flyout .al-dock-tray-content-wrapper .al-dock-tray-content {
  width: 97%;
  margin: 0px 1.5%;
  padding: 11px;
}
.al-find-more-flyout .al-dock-tray-content-wrapper .al-dock-tray-content .flyout-paginator {
  margin-bottom: 11px;
}
.al-find-more-flyout .al-dock-tray-content-wrapper .al-dock-tray-content .flyout-paginator .flyout-pagination {
  position: absolute;
  right: 33px;
  top: 20px;
  font-size: 20px;
}
.ui-rtl .al-find-more-flyout .al-dock-tray-content-wrapper .al-dock-tray-content .flyout-paginator .flyout-pagination {
  right: auto;
  left: 25px;
}
.ui-rtl .al-find-more-flyout .al-dock-tray-content-wrapper .al-dock-tray-content .flyout-paginator .flyout-pagination .fa-chevron-left:before, .ui-rtl .al-find-more-flyout .al-dock-tray-content-wrapper .al-dock-tray-content .flyout-paginator .flyout-pagination .pi-chevron-left:before {
  content: "\f054";
}
.ui-rtl .al-find-more-flyout .al-dock-tray-content-wrapper .al-dock-tray-content .flyout-paginator .flyout-pagination .fa-chevron-right:before, .ui-rtl .al-find-more-flyout .al-dock-tray-content-wrapper .al-dock-tray-content .flyout-paginator .flyout-pagination .pi-chevron-right:before {
  content: "\f053";
}
.al-view-lt720 .al-find-more-flyout .al-dock-tray-content-wrapper .al-dock-tray-content .flyout-paginator .flyout-pagination {
  top: 10px;
  right: 15px;
}
.ui-rtl.al-view-lt720 .al-find-more-flyout .al-dock-tray-content-wrapper .al-dock-tray-content .flyout-paginator .flyout-pagination {
  right: auto;
  left: 8px;
}
.al-find-more-flyout .al-dock-tray-content-wrapper .al-dock-tray-content .flyout-paginator .flyout-pagination button {
  background: none;
  border: 0;
  color: #B0B0B0;
}
.al-find-more-flyout .al-dock-tray-content-wrapper .al-dock-tray-content .flyout-paginator .flyout-pagination button:first-child {
  margin-right: 5px;
}
.al-find-more-flyout .al-dock-tray-content-wrapper .al-dock-tray-content .flyout-paginator .flyout-pagination button[disabled] {
  opacity: 0.3;
}
.al-find-more-flyout .al-dock-tray-content-wrapper .al-dock-tray-content .flyout-paginator p {
  margin-top: 0;
}
.al-find-more-flyout .al-dock-tray-content-wrapper .al-dock-tray-content .flyout-content {
  border-top: 1px solid #C5C6C7;
}
.al-find-more-flyout .al-dock-tray-content-wrapper .al-dock-tray-content .flyout-content .flyout-textholder {
  border-color: #C5C6C7;
  border-width: 0px 0px 1px 0px;
  border-style: dotted;
  padding: 11px 0;
  width: 100%;
}
.al-find-more-flyout .al-dock-tray-content-wrapper .al-dock-tray-content .flyout-content .flyout-textholder:last-child {
  border-bottom-width: 0;
}
.al-find-more-flyout .al-dock-tray-content-wrapper .al-dock-tray-content .flyout-content .flyout-textholder .asset-title {
  padding-bottom: 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font-weight: bold;
}
.al-find-more-flyout .al-dock-tray-content-wrapper .al-dock-tray-content .flyout-content .flyout-textholder .asset-title .icon {
  width: 20px;
  height: 20px;
  display: inline-block;
}
.al-find-more-flyout .al-dock-tray-content-wrapper .al-dock-tray-content .flyout-content .flyout-textholder .asset-title a {
  padding-left: 4px;
}
.al-find-more-flyout .al-dock-tray-content-wrapper .al-dock-tray-content .flyout-content .flyout-textholder p {
  margin: 0 0 0 5px;
  padding: 0 0 0 25px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

/* http://compass-style.org/reference/compass/css3/*/
/* =======================================
	TABLE OF CONTENTS
	1.Color Variables
		a. grays
		b. blues
		c. greens
		d. yellows
		e. reds
	2. Mixins
		a. fonts
		b.

   ======================================= */
/*=======================================================
			Colors
  =======================================================*/
/* Added Black and White, its a little redundent but easier to remember.
/* Grays */
/* MAIN default body text new to styleguide 10/17*/
/* Accent 1 (Blue) */
/*darkest */
/* lightest */
/* Accent 2 (Green) */
/* Accent 3 (Yellow) */
/* Accent 4 (Red) */
/*=======================================================
				Mixins
  =======================================================*/
/* ************ Fonts ************
	******************************* */
/* ************ 720 viewport ************
	******************************* */
/* ************ 480 viewport ************
	******************************* */
/* =======================================
	TABLE OF CONTENTS
	1. Countdown
	2. Enrollment Banner
======================================= */
/* 1. Countdown ========================= */
.al-countdown {
  font-weight: bold;
  line-height: 1.5em;
}
.al-countdown sup {
  font-size: 12px;
  font-weight: normal;
}
.al-view-gt960 .al-countdown {
  border-right: 1px solid;
  padding-right: 11px;
  margin-right: 11px;
  font-weight: normal;
}
.al-view-gt960 .al-countdown .al-countdown-number {
  font-size: 3.428em;
  line-height: 1.145em;
}
.al-view-gt960 .al-countdown .al-countdown-days {
  font-size: 1.286em;
  line-height: 1.222em;
  display: inline-block;
}
.al-view-gt960 .al-countdown .al-countdown-days > span {
  display: block;
}
.al-view-gt960 .al-countdown sup {
  font-weight: 400;
}

/* 2. Enrollment Banner ========================= */
.al-view-gt960 .al-enrlbanner-content {
  margin-right: 11px;
  margin-top: 11px;
}
.al-view-gt960 .al-enrlbanner-button {
  margin-top: 6px;
}
.al-view-gt960 .al-enrlbanner-wrapper {
  margin-bottom: 22px;
}

.al-view-lt960 .al-enrlbanner-wrapper {
  margin-bottom: 11px;
}

/* =======================================
	TABLE OF CONTENTS
	1. Carousel
======================================= */
/* 1. Carousel ========================= */
/* Carousel Common */
.al-carousel__container {
  position: relative;
  margin-bottom: 11px;
}
.al-carousel__container.preventDoubleTap {
  pointer-events: none;
}

.al-carousel__slides {
  min-height: 200px;
  position: relative;
  overflow: hidden;
  transform: translate3D(0, 0, 0);
}

/* Carousel single item */
.al-carousel__slide {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  opacity: 0;
  z-index: -3;
  will-change: transform, animation;
}
.al-carousel__slide .al-carousel__link {
  display: block;
  position: relative;
  height: 100%;
  width: 100%;
}
.al-carousel__slide .al-carousel__slide__content {
  position: absolute;
  top: 50%;
  left: 50%;
  color: #FFF;
  font-size: 24px;
  transform: translateZ(0);
  transform: translate(-50%, -50%);
}
.al-carousel__slide .al-carousel__image img {
  width: 100%;
  max-width: 100%;
  height: auto;
}

/* Carousel Buttons */
.al-carousel__controls {
  display: flex;
  justify-content: space-between;
  background-color: #333;
  color: #FFF;
  z-index: 5;
  position: relative;
}

.al-carousel-btn {
  display: inline-block;
  background-color: transparent;
  color: #FFF;
  border: 0;
  height: 100%;
  font-size: 18px;
  padding: 0;
  position: absolute;
  z-index: 5;
}
.al-carousel-btn i {
  display: block;
  padding: 5px;
}

/* Carousel Dot navigation */
.al-carousel__dots {
  text-align: center;
  list-style-type: none;
  margin: 0;
  padding: 0;
  display: flex;
  justify-content: center;
  flex-grow: 2;
  /* Dot navigation style when Redesign is OFF */
}
.al-carousel__dots .al-carousel__dot {
  display: inline-block;
  padding: 0;
  width: 12px;
  height: 12px;
  border-width: 0;
  border-radius: 50%;
  background: #FFF;
  margin: 10px 11px 9px;
}
.al-carousel__dots .al-carousel__dot:hover, .al-carousel__dots .al-carousel__dot:active, .al-carousel__dots .al-carousel__dot.active {
  background: #2196F3;
}

/* Dot navigation style when Redesign is ON */
.al-tile-redesign-nonData .al-carousel__dots .al-carousel__dot,
.al-tile-redesign .al-carousel__dots .al-carousel__dot {
  background: none;
  height: 12px;
  width: 12px;
  margin: 11px 3px 6px 3px;
  border: 1px solid #fff;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.5);
}
.al-tile-redesign-nonData .al-carousel__dots .al-carousel__dot:active, .al-tile-redesign-nonData .al-carousel__dots .al-carousel__dot.active,
.al-tile-redesign .al-carousel__dots .al-carousel__dot:active,
.al-tile-redesign .al-carousel__dots .al-carousel__dot.active {
  background: #ffffff;
}

/* Carousel Animating item */
.al-carousel__slide.active,
.al-carousel__slide.prev,
.al-carousel__slide.next {
  opacity: 1;
  animation-duration: 0.5s;
  animation-timing-function: ease-in-out;
  animation-fill-mode: forwards;
  animation-iteration-count: 1;
  animation-delay: 0s;
  transform: translateZ(0);
  z-index: 3;
}

/* Carousel Animating slide("_R") */
@keyframes slideLeftOut {
  0% {
    transform: translateX(0%);
  }
  100% {
    transform: translateX(-100%);
  }
}
@keyframes slideRightIn {
  0% {
    transform: translateX(100%);
  }
  100% {
    transform: translateX(0%);
  }
}
.al-carousel__slide.prev {
  animation-name: slideLeftOut;
}

.al-carousel__slide.active.next {
  animation-name: slideRightIn;
}

/* Carousel Animating slide("_L") */
@keyframes slideRightOut {
  0% {
    transform: translateX(0%);
  }
  100% {
    transform: translateX(100%);
  }
}
@keyframes slideLeftIn {
  0% {
    transform: translateX(-100%);
  }
  100% {
    transform: translateX(0%);
  }
}
.al-carousel__slide.prev.active {
  animation-name: slideLeftIn;
}

.al-carousel__slide.next {
  animation-name: slideRightOut;
}

/*----------------------------------------------
    Overridden CSS to Fix issues
------------------------------------------------*/
/* PCA-5854 : Fixed bottom extra margin issue */
.al-carousel__container .al-tile-wrapperLink {
  margin-bottom: 0;
}

.al-other-resources {
  padding: 13px 14px;
  color: #1c1e20;
  background-color: #e8e8e8;
}
.al-other-resources .al-other-resources-title {
  margin-bottom: 7px;
}
.al-other-resources .al-other-resources-checkbox {
  display: inline-block;
  width: 22px;
  height: 22px;
  vertical-align: middle;
}
.al-other-resources .al-other-resources-list {
  list-style-type: none;
  margin: 0;
  padding: 0;
}
.al-other-resources .al-other-resources-list-item a {
  text-decoration: none;
  border-top: 2px solid #e8e8e8;
  padding: 8px;
  display: block;
  background-color: #dddddd;
  color: #1c1e20;
}
.al-other-resources .al-other-resources-list-item a:visited, .al-other-resources .al-other-resources-list-item a :hover, .al-other-resources .al-other-resources-list-item a :focus, .al-other-resources .al-other-resources-list-item a :active {
  text-decoration: none;
}
.al-other-resources .al-other-resources-checkbox-icon {
  width: 22px;
  height: 22px;
  background-size: 100% !important;
  display: block;
}
.al-other-resources .al-other-resources-list .al-other-resources-list-item.al-dead-link a {
  color: #999999;
  pointer-events: none;
}

/* = Other Apps/Modules
====================================*/
/* http://compass-style.org/reference/compass/css3/*/
/* =======================================
	TABLE OF CONTENTS
	1.Color Variables
		a. grays
		b. blues
		c. greens
		d. yellows
		e. reds
	2. Mixins
		a. fonts
		b.

   ======================================= */
/*=======================================================
			Colors
  =======================================================*/
/* Added Black and White, its a little redundent but easier to remember.
/* Grays */
/* MAIN default body text new to styleguide 10/17*/
/* Accent 1 (Blue) */
/*darkest */
/* lightest */
/* Accent 2 (Green) */
/* Accent 3 (Yellow) */
/* Accent 4 (Red) */
/*=======================================================
				Mixins
  =======================================================*/
/* ************ Fonts ************
	******************************* */
/* ************ 720 viewport ************
	******************************* */
/* ************ 480 viewport ************
	******************************* */
/* =======================================
	TABLE OF CONTENTS
	1. Variables and Mixins
		a. $menuHeight - height of menu bar
		b. $menuSpriteImage - used to hold the image for main menu sprites
		c. menuItemIcon - used for style related to menu items with icons on mobile devices (removed)
		d. arrowDropDownMenu - styles for drop down menu.
			Adds CSS arrow for top of drop down menus. (additional class needed in html)
			Sets menu width, borders,shadows and positioning styles.
			Sets inner list styles
		e. flexHeader - Styles the dropdown list for mobile devices
	2. Main Header (non-navigation parts)
		a. .al-header-portlet
			Classes : al-header-ecs, al-header-welcome-statement, al-header-search, al-header-company-logo
		b. MAS dropdown large screen, MAS dropdown small screen
		c. Page Print Feature
		d. nav
			Classes : al-navigation-ad, al-navigation-ad-imageholder
	3. Primary Navigation
		a. primary nav large screen
		b. primary nav small screen
 	4. Secondary Nav
 		a. secondary nav large screen
		b. secondary nav small screen
 	5. Aux Nav
		a. aux nav large screen
		b. aux nav small screen
   ======================================= */
/*=======================================================
			Variables and Mixins
  =======================================================*/
/*=============*/
/*PCA-6800 (D) : width change 190px to 180px */
/*=======================================================
			Main Header
  =======================================================*/
.no-touch .al-header-ecs a:hover,
.no-touch #al-aux-nav a:hover,
.no-touch #al-primary-nav a:hover,
.no-touch .al-secondarynav a:hover {
  text-decoration: none;
}

#banner {
  z-index: 20;
  position: relative;
}
#banner li {
  line-height: 1em;
}

.al-header-ecs {
  padding: 4px 0px 5px 0px;
}
.al-header-ecs ul {
  margin: 0;
}
.al-header-ecs li {
  margin: 0;
  font-size: 0.857em;
  display: inline-block;
  margin-right: 11px;
}
.ie7 .al-header-ecs li {
  display: inline;
}

.al-header-welcome-statement {
  float: left;
  /*width:100%;*/
  /*  ===================== MAS dropdown large screen ===================== */
  /*  ===================== MAS dropdown small screen ===================== */
}
.al-header-welcome-statement p {
  margin: 0;
  /*max-width:50%;*/
  line-height: 1em;
}
.al-header-welcome-statement p + p {
  padding-top: 5px;
}
.al-view-lt960 .al-header-welcome-statement {
  /*PFO-567 Changes for reviewing responsivness of aux nav*/
  /*width: 75%;
  p{
  	max-width:100%;
  }*/
}
.al-view-lt960 .al-header-welcome-statement .al-user-name-seperator {
  max-width: 2%;
  float: left;
  margin: 0 5px 0 0;
}
.al-view-lt960 .al-header-welcome-statement .al-header-user-name,
.al-view-lt960 .al-header-welcome-statement .al-username-account,
.al-view-lt960 .al-header-welcome-statement .al-header-dropdown {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  float: left;
}
.al-view-lt960 .al-header-welcome-statement .al-header-user-name {
  max-width: 80%;
}
.al-view-lt960 .al-header-welcome-statement .al-username-account,
.al-view-lt960 .al-header-welcome-statement .al-header-dropdown {
  max-width: 47%;
}
.al-view-lt480 .al-header-welcome-statement .al-username-account,
.al-view-lt480 .al-header-welcome-statement .al-user-name-seperator {
  display: none;
}
.al-view-lt480 .al-header-welcome-statement .al-username-account,
.al-view-lt480 .al-header-welcome-statement .al-header-dropdown {
  max-width: 100%;
}

.al-header-search {
  float: right;
  padding-top: 1.8em;
  /* .al-view-lt960 & {
      display: none;
  }  search box show and hide for small screens */
}

.al-header-company-logo {
  float: left;
  clear: left;
  margin: 0;
}
.al-view-lt960 .al-header-company-logo img {
  max-height: 44px;
  max-width: 100%;
}

#al-nav {
  clear: both;
  margin-bottom: 10px;
  /*2*/
}
#al-nav .al-navigation-ad,
#al-nav .al-navigation-ad-img {
  margin-bottom: -11px;
  position: relative;
  max-width: 240px;
  /* navigation advertisment  nav-ad */
  /*1*/
}
#al-nav .al-navigation-ad .al-navigation-ad-imageholder,
#al-nav .al-navigation-ad-img .al-navigation-ad-imageholder {
  display: inline;
  width: 42px;
  overflow: hidden;
  position: absolute;
  top: 0;
  left: 0;
  height: 42px;
}
#al-nav .al-navigation-ad a,
#al-nav .al-navigation-ad-img a {
  padding: 5px 11px 0px 11px;
  overflow: hidden;
  height: 42px;
  width: auto;
  border-radius: 0px, 0px;
  border: 0px;
  background-color: #1E71CF;
  font-size: 0.79em;
}
.ie7 #al-nav .al-navigation-ad a,
.ie7 #al-nav .al-navigation-ad-img a {
  height: 37px;
  /* this is the normal height minus padding 42-5 */
}
.al-view-lt960 #al-nav .al-navigation-ad,
.al-view-lt960 #al-nav .al-navigation-ad-img {
  position: relative;
  display: block;
  max-width: 100%;
}
.al-view-lt960 #al-nav .al-navigation-ad a,
.al-view-lt960 #al-nav .al-navigation-ad-img a {
  color: #fff;
}
#al-nav .al-navigation-ad .al-navigation-ad-img,
#al-nav .al-navigation-ad-img .al-navigation-ad-img {
  /*this class is added to the li tag if there is an image */
  padding: 5px 11px 0px 53px;
}

.al-aux-pos-fix {
  position: relative;
  z-index: 10;
  /* fix ie7 z-index stacking bug */
}

/*=======================================================
			Primary Navigation
  =======================================================*/
/*  ===================== primary nav large screen ===================== */
#al-primary-nav {
  display: block;
  height: 67px;
  /* + 1 for top and bottom border to remove the bottom line for tab like look */
  /* #al-primary-main-ul { position:relative; }	 */
  /* This disables standard hover for links with dropdowns */
}
.ie #al-primary-nav {
  position: inherit;
}
.ie7 #al-primary-nav {
  height: 66px;
}
#al-primary-nav .al-primary-icon-menu-item {
  text-align: center;
  width: 8%;
  /*3*/
}
.al-view-lt960 #al-primary-nav .al-primary-icon-menu-item {
  width: 25%;
}
#al-primary-nav .al-primary-icon-menu-item a {
  position: relative;
  height: 66px;
  width: 100%;
  padding: 0px;
  text-align: left;
  background-repeat: no-repeat;
}
#al-primary-nav .al-primary-icon-menu-item a b {
  position: absolute;
  top: 42px;
  left: 0;
  display: block;
  width: 100%;
  text-align: center;
}
.no-touch #al-primary-nav .al-primary-icon-menu-item a:hover {
  height: 65px;
}
#al-primary-nav .al-primary-icon-menu-item.selected {
  height: 65px;
  /*4*/
}
.no-touch #al-primary-nav .al-primary-icon-menu-item.selected a:hover {
  height: 66px;
}
.no-touch #al-primary-nav .al-primary-icon-menu-item.selected ul a:hover {
  height: auto;
  /* height:44px; */
}
#al-primary-nav #al-primary-home-link a {
  background-position: center 11px;
}
#al-primary-nav #al-primary-search-link,
#al-primary-nav #al-primary-menu-link {
  display: none;
  /*for large screens */
}
#al-primary-nav #al-primary-search-link.selected,
#al-primary-nav #al-primary-menu-link.selected {
  height: 67px;
}
.no-touch #al-primary-nav #al-primary-menu-link.selected:hover,
.no-touch #al-primary-nav #al-gmc-messages-link.selected:hover,
.no-touch #al-primary-nav #al-primary-search-link.selected:hover {
  filter: none;
}
#al-primary-nav .al-primary-menu-small-last a {
  border-right: 1px dotted #C5C6C7;
}
#al-primary-nav #al-gmc-messages-link {
  float: right;
  text-align: center;
  /*7*/
}
#al-primary-nav #al-gmc-messages-link .al-badge-large {
  position: relative;
  font-size: 1.143em;
  line-height: 1.375em;
  padding-bottom: 0.313em;
  /* xs_font font size set in #al-primary-nav Anchor Tag and it's effect to badge so need to update for badge */
  line-height: normal;
  padding-bottom: 7px;
}
#al-primary-nav #al-gmc-messages-link .yui3-widget-mask {
  z-index: 99999;
  opacity: 0;
}
#al-primary-nav #al-gmc-messages-link a {
  color: #9E1F06;
  border-right: 1px dotted #C5C6C7;
}
#al-primary-nav #al-gmc-messages-link a b {
  top: 11px;
}
.al-view-lt960 #al-primary-nav #al-gmc-messages-link br {
  display: block;
}
#al-primary-nav #al-gmc-messages-link.al-no-messages a {
  background-position: center -185px;
  color: #3C4144;
}
#al-primary-nav #al-gmc-messages-link.al-no-messages b {
  top: 42px;
  /* is no messages puts icon back to where it was supose to be */
}
#al-primary-nav #al-gmc-messages-link .al-gmc-popover-flyout a {
  height: auto;
  font-weight: normal;
  background-image: none;
  border: none;
}
#al-primary-nav #al-gmc-messages-link #hmCount {
  background: none;
}
#al-primary-nav #al-gmc-messages-link .al-gmc-inner-wrapper a {
  font-size: 1em;
  line-height: 1.5714em;
  /* xs_font font size set in #al-primary-nav Anchor Tab and it's effect to flyout so need to update for flyout */
}
#al-primary-nav #al-primary-menu-ul {
  display: inline;
  float: none;
  height: auto;
}
#al-primary-nav ul {
  display: block;
  margin: 0;
  padding: 0;
}
#al-primary-nav li {
  list-style: none;
  display: inline;
  float: left;
  width: 12%;
  height: 65px;
  /* position:relative; */
  /* expandend list level */
}
.no-touch #al-primary-nav li:hover {
  height: 65px;
}
.no-touch #al-primary-nav li.selected:hover {
  background: none;
}
.no-touch #al-primary-nav li.al-primary-with-subnav.selected:hover {
  height: 66px;
}
#al-primary-nav li li {
  height: auto;
}
.no-touch #al-primary-nav li li:hover {
  filter: none;
  height: auto;
}
#al-primary-nav li ul li a {
  height: auto;
}
#al-primary-nav li a {
  border-left: 1px dotted #C5C6C7;
  text-decoration: none;
  font-weight: bold;
  color: #3C4144;
  display: block;
  line-height: 1.1em;
  font-size: 0.857em;
  position: relative;
}
#al-primary-nav li.selected {
  background-color: #FFFFFF;
}
#al-primary-nav li.selected a {
  border-bottom: 0px;
}
#al-primary-nav li.al-primary-with-subnav.selected {
  height: 66px;
  /* 999*/
}
#al-primary-nav li.al-primary-with-subnav.selected a {
  border-bottom: 0px;
  height: 66px;
}
.no-touch #al-primary-nav li.al-primary-with-subnav.selected a:hover {
  height: 66px;
}
.ie7 #al-primary-nav li.selected {
  height: 67px;
}
#al-primary-nav li.al-primary-moving-menu-list a,
#al-primary-nav li li a {
  padding: 11px 10px;
  height: 64px;
  width: auto;
  /* accounts for padding hieght */
}
.ie7 #al-primary-nav li.al-primary-moving-menu-list a,
.ie7 #al-primary-nav li li a {
  height: 44px;
}
.ie7 #al-primary-nav li.al-primary-moving-menu-list a:hover,
.ie7 #al-primary-nav li li a:hover {
  height: 44px;
}
#al-primary-nav li.al-primary-moving-menu-list.selected,
#al-primary-nav li li.selected {
  /* accounts for padding hieght */
}
.ie7 #al-primary-nav li.al-primary-moving-menu-list.selected a,
.ie7 #al-primary-nav li li.selected a {
  height: 45px;
}
.ie7 #al-primary-nav li.al-primary-moving-menu-list.selected a:hover,
.ie7 #al-primary-nav li li.selected a:hover {
  height: 45px;
}

/*  ===================== primary nav small screen ===================== */
.al-view-lt960 #al-primary-nav {
  /*height: $menuHeight +1;*/
}
.al-view-lt960 #al-primary-nav .al-page-wrapper {
  padding: 0;
}
.al-view-lt960 #al-primary-nav ul {
  padding: 0;
}
.al-view-lt960 #al-primary-nav li {
  /* position:inherit; */
}
.al-view-lt960 #al-primary-nav li br {
  display: none;
}
.al-view-lt960 #al-primary-nav li a {
  position: relative;
}
.al-view-lt960 #al-primary-nav #al-primary-home-link,
.al-view-lt960 #al-primary-nav #al-primary-menu-link,
.al-view-lt960 #al-primary-nav #al-primary-messages-link,
.al-view-lt960 #al-primary-nav #al-primary-search-link,
.al-view-lt960 #al-primary-nav #al-primary-menu-ul {
  display: block;
}
.al-view-lt960 #al-primary-nav #al-primary-menu-link {
  /* START :: PFO-13821 : Fixed Double line appears in Menu navigation for IPAD vertical view */
  /* END :: PFO-13821 : Fixed Double line appears in Menu navigation for IPAD vertical view */
}
.al-view-lt960 #al-primary-nav #al-primary-menu-link a {
  background-position: center -54px;
}
.al-view-lt960 #al-primary-nav #al-primary-menu-link .al-aux-menu-sub li.al-nav-flex-header a {
  background-position: left 15px;
}
.al-view-lt960 #al-primary-nav #al-primary-menu-link ul li span,
.al-view-lt960 #al-primary-nav #al-primary-menu-link ul li span[role=menuitem] {
  display: block;
  background-image: none;
  padding: 11px;
}
.al-view-lt960 #al-primary-nav #al-primary-menu-link ul li span,
.al-view-lt960 #al-primary-nav #al-primary-menu-link ul li span[role=menuitem] {
  color: #000000;
}
.al-view-lt960 #al-primary-nav #al-primary-menu-link ul li span:empty {
  display: none;
}
.al-view-lt960 #al-primary-nav #al-primary-messages-link a #al-gmc-message-numbers.al-gmc-alert-inbox {
  top: 5px;
  padding: 5px 3px;
  margin: 0 auto 3px;
}
.al-view-lt960 #al-primary-nav #al-primary-search-link a {
  background-position: center -124px;
}
.al-view-lt960 #al-primary-nav #al-primary-menu-ul {
  position: absolute;
  width: 100%;
  left: 0;
  z-index: 1100;
  top: auto !important;
  /*js over ride */
}
.al-view-lt960 #al-primary-nav #al-primary-menu-ul li {
  text-align: left;
  width: 100%;
  float: none;
  border-bottom: 1px dotted #D2D3D3;
  display: block;
}
.al-view-lt960 #al-primary-nav #al-primary-menu-ul li:last-child {
  border-bottom: 0px;
}
.al-view-lt960 #al-primary-nav #al-primary-menu-ul li.al-nav-highlight {
  height: auto;
}
.al-view-lt960 #al-primary-nav #al-primary-menu-ul li.al-nav-highlight a {
  font-weight: bold;
}
.al-view-lt960 #al-primary-nav #al-primary-menu-ul li.selected a {
  font-weight: bold;
}
.al-view-lt960 #al-primary-nav #al-primary-menu-ul li a {
  display: block;
  background-image: none;
  padding: 11px;
  height: auto;
  font-size: 0.857em;
  font-weight: normal;
  border-bottom: 0px;
  border-left: none;
  border-right: none;
}
.al-view-lt960 #al-primary-nav #al-primary-menu-ul li.al-simpleDropDown a {
  background-repeat: no-repeat;
  background-position: right;
}
.al-view-lt960 #al-primary-nav #al-primary-search-dropdown {
  display: block;
  left: 0 !important;
  /* important prevents js position override and keeps item on the page*/
  position: absolute;
  width: 100%;
  z-index: 100;
  border-bottom: none;
}
.al-view-lt960 #al-primary-nav #al-primary-search-dropdown form {
  /* Header search box vertical alignment margin */
  margin: 11px 22px;
  overflow: hidden;
}

/* No Nav styles */
.al-view-gt720 .al-primary-nav-none #al-primary-nav, .al-view-960 .al-primary-nav-none #al-primary-nav {
  display: none;
}
.al-view-lt960 .al-primary-nav-none #al-primary-nav #al-primary-menu-link,
.al-view-lt960 .al-primary-nav-none #al-primary-nav #al-primary-search-link {
  width: 50%;
}

/*=======================================================
			Secondary  Navigation
  =======================================================*/
/*  ===================== menu main ===================== */
.al-secondarynav {
  position: relative;
  clear: both;
  z-index: 2;
  /* -- Fix for UID-37/PBPI-1774 */
  /* this is the horizontal buttons and mobile */
}
.al-secondarynav .al-secondarynav-level-1 ul,
.al-secondarynav .al-secondarynav-flex-dropdown ul {
  padding-bottom: 11px;
  margin-top: 1px;
}
.al-secondarynav .al-secondarynav-level-1 ul li,
.al-secondarynav .al-secondarynav-flex-dropdown ul li {
  display: inline-block;
  list-style: none;
  padding: 0;
  margin: 0;
  margin-right: 7px;
  /* this should be 11px but something unknown is adding 4px. */
  margin-top: 11px;
  vertical-align: top;
}
.al-view-960 .al-secondarynav .al-secondarynav-level-1 ul li.al-device-only,
.al-view-960 .al-secondarynav .al-secondarynav-flex-dropdown ul li.al-device-only {
  display: none;
}
.ie7 .al-secondarynav .al-secondarynav-level-1 ul li,
.ie7 .al-secondarynav .al-secondarynav-flex-dropdown ul li {
  display: inline;
  margin-right: 11px;
}
.al-secondarynav .al-secondarynav-level-1 ul li:last-child,
.al-secondarynav .al-secondarynav-flex-dropdown ul li:last-child {
  margin-right: 0px;
}
.al-secondarynav .al-secondarynav-level-1 ul li a,
.al-secondarynav .al-secondarynav-level-1 ul li span,
.al-secondarynav .al-secondarynav-flex-dropdown ul li a,
.al-secondarynav .al-secondarynav-flex-dropdown ul li span {
  display: block;
  border-radius: 5px, 5px;
  border: 1px solid #1F2225;
  min-width: 132px;
  padding: 8px 33px 8px 11px;
  font-size: 0.857em;
  height: auto;
}
.al-secondarynav .al-secondarynav-level-1 ul li a:active,
.al-secondarynav .al-secondarynav-level-1 ul li span:active,
.al-secondarynav .al-secondarynav-flex-dropdown ul li a:active,
.al-secondarynav .al-secondarynav-flex-dropdown ul li span:active {
  background-color: #1E71CF;
  border: 1px solid #095AB5;
}
.ie7 .al-secondarynav .al-secondarynav-level-1 ul li a, .ie8 .al-secondarynav .al-secondarynav-level-1 ul li a,
.ie7 .al-secondarynav .al-secondarynav-level-1 ul li span,
.ie8 .al-secondarynav .al-secondarynav-level-1 ul li span,
.ie7 .al-secondarynav .al-secondarynav-flex-dropdown ul li a,
.ie8 .al-secondarynav .al-secondarynav-flex-dropdown ul li a,
.ie7 .al-secondarynav .al-secondarynav-flex-dropdown ul li span,
.ie8 .al-secondarynav .al-secondarynav-flex-dropdown ul li span {
  min-width: 90px;
}
.al-view-gt720 .al-secondarynav .al-secondarynav-level-1 .al-arrow, .al-view-960 .al-secondarynav .al-secondarynav-level-1 .al-arrow {
  display: none;
}
.al-secondarynav .al-secondarynav-level-2 {
  margin-top: -9px;
  /* this moves the arrow up into the parent list */
  float: left;
  box-shadow: 0px 2px 22px #000;
  width: 180px;
  position: absolute;
  z-index: 1000;
}
.al-secondarynav .al-secondarynav-level-2 ul {
  margin: 0;
  padding: 0;
}
.al-secondarynav .al-secondarynav-level-2 ul li {
  border-bottom: 1px dotted #D2D3D3;
  list-style: none;
}
.al-secondarynav .al-secondarynav-level-2 ul li:last-child {
  border-bottom: 0px;
}
.al-secondarynav .al-secondarynav-level-2 ul li.al-nav-highlight a {
  font-weight: bold;
}
.al-secondarynav .al-secondarynav-level-2 ul li a,
.al-secondarynav .al-secondarynav-level-2 ul li span {
  display: block;
  padding: 11px 11px;
  font-size: 0.857em;
}
.al-secondarynav .al-secondarynav-level-2 ul li a a.al-link-disabled,
.al-secondarynav .al-secondarynav-level-2 ul li a a.al-link-disabled:hover,
.al-secondarynav .al-secondarynav-level-2 ul li span a.al-link-disabled,
.al-secondarynav .al-secondarynav-level-2 ul li span a.al-link-disabled:hover {
  color: #3C4144;
  cursor: default;
}
.al-secondarynav .al-secondarynav-flex-dropdown {
  display: none;
  visibility: hidden;
}
.al-view-lt960 .al-secondarynav .al-secondarynav-flex-dropdown {
  display: block;
  visibility: visible;
}
.al-view-lt960 .al-secondarynav .al-secondarynav-flex-dropdown ul {
  margin: 11px;
}
.al-view-lt960 .al-secondarynav .al-secondarynav-flex-dropdown ul li {
  margin: 0;
  display: inline;
}
.al-view-lt960 .al-secondarynav .al-secondarynav-flex-dropdown ul li a,
.al-view-lt960 .al-secondarynav .al-secondarynav-flex-dropdown ul li span {
  display: block;
  width: 100%;
}
.al-view-lt960 .al-secondarynav .al-secondarynav-level-2,
.al-view-lt960 .al-secondarynav .al-secondarynav-level-1 {
  float: left;
  box-shadow: 0px 2px 22px #000;
  width: 180px;
  position: absolute;
  z-index: 1000;
  width: 101%;
  border-right-width: 0px;
  border-left-width: 0px;
  margin-left: -2px;
  display: block;
  position: absolute;
  left: 0;
  top: 0 !important;
  /*important is overriding js assigned Y hieght positioning used for large screen but not for small one. */
  /* margin-top: 45px;*/
}
.al-view-lt960 .al-secondarynav .al-secondarynav-level-2 ul,
.al-view-lt960 .al-secondarynav .al-secondarynav-level-1 ul {
  margin: 0;
  padding: 0;
}
.al-view-lt960 .al-secondarynav .al-secondarynav-level-2 ul li,
.al-view-lt960 .al-secondarynav .al-secondarynav-level-1 ul li {
  border-bottom: 1px dotted #D2D3D3;
  list-style: none;
}
.al-view-lt960 .al-secondarynav .al-secondarynav-level-2 ul li:last-child,
.al-view-lt960 .al-secondarynav .al-secondarynav-level-1 ul li:last-child {
  border-bottom: 0px;
}
.al-view-lt960 .al-secondarynav .al-secondarynav-level-2 ul li.al-nav-highlight a,
.al-view-lt960 .al-secondarynav .al-secondarynav-level-1 ul li.al-nav-highlight a {
  font-weight: bold;
}
.al-view-lt960 .al-secondarynav .al-secondarynav-level-2 ul li a,
.al-view-lt960 .al-secondarynav .al-secondarynav-level-2 ul li span,
.al-view-lt960 .al-secondarynav .al-secondarynav-level-1 ul li a,
.al-view-lt960 .al-secondarynav .al-secondarynav-level-1 ul li span {
  display: block;
  padding: 11px 11px;
  font-size: 0.857em;
}
.al-view-lt960 .al-secondarynav .al-secondarynav-level-2 ul li a a.al-link-disabled,
.al-view-lt960 .al-secondarynav .al-secondarynav-level-2 ul li a a.al-link-disabled:hover,
.al-view-lt960 .al-secondarynav .al-secondarynav-level-2 ul li span a.al-link-disabled,
.al-view-lt960 .al-secondarynav .al-secondarynav-level-2 ul li span a.al-link-disabled:hover,
.al-view-lt960 .al-secondarynav .al-secondarynav-level-1 ul li a a.al-link-disabled,
.al-view-lt960 .al-secondarynav .al-secondarynav-level-1 ul li a a.al-link-disabled:hover,
.al-view-lt960 .al-secondarynav .al-secondarynav-level-1 ul li span a.al-link-disabled,
.al-view-lt960 .al-secondarynav .al-secondarynav-level-1 ul li span a.al-link-disabled:hover {
  color: #3C4144;
  cursor: default;
}
.al-view-lt960 .al-secondarynav .al-secondarynav-level-2 ul li,
.al-view-lt960 .al-secondarynav .al-secondarynav-level-1 ul li {
  text-align: left;
  width: 100%;
  float: none;
  display: block;
  margin-top: 0px;
}
.al-view-lt960 .al-secondarynav .al-secondarynav-level-2 ul li.al-nav-highlight a,
.al-view-lt960 .al-secondarynav .al-secondarynav-level-1 ul li.al-nav-highlight a {
  font-weight: bold;
}
.al-view-lt960 .al-secondarynav .al-secondarynav-level-2 ul li a,
.al-view-lt960 .al-secondarynav .al-secondarynav-level-2 ul li span,
.al-view-lt960 .al-secondarynav .al-secondarynav-level-1 ul li a,
.al-view-lt960 .al-secondarynav .al-secondarynav-level-1 ul li span {
  background-image: none;
  padding: 11px;
  font-weight: normal;
  /* added different from others to override origional */
  border-radius: 0px, 0px;
  border: none;
}
.al-view-lt960 .al-secondarynav .al-secondarynav-level-2 ul li a:active,
.al-view-lt960 .al-secondarynav .al-secondarynav-level-2 ul li span:active,
.al-view-lt960 .al-secondarynav .al-secondarynav-level-1 ul li a:active,
.al-view-lt960 .al-secondarynav .al-secondarynav-level-1 ul li span:active {
  background-color: #1E71CF;
  color: #FFFFFF;
}
.al-view-lt960 .al-secondarynav .al-secondarynav-level-2.al-css-arrow,
.al-view-lt960 .al-secondarynav .al-secondarynav-level-1.al-css-arrow {
  position: absolute;
}
.al-view-lt960 .al-secondarynav .al-secondarynav-level-2 .al-simpleDropDown.al-nav-flex-header a,
.al-view-lt960 .al-secondarynav .al-secondarynav-level-1 .al-simpleDropDown.al-nav-flex-header a {
  font-weight: bold;
  background-repeat: no-repeat;
  background-position: left 15px;
  padding-left: 29px;
  background-color: transparent;
}
.al-secondarynav .al-simpleDropDown {
  position: relative;
}
.al-secondarynav .al-simpleDropDown a {
  background-repeat: no-repeat;
  background-position: right center;
}
.al-view-gt720 .al-secondarynav .al-nav-flex-header, .al-view-960 .al-secondarynav .al-nav-flex-header {
  display: none;
}
.al-secondarynav #ahNavOverlay {
  position: absolute;
  width: 100%;
  top: 50px;
  z-index: 0;
}

.al-secondarynav-bottom-shadow {
  height: 15px;
  width: 100%;
  clear: both;
  /* IE9 SVG, needs conditional override of 'filter' to 'none' */
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjI1Ii8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMCIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
  background: -moz-linear-gradient(top, rgba(0, 0, 0, 0.25) 0%, rgba(0, 0, 0, 0) 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0, 0, 0, 0.25)), color-stop(100%, rgba(0, 0, 0, 0)));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.25) 0%, rgba(0, 0, 0, 0) 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, rgba(0, 0, 0, 0.25) 0%, rgba(0, 0, 0, 0) 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, rgba(0, 0, 0, 0.25) 0%, rgba(0, 0, 0, 0) 100%);
  /* IE10+ */
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0.25) 0%, rgba(0, 0, 0, 0) 100%);
  /* W3C */
  /* IE6-8 */
}
.ie9 .al-secondarynav-bottom-shadow {
  filter: none;
}

/*=======================================================
			Aux Navigation
  =======================================================*/
/*  ===================== Aux Nav  Large Screen ===================== */
.al-aux-nav-wrapper {
  margin-bottom: 0px;
  position: relative;
  z-index: 100;
  padding: 11px 0px;
}

#al-aux-nav {
  position: absolute;
  right: 75px;
  bottom: 0px;
}
.al-view-lt960 #al-aux-nav {
  /*PFO-567 Changes for reviewing responsivness of aux nav*/
  bottom: 5px;
}
#al-aux-nav .al-aux-nav-primary {
  position: relative;
  margin: 0;
  padding: 0;
  font-size: 0.857em;
}
#al-aux-nav .al-aux-nav-primary li {
  float: left;
  display: inline;
  margin-left: 22px;
}
.no-touch #al-aux-nav .al-aux-nav-primary li a:hover {
  /* color:#365678; */
  background-color: inherit;
}
.al-view-lt960 #al-aux-nav .al-aux-nav-primary li {
  /*PFO-567 Changes for reviewing responsivness of aux nav*/
  display: none;
}
.al-view-lt960 #al-aux-nav .al-aux-nav-primary li.al-aux-nav-persistent {
  display: inline;
}
#al-aux-nav .al-aux-nav-primary li.al-simpleDropDown a {
  padding-right: 17px;
  background-repeat: no-repeat;
  background-position: right center;
  position: static;
  display: block;
}
#al-aux-nav .al-aux-menu-sub {
  top: 1.7em;
  /* No idea why this needs to be this number to verticaly position it correctly */
  float: left;
  box-shadow: 0px 2px 22px #000;
  width: 180px;
  position: absolute;
  z-index: 1000;
}
#al-aux-nav .al-aux-menu-sub ul {
  margin: 0;
  padding: 0;
}
#al-aux-nav .al-aux-menu-sub ul li {
  border-bottom: 1px dotted #D2D3D3;
  list-style: none;
}
#al-aux-nav .al-aux-menu-sub ul li:last-child {
  border-bottom: 0px;
}
#al-aux-nav .al-aux-menu-sub ul li.al-nav-highlight a {
  font-weight: bold;
}
#al-aux-nav .al-aux-menu-sub ul li a,
#al-aux-nav .al-aux-menu-sub ul li span {
  display: block;
  padding: 11px 11px;
  font-size: 0.857em;
}
#al-aux-nav .al-aux-menu-sub ul li a a.al-link-disabled,
#al-aux-nav .al-aux-menu-sub ul li a a.al-link-disabled:hover,
#al-aux-nav .al-aux-menu-sub ul li span a.al-link-disabled,
#al-aux-nav .al-aux-menu-sub ul li span a.al-link-disabled:hover {
  color: #3C4144;
  cursor: default;
}
#al-aux-nav .al-aux-menu-sub .al-aux-nav-head {
  display: none;
  visibility: hidden;
}
#al-aux-nav .al-aux-nav-chat-disabled,
#al-aux-nav .al-aux-nav-disabled {
  color: #86898B;
}

#aux-nav .al-aux-nav-chat-disabled,
#aux-nav .al-aux-nav-disabled {
  color: #86898B;
}

/*  ===================== Aux Nav  small screen ===================== */
#al-primary-menu-ul #al-aux-nav-small {
  display: block;
  border-top: 1px dotted #D2D3D3;
  width: 100%;
  /* z-index: 500; */
}
#al-primary-menu-ul #al-aux-nav-small ul {
  display: block;
  border-top: 1px solid #3C4144;
}
#al-primary-menu-ul #al-aux-nav-small ul a {
  font-weight: normal;
}
.al-view-lt960 #al-primary-menu-ul #al-aux-nav-small li.al-aux-nav-small-chat {
  display: none;
}
.al-view-960 #al-primary-menu-ul #al-aux-nav-small {
  /*PFO-567 Changes for reviewing responsivness of aux nav*/
  display: none;
}

/*Instead of id class should be used to make it generalize, .al-aux-menu-sub should be used instead of ID. The ID is for js to link subject to menu.*/
/* #al-primary-nav #al-aux-your-profile-small,
   #al-primary-nav #al-aux-choose-language-small,*/
#al-primary-nav .al-aux-menu-sub {
  width: 100%;
  display: block;
  position: absolute;
  z-index: 100;
  top: auto !important;
  /*Overrides veriable Y position asigned by JS that is for large but not small view*/
}
#al-primary-nav .al-aux-menu-sub li {
  text-align: left;
  width: 100%;
  float: none;
  border-bottom: 1px dotted #D2D3D3;
  display: block;
  height: auto;
}
#al-primary-nav .al-aux-menu-sub li:last-child {
  border-bottom: 0px;
}
#al-primary-nav .al-aux-menu-sub li a {
  height: auto;
  display: block;
  background-image: none;
  padding: 11px;
  font-size: 0.857em;
  font-weight: normal;
}
#al-primary-nav .al-aux-menu-sub li a.al-link-disabled,
#al-primary-nav .al-aux-menu-sub li a.al-link-disabled:hover {
  color: #3C4144;
  cursor: default;
}
#al-primary-nav .al-aux-menu-sub li.al-nav-flex-header a {
  font-weight: bold;
  background-repeat: no-repeat;
  background-position: left 15px;
  padding-left: 29px;
  background-color: transparent;
}

/* These classes help position the drop down menus in compressd views.
	When not in compressed view the menu is dynamicly positioned via js.
	However in compressd views it will always be flush with the left of
	screen and 100% wide.
*/
.al-view-lt960 #al-primary-nav .al-simpleDropDown-subject {
  /* left: 0 !important; */
  /* important prevents js position override and keeps item on the page*/
}

.al-view-lt960 .al-simpleDropDown-subject {
  /* left: 0 !important; */
  /* important prevents js position override and keeps item on the page*/
}

.al-single-menu a {
  /* copied from al-simpledropdown */
  padding-right: 17px;
  background-repeat: no-repeat;
  background-position: right center;
  position: static;
  /* end copied area*/
}
.no-touch .al-single-menu a, .no-touch .al-single-menu a:hover {
  text-decoration: none;
}

.al-single-menu-sub {
  top: 1.7em;
  /*this causes the menu to allways be at the top . */
  /* margin-top:11px;  /* this moves the arrow up into the parent list */
  float: left;
  box-shadow: 0px 2px 22px #000;
  width: 180px;
  position: absolute;
  z-index: 1000;
}
.al-single-menu-sub ul {
  margin: 0;
  padding: 0;
}
.al-single-menu-sub ul li {
  border-bottom: 1px dotted #D2D3D3;
  list-style: none;
}
.al-single-menu-sub ul li:last-child {
  border-bottom: 0px;
}
.al-single-menu-sub ul li.al-nav-highlight a {
  font-weight: bold;
}
.al-single-menu-sub ul li a,
.al-single-menu-sub ul li span {
  display: block;
  padding: 11px 11px;
  font-size: 0.857em;
}
.al-single-menu-sub ul li a a.al-link-disabled,
.al-single-menu-sub ul li a a.al-link-disabled:hover,
.al-single-menu-sub ul li span a.al-link-disabled,
.al-single-menu-sub ul li span a.al-link-disabled:hover {
  color: #3C4144;
  cursor: default;
}
.no-touch .al-single-menu-sub a, .no-touch .al-single-menu-sub a:hover {
  text-decoration: none;
}

.al-menu-subhead {
  font-size: 1.143em;
  line-height: 1.375em;
  padding-bottom: 0.313em;
  font-weight: bold;
  padding: 11px;
}

.al-single-menu-sub ul .al-menu-subhead ~ li a,
.al-single-menu-sub ul .al-menu-subhead ~ li span {
  padding-left: 22px;
}

/*No navigation*/
#al-primary-nav.al-no-nav {
  display: none;
}

.al-view-lt960 #al-primary-nav.al-no-nav {
  display: block;
}

.al-upoint-icon-display {
  background-image: url("../images/al-images/upoint.png");
  background-position: center center;
  background-repeat: no-repeat;
}

/*
// Commented the css - PCA-6358
.alNewNavigation #al-primary-nav #al-gmc-messages-link b .al-badge-action {
    background-color: #525252;
    height: 30px;
    width: 30px;
    border: none;
    font-weight: normal;
    font-size: 14px;
    padding: 7px;
    box-shadow: none;
}
*/
/* PCA-6801,6800 Center align dropdown from li*/
.al-secondarynav .al-secondarynav-level-1 ul li {
  position: relative;
  margin-right: 7px;
}

.al-view-gt960 .al-secondarynav .al-secondarynav-level-2 {
  /* margin-left: calc(33px - 50%);*/
  left: 0;
}

/* PCA-6971 :: RTL fix*/
.ui-rtl .al-view-960 .alNewNavigation #al-gmc-messages-link .al-gmc-popover-flyout {
  right: auto;
  left: -30px;
}

/* = Spacing
====================================*/
/* http://compass-style.org/reference/compass/css3/*/
/* =======================================
	TABLE OF CONTENTS
	1.Color Variables
		a. grays
		b. blues
		c. greens
		d. yellows
		e. reds
	2. Mixins
		a. fonts
		b.

   ======================================= */
/*=======================================================
			Colors
  =======================================================*/
/* Added Black and White, its a little redundent but easier to remember.
/* Grays */
/* MAIN default body text new to styleguide 10/17*/
/* Accent 1 (Blue) */
/*darkest */
/* lightest */
/* Accent 2 (Green) */
/* Accent 3 (Yellow) */
/* Accent 4 (Red) */
/*=======================================================
				Mixins
  =======================================================*/
/* ************ Fonts ************
	******************************* */
/* ************ 720 viewport ************
	******************************* */
/* ************ 480 viewport ************
	******************************* */
/* =======================================
  TABLE OF CONTENTS
  1. Rules
  2. AON Spacing of elements (OLD)
  3. Potential Spacing Conflicts (Upoint 6.1)
  4. Default Spacing / Safety Net (Upoint 6.3)
  5. Global Spacing Rules (Upoint 6.3)

  Description
  Combination files of small global style components
   ======================================= */
/*=======================================================
      Rules
  =======================================================*/
/* https://one.aon.net/sites/BenefitsPortal/PortalBase/Wave0site/Wave%200%20Wiki%20Page/Style%20Guide/Rules.aspx */
hr {
  display: block;
  margin: 11px 0; /* update rules spacing as per PFO-8975 */
}

.al-spacing,
.al-spacing-color {
  /*=======================================================
      AON Spacing of elements
  =======================================================*/
  /*  ------------ Spacing updates from the styleguide - Category A  ------------  */
  /* Between XXL Heading & L Subheading */
  /* Between XL Heading and Text Block */
  /* Between L Subheading & Text Block */
  /* Between 2 Buttons  */
  /* Between 2 Buttons for Button Group */
  /* Between 2 Tiles (vertically)  */
  /*.al-tile-baseContainer class seems to already have a bottom margin of 11px, per the style guide  << m sloggett

  /* Between Content Container Inner Content */
  /*.al-container-content class seems to already have a padding of 22px, per the style guide  << m sloggett

  /* Between 2 Input Fields (horizontal)
  input + input,
  .al-field + .al-field, commenting this line to fix the left spacing appearign after applying cat B  implementation as suggested  by Matt Sloggett*/
  /*  ---- NOTE MAY NEED!  -----
  .al-field-inline + .al-field-inline
      instead of
  .al-field + .al-field (this could have visual gaps)
  we fixed a similar issue in buttons + inputs below..
      ---- END NOTE  ----- */
  /* Between Input Field & Button (horizontal)
  input + button,
  button + input, */
  /* Between Table & Button (vertical) */
  /*  ------------  END Category A ------------  */
  /*  ------------ Spacing updates from the styleguide - Category b  ------------ */
  /* Between Tile Border Inner Content */
  /* .al-tile .typo-area  class seems to already have a padding of 22px, per the style guide  << m sloggett
  /* Between Input Field & Next Input Label (vertical) */
  /* Between 2 Columns of Text (horizontal) */
  /* Between 2 Content Groups (vertical) */
  /* Between 2 Columns of Text (horizontal)
  Between 2 Content Groups (vertical)
  Responsive  h2v,  horizontal to vertical */
  /* Between Input Field & Next Input Label (horizontal) */
  /* Between Input Field & Next Input Label (vertical) */
  /* Between Input Field & Next Input Label (horizontal)
  Between Input Field & Next Input Label (vertical)
  Responsive  h2v,  horizontal to vertical */
  /*put labels on top */
  /* responsive design for 22px margin top */
  /*  ------------ END Category B  ------------ */
  /* Content box Spacing */
}
.al-spacing h2 + h4,
.al-spacing-color h2 + h4 {
  margin-top: inherit;
}
.al-spacing h3 + p,
.al-spacing-color h3 + p { /* normal */ }
.al-spacing h4 + p,
.al-spacing-color h4 + p { /* normal */ }
.al-spacing .p-button + .p-button, .al-spacing button + button,
.al-spacing-color .p-button + .p-button,
.al-spacing-color button + button {
  margin-left: 7px; /* browsers are putting 4px of spacing because of line feed on forms */
}
.al-spacing .al-button-group .p-button + .p-button, .al-spacing .al-button-group button + button, .al-spacing .al-button-group * + .p-button,
.al-spacing-color .al-button-group .p-button + .p-button,
.al-spacing-color .al-button-group button + button,
.al-spacing-color .al-button-group * + .p-button {
  margin-left: 0;
  margin-top: 0; /* for buttongroup no left and top margin needed */
}
.al-spacing .al-field-inline + .al-field-inline,
.al-spacing .al-field-inline + .al-field,
.al-spacing .al-field + .al-field-inline,
.al-spacing-color .al-field-inline + .al-field-inline,
.al-spacing-color .al-field-inline + .al-field,
.al-spacing-color .al-field + .al-field-inline {
  margin-left: 7px; /* browsers are putting 4px of spacing because of line feed on forms */
}
.al-spacing .p-button + input,
.al-spacing input + .p-button,
.al-spacing .al-field-inline + .p-button,
.al-spacing .p-button + .al-field-inline,
.al-spacing-color .p-button + input,
.al-spacing-color input + .p-button,
.al-spacing-color .al-field-inline + .p-button,
.al-spacing-color .p-button + .al-field-inline {
  margin-left: 7px; /* browsers are putting 4px of spacing because of line feed on forms */
}
.al-spacing table + .p-button, .al-spacing table + input, .al-spacing table + button,
.al-spacing-color table + .p-button,
.al-spacing-color table + input,
.al-spacing-color table + button {
  margin-top: inherit; /*al-table has a bottom margin of 11px */
  display: inline-block; /* Make it inline-block - space not apply between table and button - Visually match with style-guide */
}
.al-spacing .al-table tfoot .p-button,
.al-spacing-color .al-table tfoot .p-button {
  margin-top: 11px; /*al-table has a bottom margin of 11px */
  display: inline-block;
}
.al-spacing .al-content-space-v,
.al-spacing-color .al-content-space-v {
  margin-top: inherit;
}
.al-spacing .al-view-720 .al-content-space-720-h2v,
.al-spacing .al-view-lt720 .al-content-space-720-h2v,
.al-spacing .al-view-480 .al-content-space-480-h2v,
.al-spacing .al-view-lt480 .al-content-space-480-h2v,
.al-spacing .al-view-320 .al-content-space-320-h2v,
.al-spacing .al-view-lt320 .al-content-space-320-h2v,
.al-spacing-color .al-view-720 .al-content-space-720-h2v,
.al-spacing-color .al-view-lt720 .al-content-space-720-h2v,
.al-spacing-color .al-view-480 .al-content-space-480-h2v,
.al-spacing-color .al-view-lt480 .al-content-space-480-h2v,
.al-spacing-color .al-view-320 .al-content-space-320-h2v,
.al-spacing-color .al-view-lt320 .al-content-space-320-h2v {
  border-left: 0px;
  margin-top: 11px;
}
.al-spacing .al-view-720 .al-gutter-col.al-content-space-720-h2v,
.al-spacing .al-view-lt720 .al-gutter-col.al-content-space-720-h2v,
.al-spacing .al-view-480 .al-gutter-col.al-content-space-480-h2v,
.al-spacing .al-view-lt480 .al-gutter-col.al-content-space-480-h2v,
.al-spacing .al-view-320 .al-gutter-col.al-content-space-320-h2v,
.al-spacing .al-view-lt320 .al-gutter-col.al-content-space-320-h2v,
.al-spacing-color .al-view-720 .al-gutter-col.al-content-space-720-h2v,
.al-spacing-color .al-view-lt720 .al-gutter-col.al-content-space-720-h2v,
.al-spacing-color .al-view-480 .al-gutter-col.al-content-space-480-h2v,
.al-spacing-color .al-view-lt480 .al-gutter-col.al-content-space-480-h2v,
.al-spacing-color .al-view-320 .al-gutter-col.al-content-space-320-h2v,
.al-spacing-color .al-view-lt320 .al-gutter-col.al-content-space-320-h2v {
  border-left: solid 11px transparent;
  margin-top: 11px;
}
.al-spacing .al-field-space-h,
.al-spacing-color .al-field-space-h {
  margin-left: 11px;
}
.al-spacing .al-field-space-v,
.al-spacing-color .al-field-space-v {
  display: block;
  margin-top: 11px;
}
.al-spacing .al-view-720 .al-field-space-720-h2v,
.al-spacing .al-view-lt720 .al-field-space-720-h2v,
.al-spacing .al-view-480 .al-field-space-480-h2v,
.al-spacing .al-view-lt480 .al-field-space-480-h2v,
.al-spacing .al-view-320 .al-field-space-320-h2v,
.al-spacing .al-view-lt320 .al-field-space-320-h2v,
.al-spacing-color .al-view-720 .al-field-space-720-h2v,
.al-spacing-color .al-view-lt720 .al-field-space-720-h2v,
.al-spacing-color .al-view-480 .al-field-space-480-h2v,
.al-spacing-color .al-view-lt480 .al-field-space-480-h2v,
.al-spacing-color .al-view-320 .al-field-space-320-h2v,
.al-spacing-color .al-view-lt320 .al-field-space-320-h2v {
  margin-left: 0px;
  margin-top: 11px;
  display: block;
}
.al-spacing .al-view-720 .al-field-space-720-h2v .al-field-label,
.al-spacing .al-view-lt720 .al-field-space-720-h2v .al-field-label,
.al-spacing .al-view-480 .al-field-space-480-h2v .al-field-label,
.al-spacing .al-view-lt480 .al-field-space-480-h2v .al-field-label,
.al-spacing .al-view-320 .al-field-space-320-h2v .al-field-label,
.al-spacing .al-view-lt320 .al-field-space-320-h2v .al-field-label,
.al-spacing-color .al-view-720 .al-field-space-720-h2v .al-field-label,
.al-spacing-color .al-view-lt720 .al-field-space-720-h2v .al-field-label,
.al-spacing-color .al-view-480 .al-field-space-480-h2v .al-field-label,
.al-spacing-color .al-view-lt480 .al-field-space-480-h2v .al-field-label,
.al-spacing-color .al-view-320 .al-field-space-320-h2v .al-field-label,
.al-spacing-color .al-view-lt320 .al-field-space-320-h2v .al-field-label {
  display: block;
}
.al-spacing .al-view-720 .al-content-space-720-h2v,
.al-spacing .al-view-lt720 .al-content-space-720-h2v,
.al-spacing .al-view-480 .al-content-space-480-h2v,
.al-spacing .al-view-lt480 .al-content-space-480-h2v,
.al-spacing .al-view-320 .al-content-space-320-h2v,
.al-spacing .al-view-lt320 .al-content-space-320-h2v,
.al-spacing-color .al-view-720 .al-content-space-720-h2v,
.al-spacing-color .al-view-lt720 .al-content-space-720-h2v,
.al-spacing-color .al-view-480 .al-content-space-480-h2v,
.al-spacing-color .al-view-lt480 .al-content-space-480-h2v,
.al-spacing-color .al-view-320 .al-content-space-320-h2v,
.al-spacing-color .al-view-lt320 .al-content-space-320-h2v {
  border-left: 11px;
  margin-top: 11px;
}
.al-spacing .al-container-box + *, .al-spacing .al-container + *, .al-spacing .al-placeholder-content + *,
.al-spacing-color .al-container-box + *,
.al-spacing-color .al-container + *,
.al-spacing-color .al-placeholder-content + * {
  margin: inherit;
}

/* ==================================================================
    GLOBAL SPACING
  ==================================================================*/
/* ==================================================================
    Potential Spacing Conflicts.  Fix in the theme
    Keep for UPoint 6.1 testing
  ==================================================================*/
/* remove spacing rules from styleguide-extras.css, redundant */
.al-spacing-color p,
.al-spacing p {
  margin-bottom: 0px;
}
.al-spacing-color .al-table,
.al-spacing .al-table {
  margin-top: 0px;
  margin-bottom: 0px;
}
.al-spacing-color .al-panel-wrapper hr,
.al-spacing .al-panel-wrapper hr {
  margin: 11px;
}
.al-spacing-color .al-tile .typo-area,
.al-spacing .al-tile .typo-area {
  padding: 11px 22px 22px 22px;
}
.al-spacing-color .al-table td,
.al-spacing-color .al-table th,
.al-spacing .al-table td,
.al-spacing .al-table th {
  padding: 11px 11px 11px 11px;
}
.al-spacing-color .al-content-space-v,
.al-spacing .al-content-space-v {
  margin-top: 0px;
}
.al-spacing-color .al-field-space-v,
.al-spacing .al-field-space-v {
  margin-top: 0px;
}
.al-spacing-color .al-field-label,
.al-spacing-color .al-prefix,
.al-spacing-color .al-suffix,
.al-spacing-color .al-field-element,
.al-spacing .al-field-label,
.al-spacing .al-prefix,
.al-spacing .al-suffix,
.al-spacing .al-field-element {
  display: inherit;
}
.al-spacing-color .al-field-inline .al-field-element,
.al-spacing-color .al-field-inline .al-field-element,
.al-spacing-color .al-field-inline .al-field-label,
.al-spacing-color .al-field-label-inline-label,
.al-spacing-color .al-field-label-inline-label + .al-prefix,
.al-spacing-color .al-field-label-right,
.al-spacing-color .al-field-label-right + .al-suffix,
.al-spacing-color .al-field-label-left,
.al-spacing-color .al-field-label-left + .al-suffix,
.al-spacing .al-field-inline .al-field-element,
.al-spacing .al-field-inline .al-field-element,
.al-spacing .al-field-inline .al-field-label,
.al-spacing .al-field-label-inline-label,
.al-spacing .al-field-label-inline-label + .al-prefix,
.al-spacing .al-field-label-right,
.al-spacing .al-field-label-right + .al-suffix,
.al-spacing .al-field-label-left,
.al-spacing .al-field-label-left + .al-suffix {
  display: inline-block;
  vertical-align: middle;
}
.al-spacing-color .p-button,
.al-spacing-color .ui-buttonitem,
.al-spacing .p-button,
.al-spacing .ui-buttonitem {
  display: inline-block;
}
.al-spacing-color .al-fieldset + .p-button,
.al-spacing-color .al-fieldset + .ui-buttonitem,
.al-spacing .al-fieldset + .p-button,
.al-spacing .al-fieldset + .ui-buttonitem {
  display: block;
}

/* ==========================================================================================================================================================
  ===========================================================================================================================================================
  ===========================================================================================================================================================

    SASS Section 1:  No Color

    NOTE:  You have to do these same changes for al-spacing-color!! (SASS Section 2)

  ==========================================================================================================================================================
  ==========================================================================================================================================================
  ========================================================================================================================================================== */
.al-spacing #footer, #footer.al-spacing, #footer .al-spacing,
.al-spacing #content, #content.al-spacing, #content .al-spacing,
.al-spacing.al-dialog, .al-spacing.al-tooltip {
  /* ====================================
  Horizontal Rules
  ====================================*/
  /* Horizontal Rule (plus) any element:  11px vertical */
  /* Removed margin-left and margin-right ul,ol,dl: PBPI-4210*/
  /* ==================================================================
      Default spacing / Safety Net
  ================================================================== */
  /*==================================================================
      Spacing Patterns
  ==================================================================*/
  /* ====================================
  Typography
  ====================================*/
  /* typography paragraphs */
  /* variable change from space-0px to space-11px for pbpi-4087 & 4077 & 4013*/
  /* variable change from space-11px to space-default for pbpi-4087 & 4077 & 4013*/
  /*added new css for pbpi-4087 & 4077 & 4013*/
  /* typography Headers:  11px vertical */
  /* ====================================
  Headers: Font Size Helpers
  ====================================*/
  /* non semantic typography */
  /* typography Headers:  11px vertical */
  /* typography paragraphs */
  /* ====================================
  END    Headers: Font Size Helpers
  ====================================*/
  /* ol or ul (plus) any element:  11px vertical */
  /* list items li:  5px vertical */
  /* nested list:  ol + ol, ul + ul, etc:  5px vertical */
  /* nested list:  ol + ol, ul + ul, etc:  5px vertical */
  /* ol + ol, ol + ul, ul + ol, ul + ul:  11px vertical */
  /* ====================================
  Spacing Conflict, fixing li in UI tabs
  ====================================*/
  /*ul[role=tablist],
  .al-navitabs-tab-set ul li.al-navitabs-tab,
  .al-navitabs ul.al-navitabs-tab-dropdown,
  .al-navitabs ul.al-navitabs-tab-dropdown li.al-navitabs-tab
  {@include space-conflict-0px;}*/
  /* .al-navitabs & .al-navitabs-tab-set has been removed to match css hierarchy PFO-16584 :: Start */
  /* PFO-16584 :: End */
  /* ====================================
  Tables / Tabs / Progressbar / Content Boxes / Calendar
  ====================================*/
  /* table (plus) any element:  11px vertical */
  /* Tabs Navitabs (plus) any element:  11px vertical */
  /* Progressbar list items (li + li) set top margin to 0 */
  /* Content box (plus) any element:  11px vertical */
  /* Calendar button -11px vertical */
  /* ====================================
  Forms
  ====================================*/
  /* all form elements (plus) any element:  11px vertical  */
  /* form.al-form, */
  /* commenting below rule for PBPI-4003*/
  /*input[type=hidden] + *, input[type=hidden] + script + *,
  {
  @include space-0px;
  }*/
  /* label (plus) form element:  5px vertical  */
  /* label (plus) form element:  for sr-only class added to label  */
  /* label (plus) inline form element:  11px vertical  */
  /* form validation error:  5px vertical  */
  /* any element (plus) button:  22px vertical  */
  /* Between 2 Buttons for Button Group */
  /* ====================================
  Spacing Conflict, combined buttons fix
  ====================================*/
  /* Button Sets:  0px vertical  */
  /* ====================================
  Panels
  ====================================*/
  /* ====================================
  Spacing Conflict, panels fix
  ====================================*/
  /* Removed bottom margin for autocomplete list for PBPI-3872*/
  /* ====================================
  Supporting Links
  ====================================*/
  /* Removed top/bottom margin for Supporting Links list for PBPI-4154*/
  /* Removed bottom margin for Supporting Links list for PBPI-4154 */
  /* ====================================
  Spacing Conflict, fixing search bars
  ====================================*/
  /* Removed top margin for search + button for PBPI-4247*/
  /* ====================================
  Spacing Conflict, fixing carousel buttons
  ====================================*/
  /* Removed margin for carousel buttons for PCA-7880*/
  /* ====================================
  Spacing for Tips-Alerts
  ====================================*/
  /* Added due to PFO-18005 */
  /* Remove table margin-bottom for calendar component*/
  /* Add margin-bottom for Checkbox components*/
  /* Add margin-bottom to input box component */
  /* Add padding left & right to pagination button and adding margin-bottom to pagination component*/
  /* Add margin-bottom for Radio Button components*/
  /* Add margin-bottom for Select dropdown components*/
  /*Remove margin bottom from multiselect checkbox*/
  /* Remove margin-top from tabs for li + li in vertical tabs*/
  /*Remove margin-top for autocomplete search button*/
  /* Add margin bottom for label in Form validation component */
}
.al-spacing #footer hr + *, #footer.al-spacing hr + *, #footer .al-spacing hr + *,
.al-spacing #content hr + *, #content.al-spacing hr + *, #content .al-spacing hr + *,
.al-spacing.al-dialog hr + *, .al-spacing.al-tooltip hr + * {
  margin-top: 0px;
  margin-bottom: 0px;
}
.al-spacing #footer hr, .al-spacing #footer hr + hr, #footer.al-spacing hr, #footer.al-spacing hr + hr, #footer .al-spacing hr, #footer .al-spacing hr + hr,
.al-spacing #content hr,
.al-spacing #content hr + hr, #content.al-spacing hr, #content.al-spacing hr + hr, #content .al-spacing hr, #content .al-spacing hr + hr,
.al-spacing.al-dialog hr,
.al-spacing.al-dialog hr + hr, .al-spacing.al-tooltip hr, .al-spacing.al-tooltip hr + hr {
  margin: 11px 0;
}
.al-spacing #footer h1,
.al-spacing #footer h2,
.al-spacing #footer h3,
.al-spacing #footer h4,
.al-spacing #footer h5,
.al-spacing #footer h6,
.al-spacing #footer p,
.al-spacing #footer ul,
.al-spacing #footer ol,
.al-spacing #footer dl,
.al-spacing #footer li,
.al-spacing #footer dt,
.al-spacing #footer dd,
.al-spacing #footer table,
.al-spacing #footer .al-tab,
.al-spacing #footer .al-navitabs,
.al-spacing #footer .al-container,
.al-spacing #footer .al-container-box,
.al-spacing #footer .al-container-divider,
.al-spacing #footer .al-datepicker, #footer.al-spacing h1,
#footer.al-spacing h2,
#footer.al-spacing h3,
#footer.al-spacing h4,
#footer.al-spacing h5,
#footer.al-spacing h6,
#footer.al-spacing p,
#footer.al-spacing ul,
#footer.al-spacing ol,
#footer.al-spacing dl,
#footer.al-spacing li,
#footer.al-spacing dt,
#footer.al-spacing dd,
#footer.al-spacing table,
#footer.al-spacing .al-tab,
#footer.al-spacing .al-navitabs,
#footer.al-spacing .al-container,
#footer.al-spacing .al-container-box,
#footer.al-spacing .al-container-divider,
#footer.al-spacing .al-datepicker, #footer .al-spacing h1,
#footer .al-spacing h2,
#footer .al-spacing h3,
#footer .al-spacing h4,
#footer .al-spacing h5,
#footer .al-spacing h6,
#footer .al-spacing p,
#footer .al-spacing ul,
#footer .al-spacing ol,
#footer .al-spacing dl,
#footer .al-spacing li,
#footer .al-spacing dt,
#footer .al-spacing dd,
#footer .al-spacing table,
#footer .al-spacing .al-tab,
#footer .al-spacing .al-navitabs,
#footer .al-spacing .al-container,
#footer .al-spacing .al-container-box,
#footer .al-spacing .al-container-divider,
#footer .al-spacing .al-datepicker,
.al-spacing #content h1,
.al-spacing #content h2,
.al-spacing #content h3,
.al-spacing #content h4,
.al-spacing #content h5,
.al-spacing #content h6,
.al-spacing #content p,
.al-spacing #content ul,
.al-spacing #content ol,
.al-spacing #content dl,
.al-spacing #content li,
.al-spacing #content dt,
.al-spacing #content dd,
.al-spacing #content table,
.al-spacing #content .al-tab,
.al-spacing #content .al-navitabs,
.al-spacing #content .al-container,
.al-spacing #content .al-container-box,
.al-spacing #content .al-container-divider,
.al-spacing #content .al-datepicker, #content.al-spacing h1,
#content.al-spacing h2,
#content.al-spacing h3,
#content.al-spacing h4,
#content.al-spacing h5,
#content.al-spacing h6,
#content.al-spacing p,
#content.al-spacing ul,
#content.al-spacing ol,
#content.al-spacing dl,
#content.al-spacing li,
#content.al-spacing dt,
#content.al-spacing dd,
#content.al-spacing table,
#content.al-spacing .al-tab,
#content.al-spacing .al-navitabs,
#content.al-spacing .al-container,
#content.al-spacing .al-container-box,
#content.al-spacing .al-container-divider,
#content.al-spacing .al-datepicker, #content .al-spacing h1,
#content .al-spacing h2,
#content .al-spacing h3,
#content .al-spacing h4,
#content .al-spacing h5,
#content .al-spacing h6,
#content .al-spacing p,
#content .al-spacing ul,
#content .al-spacing ol,
#content .al-spacing dl,
#content .al-spacing li,
#content .al-spacing dt,
#content .al-spacing dd,
#content .al-spacing table,
#content .al-spacing .al-tab,
#content .al-spacing .al-navitabs,
#content .al-spacing .al-container,
#content .al-spacing .al-container-box,
#content .al-spacing .al-container-divider,
#content .al-spacing .al-datepicker,
.al-spacing.al-dialog h1,
.al-spacing.al-dialog h2,
.al-spacing.al-dialog h3,
.al-spacing.al-dialog h4,
.al-spacing.al-dialog h5,
.al-spacing.al-dialog h6,
.al-spacing.al-dialog p,
.al-spacing.al-dialog ul,
.al-spacing.al-dialog ol,
.al-spacing.al-dialog dl,
.al-spacing.al-dialog li,
.al-spacing.al-dialog dt,
.al-spacing.al-dialog dd,
.al-spacing.al-dialog table,
.al-spacing.al-dialog .al-tab,
.al-spacing.al-dialog .al-navitabs,
.al-spacing.al-dialog .al-container,
.al-spacing.al-dialog .al-container-box,
.al-spacing.al-dialog .al-container-divider,
.al-spacing.al-dialog .al-datepicker, .al-spacing.al-tooltip h1,
.al-spacing.al-tooltip h2,
.al-spacing.al-tooltip h3,
.al-spacing.al-tooltip h4,
.al-spacing.al-tooltip h5,
.al-spacing.al-tooltip h6,
.al-spacing.al-tooltip p,
.al-spacing.al-tooltip ul,
.al-spacing.al-tooltip ol,
.al-spacing.al-tooltip dl,
.al-spacing.al-tooltip li,
.al-spacing.al-tooltip dt,
.al-spacing.al-tooltip dd,
.al-spacing.al-tooltip table,
.al-spacing.al-tooltip .al-tab,
.al-spacing.al-tooltip .al-navitabs,
.al-spacing.al-tooltip .al-container,
.al-spacing.al-tooltip .al-container-box,
.al-spacing.al-tooltip .al-container-divider,
.al-spacing.al-tooltip .al-datepicker {
  /* default space 11px*/
  margin-bottom: 11px;
  /* default - value above = 0 */
}
.al-spacing #footer .al-tile .typo-area > :last-child,
.al-spacing #footer .al-table td > :last-child,
.al-spacing #footer .al-table th > :last-child,
.al-spacing #footer .al-container-content > :last-child,
.al-spacing #footer .al-navitabs-panel > :last-child,
.al-spacing #footer .al-tile .typo-area > .p-button:last-child,
.al-spacing #footer .al-table td > .p-button:last-child,
.al-spacing #footer .al-table th > .p-button:last-child,
.al-spacing #footer .al-container-content > .p-button:last-child,
.al-spacing #footer .al-navitabs-panel > .p-button:last-child,
.al-spacing #footer table th p-checkbox:last-child .p-checkbox,
.al-spacing #footer table th p-checkbox:last-child .p-checkbox-label,
.al-spacing #footer table th p-radiobutton:last-child .p-radiobutton,
.al-spacing #footer table th p-radiobutton:last-child .p-radiobutton-label,
.al-spacing #footer table td p-checkbox:last-child .p-checkbox,
.al-spacing #footer table td p-checkbox:last-child .p-checkbox-label,
.al-spacing #footer table td p-radiobutton:last-child .p-radiobutton,
.al-spacing #footer table td p-radiobutton:last-child .p-radiobutton-label, #footer.al-spacing .al-tile .typo-area > :last-child,
#footer.al-spacing .al-table td > :last-child,
#footer.al-spacing .al-table th > :last-child,
#footer.al-spacing .al-container-content > :last-child,
#footer.al-spacing .al-navitabs-panel > :last-child,
#footer.al-spacing .al-tile .typo-area > .p-button:last-child,
#footer.al-spacing .al-table td > .p-button:last-child,
#footer.al-spacing .al-table th > .p-button:last-child,
#footer.al-spacing .al-container-content > .p-button:last-child,
#footer.al-spacing .al-navitabs-panel > .p-button:last-child,
#footer.al-spacing table th p-checkbox:last-child .p-checkbox,
#footer.al-spacing table th p-checkbox:last-child .p-checkbox-label,
#footer.al-spacing table th p-radiobutton:last-child .p-radiobutton,
#footer.al-spacing table th p-radiobutton:last-child .p-radiobutton-label,
#footer.al-spacing table td p-checkbox:last-child .p-checkbox,
#footer.al-spacing table td p-checkbox:last-child .p-checkbox-label,
#footer.al-spacing table td p-radiobutton:last-child .p-radiobutton,
#footer.al-spacing table td p-radiobutton:last-child .p-radiobutton-label, #footer .al-spacing .al-tile .typo-area > :last-child,
#footer .al-spacing .al-table td > :last-child,
#footer .al-spacing .al-table th > :last-child,
#footer .al-spacing .al-container-content > :last-child,
#footer .al-spacing .al-navitabs-panel > :last-child,
#footer .al-spacing .al-tile .typo-area > .p-button:last-child,
#footer .al-spacing .al-table td > .p-button:last-child,
#footer .al-spacing .al-table th > .p-button:last-child,
#footer .al-spacing .al-container-content > .p-button:last-child,
#footer .al-spacing .al-navitabs-panel > .p-button:last-child,
#footer .al-spacing table th p-checkbox:last-child .p-checkbox,
#footer .al-spacing table th p-checkbox:last-child .p-checkbox-label,
#footer .al-spacing table th p-radiobutton:last-child .p-radiobutton,
#footer .al-spacing table th p-radiobutton:last-child .p-radiobutton-label,
#footer .al-spacing table td p-checkbox:last-child .p-checkbox,
#footer .al-spacing table td p-checkbox:last-child .p-checkbox-label,
#footer .al-spacing table td p-radiobutton:last-child .p-radiobutton,
#footer .al-spacing table td p-radiobutton:last-child .p-radiobutton-label,
.al-spacing #content .al-tile .typo-area > :last-child,
.al-spacing #content .al-table td > :last-child,
.al-spacing #content .al-table th > :last-child,
.al-spacing #content .al-container-content > :last-child,
.al-spacing #content .al-navitabs-panel > :last-child,
.al-spacing #content .al-tile .typo-area > .p-button:last-child,
.al-spacing #content .al-table td > .p-button:last-child,
.al-spacing #content .al-table th > .p-button:last-child,
.al-spacing #content .al-container-content > .p-button:last-child,
.al-spacing #content .al-navitabs-panel > .p-button:last-child,
.al-spacing #content table th p-checkbox:last-child .p-checkbox,
.al-spacing #content table th p-checkbox:last-child .p-checkbox-label,
.al-spacing #content table th p-radiobutton:last-child .p-radiobutton,
.al-spacing #content table th p-radiobutton:last-child .p-radiobutton-label,
.al-spacing #content table td p-checkbox:last-child .p-checkbox,
.al-spacing #content table td p-checkbox:last-child .p-checkbox-label,
.al-spacing #content table td p-radiobutton:last-child .p-radiobutton,
.al-spacing #content table td p-radiobutton:last-child .p-radiobutton-label, #content.al-spacing .al-tile .typo-area > :last-child,
#content.al-spacing .al-table td > :last-child,
#content.al-spacing .al-table th > :last-child,
#content.al-spacing .al-container-content > :last-child,
#content.al-spacing .al-navitabs-panel > :last-child,
#content.al-spacing .al-tile .typo-area > .p-button:last-child,
#content.al-spacing .al-table td > .p-button:last-child,
#content.al-spacing .al-table th > .p-button:last-child,
#content.al-spacing .al-container-content > .p-button:last-child,
#content.al-spacing .al-navitabs-panel > .p-button:last-child,
#content.al-spacing table th p-checkbox:last-child .p-checkbox,
#content.al-spacing table th p-checkbox:last-child .p-checkbox-label,
#content.al-spacing table th p-radiobutton:last-child .p-radiobutton,
#content.al-spacing table th p-radiobutton:last-child .p-radiobutton-label,
#content.al-spacing table td p-checkbox:last-child .p-checkbox,
#content.al-spacing table td p-checkbox:last-child .p-checkbox-label,
#content.al-spacing table td p-radiobutton:last-child .p-radiobutton,
#content.al-spacing table td p-radiobutton:last-child .p-radiobutton-label, #content .al-spacing .al-tile .typo-area > :last-child,
#content .al-spacing .al-table td > :last-child,
#content .al-spacing .al-table th > :last-child,
#content .al-spacing .al-container-content > :last-child,
#content .al-spacing .al-navitabs-panel > :last-child,
#content .al-spacing .al-tile .typo-area > .p-button:last-child,
#content .al-spacing .al-table td > .p-button:last-child,
#content .al-spacing .al-table th > .p-button:last-child,
#content .al-spacing .al-container-content > .p-button:last-child,
#content .al-spacing .al-navitabs-panel > .p-button:last-child,
#content .al-spacing table th p-checkbox:last-child .p-checkbox,
#content .al-spacing table th p-checkbox:last-child .p-checkbox-label,
#content .al-spacing table th p-radiobutton:last-child .p-radiobutton,
#content .al-spacing table th p-radiobutton:last-child .p-radiobutton-label,
#content .al-spacing table td p-checkbox:last-child .p-checkbox,
#content .al-spacing table td p-checkbox:last-child .p-checkbox-label,
#content .al-spacing table td p-radiobutton:last-child .p-radiobutton,
#content .al-spacing table td p-radiobutton:last-child .p-radiobutton-label,
.al-spacing.al-dialog .al-tile .typo-area > :last-child,
.al-spacing.al-dialog .al-table td > :last-child,
.al-spacing.al-dialog .al-table th > :last-child,
.al-spacing.al-dialog .al-container-content > :last-child,
.al-spacing.al-dialog .al-navitabs-panel > :last-child,
.al-spacing.al-dialog .al-tile .typo-area > .p-button:last-child,
.al-spacing.al-dialog .al-table td > .p-button:last-child,
.al-spacing.al-dialog .al-table th > .p-button:last-child,
.al-spacing.al-dialog .al-container-content > .p-button:last-child,
.al-spacing.al-dialog .al-navitabs-panel > .p-button:last-child,
.al-spacing.al-dialog table th p-checkbox:last-child .p-checkbox,
.al-spacing.al-dialog table th p-checkbox:last-child .p-checkbox-label,
.al-spacing.al-dialog table th p-radiobutton:last-child .p-radiobutton,
.al-spacing.al-dialog table th p-radiobutton:last-child .p-radiobutton-label,
.al-spacing.al-dialog table td p-checkbox:last-child .p-checkbox,
.al-spacing.al-dialog table td p-checkbox:last-child .p-checkbox-label,
.al-spacing.al-dialog table td p-radiobutton:last-child .p-radiobutton,
.al-spacing.al-dialog table td p-radiobutton:last-child .p-radiobutton-label, .al-spacing.al-tooltip .al-tile .typo-area > :last-child,
.al-spacing.al-tooltip .al-table td > :last-child,
.al-spacing.al-tooltip .al-table th > :last-child,
.al-spacing.al-tooltip .al-container-content > :last-child,
.al-spacing.al-tooltip .al-navitabs-panel > :last-child,
.al-spacing.al-tooltip .al-tile .typo-area > .p-button:last-child,
.al-spacing.al-tooltip .al-table td > .p-button:last-child,
.al-spacing.al-tooltip .al-table th > .p-button:last-child,
.al-spacing.al-tooltip .al-container-content > .p-button:last-child,
.al-spacing.al-tooltip .al-navitabs-panel > .p-button:last-child,
.al-spacing.al-tooltip table th p-checkbox:last-child .p-checkbox,
.al-spacing.al-tooltip table th p-checkbox:last-child .p-checkbox-label,
.al-spacing.al-tooltip table th p-radiobutton:last-child .p-radiobutton,
.al-spacing.al-tooltip table th p-radiobutton:last-child .p-radiobutton-label,
.al-spacing.al-tooltip table td p-checkbox:last-child .p-checkbox,
.al-spacing.al-tooltip table td p-checkbox:last-child .p-checkbox-label,
.al-spacing.al-tooltip table td p-radiobutton:last-child .p-radiobutton,
.al-spacing.al-tooltip table td p-radiobutton:last-child .p-radiobutton-label {
  margin-bottom: 0px;
}
.al-spacing #footer * + p, .al-spacing #footer * + script + p, #footer.al-spacing * + p, #footer.al-spacing * + script + p, #footer .al-spacing * + p, #footer .al-spacing * + script + p,
.al-spacing #content * + p,
.al-spacing #content * + script + p, #content.al-spacing * + p, #content.al-spacing * + script + p, #content .al-spacing * + p, #content .al-spacing * + script + p,
.al-spacing.al-dialog * + p,
.al-spacing.al-dialog * + script + p, .al-spacing.al-tooltip * + p, .al-spacing.al-tooltip * + script + p {
  /* default space 11px*/
  margin-top: 0px;
  /* default - value above = 11 */
}
.al-spacing #footer p + p, .al-spacing #footer p + script + p, #footer.al-spacing p + p, #footer.al-spacing p + script + p, #footer .al-spacing p + p, #footer .al-spacing p + script + p,
.al-spacing #content p + p,
.al-spacing #content p + script + p, #content.al-spacing p + p, #content.al-spacing p + script + p, #content .al-spacing p + p, #content .al-spacing p + script + p,
.al-spacing.al-dialog p + p,
.al-spacing.al-dialog p + script + p, .al-spacing.al-tooltip p + p, .al-spacing.al-tooltip p + script + p {
  /* default space 11px*/
  margin-bottom: 11px;
  /* default - value above = 0 */
}
.al-spacing #footer h1 + p,
.al-spacing #footer h2 + p,
.al-spacing #footer h3 + p,
.al-spacing #footer h4 + p,
.al-spacing #footer h5 + p,
.al-spacing #footer h6 + p, #footer.al-spacing h1 + p,
#footer.al-spacing h2 + p,
#footer.al-spacing h3 + p,
#footer.al-spacing h4 + p,
#footer.al-spacing h5 + p,
#footer.al-spacing h6 + p, #footer .al-spacing h1 + p,
#footer .al-spacing h2 + p,
#footer .al-spacing h3 + p,
#footer .al-spacing h4 + p,
#footer .al-spacing h5 + p,
#footer .al-spacing h6 + p,
.al-spacing #content h1 + p,
.al-spacing #content h2 + p,
.al-spacing #content h3 + p,
.al-spacing #content h4 + p,
.al-spacing #content h5 + p,
.al-spacing #content h6 + p, #content.al-spacing h1 + p,
#content.al-spacing h2 + p,
#content.al-spacing h3 + p,
#content.al-spacing h4 + p,
#content.al-spacing h5 + p,
#content.al-spacing h6 + p, #content .al-spacing h1 + p,
#content .al-spacing h2 + p,
#content .al-spacing h3 + p,
#content .al-spacing h4 + p,
#content .al-spacing h5 + p,
#content .al-spacing h6 + p,
.al-spacing.al-dialog h1 + p,
.al-spacing.al-dialog h2 + p,
.al-spacing.al-dialog h3 + p,
.al-spacing.al-dialog h4 + p,
.al-spacing.al-dialog h5 + p,
.al-spacing.al-dialog h6 + p, .al-spacing.al-tooltip h1 + p,
.al-spacing.al-tooltip h2 + p,
.al-spacing.al-tooltip h3 + p,
.al-spacing.al-tooltip h4 + p,
.al-spacing.al-tooltip h5 + p,
.al-spacing.al-tooltip h6 + p {
  /* margin top :  0 */
  /* default space 11px*/
  margin-top: -11px;
  /* default - value above = 0 */
}
.al-spacing #footer * + h1, .al-spacing #footer * + script + h1,
.al-spacing #footer * + h2, .al-spacing #footer * + script + h1,
.al-spacing #footer * + h3, .al-spacing #footer * + script + h3,
.al-spacing #footer * + h4, .al-spacing #footer * + script + h3,
.al-spacing #footer * + h5, .al-spacing #footer * + script + h3,
.al-spacing #footer * + h6, .al-spacing #footer * + script + h3, #footer.al-spacing * + h1, #footer.al-spacing * + script + h1,
#footer.al-spacing * + h2, #footer.al-spacing * + script + h1,
#footer.al-spacing * + h3, #footer.al-spacing * + script + h3,
#footer.al-spacing * + h4, #footer.al-spacing * + script + h3,
#footer.al-spacing * + h5, #footer.al-spacing * + script + h3,
#footer.al-spacing * + h6, #footer.al-spacing * + script + h3, #footer .al-spacing * + h1, #footer .al-spacing * + script + h1,
#footer .al-spacing * + h2, #footer .al-spacing * + script + h1,
#footer .al-spacing * + h3, #footer .al-spacing * + script + h3,
#footer .al-spacing * + h4, #footer .al-spacing * + script + h3,
#footer .al-spacing * + h5, #footer .al-spacing * + script + h3,
#footer .al-spacing * + h6, #footer .al-spacing * + script + h3,
.al-spacing #content * + h1,
.al-spacing #content * + script + h1,
.al-spacing #content * + h2,
.al-spacing #content * + script + h1,
.al-spacing #content * + h3,
.al-spacing #content * + script + h3,
.al-spacing #content * + h4,
.al-spacing #content * + script + h3,
.al-spacing #content * + h5,
.al-spacing #content * + script + h3,
.al-spacing #content * + h6,
.al-spacing #content * + script + h3, #content.al-spacing * + h1, #content.al-spacing * + script + h1,
#content.al-spacing * + h2, #content.al-spacing * + script + h1,
#content.al-spacing * + h3, #content.al-spacing * + script + h3,
#content.al-spacing * + h4, #content.al-spacing * + script + h3,
#content.al-spacing * + h5, #content.al-spacing * + script + h3,
#content.al-spacing * + h6, #content.al-spacing * + script + h3, #content .al-spacing * + h1, #content .al-spacing * + script + h1,
#content .al-spacing * + h2, #content .al-spacing * + script + h1,
#content .al-spacing * + h3, #content .al-spacing * + script + h3,
#content .al-spacing * + h4, #content .al-spacing * + script + h3,
#content .al-spacing * + h5, #content .al-spacing * + script + h3,
#content .al-spacing * + h6, #content .al-spacing * + script + h3,
.al-spacing.al-dialog * + h1,
.al-spacing.al-dialog * + script + h1,
.al-spacing.al-dialog * + h2,
.al-spacing.al-dialog * + script + h1,
.al-spacing.al-dialog * + h3,
.al-spacing.al-dialog * + script + h3,
.al-spacing.al-dialog * + h4,
.al-spacing.al-dialog * + script + h3,
.al-spacing.al-dialog * + h5,
.al-spacing.al-dialog * + script + h3,
.al-spacing.al-dialog * + h6,
.al-spacing.al-dialog * + script + h3, .al-spacing.al-tooltip * + h1, .al-spacing.al-tooltip * + script + h1,
.al-spacing.al-tooltip * + h2, .al-spacing.al-tooltip * + script + h1,
.al-spacing.al-tooltip * + h3, .al-spacing.al-tooltip * + script + h3,
.al-spacing.al-tooltip * + h4, .al-spacing.al-tooltip * + script + h3,
.al-spacing.al-tooltip * + h5, .al-spacing.al-tooltip * + script + h3,
.al-spacing.al-tooltip * + h6, .al-spacing.al-tooltip * + script + h3 {
  /* default space 11px*/
  margin-top: 0px;
  /* default - value above = 11 */
}
.al-spacing #footer .al-font-xxxl, .al-spacing #footer .al-font-xxl, .al-spacing #footer .al-font-xl, .al-spacing #footer .al-font-l, .al-spacing #footer .al-font-m, .al-spacing #footer .al-font-s, #footer.al-spacing .al-font-xxxl, #footer.al-spacing .al-font-xxl, #footer.al-spacing .al-font-xl, #footer.al-spacing .al-font-l, #footer.al-spacing .al-font-m, #footer.al-spacing .al-font-s, #footer .al-spacing .al-font-xxxl, #footer .al-spacing .al-font-xxl, #footer .al-spacing .al-font-xl, #footer .al-spacing .al-font-l, #footer .al-spacing .al-font-m, #footer .al-spacing .al-font-s,
.al-spacing #content .al-font-xxxl,
.al-spacing #content .al-font-xxl,
.al-spacing #content .al-font-xl,
.al-spacing #content .al-font-l,
.al-spacing #content .al-font-m,
.al-spacing #content .al-font-s, #content.al-spacing .al-font-xxxl, #content.al-spacing .al-font-xxl, #content.al-spacing .al-font-xl, #content.al-spacing .al-font-l, #content.al-spacing .al-font-m, #content.al-spacing .al-font-s, #content .al-spacing .al-font-xxxl, #content .al-spacing .al-font-xxl, #content .al-spacing .al-font-xl, #content .al-spacing .al-font-l, #content .al-spacing .al-font-m, #content .al-spacing .al-font-s,
.al-spacing.al-dialog .al-font-xxxl,
.al-spacing.al-dialog .al-font-xxl,
.al-spacing.al-dialog .al-font-xl,
.al-spacing.al-dialog .al-font-l,
.al-spacing.al-dialog .al-font-m,
.al-spacing.al-dialog .al-font-s, .al-spacing.al-tooltip .al-font-xxxl, .al-spacing.al-tooltip .al-font-xxl, .al-spacing.al-tooltip .al-font-xl, .al-spacing.al-tooltip .al-font-l, .al-spacing.al-tooltip .al-font-m, .al-spacing.al-tooltip .al-font-s {
  margin-top: 0px;
  margin-bottom: 0px;
}
.al-spacing #footer * + .al-font-xxxl, .al-spacing #footer * + script + .al-font-xxxl,
.al-spacing #footer * + .al-font-xxl, .al-spacing #footer * + script + .al-font-xxl,
.al-spacing #footer * + .al-font-xl, .al-spacing #footer * + script + .al-font-xl,
.al-spacing #footer * + .al-font-l, .al-spacing #footer * + script + .al-font-l,
.al-spacing #footer * + .al-font-m, .al-spacing #footer * + script + .al-font-m,
.al-spacing #footer * + .al-font-s, .al-spacing #footer * + script + .al-font-s, #footer.al-spacing * + .al-font-xxxl, #footer.al-spacing * + script + .al-font-xxxl,
#footer.al-spacing * + .al-font-xxl, #footer.al-spacing * + script + .al-font-xxl,
#footer.al-spacing * + .al-font-xl, #footer.al-spacing * + script + .al-font-xl,
#footer.al-spacing * + .al-font-l, #footer.al-spacing * + script + .al-font-l,
#footer.al-spacing * + .al-font-m, #footer.al-spacing * + script + .al-font-m,
#footer.al-spacing * + .al-font-s, #footer.al-spacing * + script + .al-font-s, #footer .al-spacing * + .al-font-xxxl, #footer .al-spacing * + script + .al-font-xxxl,
#footer .al-spacing * + .al-font-xxl, #footer .al-spacing * + script + .al-font-xxl,
#footer .al-spacing * + .al-font-xl, #footer .al-spacing * + script + .al-font-xl,
#footer .al-spacing * + .al-font-l, #footer .al-spacing * + script + .al-font-l,
#footer .al-spacing * + .al-font-m, #footer .al-spacing * + script + .al-font-m,
#footer .al-spacing * + .al-font-s, #footer .al-spacing * + script + .al-font-s,
.al-spacing #content * + .al-font-xxxl,
.al-spacing #content * + script + .al-font-xxxl,
.al-spacing #content * + .al-font-xxl,
.al-spacing #content * + script + .al-font-xxl,
.al-spacing #content * + .al-font-xl,
.al-spacing #content * + script + .al-font-xl,
.al-spacing #content * + .al-font-l,
.al-spacing #content * + script + .al-font-l,
.al-spacing #content * + .al-font-m,
.al-spacing #content * + script + .al-font-m,
.al-spacing #content * + .al-font-s,
.al-spacing #content * + script + .al-font-s, #content.al-spacing * + .al-font-xxxl, #content.al-spacing * + script + .al-font-xxxl,
#content.al-spacing * + .al-font-xxl, #content.al-spacing * + script + .al-font-xxl,
#content.al-spacing * + .al-font-xl, #content.al-spacing * + script + .al-font-xl,
#content.al-spacing * + .al-font-l, #content.al-spacing * + script + .al-font-l,
#content.al-spacing * + .al-font-m, #content.al-spacing * + script + .al-font-m,
#content.al-spacing * + .al-font-s, #content.al-spacing * + script + .al-font-s, #content .al-spacing * + .al-font-xxxl, #content .al-spacing * + script + .al-font-xxxl,
#content .al-spacing * + .al-font-xxl, #content .al-spacing * + script + .al-font-xxl,
#content .al-spacing * + .al-font-xl, #content .al-spacing * + script + .al-font-xl,
#content .al-spacing * + .al-font-l, #content .al-spacing * + script + .al-font-l,
#content .al-spacing * + .al-font-m, #content .al-spacing * + script + .al-font-m,
#content .al-spacing * + .al-font-s, #content .al-spacing * + script + .al-font-s,
.al-spacing.al-dialog * + .al-font-xxxl,
.al-spacing.al-dialog * + script + .al-font-xxxl,
.al-spacing.al-dialog * + .al-font-xxl,
.al-spacing.al-dialog * + script + .al-font-xxl,
.al-spacing.al-dialog * + .al-font-xl,
.al-spacing.al-dialog * + script + .al-font-xl,
.al-spacing.al-dialog * + .al-font-l,
.al-spacing.al-dialog * + script + .al-font-l,
.al-spacing.al-dialog * + .al-font-m,
.al-spacing.al-dialog * + script + .al-font-m,
.al-spacing.al-dialog * + .al-font-s,
.al-spacing.al-dialog * + script + .al-font-s, .al-spacing.al-tooltip * + .al-font-xxxl, .al-spacing.al-tooltip * + script + .al-font-xxxl,
.al-spacing.al-tooltip * + .al-font-xxl, .al-spacing.al-tooltip * + script + .al-font-xxl,
.al-spacing.al-tooltip * + .al-font-xl, .al-spacing.al-tooltip * + script + .al-font-xl,
.al-spacing.al-tooltip * + .al-font-l, .al-spacing.al-tooltip * + script + .al-font-l,
.al-spacing.al-tooltip * + .al-font-m, .al-spacing.al-tooltip * + script + .al-font-m,
.al-spacing.al-tooltip * + .al-font-s, .al-spacing.al-tooltip * + script + .al-font-s {
  /* default space 11px*/
  margin-top: 0px;
  /* default - value above = 11 */
}
.al-spacing #footer .al-font-s + p, .al-spacing #footer .al-font-s + script + p,
.al-spacing #footer .al-font-s + .al-font-s, .al-spacing #footer .al-font-s + script + .al-font-s, #footer.al-spacing .al-font-s + p, #footer.al-spacing .al-font-s + script + p,
#footer.al-spacing .al-font-s + .al-font-s, #footer.al-spacing .al-font-s + script + .al-font-s, #footer .al-spacing .al-font-s + p, #footer .al-spacing .al-font-s + script + p,
#footer .al-spacing .al-font-s + .al-font-s, #footer .al-spacing .al-font-s + script + .al-font-s,
.al-spacing #content .al-font-s + p,
.al-spacing #content .al-font-s + script + p,
.al-spacing #content .al-font-s + .al-font-s,
.al-spacing #content .al-font-s + script + .al-font-s, #content.al-spacing .al-font-s + p, #content.al-spacing .al-font-s + script + p,
#content.al-spacing .al-font-s + .al-font-s, #content.al-spacing .al-font-s + script + .al-font-s, #content .al-spacing .al-font-s + p, #content .al-spacing .al-font-s + script + p,
#content .al-spacing .al-font-s + .al-font-s, #content .al-spacing .al-font-s + script + .al-font-s,
.al-spacing.al-dialog .al-font-s + p,
.al-spacing.al-dialog .al-font-s + script + p,
.al-spacing.al-dialog .al-font-s + .al-font-s,
.al-spacing.al-dialog .al-font-s + script + .al-font-s, .al-spacing.al-tooltip .al-font-s + p, .al-spacing.al-tooltip .al-font-s + script + p,
.al-spacing.al-tooltip .al-font-s + .al-font-s, .al-spacing.al-tooltip .al-font-s + script + .al-font-s {
  /* default space 11px*/
  margin-top: 0px;
  /* default - value above = 11 */
}
.al-spacing #footer * + ul, .al-spacing #footer * + script + ul,
.al-spacing #footer * + ol, .al-spacing #footer * + script + ol,
.al-spacing #footer * + dl, .al-spacing #footer * + script + dl, #footer.al-spacing * + ul, #footer.al-spacing * + script + ul,
#footer.al-spacing * + ol, #footer.al-spacing * + script + ol,
#footer.al-spacing * + dl, #footer.al-spacing * + script + dl, #footer .al-spacing * + ul, #footer .al-spacing * + script + ul,
#footer .al-spacing * + ol, #footer .al-spacing * + script + ol,
#footer .al-spacing * + dl, #footer .al-spacing * + script + dl,
.al-spacing #content * + ul,
.al-spacing #content * + script + ul,
.al-spacing #content * + ol,
.al-spacing #content * + script + ol,
.al-spacing #content * + dl,
.al-spacing #content * + script + dl, #content.al-spacing * + ul, #content.al-spacing * + script + ul,
#content.al-spacing * + ol, #content.al-spacing * + script + ol,
#content.al-spacing * + dl, #content.al-spacing * + script + dl, #content .al-spacing * + ul, #content .al-spacing * + script + ul,
#content .al-spacing * + ol, #content .al-spacing * + script + ol,
#content .al-spacing * + dl, #content .al-spacing * + script + dl,
.al-spacing.al-dialog * + ul,
.al-spacing.al-dialog * + script + ul,
.al-spacing.al-dialog * + ol,
.al-spacing.al-dialog * + script + ol,
.al-spacing.al-dialog * + dl,
.al-spacing.al-dialog * + script + dl, .al-spacing.al-tooltip * + ul, .al-spacing.al-tooltip * + script + ul,
.al-spacing.al-tooltip * + ol, .al-spacing.al-tooltip * + script + ol,
.al-spacing.al-tooltip * + dl, .al-spacing.al-tooltip * + script + dl {
  /* default space 11px*/
  margin-top: 0px;
  /* default - value above = 11 */
}
.al-spacing #footer li + li, .al-spacing #footer li + script + li,
.al-spacing #footer dt + dt, .al-spacing #footer dt + script + dt,
.al-spacing #footer dd + dd, .al-spacing #footer dd + script + dd, #footer.al-spacing li + li, #footer.al-spacing li + script + li,
#footer.al-spacing dt + dt, #footer.al-spacing dt + script + dt,
#footer.al-spacing dd + dd, #footer.al-spacing dd + script + dd, #footer .al-spacing li + li, #footer .al-spacing li + script + li,
#footer .al-spacing dt + dt, #footer .al-spacing dt + script + dt,
#footer .al-spacing dd + dd, #footer .al-spacing dd + script + dd,
.al-spacing #content li + li,
.al-spacing #content li + script + li,
.al-spacing #content dt + dt,
.al-spacing #content dt + script + dt,
.al-spacing #content dd + dd,
.al-spacing #content dd + script + dd, #content.al-spacing li + li, #content.al-spacing li + script + li,
#content.al-spacing dt + dt, #content.al-spacing dt + script + dt,
#content.al-spacing dd + dd, #content.al-spacing dd + script + dd, #content .al-spacing li + li, #content .al-spacing li + script + li,
#content .al-spacing dt + dt, #content .al-spacing dt + script + dt,
#content .al-spacing dd + dd, #content .al-spacing dd + script + dd,
.al-spacing.al-dialog li + li,
.al-spacing.al-dialog li + script + li,
.al-spacing.al-dialog dt + dt,
.al-spacing.al-dialog dt + script + dt,
.al-spacing.al-dialog dd + dd,
.al-spacing.al-dialog dd + script + dd, .al-spacing.al-tooltip li + li, .al-spacing.al-tooltip li + script + li,
.al-spacing.al-tooltip dt + dt, .al-spacing.al-tooltip dt + script + dt,
.al-spacing.al-tooltip dd + dd, .al-spacing.al-tooltip dd + script + dd {
  /* default space 11px*/
  margin-top: -6px;
  /* default - value above = 5 */
}
.al-spacing #footer ol + li, .al-spacing #footer ol + script + li,
.al-spacing #footer ul + li, .al-spacing #footer ul + script + li, #footer.al-spacing ol + li, #footer.al-spacing ol + script + li,
#footer.al-spacing ul + li, #footer.al-spacing ul + script + li, #footer .al-spacing ol + li, #footer .al-spacing ol + script + li,
#footer .al-spacing ul + li, #footer .al-spacing ul + script + li,
.al-spacing #content ol + li,
.al-spacing #content ol + script + li,
.al-spacing #content ul + li,
.al-spacing #content ul + script + li, #content.al-spacing ol + li, #content.al-spacing ol + script + li,
#content.al-spacing ul + li, #content.al-spacing ul + script + li, #content .al-spacing ol + li, #content .al-spacing ol + script + li,
#content .al-spacing ul + li, #content .al-spacing ul + script + li,
.al-spacing.al-dialog ol + li,
.al-spacing.al-dialog ol + script + li,
.al-spacing.al-dialog ul + li,
.al-spacing.al-dialog ul + script + li, .al-spacing.al-tooltip ol + li, .al-spacing.al-tooltip ol + script + li,
.al-spacing.al-tooltip ul + li, .al-spacing.al-tooltip ul + script + li {
  /* default space 11px*/
  margin-top: 0px;
  /* default - value above = 11 */
}
.al-spacing #footer li + ol, .al-spacing #footer li + script + ol,
.al-spacing #footer li + ul, .al-spacing #footer li + script + ul, #footer.al-spacing li + ol, #footer.al-spacing li + script + ol,
#footer.al-spacing li + ul, #footer.al-spacing li + script + ul, #footer .al-spacing li + ol, #footer .al-spacing li + script + ol,
#footer .al-spacing li + ul, #footer .al-spacing li + script + ul,
.al-spacing #content li + ol,
.al-spacing #content li + script + ol,
.al-spacing #content li + ul,
.al-spacing #content li + script + ul, #content.al-spacing li + ol, #content.al-spacing li + script + ol,
#content.al-spacing li + ul, #content.al-spacing li + script + ul, #content .al-spacing li + ol, #content .al-spacing li + script + ol,
#content .al-spacing li + ul, #content .al-spacing li + script + ul,
.al-spacing.al-dialog li + ol,
.al-spacing.al-dialog li + script + ol,
.al-spacing.al-dialog li + ul,
.al-spacing.al-dialog li + script + ul, .al-spacing.al-tooltip li + ol, .al-spacing.al-tooltip li + script + ol,
.al-spacing.al-tooltip li + ul, .al-spacing.al-tooltip li + script + ul {
  /* default space 11px*/
  margin-top: -11px;
  /* default - value above = 0 */
}
.al-spacing #footer ol + ol, .al-spacing #footer ol + script + ol,
.al-spacing #footer ol + ul, .al-spacing #footer ol + script + ul,
.al-spacing #footer ul + ul, .al-spacing #footer ul + script + ul,
.al-spacing #footer ul + ol, .al-spacing #footer ul + script + ol, #footer.al-spacing ol + ol, #footer.al-spacing ol + script + ol,
#footer.al-spacing ol + ul, #footer.al-spacing ol + script + ul,
#footer.al-spacing ul + ul, #footer.al-spacing ul + script + ul,
#footer.al-spacing ul + ol, #footer.al-spacing ul + script + ol, #footer .al-spacing ol + ol, #footer .al-spacing ol + script + ol,
#footer .al-spacing ol + ul, #footer .al-spacing ol + script + ul,
#footer .al-spacing ul + ul, #footer .al-spacing ul + script + ul,
#footer .al-spacing ul + ol, #footer .al-spacing ul + script + ol,
.al-spacing #content ol + ol,
.al-spacing #content ol + script + ol,
.al-spacing #content ol + ul,
.al-spacing #content ol + script + ul,
.al-spacing #content ul + ul,
.al-spacing #content ul + script + ul,
.al-spacing #content ul + ol,
.al-spacing #content ul + script + ol, #content.al-spacing ol + ol, #content.al-spacing ol + script + ol,
#content.al-spacing ol + ul, #content.al-spacing ol + script + ul,
#content.al-spacing ul + ul, #content.al-spacing ul + script + ul,
#content.al-spacing ul + ol, #content.al-spacing ul + script + ol, #content .al-spacing ol + ol, #content .al-spacing ol + script + ol,
#content .al-spacing ol + ul, #content .al-spacing ol + script + ul,
#content .al-spacing ul + ul, #content .al-spacing ul + script + ul,
#content .al-spacing ul + ol, #content .al-spacing ul + script + ol,
.al-spacing.al-dialog ol + ol,
.al-spacing.al-dialog ol + script + ol,
.al-spacing.al-dialog ol + ul,
.al-spacing.al-dialog ol + script + ul,
.al-spacing.al-dialog ul + ul,
.al-spacing.al-dialog ul + script + ul,
.al-spacing.al-dialog ul + ol,
.al-spacing.al-dialog ul + script + ol, .al-spacing.al-tooltip ol + ol, .al-spacing.al-tooltip ol + script + ol,
.al-spacing.al-tooltip ol + ul, .al-spacing.al-tooltip ol + script + ul,
.al-spacing.al-tooltip ul + ul, .al-spacing.al-tooltip ul + script + ul,
.al-spacing.al-tooltip ul + ol, .al-spacing.al-tooltip ul + script + ol {
  /* default space 11px*/
  margin-top: 0px;
  /* default - value above = 11 */
}
.al-spacing #footer ul[role=tablist],
.al-spacing #footer ul li.al-navitabs-tab,
.al-spacing #footer ul.al-navitabs-tab-dropdown,
.al-spacing #footer ul.al-navitabs-tab-dropdown li.al-navitabs-tab, #footer.al-spacing ul[role=tablist],
#footer.al-spacing ul li.al-navitabs-tab,
#footer.al-spacing ul.al-navitabs-tab-dropdown,
#footer.al-spacing ul.al-navitabs-tab-dropdown li.al-navitabs-tab, #footer .al-spacing ul[role=tablist],
#footer .al-spacing ul li.al-navitabs-tab,
#footer .al-spacing ul.al-navitabs-tab-dropdown,
#footer .al-spacing ul.al-navitabs-tab-dropdown li.al-navitabs-tab,
.al-spacing #content ul[role=tablist],
.al-spacing #content ul li.al-navitabs-tab,
.al-spacing #content ul.al-navitabs-tab-dropdown,
.al-spacing #content ul.al-navitabs-tab-dropdown li.al-navitabs-tab, #content.al-spacing ul[role=tablist],
#content.al-spacing ul li.al-navitabs-tab,
#content.al-spacing ul.al-navitabs-tab-dropdown,
#content.al-spacing ul.al-navitabs-tab-dropdown li.al-navitabs-tab, #content .al-spacing ul[role=tablist],
#content .al-spacing ul li.al-navitabs-tab,
#content .al-spacing ul.al-navitabs-tab-dropdown,
#content .al-spacing ul.al-navitabs-tab-dropdown li.al-navitabs-tab,
.al-spacing.al-dialog ul[role=tablist],
.al-spacing.al-dialog ul li.al-navitabs-tab,
.al-spacing.al-dialog ul.al-navitabs-tab-dropdown,
.al-spacing.al-dialog ul.al-navitabs-tab-dropdown li.al-navitabs-tab, .al-spacing.al-tooltip ul[role=tablist],
.al-spacing.al-tooltip ul li.al-navitabs-tab,
.al-spacing.al-tooltip ul.al-navitabs-tab-dropdown,
.al-spacing.al-tooltip ul.al-navitabs-tab-dropdown li.al-navitabs-tab {
  margin-top: 0px;
  margin-bottom: 0px;
}
.al-spacing #footer table + *, .al-spacing #footer table + script + *,
.al-spacing #footer .al-table + *, .al-spacing #footer .al-table + script + *, #footer.al-spacing table + *, #footer.al-spacing table + script + *,
#footer.al-spacing .al-table + *, #footer.al-spacing .al-table + script + *, #footer .al-spacing table + *, #footer .al-spacing table + script + *,
#footer .al-spacing .al-table + *, #footer .al-spacing .al-table + script + *,
.al-spacing #content table + *,
.al-spacing #content table + script + *,
.al-spacing #content .al-table + *,
.al-spacing #content .al-table + script + *, #content.al-spacing table + *, #content.al-spacing table + script + *,
#content.al-spacing .al-table + *, #content.al-spacing .al-table + script + *, #content .al-spacing table + *, #content .al-spacing table + script + *,
#content .al-spacing .al-table + *, #content .al-spacing .al-table + script + *,
.al-spacing.al-dialog table + *,
.al-spacing.al-dialog table + script + *,
.al-spacing.al-dialog .al-table + *,
.al-spacing.al-dialog .al-table + script + *, .al-spacing.al-tooltip table + *, .al-spacing.al-tooltip table + script + *,
.al-spacing.al-tooltip .al-table + *, .al-spacing.al-tooltip .al-table + script + * {
  /* default space 11px*/
  margin-top: 0px;
  /* default - value above = 11 */
}
.al-spacing #footer .al-tab + *, .al-spacing #footer .al-tab + script + *,
.al-spacing #footer .al-navitabs + *, .al-spacing #footer .al-navitabs + script + *, #footer.al-spacing .al-tab + *, #footer.al-spacing .al-tab + script + *,
#footer.al-spacing .al-navitabs + *, #footer.al-spacing .al-navitabs + script + *, #footer .al-spacing .al-tab + *, #footer .al-spacing .al-tab + script + *,
#footer .al-spacing .al-navitabs + *, #footer .al-spacing .al-navitabs + script + *,
.al-spacing #content .al-tab + *,
.al-spacing #content .al-tab + script + *,
.al-spacing #content .al-navitabs + *,
.al-spacing #content .al-navitabs + script + *, #content.al-spacing .al-tab + *, #content.al-spacing .al-tab + script + *,
#content.al-spacing .al-navitabs + *, #content.al-spacing .al-navitabs + script + *, #content .al-spacing .al-tab + *, #content .al-spacing .al-tab + script + *,
#content .al-spacing .al-navitabs + *, #content .al-spacing .al-navitabs + script + *,
.al-spacing.al-dialog .al-tab + *,
.al-spacing.al-dialog .al-tab + script + *,
.al-spacing.al-dialog .al-navitabs + *,
.al-spacing.al-dialog .al-navitabs + script + *, .al-spacing.al-tooltip .al-tab + *, .al-spacing.al-tooltip .al-tab + script + *,
.al-spacing.al-tooltip .al-navitabs + *, .al-spacing.al-tooltip .al-navitabs + script + * {
  /* default space 11px*/
  margin-top: 0px;
  /* default - value above = 11 */
}
.al-spacing #footer .al-progressbar li + li, #footer.al-spacing .al-progressbar li + li, #footer .al-spacing .al-progressbar li + li,
.al-spacing #content .al-progressbar li + li, #content.al-spacing .al-progressbar li + li, #content .al-spacing .al-progressbar li + li,
.al-spacing.al-dialog .al-progressbar li + li, .al-spacing.al-tooltip .al-progressbar li + li {
  /* default space 11px*/
  margin-top: 0px;
  /* default - value above = 11 */
}
.al-spacing #footer .al-container-box + *, .al-spacing #footer .al-container-box + script + *,
.al-spacing #footer .al-container-divider + *, .al-spacing #footer .al-container-divider + script + *,
.al-spacing #footer .al-container + *, .al-spacing #footer .al-container + script + *, #footer.al-spacing .al-container-box + *, #footer.al-spacing .al-container-box + script + *,
#footer.al-spacing .al-container-divider + *, #footer.al-spacing .al-container-divider + script + *,
#footer.al-spacing .al-container + *, #footer.al-spacing .al-container + script + *, #footer .al-spacing .al-container-box + *, #footer .al-spacing .al-container-box + script + *,
#footer .al-spacing .al-container-divider + *, #footer .al-spacing .al-container-divider + script + *,
#footer .al-spacing .al-container + *, #footer .al-spacing .al-container + script + *,
.al-spacing #content .al-container-box + *,
.al-spacing #content .al-container-box + script + *,
.al-spacing #content .al-container-divider + *,
.al-spacing #content .al-container-divider + script + *,
.al-spacing #content .al-container + *,
.al-spacing #content .al-container + script + *, #content.al-spacing .al-container-box + *, #content.al-spacing .al-container-box + script + *,
#content.al-spacing .al-container-divider + *, #content.al-spacing .al-container-divider + script + *,
#content.al-spacing .al-container + *, #content.al-spacing .al-container + script + *, #content .al-spacing .al-container-box + *, #content .al-spacing .al-container-box + script + *,
#content .al-spacing .al-container-divider + *, #content .al-spacing .al-container-divider + script + *,
#content .al-spacing .al-container + *, #content .al-spacing .al-container + script + *,
.al-spacing.al-dialog .al-container-box + *,
.al-spacing.al-dialog .al-container-box + script + *,
.al-spacing.al-dialog .al-container-divider + *,
.al-spacing.al-dialog .al-container-divider + script + *,
.al-spacing.al-dialog .al-container + *,
.al-spacing.al-dialog .al-container + script + *, .al-spacing.al-tooltip .al-container-box + *, .al-spacing.al-tooltip .al-container-box + script + *,
.al-spacing.al-tooltip .al-container-divider + *, .al-spacing.al-tooltip .al-container-divider + script + *,
.al-spacing.al-tooltip .al-container + *, .al-spacing.al-tooltip .al-container + script + * {
  /* default space 11px*/
  margin-top: 0px;
  /* default - value above = 11 */
}
.al-spacing #footer .p-calendar.p-calendar-w-btn .p-datepicker-trigger, #footer.al-spacing .p-calendar.p-calendar-w-btn .p-datepicker-trigger, #footer .al-spacing .p-calendar.p-calendar-w-btn .p-datepicker-trigger,
.al-spacing #content .p-calendar.p-calendar-w-btn .p-datepicker-trigger, #content.al-spacing .p-calendar.p-calendar-w-btn .p-datepicker-trigger, #content .al-spacing .p-calendar.p-calendar-w-btn .p-datepicker-trigger,
.al-spacing.al-dialog .p-calendar.p-calendar-w-btn .p-datepicker-trigger, .al-spacing.al-tooltip .p-calendar.p-calendar-w-btn .p-datepicker-trigger {
  /* default space 11px*/
  margin-top: 0px;
  /* default - value above = 11 */
}
.al-spacing #footer .al-form,
.al-spacing #footer .al-field-label,
.al-spacing #footer .al-field-label-inline-label,
.al-spacing #footer .al-field-element,
.al-spacing #footer * + .al-field-checkbox,
.al-spacing #footer * + .al-field-checkbox-radio,
.al-spacing #footer .al-prefix,
.al-spacing #footer .al-suffix,
.al-spacing #footer .ui-button-holder,
.al-spacing #footer .p-button,
.al-spacing #footer .ui-buttonitem, #footer.al-spacing .al-form,
#footer.al-spacing .al-field-label,
#footer.al-spacing .al-field-label-inline-label,
#footer.al-spacing .al-field-element,
#footer.al-spacing * + .al-field-checkbox,
#footer.al-spacing * + .al-field-checkbox-radio,
#footer.al-spacing .al-prefix,
#footer.al-spacing .al-suffix,
#footer.al-spacing .ui-button-holder,
#footer.al-spacing .p-button,
#footer.al-spacing .ui-buttonitem, #footer .al-spacing .al-form,
#footer .al-spacing .al-field-label,
#footer .al-spacing .al-field-label-inline-label,
#footer .al-spacing .al-field-element,
#footer .al-spacing * + .al-field-checkbox,
#footer .al-spacing * + .al-field-checkbox-radio,
#footer .al-spacing .al-prefix,
#footer .al-spacing .al-suffix,
#footer .al-spacing .ui-button-holder,
#footer .al-spacing .p-button,
#footer .al-spacing .ui-buttonitem,
.al-spacing #content .al-form,
.al-spacing #content .al-field-label,
.al-spacing #content .al-field-label-inline-label,
.al-spacing #content .al-field-element,
.al-spacing #content * + .al-field-checkbox,
.al-spacing #content * + .al-field-checkbox-radio,
.al-spacing #content .al-prefix,
.al-spacing #content .al-suffix,
.al-spacing #content .ui-button-holder,
.al-spacing #content .p-button,
.al-spacing #content .ui-buttonitem, #content.al-spacing .al-form,
#content.al-spacing .al-field-label,
#content.al-spacing .al-field-label-inline-label,
#content.al-spacing .al-field-element,
#content.al-spacing * + .al-field-checkbox,
#content.al-spacing * + .al-field-checkbox-radio,
#content.al-spacing .al-prefix,
#content.al-spacing .al-suffix,
#content.al-spacing .ui-button-holder,
#content.al-spacing .p-button,
#content.al-spacing .ui-buttonitem, #content .al-spacing .al-form,
#content .al-spacing .al-field-label,
#content .al-spacing .al-field-label-inline-label,
#content .al-spacing .al-field-element,
#content .al-spacing * + .al-field-checkbox,
#content .al-spacing * + .al-field-checkbox-radio,
#content .al-spacing .al-prefix,
#content .al-spacing .al-suffix,
#content .al-spacing .ui-button-holder,
#content .al-spacing .p-button,
#content .al-spacing .ui-buttonitem,
.al-spacing.al-dialog .al-form,
.al-spacing.al-dialog .al-field-label,
.al-spacing.al-dialog .al-field-label-inline-label,
.al-spacing.al-dialog .al-field-element,
.al-spacing.al-dialog * + .al-field-checkbox,
.al-spacing.al-dialog * + .al-field-checkbox-radio,
.al-spacing.al-dialog .al-prefix,
.al-spacing.al-dialog .al-suffix,
.al-spacing.al-dialog .ui-button-holder,
.al-spacing.al-dialog .p-button,
.al-spacing.al-dialog .ui-buttonitem, .al-spacing.al-tooltip .al-form,
.al-spacing.al-tooltip .al-field-label,
.al-spacing.al-tooltip .al-field-label-inline-label,
.al-spacing.al-tooltip .al-field-element,
.al-spacing.al-tooltip * + .al-field-checkbox,
.al-spacing.al-tooltip * + .al-field-checkbox-radio,
.al-spacing.al-tooltip .al-prefix,
.al-spacing.al-tooltip .al-suffix,
.al-spacing.al-tooltip .ui-button-holder,
.al-spacing.al-tooltip .p-button,
.al-spacing.al-tooltip .ui-buttonitem {
  /* default space 11px*/
  margin-bottom: 11px;
  /* default - value above = 0 */
}
.al-spacing #footer label + .al-field-element,
.al-spacing #footer label + .al-field-element,
.al-spacing #footer label + .p-inputtext, #footer.al-spacing label + .al-field-element,
#footer.al-spacing label + .al-field-element,
#footer.al-spacing label + .p-inputtext, #footer .al-spacing label + .al-field-element,
#footer .al-spacing label + .al-field-element,
#footer .al-spacing label + .p-inputtext,
.al-spacing #content label + .al-field-element,
.al-spacing #content label + .al-field-element,
.al-spacing #content label + .p-inputtext, #content.al-spacing label + .al-field-element,
#content.al-spacing label + .al-field-element,
#content.al-spacing label + .p-inputtext, #content .al-spacing label + .al-field-element,
#content .al-spacing label + .al-field-element,
#content .al-spacing label + .p-inputtext,
.al-spacing.al-dialog label + .al-field-element,
.al-spacing.al-dialog label + .al-field-element,
.al-spacing.al-dialog label + .p-inputtext, .al-spacing.al-tooltip label + .al-field-element,
.al-spacing.al-tooltip label + .al-field-element,
.al-spacing.al-tooltip label + .p-inputtext {
  /* default space 11px*/
  margin-top: -6px;
  /* default - value above = 5 */
}
.al-spacing #footer label.sr-only + .p-inputtext, #footer.al-spacing label.sr-only + .p-inputtext, #footer .al-spacing label.sr-only + .p-inputtext,
.al-spacing #content label.sr-only + .p-inputtext, #content.al-spacing label.sr-only + .p-inputtext, #content .al-spacing label.sr-only + .p-inputtext,
.al-spacing.al-dialog label.sr-only + .p-inputtext, .al-spacing.al-tooltip label.sr-only + .p-inputtext {
  /* default space 11px*/
  margin-top: 0px;
  /* default - value above = 11 */
}
.al-spacing #footer label + .al-field-label-left, .al-spacing #footer label + .al-field-label-left, #footer.al-spacing label + .al-field-label-left, #footer.al-spacing label + .al-field-label-left, #footer .al-spacing label + .al-field-label-left, #footer .al-spacing label + .al-field-label-left,
.al-spacing #content label + .al-field-label-left,
.al-spacing #content label + .al-field-label-left, #content.al-spacing label + .al-field-label-left, #content.al-spacing label + .al-field-label-left, #content .al-spacing label + .al-field-label-left, #content .al-spacing label + .al-field-label-left,
.al-spacing.al-dialog label + .al-field-label-left,
.al-spacing.al-dialog label + .al-field-label-left, .al-spacing.al-tooltip label + .al-field-label-left, .al-spacing.al-tooltip label + .al-field-label-left {
  /* default space 11px*/
  margin-top: 0px;
  /* default - value above = 11 */
}
.al-spacing #footer label.al-form-validator-stack-error, .al-spacing #footer label.al-form-validator-stack-error, .al-spacing #footer label.field-error, #footer.al-spacing label.al-form-validator-stack-error, #footer.al-spacing label.al-form-validator-stack-error, #footer.al-spacing label.field-error, #footer .al-spacing label.al-form-validator-stack-error, #footer .al-spacing label.al-form-validator-stack-error, #footer .al-spacing label.field-error,
.al-spacing #content label.al-form-validator-stack-error,
.al-spacing #content label.al-form-validator-stack-error,
.al-spacing #content label.field-error, #content.al-spacing label.al-form-validator-stack-error, #content.al-spacing label.al-form-validator-stack-error, #content.al-spacing label.field-error, #content .al-spacing label.al-form-validator-stack-error, #content .al-spacing label.al-form-validator-stack-error, #content .al-spacing label.field-error,
.al-spacing.al-dialog label.al-form-validator-stack-error,
.al-spacing.al-dialog label.al-form-validator-stack-error,
.al-spacing.al-dialog label.field-error, .al-spacing.al-tooltip label.al-form-validator-stack-error, .al-spacing.al-tooltip label.al-form-validator-stack-error, .al-spacing.al-tooltip label.field-error {
  /* default space 11px*/
  margin-top: -6px;
  /* default - value above = 5 */
}
.al-spacing #footer * + .al-toolbar-horizontal, .al-spacing #footer * + script + .al-toolbar-horizontal,
.al-spacing #footer * + .ui-button-holder, .al-spacing #footer * + script + .ui-button-holder,
.al-spacing #footer * + .p-button, .al-spacing #footer * + script + .p-button,
.al-spacing #footer * + .ui-buttonitem, .al-spacing #footer * + script + .ui-buttonitem, #footer.al-spacing * + .al-toolbar-horizontal, #footer.al-spacing * + script + .al-toolbar-horizontal,
#footer.al-spacing * + .ui-button-holder, #footer.al-spacing * + script + .ui-button-holder,
#footer.al-spacing * + .p-button, #footer.al-spacing * + script + .p-button,
#footer.al-spacing * + .ui-buttonitem, #footer.al-spacing * + script + .ui-buttonitem, #footer .al-spacing * + .al-toolbar-horizontal, #footer .al-spacing * + script + .al-toolbar-horizontal,
#footer .al-spacing * + .ui-button-holder, #footer .al-spacing * + script + .ui-button-holder,
#footer .al-spacing * + .p-button, #footer .al-spacing * + script + .p-button,
#footer .al-spacing * + .ui-buttonitem, #footer .al-spacing * + script + .ui-buttonitem,
.al-spacing #content * + .al-toolbar-horizontal,
.al-spacing #content * + script + .al-toolbar-horizontal,
.al-spacing #content * + .ui-button-holder,
.al-spacing #content * + script + .ui-button-holder,
.al-spacing #content * + .p-button,
.al-spacing #content * + script + .p-button,
.al-spacing #content * + .ui-buttonitem,
.al-spacing #content * + script + .ui-buttonitem, #content.al-spacing * + .al-toolbar-horizontal, #content.al-spacing * + script + .al-toolbar-horizontal,
#content.al-spacing * + .ui-button-holder, #content.al-spacing * + script + .ui-button-holder,
#content.al-spacing * + .p-button, #content.al-spacing * + script + .p-button,
#content.al-spacing * + .ui-buttonitem, #content.al-spacing * + script + .ui-buttonitem, #content .al-spacing * + .al-toolbar-horizontal, #content .al-spacing * + script + .al-toolbar-horizontal,
#content .al-spacing * + .ui-button-holder, #content .al-spacing * + script + .ui-button-holder,
#content .al-spacing * + .p-button, #content .al-spacing * + script + .p-button,
#content .al-spacing * + .ui-buttonitem, #content .al-spacing * + script + .ui-buttonitem,
.al-spacing.al-dialog * + .al-toolbar-horizontal,
.al-spacing.al-dialog * + script + .al-toolbar-horizontal,
.al-spacing.al-dialog * + .ui-button-holder,
.al-spacing.al-dialog * + script + .ui-button-holder,
.al-spacing.al-dialog * + .p-button,
.al-spacing.al-dialog * + script + .p-button,
.al-spacing.al-dialog * + .ui-buttonitem,
.al-spacing.al-dialog * + script + .ui-buttonitem, .al-spacing.al-tooltip * + .al-toolbar-horizontal, .al-spacing.al-tooltip * + script + .al-toolbar-horizontal,
.al-spacing.al-tooltip * + .ui-button-holder, .al-spacing.al-tooltip * + script + .ui-button-holder,
.al-spacing.al-tooltip * + .p-button, .al-spacing.al-tooltip * + script + .p-button,
.al-spacing.al-tooltip * + .ui-buttonitem, .al-spacing.al-tooltip * + script + .ui-buttonitem {
  /* default space 11px*/
  margin-top: 11px;
  /* default - value above = 22 */
}
.al-spacing #footer .al-button-group .p-button + .p-button, .al-spacing #footer .al-button-group button + button, .al-spacing #footer .al-button-group * + .p-button, #footer.al-spacing .al-button-group .p-button + .p-button, #footer.al-spacing .al-button-group button + button, #footer.al-spacing .al-button-group * + .p-button, #footer .al-spacing .al-button-group .p-button + .p-button, #footer .al-spacing .al-button-group button + button, #footer .al-spacing .al-button-group * + .p-button,
.al-spacing #content .al-button-group .p-button + .p-button,
.al-spacing #content .al-button-group button + button,
.al-spacing #content .al-button-group * + .p-button, #content.al-spacing .al-button-group .p-button + .p-button, #content.al-spacing .al-button-group button + button, #content.al-spacing .al-button-group * + .p-button, #content .al-spacing .al-button-group .p-button + .p-button, #content .al-spacing .al-button-group button + button, #content .al-spacing .al-button-group * + .p-button,
.al-spacing.al-dialog .al-button-group .p-button + .p-button,
.al-spacing.al-dialog .al-button-group button + button,
.al-spacing.al-dialog .al-button-group * + .p-button, .al-spacing.al-tooltip .al-button-group .p-button + .p-button, .al-spacing.al-tooltip .al-button-group button + button, .al-spacing.al-tooltip .al-button-group * + .p-button {
  margin-left: 0;
  margin-top: 0; /* for buttongroup no left and top margin needed */
}
.al-spacing #footer .al-toolbar-horizontal .p-button,
.al-spacing #footer .al-toolbar-horizontal .ui-buttonitem,
.al-spacing #footer .ui-button-holder .p-button,
.al-spacing #footer .ui-button-holder .ui-buttonitem,
.al-spacing #footer .al-datepicker-button-wrapper .ui-buttonitem, #footer.al-spacing .al-toolbar-horizontal .p-button,
#footer.al-spacing .al-toolbar-horizontal .ui-buttonitem,
#footer.al-spacing .ui-button-holder .p-button,
#footer.al-spacing .ui-button-holder .ui-buttonitem,
#footer.al-spacing .al-datepicker-button-wrapper .ui-buttonitem, #footer .al-spacing .al-toolbar-horizontal .p-button,
#footer .al-spacing .al-toolbar-horizontal .ui-buttonitem,
#footer .al-spacing .ui-button-holder .p-button,
#footer .al-spacing .ui-button-holder .ui-buttonitem,
#footer .al-spacing .al-datepicker-button-wrapper .ui-buttonitem,
.al-spacing #content .al-toolbar-horizontal .p-button,
.al-spacing #content .al-toolbar-horizontal .ui-buttonitem,
.al-spacing #content .ui-button-holder .p-button,
.al-spacing #content .ui-button-holder .ui-buttonitem,
.al-spacing #content .al-datepicker-button-wrapper .ui-buttonitem, #content.al-spacing .al-toolbar-horizontal .p-button,
#content.al-spacing .al-toolbar-horizontal .ui-buttonitem,
#content.al-spacing .ui-button-holder .p-button,
#content.al-spacing .ui-button-holder .ui-buttonitem,
#content.al-spacing .al-datepicker-button-wrapper .ui-buttonitem, #content .al-spacing .al-toolbar-horizontal .p-button,
#content .al-spacing .al-toolbar-horizontal .ui-buttonitem,
#content .al-spacing .ui-button-holder .p-button,
#content .al-spacing .ui-button-holder .ui-buttonitem,
#content .al-spacing .al-datepicker-button-wrapper .ui-buttonitem,
.al-spacing.al-dialog .al-toolbar-horizontal .p-button,
.al-spacing.al-dialog .al-toolbar-horizontal .ui-buttonitem,
.al-spacing.al-dialog .ui-button-holder .p-button,
.al-spacing.al-dialog .ui-button-holder .ui-buttonitem,
.al-spacing.al-dialog .al-datepicker-button-wrapper .ui-buttonitem, .al-spacing.al-tooltip .al-toolbar-horizontal .p-button,
.al-spacing.al-tooltip .al-toolbar-horizontal .ui-buttonitem,
.al-spacing.al-tooltip .ui-button-holder .p-button,
.al-spacing.al-tooltip .ui-button-holder .ui-buttonitem,
.al-spacing.al-tooltip .al-datepicker-button-wrapper .ui-buttonitem {
  margin-top: 0px;
  margin-bottom: 0px;
}
.al-spacing #footer .al-toolbar-horizontal .ui-buttonitem, #footer.al-spacing .al-toolbar-horizontal .ui-buttonitem, #footer .al-spacing .al-toolbar-horizontal .ui-buttonitem,
.al-spacing #content .al-toolbar-horizontal .ui-buttonitem, #content.al-spacing .al-toolbar-horizontal .ui-buttonitem, #content .al-spacing .al-toolbar-horizontal .ui-buttonitem,
.al-spacing.al-dialog .al-toolbar-horizontal .ui-buttonitem, .al-spacing.al-tooltip .al-toolbar-horizontal .ui-buttonitem {
  margin-left: 0;
}
.al-spacing #footer .al-panel-wrapper .al-toolbar-horizontal + .al-toolbar-horizontal, #footer.al-spacing .al-panel-wrapper .al-toolbar-horizontal + .al-toolbar-horizontal, #footer .al-spacing .al-panel-wrapper .al-toolbar-horizontal + .al-toolbar-horizontal,
.al-spacing #content .al-panel-wrapper .al-toolbar-horizontal + .al-toolbar-horizontal, #content.al-spacing .al-panel-wrapper .al-toolbar-horizontal + .al-toolbar-horizontal, #content .al-spacing .al-panel-wrapper .al-toolbar-horizontal + .al-toolbar-horizontal,
.al-spacing.al-dialog .al-panel-wrapper .al-toolbar-horizontal + .al-toolbar-horizontal, .al-spacing.al-tooltip .al-panel-wrapper .al-toolbar-horizontal + .al-toolbar-horizontal {
  margin-top: 0px;
  margin-bottom: 0px;
}
.al-spacing #footer .al-aclist .al-aclist-content .al-aclist-item:last-child, .al-spacing #footer .al-aclist .al-aclist-content .al-aclist-list, #footer.al-spacing .al-aclist .al-aclist-content .al-aclist-item:last-child, #footer.al-spacing .al-aclist .al-aclist-content .al-aclist-list, #footer .al-spacing .al-aclist .al-aclist-content .al-aclist-item:last-child, #footer .al-spacing .al-aclist .al-aclist-content .al-aclist-list,
.al-spacing #content .al-aclist .al-aclist-content .al-aclist-item:last-child,
.al-spacing #content .al-aclist .al-aclist-content .al-aclist-list, #content.al-spacing .al-aclist .al-aclist-content .al-aclist-item:last-child, #content.al-spacing .al-aclist .al-aclist-content .al-aclist-list, #content .al-spacing .al-aclist .al-aclist-content .al-aclist-item:last-child, #content .al-spacing .al-aclist .al-aclist-content .al-aclist-list,
.al-spacing.al-dialog .al-aclist .al-aclist-content .al-aclist-item:last-child,
.al-spacing.al-dialog .al-aclist .al-aclist-content .al-aclist-list, .al-spacing.al-tooltip .al-aclist .al-aclist-content .al-aclist-item:last-child, .al-spacing.al-tooltip .al-aclist .al-aclist-content .al-aclist-list {
  margin-bottom: 0;
}
.al-spacing #footer ul.al-linklist-vertical-link li, #footer.al-spacing ul.al-linklist-vertical-link li, #footer .al-spacing ul.al-linklist-vertical-link li,
.al-spacing #content ul.al-linklist-vertical-link li, #content.al-spacing ul.al-linklist-vertical-link li, #content .al-spacing ul.al-linklist-vertical-link li,
.al-spacing.al-dialog ul.al-linklist-vertical-link li, .al-spacing.al-tooltip ul.al-linklist-vertical-link li {
  margin-top: 0px;
  margin-bottom: 0px;
}
.al-spacing #footer .al-linklist-vertical-header, #footer.al-spacing .al-linklist-vertical-header, #footer .al-spacing .al-linklist-vertical-header,
.al-spacing #content .al-linklist-vertical-header, #content.al-spacing .al-linklist-vertical-header, #content .al-spacing .al-linklist-vertical-header,
.al-spacing.al-dialog .al-linklist-vertical-header, .al-spacing.al-tooltip .al-linklist-vertical-header {
  margin-bottom: 0;
}
.al-spacing #footer .al-field-text.al-input-text-search + .p-button, #footer.al-spacing .al-field-text.al-input-text-search + .p-button, #footer .al-spacing .al-field-text.al-input-text-search + .p-button,
.al-spacing #content .al-field-text.al-input-text-search + .p-button, #content.al-spacing .al-field-text.al-input-text-search + .p-button, #content .al-spacing .al-field-text.al-input-text-search + .p-button,
.al-spacing.al-dialog .al-field-text.al-input-text-search + .p-button, .al-spacing.al-tooltip .al-field-text.al-input-text-search + .p-button {
  /* default space 11px*/
  margin-top: 0px;
  /* default - value above = 11 */
}
.al-spacing #footer .al-carousel__dots li, #footer.al-spacing .al-carousel__dots li, #footer .al-spacing .al-carousel__dots li,
.al-spacing #content .al-carousel__dots li, #content.al-spacing .al-carousel__dots li, #content .al-spacing .al-carousel__dots li,
.al-spacing.al-dialog .al-carousel__dots li, .al-spacing.al-tooltip .al-carousel__dots li {
  margin-top: 0px;
  margin-bottom: 0px;
}
.al-spacing #footer .al-tips-alerts, #footer.al-spacing .al-tips-alerts, #footer .al-spacing .al-tips-alerts,
.al-spacing #content .al-tips-alerts, #content.al-spacing .al-tips-alerts, #content .al-spacing .al-tips-alerts,
.al-spacing.al-dialog .al-tips-alerts, .al-spacing.al-tooltip .al-tips-alerts {
  margin-bottom: 11px;
}
.al-spacing #footer .al-tips-details, #footer.al-spacing .al-tips-details, #footer .al-spacing .al-tips-details,
.al-spacing #content .al-tips-details, #content.al-spacing .al-tips-details, #content .al-spacing .al-tips-details,
.al-spacing.al-dialog .al-tips-details, .al-spacing.al-tooltip .al-tips-details {
  /* default space 11px*/
  margin-top: -11px;
  /* default - value above = 0 */
}
.al-spacing #footer .al-tips-details .p-button, #footer.al-spacing .al-tips-details .p-button, #footer .al-spacing .al-tips-details .p-button,
.al-spacing #content .al-tips-details .p-button, #content.al-spacing .al-tips-details .p-button, #content .al-spacing .al-tips-details .p-button,
.al-spacing.al-dialog .al-tips-details .p-button, .al-spacing.al-tooltip .al-tips-details .p-button {
  /* default space 11px*/
  margin-top: 0px;
  /* default - value above = 11 */
}
.al-spacing #footer table.p-datepicker-calendar, #footer.al-spacing table.p-datepicker-calendar, #footer .al-spacing table.p-datepicker-calendar,
.al-spacing #content table.p-datepicker-calendar, #content.al-spacing table.p-datepicker-calendar, #content .al-spacing table.p-datepicker-calendar,
.al-spacing.al-dialog table.p-datepicker-calendar, .al-spacing.al-tooltip table.p-datepicker-calendar {
  margin-bottom: 0px;
}
.al-spacing #footer .p-checkbox, .al-spacing #footer .p-checkbox-label, #footer.al-spacing .p-checkbox, #footer.al-spacing .p-checkbox-label, #footer .al-spacing .p-checkbox, #footer .al-spacing .p-checkbox-label,
.al-spacing #content .p-checkbox,
.al-spacing #content .p-checkbox-label, #content.al-spacing .p-checkbox, #content.al-spacing .p-checkbox-label, #content .al-spacing .p-checkbox, #content .al-spacing .p-checkbox-label,
.al-spacing.al-dialog .p-checkbox,
.al-spacing.al-dialog .p-checkbox-label, .al-spacing.al-tooltip .p-checkbox, .al-spacing.al-tooltip .p-checkbox-label {
  /* default space 11px*/
  margin-bottom: 11px;
  /* default - value above = 0 */
}
.al-spacing #footer .p-inputtext, #footer.al-spacing .p-inputtext, #footer .al-spacing .p-inputtext,
.al-spacing #content .p-inputtext, #content.al-spacing .p-inputtext, #content .al-spacing .p-inputtext,
.al-spacing.al-dialog .p-inputtext, .al-spacing.al-tooltip .p-inputtext {
  /* default space 11px*/
  margin-bottom: 11px;
  /* default - value above = 0 */
}
.al-spacing #footer .p-paginator-page, #footer.al-spacing .p-paginator-page, #footer .al-spacing .p-paginator-page,
.al-spacing #content .p-paginator-page, #content.al-spacing .p-paginator-page, #content .al-spacing .p-paginator-page,
.al-spacing.al-dialog .p-paginator-page, .al-spacing.al-tooltip .p-paginator-page {
  /* default space 11px*/
  margin-bottom: 11px;
  /* default - value above = 0 */
}
.al-spacing #footer .p-radiobutton-label, #footer.al-spacing .p-radiobutton-label, #footer .al-spacing .p-radiobutton-label,
.al-spacing #content .p-radiobutton-label, #content.al-spacing .p-radiobutton-label, #content .al-spacing .p-radiobutton-label,
.al-spacing.al-dialog .p-radiobutton-label, .al-spacing.al-tooltip .p-radiobutton-label {
  /* default space 11px*/
  margin-bottom: 11px;
  /* default - value above = 0 */
}
.al-spacing #footer .p-dropdown, #footer.al-spacing .p-dropdown, #footer .al-spacing .p-dropdown,
.al-spacing #content .p-dropdown, #content.al-spacing .p-dropdown, #content .al-spacing .p-dropdown,
.al-spacing.al-dialog .p-dropdown, .al-spacing.al-tooltip .p-dropdown {
  /* default space 11px*/
  margin-bottom: 11px;
  /* default - value above = 0 */
}
.al-spacing #footer .p-dropdown label, .al-spacing #footer .p-dropdown label.p-inputtext, #footer.al-spacing .p-dropdown label, #footer.al-spacing .p-dropdown label.p-inputtext, #footer .al-spacing .p-dropdown label, #footer .al-spacing .p-dropdown label.p-inputtext,
.al-spacing #content .p-dropdown label,
.al-spacing #content .p-dropdown label.p-inputtext, #content.al-spacing .p-dropdown label, #content.al-spacing .p-dropdown label.p-inputtext, #content .al-spacing .p-dropdown label, #content .al-spacing .p-dropdown label.p-inputtext,
.al-spacing.al-dialog .p-dropdown label,
.al-spacing.al-dialog .p-dropdown label.p-inputtext, .al-spacing.al-tooltip .p-dropdown label, .al-spacing.al-tooltip .p-dropdown label.p-inputtext {
  margin-top: 0px;
  margin-bottom: 0px;
}
.al-spacing #footer .al-form-control-wrapper label, #footer.al-spacing .al-form-control-wrapper label, #footer .al-spacing .al-form-control-wrapper label,
.al-spacing #content .al-form-control-wrapper label, #content.al-spacing .al-form-control-wrapper label, #content .al-spacing .al-form-control-wrapper label,
.al-spacing.al-dialog .al-form-control-wrapper label, .al-spacing.al-tooltip .al-form-control-wrapper label {
  /* default space 11px*/
  margin-bottom: 11px;
  /* default - value above = 0 */
}
.al-spacing #footer .al-form-control-wrapper label + p-dropdown .p-dropdown, #footer.al-spacing .al-form-control-wrapper label + p-dropdown .p-dropdown, #footer .al-spacing .al-form-control-wrapper label + p-dropdown .p-dropdown,
.al-spacing #content .al-form-control-wrapper label + p-dropdown .p-dropdown, #content.al-spacing .al-form-control-wrapper label + p-dropdown .p-dropdown, #content .al-spacing .al-form-control-wrapper label + p-dropdown .p-dropdown,
.al-spacing.al-dialog .al-form-control-wrapper label + p-dropdown .p-dropdown, .al-spacing.al-tooltip .al-form-control-wrapper label + p-dropdown .p-dropdown {
  /* default space 11px*/
  margin-top: -6px;
  /* default - value above = 5 */
}
.al-spacing #footer .p-multiselect-item .p-checkbox, #footer.al-spacing .p-multiselect-item .p-checkbox, #footer .al-spacing .p-multiselect-item .p-checkbox,
.al-spacing #content .p-multiselect-item .p-checkbox, #content.al-spacing .p-multiselect-item .p-checkbox, #content .al-spacing .p-multiselect-item .p-checkbox,
.al-spacing.al-dialog .p-multiselect-item .p-checkbox, .al-spacing.al-tooltip .p-multiselect-item .p-checkbox {
  margin-bottom: 0px;
  box-shadow: none;
}
.al-spacing #footer .p-tabview-nav li, #footer.al-spacing .p-tabview-nav li, #footer .al-spacing .p-tabview-nav li,
.al-spacing #content .p-tabview-nav li, #content.al-spacing .p-tabview-nav li, #content .al-spacing .p-tabview-nav li,
.al-spacing.al-dialog .p-tabview-nav li, .al-spacing.al-tooltip .p-tabview-nav li {
  margin-bottom: 0;
}
.al-spacing #footer .p-tabview-nav li + li, #footer.al-spacing .p-tabview-nav li + li, #footer .al-spacing .p-tabview-nav li + li,
.al-spacing #content .p-tabview-nav li + li, #content.al-spacing .p-tabview-nav li + li, #content .al-spacing .p-tabview-nav li + li,
.al-spacing.al-dialog .p-tabview-nav li + li, .al-spacing.al-tooltip .p-tabview-nav li + li {
  /* default space 11px*/
  margin-top: 0px;
  /* default - value above = 11 */
}
.al-spacing #footer .al-input-text-search .p-button, #footer.al-spacing .al-input-text-search .p-button, #footer .al-spacing .al-input-text-search .p-button,
.al-spacing #content .al-input-text-search .p-button, #content.al-spacing .al-input-text-search .p-button, #content .al-spacing .al-input-text-search .p-button,
.al-spacing.al-dialog .al-input-text-search .p-button, .al-spacing.al-tooltip .al-input-text-search .p-button {
  /* default space 11px*/
  margin-top: 0px;
  /* default - value above = 11 */
}
.al-spacing #footer .al-field-content label, .al-spacing #footer .al-field-content .field-error, #footer.al-spacing .al-field-content label, #footer.al-spacing .al-field-content .field-error, #footer .al-spacing .al-field-content label, #footer .al-spacing .al-field-content .field-error,
.al-spacing #content .al-field-content label,
.al-spacing #content .al-field-content .field-error, #content.al-spacing .al-field-content label, #content.al-spacing .al-field-content .field-error, #content .al-spacing .al-field-content label, #content .al-spacing .al-field-content .field-error,
.al-spacing.al-dialog .al-field-content label,
.al-spacing.al-dialog .al-field-content .field-error, .al-spacing.al-tooltip .al-field-content label, .al-spacing.al-tooltip .al-field-content .field-error {
  /* default space 11px*/
  margin-bottom: 11px;
  /* default - value above = 0 */
}
/* ==========================================================================================================================================================
  ===========================================================================================================================================================
  ===========================================================================================================================================================

    SASS Section 2:  WITH Color

    NOTE:  You have to do these same changes for al-spacing!! (SASS Section 1)

  ==========================================================================================================================================================
  ==========================================================================================================================================================
  ========================================================================================================================================================== */
/*
@mixin space($size) {
  margin-top: -11+$size;
  box-shadow: 0px -1-$size 0px 0px rgba(127, 191, 63, 0.40);
}
*/
.al-spacing-color #footer, #footer.al-spacing-color, #footer .al-spacing-color,
.al-spacing-color #content, #content.al-spacing-color, #content .al-spacing-color,
.al-spacing-color.al-dialog, .al-spacing-color.al-tooltip {
  /* ====================================
  Horizontal Rules
    ====================================*/
  /* Horizontal Rule (plus) any element:  11px vertical */
  /* Removed margin-left and margin-right ul,ol,dl: PBPI-4210*/
  /* ==================================================================
      Default spacing / Safety Net
    ================================================================== */
  /*==================================================================
      Spacing Patterns
    ==================================================================*/
  /* ====================================
  Typography
    ====================================*/
  /* typography paragraphs */
  /* variable change from space-0px to space-11px for pbpi-4087 & 4077 & 4013*/
  /* variable change from space-11px to space-default for pbpi-4087 & 4077 & 4013*/
  /*added new css for pbpi-4087 & 4077 & 4013*/
  /* typography Headers:  11px vertical */
  /* ====================================
  Headers: Font Size Helpers
    ====================================*/
  /* non semantic typography */
  /* typography Headers:  11px vertical */
  /* typography paragraphs */
  /* ====================================
  END    Headers: Font Size Helpers
    ====================================*/
  /* ol or ul (plus) any element:  11px vertical */
  /* list items li:  5px vertical */
  /* nested list:  ol + ol, ul + ul, etc:  5px vertical */
  /* nested list:  ol + ol, ul + ul, etc:  5px vertical */
  /* ol + ol, ol + ul, ul + ol, ul + ul:  11px vertical */
  /* ====================================
  Spacing Conflict, fixing li in UI tabs
  ====================================*/
  /*ul[role=tablist],
  .al-navitabs-tab-set ul li.al-navitabs-tab,
  .al-navitabs ul.al-navitabs-tab-dropdown,
  .al-navitabs ul.al-navitabs-tab-dropdown li.al-navitabs-tab
   {@include space-conflict-0px;}*/
  /* .al-navitabs & .al-navitabs-tab-set has been removed to match css hierarchy PFO-16584 :: Start */
  /* PFO-16584 :: End */
  /* ====================================
  Tables / Tabs / Progress Bar / Content Boxes / Calendar
    ====================================*/
  /* table (plus) any element:  11px vertical */
  /* Tabs Navitabs (plus) any element:  11px vertical */
  /* Progressbar list items (li + li) set top margin to 0 */
  /* Content box (plus) any element:  11px vertical */
  /* Calendar button -11px vertical */
  /* ====================================
  Forms
    ====================================*/
  /* all form elements (plus) any element:  11px vertical  */
  /* form.al-form, */
  /* commenting below rule for PBPI-4003*/
  /*input[type=hidden] + *, input[type=hidden] + script + *,
  {
  @include space-0px;
  }*/
  /* label (plus) form element:  5px vertical  */
  /* label (plus) inline form element:  11px vertical  */
  /* form validation error:  5px vertical  */
  /* any element (plus) button:  22px vertical  */
  /* Between 2 Buttons for Button Group */
  /* ====================================
  Spacing Conflict, combined buttons fix
  ====================================*/
  /* Button Sets:  0px vertical  */
  /* ====================================
  Panels
    ====================================*/
  /* ====================================
  Spacing Conflict, panels fix
  ====================================*/
  /* Removed bottom margin for autocomplete list for PBPI-3872*/
  /* ====================================
  Supporting Links
    ====================================*/
  /* Removed top/bottom margin for Supporting Links list for PBPI-4154*/
  /* Removed bottom margin for Supporting Links list for PBPI-4154 */
  /* ====================================
  Spacing Conflict, fixing search bars
  ====================================*/
  /* Removed top margin for search + button for PBPI-4247*/
  /* ====================================
  Spacing Conflict, fixing carousel buttons
  ====================================*/
  /* Removed margin for carousel buttons for PCA-7880*/
  /* ====================================
  Spacing for Tips-Alerts
  ====================================*/
  /* Added due to PFO-18005 */
  /* Remove table margin-bottom for calendar component*/
  /* Add margin-bottom for Checkbox components*/
  /* Add margin-bottom to input box component */
  /* Add padding left & right to pagination button and adding margin-bottom to pagination component*/
  /* Add margin-bottom for Radio Button components*/
  /* Add margin-bottom for Select dropdown components*/
  /*Remove margin bottom from multiselect checkbox*/
  /* Remove margin-top from tabs for li + li in vertical tabs*/
  /*Remove margin-top for autocomplete search button*/
  /* Add margin bottom for label in Form validation component */
}
.al-spacing-color #footer hr + *, #footer.al-spacing-color hr + *, #footer .al-spacing-color hr + *,
.al-spacing-color #content hr + *, #content.al-spacing-color hr + *, #content .al-spacing-color hr + *,
.al-spacing-color.al-dialog hr + *, .al-spacing-color.al-tooltip hr + * {
  margin-top: 0px;
  box-shadow: 0px -10px 0px 0px rgba(127, 191, 63, 0.4);
  margin-bottom: 0px;
}
.al-spacing-color #footer hr, .al-spacing-color #footer hr + hr, #footer.al-spacing-color hr, #footer.al-spacing-color hr + hr, #footer .al-spacing-color hr, #footer .al-spacing-color hr + hr,
.al-spacing-color #content hr,
.al-spacing-color #content hr + hr, #content.al-spacing-color hr, #content.al-spacing-color hr + hr, #content .al-spacing-color hr, #content .al-spacing-color hr + hr,
.al-spacing-color.al-dialog hr,
.al-spacing-color.al-dialog hr + hr, .al-spacing-color.al-tooltip hr, .al-spacing-color.al-tooltip hr + hr {
  margin: 11px 0px;
  box-shadow: 0px 0px 0px 10px rgba(127, 191, 63, 0.4);
}
.al-spacing-color #footer h1,
.al-spacing-color #footer h2,
.al-spacing-color #footer h3,
.al-spacing-color #footer h4,
.al-spacing-color #footer h5,
.al-spacing-color #footer h6,
.al-spacing-color #footer p,
.al-spacing-color #footer ul,
.al-spacing-color #footer ol,
.al-spacing-color #footer dl,
.al-spacing-color #footer li,
.al-spacing-color #footer dt,
.al-spacing-color #footer dd,
.al-spacing-color #footer table,
.al-spacing-color #footer .al-tab,
.al-spacing-color #footer .al-navitabs,
.al-spacing-color #footer .al-container,
.al-spacing-color #footer .al-container-box,
.al-spacing-color #footer .al-container-divider,
.al-spacing-color #footer .al-datepicker, #footer.al-spacing-color h1,
#footer.al-spacing-color h2,
#footer.al-spacing-color h3,
#footer.al-spacing-color h4,
#footer.al-spacing-color h5,
#footer.al-spacing-color h6,
#footer.al-spacing-color p,
#footer.al-spacing-color ul,
#footer.al-spacing-color ol,
#footer.al-spacing-color dl,
#footer.al-spacing-color li,
#footer.al-spacing-color dt,
#footer.al-spacing-color dd,
#footer.al-spacing-color table,
#footer.al-spacing-color .al-tab,
#footer.al-spacing-color .al-navitabs,
#footer.al-spacing-color .al-container,
#footer.al-spacing-color .al-container-box,
#footer.al-spacing-color .al-container-divider,
#footer.al-spacing-color .al-datepicker, #footer .al-spacing-color h1,
#footer .al-spacing-color h2,
#footer .al-spacing-color h3,
#footer .al-spacing-color h4,
#footer .al-spacing-color h5,
#footer .al-spacing-color h6,
#footer .al-spacing-color p,
#footer .al-spacing-color ul,
#footer .al-spacing-color ol,
#footer .al-spacing-color dl,
#footer .al-spacing-color li,
#footer .al-spacing-color dt,
#footer .al-spacing-color dd,
#footer .al-spacing-color table,
#footer .al-spacing-color .al-tab,
#footer .al-spacing-color .al-navitabs,
#footer .al-spacing-color .al-container,
#footer .al-spacing-color .al-container-box,
#footer .al-spacing-color .al-container-divider,
#footer .al-spacing-color .al-datepicker,
.al-spacing-color #content h1,
.al-spacing-color #content h2,
.al-spacing-color #content h3,
.al-spacing-color #content h4,
.al-spacing-color #content h5,
.al-spacing-color #content h6,
.al-spacing-color #content p,
.al-spacing-color #content ul,
.al-spacing-color #content ol,
.al-spacing-color #content dl,
.al-spacing-color #content li,
.al-spacing-color #content dt,
.al-spacing-color #content dd,
.al-spacing-color #content table,
.al-spacing-color #content .al-tab,
.al-spacing-color #content .al-navitabs,
.al-spacing-color #content .al-container,
.al-spacing-color #content .al-container-box,
.al-spacing-color #content .al-container-divider,
.al-spacing-color #content .al-datepicker, #content.al-spacing-color h1,
#content.al-spacing-color h2,
#content.al-spacing-color h3,
#content.al-spacing-color h4,
#content.al-spacing-color h5,
#content.al-spacing-color h6,
#content.al-spacing-color p,
#content.al-spacing-color ul,
#content.al-spacing-color ol,
#content.al-spacing-color dl,
#content.al-spacing-color li,
#content.al-spacing-color dt,
#content.al-spacing-color dd,
#content.al-spacing-color table,
#content.al-spacing-color .al-tab,
#content.al-spacing-color .al-navitabs,
#content.al-spacing-color .al-container,
#content.al-spacing-color .al-container-box,
#content.al-spacing-color .al-container-divider,
#content.al-spacing-color .al-datepicker, #content .al-spacing-color h1,
#content .al-spacing-color h2,
#content .al-spacing-color h3,
#content .al-spacing-color h4,
#content .al-spacing-color h5,
#content .al-spacing-color h6,
#content .al-spacing-color p,
#content .al-spacing-color ul,
#content .al-spacing-color ol,
#content .al-spacing-color dl,
#content .al-spacing-color li,
#content .al-spacing-color dt,
#content .al-spacing-color dd,
#content .al-spacing-color table,
#content .al-spacing-color .al-tab,
#content .al-spacing-color .al-navitabs,
#content .al-spacing-color .al-container,
#content .al-spacing-color .al-container-box,
#content .al-spacing-color .al-container-divider,
#content .al-spacing-color .al-datepicker,
.al-spacing-color.al-dialog h1,
.al-spacing-color.al-dialog h2,
.al-spacing-color.al-dialog h3,
.al-spacing-color.al-dialog h4,
.al-spacing-color.al-dialog h5,
.al-spacing-color.al-dialog h6,
.al-spacing-color.al-dialog p,
.al-spacing-color.al-dialog ul,
.al-spacing-color.al-dialog ol,
.al-spacing-color.al-dialog dl,
.al-spacing-color.al-dialog li,
.al-spacing-color.al-dialog dt,
.al-spacing-color.al-dialog dd,
.al-spacing-color.al-dialog table,
.al-spacing-color.al-dialog .al-tab,
.al-spacing-color.al-dialog .al-navitabs,
.al-spacing-color.al-dialog .al-container,
.al-spacing-color.al-dialog .al-container-box,
.al-spacing-color.al-dialog .al-container-divider,
.al-spacing-color.al-dialog .al-datepicker, .al-spacing-color.al-tooltip h1,
.al-spacing-color.al-tooltip h2,
.al-spacing-color.al-tooltip h3,
.al-spacing-color.al-tooltip h4,
.al-spacing-color.al-tooltip h5,
.al-spacing-color.al-tooltip h6,
.al-spacing-color.al-tooltip p,
.al-spacing-color.al-tooltip ul,
.al-spacing-color.al-tooltip ol,
.al-spacing-color.al-tooltip dl,
.al-spacing-color.al-tooltip li,
.al-spacing-color.al-tooltip dt,
.al-spacing-color.al-tooltip dd,
.al-spacing-color.al-tooltip table,
.al-spacing-color.al-tooltip .al-tab,
.al-spacing-color.al-tooltip .al-navitabs,
.al-spacing-color.al-tooltip .al-container,
.al-spacing-color.al-tooltip .al-container-box,
.al-spacing-color.al-tooltip .al-container-divider,
.al-spacing-color.al-tooltip .al-datepicker {
  /* default space 11px*/
  margin-bottom: 11px;
  /* default - value above = 0 */
  /* Highlight 11px on the bottom */
  box-shadow: 0px 11px 0px 0px rgba(212, 241, 255, 0.6);
}
.al-spacing-color #footer .al-tile .typo-area > :last-child,
.al-spacing-color #footer .al-table td > :last-child,
.al-spacing-color #footer .al-table th > :last-child,
.al-spacing-color #footer .al-container-content > :last-child,
.al-spacing-color #footer .al-navitabs-panel > :last-child,
.al-spacing-color #footer .al-tile .typo-area > .p-button:last-child,
.al-spacing-color #footer .al-table td > .p-button:last-child,
.al-spacing-color #footer .al-table th > .p-button:last-child,
.al-spacing-color #footer .al-container-content > .p-button:last-child,
.al-spacing-color #footer .al-navitabs-panel > .p-button:last-child,
.al-spacing-color #footer table th p-checkbox:last-child .p-checkbox,
.al-spacing-color #footer table th p-checkbox:last-child .p-checkbox-label,
.al-spacing-color #footer table th p-radiobutton:last-child .p-radiobutton,
.al-spacing-color #footer table th p-radiobutton:last-child .p-radiobutton-label,
.al-spacing-color #footer table td p-checkbox:last-child .p-checkbox,
.al-spacing-color #footer table td p-checkbox:last-child .p-checkbox-label,
.al-spacing-color #footer table td p-radiobutton:last-child .p-radiobutton,
.al-spacing-color #footer table td p-radiobutton:last-child .p-radiobutton-label, #footer.al-spacing-color .al-tile .typo-area > :last-child,
#footer.al-spacing-color .al-table td > :last-child,
#footer.al-spacing-color .al-table th > :last-child,
#footer.al-spacing-color .al-container-content > :last-child,
#footer.al-spacing-color .al-navitabs-panel > :last-child,
#footer.al-spacing-color .al-tile .typo-area > .p-button:last-child,
#footer.al-spacing-color .al-table td > .p-button:last-child,
#footer.al-spacing-color .al-table th > .p-button:last-child,
#footer.al-spacing-color .al-container-content > .p-button:last-child,
#footer.al-spacing-color .al-navitabs-panel > .p-button:last-child,
#footer.al-spacing-color table th p-checkbox:last-child .p-checkbox,
#footer.al-spacing-color table th p-checkbox:last-child .p-checkbox-label,
#footer.al-spacing-color table th p-radiobutton:last-child .p-radiobutton,
#footer.al-spacing-color table th p-radiobutton:last-child .p-radiobutton-label,
#footer.al-spacing-color table td p-checkbox:last-child .p-checkbox,
#footer.al-spacing-color table td p-checkbox:last-child .p-checkbox-label,
#footer.al-spacing-color table td p-radiobutton:last-child .p-radiobutton,
#footer.al-spacing-color table td p-radiobutton:last-child .p-radiobutton-label, #footer .al-spacing-color .al-tile .typo-area > :last-child,
#footer .al-spacing-color .al-table td > :last-child,
#footer .al-spacing-color .al-table th > :last-child,
#footer .al-spacing-color .al-container-content > :last-child,
#footer .al-spacing-color .al-navitabs-panel > :last-child,
#footer .al-spacing-color .al-tile .typo-area > .p-button:last-child,
#footer .al-spacing-color .al-table td > .p-button:last-child,
#footer .al-spacing-color .al-table th > .p-button:last-child,
#footer .al-spacing-color .al-container-content > .p-button:last-child,
#footer .al-spacing-color .al-navitabs-panel > .p-button:last-child,
#footer .al-spacing-color table th p-checkbox:last-child .p-checkbox,
#footer .al-spacing-color table th p-checkbox:last-child .p-checkbox-label,
#footer .al-spacing-color table th p-radiobutton:last-child .p-radiobutton,
#footer .al-spacing-color table th p-radiobutton:last-child .p-radiobutton-label,
#footer .al-spacing-color table td p-checkbox:last-child .p-checkbox,
#footer .al-spacing-color table td p-checkbox:last-child .p-checkbox-label,
#footer .al-spacing-color table td p-radiobutton:last-child .p-radiobutton,
#footer .al-spacing-color table td p-radiobutton:last-child .p-radiobutton-label,
.al-spacing-color #content .al-tile .typo-area > :last-child,
.al-spacing-color #content .al-table td > :last-child,
.al-spacing-color #content .al-table th > :last-child,
.al-spacing-color #content .al-container-content > :last-child,
.al-spacing-color #content .al-navitabs-panel > :last-child,
.al-spacing-color #content .al-tile .typo-area > .p-button:last-child,
.al-spacing-color #content .al-table td > .p-button:last-child,
.al-spacing-color #content .al-table th > .p-button:last-child,
.al-spacing-color #content .al-container-content > .p-button:last-child,
.al-spacing-color #content .al-navitabs-panel > .p-button:last-child,
.al-spacing-color #content table th p-checkbox:last-child .p-checkbox,
.al-spacing-color #content table th p-checkbox:last-child .p-checkbox-label,
.al-spacing-color #content table th p-radiobutton:last-child .p-radiobutton,
.al-spacing-color #content table th p-radiobutton:last-child .p-radiobutton-label,
.al-spacing-color #content table td p-checkbox:last-child .p-checkbox,
.al-spacing-color #content table td p-checkbox:last-child .p-checkbox-label,
.al-spacing-color #content table td p-radiobutton:last-child .p-radiobutton,
.al-spacing-color #content table td p-radiobutton:last-child .p-radiobutton-label, #content.al-spacing-color .al-tile .typo-area > :last-child,
#content.al-spacing-color .al-table td > :last-child,
#content.al-spacing-color .al-table th > :last-child,
#content.al-spacing-color .al-container-content > :last-child,
#content.al-spacing-color .al-navitabs-panel > :last-child,
#content.al-spacing-color .al-tile .typo-area > .p-button:last-child,
#content.al-spacing-color .al-table td > .p-button:last-child,
#content.al-spacing-color .al-table th > .p-button:last-child,
#content.al-spacing-color .al-container-content > .p-button:last-child,
#content.al-spacing-color .al-navitabs-panel > .p-button:last-child,
#content.al-spacing-color table th p-checkbox:last-child .p-checkbox,
#content.al-spacing-color table th p-checkbox:last-child .p-checkbox-label,
#content.al-spacing-color table th p-radiobutton:last-child .p-radiobutton,
#content.al-spacing-color table th p-radiobutton:last-child .p-radiobutton-label,
#content.al-spacing-color table td p-checkbox:last-child .p-checkbox,
#content.al-spacing-color table td p-checkbox:last-child .p-checkbox-label,
#content.al-spacing-color table td p-radiobutton:last-child .p-radiobutton,
#content.al-spacing-color table td p-radiobutton:last-child .p-radiobutton-label, #content .al-spacing-color .al-tile .typo-area > :last-child,
#content .al-spacing-color .al-table td > :last-child,
#content .al-spacing-color .al-table th > :last-child,
#content .al-spacing-color .al-container-content > :last-child,
#content .al-spacing-color .al-navitabs-panel > :last-child,
#content .al-spacing-color .al-tile .typo-area > .p-button:last-child,
#content .al-spacing-color .al-table td > .p-button:last-child,
#content .al-spacing-color .al-table th > .p-button:last-child,
#content .al-spacing-color .al-container-content > .p-button:last-child,
#content .al-spacing-color .al-navitabs-panel > .p-button:last-child,
#content .al-spacing-color table th p-checkbox:last-child .p-checkbox,
#content .al-spacing-color table th p-checkbox:last-child .p-checkbox-label,
#content .al-spacing-color table th p-radiobutton:last-child .p-radiobutton,
#content .al-spacing-color table th p-radiobutton:last-child .p-radiobutton-label,
#content .al-spacing-color table td p-checkbox:last-child .p-checkbox,
#content .al-spacing-color table td p-checkbox:last-child .p-checkbox-label,
#content .al-spacing-color table td p-radiobutton:last-child .p-radiobutton,
#content .al-spacing-color table td p-radiobutton:last-child .p-radiobutton-label,
.al-spacing-color.al-dialog .al-tile .typo-area > :last-child,
.al-spacing-color.al-dialog .al-table td > :last-child,
.al-spacing-color.al-dialog .al-table th > :last-child,
.al-spacing-color.al-dialog .al-container-content > :last-child,
.al-spacing-color.al-dialog .al-navitabs-panel > :last-child,
.al-spacing-color.al-dialog .al-tile .typo-area > .p-button:last-child,
.al-spacing-color.al-dialog .al-table td > .p-button:last-child,
.al-spacing-color.al-dialog .al-table th > .p-button:last-child,
.al-spacing-color.al-dialog .al-container-content > .p-button:last-child,
.al-spacing-color.al-dialog .al-navitabs-panel > .p-button:last-child,
.al-spacing-color.al-dialog table th p-checkbox:last-child .p-checkbox,
.al-spacing-color.al-dialog table th p-checkbox:last-child .p-checkbox-label,
.al-spacing-color.al-dialog table th p-radiobutton:last-child .p-radiobutton,
.al-spacing-color.al-dialog table th p-radiobutton:last-child .p-radiobutton-label,
.al-spacing-color.al-dialog table td p-checkbox:last-child .p-checkbox,
.al-spacing-color.al-dialog table td p-checkbox:last-child .p-checkbox-label,
.al-spacing-color.al-dialog table td p-radiobutton:last-child .p-radiobutton,
.al-spacing-color.al-dialog table td p-radiobutton:last-child .p-radiobutton-label, .al-spacing-color.al-tooltip .al-tile .typo-area > :last-child,
.al-spacing-color.al-tooltip .al-table td > :last-child,
.al-spacing-color.al-tooltip .al-table th > :last-child,
.al-spacing-color.al-tooltip .al-container-content > :last-child,
.al-spacing-color.al-tooltip .al-navitabs-panel > :last-child,
.al-spacing-color.al-tooltip .al-tile .typo-area > .p-button:last-child,
.al-spacing-color.al-tooltip .al-table td > .p-button:last-child,
.al-spacing-color.al-tooltip .al-table th > .p-button:last-child,
.al-spacing-color.al-tooltip .al-container-content > .p-button:last-child,
.al-spacing-color.al-tooltip .al-navitabs-panel > .p-button:last-child,
.al-spacing-color.al-tooltip table th p-checkbox:last-child .p-checkbox,
.al-spacing-color.al-tooltip table th p-checkbox:last-child .p-checkbox-label,
.al-spacing-color.al-tooltip table th p-radiobutton:last-child .p-radiobutton,
.al-spacing-color.al-tooltip table th p-radiobutton:last-child .p-radiobutton-label,
.al-spacing-color.al-tooltip table td p-checkbox:last-child .p-checkbox,
.al-spacing-color.al-tooltip table td p-checkbox:last-child .p-checkbox-label,
.al-spacing-color.al-tooltip table td p-radiobutton:last-child .p-radiobutton,
.al-spacing-color.al-tooltip table td p-radiobutton:last-child .p-radiobutton-label {
  margin-bottom: 0px;
}
.al-spacing-color #footer * + p, .al-spacing-color #footer * + script + p, #footer.al-spacing-color * + p, #footer.al-spacing-color * + script + p, #footer .al-spacing-color * + p, #footer .al-spacing-color * + script + p,
.al-spacing-color #content * + p,
.al-spacing-color #content * + script + p, #content.al-spacing-color * + p, #content.al-spacing-color * + script + p, #content .al-spacing-color * + p, #content .al-spacing-color * + script + p,
.al-spacing-color.al-dialog * + p,
.al-spacing-color.al-dialog * + script + p, .al-spacing-color.al-tooltip * + p, .al-spacing-color.al-tooltip * + script + p {
  /* default space 11px*/
  margin-top: 0px;
  /* default - value above = 0 */
  /*
  >>>  vertical length
  space-11px
      11  class space
      - 11px default space
      ==
      0
      / 2
      ==
      ==
  0px (flip negative <-> possitive)

  >>>  spread radius
  space-11px
      11 default space
      + 11px
      ==
      22
      / 2
      ==
      ==
  11px (rounded)
   */
  box-shadow: 0px 0px 0px 11px rgba(127, 191, 63, 0.4);
}
.al-spacing-color #footer p + p, .al-spacing-color #footer p + script + p, #footer.al-spacing-color p + p, #footer.al-spacing-color p + script + p, #footer .al-spacing-color p + p, #footer .al-spacing-color p + script + p,
.al-spacing-color #content p + p,
.al-spacing-color #content p + script + p, #content.al-spacing-color p + p, #content.al-spacing-color p + script + p, #content .al-spacing-color p + p, #content .al-spacing-color p + script + p,
.al-spacing-color.al-dialog p + p,
.al-spacing-color.al-dialog p + script + p, .al-spacing-color.al-tooltip p + p, .al-spacing-color.al-tooltip p + script + p {
  /* default space 11px*/
  margin-bottom: 11px;
  /* default - value above = 0 */
  /* Highlight 11px on the bottom */
  box-shadow: 0px 11px 0px 0px rgba(212, 241, 255, 0.6);
}
.al-spacing-color #footer h1 + p,
.al-spacing-color #footer h2 + p,
.al-spacing-color #footer h3 + p,
.al-spacing-color #footer h4 + p,
.al-spacing-color #footer h5 + p,
.al-spacing-color #footer h6 + p, #footer.al-spacing-color h1 + p,
#footer.al-spacing-color h2 + p,
#footer.al-spacing-color h3 + p,
#footer.al-spacing-color h4 + p,
#footer.al-spacing-color h5 + p,
#footer.al-spacing-color h6 + p, #footer .al-spacing-color h1 + p,
#footer .al-spacing-color h2 + p,
#footer .al-spacing-color h3 + p,
#footer .al-spacing-color h4 + p,
#footer .al-spacing-color h5 + p,
#footer .al-spacing-color h6 + p,
.al-spacing-color #content h1 + p,
.al-spacing-color #content h2 + p,
.al-spacing-color #content h3 + p,
.al-spacing-color #content h4 + p,
.al-spacing-color #content h5 + p,
.al-spacing-color #content h6 + p, #content.al-spacing-color h1 + p,
#content.al-spacing-color h2 + p,
#content.al-spacing-color h3 + p,
#content.al-spacing-color h4 + p,
#content.al-spacing-color h5 + p,
#content.al-spacing-color h6 + p, #content .al-spacing-color h1 + p,
#content .al-spacing-color h2 + p,
#content .al-spacing-color h3 + p,
#content .al-spacing-color h4 + p,
#content .al-spacing-color h5 + p,
#content .al-spacing-color h6 + p,
.al-spacing-color.al-dialog h1 + p,
.al-spacing-color.al-dialog h2 + p,
.al-spacing-color.al-dialog h3 + p,
.al-spacing-color.al-dialog h4 + p,
.al-spacing-color.al-dialog h5 + p,
.al-spacing-color.al-dialog h6 + p, .al-spacing-color.al-tooltip h1 + p,
.al-spacing-color.al-tooltip h2 + p,
.al-spacing-color.al-tooltip h3 + p,
.al-spacing-color.al-tooltip h4 + p,
.al-spacing-color.al-tooltip h5 + p,
.al-spacing-color.al-tooltip h6 + p {
  /* margin top :  0 */
  /* default space 11px*/
  margin-top: -11px;
  /* default - value above = 0 */
  /*
  >>>  vertical length
  space-0px
      0 class space
      - 11px default space
      ==
      11
      / 2
      ==
      ==
  - 5px (flip negative <-> possitive)

  >>>  spread radius
  space-0px
      11 default space
      + 0px
      ==
      11
      / 2
      ==
      ==
  6px (rounded)
   */
  box-shadow: 0px 5px 0px 6px rgba(127, 191, 63, 0.4);
}
.al-spacing-color #footer * + h1, .al-spacing-color #footer * + script + h1,
.al-spacing-color #footer * + h2, .al-spacing-color #footer * + script + h1,
.al-spacing-color #footer * + h3, .al-spacing-color #footer * + script + h3,
.al-spacing-color #footer * + h4, .al-spacing-color #footer * + script + h3,
.al-spacing-color #footer * + h5, .al-spacing-color #footer * + script + h3,
.al-spacing-color #footer * + h6, .al-spacing-color #footer * + script + h3, #footer.al-spacing-color * + h1, #footer.al-spacing-color * + script + h1,
#footer.al-spacing-color * + h2, #footer.al-spacing-color * + script + h1,
#footer.al-spacing-color * + h3, #footer.al-spacing-color * + script + h3,
#footer.al-spacing-color * + h4, #footer.al-spacing-color * + script + h3,
#footer.al-spacing-color * + h5, #footer.al-spacing-color * + script + h3,
#footer.al-spacing-color * + h6, #footer.al-spacing-color * + script + h3, #footer .al-spacing-color * + h1, #footer .al-spacing-color * + script + h1,
#footer .al-spacing-color * + h2, #footer .al-spacing-color * + script + h1,
#footer .al-spacing-color * + h3, #footer .al-spacing-color * + script + h3,
#footer .al-spacing-color * + h4, #footer .al-spacing-color * + script + h3,
#footer .al-spacing-color * + h5, #footer .al-spacing-color * + script + h3,
#footer .al-spacing-color * + h6, #footer .al-spacing-color * + script + h3,
.al-spacing-color #content * + h1,
.al-spacing-color #content * + script + h1,
.al-spacing-color #content * + h2,
.al-spacing-color #content * + script + h1,
.al-spacing-color #content * + h3,
.al-spacing-color #content * + script + h3,
.al-spacing-color #content * + h4,
.al-spacing-color #content * + script + h3,
.al-spacing-color #content * + h5,
.al-spacing-color #content * + script + h3,
.al-spacing-color #content * + h6,
.al-spacing-color #content * + script + h3, #content.al-spacing-color * + h1, #content.al-spacing-color * + script + h1,
#content.al-spacing-color * + h2, #content.al-spacing-color * + script + h1,
#content.al-spacing-color * + h3, #content.al-spacing-color * + script + h3,
#content.al-spacing-color * + h4, #content.al-spacing-color * + script + h3,
#content.al-spacing-color * + h5, #content.al-spacing-color * + script + h3,
#content.al-spacing-color * + h6, #content.al-spacing-color * + script + h3, #content .al-spacing-color * + h1, #content .al-spacing-color * + script + h1,
#content .al-spacing-color * + h2, #content .al-spacing-color * + script + h1,
#content .al-spacing-color * + h3, #content .al-spacing-color * + script + h3,
#content .al-spacing-color * + h4, #content .al-spacing-color * + script + h3,
#content .al-spacing-color * + h5, #content .al-spacing-color * + script + h3,
#content .al-spacing-color * + h6, #content .al-spacing-color * + script + h3,
.al-spacing-color.al-dialog * + h1,
.al-spacing-color.al-dialog * + script + h1,
.al-spacing-color.al-dialog * + h2,
.al-spacing-color.al-dialog * + script + h1,
.al-spacing-color.al-dialog * + h3,
.al-spacing-color.al-dialog * + script + h3,
.al-spacing-color.al-dialog * + h4,
.al-spacing-color.al-dialog * + script + h3,
.al-spacing-color.al-dialog * + h5,
.al-spacing-color.al-dialog * + script + h3,
.al-spacing-color.al-dialog * + h6,
.al-spacing-color.al-dialog * + script + h3, .al-spacing-color.al-tooltip * + h1, .al-spacing-color.al-tooltip * + script + h1,
.al-spacing-color.al-tooltip * + h2, .al-spacing-color.al-tooltip * + script + h1,
.al-spacing-color.al-tooltip * + h3, .al-spacing-color.al-tooltip * + script + h3,
.al-spacing-color.al-tooltip * + h4, .al-spacing-color.al-tooltip * + script + h3,
.al-spacing-color.al-tooltip * + h5, .al-spacing-color.al-tooltip * + script + h3,
.al-spacing-color.al-tooltip * + h6, .al-spacing-color.al-tooltip * + script + h3 {
  /* default space 11px*/
  margin-top: 0px;
  /* default - value above = 0 */
  /*
  >>>  vertical length
  space-11px
      11  class space
      - 11px default space
      ==
      0
      / 2
      ==
      ==
  0px (flip negative <-> possitive)

  >>>  spread radius
  space-11px
      11 default space
      + 11px
      ==
      22
      / 2
      ==
      ==
  11px (rounded)
   */
  box-shadow: 0px 0px 0px 11px rgba(127, 191, 63, 0.4);
}
.al-spacing-color #footer .al-font-xxxl, .al-spacing-color #footer .al-font-xxl, .al-spacing-color #footer .al-font-xl, .al-spacing-color #footer .al-font-l, .al-spacing-color #footer .al-font-m, .al-spacing-color #footer .al-font-s, #footer.al-spacing-color .al-font-xxxl, #footer.al-spacing-color .al-font-xxl, #footer.al-spacing-color .al-font-xl, #footer.al-spacing-color .al-font-l, #footer.al-spacing-color .al-font-m, #footer.al-spacing-color .al-font-s, #footer .al-spacing-color .al-font-xxxl, #footer .al-spacing-color .al-font-xxl, #footer .al-spacing-color .al-font-xl, #footer .al-spacing-color .al-font-l, #footer .al-spacing-color .al-font-m, #footer .al-spacing-color .al-font-s,
.al-spacing-color #content .al-font-xxxl,
.al-spacing-color #content .al-font-xxl,
.al-spacing-color #content .al-font-xl,
.al-spacing-color #content .al-font-l,
.al-spacing-color #content .al-font-m,
.al-spacing-color #content .al-font-s, #content.al-spacing-color .al-font-xxxl, #content.al-spacing-color .al-font-xxl, #content.al-spacing-color .al-font-xl, #content.al-spacing-color .al-font-l, #content.al-spacing-color .al-font-m, #content.al-spacing-color .al-font-s, #content .al-spacing-color .al-font-xxxl, #content .al-spacing-color .al-font-xxl, #content .al-spacing-color .al-font-xl, #content .al-spacing-color .al-font-l, #content .al-spacing-color .al-font-m, #content .al-spacing-color .al-font-s,
.al-spacing-color.al-dialog .al-font-xxxl,
.al-spacing-color.al-dialog .al-font-xxl,
.al-spacing-color.al-dialog .al-font-xl,
.al-spacing-color.al-dialog .al-font-l,
.al-spacing-color.al-dialog .al-font-m,
.al-spacing-color.al-dialog .al-font-s, .al-spacing-color.al-tooltip .al-font-xxxl, .al-spacing-color.al-tooltip .al-font-xxl, .al-spacing-color.al-tooltip .al-font-xl, .al-spacing-color.al-tooltip .al-font-l, .al-spacing-color.al-tooltip .al-font-m, .al-spacing-color.al-tooltip .al-font-s {
  margin-top: 0px;
  margin-bottom: 0px;
}
.al-spacing-color #footer * + .al-font-xxxl, .al-spacing-color #footer * + script + .al-font-xxxl,
.al-spacing-color #footer * + .al-font-xxl, .al-spacing-color #footer * + script + .al-font-xxl,
.al-spacing-color #footer * + .al-font-xl, .al-spacing-color #footer * + script + .al-font-xl,
.al-spacing-color #footer * + .al-font-l, .al-spacing-color #footer * + script + .al-font-l,
.al-spacing-color #footer * + .al-font-m, .al-spacing-color #footer * + script + .al-font-m,
.al-spacing-color #footer * + .al-font-s, .al-spacing-color #footer * + script + .al-font-s, #footer.al-spacing-color * + .al-font-xxxl, #footer.al-spacing-color * + script + .al-font-xxxl,
#footer.al-spacing-color * + .al-font-xxl, #footer.al-spacing-color * + script + .al-font-xxl,
#footer.al-spacing-color * + .al-font-xl, #footer.al-spacing-color * + script + .al-font-xl,
#footer.al-spacing-color * + .al-font-l, #footer.al-spacing-color * + script + .al-font-l,
#footer.al-spacing-color * + .al-font-m, #footer.al-spacing-color * + script + .al-font-m,
#footer.al-spacing-color * + .al-font-s, #footer.al-spacing-color * + script + .al-font-s, #footer .al-spacing-color * + .al-font-xxxl, #footer .al-spacing-color * + script + .al-font-xxxl,
#footer .al-spacing-color * + .al-font-xxl, #footer .al-spacing-color * + script + .al-font-xxl,
#footer .al-spacing-color * + .al-font-xl, #footer .al-spacing-color * + script + .al-font-xl,
#footer .al-spacing-color * + .al-font-l, #footer .al-spacing-color * + script + .al-font-l,
#footer .al-spacing-color * + .al-font-m, #footer .al-spacing-color * + script + .al-font-m,
#footer .al-spacing-color * + .al-font-s, #footer .al-spacing-color * + script + .al-font-s,
.al-spacing-color #content * + .al-font-xxxl,
.al-spacing-color #content * + script + .al-font-xxxl,
.al-spacing-color #content * + .al-font-xxl,
.al-spacing-color #content * + script + .al-font-xxl,
.al-spacing-color #content * + .al-font-xl,
.al-spacing-color #content * + script + .al-font-xl,
.al-spacing-color #content * + .al-font-l,
.al-spacing-color #content * + script + .al-font-l,
.al-spacing-color #content * + .al-font-m,
.al-spacing-color #content * + script + .al-font-m,
.al-spacing-color #content * + .al-font-s,
.al-spacing-color #content * + script + .al-font-s, #content.al-spacing-color * + .al-font-xxxl, #content.al-spacing-color * + script + .al-font-xxxl,
#content.al-spacing-color * + .al-font-xxl, #content.al-spacing-color * + script + .al-font-xxl,
#content.al-spacing-color * + .al-font-xl, #content.al-spacing-color * + script + .al-font-xl,
#content.al-spacing-color * + .al-font-l, #content.al-spacing-color * + script + .al-font-l,
#content.al-spacing-color * + .al-font-m, #content.al-spacing-color * + script + .al-font-m,
#content.al-spacing-color * + .al-font-s, #content.al-spacing-color * + script + .al-font-s, #content .al-spacing-color * + .al-font-xxxl, #content .al-spacing-color * + script + .al-font-xxxl,
#content .al-spacing-color * + .al-font-xxl, #content .al-spacing-color * + script + .al-font-xxl,
#content .al-spacing-color * + .al-font-xl, #content .al-spacing-color * + script + .al-font-xl,
#content .al-spacing-color * + .al-font-l, #content .al-spacing-color * + script + .al-font-l,
#content .al-spacing-color * + .al-font-m, #content .al-spacing-color * + script + .al-font-m,
#content .al-spacing-color * + .al-font-s, #content .al-spacing-color * + script + .al-font-s,
.al-spacing-color.al-dialog * + .al-font-xxxl,
.al-spacing-color.al-dialog * + script + .al-font-xxxl,
.al-spacing-color.al-dialog * + .al-font-xxl,
.al-spacing-color.al-dialog * + script + .al-font-xxl,
.al-spacing-color.al-dialog * + .al-font-xl,
.al-spacing-color.al-dialog * + script + .al-font-xl,
.al-spacing-color.al-dialog * + .al-font-l,
.al-spacing-color.al-dialog * + script + .al-font-l,
.al-spacing-color.al-dialog * + .al-font-m,
.al-spacing-color.al-dialog * + script + .al-font-m,
.al-spacing-color.al-dialog * + .al-font-s,
.al-spacing-color.al-dialog * + script + .al-font-s, .al-spacing-color.al-tooltip * + .al-font-xxxl, .al-spacing-color.al-tooltip * + script + .al-font-xxxl,
.al-spacing-color.al-tooltip * + .al-font-xxl, .al-spacing-color.al-tooltip * + script + .al-font-xxl,
.al-spacing-color.al-tooltip * + .al-font-xl, .al-spacing-color.al-tooltip * + script + .al-font-xl,
.al-spacing-color.al-tooltip * + .al-font-l, .al-spacing-color.al-tooltip * + script + .al-font-l,
.al-spacing-color.al-tooltip * + .al-font-m, .al-spacing-color.al-tooltip * + script + .al-font-m,
.al-spacing-color.al-tooltip * + .al-font-s, .al-spacing-color.al-tooltip * + script + .al-font-s {
  /* default space 11px*/
  margin-top: 0px;
  /* default - value above = 0 */
  /*
  >>>  vertical length
  space-11px
      11  class space
      - 11px default space
      ==
      0
      / 2
      ==
      ==
  0px (flip negative <-> possitive)

  >>>  spread radius
  space-11px
      11 default space
      + 11px
      ==
      22
      / 2
      ==
      ==
  11px (rounded)
   */
  box-shadow: 0px 0px 0px 11px rgba(127, 191, 63, 0.4);
}
.al-spacing-color #footer .al-font-s + p, .al-spacing-color #footer .al-font-s + script + p,
.al-spacing-color #footer .al-font-s + .al-font-s, .al-spacing-color #footer .al-font-s + script + .al-font-s, #footer.al-spacing-color .al-font-s + p, #footer.al-spacing-color .al-font-s + script + p,
#footer.al-spacing-color .al-font-s + .al-font-s, #footer.al-spacing-color .al-font-s + script + .al-font-s, #footer .al-spacing-color .al-font-s + p, #footer .al-spacing-color .al-font-s + script + p,
#footer .al-spacing-color .al-font-s + .al-font-s, #footer .al-spacing-color .al-font-s + script + .al-font-s,
.al-spacing-color #content .al-font-s + p,
.al-spacing-color #content .al-font-s + script + p,
.al-spacing-color #content .al-font-s + .al-font-s,
.al-spacing-color #content .al-font-s + script + .al-font-s, #content.al-spacing-color .al-font-s + p, #content.al-spacing-color .al-font-s + script + p,
#content.al-spacing-color .al-font-s + .al-font-s, #content.al-spacing-color .al-font-s + script + .al-font-s, #content .al-spacing-color .al-font-s + p, #content .al-spacing-color .al-font-s + script + p,
#content .al-spacing-color .al-font-s + .al-font-s, #content .al-spacing-color .al-font-s + script + .al-font-s,
.al-spacing-color.al-dialog .al-font-s + p,
.al-spacing-color.al-dialog .al-font-s + script + p,
.al-spacing-color.al-dialog .al-font-s + .al-font-s,
.al-spacing-color.al-dialog .al-font-s + script + .al-font-s, .al-spacing-color.al-tooltip .al-font-s + p, .al-spacing-color.al-tooltip .al-font-s + script + p,
.al-spacing-color.al-tooltip .al-font-s + .al-font-s, .al-spacing-color.al-tooltip .al-font-s + script + .al-font-s {
  /* default space 11px*/
  margin-top: 0px;
  /* default - value above = 0 */
  /*
  >>>  vertical length
  space-11px
      11  class space
      - 11px default space
      ==
      0
      / 2
      ==
      ==
  0px (flip negative <-> possitive)

  >>>  spread radius
  space-11px
      11 default space
      + 11px
      ==
      22
      / 2
      ==
      ==
  11px (rounded)
   */
  box-shadow: 0px 0px 0px 11px rgba(127, 191, 63, 0.4);
}
.al-spacing-color #footer * + ul, .al-spacing-color #footer * + script + ul,
.al-spacing-color #footer * + ol, .al-spacing-color #footer * + script + ol,
.al-spacing-color #footer * + dl, .al-spacing-color #footer * + script + dl, #footer.al-spacing-color * + ul, #footer.al-spacing-color * + script + ul,
#footer.al-spacing-color * + ol, #footer.al-spacing-color * + script + ol,
#footer.al-spacing-color * + dl, #footer.al-spacing-color * + script + dl, #footer .al-spacing-color * + ul, #footer .al-spacing-color * + script + ul,
#footer .al-spacing-color * + ol, #footer .al-spacing-color * + script + ol,
#footer .al-spacing-color * + dl, #footer .al-spacing-color * + script + dl,
.al-spacing-color #content * + ul,
.al-spacing-color #content * + script + ul,
.al-spacing-color #content * + ol,
.al-spacing-color #content * + script + ol,
.al-spacing-color #content * + dl,
.al-spacing-color #content * + script + dl, #content.al-spacing-color * + ul, #content.al-spacing-color * + script + ul,
#content.al-spacing-color * + ol, #content.al-spacing-color * + script + ol,
#content.al-spacing-color * + dl, #content.al-spacing-color * + script + dl, #content .al-spacing-color * + ul, #content .al-spacing-color * + script + ul,
#content .al-spacing-color * + ol, #content .al-spacing-color * + script + ol,
#content .al-spacing-color * + dl, #content .al-spacing-color * + script + dl,
.al-spacing-color.al-dialog * + ul,
.al-spacing-color.al-dialog * + script + ul,
.al-spacing-color.al-dialog * + ol,
.al-spacing-color.al-dialog * + script + ol,
.al-spacing-color.al-dialog * + dl,
.al-spacing-color.al-dialog * + script + dl, .al-spacing-color.al-tooltip * + ul, .al-spacing-color.al-tooltip * + script + ul,
.al-spacing-color.al-tooltip * + ol, .al-spacing-color.al-tooltip * + script + ol,
.al-spacing-color.al-tooltip * + dl, .al-spacing-color.al-tooltip * + script + dl {
  /* default space 11px*/
  margin-top: 0px;
  /* default - value above = 0 */
  /*
  >>>  vertical length
  space-11px
      11  class space
      - 11px default space
      ==
      0
      / 2
      ==
      ==
  0px (flip negative <-> possitive)

  >>>  spread radius
  space-11px
      11 default space
      + 11px
      ==
      22
      / 2
      ==
      ==
  11px (rounded)
   */
  box-shadow: 0px 0px 0px 11px rgba(127, 191, 63, 0.4);
}
.al-spacing-color #footer li + li, .al-spacing-color #footer li + script + li,
.al-spacing-color #footer dt + dt, .al-spacing-color #footer dt + script + dt,
.al-spacing-color #footer dd + dd, .al-spacing-color #footer dd + script + dd, #footer.al-spacing-color li + li, #footer.al-spacing-color li + script + li,
#footer.al-spacing-color dt + dt, #footer.al-spacing-color dt + script + dt,
#footer.al-spacing-color dd + dd, #footer.al-spacing-color dd + script + dd, #footer .al-spacing-color li + li, #footer .al-spacing-color li + script + li,
#footer .al-spacing-color dt + dt, #footer .al-spacing-color dt + script + dt,
#footer .al-spacing-color dd + dd, #footer .al-spacing-color dd + script + dd,
.al-spacing-color #content li + li,
.al-spacing-color #content li + script + li,
.al-spacing-color #content dt + dt,
.al-spacing-color #content dt + script + dt,
.al-spacing-color #content dd + dd,
.al-spacing-color #content dd + script + dd, #content.al-spacing-color li + li, #content.al-spacing-color li + script + li,
#content.al-spacing-color dt + dt, #content.al-spacing-color dt + script + dt,
#content.al-spacing-color dd + dd, #content.al-spacing-color dd + script + dd, #content .al-spacing-color li + li, #content .al-spacing-color li + script + li,
#content .al-spacing-color dt + dt, #content .al-spacing-color dt + script + dt,
#content .al-spacing-color dd + dd, #content .al-spacing-color dd + script + dd,
.al-spacing-color.al-dialog li + li,
.al-spacing-color.al-dialog li + script + li,
.al-spacing-color.al-dialog dt + dt,
.al-spacing-color.al-dialog dt + script + dt,
.al-spacing-color.al-dialog dd + dd,
.al-spacing-color.al-dialog dd + script + dd, .al-spacing-color.al-tooltip li + li, .al-spacing-color.al-tooltip li + script + li,
.al-spacing-color.al-tooltip dt + dt, .al-spacing-color.al-tooltip dt + script + dt,
.al-spacing-color.al-tooltip dd + dd, .al-spacing-color.al-tooltip dd + script + dd {
  /* default space 11px*/
  margin-top: -6px;
  /* default - value above = 0 */
  /*
  >>>  vertical length
  space-5px
      5 class space
      - 11px default space
      ==
      -6
      / 2
      ==
      ==
  -3px (flip negative <-> possitive)

  >>>  spread radius
  space-5px
      11 class space
      + 5px
      ==
      16
      / 2
      ==
      ==
  8px (rounded)
   */
  box-shadow: 0px 3px 0px 8px rgba(127, 191, 63, 0.4);
}
.al-spacing-color #footer ol + li, .al-spacing-color #footer ol + script + li,
.al-spacing-color #footer ul + li, .al-spacing-color #footer ul + script + li, #footer.al-spacing-color ol + li, #footer.al-spacing-color ol + script + li,
#footer.al-spacing-color ul + li, #footer.al-spacing-color ul + script + li, #footer .al-spacing-color ol + li, #footer .al-spacing-color ol + script + li,
#footer .al-spacing-color ul + li, #footer .al-spacing-color ul + script + li,
.al-spacing-color #content ol + li,
.al-spacing-color #content ol + script + li,
.al-spacing-color #content ul + li,
.al-spacing-color #content ul + script + li, #content.al-spacing-color ol + li, #content.al-spacing-color ol + script + li,
#content.al-spacing-color ul + li, #content.al-spacing-color ul + script + li, #content .al-spacing-color ol + li, #content .al-spacing-color ol + script + li,
#content .al-spacing-color ul + li, #content .al-spacing-color ul + script + li,
.al-spacing-color.al-dialog ol + li,
.al-spacing-color.al-dialog ol + script + li,
.al-spacing-color.al-dialog ul + li,
.al-spacing-color.al-dialog ul + script + li, .al-spacing-color.al-tooltip ol + li, .al-spacing-color.al-tooltip ol + script + li,
.al-spacing-color.al-tooltip ul + li, .al-spacing-color.al-tooltip ul + script + li {
  /* default space 11px*/
  margin-top: 0px;
  /* default - value above = 0 */
  /*
  >>>  vertical length
  space-11px
      11  class space
      - 11px default space
      ==
      0
      / 2
      ==
      ==
  0px (flip negative <-> possitive)

  >>>  spread radius
  space-11px
      11 default space
      + 11px
      ==
      22
      / 2
      ==
      ==
  11px (rounded)
   */
  box-shadow: 0px 0px 0px 11px rgba(127, 191, 63, 0.4);
}
.al-spacing-color #footer li + ol, .al-spacing-color #footer li + script + ol,
.al-spacing-color #footer li + ul, .al-spacing-color #footer li + script + ul, #footer.al-spacing-color li + ol, #footer.al-spacing-color li + script + ol,
#footer.al-spacing-color li + ul, #footer.al-spacing-color li + script + ul, #footer .al-spacing-color li + ol, #footer .al-spacing-color li + script + ol,
#footer .al-spacing-color li + ul, #footer .al-spacing-color li + script + ul,
.al-spacing-color #content li + ol,
.al-spacing-color #content li + script + ol,
.al-spacing-color #content li + ul,
.al-spacing-color #content li + script + ul, #content.al-spacing-color li + ol, #content.al-spacing-color li + script + ol,
#content.al-spacing-color li + ul, #content.al-spacing-color li + script + ul, #content .al-spacing-color li + ol, #content .al-spacing-color li + script + ol,
#content .al-spacing-color li + ul, #content .al-spacing-color li + script + ul,
.al-spacing-color.al-dialog li + ol,
.al-spacing-color.al-dialog li + script + ol,
.al-spacing-color.al-dialog li + ul,
.al-spacing-color.al-dialog li + script + ul, .al-spacing-color.al-tooltip li + ol, .al-spacing-color.al-tooltip li + script + ol,
.al-spacing-color.al-tooltip li + ul, .al-spacing-color.al-tooltip li + script + ul {
  /* default space 11px*/
  margin-top: -11px;
  /* default - value above = 0 */
  /*
  >>>  vertical length
  space-0px
      0 class space
      - 11px default space
      ==
      11
      / 2
      ==
      ==
  - 5px (flip negative <-> possitive)

  >>>  spread radius
  space-0px
      11 default space
      + 0px
      ==
      11
      / 2
      ==
      ==
  6px (rounded)
   */
  box-shadow: 0px 5px 0px 6px rgba(127, 191, 63, 0.4);
}
.al-spacing-color #footer ol + ol, .al-spacing-color #footer ol + script + ol,
.al-spacing-color #footer ol + ul, .al-spacing-color #footer ol + script + ul,
.al-spacing-color #footer ul + ul, .al-spacing-color #footer ul + script + ul,
.al-spacing-color #footer ul + ol, .al-spacing-color #footer ul + script + ol, #footer.al-spacing-color ol + ol, #footer.al-spacing-color ol + script + ol,
#footer.al-spacing-color ol + ul, #footer.al-spacing-color ol + script + ul,
#footer.al-spacing-color ul + ul, #footer.al-spacing-color ul + script + ul,
#footer.al-spacing-color ul + ol, #footer.al-spacing-color ul + script + ol, #footer .al-spacing-color ol + ol, #footer .al-spacing-color ol + script + ol,
#footer .al-spacing-color ol + ul, #footer .al-spacing-color ol + script + ul,
#footer .al-spacing-color ul + ul, #footer .al-spacing-color ul + script + ul,
#footer .al-spacing-color ul + ol, #footer .al-spacing-color ul + script + ol,
.al-spacing-color #content ol + ol,
.al-spacing-color #content ol + script + ol,
.al-spacing-color #content ol + ul,
.al-spacing-color #content ol + script + ul,
.al-spacing-color #content ul + ul,
.al-spacing-color #content ul + script + ul,
.al-spacing-color #content ul + ol,
.al-spacing-color #content ul + script + ol, #content.al-spacing-color ol + ol, #content.al-spacing-color ol + script + ol,
#content.al-spacing-color ol + ul, #content.al-spacing-color ol + script + ul,
#content.al-spacing-color ul + ul, #content.al-spacing-color ul + script + ul,
#content.al-spacing-color ul + ol, #content.al-spacing-color ul + script + ol, #content .al-spacing-color ol + ol, #content .al-spacing-color ol + script + ol,
#content .al-spacing-color ol + ul, #content .al-spacing-color ol + script + ul,
#content .al-spacing-color ul + ul, #content .al-spacing-color ul + script + ul,
#content .al-spacing-color ul + ol, #content .al-spacing-color ul + script + ol,
.al-spacing-color.al-dialog ol + ol,
.al-spacing-color.al-dialog ol + script + ol,
.al-spacing-color.al-dialog ol + ul,
.al-spacing-color.al-dialog ol + script + ul,
.al-spacing-color.al-dialog ul + ul,
.al-spacing-color.al-dialog ul + script + ul,
.al-spacing-color.al-dialog ul + ol,
.al-spacing-color.al-dialog ul + script + ol, .al-spacing-color.al-tooltip ol + ol, .al-spacing-color.al-tooltip ol + script + ol,
.al-spacing-color.al-tooltip ol + ul, .al-spacing-color.al-tooltip ol + script + ul,
.al-spacing-color.al-tooltip ul + ul, .al-spacing-color.al-tooltip ul + script + ul,
.al-spacing-color.al-tooltip ul + ol, .al-spacing-color.al-tooltip ul + script + ol {
  /* default space 11px*/
  margin-top: 0px;
  /* default - value above = 0 */
  /*
  >>>  vertical length
  space-11px
      11  class space
      - 11px default space
      ==
      0
      / 2
      ==
      ==
  0px (flip negative <-> possitive)

  >>>  spread radius
  space-11px
      11 default space
      + 11px
      ==
      22
      / 2
      ==
      ==
  11px (rounded)
   */
  box-shadow: 0px 0px 0px 11px rgba(127, 191, 63, 0.4);
}
.al-spacing-color #footer ul[role=tablist],
.al-spacing-color #footer ul li.al-navitabs-tab,
.al-spacing-color #footer ul.al-navitabs-tab-dropdown,
.al-spacing-color #footer ul.al-navitabs-tab-dropdown li.al-navitabs-tab, #footer.al-spacing-color ul[role=tablist],
#footer.al-spacing-color ul li.al-navitabs-tab,
#footer.al-spacing-color ul.al-navitabs-tab-dropdown,
#footer.al-spacing-color ul.al-navitabs-tab-dropdown li.al-navitabs-tab, #footer .al-spacing-color ul[role=tablist],
#footer .al-spacing-color ul li.al-navitabs-tab,
#footer .al-spacing-color ul.al-navitabs-tab-dropdown,
#footer .al-spacing-color ul.al-navitabs-tab-dropdown li.al-navitabs-tab,
.al-spacing-color #content ul[role=tablist],
.al-spacing-color #content ul li.al-navitabs-tab,
.al-spacing-color #content ul.al-navitabs-tab-dropdown,
.al-spacing-color #content ul.al-navitabs-tab-dropdown li.al-navitabs-tab, #content.al-spacing-color ul[role=tablist],
#content.al-spacing-color ul li.al-navitabs-tab,
#content.al-spacing-color ul.al-navitabs-tab-dropdown,
#content.al-spacing-color ul.al-navitabs-tab-dropdown li.al-navitabs-tab, #content .al-spacing-color ul[role=tablist],
#content .al-spacing-color ul li.al-navitabs-tab,
#content .al-spacing-color ul.al-navitabs-tab-dropdown,
#content .al-spacing-color ul.al-navitabs-tab-dropdown li.al-navitabs-tab,
.al-spacing-color.al-dialog ul[role=tablist],
.al-spacing-color.al-dialog ul li.al-navitabs-tab,
.al-spacing-color.al-dialog ul.al-navitabs-tab-dropdown,
.al-spacing-color.al-dialog ul.al-navitabs-tab-dropdown li.al-navitabs-tab, .al-spacing-color.al-tooltip ul[role=tablist],
.al-spacing-color.al-tooltip ul li.al-navitabs-tab,
.al-spacing-color.al-tooltip ul.al-navitabs-tab-dropdown,
.al-spacing-color.al-tooltip ul.al-navitabs-tab-dropdown li.al-navitabs-tab {
  margin-top: 0px;
  margin-bottom: 0px;
  /* Highlight 1px around */
  box-shadow: 0px 0px 0px 1px rgba(127, 191, 63, 0.4);
}
.al-spacing-color #footer table + *, .al-spacing-color #footer table + script + *,
.al-spacing-color #footer .al-table + *, .al-spacing-color #footer .al-table + script + *, #footer.al-spacing-color table + *, #footer.al-spacing-color table + script + *,
#footer.al-spacing-color .al-table + *, #footer.al-spacing-color .al-table + script + *, #footer .al-spacing-color table + *, #footer .al-spacing-color table + script + *,
#footer .al-spacing-color .al-table + *, #footer .al-spacing-color .al-table + script + *,
.al-spacing-color #content table + *,
.al-spacing-color #content table + script + *,
.al-spacing-color #content .al-table + *,
.al-spacing-color #content .al-table + script + *, #content.al-spacing-color table + *, #content.al-spacing-color table + script + *,
#content.al-spacing-color .al-table + *, #content.al-spacing-color .al-table + script + *, #content .al-spacing-color table + *, #content .al-spacing-color table + script + *,
#content .al-spacing-color .al-table + *, #content .al-spacing-color .al-table + script + *,
.al-spacing-color.al-dialog table + *,
.al-spacing-color.al-dialog table + script + *,
.al-spacing-color.al-dialog .al-table + *,
.al-spacing-color.al-dialog .al-table + script + *, .al-spacing-color.al-tooltip table + *, .al-spacing-color.al-tooltip table + script + *,
.al-spacing-color.al-tooltip .al-table + *, .al-spacing-color.al-tooltip .al-table + script + * {
  /* default space 11px*/
  margin-top: 0px;
  /* default - value above = 0 */
  /*
  >>>  vertical length
  space-11px
      11  class space
      - 11px default space
      ==
      0
      / 2
      ==
      ==
  0px (flip negative <-> possitive)

  >>>  spread radius
  space-11px
      11 default space
      + 11px
      ==
      22
      / 2
      ==
      ==
  11px (rounded)
   */
  box-shadow: 0px 0px 0px 11px rgba(127, 191, 63, 0.4);
}
.al-spacing-color #footer .al-tab + *, .al-spacing-color #footer .al-tab + script + *,
.al-spacing-color #footer .al-navitabs + *, .al-spacing-color #footer .al-navitabs + script + *, #footer.al-spacing-color .al-tab + *, #footer.al-spacing-color .al-tab + script + *,
#footer.al-spacing-color .al-navitabs + *, #footer.al-spacing-color .al-navitabs + script + *, #footer .al-spacing-color .al-tab + *, #footer .al-spacing-color .al-tab + script + *,
#footer .al-spacing-color .al-navitabs + *, #footer .al-spacing-color .al-navitabs + script + *,
.al-spacing-color #content .al-tab + *,
.al-spacing-color #content .al-tab + script + *,
.al-spacing-color #content .al-navitabs + *,
.al-spacing-color #content .al-navitabs + script + *, #content.al-spacing-color .al-tab + *, #content.al-spacing-color .al-tab + script + *,
#content.al-spacing-color .al-navitabs + *, #content.al-spacing-color .al-navitabs + script + *, #content .al-spacing-color .al-tab + *, #content .al-spacing-color .al-tab + script + *,
#content .al-spacing-color .al-navitabs + *, #content .al-spacing-color .al-navitabs + script + *,
.al-spacing-color.al-dialog .al-tab + *,
.al-spacing-color.al-dialog .al-tab + script + *,
.al-spacing-color.al-dialog .al-navitabs + *,
.al-spacing-color.al-dialog .al-navitabs + script + *, .al-spacing-color.al-tooltip .al-tab + *, .al-spacing-color.al-tooltip .al-tab + script + *,
.al-spacing-color.al-tooltip .al-navitabs + *, .al-spacing-color.al-tooltip .al-navitabs + script + * {
  /* default space 11px*/
  margin-top: 0px;
  /* default - value above = 0 */
  /*
  >>>  vertical length
  space-11px
      11  class space
      - 11px default space
      ==
      0
      / 2
      ==
      ==
  0px (flip negative <-> possitive)

  >>>  spread radius
  space-11px
      11 default space
      + 11px
      ==
      22
      / 2
      ==
      ==
  11px (rounded)
   */
  box-shadow: 0px 0px 0px 11px rgba(127, 191, 63, 0.4);
}
.al-spacing-color #footer .al-progressbar li + li, #footer.al-spacing-color .al-progressbar li + li, #footer .al-spacing-color .al-progressbar li + li,
.al-spacing-color #content .al-progressbar li + li, #content.al-spacing-color .al-progressbar li + li, #content .al-spacing-color .al-progressbar li + li,
.al-spacing-color.al-dialog .al-progressbar li + li, .al-spacing-color.al-tooltip .al-progressbar li + li {
  /* default space 11px*/
  margin-top: 0px;
  /* default - value above = 0 */
  /*
  >>>  vertical length
  space-11px
      11  class space
      - 11px default space
      ==
      0
      / 2
      ==
      ==
  0px (flip negative <-> possitive)

  >>>  spread radius
  space-11px
      11 default space
      + 11px
      ==
      22
      / 2
      ==
      ==
  11px (rounded)
   */
  box-shadow: 0px 0px 0px 11px rgba(127, 191, 63, 0.4);
}
.al-spacing-color #footer .al-container-box + *, .al-spacing-color #footer .al-container-box + script + *,
.al-spacing-color #footer .al-container-divider + *, .al-spacing-color #footer .al-container-divider + script + *,
.al-spacing-color #footer .al-container + *, .al-spacing-color #footer .al-container + script + *, #footer.al-spacing-color .al-container-box + *, #footer.al-spacing-color .al-container-box + script + *,
#footer.al-spacing-color .al-container-divider + *, #footer.al-spacing-color .al-container-divider + script + *,
#footer.al-spacing-color .al-container + *, #footer.al-spacing-color .al-container + script + *, #footer .al-spacing-color .al-container-box + *, #footer .al-spacing-color .al-container-box + script + *,
#footer .al-spacing-color .al-container-divider + *, #footer .al-spacing-color .al-container-divider + script + *,
#footer .al-spacing-color .al-container + *, #footer .al-spacing-color .al-container + script + *,
.al-spacing-color #content .al-container-box + *,
.al-spacing-color #content .al-container-box + script + *,
.al-spacing-color #content .al-container-divider + *,
.al-spacing-color #content .al-container-divider + script + *,
.al-spacing-color #content .al-container + *,
.al-spacing-color #content .al-container + script + *, #content.al-spacing-color .al-container-box + *, #content.al-spacing-color .al-container-box + script + *,
#content.al-spacing-color .al-container-divider + *, #content.al-spacing-color .al-container-divider + script + *,
#content.al-spacing-color .al-container + *, #content.al-spacing-color .al-container + script + *, #content .al-spacing-color .al-container-box + *, #content .al-spacing-color .al-container-box + script + *,
#content .al-spacing-color .al-container-divider + *, #content .al-spacing-color .al-container-divider + script + *,
#content .al-spacing-color .al-container + *, #content .al-spacing-color .al-container + script + *,
.al-spacing-color.al-dialog .al-container-box + *,
.al-spacing-color.al-dialog .al-container-box + script + *,
.al-spacing-color.al-dialog .al-container-divider + *,
.al-spacing-color.al-dialog .al-container-divider + script + *,
.al-spacing-color.al-dialog .al-container + *,
.al-spacing-color.al-dialog .al-container + script + *, .al-spacing-color.al-tooltip .al-container-box + *, .al-spacing-color.al-tooltip .al-container-box + script + *,
.al-spacing-color.al-tooltip .al-container-divider + *, .al-spacing-color.al-tooltip .al-container-divider + script + *,
.al-spacing-color.al-tooltip .al-container + *, .al-spacing-color.al-tooltip .al-container + script + * {
  /* default space 11px*/
  margin-top: 0px;
  /* default - value above = 0 */
  /*
  >>>  vertical length
  space-11px
      11  class space
      - 11px default space
      ==
      0
      / 2
      ==
      ==
  0px (flip negative <-> possitive)

  >>>  spread radius
  space-11px
      11 default space
      + 11px
      ==
      22
      / 2
      ==
      ==
  11px (rounded)
   */
  box-shadow: 0px 0px 0px 11px rgba(127, 191, 63, 0.4);
}
.al-spacing-color #footer .p-calendar.p-calendar-w-btn .p-datepicker-trigger, #footer.al-spacing-color .p-calendar.p-calendar-w-btn .p-datepicker-trigger, #footer .al-spacing-color .p-calendar.p-calendar-w-btn .p-datepicker-trigger,
.al-spacing-color #content .p-calendar.p-calendar-w-btn .p-datepicker-trigger, #content.al-spacing-color .p-calendar.p-calendar-w-btn .p-datepicker-trigger, #content .al-spacing-color .p-calendar.p-calendar-w-btn .p-datepicker-trigger,
.al-spacing-color.al-dialog .p-calendar.p-calendar-w-btn .p-datepicker-trigger, .al-spacing-color.al-tooltip .p-calendar.p-calendar-w-btn .p-datepicker-trigger {
  /* default space 11px*/
  margin-top: 0px;
  /* default - value above = 0 */
  /*
  >>>  vertical length
  space-11px
      11  class space
      - 11px default space
      ==
      0
      / 2
      ==
      ==
  0px (flip negative <-> possitive)

  >>>  spread radius
  space-11px
      11 default space
      + 11px
      ==
      22
      / 2
      ==
      ==
  11px (rounded)
   */
  box-shadow: 0px 0px 0px 11px rgba(127, 191, 63, 0.4);
}
.al-spacing-color #footer .al-form,
.al-spacing-color #footer .al-field-label,
.al-spacing-color #footer .al-field-label-inline-label,
.al-spacing-color #footer .al-field-element,
.al-spacing-color #footer * + .al-field-checkbox,
.al-spacing-color #footer * + .al-field-checkbox-radio,
.al-spacing-color #footer .al-prefix,
.al-spacing-color #footer .al-suffix,
.al-spacing-color #footer .ui-button-holder,
.al-spacing-color #footer .p-button,
.al-spacing-color #footer .ui-buttonitem, #footer.al-spacing-color .al-form,
#footer.al-spacing-color .al-field-label,
#footer.al-spacing-color .al-field-label-inline-label,
#footer.al-spacing-color .al-field-element,
#footer.al-spacing-color * + .al-field-checkbox,
#footer.al-spacing-color * + .al-field-checkbox-radio,
#footer.al-spacing-color .al-prefix,
#footer.al-spacing-color .al-suffix,
#footer.al-spacing-color .ui-button-holder,
#footer.al-spacing-color .p-button,
#footer.al-spacing-color .ui-buttonitem, #footer .al-spacing-color .al-form,
#footer .al-spacing-color .al-field-label,
#footer .al-spacing-color .al-field-label-inline-label,
#footer .al-spacing-color .al-field-element,
#footer .al-spacing-color * + .al-field-checkbox,
#footer .al-spacing-color * + .al-field-checkbox-radio,
#footer .al-spacing-color .al-prefix,
#footer .al-spacing-color .al-suffix,
#footer .al-spacing-color .ui-button-holder,
#footer .al-spacing-color .p-button,
#footer .al-spacing-color .ui-buttonitem,
.al-spacing-color #content .al-form,
.al-spacing-color #content .al-field-label,
.al-spacing-color #content .al-field-label-inline-label,
.al-spacing-color #content .al-field-element,
.al-spacing-color #content * + .al-field-checkbox,
.al-spacing-color #content * + .al-field-checkbox-radio,
.al-spacing-color #content .al-prefix,
.al-spacing-color #content .al-suffix,
.al-spacing-color #content .ui-button-holder,
.al-spacing-color #content .p-button,
.al-spacing-color #content .ui-buttonitem, #content.al-spacing-color .al-form,
#content.al-spacing-color .al-field-label,
#content.al-spacing-color .al-field-label-inline-label,
#content.al-spacing-color .al-field-element,
#content.al-spacing-color * + .al-field-checkbox,
#content.al-spacing-color * + .al-field-checkbox-radio,
#content.al-spacing-color .al-prefix,
#content.al-spacing-color .al-suffix,
#content.al-spacing-color .ui-button-holder,
#content.al-spacing-color .p-button,
#content.al-spacing-color .ui-buttonitem, #content .al-spacing-color .al-form,
#content .al-spacing-color .al-field-label,
#content .al-spacing-color .al-field-label-inline-label,
#content .al-spacing-color .al-field-element,
#content .al-spacing-color * + .al-field-checkbox,
#content .al-spacing-color * + .al-field-checkbox-radio,
#content .al-spacing-color .al-prefix,
#content .al-spacing-color .al-suffix,
#content .al-spacing-color .ui-button-holder,
#content .al-spacing-color .p-button,
#content .al-spacing-color .ui-buttonitem,
.al-spacing-color.al-dialog .al-form,
.al-spacing-color.al-dialog .al-field-label,
.al-spacing-color.al-dialog .al-field-label-inline-label,
.al-spacing-color.al-dialog .al-field-element,
.al-spacing-color.al-dialog * + .al-field-checkbox,
.al-spacing-color.al-dialog * + .al-field-checkbox-radio,
.al-spacing-color.al-dialog .al-prefix,
.al-spacing-color.al-dialog .al-suffix,
.al-spacing-color.al-dialog .ui-button-holder,
.al-spacing-color.al-dialog .p-button,
.al-spacing-color.al-dialog .ui-buttonitem, .al-spacing-color.al-tooltip .al-form,
.al-spacing-color.al-tooltip .al-field-label,
.al-spacing-color.al-tooltip .al-field-label-inline-label,
.al-spacing-color.al-tooltip .al-field-element,
.al-spacing-color.al-tooltip * + .al-field-checkbox,
.al-spacing-color.al-tooltip * + .al-field-checkbox-radio,
.al-spacing-color.al-tooltip .al-prefix,
.al-spacing-color.al-tooltip .al-suffix,
.al-spacing-color.al-tooltip .ui-button-holder,
.al-spacing-color.al-tooltip .p-button,
.al-spacing-color.al-tooltip .ui-buttonitem {
  /* default space 11px*/
  margin-bottom: 11px;
  /* default - value above = 0 */
  /* Highlight 11px on the bottom */
  box-shadow: 0px 11px 0px 0px rgba(212, 241, 255, 0.6);
}
.al-spacing-color #footer label + .al-field-element, .al-spacing-color #footer label + .al-field-element, #footer.al-spacing-color label + .al-field-element, #footer.al-spacing-color label + .al-field-element, #footer .al-spacing-color label + .al-field-element, #footer .al-spacing-color label + .al-field-element,
.al-spacing-color #content label + .al-field-element,
.al-spacing-color #content label + .al-field-element, #content.al-spacing-color label + .al-field-element, #content.al-spacing-color label + .al-field-element, #content .al-spacing-color label + .al-field-element, #content .al-spacing-color label + .al-field-element,
.al-spacing-color.al-dialog label + .al-field-element,
.al-spacing-color.al-dialog label + .al-field-element, .al-spacing-color.al-tooltip label + .al-field-element, .al-spacing-color.al-tooltip label + .al-field-element {
  /* default space 11px*/
  margin-top: -6px;
  /* default - value above = 0 */
  /*
  >>>  vertical length
  space-5px
      5 class space
      - 11px default space
      ==
      -6
      / 2
      ==
      ==
  -3px (flip negative <-> possitive)

  >>>  spread radius
  space-5px
      11 class space
      + 5px
      ==
      16
      / 2
      ==
      ==
  8px (rounded)
   */
  box-shadow: 0px 3px 0px 8px rgba(127, 191, 63, 0.4);
}
.al-spacing-color #footer label.sr-only + .p-inputtext, #footer.al-spacing-color label.sr-only + .p-inputtext, #footer .al-spacing-color label.sr-only + .p-inputtext,
.al-spacing-color #content label.sr-only + .p-inputtext, #content.al-spacing-color label.sr-only + .p-inputtext, #content .al-spacing-color label.sr-only + .p-inputtext,
.al-spacing-color.al-dialog label.sr-only + .p-inputtext, .al-spacing-color.al-tooltip label.sr-only + .p-inputtext {
  /* default space 11px*/
  margin-top: 0px;
  /* default - value above = 0 */
  /*
  >>>  vertical length
  space-11px
      11  class space
      - 11px default space
      ==
      0
      / 2
      ==
      ==
  0px (flip negative <-> possitive)

  >>>  spread radius
  space-11px
      11 default space
      + 11px
      ==
      22
      / 2
      ==
      ==
  11px (rounded)
   */
  box-shadow: 0px 0px 0px 11px rgba(127, 191, 63, 0.4);
}
.al-spacing-color #footer label + .al-field-label-left, .al-spacing-color #footer label + .al-field-label-left, #footer.al-spacing-color label + .al-field-label-left, #footer.al-spacing-color label + .al-field-label-left, #footer .al-spacing-color label + .al-field-label-left, #footer .al-spacing-color label + .al-field-label-left,
.al-spacing-color #content label + .al-field-label-left,
.al-spacing-color #content label + .al-field-label-left, #content.al-spacing-color label + .al-field-label-left, #content.al-spacing-color label + .al-field-label-left, #content .al-spacing-color label + .al-field-label-left, #content .al-spacing-color label + .al-field-label-left,
.al-spacing-color.al-dialog label + .al-field-label-left,
.al-spacing-color.al-dialog label + .al-field-label-left, .al-spacing-color.al-tooltip label + .al-field-label-left, .al-spacing-color.al-tooltip label + .al-field-label-left {
  /* default space 11px*/
  margin-top: 0px;
  /* default - value above = 0 */
  /*
  >>>  vertical length
  space-11px
      11  class space
      - 11px default space
      ==
      0
      / 2
      ==
      ==
  0px (flip negative <-> possitive)

  >>>  spread radius
  space-11px
      11 default space
      + 11px
      ==
      22
      / 2
      ==
      ==
  11px (rounded)
   */
  box-shadow: 0px 0px 0px 11px rgba(127, 191, 63, 0.4);
}
.al-spacing-color #footer label.al-form-validator-stack-error, .al-spacing-color #footer label.al-form-validator-stack-error, #footer.al-spacing-color label.al-form-validator-stack-error, #footer.al-spacing-color label.al-form-validator-stack-error, #footer .al-spacing-color label.al-form-validator-stack-error, #footer .al-spacing-color label.al-form-validator-stack-error,
.al-spacing-color #content label.al-form-validator-stack-error,
.al-spacing-color #content label.al-form-validator-stack-error, #content.al-spacing-color label.al-form-validator-stack-error, #content.al-spacing-color label.al-form-validator-stack-error, #content .al-spacing-color label.al-form-validator-stack-error, #content .al-spacing-color label.al-form-validator-stack-error,
.al-spacing-color.al-dialog label.al-form-validator-stack-error,
.al-spacing-color.al-dialog label.al-form-validator-stack-error, .al-spacing-color.al-tooltip label.al-form-validator-stack-error, .al-spacing-color.al-tooltip label.al-form-validator-stack-error {
  /* default space 11px*/
  margin-top: -6px;
  /* default - value above = 0 */
  /*
  >>>  vertical length
  space-5px
      5 class space
      - 11px default space
      ==
      -6
      / 2
      ==
      ==
  -3px (flip negative <-> possitive)

  >>>  spread radius
  space-5px
      11 class space
      + 5px
      ==
      16
      / 2
      ==
      ==
  8px (rounded)
   */
  box-shadow: 0px 3px 0px 8px rgba(127, 191, 63, 0.4);
}
.al-spacing-color #footer * + .al-toolbar-horizontal, .al-spacing-color #footer * + script + .al-toolbar-horizontal,
.al-spacing-color #footer * + .ui-button-holder, .al-spacing-color #footer * + script + .ui-button-holder,
.al-spacing-color #footer * + .p-button, .al-spacing-color #footer * + script + .p-button,
.al-spacing-color #footer * + .ui-buttonitem, .al-spacing-color #footer * + script + .ui-buttonitem, #footer.al-spacing-color * + .al-toolbar-horizontal, #footer.al-spacing-color * + script + .al-toolbar-horizontal,
#footer.al-spacing-color * + .ui-button-holder, #footer.al-spacing-color * + script + .ui-button-holder,
#footer.al-spacing-color * + .p-button, #footer.al-spacing-color * + script + .p-button,
#footer.al-spacing-color * + .ui-buttonitem, #footer.al-spacing-color * + script + .ui-buttonitem, #footer .al-spacing-color * + .al-toolbar-horizontal, #footer .al-spacing-color * + script + .al-toolbar-horizontal,
#footer .al-spacing-color * + .ui-button-holder, #footer .al-spacing-color * + script + .ui-button-holder,
#footer .al-spacing-color * + .p-button, #footer .al-spacing-color * + script + .p-button,
#footer .al-spacing-color * + .ui-buttonitem, #footer .al-spacing-color * + script + .ui-buttonitem,
.al-spacing-color #content * + .al-toolbar-horizontal,
.al-spacing-color #content * + script + .al-toolbar-horizontal,
.al-spacing-color #content * + .ui-button-holder,
.al-spacing-color #content * + script + .ui-button-holder,
.al-spacing-color #content * + .p-button,
.al-spacing-color #content * + script + .p-button,
.al-spacing-color #content * + .ui-buttonitem,
.al-spacing-color #content * + script + .ui-buttonitem, #content.al-spacing-color * + .al-toolbar-horizontal, #content.al-spacing-color * + script + .al-toolbar-horizontal,
#content.al-spacing-color * + .ui-button-holder, #content.al-spacing-color * + script + .ui-button-holder,
#content.al-spacing-color * + .p-button, #content.al-spacing-color * + script + .p-button,
#content.al-spacing-color * + .ui-buttonitem, #content.al-spacing-color * + script + .ui-buttonitem, #content .al-spacing-color * + .al-toolbar-horizontal, #content .al-spacing-color * + script + .al-toolbar-horizontal,
#content .al-spacing-color * + .ui-button-holder, #content .al-spacing-color * + script + .ui-button-holder,
#content .al-spacing-color * + .p-button, #content .al-spacing-color * + script + .p-button,
#content .al-spacing-color * + .ui-buttonitem, #content .al-spacing-color * + script + .ui-buttonitem,
.al-spacing-color.al-dialog * + .al-toolbar-horizontal,
.al-spacing-color.al-dialog * + script + .al-toolbar-horizontal,
.al-spacing-color.al-dialog * + .ui-button-holder,
.al-spacing-color.al-dialog * + script + .ui-button-holder,
.al-spacing-color.al-dialog * + .p-button,
.al-spacing-color.al-dialog * + script + .p-button,
.al-spacing-color.al-dialog * + .ui-buttonitem,
.al-spacing-color.al-dialog * + script + .ui-buttonitem, .al-spacing-color.al-tooltip * + .al-toolbar-horizontal, .al-spacing-color.al-tooltip * + script + .al-toolbar-horizontal,
.al-spacing-color.al-tooltip * + .ui-button-holder, .al-spacing-color.al-tooltip * + script + .ui-button-holder,
.al-spacing-color.al-tooltip * + .p-button, .al-spacing-color.al-tooltip * + script + .p-button,
.al-spacing-color.al-tooltip * + .ui-buttonitem, .al-spacing-color.al-tooltip * + script + .ui-buttonitem {
  /* default space 11px*/
  margin-top: 11px;
  /* default - value above = 0 */
  /*
  >>>  vertical length
  space-22px
      22  class space
      - 11px default space
      ==
      11
      / 2
      ==
      ==
  -5px (flip negative <-> possitive)

  >>>  spread radius
  space-22px
      22 class space
      + 11px default space
      ==
      33
      / 2
      ==
      ==
  16px (rounded)
   */
  box-shadow: 0px -5px 0px 16px rgba(127, 191, 63, 0.4);
  /* default - value above = 22 */
}
.al-spacing-color #footer .al-button-group .p-button + .p-button, .al-spacing-color #footer .al-button-group button + button, .al-spacing-color #footer .al-button-group * + .p-button, #footer.al-spacing-color .al-button-group .p-button + .p-button, #footer.al-spacing-color .al-button-group button + button, #footer.al-spacing-color .al-button-group * + .p-button, #footer .al-spacing-color .al-button-group .p-button + .p-button, #footer .al-spacing-color .al-button-group button + button, #footer .al-spacing-color .al-button-group * + .p-button,
.al-spacing-color #content .al-button-group .p-button + .p-button,
.al-spacing-color #content .al-button-group button + button,
.al-spacing-color #content .al-button-group * + .p-button, #content.al-spacing-color .al-button-group .p-button + .p-button, #content.al-spacing-color .al-button-group button + button, #content.al-spacing-color .al-button-group * + .p-button, #content .al-spacing-color .al-button-group .p-button + .p-button, #content .al-spacing-color .al-button-group button + button, #content .al-spacing-color .al-button-group * + .p-button,
.al-spacing-color.al-dialog .al-button-group .p-button + .p-button,
.al-spacing-color.al-dialog .al-button-group button + button,
.al-spacing-color.al-dialog .al-button-group * + .p-button, .al-spacing-color.al-tooltip .al-button-group .p-button + .p-button, .al-spacing-color.al-tooltip .al-button-group button + button, .al-spacing-color.al-tooltip .al-button-group * + .p-button {
  margin-left: 0;
  margin-top: 0; /* for buttongroup no left and top margin needed */
}
.al-spacing-color #footer .al-toolbar-horizontal .p-button,
.al-spacing-color #footer .al-toolbar-horizontal .ui-buttonitem,
.al-spacing-color #footer .ui-button-holder .p-button,
.al-spacing-color #footer .ui-button-holder .ui-buttonitem,
.al-spacing-color #footer .al-datepicker-button-wrapper .ui-buttonitem, #footer.al-spacing-color .al-toolbar-horizontal .p-button,
#footer.al-spacing-color .al-toolbar-horizontal .ui-buttonitem,
#footer.al-spacing-color .ui-button-holder .p-button,
#footer.al-spacing-color .ui-button-holder .ui-buttonitem,
#footer.al-spacing-color .al-datepicker-button-wrapper .ui-buttonitem, #footer .al-spacing-color .al-toolbar-horizontal .p-button,
#footer .al-spacing-color .al-toolbar-horizontal .ui-buttonitem,
#footer .al-spacing-color .ui-button-holder .p-button,
#footer .al-spacing-color .ui-button-holder .ui-buttonitem,
#footer .al-spacing-color .al-datepicker-button-wrapper .ui-buttonitem,
.al-spacing-color #content .al-toolbar-horizontal .p-button,
.al-spacing-color #content .al-toolbar-horizontal .ui-buttonitem,
.al-spacing-color #content .ui-button-holder .p-button,
.al-spacing-color #content .ui-button-holder .ui-buttonitem,
.al-spacing-color #content .al-datepicker-button-wrapper .ui-buttonitem, #content.al-spacing-color .al-toolbar-horizontal .p-button,
#content.al-spacing-color .al-toolbar-horizontal .ui-buttonitem,
#content.al-spacing-color .ui-button-holder .p-button,
#content.al-spacing-color .ui-button-holder .ui-buttonitem,
#content.al-spacing-color .al-datepicker-button-wrapper .ui-buttonitem, #content .al-spacing-color .al-toolbar-horizontal .p-button,
#content .al-spacing-color .al-toolbar-horizontal .ui-buttonitem,
#content .al-spacing-color .ui-button-holder .p-button,
#content .al-spacing-color .ui-button-holder .ui-buttonitem,
#content .al-spacing-color .al-datepicker-button-wrapper .ui-buttonitem,
.al-spacing-color.al-dialog .al-toolbar-horizontal .p-button,
.al-spacing-color.al-dialog .al-toolbar-horizontal .ui-buttonitem,
.al-spacing-color.al-dialog .ui-button-holder .p-button,
.al-spacing-color.al-dialog .ui-button-holder .ui-buttonitem,
.al-spacing-color.al-dialog .al-datepicker-button-wrapper .ui-buttonitem, .al-spacing-color.al-tooltip .al-toolbar-horizontal .p-button,
.al-spacing-color.al-tooltip .al-toolbar-horizontal .ui-buttonitem,
.al-spacing-color.al-tooltip .ui-button-holder .p-button,
.al-spacing-color.al-tooltip .ui-button-holder .ui-buttonitem,
.al-spacing-color.al-tooltip .al-datepicker-button-wrapper .ui-buttonitem {
  margin-top: 0px;
  margin-bottom: 0px;
  /* Highlight 1px around */
  box-shadow: 0px 0px 0px 1px rgba(127, 191, 63, 0.4);
}
.al-spacing-color #footer .al-toolbar-horizontal .ui-buttonitem, #footer.al-spacing-color .al-toolbar-horizontal .ui-buttonitem, #footer .al-spacing-color .al-toolbar-horizontal .ui-buttonitem,
.al-spacing-color #content .al-toolbar-horizontal .ui-buttonitem, #content.al-spacing-color .al-toolbar-horizontal .ui-buttonitem, #content .al-spacing-color .al-toolbar-horizontal .ui-buttonitem,
.al-spacing-color.al-dialog .al-toolbar-horizontal .ui-buttonitem, .al-spacing-color.al-tooltip .al-toolbar-horizontal .ui-buttonitem {
  margin-left: 0;
}
.al-spacing-color #footer .al-panel-wrapper .al-toolbar-horizontal + .al-toolbar-horizontal, #footer.al-spacing-color .al-panel-wrapper .al-toolbar-horizontal + .al-toolbar-horizontal, #footer .al-spacing-color .al-panel-wrapper .al-toolbar-horizontal + .al-toolbar-horizontal,
.al-spacing-color #content .al-panel-wrapper .al-toolbar-horizontal + .al-toolbar-horizontal, #content.al-spacing-color .al-panel-wrapper .al-toolbar-horizontal + .al-toolbar-horizontal, #content .al-spacing-color .al-panel-wrapper .al-toolbar-horizontal + .al-toolbar-horizontal,
.al-spacing-color.al-dialog .al-panel-wrapper .al-toolbar-horizontal + .al-toolbar-horizontal, .al-spacing-color.al-tooltip .al-panel-wrapper .al-toolbar-horizontal + .al-toolbar-horizontal {
  margin-top: 0px;
  margin-bottom: 0px;
  /* Highlight 1px around */
  box-shadow: 0px 0px 0px 1px rgba(127, 191, 63, 0.4);
}
.al-spacing-color #footer .al-aclist .al-aclist-content .al-aclist-item:last-child, .al-spacing-color #footer .al-aclist .al-aclist-content .al-aclist-list, #footer.al-spacing-color .al-aclist .al-aclist-content .al-aclist-item:last-child, #footer.al-spacing-color .al-aclist .al-aclist-content .al-aclist-list, #footer .al-spacing-color .al-aclist .al-aclist-content .al-aclist-item:last-child, #footer .al-spacing-color .al-aclist .al-aclist-content .al-aclist-list,
.al-spacing-color #content .al-aclist .al-aclist-content .al-aclist-item:last-child,
.al-spacing-color #content .al-aclist .al-aclist-content .al-aclist-list, #content.al-spacing-color .al-aclist .al-aclist-content .al-aclist-item:last-child, #content.al-spacing-color .al-aclist .al-aclist-content .al-aclist-list, #content .al-spacing-color .al-aclist .al-aclist-content .al-aclist-item:last-child, #content .al-spacing-color .al-aclist .al-aclist-content .al-aclist-list,
.al-spacing-color.al-dialog .al-aclist .al-aclist-content .al-aclist-item:last-child,
.al-spacing-color.al-dialog .al-aclist .al-aclist-content .al-aclist-list, .al-spacing-color.al-tooltip .al-aclist .al-aclist-content .al-aclist-item:last-child, .al-spacing-color.al-tooltip .al-aclist .al-aclist-content .al-aclist-list {
  margin-bottom: 0;
}
.al-spacing-color #footer ul.al-linklist-vertical-link li, #footer.al-spacing-color ul.al-linklist-vertical-link li, #footer .al-spacing-color ul.al-linklist-vertical-link li,
.al-spacing-color #content ul.al-linklist-vertical-link li, #content.al-spacing-color ul.al-linklist-vertical-link li, #content .al-spacing-color ul.al-linklist-vertical-link li,
.al-spacing-color.al-dialog ul.al-linklist-vertical-link li, .al-spacing-color.al-tooltip ul.al-linklist-vertical-link li {
  margin-top: 0px;
  margin-bottom: 0px;
  /* Highlight 1px around */
  box-shadow: 0px 0px 0px 1px rgba(127, 191, 63, 0.4);
}
.al-spacing-color #footer .al-linklist-vertical-header, #footer.al-spacing-color .al-linklist-vertical-header, #footer .al-spacing-color .al-linklist-vertical-header,
.al-spacing-color #content .al-linklist-vertical-header, #content.al-spacing-color .al-linklist-vertical-header, #content .al-spacing-color .al-linklist-vertical-header,
.al-spacing-color.al-dialog .al-linklist-vertical-header, .al-spacing-color.al-tooltip .al-linklist-vertical-header {
  margin-bottom: 0;
}
.al-spacing-color #footer .al-field-text.al-input-text-search + .p-button, #footer.al-spacing-color .al-field-text.al-input-text-search + .p-button, #footer .al-spacing-color .al-field-text.al-input-text-search + .p-button,
.al-spacing-color #content .al-field-text.al-input-text-search + .p-button, #content.al-spacing-color .al-field-text.al-input-text-search + .p-button, #content .al-spacing-color .al-field-text.al-input-text-search + .p-button,
.al-spacing-color.al-dialog .al-field-text.al-input-text-search + .p-button, .al-spacing-color.al-tooltip .al-field-text.al-input-text-search + .p-button {
  /* default space 11px*/
  margin-top: 0px;
  /* default - value above = 0 */
  /*
  >>>  vertical length
  space-11px
      11  class space
      - 11px default space
      ==
      0
      / 2
      ==
      ==
  0px (flip negative <-> possitive)

  >>>  spread radius
  space-11px
      11 default space
      + 11px
      ==
      22
      / 2
      ==
      ==
  11px (rounded)
   */
  box-shadow: 0px 0px 0px 11px rgba(127, 191, 63, 0.4);
}
.al-spacing-color #footer .al-carousel__dots li, #footer.al-spacing-color .al-carousel__dots li, #footer .al-spacing-color .al-carousel__dots li,
.al-spacing-color #content .al-carousel__dots li, #content.al-spacing-color .al-carousel__dots li, #content .al-spacing-color .al-carousel__dots li,
.al-spacing-color.al-dialog .al-carousel__dots li, .al-spacing-color.al-tooltip .al-carousel__dots li {
  margin-top: 0px;
  margin-bottom: 0px;
  /* Highlight 1px around */
  box-shadow: 0px 0px 0px 1px rgba(127, 191, 63, 0.4);
}
.al-spacing-color #footer .al-tips-alerts, #footer.al-spacing-color .al-tips-alerts, #footer .al-spacing-color .al-tips-alerts,
.al-spacing-color #content .al-tips-alerts, #content.al-spacing-color .al-tips-alerts, #content .al-spacing-color .al-tips-alerts,
.al-spacing-color.al-dialog .al-tips-alerts, .al-spacing-color.al-tooltip .al-tips-alerts {
  margin-bottom: 11px;
}
.al-spacing-color #footer .al-tips-details, #footer.al-spacing-color .al-tips-details, #footer .al-spacing-color .al-tips-details,
.al-spacing-color #content .al-tips-details, #content.al-spacing-color .al-tips-details, #content .al-spacing-color .al-tips-details,
.al-spacing-color.al-dialog .al-tips-details, .al-spacing-color.al-tooltip .al-tips-details {
  /* default space 11px*/
  margin-top: -11px;
  /* default - value above = 0 */
  /*
  >>>  vertical length
  space-0px
      0 class space
      - 11px default space
      ==
      11
      / 2
      ==
      ==
  - 5px (flip negative <-> possitive)

  >>>  spread radius
  space-0px
      11 default space
      + 0px
      ==
      11
      / 2
      ==
      ==
  6px (rounded)
   */
  box-shadow: 0px 5px 0px 6px rgba(127, 191, 63, 0.4);
}
.al-spacing-color #footer .al-tips-details .p-button, #footer.al-spacing-color .al-tips-details .p-button, #footer .al-spacing-color .al-tips-details .p-button,
.al-spacing-color #content .al-tips-details .p-button, #content.al-spacing-color .al-tips-details .p-button, #content .al-spacing-color .al-tips-details .p-button,
.al-spacing-color.al-dialog .al-tips-details .p-button, .al-spacing-color.al-tooltip .al-tips-details .p-button {
  /* default space 11px*/
  margin-top: 0px;
  /* default - value above = 0 */
  /*
  >>>  vertical length
  space-11px
      11  class space
      - 11px default space
      ==
      0
      / 2
      ==
      ==
  0px (flip negative <-> possitive)

  >>>  spread radius
  space-11px
      11 default space
      + 11px
      ==
      22
      / 2
      ==
      ==
  11px (rounded)
   */
  box-shadow: 0px 0px 0px 11px rgba(127, 191, 63, 0.4);
}
.al-spacing-color #footer table.p-datepicker-calendar, #footer.al-spacing-color table.p-datepicker-calendar, #footer .al-spacing-color table.p-datepicker-calendar,
.al-spacing-color #content table.p-datepicker-calendar, #content.al-spacing-color table.p-datepicker-calendar, #content .al-spacing-color table.p-datepicker-calendar,
.al-spacing-color.al-dialog table.p-datepicker-calendar, .al-spacing-color.al-tooltip table.p-datepicker-calendar {
  margin-bottom: 0px;
  box-shadow: 0px 11px 0px 0px rgba(212, 241, 255, 0.6);
}
.al-spacing-color #footer .p-checkbox, .al-spacing-color #footer .p-checkbox-label, #footer.al-spacing-color .p-checkbox, #footer.al-spacing-color .p-checkbox-label, #footer .al-spacing-color .p-checkbox, #footer .al-spacing-color .p-checkbox-label,
.al-spacing-color #content .p-checkbox,
.al-spacing-color #content .p-checkbox-label, #content.al-spacing-color .p-checkbox, #content.al-spacing-color .p-checkbox-label, #content .al-spacing-color .p-checkbox, #content .al-spacing-color .p-checkbox-label,
.al-spacing-color.al-dialog .p-checkbox,
.al-spacing-color.al-dialog .p-checkbox-label, .al-spacing-color.al-tooltip .p-checkbox, .al-spacing-color.al-tooltip .p-checkbox-label {
  /* default space 11px*/
  margin-bottom: 11px;
  /* default - value above = 0 */
  /* Highlight 11px on the bottom */
  box-shadow: 0px 11px 0px 0px rgba(212, 241, 255, 0.6);
  box-shadow: 0px 11px 0px 0px rgba(212, 241, 255, 0.6);
}
.al-spacing-color #footer .p-inputtext, #footer.al-spacing-color .p-inputtext, #footer .al-spacing-color .p-inputtext,
.al-spacing-color #content .p-inputtext, #content.al-spacing-color .p-inputtext, #content .al-spacing-color .p-inputtext,
.al-spacing-color.al-dialog .p-inputtext, .al-spacing-color.al-tooltip .p-inputtext {
  /* default space 11px*/
  margin-bottom: 11px;
  /* default - value above = 0 */
  /* Highlight 11px on the bottom */
  box-shadow: 0px 11px 0px 0px rgba(212, 241, 255, 0.6);
  box-shadow: 0px 11px 0px 0px rgba(212, 241, 255, 0.6);
}
.al-spacing-color #footer .p-paginator-page, #footer.al-spacing-color .p-paginator-page, #footer .al-spacing-color .p-paginator-page,
.al-spacing-color #content .p-paginator-page, #content.al-spacing-color .p-paginator-page, #content .al-spacing-color .p-paginator-page,
.al-spacing-color.al-dialog .p-paginator-page, .al-spacing-color.al-tooltip .p-paginator-page {
  /* default space 11px*/
  margin-bottom: 11px;
  /* default - value above = 0 */
  /* Highlight 11px on the bottom */
  box-shadow: 0px 11px 0px 0px rgba(212, 241, 255, 0.6);
  box-shadow: 0 11px 0 0 rgba(212, 241, 255, 0.6);
}
.al-spacing-color #footer .p-radiobutton-label, #footer.al-spacing-color .p-radiobutton-label, #footer .al-spacing-color .p-radiobutton-label,
.al-spacing-color #content .p-radiobutton-label, #content.al-spacing-color .p-radiobutton-label, #content .al-spacing-color .p-radiobutton-label,
.al-spacing-color.al-dialog .p-radiobutton-label, .al-spacing-color.al-tooltip .p-radiobutton-label {
  /* default space 11px*/
  margin-bottom: 11px;
  /* default - value above = 0 */
  /* Highlight 11px on the bottom */
  box-shadow: 0px 11px 0px 0px rgba(212, 241, 255, 0.6);
  box-shadow: 0px 11px 0px 0px rgba(212, 241, 255, 0.6);
}
.al-spacing-color #footer .ui-dropdown, #footer.al-spacing-color .ui-dropdown, #footer .al-spacing-color .ui-dropdown,
.al-spacing-color #content .ui-dropdown, #content.al-spacing-color .ui-dropdown, #content .al-spacing-color .ui-dropdown,
.al-spacing-color.al-dialog .ui-dropdown, .al-spacing-color.al-tooltip .ui-dropdown {
  /* default space 11px*/
  margin-bottom: 11px;
  /* default - value above = 0 */
  /* Highlight 11px on the bottom */
  box-shadow: 0px 11px 0px 0px rgba(212, 241, 255, 0.6);
  box-shadow: 0px 11px 0px 0px rgba(212, 241, 255, 0.6);
}
.al-spacing-color #footer .p-multiselect-item .p-checkbox, #footer.al-spacing-color .p-multiselect-item .p-checkbox, #footer .al-spacing-color .p-multiselect-item .p-checkbox,
.al-spacing-color #content .p-multiselect-item .p-checkbox, #content.al-spacing-color .p-multiselect-item .p-checkbox, #content .al-spacing-color .p-multiselect-item .p-checkbox,
.al-spacing-color.al-dialog .p-multiselect-item .p-checkbox, .al-spacing-color.al-tooltip .p-multiselect-item .p-checkbox {
  margin-bottom: 0px;
  box-shadow: none;
}
.al-spacing-color #footer .p-tabview-nav li, #footer.al-spacing-color .p-tabview-nav li, #footer .al-spacing-color .p-tabview-nav li,
.al-spacing-color #content .p-tabview-nav li, #content.al-spacing-color .p-tabview-nav li, #content .al-spacing-color .p-tabview-nav li,
.al-spacing-color.al-dialog .p-tabview-nav li, .al-spacing-color.al-tooltip .p-tabview-nav li {
  margin-bottom: 0;
  box-shadow: 0 0 0 1px rgba(127, 191, 63, 0.4);
}
.al-spacing-color #footer .p-tabview-nav li + li, #footer.al-spacing-color .p-tabview-nav li + li, #footer .al-spacing-color .p-tabview-nav li + li,
.al-spacing-color #content .p-tabview-nav li + li, #content.al-spacing-color .p-tabview-nav li + li, #content .al-spacing-color .p-tabview-nav li + li,
.al-spacing-color.al-dialog .p-tabview-nav li + li, .al-spacing-color.al-tooltip .p-tabview-nav li + li {
  /* default space 11px*/
  margin-top: 0px;
  /* default - value above = 0 */
  /*
  >>>  vertical length
  space-11px
      11  class space
      - 11px default space
      ==
      0
      / 2
      ==
      ==
  0px (flip negative <-> possitive)

  >>>  spread radius
  space-11px
      11 default space
      + 11px
      ==
      22
      / 2
      ==
      ==
  11px (rounded)
   */
  box-shadow: 0px 0px 0px 11px rgba(127, 191, 63, 0.4);
  box-shadow: 0 0 0 1px rgba(127, 191, 63, 0.4);
}
.al-spacing-color #footer .al-input-text-search .p-button, #footer.al-spacing-color .al-input-text-search .p-button, #footer .al-spacing-color .al-input-text-search .p-button,
.al-spacing-color #content .al-input-text-search .p-button, #content.al-spacing-color .al-input-text-search .p-button, #content .al-spacing-color .al-input-text-search .p-button,
.al-spacing-color.al-dialog .al-input-text-search .p-button, .al-spacing-color.al-tooltip .al-input-text-search .p-button {
  /* default space 11px*/
  margin-top: 0px;
  /* default - value above = 0 */
  /*
  >>>  vertical length
  space-11px
      11  class space
      - 11px default space
      ==
      0
      / 2
      ==
      ==
  0px (flip negative <-> possitive)

  >>>  spread radius
  space-11px
      11 default space
      + 11px
      ==
      22
      / 2
      ==
      ==
  11px (rounded)
   */
  box-shadow: 0px 0px 0px 11px rgba(127, 191, 63, 0.4);
}
.al-spacing-color #footer .al-field-content label, #footer.al-spacing-color .al-field-content label, #footer .al-spacing-color .al-field-content label,
.al-spacing-color #content .al-field-content label, #content.al-spacing-color .al-field-content label, #content .al-spacing-color .al-field-content label,
.al-spacing-color.al-dialog .al-field-content label, .al-spacing-color.al-tooltip .al-field-content label {
  /* default space 11px*/
  margin-bottom: 11px;
  /* default - value above = 0 */
  /* Highlight 11px on the bottom */
  box-shadow: 0px 11px 0px 0px rgba(212, 241, 255, 0.6);
  box-shadow: 0px 11px 0px 0px rgba(212, 241, 255, 0.6);
}

/* move to the the line after styleguide-extra.css after UPoint 6.1 project work  */
/* = Typography
====================================*/
/* This is the main CSS that includes other CSS files. */
/* ========== AON Hewitt Additions =========== */
/* http://compass-style.org/reference/compass/css3/*/
/* =======================================
	TABLE OF CONTENTS
	1.Color Variables
		a. grays
		b. blues
		c. greens
		d. yellows
		e. reds
	2. Mixins
		a. fonts
		b.

   ======================================= */
/*=======================================================
			Colors
  =======================================================*/
/* Added Black and White, its a little redundent but easier to remember.
/* Grays */
/* MAIN default body text new to styleguide 10/17*/
/* Accent 1 (Blue) */
/*darkest */
/* lightest */
/* Accent 2 (Green) */
/* Accent 3 (Yellow) */
/* Accent 4 (Red) */
/*=======================================================
				Mixins
  =======================================================*/
/* ************ Fonts ************
	******************************* */
/* ************ 720 viewport ************
	******************************* */
/* ************ 480 viewport ************
	******************************* */
/* =======================================
	TABLE OF CONTENTS
	1. Basic style for HTML Elements
		a. Basic
		b. Headers
	2. Common Helper Classes

   ======================================= */
/*=======================================================
		 UPoint Testing:  Media Queries only used for UPoint Testing in Chrome & other browsers
		 https://developer.chrome.com/devtools/docs/device-mode#media-queries
  =======================================================*/
/*=======================================================
		 Basic style for HTML Elements and Typography
  =======================================================*/
/* Matt Sloggett:  Font size start */
.al-font-change {
  /* Position subscript and superscript content without affecting line-height: h5bp.com/k */
  /* ============= Headers ================ */
  /*- sub-header classes-*/
  /*- sub-header classes- end*/
  /* ============= 720 viewport Headers ================ */
  /*- sub-header classes-*/
  /*- sub-header classes- end*/
  /* ============= 480 viewport Headers ================ */
  /*- sub-header classes-*/
  /*- sub-header classes end-*/
  /* Matt Sloggett:  Font size change end */
}
.al-font-change p {
  /*font-size: 1em;
  line-height:  1.5714em ;
  */
  font-size: 1em;
  line-height: normal;
}
.al-font-change small {
  font-size: 85%;
}
.al-font-change sub, .al-font-change sup {
  font-size: 85.7%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}
.al-font-change sup {
  top: -0.5em;
}
.al-font-change sub {
  bottom: -0.25em;
}
.al-font-change h1, .al-font-change h2, .al-font-change h3, .al-font-change h4, .al-font-change h5, .al-font-change h6 {
  font-weight: normal;
}
.al-font-change h1, .al-font-change .al-font-xxxl {
  /*font-size: 3.428em;
  line-height:1.145em;
  */
  font-size: 1em;
  line-height: normal;
}
.al-font-change h2, .al-font-change .al-font-xxl {
  /*font-size: 2.428em;
  line-height: .9705em;
  */
  font-size: 1em;
  line-height: normal;
}
.al-font-change h3, .al-font-change .al-font-xl {
  /*font-size: 1.714em;
  line-height:1.1666em;
  padding-bottom: 0.0835em;
  */
  font-size: 1em;
  line-height: normal;
  padding-bottom: 0em;
}
.al-font-change h4, .al-font-change .al-font-l {
  /*font-size: 1.286em;
  line-height: 1.222em;
  */
  font-size: 1em;
  line-height: normal;
}
.al-font-change h5, .al-font-change .al-font-m {
  /*font-size: 1.143em;
  line-height: 1.375em;
  padding-bottom: 0.313em;
  */
  font-size: 1em;
  line-height: normal;
  padding-bottom: 0em;
}
.al-font-change p, .al-font-change td, .al-font-change th, .al-font-change .al-font-s {
  /*font-size: 1em;
  line-height:  1.5714em ;
  */
  font-size: 1em;
  line-height: normal;
  line-height: 1.5714em;
}
.al-font-change textarea {
  /*font-size: 0.857em;
  */
  font-size: 1em;
  line-height: normal;
}
.al-font-change input, .al-font-change select {
  /*font-size: 1em;
  line-height:  1.5714em ;
  */
  font-size: 1em;
  line-height: normal;
}
.al-font-change button {
  /*font-size: 1.286em;
  line-height: 1.222em;
  */
  font-size: 1em;
  line-height: normal;
}
.al-font-change .al-font-xsmall, .al-font-change p .al-font-xsmall, .al-font-change .xs {
  /*font-size: 0.857em;
  */
  font-size: 1em;
  line-height: normal;
}
.al-font-change .al-font-xxsmall, .al-font-change p .al-font-xxsmall {
  /*font-size: .79em;
  */
  font-size: 1em;
  line-height: normal;
}
.al-font-change h1 .al-font-xxl {
  font-size: inherit;
}
.al-font-change h1 .al-font-xl {
  font-size: inherit;
}
.al-font-change h1 .al-font-l {
  font-size: inherit;
}
.al-font-change h1 .al-font-m {
  font-size: inherit;
}
.al-font-change h1 .al-font-s {
  font-size: inherit;
}
.al-font-change h2 .al-font-xl {
  font-size: inherit;
}
.al-font-change h2 .al-font-l {
  font-size: inherit;
}
.al-font-change h2 .al-font-m {
  font-size: inherit;
}
.al-font-change h2 .al-font-s {
  font-size: inherit;
}
.al-font-change h3 .al-font-l {
  font-size: inherit;
}
.al-font-change h3 .al-font-m {
  font-size: inherit;
}
.al-font-change h3 .al-font-s {
  font-size: inherit;
}
.al-font-change h4 .al-font-m {
  font-size: inherit;
  font-weight: normal;
}
.al-font-change h4 .al-font-s {
  font-size: inherit;
  font-weight: normal;
}
.al-font-change h5 .al-font-s {
  font-size: inherit;
}
.al-font-change .al-view-720 h1, .al-font-change .al-view-720 .al-font-xxxl {
  /*font-size: 2.429em;
  line-height: 0.971em;
  */
  font-size: 1em;
  line-height: normal;
}
.al-font-change .al-view-720 h2, .al-font-change .al-view-720 .al-font-xxl {
  /*font-size: 2.000em;
  line-height: 1.000em;
  */
  font-size: 1em;
  line-height: normal;
}
.al-font-change .al-view-720 .al-font-xl {
  /*font-size: 1.714em;
  line-height:1.1666em;
  padding-bottom: 0.0835em;
  */
  font-size: 1em;
  line-height: normal;
  padding-bottom: 0em;
}
.al-font-change .al-view-720 .al-font-l {
  /*font-size: 1.286em;
  line-height: 1.222em;
  */
  font-size: 1em;
  line-height: normal;
}
.al-font-change .al-view-720 .al-font-m {
  /*font-size: 1.143em;
  line-height: 1.375em;
  padding-bottom: 0.313em;
  */
  font-size: 1em;
  line-height: normal;
  padding-bottom: 0em;
}
.al-font-change .al-view-720 .al-font-s {
  /*font-size: 1em;
  line-height:  1.5714em ;
  */
  font-size: 1em;
  line-height: normal;
}
.al-font-change .al-view-720 .al-font-xsmall, .al-font-change .al-view-720 .xs {
  /*font-size: 0.857em;
  */
  font-size: 1em;
  line-height: normal;
}
.al-font-change .al-view-720 .al-font-xxsmall {
  /*font-size: .79em;
  */
  font-size: 1em;
  line-height: normal;
}
.al-font-change .al-view-720 h1 .al-font-xxl {
  font-size: inherit;
}
.al-font-change .al-view-720 h1 .al-font-xl {
  font-size: inherit;
}
.al-font-change .al-view-720 h1 .al-font-l {
  font-size: inherit;
}
.al-font-change .al-view-720 h1 .al-font-m {
  font-size: inherit;
}
.al-font-change .al-view-720 h1 .al-font-s {
  font-size: inherit;
}
.al-font-change .al-view-720 h2 .al-font-xl {
  font-size: inherit;
}
.al-font-change .al-view-720 h2 .al-font-l {
  font-size: inherit;
}
.al-font-change .al-view-720 h2 .al-font-m {
  font-size: inherit;
}
.al-font-change .al-view-720 h2 .al-font-s {
  font-size: inherit;
}
.al-font-change .al-view-720 h3 .al-font-l {
  font-size: inherit;
}
.al-font-change .al-view-720 h3 .al-font-m {
  font-size: inherit;
}
.al-font-change .al-view-720 h3 .al-font-s {
  font-size: inherit;
}
.al-font-change .al-view-720 h4 .al-font-m {
  font-size: inherit;
}
.al-font-change .al-view-720 h4 .al-font-s {
  font-size: inherit;
}
.al-font-change .al-view-720 h5 .al-font-s {
  font-size: inherit;
}
.al-font-change .al-view-lt480 h1, .al-font-change .al-view-480 h1, .al-font-change .al-view-lt480 .al-font-xxxl, .al-font-change .al-view-480 .al-font-xxxl {
  /*font-size: 1.857em;
  line-height: 1.078em;
  */
  font-size: 1em;
  line-height: normal;
}
.al-font-change .al-view-lt480 h2, .al-font-change .al-view-480 h2, .al-font-change .al-view-lt480 .al-font-xxl, .al-font-change .al-view-480 .al-font-xxl {
  /*font-size: 1.571em;
  line-height: 1.091em;
  */
  font-size: 1em;
  line-height: normal;
}
.al-font-change .al-view-lt480 h3, .al-font-change .al-view-480 h3, .al-font-change .al-view-lt480 .al-font-xl, .al-font-change .al-view-480 .al-font-xl {
  /*font-size: 1.286em;
  line-height: 1.111em;
  padding-bottom: 0.1115em;
  */
  font-size: 1em;
  line-height: normal;
  padding-bottom: 0em;
}
.al-font-change .al-view-lt480 h4, .al-font-change .al-view-480 h4, .al-font-change .al-view-lt480 .al-font-l, .al-font-change .al-view-480 .al-font-l {
  /*font-size: 1.143em;
  line-height: 1.250em;
  font-weight: bold;
  */
  font-size: 1em;
  line-height: normal;
  font-weight: normal;
}
.al-font-change .al-view-lt480 h5, .al-font-change .al-view-480 h5, .al-font-change .al-view-lt480 .al-font-m, .al-font-change .al-view-480 .al-font-m {
  /*font-size: 1.000em;
  line-height: 1.429em;
  padding-bottom: 0.358em;
  */
  font-size: 1em;
  line-height: normal;
  padding-bottom: 0em;
}
.al-font-change .al-view-lt480 p, .al-font-change .al-view-480 p, .al-font-change .al-view-lt480 td, .al-font-change .al-view-480 td, .al-font-change .al-view-480 li, .al-font-change .al-view-lt480 td, .al-font-change .al-view-lt480 .al-font-s, .al-font-change .al-view-480 .al-font-s {
  /*font-size: 1.000em;
  line-height: 1.429em;
  */
  font-size: 1em;
  line-height: normal;
}
.al-font-change .al-view-lt480 .al-font-xsmall, .al-font-change .al-view-lt480 p .al-font-xsmall, .al-font-change .al-view-lt480 .xs,
.al-font-change .al-view-480 .al-font-xsmall, .al-font-change .al-view-480 p .al-font-xsmall, .al-font-change .al-view-480 .xs {
  /*font-size: 0.857em;
  line-height: 1.668em;
  */
  font-size: 1em;
  line-height: normal;
}
.al-font-change .al-view-lt480 .al-font-xxsmall, .al-font-change .al-view-lt480 p .al-font-xxsmall,
.al-font-change .al-view-480 .al-font-xxsmall, .al-font-change .al-view-480 p .al-font-xxsmall {
  /*font-size: 0.857em;
  line-height: 1.668em;
  */
  font-size: 1em;
  line-height: normal;
}
.al-font-change .al-view-lt480 h1 .al-font-xxl, .al-font-change .al-view-480 h1 .al-font-xxl {
  font-size: inheritm;
}
.al-font-change .al-view-lt480 h1 .al-font-xl, .al-font-change .al-view-480 h1 .al-font-xl {
  font-size: inherit;
}
.al-font-change .al-view-lt480 h1 .al-font-l, .al-font-change .al-view-480 h1 .al-font-l {
  font-size: inherit;
}
.al-font-change .al-view-lt480 h1 .al-font-m, .al-font-change .al-view-480 h1 .al-font-m {
  font-size: inherit;
}
.al-font-change .al-view-lt480 h1 .al-font-s, .al-font-change .al-view-480 h1 .al-font-s {
  font-size: inherit;
}
.al-font-change .al-view-lt480 h2 .al-font-xl, .al-font-change .al-view-480 h2 .al-font-xl {
  font-size: inherit;
}
.al-font-change .al-view-lt480 h2 .al-font-l, .al-font-change .al-view-480 h2 .al-font-l {
  font-size: inherit;
}
.al-font-change .al-view-lt480 h2 .al-font-m, .al-font-change .al-view-480 h2 .al-font-m {
  font-size: inherit;
}
.al-font-change .al-view-lt480 h2 .al-font-s, .al-font-change .al-view-480 h2 .al-font-s {
  font-size: inherit;
}
.al-font-change .al-view-lt480 h3 .al-font-l, .al-font-change .al-view-480 h3 .al-font-l {
  font-size: inherit;
}
.al-font-change .al-view-lt480 h3 .al-font-m, .al-font-change .al-view-480 h3 .al-font-m {
  font-size: inherit;
}
.al-font-change .al-view-lt480 h3 .al-font-s, .al-font-change .al-view-480 h3 .al-font-s {
  font-size: inherit;
}
.al-font-change .al-view-lt480 h4 .al-font-m, .al-font-change .al-view-480 h4 .al-font-m {
  font-size: inherit;
}
.al-font-change .al-view-lt480 h4 .al-font-s, .al-font-change .al-view-480 h4 .al-font-s {
  font-size: inherit;
}
.al-font-change .al-view-lt480 h5 .al-font-s, .al-font-change .al-view-480 h5 .al-font-s {
  font-size: inherit;
}

/* http://compass-style.org/reference/compass/css3/*/
/* =======================================
	TABLE OF CONTENTS
	1.Color Variables
		a. grays
		b. blues
		c. greens
		d. yellows
		e. reds
	2. Mixins
		a. fonts
		b.

   ======================================= */
/*=======================================================
			Colors
  =======================================================*/
/* Added Black and White, its a little redundent but easier to remember.
/* Grays */
/* MAIN default body text new to styleguide 10/17*/
/* Accent 1 (Blue) */
/*darkest */
/* lightest */
/* Accent 2 (Green) */
/* Accent 3 (Yellow) */
/* Accent 4 (Red) */
/*=======================================================
				Mixins
  =======================================================*/
/* ************ Fonts ************
	******************************* */
/* ************ 720 viewport ************
	******************************* */
/* ************ 480 viewport ************
	******************************* */
/* =======================================
	TABLE OF CONTENTS
	1. Variables
	2. Mixins
	3. Rules
	4. Links
	5. Overlays
	6. Tips
	7. Breadcrumbs
	8. Help
	9. Highlights
	10.Error Messages
	11.Pagination
	12.Calendar
	13.Badges
	14.Arrows
	15.drop shadows for testing to be removed
	16.image/icon + text combination

	Description
	Combination files of small global style components
   ======================================= */
/*=======================================================
			Variables
  =======================================================*/
/*=======================================================
			Mixins
  =======================================================*/
/*=======================================================
			Rules
  =======================================================*/
/*=======================================================
			Links
  =======================================================*/
/* https://one.aon.net/sites/BenefitsPortal/PortalBase/Wave0site/Wave%200%20Wiki%20Page/Design%20Patterns%20%28client%20facing%29/Supporting%20Links%20%282.4+%29.aspx */
/* Matt Sloggett:  Font size start */
.al-font-change {
  /* PFO-17285 and PBPI-4154 Support Links Updates start */
  /* PFO-17285 and PBPI-4154 Support Links Updates end */
  /*=======================================================
  			Overlays
    =======================================================*/
  /* this is broken and needs fixed */
  /*=======================================================
  			Tips
    =======================================================*/
  /*=======================================================
  			Popovers
    =======================================================*/
  /*=======================================================
  			BreadCrumbs
    =======================================================*/
  /*=======================================================
  	Help
  =======================================================*/
  /*=======================================================
  			Highlights
    =======================================================*/
  /*=======================================================
  			Error Messages
    =======================================================*/
  /*=======================================================
  			Pagination
    =======================================================*/
  /*=======================================================
  			Calendar
    =======================================================*/
  /*=======================================================
  			Badges
    =======================================================*/
  /* PFO-13502 - Badge's(Small) font change */
  /* End PFO-13502 */
  /*=======================================================
  			arrow
    =======================================================*/
  /*=======================================================
  	image/icon + text combination
    =======================================================*/
  /*=========================================================
  	Linked content group

  	Example Markup: 
  	<a href="#" class="al-linked-content-group-box al-w100">
      	<h2>Content</h2>
          <p>This is a sample content.</p>
      </a>
  ===========================================================*/
  /*=======================================================
  			Common Helper Classes
   =======================================================*/
  /*=======================================================
  			AON input widths by character
  =======================================================*/
  /*=======================================================
  			AON Spacing of elements
  =======================================================*/
  /*=======================================================
  fix for ustomizable-layout-column-content bg colors just overwritting overlaymask-content bg color
   =======================================================*/
  /* Matt Sloggett:  Font size change end */
}
.al-font-change h3.al-linklist-vertical-header {
  padding-bottom: 11px;
}
.al-font-change ul.al-linklist-vertical-link li a {
  /*font-size: 1.143em;
  line-height: 1.375em;
  padding-bottom: 0.313em;
  */
  font-size: 1em;
  line-height: normal;
  padding-bottom: 0em;
}
.al-font-change .al-date-picker .al-calendar {
  font-size: 100%;
}
.al-font-change .al-badge-large {
  /*font-size: 1em;
  line-height:  1.5714em ;
  */
  font-size: 1em;
  line-height: normal;
  min-width: 31px;
}
.al-font-change .al-badge-small {
  /*@include xxs_font;*/
  font-size: 11px;
  line-height: normal;
  min-width: 24px;
}
.al-font-change .al-nobold {
  font-weight: normal;
}
.al-font-change .al-bypass-block {
  /*font-size: 1.286em;
  line-height: 1.222em;
  */
  font-size: 1em;
  line-height: normal;
}

/* http://compass-style.org/reference/compass/css3/*/
/* =======================================
	TABLE OF CONTENTS
	1.Color Variables
		a. grays
		b. blues
		c. greens
		d. yellows
		e. reds
	2. Mixins
		a. fonts
		b.

   ======================================= */
/*=======================================================
			Colors
  =======================================================*/
/* Added Black and White, its a little redundent but easier to remember.
/* Grays */
/* MAIN default body text new to styleguide 10/17*/
/* Accent 1 (Blue) */
/*darkest */
/* lightest */
/* Accent 2 (Green) */
/* Accent 3 (Yellow) */
/* Accent 4 (Red) */
/*=======================================================
				Mixins
  =======================================================*/
/* ************ Fonts ************
	******************************* */
/* ************ 720 viewport ************
	******************************* */
/* ************ 480 viewport ************
	******************************* */
/* Matt Sloggett:  Font size start */
.al-font-change {
  /* Matt Sloggett:  Font size change end */
}
.al-font-change .al-lightbox .al-lightbox-hd.al-widget-hd {
  font-size: 0.86em;
}
.al-font-change .al-lightbox .al-lightbox-hd.al-widget-hd .al-lightbox-links a {
  font-weight: normal;
  font-size: 12px;
}
.al-font-change .al-lightbox .al-lightbox-hd.al-widget-hd .al-panel-hd-text {
  font-weight: bold;
}
.al-font-change .al-lightbox .al-widget-hd .al-lightbox-title {
  font-weight: bold;
  font-size: 16px;
}

/* http://compass-style.org/reference/compass/css3/*/
/* =======================================
	TABLE OF CONTENTS
	1.Color Variables
		a. grays
		b. blues
		c. greens
		d. yellows
		e. reds
	2. Mixins
		a. fonts
		b.

   ======================================= */
/*=======================================================
			Colors
  =======================================================*/
/* Added Black and White, its a little redundent but easier to remember.
/* Grays */
/* MAIN default body text new to styleguide 10/17*/
/* Accent 1 (Blue) */
/*darkest */
/* lightest */
/* Accent 2 (Green) */
/* Accent 3 (Yellow) */
/* Accent 4 (Red) */
/*=======================================================
				Mixins
  =======================================================*/
/* ************ Fonts ************
	******************************* */
/* ************ 720 viewport ************
	******************************* */
/* ************ 480 viewport ************
	******************************* */
/* Matt Sloggett:  Font size start */
.al-font-change .al-panel-wrapper .al-panel-hd {
  font-weight: normal;
}
.al-font-change .al-panel-wrapper .al-panel-hd-text {
  font-weight: bold;
  /*font-size: 1.143em;
  line-height: 1.375em;
  padding-bottom: 0.313em;
  */
  font-size: 1em;
  line-height: normal;
  padding-bottom: 0em;
}
.al-view-lt480 .al-font-change .al-panel-wrapper .al-panel-hd-text {
  /*font-size: 1.000em;
  line-height: 1.429em;
  padding-bottom: 0.358em;
  */
  font-size: 1em;
  line-height: normal;
  padding-bottom: 0em;
}
.al-font-change .al-panel-wrapper .al-panel-titleicons .al-buttonitem, .al-font-change .al-panel-wrapper .al-panel-titleicons .al-buttonitem.al-buttonitem-label-only:hover {
  font-weight: bold;
  /*font-size: 1.143em;
  line-height: 1.375em;
  padding-bottom: 0.313em;
  */
  font-size: 1em;
  line-height: normal;
  padding-bottom: 0em;
}
.al-view-lt480 .al-font-change .al-panel-wrapper .al-panel-titleicons .al-buttonitem, .al-view-lt480 .al-font-change .al-panel-wrapper .al-panel-titleicons .al-buttonitem.al-buttonitem-label-only:hover {
  /*font-size: 1.000em;
  line-height: 1.429em;
  padding-bottom: 0.358em;
  */
  font-size: 1em;
  line-height: normal;
  padding-bottom: 0em;
}
.al-font-change .al-panel-wrapper .ui-accordion .ui-accordion-header > a {
  font-size: 14px;
}

/* added by tanglesey */ /* http://compass-style.org/reference/compass/css3/*/
/* =======================================
	TABLE OF CONTENTS
	1.Color Variables
		a. grays
		b. blues
		c. greens
		d. yellows
		e. reds
	2. Mixins
		a. fonts
		b.

   ======================================= */
/*=======================================================
			Colors
  =======================================================*/
/* Added Black and White, its a little redundent but easier to remember.
/* Grays */
/* MAIN default body text new to styleguide 10/17*/
/* Accent 1 (Blue) */
/*darkest */
/* lightest */
/* Accent 2 (Green) */
/* Accent 3 (Yellow) */
/* Accent 4 (Red) */
/*=======================================================
				Mixins
  =======================================================*/
/* ************ Fonts ************
	******************************* */
/* ************ 720 viewport ************
	******************************* */
/* ************ 480 viewport ************
	******************************* */
/* Matt Sloggett:  Font size start */
.al-font-change {
  /* Matt Sloggett:  Font size change end */
}
.al-font-change #al-table-panel .al-panel-hd-text {
  font-size: 15px;
}

/* http://compass-style.org/reference/compass/css3/*/
/* =======================================
	TABLE OF CONTENTS
	1.Color Variables
		a. grays
		b. blues
		c. greens
		d. yellows
		e. reds
	2. Mixins
		a. fonts
		b.

   ======================================= */
/*=======================================================
			Colors
  =======================================================*/
/* Added Black and White, its a little redundent but easier to remember.
/* Grays */
/* MAIN default body text new to styleguide 10/17*/
/* Accent 1 (Blue) */
/*darkest */
/* lightest */
/* Accent 2 (Green) */
/* Accent 3 (Yellow) */
/* Accent 4 (Red) */
/*=======================================================
				Mixins
  =======================================================*/
/* ************ Fonts ************
	******************************* */
/* ************ 720 viewport ************
	******************************* */
/* ************ 480 viewport ************
	******************************* */
/* Matt Sloggett:  Font size start */
.al-font-change {
  /*---al-tree-view-end--*/
  /* Matt Sloggett:  Font size change end */
}
.al-font-change .al-treeview {
  /*---sub--node--*/
}
.al-font-change .al-treeview .expandDiv,
.al-font-change .al-treeview .pipeSeparator,
.al-font-change .al-treeview .collapseDiv {
  /*font-size: .79em;
  */
  font-size: 1em;
  line-height: normal;
}
.al-font-change .al-treeview .sub-node .al-helper-clearfix .al-tree-label {
  font-weight: normal;
}
.al-font-change .al-treeview .sub-node .sub-node li.al-highlight .al-helper-clearfix .al-tree-label {
  font-weight: normal;
}
.al-font-change .al-treeview .al-tree-label {
  font-weight: bold;
  /*font-size: 1.143em;
  line-height: 1.375em;
  padding-bottom: 0.313em;
  */
  font-size: 1em;
  line-height: normal;
  padding-bottom: 0em;
  /* add font size */
}

/* http://compass-style.org/reference/compass/css3/*/
/* =======================================
	TABLE OF CONTENTS
	1.Color Variables
		a. grays
		b. blues
		c. greens
		d. yellows
		e. reds
	2. Mixins
		a. fonts
		b.

   ======================================= */
/*=======================================================
			Colors
  =======================================================*/
/* Added Black and White, its a little redundent but easier to remember.
/* Grays */
/* MAIN default body text new to styleguide 10/17*/
/* Accent 1 (Blue) */
/*darkest */
/* lightest */
/* Accent 2 (Green) */
/* Accent 3 (Yellow) */
/* Accent 4 (Red) */
/*=======================================================
				Mixins
  =======================================================*/
/* ************ Fonts ************
	******************************* */
/* ************ 720 viewport ************
	******************************* */
/* ************ 480 viewport ************
	******************************* */
/* http://compass-style.org/reference/compass/css3/*/
/* =======================================
	TABLE OF CONTENTS
	1.Color Variables
		a. grays
		b. blues
		c. greens
		d. yellows
		e. reds
	2. Mixins
		a. fonts
		b.

   ======================================= */
/*=======================================================
			Colors
  =======================================================*/
/* Added Black and White, its a little redundent but easier to remember.
/* Grays */
/* MAIN default body text new to styleguide 10/17*/
/* Accent 1 (Blue) */
/*darkest */
/* lightest */
/* Accent 2 (Green) */
/* Accent 3 (Yellow) */
/* Accent 4 (Red) */
/*=======================================================
				Mixins
  =======================================================*/
/* ************ Fonts ************
	******************************* */
/* ************ 720 viewport ************
	******************************* */
/* ************ 480 viewport ************
	******************************* */
/* Matt Sloggett:  Font size start */
.al-font-change {
  /* Matt Sloggett:  Font size change end */
}
.al-font-change .al-header-portlet .al-second-window-title a {
  /*font-size: 0.857em;
  */
  font-size: 1em;
  line-height: normal;
}

/* http://compass-style.org/reference/compass/css3/*/
/* =======================================
	TABLE OF CONTENTS
	1.Color Variables
		a. grays
		b. blues
		c. greens
		d. yellows
		e. reds
	2. Mixins
		a. fonts
		b.

   ======================================= */
/*=======================================================
			Colors
  =======================================================*/
/* Added Black and White, its a little redundent but easier to remember.
/* Grays */
/* MAIN default body text new to styleguide 10/17*/
/* Accent 1 (Blue) */
/*darkest */
/* lightest */
/* Accent 2 (Green) */
/* Accent 3 (Yellow) */
/* Accent 4 (Red) */
/*=======================================================
				Mixins
  =======================================================*/
/* ************ Fonts ************
	******************************* */
/* ************ 720 viewport ************
	******************************* */
/* ************ 480 viewport ************
	******************************* */
/* =======================================
	TABLE OF CONTENTS
	1. Vertical Tabs
	2. Horizontal Tabs

   ======================================= */
/*=======================================================
			Vertical Tabs
  =======================================================*/
/* Matt Sloggett:  Font size start */
.al-font-change {
  /*=======================================================
  			Horizontal Tabs
    =======================================================*/
  /* Matt Sloggett:  Font size change end */
}
.al-font-change .yui3-widget .al-tabs-vertical .yui3-tabview-list .yui3-tab .yui3-tab-label {
  /*font-size: 1.143em;
  line-height: 1.375em;
  padding-bottom: 0.313em;
  */
  font-size: 1em;
  line-height: normal;
  padding-bottom: 0em;
  /*Update font size as per styleguide*/
}
.al-font-change .yui3-widget .al-tabs-horizontal .yui3-tabview-list .yui3-tab {
  /*font-size: 0.857em;
  */
  font-size: 1em;
  line-height: normal;
}
.al-font-change .yui3-widget .al-tabs-horizontal .yui3-tabview-list .yui3-tab .yui3-tab-label {
  /*font-size: 1em;
  line-height:  1.5714em ;
  */
  font-size: 1em;
  line-height: normal;
  /* add font-size */
}
.al-font-change .yui3-widget .al-tabs-horizontal .yui3-tabview-list .yui3-tab-selected .yui3-tab-label {
  font-weight: bold;
}

/* http://compass-style.org/reference/compass/css3/*/
/* =======================================
	TABLE OF CONTENTS
	1.Color Variables
		a. grays
		b. blues
		c. greens
		d. yellows
		e. reds
	2. Mixins
		a. fonts
		b.

   ======================================= */
/*=======================================================
			Colors
  =======================================================*/
/* Added Black and White, its a little redundent but easier to remember.
/* Grays */
/* MAIN default body text new to styleguide 10/17*/
/* Accent 1 (Blue) */
/*darkest */
/* lightest */
/* Accent 2 (Green) */
/* Accent 3 (Yellow) */
/* Accent 4 (Red) */
/*=======================================================
				Mixins
  =======================================================*/
/* ************ Fonts ************
	******************************* */
/* ************ 720 viewport ************
	******************************* */
/* ************ 480 viewport ************
	******************************* */
/* Matt Sloggett:  Font size start */
.al-font-change {
  /* Matt Sloggett:  Font size change end */
}
.al-font-change .al-hmlandingpage-benefit-module .al-hmlandingpage-tabWrapper .al-hmlandingpage-tabList li span em a {
  font-weight: bold;
}
.al-font-change .al-hmlandingpage-benefit-module .al-hmlandingpage-tabWrapper .al-hmlandingpage-contentWrapper .tabContent ul.al-linklist-vertical-link li a {
  /*font-size: 0.857em;
  */
  font-size: 1em;
  line-height: normal;
}

/* http://compass-style.org/reference/compass/css3/*/
/* =======================================
	TABLE OF CONTENTS
	1.Color Variables
		a. grays
		b. blues
		c. greens
		d. yellows
		e. reds
	2. Mixins
		a. fonts
		b.

   ======================================= */
/*=======================================================
			Colors
  =======================================================*/
/* Added Black and White, its a little redundent but easier to remember.
/* Grays */
/* MAIN default body text new to styleguide 10/17*/
/* Accent 1 (Blue) */
/*darkest */
/* lightest */
/* Accent 2 (Green) */
/* Accent 3 (Yellow) */
/* Accent 4 (Red) */
/*=======================================================
				Mixins
  =======================================================*/
/* ************ Fonts ************
	******************************* */
/* ************ 720 viewport ************
	******************************* */
/* ************ 480 viewport ************
	******************************* */
/* =======================================
	TABLE OF CONTENTS
	1. Variables and Mixins
		a. $menuHeight - height of menu bar
		b. $menuSpriteImage - used to hold the image for main menu sprites
		c. menuItemIcon - used for style related to menu items with icons on mobile devices (removed)
		d. arrowDropDownMenu - styles for drop down menu.
			Adds CSS arrow for top of drop down menus. (additional class needed in html)
			Sets menu width, borders,shadows and positioning styles.
			Sets inner list styles
		e. flexHeader - Styles the dropdown list for mobile devices
	2. Main Header (non-navigation parts)
		a. .al-header-portlet
			Classes : al-header-ecs, al-header-welcome-statement, al-header-search, al-header-company-logo
		b. MAS dropdown large screen, MAS dropdown small screen
		c. Page Print Feature
		d. nav
			Classes : al-navigation-ad, al-navigation-ad-imageholder
	3. Primary Navigation
		a. primary nav large screen
		b. primary nav small screen
 	4. Secondary Nav
 		a. secondary nav large screen
		b. secondary nav small screen
 	5. Aux Nav
		a. aux nav large screen
		b. aux nav small screen
   ======================================= */
/*=======================================================
			Variables and Mixins
  =======================================================*/
/*=============*/
/* Matt Sloggett:  Font size start */
.al-font-change {
  /*=======================================================
  			Main Header
    =======================================================*/
  /*=======================================================
  			Primary Navigation
    =======================================================*/
  /*  ===================== primary nav large screen ===================== */
  /*  ===================== primary nav small screen ===================== */
  /*=======================================================
  			Secondary  Navigation
    =======================================================*/
  /*  ===================== menu main ===================== */
  /*=======================================================
  			Aux Navigation
    =======================================================*/
  /*  ===================== Aux Nav  Large Screen ===================== */
  /*  ===================== Aux Nav  small screen ===================== */
  /*Instead of id class should be used to make it generalize, .al-aux-menu-sub should be used instead of ID. The ID is for js to link subject to menu.*/
  /* #al-primary-nav #al-aux-your-profile-small,
     #al-primary-nav #al-aux-choose-language-small,*/
  /* These classes help position the drop down menus in compressd views.
  	When not in compressed view the menu is dynamicly positioned via js.
  	However in compressd views it will always be flush with the left of
  	screen and 100% wide.
  */
  /* Matt Sloggett:  Font size change end */
}
.al-font-change#al-header li a, .al-font-change#al-header li span {
  font-size: 12px; /* PFO-12877 &  PFO-13080 , Added span for ECS*/
}
.al-font-change #banner li {
  line-height: 1em;
}
.al-font-change .al-header-ecs li {
  /*font-size: 0.857em;
  */
  font-size: 1em;
  line-height: normal;
}
.al-font-change .al-header-welcome-statement p {
  line-height: 1em;
  font-size: 12px; /* PFO-12877 */
}
.al-view-480 .al-font-change .al-header-welcome-statement p, .al-view-lt480 .al-font-change .al-header-welcome-statement p {
  font-size: 14px; /* PFO-12877 */
}
.al-font-change #al-nav {
  /*2*/
}
.al-font-change #al-nav .al-navigation-ad a, .al-font-change #al-nav .al-navigation-ad-img a {
  /*font-size: .79em;
  */
  font-size: 1em;
  line-height: normal;
}
.al-font-change #al-primary-nav #al-gmc-messages-link .al-gmc-popover-flyout a {
  font-weight: normal;
}
.al-font-change #al-primary-nav #al-gmc-messages-link .al-gmc-inner-wrapper a {
  /*font-size: 1em;
  line-height:  1.5714em ;
  */
  font-size: 1em;
  line-height: normal;
  /* xs_font font size set in #al-primary-nav Anchor Tab and it's effect to flyout so need to update for flyout */
}
.al-font-change #al-primary-nav li a {
  font-weight: bold;
  /*@include xs_font; PFO-12877 & PFO-13080 */
  line-height: 1.1em;
}
.al-font-change .al-view-lt960 .al-header-welcome-statement p {
  font-size: 14px; /* PFO-12877 */
}
.al-font-change .al-view-lt960 #al-primary-nav #al-primary-menu-ul li.al-nav-highlight a {
  font-weight: bold;
}
.al-font-change .al-view-lt960 #al-primary-nav #al-primary-menu-ul li.selected a {
  font-weight: bold;
}
.al-font-change .al-view-lt960 #al-primary-nav #al-primary-menu-ul li a {
  /*font-size: 0.857em;
  */
  font-size: 1em;
  line-height: normal;
  font-weight: normal;
}
.al-font-change .al-secondarynav .al-secondarynav-level-1 ul li a, .al-font-change .al-secondarynav .al-secondarynav-level-1 ul li span, .al-font-change .al-secondarynav .al-secondarynav-flex-dropdown ul li a, .al-font-change .al-secondarynav .al-secondarynav-flex-dropdown ul li span {
  /*font-size: 0.857em;
  */
  font-size: 1em;
  line-height: normal;
}
.al-view-lt720 .al-font-change .al-secondarynav .al-secondarynav-level-2 ul li.al-nav-highlight a, .al-view-lt720 .al-font-change .al-secondarynav .al-secondarynav-level-1 ul li.al-nav-highlight a {
  font-weight: bold;
}
.al-view-lt720 .al-font-change .al-secondarynav .al-secondarynav-level-2 ul li a, .al-view-lt720 .al-font-change .al-secondarynav .al-secondarynav-level-2 ul li span, .al-view-lt720 .al-font-change .al-secondarynav .al-secondarynav-level-1 ul li a, .al-view-lt720 .al-font-change .al-secondarynav .al-secondarynav-level-1 ul li span {
  font-weight: normal;
}
.al-view-lt720 .al-font-change .al-secondarynav .al-secondarynav-level-2 .al-simpleDropDown.al-nav-flex-header a, .al-view-lt720 .al-font-change .al-secondarynav .al-secondarynav-level-1 .al-simpleDropDown.al-nav-flex-header a {
  font-weight: bold;
}
.al-font-change #al-aux-nav .al-aux-nav-primary {
  /*font-size: 0.857em;
  */
  font-size: 1em;
  line-height: normal;
}
.al-font-change #al-aux-nav .al-aux-menu-sub ul li.al-nav-highlight a {
  font-weight: bold;
}
.al-font-change #al-primary-menu-ul #al-aux-nav-small ul a {
  font-weight: normal;
}
.al-font-change #al-primary-nav .al-aux-menu-sub li a {
  /*@include xs_font; PFO-12877 & PFO-13080 */
  font-weight: normal;
}
.al-font-change #al-primary-nav .al-aux-menu-sub li.al-nav-flex-header a {
  font-weight: bold;
}
.al-font-change .al-single-menu-sub ul li.al-nav-highlight a {
  font-weight: bold;
}
.al-font-change .al-menu-subhead {
  /*font-size: 1.143em;
  line-height: 1.375em;
  padding-bottom: 0.313em;
  */
  font-size: 1em;
  line-height: normal;
  padding-bottom: 0em;
  font-weight: bold;
  padding-bottom: 11px; /* PIT-3527 added padding bottom for subhead, overridden by @include m_font class. */
}

/* http://compass-style.org/reference/compass/css3/*/
/* =======================================
	TABLE OF CONTENTS
	1.Color Variables
		a. grays
		b. blues
		c. greens
		d. yellows
		e. reds
	2. Mixins
		a. fonts
		b.

   ======================================= */
/*=======================================================
			Colors
  =======================================================*/
/* Added Black and White, its a little redundent but easier to remember.
/* Grays */
/* MAIN default body text new to styleguide 10/17*/
/* Accent 1 (Blue) */
/*darkest */
/* lightest */
/* Accent 2 (Green) */
/* Accent 3 (Yellow) */
/* Accent 4 (Red) */
/*=======================================================
				Mixins
  =======================================================*/
/* ************ Fonts ************
	******************************* */
/* ************ 720 viewport ************
	******************************* */
/* ************ 480 viewport ************
	******************************* */
/* Matt Sloggett:  Font size start */
.al-font-change {
  /* Matt Sloggett:  Font size change end */
}
.al-font-change .portlet-polls-display .portlet-title {
  /*font-size: 1.714em;
  line-height:1.1666em;
  padding-bottom: 0.0835em;
  */
  font-size: 1em;
  line-height: normal;
  padding-bottom: 0em;
}
.al-font-change .portlet-polls-display .poll-choice li label {
  font-weight: normal;
  /* overridden styleguide */
}

/* http://compass-style.org/reference/compass/css3/*/
/* =======================================
	TABLE OF CONTENTS
	1.Color Variables
		a. grays
		b. blues
		c. greens
		d. yellows
		e. reds
	2. Mixins
		a. fonts
		b.

   ======================================= */
/*=======================================================
			Colors
  =======================================================*/
/* Added Black and White, its a little redundent but easier to remember.
/* Grays */
/* MAIN default body text new to styleguide 10/17*/
/* Accent 1 (Blue) */
/*darkest */
/* lightest */
/* Accent 2 (Green) */
/* Accent 3 (Yellow) */
/* Accent 4 (Red) */
/*=======================================================
				Mixins
  =======================================================*/
/* ************ Fonts ************
	******************************* */
/* ************ 720 viewport ************
	******************************* */
/* ************ 480 viewport ************
	******************************* */
/* =======================================
	TABLE OF CONTENTS
	1. GMC Portlet
	2. GMC Contact Portlet
	3. Navigation Mail Icon
 	4. Responsive GMC

	Description
	This is CSS for GMC portlet & Contact portlet
   ======================================= */
/*=======================================================
			GMC Portlet
  =======================================================*/
/* Matt Sloggett:  Font size start */
.al-font-change {
  /*PIT-3403, PFO-14402 :: start */
  /*PIT-3403, PFO-14402 :: end  */
  /* Matt Sloggett:  Font size change end */
}
.al-font-change .al-portlet-gmc-secure-inner .al-table-gmc tr.unreadmessage td, .al-font-change .al-portlet-gmc-secure-inner .al-table-gmc tr.unreadmessage a {
  font-weight: bold;
}
.al-font-change #al-gmc-messages-link {
  /*p, p span*/
}
.al-font-change #al-gmc-messages-link .slider-title {
  padding-bottom: 0.313em;
}
.al-font-change #al-gmc-messages-link p span {
  font-size: inherit;
}
.al-font-change #al-gmc-messages-link span.al-badge-action {
  line-height: normal;
  font-size: 0.79em;
}

/* http://compass-style.org/reference/compass/css3/*/
/* =======================================
	TABLE OF CONTENTS
	1.Color Variables
		a. grays
		b. blues
		c. greens
		d. yellows
		e. reds
	2. Mixins
		a. fonts
		b.

   ======================================= */
/*=======================================================
			Colors
  =======================================================*/
/* Added Black and White, its a little redundent but easier to remember.
/* Grays */
/* MAIN default body text new to styleguide 10/17*/
/* Accent 1 (Blue) */
/*darkest */
/* lightest */
/* Accent 2 (Green) */
/* Accent 3 (Yellow) */
/* Accent 4 (Red) */
/*=======================================================
				Mixins
  =======================================================*/
/* ************ Fonts ************
	******************************* */
/* ************ 720 viewport ************
	******************************* */
/* ************ 480 viewport ************
	******************************* */
/* Matt Sloggett:  Font size start */
.al-font-change {
  /* Header search box classes for XL,L,M & S viewports  */
  /*Start Search Filter Result */
  /*End SearchFilter Result*/
  /* Matt Sloggett:  Font size change end */
}
.al-font-change #al-search-holder .result table.taglib-search-iterator .results-row td .asset-entry,
.al-font-change .portlet-search .result table.taglib-search-iterator .results-row td .asset-entry {
  /*padding:5px 0;*/ /* PFO-14331 : commented padding to fix spacing issue between search result list items */
}
.al-font-change #al-search-holder .result table.taglib-search-iterator .results-row td .asset-entry .asset-entry-title a,
.al-font-change .portlet-search .result table.taglib-search-iterator .results-row td .asset-entry .asset-entry-title a {
  font-weight: bold;
  /*font-size: 1.143em;
  line-height: 1.375em;
  padding-bottom: 0.313em;
  */
  font-size: 1em;
  line-height: normal;
  padding-bottom: 0em;
}
.al-font-change #al-search-holder .result table.taglib-search-iterator .results-row td .asset-entry .asset-entry-content,
.al-font-change .portlet-search .result table.taglib-search-iterator .results-row td .asset-entry .asset-entry-content {
  font-size: 14px;
  line-height: 1.5;
}
.al-font-change #al-search-holder .al-partner-search,
.al-font-change .portlet-search .al-partner-search { /* PFO-3366 new added for partner search (open search) */ }
.al-font-change #al-search-holder .al-partner-search table .entry-content,
.al-font-change .portlet-search .al-partner-search table .entry-content {
  /*font-size: 0.857em;
  */
  font-size: 1em;
  line-height: normal;
}
.al-font-change #al-search-holder .portlet-search-container-pager-heading,
.al-font-change .portlet-search .portlet-search-container-pager-heading {
  /*font-size: 0.857em;
  */
  font-size: 1em;
  line-height: normal;
}
.al-font-change #al-search-holder .portlet-msg-info,
.al-font-change .portlet-search .portlet-msg-info {
  font-weight: normal;
}
.al-font-change #al-search-holder .taglib-page-iterator .search-results strong.journal-article-page-number,
.al-font-change .portlet-search .taglib-page-iterator .search-results strong.journal-article-page-number {
  /*font-size: 1.143em;
  line-height: 1.375em;
  padding-bottom: 0.313em;
  */
  font-size: 1em;
  line-height: normal;
  padding-bottom: 0em;
}
.al-font-change .al-searchResult-header h3 {
  /*font-size: 1.714em;
  line-height:1.1666em;
  padding-bottom: 0.0835em;
  */
  font-size: 1em;
  line-height: normal;
  padding-bottom: 0em;
}
.al-font-change .al-refineSearch-category ul.al-refineSearch-list li {
  /*font-size: 1em;
  line-height:  1.5714em ;
  */
  font-size: 1em;
  line-height: normal;
}
.al-font-change .al-refineSearch-category ul.al-refineSearch-list li.selected {
  font-weight: bold;
}

/* http://compass-style.org/reference/compass/css3/*/
/* =======================================
	TABLE OF CONTENTS
	1.Color Variables
		a. grays
		b. blues
		c. greens
		d. yellows
		e. reds
	2. Mixins
		a. fonts
		b.

   ======================================= */
/*=======================================================
			Colors
  =======================================================*/
/* Added Black and White, its a little redundent but easier to remember.
/* Grays */
/* MAIN default body text new to styleguide 10/17*/
/* Accent 1 (Blue) */
/*darkest */
/* lightest */
/* Accent 2 (Green) */
/* Accent 3 (Yellow) */
/* Accent 4 (Red) */
/*=======================================================
				Mixins
  =======================================================*/
/* ************ Fonts ************
	******************************* */
/* ************ 720 viewport ************
	******************************* */
/* ************ 480 viewport ************
	******************************* */
/* Matt Sloggett:  Font size start */
.al-font-change {
  /* dc-state-portals Ends */
  /*----------------Multiple-User-dialogbox--Start------------------------------*/
  /*----------------Multiple-User-dialogbox--End------------------------------*/
  /*----------------Remove-Access-dialogbox------------------------------*/
  /*----------------Remove-Access-dialogbox--end------------------------------*/
  /*----------------Security-Roles-dialogbox--start------------------------------*/
  /*----------------Security-Roles-dialogbox--end------------------------------*/
  /* Matt Sloggett:  Font size change end */
}
.al-font-change .al-dc-state-portals {
  /* groupAccess Ends */
}
.al-font-change .al-dc-state-portals .al-tree-legend {
  /*font-size: .79em;
  */
  font-size: 1em;
  line-height: normal;
}
.al-font-change .al-dc-state-portals .groupAccess .row label.al-field-label {
  font-weight: normal;
}
.al-font-change #mUser .multiple-user {
  /* ul.user-list */
}
.al-font-change #mUser .multiple-user .user-list li.head {
  font-weight: bold;
}
.al-font-change .dialogFooter {
  font-size: 0.857em;
}

/* Matt Sloggett:  Font size start */
.al-font-change {
  /* Matt Sloggett:  Font size change end */
}
.al-font-change .breadcrumbs li {
  font-size: 11.998px; /*  PFO-14261  */
}
.al-font-change .breadcrumbs-horizontal {
  font-size: 0.857em;
}

/* Matt Sloggett:  Font size start */
.al-font-change {
  /* Matt Sloggett:  Font size change end */
}
.al-font-change .al-navitabs-tab.al-selected {
  font-weight: bold;
}
.al-font-change .al-view-lt720 .al-navitabs .al-navitabs-dropdownlink {
  font-size: 0.857em;
}

/* http://compass-style.org/reference/compass/css3/*/
/* =======================================
	TABLE OF CONTENTS
	1.Color Variables
		a. grays
		b. blues
		c. greens
		d. yellows
		e. reds
	2. Mixins
		a. fonts
		b.

   ======================================= */
/*=======================================================
			Colors
  =======================================================*/
/* Added Black and White, its a little redundent but easier to remember.
/* Grays */
/* MAIN default body text new to styleguide 10/17*/
/* Accent 1 (Blue) */
/*darkest */
/* lightest */
/* Accent 2 (Green) */
/* Accent 3 (Yellow) */
/* Accent 4 (Red) */
/*=======================================================
				Mixins
  =======================================================*/
/* ************ Fonts ************
	******************************* */
/* ************ 720 viewport ************
	******************************* */
/* ************ 480 viewport ************
	******************************* */
.al-font-change .al-dock-tray .al-dock-tray-banner-wrapper .al-dock-tray-banner h5 {
  font-weight: normal;
}
.al-font-change .al-dock-tray .al-dock-tray-banner-wrapper .al-dock-tray-banner h5 strong {
  font-weight: bold;
}
.al-font-change .al-view-lt720 .al-dock-tray .al-dock-tray-banner-wrapper .al-dock-tray-banner h5 strong {
  font-weight: normal;
}

/*=======================================================
				 Over Rides 
=======================================================*/
/* Matt Sloggett:  Font size start */
.al-font-change {
  /* PBPI-4045& PBPI-4043 - Button's Icon Font Change Updates*/
  /* End PBPI-4045& PBPI-4043 */
  /* Matt Sloggett:  Font size change end */
}
.al-font-change .al-button-small {
  font-size: 0.857em; /* xs */
  line-height: 1.5714em; /* xs */
}
.al-font-change .al-buttonitem-icon-only {
  font-size: 0;
  line-height: 130%;
}

/* http://compass-style.org/reference/compass/css3/*/
/* =======================================
	TABLE OF CONTENTS
	1.Color Variables
		a. grays
		b. blues
		c. greens
		d. yellows
		e. reds
	2. Mixins
		a. fonts
		b.

   ======================================= */
/*=======================================================
			Colors
  =======================================================*/
/* Added Black and White, its a little redundent but easier to remember.
/* Grays */
/* MAIN default body text new to styleguide 10/17*/
/* Accent 1 (Blue) */
/*darkest */
/* lightest */
/* Accent 2 (Green) */
/* Accent 3 (Yellow) */
/* Accent 4 (Red) */
/*=======================================================
				Mixins
  =======================================================*/
/* ************ Fonts ************
	******************************* */
/* ************ 720 viewport ************
	******************************* */
/* ************ 480 viewport ************
	******************************* */
/* Matt Sloggett:  Font size start */
.al-font-change {
  /* Matt Sloggett:  Font size change end */
}
.al-font-change .al-scrollview #scrollview-content ul li {
  font-size: 12px;
}
.al-font-change .al-scrollview #scrollview-content ul li a.al-scrollview-selected {
  font-weight: bold;
}

/* http://compass-style.org/reference/compass/css3/*/
/* =======================================
	TABLE OF CONTENTS
	1.Color Variables
		a. grays
		b. blues
		c. greens
		d. yellows
		e. reds
	2. Mixins
		a. fonts
		b.

   ======================================= */
/*=======================================================
			Colors
  =======================================================*/
/* Added Black and White, its a little redundent but easier to remember.
/* Grays */
/* MAIN default body text new to styleguide 10/17*/
/* Accent 1 (Blue) */
/*darkest */
/* lightest */
/* Accent 2 (Green) */
/* Accent 3 (Yellow) */
/* Accent 4 (Red) */
/*=======================================================
				Mixins
  =======================================================*/
/* ************ Fonts ************
	******************************* */
/* ************ 720 viewport ************
	******************************* */
/* ************ 480 viewport ************
	******************************* */
/* INDEX */
/*
 Index1-All variables
 Index2-Mixins
 Index3-input type text
 Index4-Multi Select
 Index5-Text Area
 Index6-Error Section
 Index7-Buttons
*/
/*-------------------------Index1-AL-From-Var--start---------------------------------------*/
/*-------------------------AL-From-Var--end---------------------------------------*/
/*--------------------------Index2-AL-From-Mixins--start---------------------------------*/
/* Matt Sloggett:  Font size start */
.al-font-change {
  /*--------------------------AL-From-Mixins--end---------------------------------*/
  /*--------input--type--text--end----*/
  /*-------Index4-Multi--select--start----*/
  /*--------Multi--Select--end----*/
  /*--------select--box--end----*/
  /*--------INDEX5-Text-area--box-start----*/
  /*--------Text-area--box--end----*/
  /*--------INDEX6-Error Section-start----*/
  /*PFO-14175 -  button typography new updates  */
  /*------------------------AL-Button-CSS-end-----------------------------------*/
  /* ----------------------- CSS for Responsive Form ---------------------------*/
  /* New approch for responsive label and inupt


  */
  /* veriation of label width */
  /* veriation of input width */
  /* error message alignment according to input  */
  /* ----------------------- CSS for Responsive Form end ------------------------*/
  /* Pagination Starts */
  /* PFO-4090 & PFO-4243 */
  /* Matt Sloggett:  Font size change end */
}
.al-font-change .al-input-text-small input.al-field-input-text, .al-font-change input.al-input-text-small {
  font-size: 0.857em;
}
.al-font-change .al-input-text-search span.p-autocomplete .p-inputtext {
  font-size: 15px;
}
.al-font-change .al-select-box-small select.al-field-input-select {
  font-size: 0.857em;
}
.al-font-change .al-form-validator-stack-error {
  /*font-size: 1em;
  line-height:  1.5714em ;
  */
  font-size: 1em;
  line-height: normal;
  /* Update font size as mention at styleguide */
}
.al-font-change .al-form-validator-stack-error .al-form-validator-message, .al-font-change .al-error-message {
  /* START : To achieve line height as per typography updates for PFO-14191 */
  font-size: 14px;
  line-height: 1.5;
  /* END : To achieve line height as per typography updates for PFO-14191 */
}
.al-font-change .al-form-validator-stack-error .al-form-validator-message {
  /*@include s_font;  Update font size as mention at styleguide */
  font-weight: normal;
}
.al-font-change span.al-suffix {
  /*font-size: .79em;
  */
  font-size: 1em;
  line-height: normal;
}
.al-font-change .al-field-content.error-container .field-error {
  /*font-size: 14px; */
  line-height: 1.5;
}
.al-font-change .p-radiobutton-label, .al-font-change .p-checkbox-label {
  font-weight: normal;
}
.al-font-change .al-button-input {
  font-weight: normal;
}
.al-font-change button.p-button:not(.al-button-large), .al-font-change .al-button-small .al-button-input {
  /*@include xs_font;*/
  font-size: 12px;
  line-height: 1.3;
}
.al-font-change button.p-button.al-button-large, .al-font-change .al-button-large .al-button-input, .al-font-change .al-button-group-large button.p-button {
  /*@include l_font;*/
  font-size: 18px;
  line-height: 1.222em;
}
.al-font-change .al-field.al-field-choice label.al-field-label-inline-label {
  font-weight: normal;
}
.al-font-change .p-paginator-pages .p-paginator-element:not(.p-state-active) {
  font-size: 12px;
}
/* http://compass-style.org/reference/compass/css3/*/
/* =======================================
	TABLE OF CONTENTS
	1.Color Variables
		a. grays
		b. blues
		c. greens
		d. yellows
		e. reds
	2. Mixins
		a. fonts
		b.

   ======================================= */
/*=======================================================
			Colors
  =======================================================*/
/* Added Black and White, its a little redundent but easier to remember.
/* Grays */
/* MAIN default body text new to styleguide 10/17*/
/* Accent 1 (Blue) */
/*darkest */
/* lightest */
/* Accent 2 (Green) */
/* Accent 3 (Yellow) */
/* Accent 4 (Red) */
/*=======================================================
				Mixins
  =======================================================*/
/* ************ Fonts ************
	******************************* */
/* ************ 720 viewport ************
	******************************* */
/* ************ 480 viewport ************
	******************************* */
/*
	table types:
	1. normal
	3. al-table-group = with grouping row
	4. al-table-groupI = with grouping row indented
*/
/*=======================================================
			AON turning off grid floats
			  will break table designs
=======================================================*/
/*=======================================================
					AON tables
=======================================================*/
/* Matt Sloggett:  Font size start */
.al-font-change {
  /* Matt Sloggett:  Font size change end */
}
.al-font-change .al-table thead th {
  /*vertical-align: bottom; */
  font-weight: bold;
}
.al-font-change .al-table tfoot th {
  font-weight: bold;
}
.al-font-change .al-table tfoot .al-table-footnotes td {
  font-weight: normal;
}
.al-font-change .al-table tbody th {
  font-weight: normal;
}
.al-font-change .al-table tbody.al-table-group tr:first-child td, .al-font-change .al-table tbody.al-table-group tr:first-child th {
  font-weight: bold;
}
.al-font-change .al-table tbody.al-table-group-indent tr:first-child td, .al-font-change .al-table tbody.al-table-group-indent tr:first-child th {
  font-weight: bold;
}

/* http://compass-style.org/reference/compass/css3/*/
/* =======================================
	TABLE OF CONTENTS
	1.Color Variables
		a. grays
		b. blues
		c. greens
		d. yellows
		e. reds
	2. Mixins
		a. fonts
		b.

   ======================================= */
/*=======================================================
			Colors
  =======================================================*/
/* Added Black and White, its a little redundent but easier to remember.
/* Grays */
/* MAIN default body text new to styleguide 10/17*/
/* Accent 1 (Blue) */
/*darkest */
/* lightest */
/* Accent 2 (Green) */
/* Accent 3 (Yellow) */
/* Accent 4 (Red) */
/*=======================================================
				Mixins
  =======================================================*/
/* ************ Fonts ************
	******************************* */
/* ************ 720 viewport ************
	******************************* */
/* ************ 480 viewport ************
	******************************* */
/* add by Divyesh*/
/* ----------------------- CSS for Responsive Table ---------------------------*/
.al-font-change {
  /*.al-view-lt480 table.al-table-responsive {margin-top: -10px;}*/
  /* ----------------------- CSS for Responsive Table end ------------------------*/
}
.al-font-change .al-view-lt480 table.al-table-responsive td:before, .al-font-change .al-view-480 table.al-table-responsive td:before {
  font-weight: bold;
}

/* CSS Document */
/* http://compass-style.org/reference/compass/css3/*/
/* =======================================
	TABLE OF CONTENTS
	1.Color Variables
		a. grays
		b. blues
		c. greens
		d. yellows
		e. reds
	2. Mixins
		a. fonts
		b.

   ======================================= */
/*=======================================================
			Colors
  =======================================================*/
/* Added Black and White, its a little redundent but easier to remember.
/* Grays */
/* MAIN default body text new to styleguide 10/17*/
/* Accent 1 (Blue) */
/*darkest */
/* lightest */
/* Accent 2 (Green) */
/* Accent 3 (Yellow) */
/* Accent 4 (Red) */
/*=======================================================
				Mixins
  =======================================================*/
/* ************ Fonts ************
	******************************* */
/* ************ 720 viewport ************
	******************************* */
/* ************ 480 viewport ************
	******************************* */
/* tiles color classes - branding */
/* moved 11 color classes in branding css */
/* tiles color classes - branding - end */
/* Matt Sloggett:  Font size start */
.al-font-change {
  /* As per requirment there are non clickable tiles for flyout */
  /*If you have any blue box and 2 and more inside tiles*/
  /* Matt Sloggett:  Font size change end */
}
.al-font-change .al-tile .typo-area .attention-text {
  font-weight: bold;
}
.al-font-change .al-mictiles-wrapper > h2 {
  /*font-size: 1.286em;
  line-height: 1.222em;
  */
  font-size: 1em;
  line-height: normal;
}

/* http://compass-style.org/reference/compass/css3/*/
/* =======================================
	TABLE OF CONTENTS
	1.Color Variables
		a. grays
		b. blues
		c. greens
		d. yellows
		e. reds
	2. Mixins
		a. fonts
		b.

   ======================================= */
/*=======================================================
			Colors
  =======================================================*/
/* Added Black and White, its a little redundent but easier to remember.
/* Grays */
/* MAIN default body text new to styleguide 10/17*/
/* Accent 1 (Blue) */
/*darkest */
/* lightest */
/* Accent 2 (Green) */
/* Accent 3 (Yellow) */
/* Accent 4 (Red) */
/*=======================================================
				Mixins
  =======================================================*/
/* ************ Fonts ************
	******************************* */
/* ************ 720 viewport ************
	******************************* */
/* ************ 480 viewport ************
	******************************* */
/* Matt Sloggett:  Font size start */
.al-font-change {
  /***** scheduler table layout tanglesey *****/
  /* Matt Sloggett:  Font size change end */
}
.al-font-change .al-scheduler-ui {
  /***** Month View *****/
  /***** EVENTS *****/
  /***** LEGEND *****/
  /***** DAY VIEW MESSAGES *****/
  /* ---------- Error messages ---------- */
  /* ---------- Warning messages ---------- */
  /* ---------- Success messages ---------- */
  /***** DAYVIEW TREEVIEW PANELS *****/
}
.al-font-change .al-scheduler-ui .al-scheduler-event-content {
  font-size: 12px;
}
.al-font-change .al-scheduler-ui .al-scheduler-view-month-table-data-event {
  font-size: 12px;
}
.al-font-change .al-scheduler-ui .al-scheduler-view-day-header-day a, .al-font-change .al-scheduler-ui .al-scheduler-view-month-header-day div {
  font-size: 12px;
  font-weight: bold;
}
.al-font-change .al-scheduler-ui .al-scheduler-view-month-table-data-col-title {
  font-size: 11px;
}
.al-font-change .al-scheduler-ui .al-scheduler-view-table-time {
  font-size: 0px;
}
.al-font-change .al-scheduler-ui .al-treeview .al-tree-label {
  font-weight: bold;
  font-size: 14px;
}

/* FROM HTML5 BoilerPLate */
/* ==|== non-semantic helper classes ========================================
	   Please define your styles before this section.
========================================================================== */
/* Matt Sloggett:  Font size start */
.al-font-change {
  /* Matt Sloggett:  Font size change end */
}
.al-font-change .al-nobold {
  font-weight: normal;
}

/* http://compass-style.org/reference/compass/css3/*/
/* =======================================
	TABLE OF CONTENTS
	1.Color Variables
		a. grays
		b. blues
		c. greens
		d. yellows
		e. reds
	2. Mixins
		a. fonts
		b.

   ======================================= */
/*=======================================================
			Colors
  =======================================================*/
/* Added Black and White, its a little redundent but easier to remember.
/* Grays */
/* MAIN default body text new to styleguide 10/17*/
/* Accent 1 (Blue) */
/*darkest */
/* lightest */
/* Accent 2 (Green) */
/* Accent 3 (Yellow) */
/* Accent 4 (Red) */
/*=======================================================
				Mixins
  =======================================================*/
/* ************ Fonts ************
	******************************* */
/* ************ 720 viewport ************
	******************************* */
/* ************ 480 viewport ************
	******************************* */
.al-font-change {
  /* FOOTNOTES */
  /* PFO-16457 : Footnote specifications - Style guide & Typography update :: start*/
  /* PFO-16457 : end*/
}
.al-font-change .al-footnotes dl {
  font-size: 11px;
}
.al-font-change .al-footnotes dt {
  font-size: 10px;
}
.al-font-change .al-footnoteRef {
  font-size: 12px;
}
.al-font-change .al-footnoteNav > li a {
  font-weight: normal;
  font-size: 12px;
}
.al-font-change .al-footnotesList dl {
  line-height: 1.5;
  font-size: 14px;
}
.al-font-change .al-footnotesList dd {
  /*@include s_font;*/
  font-size: 14px;
  line-height: inherit;
}
.al-font-change .al-footnotesList dt {
  /*@include xs_font;*/
  font-size: 12px;
  line-height: normal;
}
.al-font-change .al-footnoteLink.popup {
  font-size: 11px;
}
.al-font-change .al-footnotesList + .copyright {
  font-size: 11px;
}

/* Matt Sloggett:  Font size start */ /* http://compass-style.org/reference/compass/css3/*/
/* =======================================
	TABLE OF CONTENTS
	1.Color Variables
		a. grays
		b. blues
		c. greens
		d. yellows
		e. reds
	2. Mixins
		a. fonts
		b.

   ======================================= */
/*=======================================================
			Colors
  =======================================================*/
/* Added Black and White, its a little redundent but easier to remember.
/* Grays */
/* MAIN default body text new to styleguide 10/17*/
/* Accent 1 (Blue) */
/*darkest */
/* lightest */
/* Accent 2 (Green) */
/* Accent 3 (Yellow) */
/* Accent 4 (Red) */
/*=======================================================
				Mixins
  =======================================================*/
/* ************ Fonts ************
	******************************* */
/* ************ 720 viewport ************
	******************************* */
/* ************ 480 viewport ************
	******************************* */
/*
This is new file.
This CSS supports the CountDown feature and enrollment banner.
The CountDown days left provides a 'days' number and the text such as 'days left' next to it.
The enrollment banner has a welcome text, countdown days, enrollment text and a button.
*/
/* Matt Sloggett:  Font size start */
.al-font-change {
  /* al-countdown class allows for the countdown container to have the right border after a padding of 11px */
  /* The al-countdown-number is of xxxl_font size at 960px viewport size but is of medium size at all smaller viewports. */
  /* al-countdown-days class controls the display of the text "Days left" next to the number */
  /* Matt Sloggett:  Font size change end */
}
.al-font-change .al-countdown {
  font-weight: bold;
}
.al-font-change .al-view-gt960 .al-countdown {
  font-weight: normal;
}
.al-font-change .al-view-gt960 .al-countdown-number {
  /*font-size: 3.428em;
  line-height:1.145em;
  */
  font-size: 1em;
  line-height: normal;
}
.al-font-change .al-view-gt960 .al-countdown-days {
  /*font-size: 1.286em;
  line-height: 1.222em;
  */
  font-size: 1em;
  line-height: normal;
}

/* @import 'al-space-global'; move to the the line after styleguide-extra.css after UPoint 6.1 project work */
/* http://compass-style.org/reference/compass/css3/*/
/* =======================================
	TABLE OF CONTENTS
	1.Color Variables
		a. grays
		b. blues
		c. greens
		d. yellows
		e. reds
	2. Mixins
		a. fonts
		b.

   ======================================= */
/*=======================================================
			Colors
  =======================================================*/
/* Added Black and White, its a little redundent but easier to remember.
/* Grays */
/* MAIN default body text new to styleguide 10/17*/
/* Accent 1 (Blue) */
/*darkest */
/* lightest */
/* Accent 2 (Green) */
/* Accent 3 (Yellow) */
/* Accent 4 (Red) */
/*=======================================================
				Mixins
  =======================================================*/
/* ************ Fonts ************
	******************************* */
/* ************ 720 viewport ************
	******************************* */
/* ************ 480 viewport ************
	******************************* */
/* Matt Sloggett:  Font size start */
.al-font-change {
  /*
  ########################
  Depreciate in 6.3

  DO NOT USE <large>
  ########################
  */
  /*
  ########################
  End

  DO NOT USE <large>
  ########################
  */
  /*
  ########################
  Depreciate in 6.4

  DO NOT USE <large>
  ########################
  */
  /* Headings: large 120% of Heading */
  /*
  ########################
  Depreciate in 6.4

  DO NOT USE <large>
  ########################
  */
  /* Headings */
  /* Paragraph, Labels, List Items, Sup, Sub */
  /* Lists */
  /* PFO-15187 : appended <li> for line-height 1.5 */
  /* List Items */
  /* Subscript */
  /* Superscript */
  /*  Small 12px Default */
  /* Form Labels */
  /* Table Cel */
  /*
  ########################
  Features
  ########################
  */
  /* Tiles */
  /* Panels */
  /* PFO-15823 :  Panel normal typography updates */
  /* Panels TreeView Starts */
  /* Panels TreeView Ends */
  /* Popover menu Starts */
  /* Popover menu Ends */
  /*
  ########################
  Custom Typography
  ########################
  */
  /* Titles  */
  /* Lead-In - intro text */
  /* Priority Content - first level, second level */
  /* Added due to PFO-18005 */
  /* Carousel Starts */
  /* Carousel Ends */
  /* Matt Sloggett:  Font size change end */
}
.al-font-change p large,
.al-font-change li large,
.al-font-change label large {
  font-size: 140%;
}
.al-font-change h1 large,
.al-font-change h2 large,
.al-font-change h3 large,
.al-font-change h4 large,
.al-font-change h5 large,
.al-font-change h6 large {
  font-size: 120%;
}
.al-font-change p .al-large, .al-font-change p.al-large,
.al-font-change li .al-large, .al-font-change li.al-large,
.al-font-change label .al-large, .al-font-change label.al-large {
  font-size: 140%;
}
.al-font-change h1 .al-large,
.al-font-change h2 .al-large,
.al-font-change h3 .al-large,
.al-font-change h4 .al-large,
.al-font-change h5 .al-large,
.al-font-change h6 .al-large {
  font-size: 120%;
}
.al-font-change h1,
.al-font-change .al-view-720 h1, .al-font-change .al-view-lt480 h1, .al-font-change .al-view-480 h1, .al-font-change .al-view-320 h1 {
  font-size: 34px;
  line-height: 1.1;
  font-weight: normal;
}
.al-font-change h2,
.al-font-change .al-view-720 h2, .al-font-change .al-view-lt480 h2, .al-font-change .al-view-480 h2, .al-font-change .al-view-320 h2 {
  font-size: 24px;
  line-height: 1.2;
  font-weight: normal;
}
.al-font-change h3,
.al-font-change .al-view-720 h3, .al-font-change .al-view-lt480 h3, .al-font-change .al-view-480 h3, .al-font-change .al-view-320 h3 {
  font-size: 18px;
  line-height: 1.3;
  font-weight: normal;
}
.al-font-change h4,
.al-font-change .al-view-720 h4, .al-font-change .al-view-lt480 h4, .al-font-change .al-view-480 h4, .al-font-change .al-view-320 h4 {
  font-size: 16px;
  line-height: 1.5;
  font-weight: normal;
}
.al-font-change h5,
.al-font-change .al-view-720 h5, .al-font-change .al-view-lt480 h5, .al-font-change .al-view-480 h5, .al-font-change .al-view-320 h5 {
  font-size: 14px;
  line-height: 1.7;
  font-weight: bold;
}
.al-font-change h6,
.al-font-change .al-view-720 h6, .al-font-change .al-view-lt480 h6, .al-font-change .al-view-480 h6, .al-font-change .al-view-320 h6 {
  font-size: 12px;
  line-height: 1.3;
  font-weight: bold;
}
.al-font-change p,
.al-font-change .al-view-720 p, .al-font-change .al-view-lt480 p, .al-font-change .al-view-480 p, .al-font-change .al-view-320 p {
  font-size: 14px;
  line-height: 1.5;
  font-weight: normal;
}
.al-font-change ul, .al-font-change li,
.al-font-change ol {
  line-height: 1.5;
}
.al-font-change li {
  font-size: 14px;
}
.al-font-change sub {
  font-size: 12px;
}
.al-font-change sup {
  /*== Reverting fix PFO-17255 and PBPI-4283 ====As per style guide rules=*/
  font-size: 12px;
  font-weight: normal;
  padding-left: 3px;
  line-height: 22px;
  vertical-align: super;
}
.al-font-change small {
  font-size: 12px;
  font-weight: normal;
}
.al-font-change label,
.al-font-change label.al-field-label {
  font-size: 14px;
  line-height: 1.5;
  font-weight: bold;
}
.al-font-change td {
  font-size: 14px;
}
.al-font-change .al-panel-wrapper .al-panel-titleicons .al-buttonitem, .al-font-change .al-panel-wrapper .al-panel-titleicons .al-buttonitem .al-buttonitem-label {
  font-size: 14px;
  line-height: 23px;
  font-weight: bold;
}
.al-font-change .al-panel-wrapper .ui-accordion .ui-accordion-header > a {
  font-size: 14px;
}
.al-font-change .al-panelTreeview-wrapper .al-panelTreeview-controls a, .al-font-change .al-panelTreeview-wrapper .al-panelTreeview-controls span {
  font-size: 14px;
}
.al-font-change .al-panelTreeview-wrapper .p-tree .p-tree-container .p-treenode .p-treenode-content .p-treenode-label {
  font-size: 14px;
  line-height: normal;
}
.al-font-change .ui-menu .ui-menu-list .ui-widget-header h3 {
  font-size: 1em;
  line-height: normal;
}
.al-font-change .al-popover.al-popover-menu ul .al-popover-menu-header h3, .al-font-change.al-popover.al-popover-menu ul .al-popover-menu-header h3 {
  font-size: 14px;
  line-height: normal;
}
.al-font-change .al-popover.al-popover-menu ul .al-popover-menu-item a.al-popover-menu-item-link, .al-font-change.al-popover.al-popover-menu ul .al-popover-menu-item a.al-popover-menu-item-link {
  font-size: 12px;
}
.al-font-change p.al-transaction-title,
.al-font-change p .al-transaction-title {
  font-size: 14px;
  font-weight: bold;
  line-height: 24px;
}
.al-font-change p.al-lead-in,
.al-font-change p .al-lead-in,
.al-font-change li.al-lead-in,
.al-font-change li .al-lead-in {
  font-size: 18px;
  line-height: 1.3;
  font-weight: normal;
}
.al-font-change h1 .al-priority,
.al-font-change h2 .al-priority,
.al-font-change h3 .al-priority,
.al-font-change h4 .al-priority,
.al-font-change h5 .al-priority,
.al-font-change h6 .al-priority,
.al-font-change p.al-priority,
.al-font-change p .al-priority,
.al-font-change li.al-priority,
.al-font-change li .al-priority {
  font-size: 24px;
  line-height: 1.2;
  font-weight: normal;
}
.al-font-change h1 .al-priority-high,
.al-font-change h2 .al-priority-high,
.al-font-change h3 .al-priority-high,
.al-font-change h4 .al-priority-high,
.al-font-change h5 .al-priority-high,
.al-font-change h6 .al-priority-high,
.al-font-change p.al-priority-high,
.al-font-change p .al-priority-high,
.al-font-change li.al-priority-high,
.al-font-change li .al-priority-high {
  font-size: 34px;
  line-height: 1.1;
  font-weight: normal;
}
.al-font-change .al-tips-alerts.al-tips-alerts-large .al-tips-alerts-toggle-link {
  font-size: 14px;
}
.al-font-change .al-carousel-btn {
  font-size: 18px;
}

/* move to the the line after styleguide-extra.css after UPoint 6.2 project work */
.ui-rtl {
  /* Added due to PFO-18005 */
}
.ui-rtl body {
  font-size: 17px;
}
.ui-rtl .al-font-change {
  /* PFO-14191 : Errors - Make typography updates :: start*/
  /* PFO-14191 : End*/
  /* PFO-16457 : Footnote specifications - Style guide & Typography update :: start*/
  /* PFO-16457 : end*/
  /* Popover Menus ========================= */
  /* Progressbar ========================= */
}
.ui-rtl .al-font-change h1,
.ui-rtl .al-font-change h1 .al-font-xxl,
.ui-rtl .al-font-change h1 .al-font-xl,
.ui-rtl .al-font-change h1 .al-font-l,
.ui-rtl .al-font-change h1 .al-font-m,
.ui-rtl .al-font-change h1 .al-font-s,
.ui-rtl .al-font-change .al-font-xxxl {
  font-size: 37px;
}
.ui-rtl .al-font-change h2,
.ui-rtl .al-font-change h2 .al-font-xl,
.ui-rtl .al-font-change h2 .al-font-l,
.ui-rtl .al-font-change h2 .al-font-m,
.ui-rtl .al-font-change h2 .al-font-s,
.ui-rtl .al-font-change .al-font-xxl {
  font-size: 27px;
}
.ui-rtl .al-font-change h3,
.ui-rtl .al-font-change h3 .al-font-l,
.ui-rtl .al-font-change h3 .al-font-m,
.ui-rtl .al-font-change h3 .al-font-s,
.ui-rtl .al-font-change .al-font-xl {
  font-size: 21px;
}
.ui-rtl .al-font-change h4,
.ui-rtl .al-font-change h4 .al-font-m,
.ui-rtl .al-font-change h4 .al-font-s,
.ui-rtl .al-font-change .al-font-l {
  font-size: 19px;
}
.ui-rtl .al-font-change h5,
.ui-rtl .al-font-change h5 .al-font-s,
.ui-rtl .al-font-change .al-font-m {
  font-size: 17px;
}
.ui-rtl .al-font-change h6, .ui-rtl .al-font-change .xs,
.ui-rtl .al-font-change .al-font-xsmall,
.ui-rtl .al-font-change p .al-font-xsmall,
.ui-rtl .al-font-change .al-font-xxsmall,
.ui-rtl .al-font-change p .al-font-xxsmall {
  font-size: 15px;
}
.ui-rtl .al-font-change h1 .al-priority-high,
.ui-rtl .al-font-change h2 .al-priority-high,
.ui-rtl .al-font-change h3 .al-priority-high,
.ui-rtl .al-font-change h4 .al-priority-high,
.ui-rtl .al-font-change h5 .al-priority-high,
.ui-rtl .al-font-change h6 .al-priority-high,
.ui-rtl .al-font-change p.al-priority-high,
.ui-rtl .al-font-change p .al-priority-high,
.ui-rtl .al-font-change li.al-priority-high,
.ui-rtl .al-font-change li .al-priority-high {
  font-size: 37px;
}
.ui-rtl .al-font-change h1 .al-priority,
.ui-rtl .al-font-change h2 .al-priority,
.ui-rtl .al-font-change h3 .al-priority,
.ui-rtl .al-font-change h4 .al-priority,
.ui-rtl .al-font-change h5 .al-priority,
.ui-rtl .al-font-change h6 .al-priority,
.ui-rtl .al-font-change p.al-priority,
.ui-rtl .al-font-change p .al-priority,
.ui-rtl .al-font-change li.al-priority,
.ui-rtl .al-font-change li .al-priority {
  font-size: 27px;
}
.ui-rtl .al-font-change p.al-lead-in,
.ui-rtl .al-font-change p .al-lead-in,
.ui-rtl .al-font-change li.al-lead-in,
.ui-rtl .al-font-change li .al-lead-in {
  font-size: 21px;
}
.ui-rtl .al-font-change p.al-transaction-title,
.ui-rtl .al-font-change p .al-transaction-title {
  font-size: 17px;
}
.ui-rtl .al-font-change .al-panel-wrapper .al-panel-titleicons .al-buttonitem, .ui-rtl .al-font-change .al-panel-wrapper .al-panel-titleicons .al-buttonitem .al-buttonitem-label {
  font-size: 17px;
}
.ui-rtl .al-font-change textarea, .ui-rtl .al-font-change input, .ui-rtl .al-font-change select, .ui-rtl .al-font-change ul.al-font-xsmall li a, .ui-rtl .al-font-change ul.al-font-xxsmall li a, .ui-rtl .al-font-change small, .ui-rtl .al-font-change sup, .ui-rtl .al-font-change sub {
  font-size: 15px;
}
.ui-rtl .al-font-change button {
  font-size: 21px;
}
.ui-rtl .al-font-change p, .ui-rtl .al-font-change td, .ui-rtl .al-font-change th, .ui-rtl .al-font-change li, .ui-rtl .al-font-change .al-font-s, .ui-rtl .al-font-change label, .ui-rtl .al-font-change label.al-field-label {
  font-size: 17px;
}
.ui-rtl .al-font-change .al-paginator-current-page-report, .ui-rtl .al-font-change .al-paginator-total {
  font-size: 15px;
}
.ui-rtl .al-font-change ul.al-linklist-vertical-link li a {
  font-size: 19px;
}
.ui-rtl .al-font-change .al-badge-large {
  font-size: 17px;
}
.ui-rtl .al-font-change .al-badge-small {
  font-size: 14px;
}
.ui-rtl .al-font-change .al-header-portlet .al-second-window-title a {
  font-size: 15px;
}
.ui-rtl .al-font-change .al-hmlandingpage-benefit-module .al-hmlandingpage-tabWrapper .al-hmlandingpage-contentWrapper .tabContent ul.al-linklist-vertical-link li a {
  font-size: 15px;
}
.ui-rtl .al-font-change #al-nav .al-navigation-ad a, .ui-rtl .al-font-change #al-nav .al-navigation-ad-img a {
  font-size: 14px;
}
.ui-rtl .al-font-change #al-primary-nav #al-gmc-messages-link .al-badge-large, .ui-rtl .al-font-change #al-primary-nav #al-gmc-messages-link .al-gmc-inner-wrapper a {
  font-size: 17px;
}
.ui-rtl .al-font-change#al-header li a, .ui-rtl .al-font-change#al-header li span {
  font-size: 15px;
}
.ui-rtl .al-font-change .al-menu-subhead {
  font-size: 19px;
}
.ui-rtl .al-font-change #al-search-holder .result table.taglib-search-iterator .results-row td .asset-entry .asset-entry-title a, .ui-rtl .al-font-change #al-search-holder .result table.taglib-search-iterator .results-row td .asset-entry .asset-entry-content, .ui-rtl .al-font-change .portlet-search .result table.taglib-search-iterator .results-row td .asset-entry .asset-entry-title a, .ui-rtl .al-font-change .portlet-search .result table.taglib-search-iterator .results-row td .asset-entry .asset-entry-content {
  font-size: 17px;
}
.ui-rtl .al-font-change #al-search-holder .portlet-search-container-pager-heading, .ui-rtl .al-font-change .portlet-search .portlet-search-container-pager-heading {
  font-size: 15px;
}
.ui-rtl .al-font-change #al-search-holder .taglib-page-iterator .search-results strong.journal-article-page-number, .ui-rtl .al-font-change #al-search-holder .taglib-page-iterator .search-results a.journal-article-page-number, .ui-rtl .al-font-change .portlet-search .taglib-page-iterator .search-results strong.journal-article-page-number, .ui-rtl .al-font-change .portlet-search .taglib-page-iterator .search-results a.journal-article-page-number {
  font-size: 17px;
}
.ui-rtl .al-font-change .dialogFooter {
  font-size: 15px;
}
.ui-rtl .al-font-change .breadcrumbs-horizontal, .ui-rtl .al-font-change .breadcrumbs-horizontal li,
.ui-rtl .al-font-change .al-input-text-small input.al-field-input-text,
.ui-rtl .al-font-change .al-select-box-small select.al-field-input-select,
.ui-rtl .al-font-change .al-button-small .al-button-input, .ui-rtl .al-font-change .al-button-small, .ui-rtl .al-font-change .p-button:not(.al-button-large), .ui-rtl .al-font-change .p-paginator-pages .p-paginator-element:not(.p-state-active) {
  font-size: 15px;
}
.ui-rtl .al-font-change .al-button-large .al-button-input, .ui-rtl .al-font-change .p-button.al-button-large {
  font-size: 19px;
}
.ui-rtl .al-font-change .al-form-validator-stack-error .al-form-validator-message {
  font-size: 17px;
}
.ui-rtl .al-font-change .al-footnotesList dl {
  line-height: 1.5;
  font-size: 17px;
}
.ui-rtl .al-font-change .al-footnotesList dd {
  /*@include s_font;*/
  font-size: 17px;
  line-height: inherit;
}
.ui-rtl .al-font-change .al-footnotesList dt {
  /*@include xs_font;*/
  font-size: 15px;
  line-height: normal;
}
.ui-rtl .al-font-change .p-dialog .al-dialog-header-links a {
  font-size: 15px;
}
.ui-rtl .al-font-change .ui-accordion .ui-accordion-header > a {
  font-size: 19px;
}
.ui-rtl .al-font-change .al-panelTreeview-wrapper .p-tree .p-tree-container .p-treenode .p-treenode-content .p-treenode-label {
  font-size: 19px;
}
.ui-rtl .al-font-change .al-popover.al-popover-menu ul .al-popover-menu-header h3, .ui-rtl .al-font-change.al-popover.al-popover-menu ul .al-popover-menu-header h3 {
  font-size: 19px;
}
.ui-rtl .al-font-change .al-popover.al-popover-menu ul .al-popover-menu-item a.al-popover-menu-item-link, .ui-rtl .al-font-change.al-popover.al-popover-menu ul .al-popover-menu-item a.al-popover-menu-item-link {
  font-size: 15px;
}
.ui-rtl .al-font-change .al-progressbar ul .ui-steps-item span.ui-steps-number, .ui-rtl .al-font-change .al-progressbar ul .ui-steps-item span.ui-steps-title {
  font-size: 17px;
  line-height: 20px;
}
.ui-rtl.al-view-lt720 .al-font-change .al-navitabs .al-navitabs-dropdownlink {
  font-size: 15px;
}
.ui-rtl .al-tips-alerts .al-tips-alerts-content {
  border-right: 11px solid transparent;
}

/* = Custom Style
====================================*/
/* =======================================
	TABLE OF CONTENTS
	1. Tabs
	2. Panels
	3. Panels Treeview
	4. Dialog/Lightbox
	5. Tooltip/Popover/Popover-menu
	6. Autocomplete
	7. Dropdown/Multiselect
	8. Checkbox/Radio
	9. Data Table
	10. Datepicker/Calendar
	11. Tips and Alerts
	12. GMC Flyout
	13. Data tabel
    14. Data Table Option
    15. Select Datepicker
    16. Gauge Chart
    17. Support links
    18. Custom NG11 css
    19. Debug page issues
    20. Icon issue in Arabic language (Right to Left) UFD-22669
======================================= */
/* 1. Tabs ========================= */
.p-tabview {
  padding: 0;
  position: relative;
}
.p-tabview .p-tabview-nav-container {
  top: 1px;
}
.p-tabview.p-component > .p-tabview-nav {
  border: 0;
  padding: 0;
  border-radius: 0;
}
.p-tabview .p-tabview-panel {
  padding: 22px;
  border-width: 1px;
  border-style: solid;
  height: 100%;
}

/* Tabs gt 720 view */
.al-view-gt720 .p-tabview .p-tabview-nav li {
  margin: 0;
  border-width: 1px;
  border-style: solid;
  border-radius: 11px 11px 0 0;
  position: relative;
}
.al-view-gt720 .p-tabview .p-tabview-nav li a {
  padding: 11px;
  float: none;
  display: block;
  text-decoration: none;
}
.al-view-gt720 .p-tabview .p-tabview-nav li.p-highlight {
  background: #fff;
  font-weight: 700;
  border-bottom-color: #fff;
}
.al-view-gt720 .p-tabview .p-tabview-nav li.p-highlight:hover {
  background: #fff;
  border-bottom-color: #fff;
}
.al-view-gt720 .p-tabview .p-tabview-nav li.p-corner-top {
  border-radius: 11px 11px 0 0;
}
.al-view-gt720 .p-tabview .p-tabview-nav li.p-corner-left {
  border-radius: 11px 0 0 11px;
  left: 1px;
  margin-bottom: -1px;
}
.al-view-gt720 .p-tabview .p-tabview-nav li.p-state-active {
  font-weight: bold;
}
.al-view-gt720 .p-tabview.p-tabview-left {
  display: flex;
}
.al-view-gt720 .p-tabview.p-tabview-left .p-tabview-nav {
  height: auto;
  float: left;
  width: 18.75%;
  -webkit-box-flex: 1;
  margin-bottom: 1px;
}
.al-view-gt720 .p-tabview.p-tabview-left .p-tabview-panels {
  width: 81.25%;
  overflow: hidden;
  float: none;
}
.al-view-gt720 .p-tabview .ui-tabview-menu {
  display: none;
}
.al-view-gt720.ui-rtl .p-tabview-left li.p-corner-left {
  border-radius: 0 11px 11px 0;
  right: 1px;
  left: auto;
  float: left;
}
.al-view-gt720 p-tabview[orientation=left] > .p-tabview,
.al-view-gt720 p-tabview[orientation=left] > .p-tabview > .p-tabview-nav-container,
.al-view-gt720 p-tabview[orientation=left] > .p-tabview > .p-tabview-nav-container .p-tabview-nav,
.al-view-gt720 p-tabview[orientation=left] > .p-tabview > .p-tabview-panels {
  display: flex;
  flex-wrap: wrap;
  position: relative;
}
.al-view-gt720 p-tabview[orientation=left] > .p-tabview > .p-tabview-nav-container {
  width: 18.15%;
  z-index: 2;
  left: 1px;
  top: 0;
}
.al-view-gt720 p-tabview[orientation=left] > .p-tabview > .p-tabview-panels {
  width: 81.25%;
  z-index: 0;
  left: 0px;
  flex-flow: column;
}
.al-view-gt720 p-tabview[orientation=left] > .p-tabview > .p-tabview-nav-container .p-tabview-nav {
  height: auto;
  margin-bottom: 1px;
  border: 0;
  padding: 0;
  border-radius: 0;
}
.al-view-gt720 p-tabview[orientation=left] > .p-tabview > .p-tabview-nav-container .p-tabview-nav li {
  display: block;
  white-space: normal;
  width: 100%;
  border-radius: 11px 0 0 11px;
  margin-bottom: -1px;
  border-color: #d2d3d3;
  background: linear-gradient(180deg, #f4f4f4 0, #efefef);
  top: 0px;
  position: relative;
  z-index: 1;
  margin-bottom: -1px !important;
}
.al-view-gt720 p-tabview[orientation=left] > .p-tabview > .p-tabview-nav-container .p-tabview-nav li:hover {
  border-color: #d2d3d3;
  background: linear-gradient(to bottom, #EFEFEF 0%, #E6E6E6 100%);
}
.al-view-gt720 p-tabview[orientation=left] > .p-tabview > .p-tabview-nav-container .p-tabview-nav li.p-highlight {
  background: #fff;
  border-right-color: #fff;
  font-weight: 700;
  border-bottom-color: #d2d3d3;
}
.al-view-gt720 p-tabview[orientation=left] > .p-tabview > .p-tabview-nav-container .p-tabview-nav li.p-highlight:hover {
  border-right-color: #fff;
}
.al-view-gt720 p-tabview[orientation=left] > .p-tabview .p-tabview-panel {
  padding: 22px 22px 46px;
}
.al-view-gt720 p-tabview[orientation=left] > .p-tabview > .p-tabview-nav-container .p-tabview-nav li.p-tabview-ink-bar {
  opacity: 0;
}
.al-view-gt720.ui-rtl p-tabview[orientation=left] > .p-tabview > .p-tabview-nav-container {
  right: 1px;
}
.al-view-gt720.ui-rtl p-tabview[orientation=left] > .p-tabview > .p-tabview-nav-container .p-tabview-nav li {
  border-radius: 0 11px 11px 0;
}
.al-view-gt720.ui-rtl p-tabview[orientation=left] > .p-tabview > .p-tabview-nav-container .p-tabview-nav li.p-highlight {
  border-left-color: #fff;
}

/* Tabs lt 720 view */
.al-view-lt720 .p-tabview:not(.no-dropdown-tabs) .p-tabview-nav {
  display: none;
  position: absolute;
  width: 90%;
  margin: 5%;
  top: 30px;
  box-shadow: 0 2px 22px #000;
  border: 1px solid #A8ABAC;
  background: #fff;
  z-index: 1;
  height: auto;
}
.al-view-lt720 .p-tabview:not(.no-dropdown-tabs) .p-tabview-nav li {
  width: 100%;
  margin: 0;
  top: 0;
  line-height: 1.5;
}
.al-view-lt720 .p-tabview:not(.no-dropdown-tabs) .p-tabview-nav li:not(:last-child) {
  border-bottom: 1px dotted #d2d3d3;
}
.al-view-lt720 .p-tabview:not(.no-dropdown-tabs) .p-tabview-nav li a {
  padding: 11px;
  display: block;
  font-size: 0.857em;
  color: #000000;
  width: 100%;
}
.al-view-lt720 .p-tabview:not(.no-dropdown-tabs) .p-tabview-nav li.p-state-active {
  font-weight: bold;
}
.al-view-lt720 .p-tabview:not(.no-dropdown-tabs) .p-tabview-nav:after, .al-view-lt720 .p-tabview:not(.no-dropdown-tabs) .p-tabview-nav:before {
  display: block;
}
.al-view-lt720 .p-tabview:not(.no-dropdown-tabs) .p-tabview-nav:after, .al-view-lt720 .p-tabview:not(.no-dropdown-tabs) .p-tabview-nav:before {
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
  visibility: visible;
}
.al-view-lt720 .p-tabview:not(.no-dropdown-tabs) .p-tabview-nav:after {
  border-width: 10px;
  border-bottom-color: #fff;
  top: -20px;
  right: 50%;
  margin-right: -10px;
}
.al-view-lt720 .p-tabview:not(.no-dropdown-tabs) .p-tabview-nav:before {
  border-width: 11px;
  border-bottom-color: #A8ABAC;
  top: -22px;
  right: 50%;
  margin-right: -11px;
}
.al-view-lt720 .p-tabview:not(.no-dropdown-tabs) .p-tabview-panel {
  border-top: 0;
}
.al-view-lt720 .p-tabview:not(.no-dropdown-tabs) .p-tabview-panels {
  width: 100%;
  float: none;
}
.al-view-lt720 .p-tabview:not(.no-dropdown-tabs) .ui-tabview-menu {
  padding: 11px;
  border-color: #d2d3d3; /* Same as border color for pannels */
  border-width: 1px 1px 0px 1px;
  border-style: solid;
  border-radius: 11px 11px 0 0;
  background: linear-gradient(to bottom, #efefef 1%, #ffffff 100%);
}
.al-view-lt720 .p-tabview:not(.no-dropdown-tabs) .ui-tabview-menu a {
  display: block;
  border-radius: 5px/5px;
  border: 1px solid #D2D3D3;
  border-color: #D2D3D3 #D2D3D3 #C5C6C7;
  background: #FFFFFF;
  color: #3C4144;
  text-decoration: none;
  padding: 8px 33px 8px 11px;
  font-size: 0.857em;
  position: relative;
}
.al-view-lt720 .p-tabview:not(.no-dropdown-tabs) .ui-tabview-menu a:after {
  content: "";
  position: absolute;
  border: transparent 7px solid;
  border-top-color: #ccc;
  right: 10px;
  top: 50%;
  margin-top: -3px;
}

.al-view-lt720 .p-tabview.no-dropdown-tabs .p-tabview-nav {
  border-collapse: separate;
}
.al-view-lt720 .p-tabview.no-dropdown-tabs .p-tabview-nav li {
  border-color: #D2D3D3;
  background: linear-gradient(to bottom, #F4F4F4 0%, #EFEFEF 100%);
  margin: 0;
  border-width: 1px;
  border-style: solid;
  border-radius: 11px 11px 0 0;
  top: 1px;
}
.al-view-lt720 .p-tabview.no-dropdown-tabs .p-tabview-nav li a {
  color: #101214;
  padding: 11px;
  float: none;
  display: block;
  text-decoration: none;
}
.al-view-lt720 .p-tabview.no-dropdown-tabs .p-tabview-nav li.p-corner-top {
  border-radius: 11px 11px 0 0;
}
.al-view-lt720 .p-tabview.no-dropdown-tabs .p-tabview-nav li.p-state-active {
  font-weight: bold;
  background: #FFFFFF;
  border-bottom-color: #FFFFFF;
}
.al-view-lt720 .p-tabview.no-dropdown-tabs .p-tabview-nav li.p-highlight {
  background: #fff;
  font-weight: 700;
  border-bottom-color: #fff;
}
.al-view-lt720 .p-tabview.no-dropdown-tabs .p-tabview-nav li.p-highlight:hover {
  background: #fff;
}
.al-view-lt720 .p-tabview.no-dropdown-tabs .ui-tabview-menu {
  display: none;
}

.al-view-lt480 .p-tabview.no-dropdown-tabs .p-tabview-nav {
  border-collapse: separate;
}
.al-view-lt480 .p-tabview.no-dropdown-tabs .p-tabview-nav li {
  float: none;
  display: table-cell;
  white-space: normal;
}

.p-tabview .p-tabview-nav li.p-tabview-selected a, .p-tabview .p-tabview-nav li.p-state-processing a {
  cursor: pointer;
}
.p-tabview .p-tabview-nav li.p-disabled {
  opacity: 0.5;
}
.p-tabview .p-tabview-nav li.p-disabled a {
  cursor: default;
}

.p-tabview.p-component .nested-h .p-tabview.p-component ul.p-tabview-nav {
  width: 100%;
}
.p-tabview.p-component .nested-h .p-tabview.p-component ul.p-tabview-nav li {
  width: auto !important;
  margin: 0;
  border-width: 1px;
  border-style: solid;
  border-radius: 11px 11px 0 0;
  top: 1px;
  position: relative;
  left: 0px;
}
.p-tabview.p-component .nested-h .p-tabview.p-component ul.p-tabview-nav li.p-highlight {
  border-right-color: #d2d3d3;
  border-bottom: 0;
}

.al-spacing p-calendar span.p-button-label {
  display: none;
}

.al-view-lt720 .p-tabview.p-component .nested-h .p-tabview.p-component ul.p-tabview-nav {
  width: 90%;
}
.al-view-lt720 .p-tabview.p-component .nested-h .p-tabview.p-component ul.p-tabview-nav li {
  border-width: 0;
  border-bottom: 1px solid #d2d3d3;
}

/* 2. Panels ========================= */
.al-panel-wrapper .p-accordion .p-accordion-header {
  border: 0;
  background: none;
  padding: 11px 0;
}
.al-panel-wrapper .p-accordion .p-accordion-header > a {
  color: black;
  font-size: 1.143em;
  line-height: 1em;
  font-weight: bold;
  padding: 5px 0 0 0px;
  text-decoration: none;
}
.al-panel-wrapper .p-accordion .p-accordion-header > a span {
  padding: 0px 0px 0px 6px;
}
.al-panel-wrapper .p-accordion .p-accordion-header > a span.pi {
  padding: 5px 6px;
  border-radius: 6px;
  width: 22px;
  font-size: 10px;
  cursor: pointer;
  margin-top: 0;
  left: 0;
  top: 11px;
  border: 1px solid #000;
  background-color: #e6e6e6;
  color: #3c4144;
  border-color: #d2d3d3 #c5c6c7 #a8abac #c5c6c7;
  font-weight: bold;
}
.al-panel-wrapper .p-accordion .p-accordion-header > a span.pi:hover {
  background-color: #d2d3d3;
  border-color: #c5c6c7 #a8abac #737678 #a8abac;
  color: #3c4144;
}
.al-panel-wrapper .p-accordion .p-accordion-header:not(.p-state-active):not(.p-disabled):hover {
  background: none;
}
.al-panel-wrapper .p-accordion .p-accordion-header .fa-caret-right:before {
  content: "\f067";
}
.al-panel-wrapper .p-accordion .p-accordion-header .fa-caret-down:before {
  content: "\f068";
}
.al-panel-wrapper .p-accordion .p-accordion-header .fa {
  padding: 5px 4px;
  border-radius: 6px;
  width: 22px;
  font-size: 10px;
  cursor: pointer;
  margin-top: 0;
  left: 0;
  top: 11px;
}
.al-panel-wrapper .p-accordion .p-accordion-content-wrapper {
  overflow: hidden;
  padding: 0px 11px 0 33px;
  outline: none;
}
.al-panel-wrapper .p-accordion .p-accordion-content-wrapper .p-accordion-content {
  padding: 0 0 11px;
}
.al-panel-wrapper .p-accordion .p-toggleable-content {
  overflow: hidden;
  padding: 0px 11px 0 33px;
  outline: none;
}
.al-panel-wrapper .p-accordion .p-toggleable-content .p-accordion-content {
  padding: 0 0 11px;
}

/* Panels RTL */
.ui-rtl .p-accordion .p-accordion-header > a {
  padding: 0 30px 0 0;
  font-size: 19px;
}
.ui-rtl .p-accordion .p-accordion-header .fa-caret-right:before {
  content: "\f067";
}
.ui-rtl .p-accordion .p-accordion-header .fa-caret-down:before {
  content: "\f068";
}
.ui-rtl .p-accordion .p-accordion-content-wrapper {
  padding: 0px 33px 0 11px;
}

/* 3. Panels Treeview ========================= */
.al-panelTreeview-wrapper .al-panelTreeview-controls a, .al-panelTreeview-wrapper .al-panelTreeview-controls span {
  float: left;
  font-size: 0.79em;
}
.al-panelTreeview-wrapper .al-panelTreeview-controls span {
  padding: 0 5px;
}
.al-panelTreeview-wrapper .p-tree {
  width: 100%;
  overflow: hidden;
}
.al-panelTreeview-wrapper .p-tree .p-treenode-children {
  padding-left: 22px;
}
.ui-rtl .al-panelTreeview-wrapper .p-tree .p-treenode-children {
  padding-right: 22px;
  padding-left: 0;
}
.al-panelTreeview-wrapper .p-tree .p-tree-container {
  padding: 0;
  overflow: hidden;
}
.al-panelTreeview-wrapper .p-tree .p-tree-container .fa {
  cursor: pointer;
  height: 16px;
  width: 16px;
  margin-right: 11px;
  background: #e6e6e6;
  border: solid 1px #d2d3d3;
  border-radius: 3px;
  color: #4c5255;
  font-size: 10px;
}
.ui-rtl .al-panelTreeview-wrapper .p-tree .p-tree-container .fa {
  margin-left: 11px;
  margin-right: 0;
}
.al-panelTreeview-wrapper .p-tree .p-tree-container .fa.fa-caret-right:before {
  content: "\f067";
}
.al-panelTreeview-wrapper .p-tree .p-tree-container .fa.fa-caret-down:before {
  content: "\f068";
}
.al-panelTreeview-wrapper .p-tree .p-tree-container .fa.fa-caret-down:before, .al-panelTreeview-wrapper .p-tree .p-tree-container .fa.fa-caret-right:before {
  position: relative;
  top: 2px;
}
.al-panelTreeview-wrapper .p-tree .p-tree-container .p-treenode {
  padding: 0;
  overflow: hidden;
}
.al-panelTreeview-wrapper .p-tree .p-tree-container .p-treenode.p-treenode-leaf .p-tree-toggler {
  display: none;
}
.al-panelTreeview-wrapper .p-tree .p-tree-container .p-treenode .p-treenode-leaf {
  margin-left: 22px;
}
.ui-rtl .al-panelTreeview-wrapper .p-tree .p-tree-container .p-treenode .p-treenode-leaf {
  margin-right: 22px;
  margin-left: 0;
}
.al-panelTreeview-wrapper .p-tree .p-tree-container .p-treenode .p-treenode-content {
  padding: 11px;
  border-color: rgb(197, 198, 199);
  border-bottom-style: dotted;
  border-bottom-width: 1px;
}
.al-panelTreeview-wrapper .p-tree .p-tree-container .p-treenode .p-treenode-content .p-treenode-label {
  cursor: default;
  color: rgb(52, 136, 232);
  font-size: 1.143em;
  line-height: 1.375em;
  padding: 0px;
  width: 100%;
}
.al-panelTreeview-wrapper .p-tree .p-tree-container > * > .p-treenode > .p-treenode-content {
  background-color: rgb(244, 244, 244);
  border-style: solid;
  border-width: 1px 0px;
  margin-top: 11px;
  font-weight: bold;
}

/* 4. Dialog/Lightbox ========================= */
.al-widget-overlay {
  background: rgba(0, 0, 0, 0.5);
  /* opacity: .50;
  filter: Alpha(Opacity = 50); */
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 1000;
}
.al-widget-overlay.al-dialog-widget-overlay {
  /* background: rgba(0,0,0,0.5);
  opacity: 1;
  filter: Alpha(Opacity = 100); */
  overflow-y: auto;
  padding: 1.5em;
}

.ui-widget-overlay {
  background: #000;
  opacity: 0.5;
  filter: Alpha(Opacity=50);
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 1000;
}
.ui-widget-overlay.ui-dialog-widget-overlay {
  background: rgba(0, 0, 0, 0.5);
  opacity: 1;
  filter: Alpha(Opacity=100);
  overflow-y: auto;
  padding: 1.5em;
}

/* 5. Tooltip/Popover/Popover-menu ========================= */
.al-popover {
  position: absolute;
  transition: opacity 0.2s ease-in-out;
  box-shadow: 0 2px 22px black;
  border: 1px solid #c5c6c7;
  padding: 22px;
  background: #fff;
  max-width: 600px;
  z-index: 2500;
}
.al-view-lt480 .al-popover {
  max-width: 65%;
}
.al-popover.al-popover-menu {
  padding: 0;
}
.al-popover.al-popover-menu ul {
  margin: 0;
  list-style: none;
}
.al-popover.al-popover-menu ul .al-popover-menu-header {
  padding: 11px;
  margin: 0;
  border: 0;
  background: rgb(210, 211, 211);
  border-radius: 0;
}
.al-popover.al-popover-menu ul .al-popover-menu-header h3 {
  font-size: 1.143em;
  line-height: 1.375em;
  font-weight: bold;
}
.al-popover.al-popover-menu ul .al-popover-menu-item {
  border-bottom: 1px dotted rgb(210, 211, 211);
  margin: 0;
}
.al-popover.al-popover-menu ul .al-popover-menu-item:last-child {
  border-bottom: 0;
}
.al-popover.al-popover-menu ul .al-popover-menu-item a.al-popover-menu-item-link {
  display: block;
  font-size: 0.857em;
  padding: 11px 22px;
  border-radius: 0;
  border: 0;
}
.al-popover.al-popover-menu ul .al-popover-menu-item a.al-popover-menu-item-link:hover {
  background-color: rgb(222, 237, 253);
  color: inherit;
  border: 0;
}
.al-popover.in {
  box-shadow: 0 2px 22px black;
  border: 1px solid #c5c6c7;
  padding: 0;
}
.al-popover.al-popover-top {
  margin-left: 10px;
  margin-right: 10px;
}
.al-popover.al-popover-top:after, .al-popover.al-popover-top:before {
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
  visibility: visible;
}
.al-popover.al-popover-top:after {
  border-width: 10px;
  border-top-color: #fff;
  bottom: -20px;
  right: 50%;
  margin-right: -10px;
}
.al-popover.al-popover-top:before {
  border-width: 11px;
  border-top-color: #c5c6c7;
  bottom: -22px;
  right: 50%;
  margin-right: -11px;
}
.al-popover.al-popover-top.al-popover-tl:after {
  left: 25px;
}
.al-popover.al-popover-top.al-popover-tl::before {
  left: 24px;
}
.al-popover.al-popover-bottom {
  margin-left: 10px;
  margin-right: 10px;
}
.al-popover.al-popover-bottom:after, .al-popover.al-popover-bottom:before {
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
  visibility: visible;
}
.al-popover.al-popover-bottom:after {
  border-width: 10px;
  border-bottom-color: #fff;
  top: -20px;
  right: 50%;
  margin-right: -10px;
}
.al-popover.al-popover-bottom:before {
  border-width: 11px;
  border-bottom-color: #c5c6c7;
  top: -22px;
  right: 50%;
  margin-right: -11px;
}
.al-popover.al-popover-left {
  margin-left: 10px;
}
.al-popover.al-popover-left:after, .al-popover.al-popover-left:before {
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
  visibility: visible;
}
.al-popover.al-popover-left:after {
  border-width: 10px;
  border-left-color: #fff;
  right: -20px;
  top: 50%;
  margin-top: -10px;
}
.al-popover.al-popover-left:before {
  border-width: 11px;
  border-left-color: #c5c6c7;
  right: -22px;
  top: 50%;
  margin-top: -11px;
}
.al-popover.al-popover-right {
  margin-right: 10px;
}
.al-popover.al-popover-right:after, .al-popover.al-popover-right:before {
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
  visibility: visible;
}
.al-popover.al-popover-right:after {
  border-width: 10px;
  border-right-color: #fff;
  left: -20px;
  top: 50%;
  margin-top: -10px;
}
.al-popover.al-popover-right:before {
  border-width: 11px;
  border-right-color: #c5c6c7;
  left: -22px;
  top: 50%;
  margin-top: -11px;
}
.al-popover.al-popover-top-left:before, .al-popover.al-popover-top-left:after {
  left: 10px;
  right: auto;
  margin: auto;
}
.al-popover.al-popover-top-right:before, .al-popover.al-popover-top-right:after {
  right: 10px;
  margin: auto;
}

/* 6. Autocomplete ========================= */
.al-input-text-search span.p-autocomplete .p-autocomplete-loader {
  position: absolute;
  z-index: 1;
  top: 50%;
  right: 0;
  margin-top: -7px;
}
.al-input-text-search span.p-autocomplete .p-inputtext {
  border-radius: 6px 0 0 6px;
  border-right-width: 0;
}
.ui-rtl .al-input-text-search span.p-autocomplete .p-inputtext {
  border-radius: 0 6px 6px 0;
  border-left: 0;
  border-right-width: 1px;
}
.al-input-text-search .p-button {
  border-radius: 0 6px 6px 0;
  height: 33px;
}
.ui-rtl .al-input-text-search .p-button {
  border-radius: 6px 0 0 6px;
  margin-right: 0;
  margin-left: 0.1em;
}
.al-input-text-search p-autocomplete {
  float: left;
}
.ui-rtl .al-input-text-search p-autocomplete {
  float: right;
}

.al-input-text-small span.p-autocomplete input,
.al-input-text-small span.p-autocomplete .p-inputtext {
  font-size: 0.857em;
  height: 27px;
  line-height: 16px;
}
.al-input-text-small + .p-button {
  height: 27px;
}

.p-autocomplete-input-token,
.p-autocomplete-multiple-container.p-inputtext {
  margin: 0;
  padding: 0;
}

.p-autocomplete-panel {
  background: #fff;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.3);
}
.p-autocomplete-panel .p-autocomplete-items {
  padding: 0 15px;
}
.p-autocomplete-panel .p-autocomplete-items li.p-autocomplete-item {
  padding: 11px 0;
  margin: 0;
}
.p-autocomplete-panel .p-autocomplete-items li.p-autocomplete-item:hover {
  background-color: #deedfd;
  text-decoration: underline;
  cursor: pointer;
}

#al-search-holder li.p-autocomplete-item span {
  font-size: 14px;
}

.p-autocomplete-token {
  background: #1C68BF;
  color: #fff;
  border: #095AB5 solid 1px;
  border-radius: 6px;
  padding: 0.125em 0.5em;
  margin-right: 0.125em;
}
.p-autocomplete-token .p-autocomplete-token-label {
  margin-right: 1.5em;
}

/* 7. Dropdown/Multiselect ========================= */
.p-dropdown,
.p-multiselect {
  border-radius: 5px;
  padding: 0;
  min-width: 100px;
}
.p-dropdown .p-dropdown-label,
.p-dropdown .p-multiselect-label,
.p-multiselect .p-dropdown-label,
.p-multiselect .p-multiselect-label {
  padding: 0 0 0 0.5em;
  line-height: 33px;
  height: 33px;
  font-weight: normal;
}
.p-dropdown .p-multiselect-panel,
.p-multiselect .p-multiselect-panel {
  padding: 0.4em;
}
.p-dropdown .p-multiselect-filter-icon,
.p-multiselect .p-multiselect-filter-icon {
  right: 0.5em;
}
.p-dropdown .p-multiselect-item,
.p-multiselect .p-multiselect-item {
  padding: 0.5rem 0.2rem;
}
.p-dropdown .p-dropdown-trigger,
.p-dropdown .p-multiselect-trigger,
.p-multiselect .p-dropdown-trigger,
.p-multiselect .p-multiselect-trigger {
  padding: 0 0.25em;
}
.p-dropdown .p-dropdown-items,
.p-multiselect .p-dropdown-items {
  padding: 0.4em;
  border: 0 none;
}
.p-dropdown .p-dropdown-items .p-dropdown-item,
.p-multiselect .p-dropdown-items .p-dropdown-item {
  cursor: pointer;
  margin: 1px 0;
  padding: 0.125em 0.25em;
  text-align: left;
}
.p-dropdown.al-select-box-small .p-dropdown-label,
.p-multiselect.al-select-box-small .p-dropdown-label {
  font-size: 0.857em;
  height: 27px;
  line-height: 27px;
}
.ui-rtl .p-dropdown.al-select-box-small .p-dropdown-trigger .fa,
.ui-rtl .p-dropdown.al-select-box-small .p-multiselect-trigger .fa,
.ui-rtl .p-multiselect.al-select-box-small .p-dropdown-trigger .fa,
.ui-rtl .p-multiselect.al-select-box-small .p-multiselect-trigger .fa {
  margin-top: 0.3em;
}
.p-dropdown.al-select-box-small .p-dropdown-items .p-dropdown-item,
.p-multiselect.al-select-box-small .p-dropdown-items .p-dropdown-item {
  font-size: 0.857em;
}
.p-dropdown .p-dropdown-trigger .fa,
.p-dropdown .p-multiselect-trigger .fa,
.p-multiselect .p-dropdown-trigger .fa,
.p-multiselect .p-multiselect-trigger .fa {
  margin-top: 0.6em;
}
.ui-rtl .p-dropdown .p-dropdown-trigger .fa,
.ui-rtl .p-dropdown .p-multiselect-trigger .fa,
.ui-rtl .p-multiselect .p-dropdown-trigger .fa,
.ui-rtl .p-multiselect .p-multiselect-trigger .fa {
  margin-top: 0.4em;
}
.p-dropdown .p-dropdown-panel,
.p-dropdown .p-multiselect-panel,
.p-multiselect .p-dropdown-panel,
.p-multiselect .p-multiselect-panel {
  background: #fff;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.3);
}
.p-dropdown .p-dropdown-panel label,
.p-dropdown .p-multiselect-panel label,
.p-multiselect .p-dropdown-panel label,
.p-multiselect .p-multiselect-panel label {
  font-weight: normal;
}
.p-dropdown .p-dropdown-panel li:hover,
.p-dropdown .p-multiselect-panel li:hover,
.p-multiselect .p-dropdown-panel li:hover,
.p-multiselect .p-multiselect-panel li:hover {
  background: dodgerblue;
  color: #fff;
}
.p-dropdown .p-dropdown-panel li:hover .p-checkbox-icon,
.p-dropdown .p-multiselect-panel li:hover .p-checkbox-icon,
.p-multiselect .p-dropdown-panel li:hover .p-checkbox-icon,
.p-multiselect .p-multiselect-panel li:hover .p-checkbox-icon {
  color: #000;
}

.p-multiselect {
  min-width: 150px;
}

/* 8. Checkbox/Radio ========================= */
.p-radiobutton, .p-checkbox {
  margin-right: 0;
  cursor: default;
}

.p-radiobutton-label {
  display: inline;
}

.p-checkbox-box,
.p-radiobutton-box {
  border: 1px solid #888888;
  box-shadow: inset 0 2px 11px rgba(0, 0, 0, 0.2);
  background: #fff;
  width: 13px;
  height: 13px;
  line-height: 1.15;
  margin-right: 11px;
}
.p-checkbox-box.p-disabled,
.p-radiobutton-box.p-disabled {
  border-color: #9a9a9a;
  background: #C5C6C7;
  opacity: 0.5;
}
.ui-rtl .p-checkbox-box,
.ui-rtl .p-radiobutton-box {
  margin-left: 11px;
}

.p-checkbox-box {
  width: 1.125em;
  height: 1.125em;
  line-height: 1.125em;
  border-radius: 2px;
  text-align: center;
}
.p-checkbox-box .p-checkbox-icon {
  font-weight: bold;
  font-size: 11px;
}

.p-radiobutton-box {
  border-radius: 100%;
}
.p-radiobutton-box .p-radiobutton-icon {
  width: 7px;
  height: 7px;
  transition-duration: 0.2s;
  background-color: #1c1e20;
}

/* Checkbox/Radio label alignment ========================= */
.al-field-label-align {
  clear: both;
}
.al-field-label-align input {
  display: block;
  margin-top: 2px;
  float: left;
}
.ui-rtl .al-field-label-align input {
  float: right;
}
.al-font-change .al-field-label-align input {
  margin-top: 4px;
}
.al-field-label-align label {
  display: block;
  margin-left: 28px;
}
.ui-rtl .al-field-label-align label {
  margin-left: 0;
  margin-right: 28px;
}
.al-field-label-align p-radiobutton .p-radiobutton {
  display: block;
  float: left;
}
.ui-rtl .al-field-label-align p-radiobutton .p-radiobutton {
  float: right;
}
.al-field-label-align p-radiobutton .p-radiobutton .p-radiobutton-box {
  margin-top: 2px;
}
.al-font-change .al-field-label-align p-radiobutton .p-radiobutton .p-radiobutton-box {
  margin-top: 4px;
}
.ui-rtl .al-field-label-align p-radiobutton .p-radiobutton .p-radiobutton-box {
  margin-right: 0;
}
.al-field-label-align p-radiobutton label {
  display: block;
  margin-left: 28px;
}
.ui-rtl .al-field-label-align p-radiobutton label {
  margin-left: 0;
  margin-right: 28px;
}
.al-field-label-align p-checkbox .p-checkbox {
  display: block;
  float: left;
}
.ui-rtl .al-field-label-align p-checkbox .p-checkbox {
  float: right;
}
.al-field-label-align p-checkbox .p-checkbox .p-checkbox-box {
  margin-bottom: 2px;
}
.ui-rtl .al-field-label-align p-checkbox .p-checkbox .p-checkbox-box {
  margin-right: 0;
}
.al-font-change .al-field-label-align p-checkbox .p-checkbox .p-checkbox-box {
  margin-top: 2px;
  margin-bottom: 0;
}

/* 9. Data Table ========================= */
.p-datatable .p-datatable-thead > tr > th {
  color: #1C1E20;
  font-weight: bold;
}
.p-datatable .p-datatable-thead > tr > th,
.p-datatable .p-datatable-tfoot > tr > td,
.p-datatable .p-datatable-tbody > tr > td {
  padding: 0.75em;
  font-size: 1em;
  line-height: 1.5714em;
  border: none;
}
.p-datatable .p-multiselect-header {
  display: none;
}

/* 10. Datepicker/Calendar ========================= */
.p-calendar.p-calendar-w-btn .p-datepicker-trigger {
  border-radius: 0 6px 6px 0;
  margin: 0;
  height: 33px;
  border-width: 1px 1px 1px 0;
  padding: 0 13px;
}
.ui-rtl .p-calendar.p-calendar-w-btn .p-datepicker-trigger {
  border-radius: 6px 0px 0px 6px;
  border-width: 1px 0 1px 1px;
}
.ui-rtl .p-calendar.p-calendar-w-btn input {
  border-radius: 0px 6px 6px 0;
}

.p-datepicker {
  border: 1px solid #ddd;
  padding: 3px;
  border-radius: 6px;
  background: #fff;
  width: 228px !important;
  box-shadow: 4px 4px 14px #777;
}
.ui-rtl .p-datepicker {
  width: 276px;
}
.p-datepicker.p-datepicker-inline {
  display: block;
}
.p-datepicker table {
  font-size: 1em;
  margin: 0 0 0.4em;
}
.p-datepicker .p-datepicker-header {
  border-radius: 6px;
  padding: 5px;
}
.ui-rtl .p-datepicker .p-datepicker-header {
  padding: 9px;
}
.p-datepicker .p-datepicker-month {
  margin-right: 5px;
}
.p-datepicker .p-datepicker-calendar th {
  padding: 0.7em 0.3em;
  text-align: center;
  border: 0;
}
.p-datepicker th {
  font-weight: normal;
}
.p-datepicker td {
  padding: 0;
}
.p-datepicker tbody td span {
  text-align: center;
  width: 26px;
  padding: 0px;
  float: left;
  text-align: center;
  text-decoration: none;
  border-radius: 6px;
  margin: 0 0 5px 2px;
}
.p-datepicker .p-datepicker-other-month span,
.p-datepicker span.p-disabled {
  opacity: 0.5;
}
.p-datepicker .p-datepicker-other-month span:hover,
.p-datepicker span.p-disabled:hover {
  text-decoration: none;
}
.p-datepicker .p-datepicker-title {
  font-weight: bold;
  line-height: 16px;
  margin: 0 15px;
  text-align: center;
}
.p-datepicker .p-datepicker-prev {
  left: 6px;
}
.p-datepicker .p-datepicker-next {
  right: 6px;
}
.p-datepicker .p-datepicker-next,
.p-datepicker .p-datepicker-next:hover,
.p-datepicker .p-datepicker-prev,
.p-datepicker .p-datepicker-prev:hover {
  /* top: 6px; */
  width: 0.8em;
  height: 0.8em;
  background: #333;
  padding: 7px;
  border-radius: 8px;
  color: #fff;
}
.ui-rtl .p-datepicker .p-datepicker-next,
.ui-rtl .p-datepicker .p-datepicker-next:hover,
.ui-rtl .p-datepicker .p-datepicker-prev,
.ui-rtl .p-datepicker .p-datepicker-prev:hover {
  width: 1.2em;
  height: 1.35em;
}
.p-datepicker .p-datepicker-prev-icon,
.p-datepicker .p-datepicker-next-icon {
  font-size: 0.5em;
}
.p-datepicker .p-datepicker-buttonbar .ui-g-6, .p-datepicker .p-datepicker-buttonbar .p-button {
  background: none;
  border: none;
  padding: 1px;
  margin: 0;
  color: #3488E8;
  font-size: 14px;
}
.p-datepicker .p-datepicker-buttonbar .ui-g-6:hover, .p-datepicker .p-datepicker-buttonbar .p-button:hover {
  background: none;
  color: #3488E8;
  text-decoration: underline !important;
}
.p-datepicker .p-datepicker-buttonbar .ui-g-6:nth-child(2) {
  text-align: right;
}

/* 11. Tips and Alerts ========================= */
.al-tip, .al-alert {
  display: flex;
  justify-content: flex-start;
  align-items: baseline;
}
.al-tip .al-badge-tip, .al-tip .al-badge-action, .al-alert .al-badge-tip, .al-alert .al-badge-action {
  margin-right: 12px;
}
.ui-rtl .al-tip .al-badge-tip, .ui-rtl .al-tip .al-badge-action, .ui-rtl .al-alert .al-badge-tip, .ui-rtl .al-alert .al-badge-action {
  margin-right: 0;
  margin-left: 12px;
}
.al-tip al-badges + div h4, .al-tip al-badges + div h5, .al-alert al-badges + div h4, .al-alert al-badges + div h5 {
  position: relative;
  top: 2px;
}
.al-tip p, .al-alert p {
  margin-top: 0;
}

.al-tip-contextOverlay {
  position: absolute;
  top: 45px;
  left: 0;
}
.al-tip-contextOverlay p {
  margin: 0;
}
.al-tip-contextOverlay:after, .al-tip-contextOverlay:before {
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
  visibility: visible;
}
.al-tip-contextOverlay:after {
  border-width: 10px;
  border-bottom-color: #ffffff;
  top: -20px;
  left: 10px;
}
.al-tip-contextOverlay:before {
  border-width: 12px;
  border-bottom-color: #c5c6c7;
  top: -24px;
  left: 8px;
}
.ui-rtl .al-tip-contextOverlay:after, .ui-rtl .al-tip-contextOverlay:before {
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
  visibility: visible;
}
.ui-rtl .al-tip-contextOverlay:after {
  border-width: 10px;
  border-bottom-color: #ffffff;
  top: -20px;
  right: 10px;
}
.ui-rtl .al-tip-contextOverlay:before {
  border-width: 12px;
  border-bottom-color: #c5c6c7;
  top: -24px;
  right: 8px;
}

al-tips-alerts {
  display: block;
  position: relative;
}

/* 12. GMC Flyout ========================= */
.al-portlet-gmc-hide {
  visibility: hidden;
}

#al-gmc-messages-link:after {
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
  visibility: visible;
}
#al-gmc-messages-link:after {
  border-width: 10px;
  border-bottom-color: #C13115;
  top: -20px;
  left: 10px;
}
#al-gmc-messages-link:after {
  z-index: 2600;
  margin-left: -10px;
  display: none;
}
.ui-rtl #al-gmc-messages-link:after {
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
  visibility: visible;
}
.ui-rtl #al-gmc-messages-link:after {
  border-width: 10px;
  border-bottom-color: #C13115;
  top: -20px;
  left: 10px;
}
#al-gmc-messages-link.al-gmc-flyout-visible:after {
  display: block;
  top: calc(100% - 20px);
  left: 50%;
}
.alNewNavigation #al-gmc-messages-link.al-gmc-flyout-visible:after {
  top: calc(100% - 32px);
}

#gmcFlyout .al-gmc-popover-flyout {
  position: absolute;
  text-align: left;
  padding: 0px;
  border: 0;
  right: 10px;
  width: 640px;
  box-shadow: 0 5px 10px rgb(0, 0, 0);
  z-index: 2600;
  /* added width as per style guide (converted % in-to px) */
  /* .al-view-720 &:after {
         right: 29px;
     } */
}
.al-view-480 #gmcFlyout .al-gmc-popover-flyout, .al-view-lt480 #gmcFlyout .al-gmc-popover-flyout {
  padding: 0px;
}
#gmcFlyout .al-gmc-popover-flyout .al-gmc-header {
  padding: 11px 22px 0px 22px;
}
#gmcFlyout .al-gmc-popover-flyout .al-gmc-header .al-gmc-flyout-title,
#gmcFlyout .al-gmc-popover-flyout .al-gmc-header h1,
#gmcFlyout .al-gmc-popover-flyout .al-gmc-header h1.al-gmc-message-title {
  color: inherit;
  margin-bottom: 5px;
  padding-bottom: 5px;
  /* font size is responsive so need to update alignment for 480 view */
}
.al-view-lt480 #gmcFlyout .al-gmc-popover-flyout .al-gmc-header .al-gmc-flyout-title, .al-view-480 #gmcFlyout .al-gmc-popover-flyout .al-gmc-header .al-gmc-flyout-title,
.al-view-lt480 #gmcFlyout .al-gmc-popover-flyout .al-gmc-header h1,
.al-view-480 #gmcFlyout .al-gmc-popover-flyout .al-gmc-header h1,
.al-view-lt480 #gmcFlyout .al-gmc-popover-flyout .al-gmc-header h1.al-gmc-message-title,
.al-view-480 #gmcFlyout .al-gmc-popover-flyout .al-gmc-header h1.al-gmc-message-title {
  margin-top: 5px;
}
.al-view-960 #gmcFlyout .al-gmc-popover-flyout {
  width: 47%; /* 50% of viewport - 20px shadow (3%)  */
  right: 0;
}
.al-view-720 #gmcFlyout .al-gmc-popover-flyout {
  width: 47%; /* 50% of viewport - 20px shadow (3%)  */
  right: 26%;
}
.al-view-480 #gmcFlyout .al-gmc-popover-flyout {
  width: 95%; /* 100% of viewport - 20px shadow (5%)  */
  right: 26%;
}
.al-view-320 #gmcFlyout .al-gmc-popover-flyout, .al-view-lt320 #gmcFlyout .al-gmc-popover-flyout {
  width: 93%; /* 100% of viewport - 20px shadow (7%)  */
  right: 26%;
}
#gmcFlyout .al-gmc-popover-flyout#alFlyout a.al-gmc-CloseBtn#alDialogCloseBtn {
  height: 11px;
  background: url("../images/base/icon_x_white.png");
  border: none;
  width: 13px;
  top: 11px;
  position: absolute;
  cursor: pointer;
  right: 22px;
  /* margin-right: 2.5%; */
  margin-top: 5px;
  /* PCA : 6971  new property to match with upoint*/
}
.ui-rtl #gmcFlyout .al-gmc-popover-flyout#alFlyout a.al-gmc-CloseBtn#alDialogCloseBtn {
  float: left;
  left: 22px;
  right: auto;
}
#gmcFlyout .al-gmc-popover-flyout .al-gmc-inner-wrapper {
  padding: 0;
  margin: 0;
  overflow-x: hidden;
}
#gmcFlyout .al-gmc-popover-flyout .al-gmc-inner-wrapper .al-tile-wrapper {
  margin: 11px;
  padding: 11px 11px 0px 11px;
}
#gmcFlyout .al-gmc-popover-flyout .al-gmc-inner-wrapper .al-category-wrapper {
  left: 2000px;
  position: absolute;
  overflow: hidden;
  display: none;
}
#gmcFlyout .al-gmc-popover-flyout .al-gmc-inner-wrapper .al-category-wrapper .al-button-prev .al-button-input {
  background-image: url("../images/base/icon_leftarrow.png");
  background-repeat: no-repeat;
  background-position: 9px;
  padding: 0px 14px;
  position: absolute;
}
#gmcFlyout .al-gmc-popover-flyout .al-gmc-inner-wrapper .al-category-wrapper .slider-title {
  margin-left: 11px;
  padding-left: 39px;
  margin-right: 22px;
}
#gmcFlyout .al-gmc-popover-flyout .al-gmc-inner-wrapper .al-main-gmc-wrapper {
  left: -2000px;
  position: relative;
  overflow: hidden;
  display: block;
}
#gmcFlyout .al-gmc-popover-flyout .al-tile-wrapper .al-tile-arrow-right-direction {
  background-image: url("../images/al-images/al-sliderarrows.png");
  background-repeat: no-repeat;
  background-position: 100% center;
}
#gmcFlyout .al-gmc-popover-flyout .al-tile-wrapper .al-tile-arrow-right-direction .typo-area {
  margin-right: 5px;
  margin-left: 0px;
}
#gmcFlyout .al-gmc-popover-flyout .al-tile-wrapper .al-badge-small {
  padding: 4px 8px 4px 7px;
}
#gmcFlyout .al-gmc-popover-flyout .al-gmc-footer {
  float: left;
  width: 100%;
  padding: 11px 22px 22px 22px;
}
#gmcFlyout .al-gmc-popover-flyout .al-gmc-footer .al-footerLink {
  float: left;
  width: 100%;
  margin-top: 11px;
}

.al-portlet-gmc-secure-inner .al-table-gmc tr.unreadmessage td,
.al-portlet-gmc-secure-inner .al-table-gmc tr.unreadmessage a {
  font-weight: bold;
}
.al-portlet-gmc-secure-inner.thanksMessage .thanksMessageInner .backToSecureMailbox {
  display: none;
}

.al-view-lt480 .al-portlet-gmc-secure-inner.thanksMessage .thanksMessageInner .backToSecureMailbox,
.al-view-480 .al-portlet-gmc-secure-inner.thanksMessage .thanksMessageInner .backToSecureMailbox {
  display: block;
}
.al-view-lt480 .al-portlet-gmc-action-outer .title-hidden,
.al-view-lt480 .al-portlet-gmc-secure-outer .title-hidden,
.al-view-480 .al-portlet-gmc-action-outer .title-hidden,
.al-view-480 .al-portlet-gmc-secure-outer .title-hidden {
  display: none;
}

.OldNavigation #gmcFlyout .al-gmc-popover-flyout .setTileWrapperCategory#categoryWrapperContent, .alNewNavigation #gmcFlyout .al-gmc-popover-flyout .setTileWrapperCategory#categoryWrapperContent {
  padding-top: 0;
}
.OldNavigation #gmcFlyout .al-gmc-popover-flyout h4, .alNewNavigation #gmcFlyout .al-gmc-popover-flyout h4 {
  padding-bottom: 3px;
}
.OldNavigation #gmcFlyout .al-gmc-popover-flyout h4 + br, .alNewNavigation #gmcFlyout .al-gmc-popover-flyout h4 + br {
  display: none;
}

.alNewNavigation #gmcFlyout .al-gmc-popover-flyout {
  outline: 0 !important;
  top: 42px;
}

/* Overlay Component Css*/
.al-overlay-cover {
  background: rgba(255, 255, 255, 0.5);
  position: absolute;
  z-index: 1;
  text-align: center;
  display: none;
}

.al-overlay-cover-hide {
  position: relative;
  top: 35%;
}

/* 13. Data Table ========================= */
.ui-table .ui-table-thead > tr > th {
  color: #1C1E20;
  font-weight: bold;
}
.ui-table .ui-table-thead > tr > th,
.ui-table .ui-table-tfoot > tr > td,
.ui-table .ui-table-tbody > tr > td {
  padding: 0.75em;
  font-size: 1em;
  line-height: 1.5714em;
  border: none;
}

.al-read-more-icon {
  display: block;
}

/* 14. Data Table Option ========================= */
p-table .p-datatable div.p-paginator-bottom {
  padding: 10px 0px;
}

.al-tableoption-wrapper .al-table .ui-corner-all {
  height: 27px;
  padding: 0px 11px;
  font-size: 0.857em;
  border-radius: 6px;
}
.al-tableoption-wrapper .p-multiselect {
  border-radius: 5px 5px 0 0;
  bottom: -2px;
  position: relative;
  box-shadow: none;
  right: 1px;
}
.ui-rtl .al-tableoption-wrapper .p-multiselect {
  bottom: -3px;
  right: 0px;
}
.al-tableoption-wrapper .p-multiselect .p-multiselect-label {
  color: #fff;
  padding: 0 0.5em;
  line-height: 28px;
  height: 28px;
}
.al-tableoption-wrapper .p-multiselect .p-multiselect-panel {
  right: -1px;
  left: auto !important;
  margin-top: -2px;
  background-color: #737678;
  border: 1px solid #3c4144;
  cursor: default;
}
.ui-rtl .al-tableoption-wrapper .p-multiselect .p-multiselect-panel {
  right: auto;
  left: -1px !important;
}
.al-tableoption-wrapper .p-multiselect, .al-tableoption-wrapper .p-multiselect .p-multiselect-panel {
  background-color: #737678;
  border: 1px solid #3C4144;
  cursor: default;
}
.al-tableoption-wrapper .p-multiselect .p-multiselect-item, .al-tableoption-wrapper .p-multiselect .p-multiselect-panel .p-multiselect-item {
  cursor: default;
}
.al-tableoption-wrapper .p-multiselect .p-multiselect-item:hover, .al-tableoption-wrapper .p-multiselect .p-multiselect-panel .p-multiselect-item:hover {
  background: none;
}
.al-tableoption-wrapper .p-multiselect .p-multiselect-item label, .al-tableoption-wrapper .p-multiselect .p-multiselect-panel .p-multiselect-item label {
  color: #fff;
  cursor: default;
}
.al-tableoption-wrapper.p-datatable .p-datatable-header {
  padding: 0px;
}
.al-tableoption-wrapper .p-multiselect {
  background-color: #737678;
  border: 1px solid #3c4144;
  cursor: default;
  border-radius: 5px 5px 0 0;
  bottom: -2px;
  position: relative;
  box-shadow: none;
  right: 1px;
  min-width: 100px;
  width: auto;
}
.al-tableoption-wrapper .p-multiselect .p-multiselect-panel {
  background-color: #737678;
  border: 1px solid #3c4144;
  cursor: default;
  right: -1px;
  left: auto !important;
  margin-top: 28px;
  position: absolute;
  padding: 0.2em;
  min-width: 100px;
}
.al-tableoption-wrapper .p-multiselect .p-multiselect-panel .p-multiselect-items-wrapper {
  overflow: auto;
  position: relative;
  padding: 0.2em 0px;
}
.al-tableoption-wrapper .p-multiselect .p-multiselect-panel .p-multiselect-items .p-multiselect-item {
  border: 0 none;
  cursor: pointer;
  font-weight: 400;
  margin: 1px 0;
  padding: 0.125em 0.25em;
  text-align: left;
  white-space: nowrap;
  display: block;
  position: relative;
}
.al-tableoption-wrapper .p-multiselect .p-multiselect-panel .p-multiselect-items li:hover {
  background: none;
}
.al-tableoption-wrapper .p-multiselect .p-multiselect-panel .p-multiselect-items li:hover .p-multiselect-item label {
  color: #fff;
  cursor: default;
}
.al-tableoption-wrapper .p-multiselect .p-multiselect-panel .p-multiselect-items li:hover .p-multiselect-item input[type=checkbox] {
  box-sizing: border-box;
  padding: 0;
  margin-right: 0;
}

/* 15. Select Datepicker ========================= */
select {
  background: #FFFFFF;
  box-shadow: inset 0 2px 11px rgba(0, 0, 0, 0.2);
  border: 1px solid #C5C6C7;
  color: #3C4144;
  border-width: 1px;
  border-style: solid;
  padding: 2px;
  font-family: arial;
  font-size: 12px;
  border-radius: 5px;
  overflow: auto;
  height: 33px;
  line-height: 29px;
  max-width: 100%;
  width: auto;
}

.al-select-datepicker.p-calendar {
  display: inline-block;
  vertical-align: top;
}
.al-select-datepicker.p-calendar .p-datepicker-trigger {
  border-radius: 6px;
  width: 34px;
  border-width: 1px;
  border-style: solid;
  padding: 0;
}
.al-select-datepicker.p-calendar .p-datepicker-trigger:hover {
  border-style: solid;
  border-width: 1px;
}
.al-select-datepicker.p-calendar .p-datepicker-trigger span.fa-calendar {
  background: url("../images/base/icon_sprite_other.png") no-repeat -32px -112px;
  width: 16px;
  height: 16px;
  margin-left: -0.5em;
}
.al-select-datepicker.p-calendar .p-datepicker-trigger span.fa-calendar:before {
  opacity: 0;
}

al-select-datepicker select {
  margin-right: 2px;
}

.al-container-content-divider + p {
  border-top: solid 1px;
  padding-top: 11px;
}

/* PCA-8377 - UPN Scroll Top */
.al-scrollToTop {
  font-size: 14px;
  background: url("../images/al-images/al-top.png") no-repeat 0 4px;
  padding: 2px 0 0 18px;
}
.ui-rtl .al-scrollToTop {
  background-position: right 2px;
  padding: 0 18px 0 0;
  font-size: inherit;
}

/* 16. Gauge Chart ========================= */
.gaugeChart-text {
  color: #fff;
  font-size: 14px;
  font-weight: 300;
  position: absolute;
  width: 230px;
  height: 230px;
  text-align: center;
  left: 0;
  right: 0;
  margin: auto;
  z-index: 1;
  top: 113px;
}

.gaugeChart-text--value {
  font-size: 32px;
  font-weight: 300;
  margin-top: 65px !important;
}

.gaugeChart {
  position: relative;
}

.gaugeChart-text--poortext {
  margin-top: 10px;
}

.gaugeChart-text--bottomtext {
  width: 180px;
  text-align: center;
  margin: 19px auto 0;
}

.al-view-lt480 .gaugeChart-text {
  width: 145px;
  height: 145px;
}

.al-view-lt480 .gaugeChart-text--bottomtext {
  width: 125px;
  margin-top: 5px;
}

.al-view-lt480 .gaugeChart-text--value {
  font-size: 21px;
  margin-top: 30px !important;
}

.gaugeChart-start-end-value {
  position: absolute;
  width: 428px;
  margin: 232px auto 0px;
  left: 0;
  z-index: 1;
  padding: 8px 17px 0px 24px !important;
  right: 0;
}

.al-view-lt480 .gaugeChart-start-end-value {
  width: auto;
  margin: 185px auto 6px;
  padding: 0 20px 0 30px;
}

/* DCH-2718 */
@media (min-width: 400px) and (max-width: 480px) {
  al-gauge-chart .gaugeChart .gaugeChart-start-end-value {
    margin-top: 54%;
  }
  al-gauge-chart .gaugeChart .gaugeChart-text {
    top: 155px;
  }
}
/* PGCV2-41485 */
@media screen and (max-width: 960px) {
  #pr_id_1 .p-datatable-tbody > tr > td {
    display: inline-block !important;
  }
}
/*
@media (min-width: 435px) and (max-width: 480px) {
    al-gauge-chart .gaugeChart {
        .gaugeChart-text{
            top: 125px;
        }
    }
}
*/
/* UFD-614 */
.al-view-lt480 .gaugeChart .amcharts-main-div .amcharts-chart-div text tspan {
  display: none;
}

/* 17. Support links ========================= */
al-supporting-links ul.al-linklist-vertical-link li a {
  margin-right: 4px;
}

.al-button-group .al-icon-add-favorites:after {
  content: "+";
  font-size: 0.6em;
  top: 39%;
  position: absolute;
  left: 17%;
  font-weight: bold;
}

.al-button-group.al-button-group-large .al-icon-add-favorites:after {
  content: "+";
  font-size: 0.6em;
  position: absolute;
  font-weight: bold;
  left: 15%;
  top: 39%;
}

.al-button-group .al-icon-remove-favorites:after {
  content: "-";
  font-size: 0.75em;
  top: 27%;
  position: absolute;
  left: 15%;
}

.al-button-group.al-button-group-large .al-icon-remove-favorites:after {
  content: "-";
  font-size: 0.7em;
  font-weight: bold;
  position: absolute;
  top: 32%;
  left: 13%;
}

al-help .al-help-popover a[aria-haspopup] {
  margin-left: 4px;
}

/**
https://jira.alight.com/browse/UFD-22470
*/
*:focus:not(.al-popover, a) {
  outline: 0 none !important;
  outline-offset: 0;
  box-shadow: 0 0 0 0.1rem #a6d5fa;
  border-color: #2196F3;
}

p-tabview *:focus {
  outline: dotted 1px !important;
  outline-offset: -1px !important;
  box-shadow: unset;
  border-color: unset;
}

al-select-datepicker .p-calendar input:focus {
  opacity: 1 !important;
  box-sizing: content-box;
  padding: 0px;
  border-radius: 5px;
  border: none;
  outline: 0 none !important;
  outline-offset: 0;
  box-shadow: 0 0 0 0.1rem #a6d5fa;
  border-color: #2196F3;
}

.p-datepicker .p-link:focus {
  outline-offset: 0;
  box-shadow: 0 0 0 0.1rem #2196F3;
  border-color: #025ba5;
}

/*     18. Custom NG11 css ======================================= */
.al-i-btn-wrapper .p-button-icon-only {
  display: inline-flex;
}

.al-primeng-spacing-rt .p-checkbox-box, .al-primeng-spacing-rt .p-radiobutton-box {
  margin-right: 12px;
}

.al-spacing .p-radiobutton-label, .al-spacing .p-checkbox-label {
  margin-bottom: 0px !important;
}

.al-primeNG11-compat .al-spacing input.p-inputtext, .al-primeNG11-compat .al-spacing p-calendar button.p-button {
  margin-bottom: 0px !important;
}
.al-primeNG11-compat.al-view-gt960 #content {
  height: auto !important;
}
.al-primeNG11-compat .al-font-change .p-radiobutton-label, .al-primeNG11-compat .al-font-change .p-checkbox-label {
  font-weight: 700;
}
.al-primeNG11-compat .al-font-change .font-normal .p-radiobutton-label {
  font-weight: normal;
}
.al-primeNG11-compat .p-button-icon-only .p-button-label {
  display: none;
}
.al-primeNG11-compat .portlet-layout {
  display: block;
}

/* ============================================== /*
/* 19. Debug page issues */
al-debug-wc .ui-dropdown-item.ui-state-highlight, al-debug-wc .ui-dropdown.ui-state-focus, al-debug-wc .ui-tabview-nav li a:focus, al-debug-wc input.ui-inputtext:focus, al-debug-wc textarea.ui-inputtext:focus {
  border: 1px solid #888 !important;
}
al-debug-wc .ui-tabview-nav li a:focus {
  box-shadow: unset !important;
}
al-debug-wc .ui-chkbox-box.ui-state-focus,
al-debug-wc .ui-dropdown-item.ui-state-highlight,
al-debug-wc .ui-dropdown.ui-state-focus,
al-debug-wc .ui-inputwrapper-focus ul.ui-inputtext,
al-debug-wc .ui-multiselect.ui-state-focus,
al-debug-wc .ui-radiobutton-box.ui-state-focus,
al-debug-wc input.ui-inputtext:focus,
al-debug-wc textarea.ui-inputtext:focus {
  outline: unset !important;
}
al-debug-wc a:focus, al-debug-wc button:focus, al-debug-wc input[type=button]:focus, al-debug-wc select:focus {
  outline: unset !important;
}
al-debug-wc p-tabview .al-heading-check-icon {
  background: url("../../al-assets/images/al-images/icon_check_large.png") no-repeat left center !important;
}
al-debug-wc p-tabview .al-container.brand-10 {
  background-color: #ecfcb8;
  border-color: #bfdf61;
  color: #1c1e20;
}

/* ============================================== /*
/* 20. Icon issue in Arabic language (Right to Left) UFD-22669*/
.ui-rtl .p-button-icon-left {
  order: 0 !important;
}

/*======== NG13 fixes ===== */
p-tabview .p-tabview-nav-content {
  top: 1px;
  position: relative;
}

/*=========END========*/
a.al-field-space-h {
  margin-top: 4px;
}

/* = Branding Style
====================================*/
/* Temp css for brandable styles */
/* =======================================
	TABLE OF CONTENTS
	1. Common -/ Done
	2. Rules -/ Done
	3. Link list -/ Done
	4. Tips -/ Done
	5. Popovers/Tooltips -/ Done
	6. Highlights -/ Done
	7. Badges -/ Done
	8. Forms -/ Done
	9. TreeView -/ Done
	10. Tiles -/ NA
	11. GMC PopOver section -/ Done
	12. Error Handling -/ NA
	13. Progress Bar -/ Done
	14. Pagination
	15. Tabs -/ NA
	16. Containers -/ Done
	17. Tabels -/ Done
	18. Search Icon
	19. image/icon + text combination
	20. Content Group -> Find More Flyout
	21. Linked content group -/ Done
	22. Place Holder Content -/ Done
	23. Bypass Block -/ Done
	24. Main Header -/ Done
	25. Primary Navigation -/ Done
	26. Secondary Navigation -/ Done
	27. Aux Navigation -/ Done
	28. Lightbox -/ Done
	29. Portlet Polls -/ Done
	30. Search Container -/ Done
	31. DC State -/ Done
	32. Scroll Tab -/ Done
	33. scroll view -/ Done
	34. NaviTabs -/ Done
	35. Brand Colors -/ Done
	36. Calendar/DatePicker /- Done
	37. Countdown -/ Done
	38. Other Resources -/ Done
	39. Footer -/ Done
======================================= */
/* 1. Common ========================= */
body {
  background: #FFFFFF;
  font: 87.5%/1.15 Arial, Helvetica, sans-serif;
  color: #1C1E20;
}

a {
  color: #1C68BF;
  text-decoration: none;
}

.no-touch a:hover {
  color: #1C68BF;
  text-decoration: underline;
}

a:visited {
  color: #1C68BF;
  text-decoration: none;
}

a:active {
  color: #003F80;
}

h1 {
  color: #000000;
}

h2 {
  color: #000000;
}

h3 {
  color: #000000;
}

h4 {
  color: #000000;
}

h5 {
  color: #000000;
}

/* 2. Rules ========================= */
hr {
  border-top: 1px dotted #C5C6C7;
}

hr.brand-hr2-a {
  border-top: 1px solid #c13115;
}

/* 3. Link list ========================= */
/* note this does not have branding instead it inherits from others.The border should
inherit the standard hr border and i think the padding is equal to something else
to that is brandable but controlled by multiple places in the styesheets.
*/
h4.al-linklist-vertical-header,
h3.al-linklist-vertical-header {
  border-bottom: 1px dotted #C5C6C7;
  padding-bottom: 1em;
}

ul.al-linklist-vertical-link li {
  padding: 1em 0;
  border-bottom: 1px dotted #C5C6C7;
}

/* 4. Tips ========================= */
.al-tip h4,
.al-tip.brand-tip1-a h4 {
  color: #5D7E01;
}

.al-tip-contextOverlay,
.al-tip-contextOverlay.brand-tip1-a {
  background-color: #FFFFFF;
  border: 1px solid #C5C6C7;
}

.al-tip-contextOverlay:after {
  border-bottom-color: #ffffff;
}

.al-tip-contextOverlay:before {
  border-bottom-color: #c5c6c7;
}

/* 5. Popovers/Tooltips ========================= */
a.al-tooltip, a.al-tooltip:hover {
  border-bottom: 1px dashed #1C1E20;
  border-color: #1C1E20;
  color: #1C1E20;
  text-decoration: none;
}

.ui-tooltip {
  background-color: #FFFFFF;
  /*background-image: url("none");*/
}

.ui-tooltip.in {
  border-color: #C5C6C7;
}

.ui-tooltip.ui-tooltip-top:before {
  border-top-color: #C5C6C7;
}

.ui-tooltip.ui-tooltip-bottom:before {
  border-bottom-color: #C5C6C7;
}

.ui-tooltip.ui-tooltip-left:before {
  border-left-color: #C5C6C7;
}

.ui-tooltip.ui-tooltip-right:before {
  border-right-color: #C5C6C7;
}

/* 6. Highlights ========================= */
.al-highlight,
.al-highlight.brand-highlight1-a,
.al-highlight.brand-highlight-1 {
  background-color: #FFF5DA;
  border-color: #FFFFFF;
  border-style: solid;
  border-width: 0px;
}

/* 7. Badges ========================= */
.al-badge-large,
.al-badge-small {
  color: #FFFFFF;
}

.al-badge-action {
  background-color: #9E1F06;
  border: 2px solid #FFFFFF;
  color: #FFFFFF;
}

.al-badge-tip {
  background-color: #607F07;
  border: 2px solid #FFFFFF;
  color: #FFFFFF;
}

.al-badge-tip-blue {
  background-color: #1C68BF;
  border: 2px solid #FFFFFF;
  color: #FFFFFF;
}

.no-touch .al-badge-large:hover,
.no-touch .al-badge-small:hover,
.no-touch .al-badge-action:hover,
.no-touch .al-badge-tip:hover {
  color: #FFFFFF;
}

/* 8. Forms ========================= */
/* Autocomplete */
.p-autocomplete-panel li.p-autocomplete-item {
  color: #3488E8;
  border-bottom: 1px dotted #C5C6C7;
}

.p-autocomplete-panel .p-highlight {
  background-color: #DEEDFD;
}

/* Inputs/Select/Textarea/Datepicker */
input.p-inputtext,
span.p-autocomplete .p-inputtext,
.p-dropdown, .p-multiselect,
textarea.p-inputtext,
.aui-datepicker-select-wrapper select {
  background: #FFFFFF;
  box-shadow: inset 0 2px 11px rgba(0, 0, 0, 0.2);
  border: 1px solid #888888;
  color: #3C4144;
}

input.p-inputtext:focus,
.ui-inputwrapper-focus ul.p-inputtext,
.p-dropdown.p-focus, .p-multiselect.p-focus,
textarea.p-inputtext:focus,
.p-checkbox-box.p-focus,
.p-radiobutton-box.p-focus,
.p-dropdown-item.p-highlight {
  outline: 0.2rem solid #0055aa;
  outline-offset: 0.1rem;
}

/* Validator */
.al-field-content.error-container .p-inputtext {
  border: 1px solid #C13115;
}

.al-field-content.error-container label,
.al-field-content.error-container .field-error {
  color: #C13115;
}

/*
.aui-form-validator-stack-error .aui-form-validator-message { background: url($assetsPath + "/images/al-images/arrow-error.png") no-repeat scroll 0 0px transparent; }
.al-form-error-icon { background: url($assetsPath + "/images/al-images/arrow-error.png") no-repeat scroll 0 0px transparent; }*/
.al-field-content.error-container .field-error, .al-form-error-icon {
  background: url("../images/al-images/arrow-error.png") no-repeat scroll 0 0px transparent;
}

/* Buttons/Toolbar */
.al-button-large,
.al-button-small {
  color: #FFFFFF;
}

.al-button-positive {
  border: 1px solid #000;
  background-color: #1C68BF;
  border-color: #095AB5 #095AB5 #003F80 #095AB5;
  color: #FFFFFF;
}

.no-touch .al-button-positive:hover {
  background-color: #095AB5;
  border-color: #003F80 #003F80 #052344 #095AB5;
}

.al-button-negative {
  border: 1px solid #000;
  background-color: #C13115;
  color: #FFFFFF;
  border-color: #9E1F06 #811500 #5F0F00 #811500;
}

.no-touch .al-button-negative:hover {
  background-color: #811500;
  border-color: #811500 #5F0F00 #5F0F00 #5F0F00;
}

.al-button-neutral,
.p-paginator .p-paginator-page,
.al-panel-wrapper .p-accordion-header .fa {
  border: 1px solid #000;
  background-color: #E6E6E6;
  color: #3C4144;
  border-color: #D2D3D3 #C5C6C7 #A8ABAC #C5C6C7;
}

.no-touch .al-button-neutral:hover,
.no-touch .p-paginator-page:hover,
.no-touch .al-panel-wrapper .p-accordion-header .fa:hover {
  background-color: #D2D3D3;
  border-color: #C5C6C7 #A8ABAC #737678 #A8ABAC;
  color: #3C4144;
}

a.p-paginator-element.p-state-active,
a.p-paginator-element.p-state-active:hover {
  color: #737678;
  background-color: #FFFFFF;
  border-color: #FFFFFF;
}

button.p-paginator-element.p-highlight,
button.p-paginator-element.p-highlight:hover {
  color: #737678;
  background-color: #FFFFFF;
  border-color: #FFFFFF;
}

.p-paginator button.p-paginator-element.p-highlight {
  font-weight: 700;
  cursor: default;
}

.p-paginator button.p-paginator-element {
  line-height: 27px;
  margin: 0 3px;
}

.al-button-neutral.al-button-selected {
  background: #737678;
  border-color: #737678 #737678 #3C4144 #737678;
  color: #FFFFFF;
}

.p-button[disabled],
.no-touch .p-button[disabled]:hover {
  border: 1px solid #C5C6C7;
  background-color: #E6E6E6;
  color: #C5C6C7;
  cursor: default;
  border-color: #A8ABAC #C5C6C7 #C5C6C7 #D2D3D3;
} /*
.no-touch .al-button-link:hover .aui-button-input { color: #095AB5; }
.al-button-delete.al-button-negative .aui-button-input { background: #C13115  url($assetsPath + "/images/al-images/al-delete-neg.png") no-repeat scroll 14px 6px; }
.al-button-delete.al-button-neutral .aui-button-input { background-image: url($assetsPath + "/images/al-images/al-icon-trash-small.png"); }
.al-button-email-reminder.al-button-neutral .aui-button-input { background-image: url($assetsPath + "/images/al-images/al-icon-calendar-small.png"); }
.al-button-icon-print .aui-button-input,
.al-view-lt720 .al-button-icon-print .aui-button-input {
	background-image: url($assetsPath + "/images/base/icon_print_xsmall.png");
}
.al-button-icon-left-arrow .aui-button-input { background-image: url($assetsPath + "/images/al-images/al-small-arrow/icon_left_small_grey.png"); }
.al-button-icon-right-arrow .aui-button-input { background-image: url($assetsPath + "/images/al-images/al-small-arrow/icon_right_small_grey.png"); }
.al-button-next .aui-button-input { background-image: url($assetsPath + "/images/al-images/al-arrow-down.gif"); }
.al-button-pre .aui-button-input { background-image: url($assetsPath + "/images/al-images/al-arrow-up.gif"); }
*/
.al-button-positive:active {
  background-color: #003F80;
  border-color: #052344 #052344 #061B31 #5F0F00;
}

.al-button-negative:active {
  background-color: #5F0F00;
  border-color: #5F0F00;
}

.al-button-neutral:active {
  background-color: #A8ABAC;
  border-color: #737678 #737678 #3C4144 #737678;
}

/*
.al-buttons-right { text-align: right; }
.al-button-favorite .aui-button-input { background-image: url($assetsPath + "/images/base/icon_star_small.png"); }
.al-button-favorite.active .aui-button-input { background-image: url($assetsPath + "/images/base/icon_star_small_yellow.png");}
.no-touch .al-button-favorite:hover .aui-button-input { background-image: url($assetsPath + "/images/base/icon_star_small_yellow.png"); }*/
/* Buttons Secondary */
.al-button-secondary,
a.al-button-secondary {
  border: 1px solid #000000;
  background-color: #607F07;
  border-color: #5D7E01 #5D7E01 #334600;
  color: #FFFFFF;
}

.al-button-secondary:active,
a.al-button-secondary:active {
  background-color: #4B6601;
  border-color: #334600 #334600 #212D00;
}

.no-touch .al-button-secondary:hover,
a.al-button-secondary:hover {
  background-color: #4B6601;
  border-color: #334600 #334600 #212D00;
}

/*.al-button-nxt .aui-button-content .aui-button-input { background-image: url($assetsPath + "/images/al-images/al-arrow-right.gif"); }
.al-button-prv .aui-button-content .aui-button-input { background-image: url($assetsPath + "/images/al-images/al-arrow-left.gif"); }
.al-icon-plus,
.al-icon-minus {
	background-image: url($assetsPath + "/images/al-images/icon_expand_collapse.png");
}
.aui-button-input[disabled]{
	border-color: #D2D3D3 #C5C6C7 #A8ABAC #C5C6C7;
	background-color: #e6e6e6;
	color: #c5c6c7;
}*/
/* 9. TreeView ========================= */
/*.no-touch .al-treeview ul:hover,
.no-touch .al-treeview li:hover {
	color: #3488E8;
}*/
.al-panelTreeview-wrapper .al-panelTreeview-controls a,
.al-panelTreeview-wrapper .al-panelTreeview-controls span {
  color: #3488E8;
}

.al-panelTreeview-wrapper .al-panelTreeview-controls a:hover,
.al-panelTreeview-wrapper .al-panelTreeview-controls span:hover {
  color: #3488E8;
}

/* 10. Tiles ========================= */
/* 1 - Primary colors*/
/* Primary-A (Primary)*/
.al-tile.brand-tile1-a {
  background-color: #1C68BF;
  border-color: #095AB5 #003F80 #003F80 #003F80;
  color: #FFFFFF;
}

.no-touch .al-tile.brand-tile1-a.al-tile-hover:hover {
  background-color: #095AB5;
  color: #FFFFFF;
}

.al-tile.brand-tile1-a.al-tile-arrow {
  background-image: url("../images/brand/al-tilearrows-white.png");
}

.al-tile.brand-tile1-a h1,
.al-tile.brand-tile1-a h2,
.al-tile.brand-tile1-a h3,
.al-tile.brand-tile1-a h4,
.al-tile.brand-tile1-a p,
.al-tile.brand-tile1-a .al-tile-text,
.al-tile.brand-tile1-a a {
  color: #FFFFFF;
}

/* Primary-B (Primary-Light) */
.al-tile.brand-tile1-b {
  background-color: #DEEDFD;
  border-color: #BCD9F7 #BCD9F7 #BCD9F7 #BCD9F7;
}

.no-touch .al-tile.brand-tile1-b.al-tile-hover:hover {
  background-color: #BCD9F7;
  border-color: #65ACFC;
  color: #1C1E20;
}

.al-tile.brand-tile1-b.al-tile-arrow {
  background-image: url("../images/brand/al-tilearrows-dark.png");
}

.al-tile.brand-tile1-b h1,
.al-tile.brand-tile1-b h2,
.al-tile.brand-tile1-b h3,
.al-tile.brand-tile1-b h4,
.al-tile.brand-tile1-b a {
  color: #000000;
}

.al-tile.brand-tile1-b p,
.al-tile.brand-tile1-b .al-tile-text {
  color: #1C1E20;
}

.al-tile.brand-tile1-b p a,
.al-tile.brand-tile1-b .al-tile-text a {
  color: inherit;
}

/* Primary-C (Primary-Dark) */
.al-tile.brand-tile1-c {
  background-color: #095AB5;
  border-color: #003F80 #003F80 #052344 #003F80;
}

.al-tile-fade .al-tile.brand-tile1-c {
  background-color: #3488E8;
}

.no-touch .al-tile.brand-tile1-c.al-tile-hover:hover {
  background-color: #003F80;
  color: #BCD9F7;
}

.al-tile.brand-tile1-c.al-tile-arrow {
  background-image: url("../images/brand/al-tilearrows-white.png");
}

.al-tile.brand-tile1-c h1,
.al-tile.brand-tile1-c h2,
.al-tile.brand-tile1-c h3,
.al-tile.brand-tile1-c h4,
.al-tile.brand-tile1-c a {
  color: #FFFFFF;
}

.al-tile.brand-tile1-c p,
.al-tile.brand-tile1-c .al-tile-text {
  color: #BCD9F7;
}

.al-tile.brand-tile1-c p a,
.al-tile.brand-tile1-c .al-tile-text a {
  color: #BCD9F7;
}

.al-tile.brand-tile1-c .al-tile-favourite-label {
  color: #FFFFFF;
}

/* 2- Secondary Colors */
/* Secondary -A */
.al-tile.brand-tile2-a {
  background-color: #8FB328;
  border-color: #607F07 #5D7E01 #4B6601 #5D7E01;
  color: #1C1E20;
}

.no-touch .al-tile.brand-tile2-a.al-tile-hover:hover {
  background-color: #607F07;
  color: #1C1E20;
}

.al-tile.brand-tile2-a.al-tile-arrow {
  background-image: url("../images/brand/al-tilearrows-white.png");
}

.al-tile.brand-tile2-a h1,
.al-tile.brand-tile2-a h2,
.al-tile.brand-tile2-a h3,
.al-tile.brand-tile2-a h4,
.al-tile.brand-tile2-a p,
.al-tile.brand-tile2-a .al-tile-text,
.al-tile.brand-tile2-a a {
  color: #1C1E20;
}

/* Secondary -C */
.al-tile.brand-tile2-c {
  background-color: #607F07;
  border-color: #4B6601 #4B6601 #334600 #4B6601;
}

.no-touch .al-tile.brand-tile2-c.al-tile-hover:hover {
  background-color: #4B6601;
  color: #FFFFFF;
}

.al-tile.brand-tile2-c.al-tile-arrow {
  background-image: url("../images/brand/al-tilearrows-white.png");
}

.al-tile.brand-tile2-c h1,
.al-tile.brand-tile2-c h2,
.al-tile.brand-tile2-c h3,
.al-tile.brand-tile2-c h4,
.al-tile.brand-tile2-c a {
  color: #FFFFFF;
}

.al-tile.brand-tile2-c p,
.al-tile.brand-tile2-c .al-tile-text {
  color: #FFFFFF;
}

.al-tile.brand-tile2-c p a,
.al-tile.brand-tile2-c .al-tile-text a {
  color: #FFFFFF;
}

/* 3- Tertiary Color */
/* Tertiary -A */
.al-tile.brand-tile3-a {
  background-color: #F4A713;
  border-color: #DB8100 #DB8100 #B15700 #DB8100;
}

.no-touch .al-tile.brand-tile3-a.al-tile-hover:hover {
  background-color: #DB8100;
}

.al-tile.brand-tile3-a.al-tile-arrow {
  background-image: url("../images/brand/al-tilearrows-white.png");
}

.al-tile.brand-tile3-a h1,
.al-tile.brand-tile3-a h2,
.al-tile.brand-tile3-a h3,
.al-tile.brand-tile3-a h4,
.al-tile.brand-tile3-a p,
.al-tile.brand-tile3-a .al-tile-text,
.al-tile.brand-tile3-a a {
  color: #1C1E20;
}

/* Tertiary -C */
.al-tile.brand-tile3-c {
  background-color: #DB8100;
  border-color: #B15700 #B15700 #B15700 #B15700;
}

.no-touch .al-tile.brand-tile3-c.al-tile-hover:hover {
  background-color: #B15700;
  color: #FFFFFF;
}

.al-tile.brand-tile3-c.al-tile-arrow {
  background-image: url("../images/brand/al-tilearrows-white.png");
}

.al-tile.brand-tile3-c h1,
.al-tile.brand-tile3-c h2,
.al-tile.brand-tile3-c h3,
.al-tile.brand-tile3-c h4,
.al-tile.brand-tile3-c a {
  color: #FFFFFF;
}

.al-tile.brand-tile3-c p,
.al-tile.brand-tile3-c .al-tile-text {
  color: #FFFFFF;
}

.al-tile.brand-tile3-c p a,
.al-tile.brand-tile3-c .al-tile-text a {
  color: #FFFFFF;
}

/* 4- Neutral Colors */
/* Neutral -C */
.al-tile.brand-tile4-c {
  background-color: #EFEFEF;
  border-color: #E6E6E6 #D2D3D3 #C5C6C7 #D2D3D3;
  /* CS&E has CR to make title tile color blue for non linkable tile for defect-1329 */
}

.no-touch .al-tile.brand-tile4-c.al-tile-hover:hover {
  background-color: #E6E6E6;
  color: #1C1E20;
}

.al-tile.brand-tile4-c.al-tile-arrow {
  background-image: url("../images/brand/al-tilearrows-dark.png");
}

.al-tile.brand-tile4-c h1,
.al-tile.brand-tile4-c h2,
.al-tile.brand-tile4-c h3,
.al-tile.brand-tile4-c h4,
.al-tile.brand-tile4-c a {
  color: #000000;
}

.al-tile.brand-tile4-c p,
.al-tile.brand-tile4-c .al-tile-text {
  color: #1C1E20;
}

.al-tile.brand-tile4-c p a,
.al-tile.brand-tile4-c .al-tile-text a {
  color: inherit;
}

.al-tile.brand-tile4-c .al-tile-title {
  color: #000000;
}

/* Neutral normal -A */
.al-tile.brand-tile4-a {
  background-color: #F4F4F4;
  border-color: #E6E6E6 #E6E6E6 #D2D3D3 #E6E6E6;
  /* CS&E has CR to make title tile color blue for non linkable tile for defect-1329 */
}

.no-touch .al-tile.brand-tile4-a.al-tile-hover:hover {
  background-color: #EFEFEF;
  color: #1C1E20;
}

.al-tile.brand-tile4-a.al-tile-arrow {
  background-image: url("../images/brand/al-tilearrows-dark.png");
}

.al-tile.brand-tile4-a h1,
.al-tile.brand-tile4-a h2,
.al-tile.brand-tile4-a h3,
.al-tile.brand-tile4-a h4,
.al-tile.brand-tile4-a .al-tile-title {
  color: #000000;
}

.al-tile.brand-tile4-a p,
.al-tile.brand-tile4-a .al-tile-text {
  color: #1C1E20;
}

.al-tile.brand-tile4-a p a,
.al-tile.brand-tile4-a .al-tile-text a {
  color: inherit;
}

.al-tile.brand-tile4-a .al-tile-title {
  color: #000000;
}

/* Neutral Light with Blue Title-B */
.al-tile.brand-tile4-b {
  background-color: #FFFFFF;
  border-color: #E6E6E6 #D2D3D3 #C5C6C7 #D2D3D3;
  /* CS&E has CR to make title tile color blue for non linkable tile for defect-1329 */
}

.no-touch .al-tile.brand-tile4-b.al-tile-hover:hover {
  background-color: #F4F4F4;
}

.al-tile.brand-tile4-b.al-tile-arrow {
  background-image: url("../images/brand/al-tilearrows-dark.png");
}

.al-tile.brand-tile4-b h1,
.al-tile.brand-tile4-b h2,
.al-tile.brand-tile4-b h3,
.al-tile.brand-tile4-b h4,
.al-tile.brand-tile4-b a {
  color: #000000;
}

.al-tile.brand-tile4-b p,
.al-tile.brand-tile4-b .al-tile-text {
  color: #1C1E20;
}

.al-tile.brand-tile4-b p a,
.al-tile.brand-tile4-b .al-tile-text a {
  color: inherit;
}

.al-tile.brand-tile4-b .al-tile-title {
  color: #1c68bf;
}

/* Neutral  data -D */
/* CS&E has CR to make title tile color blue for non linkable tile for defect-1329 */
.al-tile.brand-tile4-d {
  background-color: #FFFFFF;
  border-color: #E6E6E6 #D2D3D3 #C5C6C7 #D2D3D3;
}

.no-touch .al-tile.brand-tile4-d.al-tile-hover:hover {
  background-color: #F4F4F4;
  color: #1C1E20;
}

.al-tile.brand-tile4-d.al-tile-arrow {
  background-image: url("../images/brand/al-tilearrows-dark.png");
}

.al-tile.brand-tile4-d p,
.al-tile.brand-tile4-d .al-tile-text {
  color: #1C1E20;
}

/* 5- Attention Colors */
/* Attention -A */
.al-tile.brand-tile5-a {
  background-color: #9E1F06;
  border-color: #811500 #811500 #5F0F00 #811500;
}

.no-touch .al-tile.brand-tile5-a.al-tile-hover:hover {
  background-color: #811500;
}

.al-tile.brand-tile5-a.al-tile-arrow {
  background-image: url("../images/brand/al-tilearrows-white.png");
}

.al-tile.brand-tile5-a h1,
.al-tile.brand-tile5-a h2,
.al-tile.brand-tile5-a h3,
.al-tile.brand-tile5-a h4,
.al-tile.brand-tile5-a p,
.al-tile.brand-tile5-a .al-tile-text,
.al-tile.brand-tile5-a a {
  color: #FFFFFF;
}

.al-tile.al-tile-banner-active .typo-area {
  background-image: url("../images/brand/banner_active_translucent.png");
}

/* Tile Active state css - 3.2 update*/
/* 1 - Primary colors*/
/* Primary-A(Primary)*/
.no-touch .al-tile.al-tile-hover.brand-tile1-a:active {
  background-color: #003F80;
  border-color: #003F80 #003F80 #052344 #003F80;
}

/* Primary-B (Primary-Light) */
.no-touch .al-tile.al-tile-hover.brand-tile1-b:active {
  background-color: #65ACFC;
  border-color: #3488E8 #3488E8 #1C68BF #3488E8;
  color: #1C1E20;
}

/* Primary-B (Primary-Light - Active state header content color) */
.no-touch .al-tile.brand-tile1-b h1:active,
.no-touch .al-tile.brand-tile1-b h2:active,
.no-touch .al-tile.brand-tile1-b h3:active,
.no-touch .al-tile.brand-tile1-b h4:active {
  color: #3C4144;
}

/* Primary-B (Primary-Light - hover state header content color) */
.no-touch .al-tile.brand-tile1-b.al-tile-hover:hover {
  color: #3C4144;
}

.no-touch .al-tile.brand-tile1-b .al-tile-hover h1:hover,
.no-touch .al-tile.brand-tile1-b .al-tile-hover h2:hover,
.no-touch .al-tile.brand-tile1-b .al-tile-hover h3:hover,
.no-touch .al-tile.brand-tile1-b .al-tile-hover h4:hover {
  color: #000000;
}

/* Primary-C (Primary-Dark) */
.no-touch .al-tile.al-tile-hover.brand-tile1-c:active {
  background-color: #052344;
  border-color: #003F80 #003F80 #052344 #003F80;
}

/* 2- Secondary Colors */
/* Secondary -A */
.no-touch .al-tile.al-tile-hover.brand-tile2-a:active {
  background-color: #4B6601;
  border-color: #334600;
  color: #FFFFFF;
}

/* Secondary -A(Secondary - Active state header content color) */
.no-touch .al-tile.brand-tile2-a h1:active,
.no-touch .al-tile.brand-tile2-a h2:active,
.no-touch .al-tile.brand-tile2-a h3:active,
.no-touch .al-tile.brand-tile2-a h4:active {
  color: #FFFFFF;
}

/* Secondary -C */
.no-touch .al-tile.al-tile-hover.brand-tile2-c:active {
  background-color: #334600;
  border-color: #334600;
}

/* 3- Tertiary Color */
/* Tertiary -A */
.no-touch .al-tile.al-tile-hover.brand-tile3-a:active {
  background-color: #B15700;
  border-color: #B15700;
  color: #FFFFFF;
}

/* Tertiary -A(Tertiary - Active state header content color) */
.no-touch .al-tile.brand-tile3-a h1:active,
.no-touch .al-tile.brand-tile3-a h2:active,
.no-touch .al-tile.brand-tile3-a h3:active,
.no-touch .al-tile.brand-tile3-a h4:active {
  color: #FFFFFF;
}

/* Tertiary -C */
.no-touch .al-tile.al-tile-hover.brand-tile3-c:active {
  background-color: #B15700;
  border-color: #B15700;
}

/* 4- Neutral Colors */
/* Neutral -C */
.no-touch .al-tile.al-tile-hover.brand-tile4-c:active {
  background-color: #D2D3D3;
  border-color: #C5C6C7 #C5C6C7 #A8ABAC #C5C6C7;
}

/* Neutral -A */
.no-touch .al-tile.al-tile-hover.brand-tile4-a:active {
  background-color: #E6E6E6;
  border-color: #D2D3D3 #D2D3D3 #C5C6C7 #D2D3D3;
}

/* Neutral -B */
.no-touch .al-tile.al-tile-hover.brand-tile4-b:active {
  background-color: #EFEFEF;
  border-color: #E6E6E6 #E6E6E6 #D2D3D3 #E6E6E6;
}

/* 5- Attention Colors */
/* Attention -A */
.no-touch .al-tile.al-tile-hover.brand-tile5-a:active {
  background-color: #9E1F06;
  border-color: #811500 #811500 #5F0F00 #811500;
}

/* 11. GMC PopOver section ========================= */
.al-gmc-popover-flyout .al-gmc-header {
  color: #FFFFFF;
}

.al-gmc-popover-flyout .al-gmc-header .al-gmc-flyout-title {
  color: #FFFFFF;
}

.al-gmc-popover-flyout:after {
  border-bottom-color: #C13115;
}

/*.al-gmc-popover-flyout .al-arrow .al-arrow-line { border-bottom-color: #9E1F06; }*/
.al-gmc-popover-flyout {
  border: 0px;
  background-color: #C13115;
}

.al-gmc-popover-flyout .al-gmc-footer {
  background-color: #e6e6e6;
}

.al-gmc-popover-flyout .al-gmc-inner-wrapper {
  background-color: #FFFFFF;
}

.al-portlet-gmc-secure-inner .al-table-gmc tr.readmessage td a {
  color: #737678;
}

/* Text color for Flyout and GMC Action Needed Section */
#actionNeeded .al-action-needed-content .al-gmc-action-needed-title,
#actionNeeded .al-action-needed-content .al-gmc-action-needed-title a,
#al-primary-nav #al-gmc-messages-link .al-gmc-inner-wrapper .al-gmc-action-needed-title,
#al-primary-nav #al-gmc-messages-link .al-gmc-inner-wrapper .al-gmc-action-needed-title a {
  color: #9E1F06;
}

#actionNeeded .al-action-needed-content p,
#actionNeeded .al-action-needed-content p a,
#al-primary-nav #al-gmc-messages-link .al-gmc-inner-wrapper p,
#al-primary-nav #al-gmc-messages-link .al-gmc-inner-wrapper p a {
  color: #1C1E20;
}

/* START : UFD-34 - Upn and upoint code not in sync for flyout */
#al-primary-nav #al-gmc-messages-link .al-gmc-inner-wrapper a[href] {
  color: #1C68BF;
}

#al-primary-nav #al-gmc-messages-link .al-gmc-inner-wrapper a[href]:not([href*="javascript:"]) h5:not(.al-gmc-action-needed-title) {
  color: #1C68BF;
}

#al-primary-nav #al-gmc-messages-link .al-gmc-inner-wrapper a[href] a {
  color: #1C1E20;
}

/* END : UFD-34 - Upn and upoint code not in sync for flyout */
#al-primary-nav #al-gmc-messages-link .al-gmc-inner-wrapper a[href] + p a {
  color: #1C1E20;
}

/* Just to fix color inherit issue for tiles when it load under anchor tag */
a.color-inherit {
  color: inherit;
}

a.color-inherit h1,
a.color-inherit h2,
a.color-inherit h3,
a.color-inherit h4,
a.color-inherit h5,
a.color-inherit a {
  color: inherit;
}

a.color-inherit p,
a.color-inherit .al-tile-text {
  color: inherit;
}

a.color-inherit p a,
a.color-inherit .al-tile-text a {
  color: inherit;
}

/* Just to fix tile link hover text decoration issue */
.al-tile a:hover,
.al-tile .al-tile-hover a:hover,
a.color-inherit:hover {
  text-decoration: none;
}

/* 12. Error Handling ========================= */
/* brand-alert (alert & errors) */
.al-error-heading,
.al-error-heading.brand-alert1-a {
  background: url("../images/al-images/al-error-ioc-techdif.png") left center no-repeat;
}

.al-error-heading,
.al-error-message,
.al-error-heading.brand-alert1-a,
.al-error-message.brand-alert1-a {
  color: #C13115;
}

/* 13. Progress Bar ========================= */
.al-progressbar li.ui-steps-item:after,
.al-progressbar.brand-progress1-a li.ui-steps-item:after {
  background-image: linear-gradient(#C5C6C7, #E6E6E6);
}

.al-progressbar li.ui-steps-item.ui-state-completed:after,
.al-progressbar.brand-progress1-a li.ui-steps-item.ui-state-completed:after {
  background-image: linear-gradient(#4B6601, #8FB328);
  border-color: #4B6601;
}

.al-progressbar span.ui-steps-number,
.al-progressbar.brand-progress1-a span.ui-steps-number {
  background-color: #EFEFEF;
  border-color: #C5C6C7;
  color: #3C4144;
}

.al-progressbar .ui-state-highlight span.ui-steps-number,
.al-progressbar.brand-progress1-a .ui-state-highlight span.ui-steps-number {
  background-color: #607F07;
  border-color: #607F07;
  color: #FFFFFF;
}

.al-progressbar .ui-state-completed span.ui-steps-number,
.al-progressbar.brand-progress1-a .ui-state-completed span.ui-steps-number {
  background-color: #607F07;
  border-color: #4B6601;
  color: #FFFFFF;
}

.al-view-lt720 .currentLabel,
.al-progressbar span.ui-steps-title {
  color: #1C1E20;
}

/*----------------brand-rad (border radius)--------------------------------------*/
.brand-rad1-a {
  border-radius: 6px;
}

/* 14. Pagination ========================= */
.al-pagination .al-button-small.al-button-first .aui-button-input {
  background-image: url("../images/brand/icon_doubleleftarrow.png");
}

.al-pagination .al-button-small.al-button-prev .aui-button-input {
  background-image: url("../images/brand/icon_leftarrow.png");
}

.al-pagination .al-button-small.al-button-next .aui-button-input {
  background-image: url("../images/brand/icon_rightarrow.png");
}

/* 15. Tabs =========================*/
/* verticalTab */
.yui3-widget .al-tabs-vertical .yui3-tabview-list,
.yui3-widget .al-tabs-vertical.brand-tabs1-a .yui3-tabview-list {
  border-bottom-color: #E6E6E6;
}

.yui3-widget .al-tabs-vertical .yui3-tabview-list .yui3-tab .yui3-tab-label,
.yui3-widget .al-tabs-vertical.brand-tabs1-a .yui3-tabview-list .yui3-tab .yui3-tab-label {
  background: #E6E6E6 url("../images/al-images/al-tab-nav-active.gif") right center no-repeat;
  border-top-color: #E6E6E6;
  color: #000000;
}

.no-touch .yui3-widget .al-tabs-vertical .yui3-tabview-list .yui3-tab .yui3-tab-label:hover,
.no-touch .yui3-widget .al-tabs-vertical.brand-tabs1-a .yui3-tabview-list .yui3-tab .yui3-tab-label:hover {
  background: #A8ABAC url("../images/al-images/al-tab-nav.gif") right center no-repeat;
  color: #000000;
}

.yui3-widget .al-tabs-vertical .yui3-tabview-list .yui3-tab-selected .yui3-tab-label,
.no-touch .yui3-widget .al-tabs-vertical .yui3-tabview-list .yui3-tab-selected .yui3-tab-label:hover,
.yui3-widget .al-tabs-vertical.brand-tabs1-a .yui3-tabview-list .yui3-tab-selected .yui3-tab-label,
.no-touch .yui3-widget .al-tabs-vertical.brand-tabs1-a .yui3-tabview-list .yui3-tab-selected .yui3-tab-label:hover {
  background: #FFFFFF url("../images/al-images/al-tab-nav.gif") right center no-repeat;
  color: #000000;
}

.al-view-lt480 .yui3-widget .al-tabs-vertical,
.al-view-480 .yui3-widget .al-tabs-vertical,
.al-view-lt480 .yui3-widget .al-tabs-vertical.brand-tabs1-a,
.al-view-480 .yui3-widget .al-tabs-vertical.brand-tabs1-a {
  background: #F4F4F4;
}

/* Horizontal tabs */
.yui3-widget .al-tabs-horizontal .al-select-tab-select-element,
.yui3-widget .al-tabs-horizontal.brand-tabs1-a .al-select-tab-select-element {
  border-color: #C5C6C7;
}

.yui3-widget .al-tabs-horizontal .al-select-tab-select-element select,
.yui3-widget .al-tabs-horizontal.brand-tabs1-a .al-select-tab-select-element select {
  background: #FFFFFF;
  color: #000000;
}

.yui3-widget .al-tabs-horizontal .yui3-tabview-list .yui3-tab,
.yui3-widget .al-tabs-horizontal.brand-tabs1-a .yui3-tabview-list .yui3-tab {
  border-color: #C5C6C7;
  border-bottom-color: #E6E6E6;
}

.yui3-widget .al-tabs-horizontal .yui3-tabview-list .yui3-tab .yui3-tab-label,
.yui3-widget .al-tabs-horizontal.brand-tabs1-a .yui3-tabview-list .yui3-tab .yui3-tab-label {
  background-color: #E6E6E6;
  color: #1C1E20;
}

.no-touch .yui3-widget .al-tabs-horizontal .yui3-tabview-list .yui3-tab .yui3-tab-label:hover,
.no-touch .yui3-widget .al-tabs-horizontal.brand-tabs1-a .yui3-tabview-list .yui3-tab .yui3-tab-label:hover {
  color: #1C1E20;
}

.yui3-widget .al-tabs-horizontal .yui3-tabview-list .yui3-tab-selected .yui3-tab-label,
.yui3-widget .al-tabs-horizontal.brand-tabs1-a .yui3-tabview-list .yui3-tab-selected .yui3-tab-label {
  background-color: #FFFFFF;
  font-weight: bold;
  color: #1C1E20;
  border-bottom-color: #FFFFFF;
}

.no-touch .yui3-widget .al-tabs-horizontal .yui3-tabview-list .yui3-tab-selected .yui3-tab-label:hover,
.no-touch .yui3-widget .al-tabs-horizontal.brand-tabs1-a .yui3-tabview-list .yui3-tab-selected .yui3-tab-label:hover {
  color: #1C1E20;
  background-color: #FFFFFF;
}

.yui3-widget .al-tabs-horizontal .yui3-tabview-panel,
.yui3-widget .al-tabs-horizontal.brand-tabs1-a .yui3-tabview-panel {
  border-color: #C5C6C7;
  border-top: none;
}

/* 16. Containers ========================= */
/* brand-cntBox */
/* Brand 1 One currently grey no arrow*/
.al-container,
.al-container-box,
.al-container.brand-1,
.al-container-box.brand-1 {
  background-color: #F4F4F4;
  border-width: 1px;
  border-style: solid;
  border-color: #EFEFEF #E6E6E6 #D2D3D3 #E6E6E6;
  color: #1C1E20;
}

/*.al-container .al-arrow {
	left: 1%;
	display: none;
}
.al-container.al-arrow-on .al-arrow { display: block; }*/
.al-container.brand-1.has-arrow-top-left:after {
  border-bottom-color: #F4F4F4;
}

.al-container.brand-1.has-arrow-top-left:before {
  border-bottom-color: #EFEFEF;
}

/* Brand 2 dashed border*/
.al-container.brand-2 {
  background-color: #FFFFFF;
  border: 1px dashed #D2D3D3;
  color: #1C1E20;
}

.al-container.brand-2.has-arrow-top-left:after {
  border-bottom-color: #FFFFFF;
}

.al-container.brand-2.has-arrow-top-left:before {
  border-bottom-color: #D2D3D3;
}

/* Brand 3 Light*/
.al-container.brand-3 {
  background-color: #FFFFFF;
  border-color: #E6E6E6 #E6E6E6 #E6E6E6 #E6E6E6;
  color: #1C1E20;
}

.al-container.brand-3.has-arrow-top-left:after {
  border-bottom-color: #FFFFFF;
}

.al-container.brand-3.has-arrow-top-left:before {
  border-bottom-color: #E6E6E6;
}

/* Brand 4 Tertiary Color*/
.al-container.brand-4 {
  background-color: #FFF5DA;
  border-color: #FFD177 #FFD177 #FFD177 #FFD177;
  color: #1C1E20;
}

.al-container.brand-4.has-arrow-top-left:after {
  border-bottom-color: #FFF5DA;
}

.al-container.brand-4.has-arrow-top-left:before {
  border-bottom-color: #FFD177;
}

/* Brand 5 attention Color*/
.al-container.brand-5,
.al-container-box.brand-cntBox4-a {
  background-color: #F4F4F4;
  border-color: #C13115 #C13115 #C13115 #C13115;
  color: #C13115;
}

.al-container.brand-5.has-arrow-top-left:after {
  border-bottom-color: #F4F4F4;
}

.al-container.brand-5.has-arrow-top-left:before {
  border-bottom-color: #C13115;
}

/* Brand 6 divider with top bottom border*/
.al-container-divider,
.al-content-divider,
.al-content-divider-arrow,
.al-container.brand-6 {
  background-color: #FFFFFF;
  border-color: #E6E6E6 #FFFFFF #D2D3D3 #FFFFFF;
  color: #1C1E20;
  background-image: linear-gradient(to top, #F4F4F4, rgba(255, 255, 255, 0) 22px), linear-gradient(to bottom, #F4F4F4, rgba(255, 255, 255, 0) 22px);
}

.al-container.brand-6.has-arrow-top-left:after {
  border-bottom-color: #F4F4F4;
}

.al-container.brand-6.has-arrow-top-left:before {
  border-bottom-color: #E6E6E6;
}

/* Brand 8 divider with only a top gradiant */
.al-container.brand-8 {
  background-color: #FFFFFF;
  border-color: #E6E6E6 #FFFFFF #FFFFFF #FFFFFF;
  color: #1C1E20;
  background-image: linear-gradient(#F4F4F4, rgba(255, 255, 255, 0) 22px);
}

.al-container.brand-8.has-arrow-top-left:after {
  border-bottom-color: #F4F4F4;
}

.al-container.brand-8.has-arrow-top-left:before {
  border-bottom-color: #E6E6E6;
}

/* Brand 9 divider with only a bottom gradiant and no arrow*/
.al-container.brand-9 {
  background-color: #FFFFFF;
  border-color: #FFFFFF #FFFFFF #D2D3D3 #FFFFFF;
  color: #1C1E20;
  background-image: linear-gradient(to bottom, #ffffff 70%, #F4F4F4 100%);
}

.al-container.brand-9.has-arrow-bottom-left:after {
  border-top-color: #F4F4F4;
}

.al-container.brand-9.has-arrow-bottom-left:before {
  border-top-color: #D2D3D3;
}

/*.al-container.brand-9 .al-arrow {
	top: auto;
	bottom: 0px;
}
.al-container.brand-9 .al-arrow .al-arrow-front {
	border-top-color: #F4F4F4;
	border-bottom-color: transparent;
	border-top-style: solid;
	border-bottom-style: dashed;
}
.al-container.brand-9 .al-arrow .al-arrow-line{
	border-top-color: #D2D3D3;
	border-bottom-color: transparent;
	border-top-style: solid;
	border-bottom-style: dashed;
	top: 1px;
}*/
/* Brand 10 Secondary Color*/
.al-container.brand-10 {
  background-color: #ecfcb8;
  border-color: #bfdf61 #bfdf61 #bfdf61 #bfdf61;
  color: #1C1E20;
}

.al-container.brand-10 .al-container-icon-small {
  background: url("../images/brand/al-icon-check-small.png") left top no-repeat;
}

.al-container.brand-10.has-arrow-top-left:after {
  border-bottom-color: #ecfcb8;
}

.al-container.brand-10.has-arrow-top-left:before {
  border-bottom-color: #bfdf61;
}

/* 17. Tabels ========================= */
/* table sorting - tanglesey */
.al-table-sort thead {
  box-shadow: 0 1px 1px #A8ABAC;
}

.al-table-sort th {
  border-right: 1px solid #D2D3D3;
}

.al-table-sort th a {
  color: #1C1E20;
}

.al-table-sort th a:hover,
.al-table-sort th:hover {
  background-color: #E6E6E6;
}

.al-table-sort th:first-child {
  border-left: 1px solid #D2D3D3;
}

.al-table-sort th.sort-desc,
.al-table-sort th.sort-asc {
  background-color: #E6E6E6;
}

/* Tabels Responsive */
.al-view-lt480 table.al-table-responsive tbody tr td:last-child,
.al-view-480 table.al-table-responsive tbody tr td:last-child {
  border-bottom: 1px dotted #D2D3D3;
}

.al-view-lt480 table.al-table-responsive tbody tr td.al-last-child,
.al-view-480 table.al-table-responsive tbody tr td.al-last-child {
  border-bottom: 1px dotted #D2D3D3;
}

.al-view-lt480 table.al-table-responsive tbody:last-child tr:last-child td:last-child,
.al-view-480 table.al-table-responsive tbody:last-child tr:last-child td:last-child {
  border-bottom: 1px solid #C5C6C7;
}

.al-view-lt480 table.al-table-responsive tbody.al-last-child tr.al-last-child td.al-last-child,
.al-view-480 table.al-table-responsive tbody.al-last-child tr.al-last-child td.al-last-child {
  border-bottom: 1px solid #C5C6C7;
}

.al-view-lt480 table.al-table-responsive tr:first-child td:first-child,
.al-view-480 table.al-table-responsive tr:first-child td:first-child,
.al-view-lt480 table.al-table-responsive tbody:first-child tr:first-child td:first-child,
.al-view-480 table.al-table-responsive tbody:first-child tr:first-child td:first-child {
  border-top: 1px solid #C5C6C7;
}

/* Tabels Option */
.al-tableoption-wrapper .table-menu,
.al-tableoption-wrapper a.table-menu-btn {
  background-color: #737678;
  border: 1px solid #3C4144;
}

/* Tabels Color Options */
.al-tableoption-wrapper a.table-menu-btn:hover,
.al-tableoption-wrapper input[type=checkbox] ~ label,
.al-tableoption-wrapper a.table-menu-btn {
  color: #FFFFFF;
}

/* Tabels Brand 1 Neutral Normal */
.al-table,
.al-table.brand-1 {
  background-color: transparent;
}

.al-table th,
.al-table.brand-1 th,
.p-datatable .p-datatable-thead > tr > th {
  border-top: 1px solid #D2D3D3;
  border-bottom: 1px solid #D2D3D3;
  background-color: #F4F4F4;
  color: #1C1E20;
}

.al-table tfoot,
.al-table.brand-1 tfoot {
  border-top: 1px solid #D2D3D3;
}

.al-table tbody td,
.al-table.brand-1 tbody td,
.p-datatable .p-datatable-tbody > tr > td {
  border-bottom: 1px dotted #D2D3D3;
}

/* This adds the border to the top if the table does not have a header. */
.al-table tbody:first-child tr:first-child td,
.al-table.brand-1 tbody:first-child tr:first-child td,
.al-table tbody.al-first-of-type tr:first-child,
.al-table.brand-1 tbody.al-first-of-type tr.al-first-child {
  border-top: 1px solid #D2D3D3;
}

/* For older version of IE */
.al-table tbody.al-first-of-type tr:first-child,
.al-table.brand-1 tbody.al-first-of-type tr.al-first-child {
  border-top: 1px solid #D2D3D3;
}

/* This zeros out the top border if there is a header and  caption */
.al-table tbody:nth-child(3) tr:first-child td,
.al-table.brand-1 tbody:nth-child(3) tr:first-child td {
  border-top: 0px solid #D2D3D3;
}

/* This takes car of the header + caption problem for older versions of ie */
.al-table tbody.al-table-no-head tr.al-first-child,
.al-table.brand-1 tbody.al-table-no-head tr.al-first-child {
  border-top: 0px solid #D2D3D3;
}

.al-table tbody:last-child tr:last-child td,
.al-table.brand-1 tbody:last-child tr:last-child td {
  border-bottom: 1px solid #D2D3D3;
}

.al-table tbody.al-last-child tr.al-last-child td,
.al-table.brand-1 tbody.al-last-child tr.al-last-child td {
  border-bottom: 1px solid #D2D3D3;
}

/* Tabels Brand 2 Blue(primary) table as used on retirement landing */
.al-table.brand-2 {
  background-color: #DEEDFD;
  color: #000000;
}

.al-table.brand-2 th {
  border-top: 1px solid #65ACFC;
  border-bottom: 1px solid #65ACFC;
  background-color: #BCD9F7;
  color: #000000;
}

.al-table.brand-2 tfoot {
  border-top: 1px solid #65ACFC;
}

.al-table.brand-2 tbody td {
  border-bottom: 1px dotted #65ACFC;
}

.al-table.brand-2 tbody:first-child tr:first-child td {
  border-top: 1px solid #65ACFC;
}

.al-table.brand-2 tbody:last-child tr:last-child td {
  border-bottom: 1px solid #65ACFC;
}

.al-table.brand-2 tbody.al-last-child tr.al-last-child td {
  border-bottom: 1px solid #65ACFC;
}

/*  Table Highlight */
/* For adding highlight-1 to Table row (light blue)*/
.al-table .brand-highlight-1 td,
.al-table .brand-table-highlights1-a td,
.al-table .brand-highlight-1 th {
  background-color: #DEEDFD;
  border-color: #65ACFC;
}

/* For table cell only */
.al-table td.brand-highlight-1 {
  background-color: #DEEDFD;
}

/* For adding highlight-2 to Table row (dark blue)*/
.al-table .brand-highlight-2 td,
.al-table .brand-table-highlights2-a,
.al-table .brand-highlight-2 th {
  background-color: #BCD9F7;
  border-color: #65ACFC;
}

/* For table cell only */
.al-table td.brand-highlight-2 {
  background-color: #BCD9F7;
}

/* For adding highlight-3 to Table row (light green)*/
.al-table .brand-highlight-3 td,
.al-table .brand-table-highlights3-a td,
.al-table .brand-highlight-3 th {
  background-color: #ECFCB8;
  border-color: inherit;
}

/* For table cell only */
.al-table td.brand-highlight-3 {
  background-color: #ECFCB8;
}

/* For adding highlight-4 to Table row (light grey) */
.al-table .brand-highlight-4 td,
.al-table .brand-table-highlights4-a td,
.al-table .brand-highlight-4 th {
  background-color: #F4F4F4;
  border-color: inherit;
}

/* For table cell only */
.al-table td.brand-highlight-4 {
  background-color: #F4F4F4;
}

/* For adding highlight-5 to Table row (light orange) */
.al-table .brand-highlight-5 td,
.al-table .brand-highlight-5 th {
  background-color: #FFF5DA;
}

/* For table cell only */
.al-table td.brand-highlight-5 {
  background-color: #FFF5DA;
}

/* For adding highlight-6 to Table row (red) */
.al-table .brand-highlight-6 td,
.al-table .brand-highlight-6 th {
  background-color: #C13115;
  border-color: inherit;
  color: #FFFFFF;
  font-weight: bold;
}

/* For table cell only */
.al-table td.brand-highlight-6 {
  background-color: #C13115;
  color: #FFFFFF;
  font-weight: bold;
}

/* 18. Search Icon ========================= */
.al-icon-search .aui-button-content .aui-button-input {
  background-image: url("../images/brand/icon_search_small.png");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 18px;
}

.al-icon-search-white .aui-button-content .aui-button-input {
  background-image: url("../images/brand/icon_search_small_white.png");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 18px;
}

.al-icon-search-large .aui-button-content .aui-button-input {
  background-image: url("../images/brand/icon_search.png");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 18px;
}

/* 19. image/icon + text combination ========================= */
/* large, medium and small image/icon with text combination */
.al-heading-check-icon {
  background: url("../images/al-images/icon_check_large.png") no-repeat left center;
}

.al-text-remove-icon {
  background: url("../images/al-images/al-icon-remove.png") no-repeat left center;
}

/* 20. Content Group -> Find More Flyout ========================= */
/* Big blue thing closed */
.al-dock-tray-banner {
  background-color: #095AB5;
  border-color: transparent;
}

/* Big Blue thing open */
.al-dock-tray-banner.open {
  background-repeat: no-repeat;
}

/* White Text with little i icon on Big blue thing */
.al-dock-tray-banner h4 {
  color: #FFFFFF;
}

/* Hover color of White Text aka hover change override */
.al-dock-tray .al-dock-tray-banner-wrapper .al-dock-tray-banner h4 span a,
.al-dock-tray .al-dock-tray-banner-wrapper .al-dock-tray-banner h4 span a:hover {
  color: #FFFFFF;
}

/* This covers the open part of the flyout where the content is. it gives a solid grey border to help with the dropshadow and sets the background to white */
.al-dock-tray .al-dock-tray-content-wrapper .al-dock-tray-content {
  border: 1px solid #C5C6C7;
  background-color: #FFFFFF;
}

/* No idea what is going on here */
.al-fm-flyout .al-fm-flyout-slidecontent {
  border-top: 1px solid #C5C6C7;
}

/* I think this is what they origionaly considered to be just a plain hr but they made it a div instead. */
.al-fm-flyout .al-fm-flyout-slidecontent .al-fm-flyout-textholder {
  border-color: #C5C6C7;
  border-width: 0px 0px 1px 0px;
  border-style: dotted;
}

/* 21. Linked content group ========================= */
.no-touch .al-linked-content-group-box.brand-linkedCntGroup1-a:hover {
  background-color: #DEEDFD;
  border: 1px solid #BCD9F7;
}

/* 22. Place Holder Content ========================= */
.al-placeholder-content {
  border-color: #D2D3D3;
}

/* 23. Bypass Block ========================= */
.al-bypass-block {
  background-color: #1C68BF;
  border-color: #095AB5 #095AB5 #003F80 #095AB5;
  color: #FFFFFF;
}

.al-bypass-block:visited {
  color: #FFFFFF;
}

/* 24. Main Header ========================= */
#banner {
  color: #FFFFFF;
}

.al-header-ecs {
  background-color: #000000;
}

.al-header-ecs li {
  color: #FFFFFF;
}

.al-header-ecs li a,
.al-header-ecs li a:visited {
  color: #C5C6C7;
}

.al-header-ecs li a:active {
  color: #BCD9F7;
}

.no-touch .al-header-ecs li a:hover {
  color: #FFFFFF;
}

.al-header-welcome-statement p {
  color: #FFFFFF;
}

.al-header-welcome-statement a {
  color: #BCD9F7;
}

.no-touch .al-header-welcome-statement a:hover {
  color: #FFFFFF;
}

.al-header-welcome-statement a:active {
  color: #BCD9F7;
}

#al-nav {
  background-color: #FFFFFF;
}

/* Navigation Add */
#al-nav .al-navigation-ad a,
#al-nav .al-navigation-ad-img a {
  background-color: #1C68BF;
}

.al-view-lt720 #al-nav .al-navigation-ad a,
.al-view-lt720 #al-nav .al-navigation-ad-img a {
  color: #FFFFFF;
}

/* 25. Primary Navigation ========================= */
/* Primary nav large screen */
#al-primary-nav {
  border-top: 1px solid #E6E6E6;
  border-bottom: 1px solid #D2D3D3;
  background: #EFEFEF;
  background: linear-gradient(to bottom, #E6E6E6 0%, #EFEFEF 100%); /* W3C */
}

#al-primary-nav .al-primary-icon-menu-item a {
  background-image: url("../images/al-images/al-menu-icons.png");
}

/* This disables standard hover for links with dropdowns */
#al-primary-nav #al-primary-menu-link.selected a,
#al-primary-nav #al-gmc-messages-link.selected a,
#al-primary-nav #al-primary-search-link.selected a {
  border-bottom: 0px solid #FFFFFF;
}

.no-touch #al-primary-nav #al-primary-menu-link.selected:hover,
.no-touch #al-primary-nav #al-gmc-messages-link.selected:hover,
.no-touch #al-primary-nav #al-primary-search-link.selected:hover {
  background: #FFFFFF;
}

#al-primary-nav #al-gmc-messages-link a {
  color: #C13115;
}

.no-touch #al-primary-nav li:hover {
  background: linear-gradient(to bottom, #EFEFEF 1%, #FFFFFF 100%);
}

.no-touch #al-primary-nav li.selected:hover {
  background-color: #FFFFFF;
}

.no-touch #al-primary-nav li li:hover {
  background: #FFFFFF;
}

#al-primary-nav li a {
  color: #3C4144;
}

#al-primary-nav li.selected {
  background-color: #FFFFFF;
}

#al-primary-nav li.selected a {
  border-bottom: 0px;
}

#al-primary-nav li.al-primary-with-subnav.selected {
  border-bottom-color: #FFFFFF;
}

/* Primary nav small screen */
.al-view-lt960 #al-primary-nav #al-primary-menu-ul {
  background-color: #FFFFFF;
}

.al-view-lt960 #al-primary-nav #al-primary-menu-ul li {
  border-bottom: 1px dotted #D2D3D3;
}

.al-view-lt960 #al-primary-nav #al-primary-menu-ul li a {
  color: #000000;
}

.al-view-lt960 #al-primary-nav #al-primary-search-dropdown {
  background-color: #FFFFFF;
}

.no-touch.al-view-lt960 #al-primary-nav #al-primary-menu-ul li a:hover {
  background-color: #DEEDFD;
}

.al-view-lt960 #al-primary-nav #al-primary-menu-ul li.al-simpleDropDown a {
  background-image: url("../images/brand/al-forwardback-dark.png");
}

/* 26. Secondary Navigation ========================= */
/* Menu main */
.al-secondarynav {
  background-color: #FFFFFF;
}

.al-secondarynav .al-secondarynav-level-1 ul li a,
.al-secondarynav .al-secondarynav-flex-dropdown ul li a,
.al-secondarynav .al-secondarynav-level-1 ul li span,
.al-secondarynav .al-secondarynav-flex-dropdown ul li span {
  border: 1px solid #737678;
  border-color: #3C4144 #3C4144 #000000 #3C4144;
  background-color: #3C4144;
  color: #FFFFFF;
}

.no-touch .al-secondarynav .al-secondarynav-level-1 ul li a:hover,
.no-touch .al-secondarynav .al-secondarynav-flex-dropdownul li a:hover {
  background-color: #737678;
}

.no-touch .al-secondarynav .al-secondarynav-level-1 ul li a:active,
.no-touch .al-secondarynav .al-secondarynav-flex-dropdownul li a:active {
  background-color: #1C68BF;
  border-color: #095AB5;
}

.al-secondarynav .al-secondarynav-level-2 {
  border: 1px solid #A8ABAC;
  background-color: #FFFFFF;
}

.al-secondarynav .al-secondarynav-level-2 li a,
.al-secondarynav .al-secondarynav-level-2 li span {
  color: #000000;
}

.no-touch .al-secondarynav .al-secondarynav-level-2 li a:hover {
  background-color: #DEEDFD;
}

.al-secondarynav .al-secondarynav-level-2 li a:active {
  color: #FFFFFF;
  background-color: #1C68BF;
}

.al-view-lt720 .al-secondarynav .al-secondarynav-level-2,
.al-view-lt720 .al-secondarynav .al-secondarynav-level-1 {
  border: 1px solid #A8ABAC;
  background-color: #FFFFFF;
}

.al-view-lt720 .al-secondarynav .al-secondarynav-level-2 ul li a,
.al-view-lt720 .al-secondarynav .al-secondarynav-level-1 ul li a,
.al-view-lt720 .al-secondarynav .al-secondarynav-level-2 ul li span,
.al-view-lt720 .al-secondarynav .al-secondarynav-level-1 ul li span {
  color: #000000;
  background-color: #FFFFFF;
}

.al-view-lt720 .al-secondarynav .al-secondarynav-level-2 ul li a:hover,
.al-view-lt720 .al-secondarynav .al-secondarynav-level-1 ul li a:hover {
  background-color: #DEEDFD;
}

.al-view-lt720 .al-secondarynav .al-secondarynav-level-2 ul li a:active,
.al-view-lt720 .al-secondarynav .al-secondarynav-level-1 ul li a:active {
  color: #FFFFFF;
  background-color: #1C68BF;
}

.al-view-lt720 .al-secondarynav .al-secondarynav-level-2 .al-simpleDropDown.al-nav-flex-header,
.al-view-lt720 .al-secondarynav .al-secondarynav-level-1 .al-simpleDropDown.al-nav-flex-header,
#al-primary-nav .al-aux-menu-sub li.al-nav-flex-header,
.al-menu-subhead {
  background: linear-gradient(to bottom, #FFFFFF 0%, #EFEFEF 100%);
}

.al-view-lt720 .al-secondarynav .al-secondarynav-level-2 .al-simpleDropDown.al-nav-flex-header a,
.al-view-lt720 .al-secondarynav .al-secondarynav-level-1 .al-simpleDropDown.al-nav-flex-header a {
  background-image: url("../images/brand/al-forwardback-dark.png");
}

.al-view-lt720 .al-secondarynav .al-secondarynav-level-1 .al-simpleDropDown a {
  background-image: url("../images/brand/al-forwardback-dark.png");
}

/* 27. Aux Navigation ========================= */
/* Aux Nav  Large Screen */
.al-aux-nav-wrapper {
  border-bottom: 1px solid #1C1E20;
  background-color: #3C4144;
}

#al-aux-nav .al-aux-nav-primary li a,
.al-header-dropdown a {
  color: #C5C6C7;
}

.no-touch #al-aux-nav .al-aux-nav-primary li a:hover,
.al-header-dropdown a:hover {
  background-color: inherit;
  color: #FFFFFF;
}

#al-aux-nav .al-aux-nav-primary li a:active,
.al-header-dropdown a:active {
  color: #BCD9F7;
}

#al-aux-nav .al-aux-menu-sub,
.al-single-menu-sub {
  border: 1px solid #A8ABAC;
  background-color: #FFFFFF;
}

#al-aux-nav .al-aux-menu-sub li a,
.al-single-menu-sub li a,
#al-aux-nav .al-aux-menu-sub li,
.al-single-menu-sub li {
  color: #000000;
}

.no-touch #al-aux-nav .al-aux-menu-sub li a:hover,
.no-touch .al-single-menu-sub li a:hover {
  background-color: #DEEDFD;
  color: #000000;
}

#al-aux-nav .al-aux-menu-sub li a:active,
.al-single-menu-sub li a:active {
  color: #FFFFFF;
  background-color: #1C68BF;
}

#al-primary-nav .al-aux-menu-sub li.al-nav-flex-header a {
  background-image: url("../images/brand/al-forwardback-dark.png");
}

.al-secondarynav .al-simpleDropDown a {
  background-image: url("../images/brand/nav_dropdown_white.png");
}

#al-aux-nav .al-aux-nav-primary li.al-simpleDropDown a {
  background-image: url("../images/brand/nav_dropdown_gray.png");
}

.al-single-menu a {
  background-image: url("../images/brand/nav_dropdown_gray.png");
}

/* Aux Nav small screen */
#al-primary-menu-ul #al-aux-nav-small {
  background: none repeat scroll 0 0 #FFFFFF;
  border-top-color: #D2D3D3;
}

#al-primary-menu-ul #al-aux-nav-small ul {
  border-top-color: #3C4144;
}

#al-primary-nav .al-aux-menu-sub {
  background-color: #FFFFFF;
}

#al-primary-nav .al-aux-menu-sub li {
  border-bottom-color: #D2D3D3;
}

#al-primary-nav .al-aux-menu-sub li a {
  color: #000000;
}

.no-touch #al-primary-nav .al-aux-menu-sub li a:hover {
  background-color: #DEEDFD;
}

#al-primary-nav .al-aux-menu-sub li a:active {
  color: #FFFFFF;
  background-color: #1C68BF;
}

/* 28. Lightbox ========================= */
.p-dialog {
  background-color: #FFFFFF;
}

.p-dialog .al-dialog-content {
  color: #000000;
}

.p-dialog .p-dialog-header {
  border-bottom: 1px dotted #C5C6C7;
}

/* 29. Portlet Polls ========================= */
.portlet-polls-display .poll-choice div {
  background-color: #1C68BF;
}

/* 30. Search Container ========================= */
#al-search-holder .result,
.portlet-search .result {
  color: #052344;
}

#al-search-holder .result .results-grid,
.portlet-search .result .results-grid {
  border-top: 1px dotted #C5C6C7;
  border-bottom: 1px dotted #C5C6C7;
  background-color: #FFFFFF;
}

#al-search-holder .result table.taglib-search-iterator .results-row td,
.portlet-search .result table.taglib-search-iterator .results-row td {
  background-color: #FFFFFF;
}

.al-fm-flyout .al-fm-flyout-slidecontent .al-fm-flyout-textholder:hover,
#al-search-holder .result table.taglib-search-iterator .results-row td:hover,
.portlet-search .result table.taglib-search-iterator .results-row td:hover {
  background-color: #E6E6E6;
}

#al-search-holder .result table.taglib-search-iterator .results-row td .asset-entry .asset-entry-title a:hover,
.portlet-search .result table.taglib-search-iterator .results-row td .asset-entry .asset-entry-title a:hover {
  color: #1C68BF;
}

#al-search-holder .taglib-page-iterator .search-results a.journal-article-page-number,
.portlet-search .taglib-page-iterator .search-results a.journal-article-page-number {
  border: 1px solid #000000;
  background-color: #E6E6E6;
  color: #3C4144;
  border-color: #D2D3D3 #C5C6C7 #A8ABAC #C5C6C7;
}

#al-search-holder .taglib-page-iterator .search-results strong.journal-article-page-number,
.portlet-search .taglib-page-iterator .search-results strong.journal-article-page-number {
  color: #3C4144;
}

#al-search-holder .taglib-page-iterator .search-results span.journal-article-page-number,
.portlet-search .taglib-page-iterator .search-results span.journal-article-page-number {
  color: #3C4144;
}

#al-search-holder .taglib-page-iterator .search-results a.journal-article-page-number:hover,
.portlet-search .taglib-page-iterator .search-results a.journal-article-page-number:hover {
  background-color: #C5C6C7;
}

.aui-autocomplete-results-content {
  border-color: #C5C6C7;
}

.aui-autocomplete-results-content .acResultListBorder {
  border-bottom: 1px dotted #C5C6C7;
}

/* 31. DC State ========================= */
.al-dc-state-portals .groupAccess .row {
  border-bottom: 1px dotted #C5C6C7;
  border-bottom: 1px dotted #C5C6C7;
}

.al-dc-state-portals .groupAccess .row.first-row {
  border-top: #C5C6C7;
}

.al-dc-state-portals .groupAccess .row.last-row {
  border-bottom: #C5C6C7;
}

#mUser .multiple-user .user-list {
  border-top: #C5C6C7;
  border-bottom: #C5C6C7;
}

#mUser .multiple-user .user-list li.head {
  background-color: #E6E6E6;
  border-bottom: #C5C6C7;
}

#mUser .multiple-user .user-list li.list-row {
  border-top: 1px dotted #C5C6C7;
}

/* 32. Scroll Tab ========================= */
.al-hmlandingpage-benefit-module .al-dot-menu a {
  background-color: #E6E6E6;
}

.al-hmlandingpage-benefit-module .al-dot-menu a:hover {
  background-color: #003F80;
}

.al-hmlandingpage-benefit-module .al-dot-menu a.active-dot {
  background-color: #3488E8;
}

.al-hmlandingpage-benefit-module .al-hmlandingpage-prev {
  background-image: url("../images/brand/arrow_scroll-tab.png");
}

.al-hmlandingpage-benefit-module .al-hmlandingpage-next {
  background-image: url("../images/brand/arrow_scroll-tab.png");
}

.al-hmlandingpage-benefit-module .al-hmlandingpage-tabWrapper .al-hmlandingpage-contentRightBorder {
  border-color: #D2D3D3;
}

.al-hmlandingpage-benefit-module .al-hmlandingpage-tabWrapper .al-hmlandingpage-contentLeftBorder {
  border-color: #D2D3D3;
}

.al-hmlandingpage-benefit-module .al-hmlandingpage-tabWrapper .al-hmlandingpage-tab {
  border-color: #D2D3D3;
}

.al-hmlandingpage-benefit-module .al-hmlandingpage-tabWrapper .al-hmlandingpage-tabList li {
  background: #EFEFEF;
  border-color: #D2D3D3;
}

.al-hmlandingpage-benefit-module .al-hmlandingpage-tabWrapper .al-hmlandingpage-tabList li.aui-tab-active {
  background-color: #FFFFFF;
  border-color: #D2D3D3 #D2D3D3 #FFFFFF;
}

.al-hmlandingpage-benefit-module .al-hmlandingpage-tabWrapper .al-hmlandingpage-contentWrapper {
  border-color: #D2D3D3;
  background-color: #FFFFFF;
}

.al-hmlandingpage-benefit-module .al-hmlandingpage-tabWrapper .al-hmlandingpage-contentWrapper .tabContent .al-hmlandingpage-iWantTo {
  background: #F4F4F4;
  border-color: #D2D3D3;
}

.al-hmlandingpage-benefit-module .al-hmlandingpage-tabWrapper .al-hmlandingpage-contentWrapper .tabContent h5.al-linklist-vertical-header {
  border-color: #C5C6C7;
}

/* 33. scroll view ========================= */
.al-scrollview {
  background-color: #E6E6E6;
  border-bottom: 1px dotted #C5C6C7;
}

.al-scrollview #scrollview-content ul li a:hover {
  color: #3488E8;
}

.al-scrollview #scrollview-content ul li a.al-scrollview-selected {
  color: #000000;
}

/* 34. NaviTabs ========================= */
.al-view-gt720 .p-tabview .p-tabview-nav li {
  border-color: #D2D3D3;
  background: linear-gradient(to bottom, #F4F4F4 0%, #EFEFEF 100%);
}

.al-view-gt720 .p-tabview .p-tabview-nav li a {
  color: #101214;
}

.no-touch.al-view-gt720 .p-tabview .p-tabview-nav li:hover {
  border-color: #D2D3D3;
  background: linear-gradient(to bottom, #EFEFEF 0%, #E6E6E6 100%);
}

.no-touch.al-view-gt720 .p-tabview .p-tabview-nav li.p-highlight:hover {
  background: #ffffff;
  border-bottom-color: #FFFFFF;
}

.no-touch.al-view-gt720 p-tabview[orientation=left] .p-tabview-nav li.p-highlight:hover {
  background: #ffffff;
  border-bottom-color: #D2D3D3;
}

.no-touch.al-view-gt720 .p-tabview .p-tabview-nav li:hover a {
  color: #101214;
}

.al-view-gt720 .p-tabview .p-tabview-nav li.p-state-active.p-corner-top {
  background: #FFFFFF;
  border-bottom-color: #FFFFFF;
}

.al-view-gt720 .p-tabview .p-tabview-nav li.p-state-active.p-corner-left {
  background: #FFFFFF;
  border-right-color: #FFFFFF;
}

.no-touch.al-view-gt720 .p-tabview .p-tabview-nav li.p-state-active:hover {
  background: #FFFFFF;
}

.no-touch.al-view-gt720 .p-tabview .p-tabview-nav li.p-state-active.p-corner-top:hover {
  border-bottom-color: #FFFFFF;
}

.p-tabview .p-tabview-panel {
  background-color: #FFFFFF;
  border-color: #D2D3D3;
}

.al-view-gt720.ui-rtl .p-tabview-left li.ui-corner-left.p-state-active {
  border-left-color: #FFFFFF;
  border-right-color: #D2D3D3;
}

/* 35. Brand Colors - tanglesey ========================= */
/** PRIMARY **/
/** NORMAL **/
.brand-clr1-a,
.al-button-link,
ul li .showMessag,
.no-touch .asset-entry-title a:hover,
.p-treenode .p-treenode-label span,
.no-touch .al-datepicker .aui-helper-clearfix a:hover,
.breadcrumbs-horizontal li a {
  color: #1C68BF;
}

.breadcrumbs-horizontal li a:hover {
  color: #3488E8;
}

.breadcrumbs,
.breadcrumbs-horizontal li,
.breadcrumbs-horizontal li.last a {
  color: #1C1E20;
}

/** LIGHT **/
.brand-clr1-b {
  color: #DEEDFD;
}

/** DARK **/
.brand-clr1-c {
  color: #1C68BF;
}

/* SECONDARY **/
/** NORMAL **/
.brand-clr2-a {
  color: #8FB328;
}

/** LIGHT **/
/** DARK **/
.brand-clr2-c {
  color: #607F07;
}

/* TERTIARY **/
/** NORMAL **/
.brand-clr3-a {
  color: #F4A713;
}

/** LIGHT **/
/** DARK **/
.brand-clr3-c {
  color: #DB8100;
}

/** NEUTRAL **/
/** NORMAL **/
.brand-clr4-a {
  color: #F4F4F4;
}

/** LIGHT **/
.brand-clr4-b {
  color: #D2D3D3;
}

/** DARK **/
.brand-clr4-c {
  color: #E6E6E6;
}

/* ATTENTION **/
.brand-clr5-a {
  color: #9E1F06;
}

/* color change for items that need extra attention or negative numbers */
.brand-alert-1 {
  color: #C13115;
}

/* 36. Calendar/DatePicker ========================= */
.p-datepicker-header {
  border: 1px solid #D2D3D3;
  background-color: #E6E6E6;
  color: #3C4144;
}

.p-datepicker tbody span {
  border: 1px solid #D2D3D3;
  background-color: #E6E6E6;
  color: #3C4144;
}

.p-datepicker tbody span:hover {
  background: #BCD9F7;
  border-color: #D2D3D3 #C5C6C7 #A8ABAC #C5C6C7;
  color: #3C4144;
}

.p-datepicker .p-datepicker-other-month span,
.p-datepicker .p-datepicker-other-month span:hover,
.p-datepicker .p-disabled,
.p-datepicker .p-disabled:hover {
  background-color: #F4F4F4;
  border-color: #E6E6E6;
}

.p-datepicker .p-highlight,
.p-datepicker .p-highlight:hover {
  background: #1C68BF;
  border-color: #1C68BF;
  color: #FFFFFF;
}

.p-datepicker tbody .p-datepicker-today span,
.p-datepicker tbody .p-datepicker-today span:hover {
  border-color: #1C68BF;
}

/* 37. Countdown ========================= */
.al-countdown {
  color: #B15700;
}

.al-read-more-icon {
  background: url("../images/al-images/eyeball.png") no-repeat scroll 0 0px transparent;
}

/* 38. Other Resources ========================= */
.no-touch .al-other-resources-list .al-other-resources-list-item a:hover {
  background-color: #1c1e20;
  color: #FFFFFF;
}

.al-other-resources-checkbox-icon {
  background: url("../images/al-images/icon-al-checkbox.png") no-repeat scroll 0 0px transparent;
}

/* 39. Footer ========================= */
.al-footer-brand {
  background: #FFFFFF;
}

#al-footer .al-footer-content .al-footer-links-brand a {
  color: #1C68BF;
}

#al-footer .al-footer-content .al-footer-links-brand a:hover {
  color: #1C68BF;
}

/* =================== block css added last ====================== */
/* CSS styles to override */
/* = RTL Style
====================================*/
/* http://compass-style.org/reference/compass/css3/*/
/* =======================================
	TABLE OF CONTENTS
	1.Color Variables
		a. grays
		b. blues
		c. greens
		d. yellows
		e. reds
	2. Mixins
		a. fonts
		b.

   ======================================= */
/*=======================================================
			Colors
  =======================================================*/
/* Added Black and White, its a little redundent but easier to remember.
/* Grays */
/* MAIN default body text new to styleguide 10/17*/
/* Accent 1 (Blue) */
/*darkest */
/* lightest */
/* Accent 2 (Green) */
/* Accent 3 (Yellow) */
/* Accent 4 (Red) */
/*=======================================================
				Mixins
  =======================================================*/
/* ************ Fonts ************
	******************************* */
/* ************ 720 viewport ************
	******************************* */
/* ************ 480 viewport ************
	******************************* */
/* =======================================
	TABLE OF CONTENTS
	1. Header
	2. GMC Flyout
	3. Footer
	4. Forms
	5. Tiles
	6. Pre Chat Form Page
	7. Find More Flyout
	8. Error Pages
	9. Contact Us Landing Page
	10. Layout and Grid CSS
	11. Iframe
	12. Helper Classes
	13. Tab Panel Placeholders
	14. Common
    15. Table Options
    16. Table
    17. Tables Responsive
    18. Help
    19. Spacing of elements
    20. Tiles
    21. Utility Toolbar/breadcrumb
    22. Page layout grid
    23. Icon
    24. Typography
    25. Popover Menus
    26. Search
======================================= */
.ui-rtl {
  /* 1. Header ========================= */
  /* PCA-6972 : added border-left to match with upoint style */
  /* PCA-6972 : Removed border right for rtl view*/
  /* PCA-7021 : fix for brackets*/
  /* Fix for mobile view */
  /* Mobile navigation PCA-7063*/
  /* 2. GMC Flyout ========================= */
  /* PCA-6972 -- Flyout design in RTL for Old Navigation */
  /* PCA-6972 - new navigation for 720 view */
  /* 3. Footer ========================= */
  /* 4. Forms ========================= */
  /* RTL Form elements and Search text box - Search Result Page CSS */
  /* 5. Tiles ========================= */
  /* 6. Pre Chat Form Page ========================= */
  /* 7. Find More Flyout ========================= */
  /* 8. Error Pages ========================= */
  /* 9. Contact Us Landing Page ========================= */
  /* 10. Layout and Grid CSS ========================= */
  /* 11. Iframe ========================= */
  /* 12. Helper Classes ========================= */
  /* For image replacement - RTL*/
  /*please try not to use these */
  /* 13. Tab Panel Placeholders ========================= */
  /* 14. Common ========================= */
  /* 15. Table Options ========================= */
  /* 16. Tables ========================= */
  /* 17. Tables Responsive ========================= */
  /* 18. Help ========================= */
  /* 19. Spacing of elements ========================= */
  /* Between 2 Buttons  */
  /* 20. Tiles ========================= */
  /* 21. Utility Toolbar/breadcrumb ========================= */
  /* 22. Page layout grid ========================= */
  /* 320/lt320 1 to 2 */
  /* 480 1 to 4 */
  /* 720 1 to 8 */
  /* 960 1 to 16 */
  /* 23. Icon ========================= */
  /* 24. Typography ========================= */
  /*.ui-dropdown .ui-dropdown-label, .ui-dropdown.al-select-box-small .ui-dropdown-label, .ui-dropdown .ui-dropdown-items .ui-dropdown-item, .ui-dropdown.al-select-box-small .ui-dropdown-items .ui-dropdown-item {
      font-size: 15px;
  }*/
  /* 25. Popover Menus ========================= */
  /* 26. Search ========================= */
}
.ui-rtl #al-aux-nav {
  left: 0px;
  right: auto;
}
.ui-rtl #al-aux-nav .al-aux-nav-primary li {
  float: right;
}
.ui-rtl #al-aux-nav .al-aux-nav-primary li.al-simpleDropDown a {
  padding-left: 17px;
  padding-right: 0px;
  background-position: left center;
}
.ui-rtl .al-header-search {
  float: left;
  left: auto !important;
}
.ui-rtl .al-header-company-logo {
  float: right;
}
.ui-rtl #al-primary-nav #al-gmc-messages-link {
  float: left;
  border-left: 1px dotted #c5c6c7;
  left: 0 !important;
  right: auto !important;
}
.ui-rtl #al-primary-nav li {
  float: right;
  /* PCA-6972 : Added font-size 16px to match with upoint*/
}
.ui-rtl #al-primary-nav li a {
  border-right: none;
  border-left: none;
}
.ui-rtl #al-primary-nav li#al-primary-home-link a {
  font-size: 16px;
}
.ui-rtl #al-primary-nav .al-primary-menu-small-last a {
  border-left: 1px;
}
.ui-rtl #al-primary-nav #al-gmc-messages-link a {
  border-left: 1px;
}
.ui-rtl #al-primary-nav .al-primary-icon-menu-item a {
  text-align: right;
}
.ui-rtl .al-secondarynav a.al-simpleDropDown {
  background-position: 15px center;
  padding: 8px 25px 8px 33px !important;
}
.ui-rtl .al-secondarynav .al-secondarynav-level-1 ul li,
.ui-rtl .al-secondarynav .al-secondarynav-flex-dropdown > ul > li {
  margin-right: 5px;
}
.ui-rtl .al-secondarynav .al-secondarynav-level-1 ul li a,
.ui-rtl .al-secondarynav .al-secondarynav-flex-dropdown > ul > li a {
  padding: 8px 11px;
}
.ui-rtl .al-bypass-block {
  left: auto;
  right: -1000px;
}
.ui-rtl .al-bypass-block.focus-bypass-block, .ui-rtl .al-bypass-block:focus {
  right: 10px;
}
.ui-rtl .al-header-ecs ul {
  margin-right: 0px;
}
.ui-rtl .al-header-ecs li {
  margin-right: 0px;
  margin-left: 11px;
}
.ui-rtl.al-view-lt960 #al-primary-nav #al-primary-menu-ul li.al-simpleDropDown a {
  background-position: left;
}
.ui-rtl.al-view-lt960 #al-primary-nav #al-primary-menu-link .al-aux-menu-sub li.al-nav-flex-header a {
  padding-left: 0;
  padding-right: 29px;
  background-position: right 15px;
}
.ui-rtl.al-view-lt960 .al-header-welcome-statement {
  float: right;
}
.ui-rtl.al-view-lt960 #al-header .al-font-xsmall .al-user-name-seperator {
  padding: 0;
}
.ui-rtl.al-view-lt720 .al-secondarynav .al-secondarynav-level-1 .al-simpleDropDown a,
.ui-rtl.al-view-lt720 .al-secondarynav .al-secondarynav-level-2 .al-simpleDropDown a {
  background-repeat: no-repeat;
  background-position: left;
}
.ui-rtl.al-view-lt720 .al-secondarynav .al-secondarynav-level-1 .al-simpleDropDown.al-nav-flex-header a,
.ui-rtl.al-view-lt720 .al-secondarynav .al-secondarynav-level-2 .al-simpleDropDown.al-nav-flex-header a {
  padding-left: 0;
  padding-right: 29px;
  background-position: right 15px;
}
.ui-rtl.al-view-lt720 .al-secondarynav .al-secondarynav-level-1 ul li,
.ui-rtl.al-view-lt720 .al-secondarynav .al-secondarynav-level-2 ul li {
  text-align: right;
}
.ui-rtl.al-view-lt720 .al-secondarynav .al-secondarynav-level-1 ul li a,
.ui-rtl.al-view-lt720 .al-secondarynav .al-secondarynav-level-1 ul li span,
.ui-rtl.al-view-lt720 .al-secondarynav .al-secondarynav-level-2 ul li a,
.ui-rtl.al-view-lt720 .al-secondarynav .al-secondarynav-level-2 ul li span {
  padding: 11px;
}
.ui-rtl.al-view-lt720 .al-simpleDropDown-subject {
  left: auto !important;
  right: 0;
}
.ui-rtl .al-secondarynav .al-secondarynav-level-1 ul {
  margin-right: 0;
}
.ui-rtl .al-simpleDropDown a {
  background-position: left center;
  padding-left: 17px;
  padding-right: 0;
}
.ui-rtl .al-single-menu-sub ul {
  margin: 0;
}
.ui-rtl #al-header .al-header-welcome-statement {
  float: right;
}
.ui-rtl #al-header .al-header-welcome-statement .al-font-xsmall .al-header-user-name {
  float: right;
}
.ui-rtl #al-header .al-header-welcome-statement .al-font-xsmall .al-user-name-seperator {
  float: right;
  padding: 0 3px;
}
.ui-rtl #al-header .al-single-menu {
  float: right;
}
.ui-rtl.al-view-gt960 .alNewNavigation #searchBoxContent {
  background-position-x: 20%;
  left: -70px;
  right: -310px;
}
.ui-rtl.al-view-gt960 .alNewNavigation #al-primary-nav .searchNew {
  float: left;
  width: 70px;
}
.ui-rtl #al-roll li nobr {
  float: right;
}
.ui-rtl #al-aux-nav-mobile {
  left: 24px;
  right: auto;
}
.ui-rtl.al-view-lt960 .Expand380 {
  transform: translate3d(-380px, 0px, 0px);
}
.ui-rtl.al-view-lt960 .Expand342 {
  transform: translate3d(-342px, 0, 0);
}
.ui-rtl.al-view-lt960 .Expand340 {
  transform: translate3d(-340px, 0px, 0px);
}
.ui-rtl.al-view-lt960 .Expand340 .alNewNavigation #al-primary-nav #al-aux-choose-language-small.al-simpleDropDown-subject.Expand260 {
  right: -600px;
  left: auto;
}
.ui-rtl.al-view-lt960 .Expand300 {
  transform: translate3d(-300px, 0, 0);
}
.ui-rtl.al-view-lt960 .Expand260 {
  transform: translate3d(-260px, 0, 0);
}
.ui-rtl.al-view-lt960 .Expand215 {
  transform: translate3d(-215px, 0, 0);
}
.ui-rtl.al-view-lt960 .Collapse380 {
  transform: translate3d(0px, 0px, -380px);
}
.ui-rtl.al-view-lt960 .Collapse340 {
  transform: translate3d(0px, 0px, -340px);
}
.ui-rtl.al-view-lt960 .Collapse300 {
  transform: translate3d(0px, 0px, -300px);
}
.ui-rtl.al-view-lt960 .Collapse260 {
  transform: translate3d(0px, 0px, -260px);
}
.ui-rtl.al-view-lt960 #al-primary-menu-ul .al-simpleDropDown-subject.mainMenuPostion {
  right: -600px;
  left: auto;
}
.ui-rtl.al-view-lt960 .alNewNavigation .mainMenuPostion {
  right: -600px;
  left: auto;
}
.ui-rtl.al-view-lt960 .alNewNavigation .al-secondarynav .al-secondarynav-level-1 {
  right: -340px !important;
  left: auto !important;
}
.ui-rtl.al-view-lt960 .alNewNavigation .al-secondarynav .al-secondarynav-level-1 .backButton a {
  padding-right: 0 !important;
}
.ui-rtl.al-view-lt960 .alNewNavigation .al-secondarynav .al-secondarynav-level-1 ul li {
  margin-right: 0;
}
.ui-rtl.al-view-lt960 .alNewNavigation .al-secondarynav .al-secondarynav-level-1 ul li a {
  padding-right: 35px !important;
}
.ui-rtl.al-view-lt960 .alNewNavigation .al-secondarynav.al-secondarynav-bdr.hidden {
  transform: translate3d(-340px, 0px, 0px);
}
.ui-rtl.al-view-lt960 .alNewNavigation .al-secondarynav.al-secondarynav-bdr:not(.hidden) {
  right: -22px !important;
  left: auto !important;
}
.ui-rtl.al-view-lt960 .alNewNavigation .al-secondarynav a.al-simpleDropDown {
  padding-right: 35px !important;
}
.ui-rtl.al-view-lt960 .alNewNavigation .al-secondarynav.al-secondarynav-flex-dropdown > ul > li {
  margin-right: 0;
}
.ui-rtl.al-view-lt960 .alNewNavigation .al-secondarynav-level-2.al-simpleDropDown-subject.hidden {
  right: -600px !important;
  left: auto !important;
}
.ui-rtl.al-view-lt960 .alNewNavigation .al-secondarynav-level-2.al-simpleDropDown-subject {
  right: -380px !important;
  left: auto !important;
}
.ui-rtl.al-view-lt960 .alNewNavigation div#al-aux-your-profile-small {
  right: -600px;
  left: auto;
}
.ui-rtl.al-view-lt960 .alNewNavigation #al-primary-menu-ul {
  right: -300px;
  left: auto;
}
.ui-rtl.al-view-lt960 .alNewNavigation #al-primary-nav #al-primary-menu-ul {
  right: -300px;
  left: auto;
}
.ui-rtl.al-view-lt960 .alNewNavigation #al-primary-nav #al-primary-menu-ul li {
  text-align: right;
}
.ui-rtl.al-view-lt960 .alNewNavigation #al-primary-nav #al-primary-menu-ul li a {
  padding-right: 35px !important;
}
.ui-rtl.al-view-lt960 .alNewNavigation #al-primary-nav #al-primary-menu-ul li.al-simpleDropDown a {
  background-image: url("../images/al-images/icon_right_small.png") !important;
  background-position: 95% center !important;
}
.ui-rtl.al-view-lt960 .alNewNavigation .backButton {
  text-align: right;
  padding-right: 11px !important;
  background-image: url("../images/al-images/arrow-left.png") !important;
  background-position: 10px center !important;
}
.ui-rtl.al-view-lt960 .alNewNavigation .mainNavTitle,
.ui-rtl.al-view-lt960 .alNewNavigation .mobileTitle2 {
  text-align: right;
}
.ui-rtl.al-view-lt960 .alNewNavigation .SecondaryNavArrow {
  background-image: url("../images/al-images/icon_right_small.png") !important;
  background-position: 95% center !important;
}
.ui-rtl.al-view-lt960 .secondaryOverlay, .ui-rtl.al-view-lt960 .primaryOverlay {
  right: -40px;
  left: auto;
}
.ui-rtl.al-view-960 .alNewNavigation .iconSearchBadgeContainer {
  float: left;
}
.ui-rtl.al-view-960 .OldNavigation #gmcFlyout .al-gmc-popover-flyout {
  left: 0;
  right: auto;
  text-align: right;
}
.ui-rtl.al-view-720 .OldNavigation #gmcFlyout .al-gmc-popover-flyout, .ui-rtl.al-view-480 .OldNavigation #gmcFlyout .al-gmc-popover-flyout, .ui-rtl.al-view-320 .OldNavigation #gmcFlyout .al-gmc-popover-flyout {
  left: 26%;
  right: auto;
  text-align: right;
}
.ui-rtl .OldNavigation #gmcFlyout .al-gmc-popover-flyout .al-gmc-header .al-gmc-flyout-title {
  text-align: right;
}
.ui-rtl.al-view-720 .alNewNavigation #al-gmc-messages-link div.al-gmc-popover-flyout {
  left: 10px;
}
.ui-rtl div.al-gmc-popover-flyout .al-gmc-inner-wrapper .al-category-wrapper .slider-title {
  margin-right: 11px;
  margin-left: 22px;
  padding-right: 39px;
  padding-left: 0px;
}
.ui-rtl div.al-gmc-popover-flyout .al-tile-wrapper .al-tile-arrow-right-direction {
  background-position: 0 center;
}
.ui-rtl div.al-gmc-popover-flyout .al-tile-wrapper .al-tile-arrow-right-direction .typo-area {
  margin-left: 5px;
  margin-right: 0px;
}
.ui-rtl .alNewNavigation #al-gmc-messages-link div.al-gmc-popover-flyout {
  text-align: right;
  left: -30px;
  right: auto;
}
.ui-rtl.al-view-lt720 .alNewNavigation #al-gmc-messages-link div.al-gmc-popover-flyout {
  left: 10px;
}
.ui-rtl #al-footer .al-footer-content {
  /* div.al-footer-copyright {
      p {
          float: left;
      }
  } */
}
.ui-rtl #al-footer .al-footer-content div.al-footer-delivered {
  float: right;
}
.ui-rtl #al-footer .al-footer-content .al-footer-links {
  float: left;
}
.ui-rtl #al-footer .al-footer-content .al-footer-links li {
  margin: 0px 11px 22px 0px;
}
.ui-rtl .al-field-label-right .al-field-input-choice {
  margin: 2px 0 0 11px;
}
.ui-rtl #al-search-holder .portlet-msg-info ul,
.ui-rtl .portlet-search .portlet-msg-info ul {
  padding-left: 0;
  padding-right: 33px;
}
.ui-rtl .taglib-search-iterator td.align-left,
.ui-rtl .al-field-label,
.ui-rtl .al-field-labels-top .al-field-label,
.ui-rtl .portlet-msg,
.ui-rtl .portlet-msg-info,
.ui-rtl .portlet-msg-error,
.ui-rtl .portlet-msg-alert,
.ui-rtl .portlet-msg-success {
  text-align: right;
}
.ui-rtl .portlet-msg-error {
  background-position-x: 99%;
  padding-right: 33px;
}
.ui-rtl .al-icon-search .al-button-content .al-button-input {
  border-radius: 6px 0 0 6px;
  border-right: 0;
  border-left: 1px solid;
  border-left-color: #C5C6C7;
  float: right;
}
.ui-rtl .al-search-button .al-button-content .al-button-input {
  border-left: 1px solid;
  border-radius: 6px 0 0 6px;
  border-right: 0;
  border-left-color: #095AB5;
}
.ui-rtl .al-field-text.al-input-text-search input.al-field-input-text,
.ui-rtl .al-field-inline.al-input-text-search input.al-field-input-text {
  border-radius: 0 6px 6px 0;
}
.ui-rtl .portlet-search .result table.taglib-search-iterator .results-row td .asset-entry .asset-entry-content,
.ui-rtl #al-search-holder .result table.taglib-search-iterator .results-row td .asset-entry .asset-entry-title,
.ui-rtl .portlet-search .result table.taglib-search-iterator .results-row td .asset-entry .asset-entry-title {
  padding-left: 0;
  padding-right: 22px;
}
.ui-rtl .al-field-inline.al-input-text-search + .al-button {
  margin-right: 0;
}
.ui-rtl .taglib-page-iterator .search-results,
.ui-rtl #al-search-holder .taglib-page-iterator .search-results strong.journal-article-page-number,
.ui-rtl #al-search-holder .taglib-page-iterator .search-results a.journal-article-page-number,
.ui-rtl .portlet-search .taglib-page-iterator .search-results strong.journal-article-page-number,
.ui-rtl .portlet-search .taglib-page-iterator .search-results a.journal-article-page-number,
.ui-rtl .portlet-search .taglib-page-iterator .search-results span.journal-article-page-number,
.ui-rtl #al-search-holder .taglib-page-iterator .search-pages,
.ui-rtl .portlet-search .taglib-page-iterator .search-pages,
.ui-rtl .taglib-page-iterator .search-pages .delta-selector,
.ui-rtl .taglib-page-iterator .search-pages .page-selector,
.ui-rtl .taglib-page-iterator .search-pages .page-links,
.ui-rtl .al-field-label-right .al-choice-label,
.ui-rtl .al-field-label-right .al-field-input-choice {
  float: right;
}
.ui-rtl #al-search-holder .taglib-page-iterator .search-pages .page-links .next,
.ui-rtl .portlet-search .taglib-page-iterator .search-pages .page-links .next {
  background: url("../images/base/icon_leftarrow.png") no-repeat 6px;
}
.ui-rtl #al-search-holder .taglib-page-iterator .search-pages .page-links .previous,
.ui-rtl .portlet-search .taglib-page-iterator .search-pages .page-links .previous {
  background: url("../images/base/icon_rightarrow.png") no-repeat 6px;
}
.ui-rtl #al-search-holder .taglib-page-iterator .search-pages .page-links .first,
.ui-rtl .portlet-search .taglib-page-iterator .search-pages .page-links .first {
  background: url("../images/base/icon_doublerightarrow.png") no-repeat 5px;
}
.ui-rtl #al-search-holder .taglib-page-iterator .search-pages .page-links .last,
.ui-rtl .portlet-search .taglib-page-iterator .search-pages .page-links .last {
  background: url("../images/base/icon_doubleleftarrow.png") no-repeat 5px;
}
.ui-rtl .al-tile {
  background-position: left bottom;
}
.ui-rtl .al-tile-img-wrapper {
  float: right;
  margin-left: 6px;
  margin-right: 0px;
}
.ui-rtl .al-tile-show-hide-button {
  float: left;
  position: relative;
}
.ui-rtl .al-tile-img h2, .ui-rtl .al-tile-img h3, .ui-rtl .al-tile-img h4, .ui-rtl .al-tile-img h5, .ui-rtl .al-tile-img p {
  margin-right: 30%;
  margin-left: auto;
}
.ui-rtl .al-tile.al-tile-standard.al-tile-images .typo-area {
  margin-right: 30%;
  margin-left: auto;
}
.ui-rtl .al-al-lightbox .al-widget-hd .al-lightbox-hd-links-container {
  float: left;
}
.ui-rtl .al-al-lightbox .al-panel-ft {
  text-align: right;
}
.ui-rtl .al-table td:first-child {
  text-align: right;
}
.ui-rtl .field-w5-8 .al-field-select select,
.ui-rtl .field-w5-8 .al-field-text textarea {
  float: right;
}
.ui-rtl .al-form-validator-stack-error .al-form-validator-message {
  background-position: right 0;
  padding: 0 28px 0 0;
}
.ui-rtl th.al-w100, .ui-rtl td.al-w100, .ui-rtl th.al-w75, .ui-rtl td.al-w75, .ui-rtl th.al-w5-8, .ui-rtl td.al-w5-8,
.ui-rtl th.al-w50, .ui-rtl td.al-w50, .ui-rtl th.al-w3-8, .ui-rtl td.al-w3-8, .ui-rtl th.al-w25, .ui-rtl td.al-w25,
.ui-rtl th.al-w1-7, .ui-rtl td.al-w1-7, .ui-rtl th.al-w1-8, .ui-rtl td.al-w1-8 {
  float: none;
}
.ui-rtl.al-view-gt960 .al-dock-tray, .ui-rtl.al-view-960 .al-dock-tray {
  left: 0;
  right: inherit;
  margin-left: 22px;
  margin-right: 0;
}
.ui-rtl .al-fm-flyout .al-fm-flyout-Paginator .al-fm-flyout-showVisibleLinks {
  line-height: 2.7em;
}
.ui-rtl .al-dock-tray .al-dock-tray-content-wrapper .al-dock-tray-content {
  height: 285px;
}
.ui-rtl .al-dock-tray .al-dock-tray-banner-wrapper .al-dock-tray-banner {
  background-position: 3% center;
}
.ui-rtl .al-dock-tray .al-dock-tray-banner-wrapper .al-dock-tray-banner h5 {
  background-position: 100% 11px;
  padding-left: 0;
  padding-right: 20px;
}
.ui-rtl .al-fm-flyout .al-fm-flyout-slidecontent .al-fm-flyout-textholder h3 a span {
  padding-right: 11px;
  padding-left: 0;
}
.ui-rtl .al-fm-flyout .al-fm-flyout-slidecontent .al-fm-flyout-textholder p {
  padding: 0px 27px 0px 0px;
}
.ui-rtl .al-fm-flyout .al-fm-flyout-Paginator .al-fm-flyout-paginationPrevious {
  background-position: -30px center;
  right: inherit;
  left: 58px;
}
.ui-rtl .al-fm-flyout .al-fm-flyout-Paginator .al-fm-flyout-paginationNext {
  background-position: center left;
  right: inherit;
  left: 11px;
}
.ui-rtl .al-error-heading,
.ui-rtl .al-error-heading.brand-alert1-a {
  background-position: right center;
}
.ui-rtl .al-error-heading {
  padding: 0 28px 0 0;
}
.ui-rtl .al-header-company-logo {
  float: right;
  clear: right;
}
.ui-rtl .al-header-portlet .al-second-window-title #al-aux-nav {
  right: inherit;
  left: 23px;
}
.ui-rtl .al-buttons-right,
.ui-rtl #al-footer .al-footer-content div.al-footer-copyright p {
  text-align: left;
}
.ui-rtl .al-button-small.al-button-icon .al-button-input {
  padding-right: 28px;
  padding-left: 11px;
}
.ui-rtl .al-button-favorite .al-button-input {
  background-position: 90% 50%;
}
.ui-rtl .al-gutter-col {
  float: right;
  border-left: 0px;
  border-right: transparent 11px solid;
}
.ui-rtl .al-gutter-row {
  margin-right: -11px;
  margin-left: 0px;
}
.ui-rtl .al-content-space-h {
  border-right: solid transparent 33px;
  border-left: 0px;
}
.ui-rtl .al-w1-8,
.ui-rtl .al-w1-7,
.ui-rtl .al-w25,
.ui-rtl .al-w3-8,
.ui-rtl .al-w50,
.ui-rtl .al-w5-8,
.ui-rtl .al-w75,
.ui-rtl .al-w7-8,
.ui-rtl .al-w100 {
  float: right;
}
.ui-rtl .al-iframe {
  float: left;
}
.ui-rtl .ir {
  text-align: right;
  direction: rtl;
}
.ui-rtl .al-WidthAuto-FltLeft {
  float: right;
}
.ui-rtl .al-WidthAuto-FltRight {
  float: left;
}
.ui-rtl .al-text-align-left {
  text-align: right;
}
.ui-rtl .al-text-align-right,
.ui-rtl .al-table-cellalignRight {
  text-align: left;
}
.ui-rtl.al-view-lt480 .al-text-align-left-lt480, .ui-rtl.al-view-480 .al-text-align-left-480 .ui-rtl.al-view-960 .al-text-align-left-960, .ui-rtl.al-view-lt960 .al-text-align-left-lt960 {
  text-align: right;
}
.ui-rtl .al-view-lt480 .al-text-align-right-lt480,
.ui-rtl .al-view-480 .al-text-align-right-480 {
  text-align: left;
}
.ui-rtl .al-float-left, .ui-rtl.al-view-320 .al-float-left-320, .ui-rtl.al-view-lt480 .al-float-left-lt480, .ui-rtl.al-view-480 .al-float-left-480, .ui-rtl.al-view-480 .al-float-left-gt480, .ui-rtl.al-view-720 .al-float-left-720, .ui-rtl.al-view-960 .al-float-left-960, .ui-rtl.al-view-lt960 .al-float-left-lt960 {
  float: right;
}
.ui-rtl .al-float-right, .ui-rtl.al-view-320 .al-float-right-320, .ui-rtl.al-view-lt480 .al-float-right-lt480, .ui-rtl.al-view-480 .al-float-right-480, .ui-rtl.al-view-480 .al-float-right-gt480, .ui-rtl.al-view-720 .al-float-right-720, .ui-rtl.al-view-960 .al-float-right-960, .ui-rtl.al-view-lt960 .al-float-right-lt960 {
  float: left;
}
.ui-rtl .al-tab-back {
  float: left;
}
.ui-rtl .al-widget .al-tabs-vertical .al-tabview-list {
  float: right;
  margin: 0 0 0 4.4%;
}
.ui-rtl .al-widget .al-tabs-vertical .al-tabview-list .al-tab .al-tab-label {
  background-position: left center;
  clear: left;
}
.ui-rtl .al-widget .al-tabs-vertical .al-tabview-list .al-tab .al-tab-label:hover {
  background-position: left center;
}
.ui-rtl .al-widget .al-tabs-vertical .al-tabview-list .al-tab-selected .al-tab-label,
.ui-rtl .al-widget .al-tabs-vertical .al-tabview-list .al-tab-selected .al-tab-label:hover {
  background-position: left center;
}
.ui-rtl .al-widget .al-tabs-vertical .al-tabview-panel {
  float: right;
}
.ui-rtl .al-widget .al-tabs-horizontal .al-tabview-list {
  float: right;
}
.ui-rtl .al-widget .al-tabs-horizontal .al-tabview-list .al-tab {
  clear: left;
  border-left-width: 1px;
  border-right-width: 1px;
  float: right;
  margin: 4px 0px -1px -1px;
}
.ui-rtl .al-widget .al-tabs-horizontal .al-tabview-panel {
  float: left;
}
.ui-rtl ul,
.ui-rtl ol,
.ui-rtl dl {
  margin-left: 0px;
  margin-right: 1.2em;
}
.ui-rtl .al-tableoption-wrapper .table-menu-wrapper {
  left: 0;
  right: auto;
}
.ui-rtl .al-tableoption-wrapper .table-menu {
  right: auto;
  left: 0;
}
.ui-rtl .al-tableoption-wrapper .table-menu-hidden {
  right: -999em;
  left: auto;
}
.ui-rtl .al-table td:first-child,
.ui-rtl .al-table th:first-child {
  text-align: right;
}
.ui-rtl .al-table tfoot .al-table-footnotes td {
  text-align: right;
}
.ui-rtl .al-table tbody.al-table-group-indent td:first-child,
.ui-rtl .al-table tbody.al-table-group-indent th:first-child {
  padding-right: 2.55em;
  padding-left: auto;
}
.ui-rtl .al-table tbody.al-table-group-indent tr:first-child td,
.ui-rtl .al-table tbody.al-table-group-indent tr:first-child th {
  padding-right: 0.75em;
  padding-left: auto;
}
.ui-rtl.al-view-lt480 table.al-table-responsive thead tr, .ui-rtl.al-view-480 table.al-table-responsive thead tr {
  right: -9999px;
  left: auto;
}
.ui-rtl.al-view-lt480 table.al-table-responsive td, .ui-rtl.al-view-480 table.al-table-responsive td {
  text-align: right;
}
.ui-rtl.al-view-lt480 table.al-table-responsive td :before, .ui-rtl.al-view-480 table.al-table-responsive td :before {
  right: 6px;
  left: auto;
  padding-left: 10px;
  padding-right: auto;
  text-align: right;
}
.ui-rtl.al-view-lt480 table.al-table-responsive-head td, .ui-rtl.al-view-480 table.al-table-responsive-head td {
  padding-right: 50%;
  padding-left: auto;
}
.ui-rtl.al-view-lt480 table.al-table-responsive.al-table-nonresponsive-head thead tr, .ui-rtl.al-view-480 table.al-table-responsive.al-table-nonresponsive-head thead tr {
  right: 0;
  left: auto;
}
.ui-rtl.al-view-lt480 caption,
.ui-rtl.al-view-lt480 th, .ui-rtl.al-view-480 caption,
.ui-rtl.al-view-480 th {
  text-align: right;
}
.ui-rtl .al-help-popover {
  margin-right: 5px;
  margin-left: auto;
}
.ui-rtl .al-help-popover .icon {
  margin-left: 5px;
  margin-right: auto;
}
.ui-rtl .al-button + .al-button, .ui-rtl button + button {
  margin-right: 7px;
  margin-left: auto;
}
.ui-rtl .al-field-inline + .al-field-inline,
.ui-rtl .al-field-inline + .al-field,
.ui-rtl .al-field + .al-field-inline {
  margin-right: 7px;
  margin-left: auto;
}
.ui-rtl .al-button + input,
.ui-rtl input + .al-button,
.ui-rtl .al-field-inline + .al-button,
.ui-rtl .al-button + .al-field-inline {
  margin-right: 7px;
  margin-left: auto;
}
.ui-rtl .al-field-space-h {
  margin-right: 11px;
  margin-left: auto;
}
.ui-rtl .al-state-default {
  background-position: right 0;
}
.ui-rtl .al-state-hover {
  background-position: right 0;
}
.ui-rtl .al-state-active {
  background-position: right 0;
}
.ui-rtl .results-header th {
  background-position: right 0;
}
.ui-rtl .results-header th.sort-column {
  background-position: right 0;
}
.ui-rtl .results-header th.sort-column .result-column-name {
  background-position: 0% 50%;
  padding-left: 15px;
}
.ui-rtl .results-header th.first {
  border-right-width: 0;
}
.ui-rtl .results-header th.last {
  border-left-width: 0;
}
.ui-rtl .results-header th.sort-desc .result-column-name {
  background-position: 0% 50%;
  padding-left: 15px;
}
.ui-rtl.al-view-720 .al-gutter-col.al-content-space-720-h2v, .ui-rtl.al-view-lt720 .al-gutter-col.al-content-space-720-h2v, .ui-rtl.al-view-480 .al-gutter-col.al-content-space-480-h2v, .ui-rtl.al-view-lt480 .al-gutter-col.al-content-space-480-h2v, .ui-rtl.al-view-320 .al-gutter-col.al-content-space-320-h2v, .ui-rtl.al-view-lt320 .al-gutter-col.al-content-space-320-h2v {
  border-right: solid 11px transparent;
  border-left: 0px;
}
.ui-rtl.al-view-720 .al-field-space-720-h2v, .ui-rtl.al-view-lt720 .al-field-space-720-h2v, .ui-rtl.al-view-480 .al-field-space-480-h2v, .ui-rtl.al-view-lt480 .al-field-space-480-h2v, .ui-rtl.al-view-320 .al-field-space-320-h2v, .ui-rtl.al-view-lt320 .al-field-space-320-h2v {
  margin-right: 0px;
  margin-left: auto;
}
.ui-rtl.al-view-720 .al-content-space-720-h2v, .ui-rtl.al-view-lt720 .al-content-space-720-h2v, .ui-rtl.al-view-480 .al-content-space-480-h2v, .ui-rtl.al-view-lt480 .al-content-space-480-h2v, .ui-rtl.al-view-320 .al-content-space-320-h2v, .ui-rtl.al-view-lt320 .al-content-space-320-h2v {
  border-right: 11px;
  border-left: 0px;
}
.ui-rtl .al-tiles-title-button {
  float: right;
}
.ui-rtl .al-tile.al-tile-tall .al-tile-image {
  direction: ltr;
  position: relative;
  margin: 0 0 22px 0;
}
.ui-rtl .al-tile .al-tile-image {
  direction: ltr;
  margin-right: -1px;
  margin-left: 0;
}
.ui-rtl .al-tile .al-tile-editArrowIcon-small {
  float: left;
  margin: 3px 0 0 3px;
}
.ui-rtl .al-tile-img .typo-area {
  margin-left: 0;
  margin-right: 30%;
}
.ui-rtl .al-tile-img h2,
.ui-rtl .al-tile-img h3,
.ui-rtl .al-tile-img h4,
.ui-rtl .al-tile-img h5,
.ui-rtl .al-tile-img p {
  margin-right: 0;
}
.ui-rtl .al-tile-img .al-tile-img-wrapper {
  direction: ltr;
}
.ui-rtl .al-tile-img .al-tile-img-wrapper img {
  height: auto;
}
.ui-rtl .al-tiles-title-text-wrapper.al-tile-wrapper.al-tile-draggable .al-tile-baseContainer .al-tile-editArrowIcon-small-grey {
  left: 0;
  right: auto;
  margin-right: 0;
  margin-left: 5px;
}
.ui-rtl .al-tile-editArrowIcon-small-grey {
  float: right;
  margin-right: 0;
  margin-left: 5px;
}
.ui-rtl .al-tile.edit .al-tile-edit-content .al-button-icon-delete {
  float: left;
}
.ui-rtl .al-tile-carousel-menu .al-tile-carousel-play,
.ui-rtl .al-tile-carousel-menu .al-tile-carousel-pause {
  position: absolute;
  right: 11px;
  width: 22px;
  background-position: right 0;
}
.ui-rtl .al-tile-carousel.al-medium-tile .al-tile-carousel-slideHolder div.slide.al-tile {
  background-position: left bottom;
}
.ui-rtl.al-view-lt720 .portlet-layout {
  display: inherit;
}
.ui-rtl .al-favriote-tiles .al-tile.edit .al-tile-favorite-Deletebutton {
  right: auto;
  left: 7px;
}
.ui-rtl .al-tile-eye {
  left: -30px !important;
  right: auto !important;
}
.ui-rtl #al-utility-toolbar .al-toolbar-item {
  margin: 0;
}
.ui-rtl.al-view-lt480 .al-breadcrumb-utility-wrapper .al-utility-toolbar {
  left: auto;
  right: -22px;
}
.ui-rtl.al-view-960 .al-utility-toolbar span.al-toolbar-content, .ui-rtl.al-view-gt960 .al-utility-toolbar span.al-toolbar-content {
  float: left;
}
.ui-rtl.al-view-lt960 .search-layout .al-single-menu {
  float: none;
}
.ui-rtl .portlet-row {
  margin-right: -11px;
  margin-left: 0px;
}
.ui-rtl .portlet-column {
  border-left: none;
  border-right: transparent 11px solid;
}
.ui-rtl #banner .portlet-column:first-child,
.ui-rtl #footer .portlet-column:first-child {
  border-right: none;
}
.ui-rtl.al-view-320 .al-u-2-2, .ui-rtl.al-view-lt320 .al-u-2-2 {
  float: right;
}
.ui-rtl.al-view-320 .al-u-1-2, .ui-rtl.al-view-lt320 .al-u-1-2 {
  float: right;
}
.ui-rtl.al-view-480 .al-u-4-4 {
  float: right;
}
.ui-rtl.al-view-480 .al-u-3-4 {
  float: right;
}
.ui-rtl.al-view-480 .al-u-2-4 {
  float: right;
}
.ui-rtl.al-view-480 .al-u-1-4 {
  float: right;
}
.ui-rtl.al-view-720 .al-u-8-8 {
  float: right;
}
.ui-rtl.al-view-720 .al-u-7-8 {
  float: right;
}
.ui-rtl.al-view-720 .al-u-6-8 {
  float: right;
}
.ui-rtl.al-view-720 .al-u-5-8 {
  float: right;
}
.ui-rtl.al-view-720 .al-u-4-8 {
  float: right;
}
.ui-rtl.al-view-720 .al-u-3-8 {
  float: right;
}
.ui-rtl.al-view-720 .al-u-2-8 {
  float: right;
}
.ui-rtl.al-view-720 .al-u-1-8 {
  float: right;
}
.ui-rtl.al-view-960 .al-u-16-16 {
  float: right;
}
.ui-rtl.al-view-960 .al-u-15-16 {
  float: right;
}
.ui-rtl.al-view-960 .al-u-14-16 {
  float: right;
}
.ui-rtl.al-view-960 .al-u-13-16 {
  float: right;
}
.ui-rtl.al-view-960 .al-u-12-16 {
  float: right;
}
.ui-rtl.al-view-960 .al-u-11-16 {
  float: right;
}
.ui-rtl.al-view-960 .al-u-10-16 {
  float: right;
}
.ui-rtl.al-view-960 .al-u-9-16 {
  float: right;
}
.ui-rtl.al-view-960 .al-u-8-16 {
  float: right;
}
.ui-rtl.al-view-960 .al-u-7-16 {
  float: right;
}
.ui-rtl.al-view-960 .al-u-6-16 {
  float: right;
}
.ui-rtl.al-view-960 .al-u-5-16 {
  float: right;
}
.ui-rtl.al-view-960 .al-u-4-16 {
  float: right;
}
.ui-rtl.al-view-960 .al-u-3-16 {
  float: right;
}
.ui-rtl.al-view-960 .al-u-2-16 {
  float: right;
}
.ui-rtl.al-view-960 .al-u-1-16 {
  float: right;
}
.ui-rtl .al-icon-carat-1-l {
  background-position: -32px 0;
}
.ui-rtl .al-icon-carat-1-r {
  background-position: -96px 0;
}
.ui-rtl .al-icon-triangle-1-l {
  background-position: -32px -16px;
}
.ui-rtl .al-icon-triangle-1-r {
  background-position: -96px -16px;
}
.ui-rtl .al-icon-arrow-1-l {
  background-position: -32px -32px;
}
.ui-rtl .al-icon-arrow-1-r {
  background-position: -96px -32px;
}
.ui-rtl .al-icon-arrowthick-1-l {
  background-position: -32px -48px;
}
.ui-rtl .al-icon-arrowthick-1-r {
  background-position: -96px -48px;
}
.ui-rtl .al-icon-circle-triangle-l {
  background-position: -48px -192px;
}
.ui-rtl .al-icon-circle-triangle-r {
  background-position: -80px -192px;
}
.ui-rtl .al-icon-carat-arrow-1-l {
  background-position: -176px 0px;
}
.ui-rtl .al-icon-carat-arrow-1-r {
  background-position: -160px 0px;
}
.ui-rtl body {
  font-size: 17px;
}
.ui-rtl .al-font-xxxl {
  font-size: 51px;
}
.ui-rtl h2,
.ui-rtl .al-font-xxl {
  font-size: 37px;
}
.ui-rtl h3,
.ui-rtl .al-font-xl {
  font-size: 27px;
}
.ui-rtl h4,
.ui-rtl .al-font-l {
  font-size: 21px;
}
.ui-rtl h5,
.ui-rtl .al-font-m {
  font-size: 19px;
}
.ui-rtl button {
  font-size: 21px;
}
.ui-rtl p,
.ui-rtl td,
.ui-rtl th,
.ui-rtl li,
.ui-rtl .al-font-s {
  font-size: 17px;
}
.ui-rtl textarea,
.ui-rtl input,
.ui-rtl select,
.ui-rtl .al-font-xsmall,
.ui-rtl p .al-font-xsmall,
.ui-rtl .xs,
.ui-rtl .xs p,
.ui-rtl .al-font-xsmall p,
.ui-rtl ul.al-font-xsmall li a,
.ui-rtl .al-font-xxsmall,
.ui-rtl p .al-font-xxsmall,
.ui-rtl .al-font-xxsmall p,
.ui-rtl ul.al-font-xxsmall li a,
.ui-rtl input.al-input-text-small {
  font-size: 15px;
}
.ui-rtl .p-dropdown.al-select-box-small,
.ui-rtl .p-dropdown .p-dropdown-label,
.ui-rtl .p-multiselect.al-select-box-small,
.ui-rtl .p-multiselect .p-dropdown-label {
  font-size: 15px;
}
.ui-rtl .p-dropdown .p-multiselect-label,
.ui-rtl .p-multiselect .p-multiselect-label {
  font-size: 17px;
}
.ui-rtl .p-dropdown.al-select-box-small,
.ui-rtl .p-dropdown .p-dropdown-items,
.ui-rtl .p-dropdown .p-multiselect-items,
.ui-rtl .p-multiselect.al-select-box-small,
.ui-rtl .p-multiselect .p-dropdown-items,
.ui-rtl .p-multiselect .p-multiselect-items {
  margin: 0;
}
.ui-rtl .p-dropdown.al-select-box-small .p-dropdown-item,
.ui-rtl .p-dropdown .p-dropdown-items .p-dropdown-item,
.ui-rtl .p-dropdown .p-multiselect-items .p-dropdown-item,
.ui-rtl .p-multiselect.al-select-box-small .p-dropdown-item,
.ui-rtl .p-multiselect .p-dropdown-items .p-dropdown-item,
.ui-rtl .p-multiselect .p-multiselect-items .p-dropdown-item {
  font-size: 15px;
  text-align: right;
}
.ui-rtl .p-dropdown.al-select-box-small .p-multiselect-item,
.ui-rtl .p-dropdown .p-dropdown-items .p-multiselect-item,
.ui-rtl .p-dropdown .p-multiselect-items .p-multiselect-item,
.ui-rtl .p-multiselect.al-select-box-small .p-multiselect-item,
.ui-rtl .p-multiselect .p-dropdown-items .p-multiselect-item,
.ui-rtl .p-multiselect .p-multiselect-items .p-multiselect-item {
  font-size: 17px;
  text-align: right;
}
.ui-rtl h1 .al-font-xxl {
  font-size: 37px;
}
.ui-rtl h1 .al-font-xl {
  font-size: 27px;
}
.ui-rtl h1 .al-font-l {
  font-size: 21px;
}
.ui-rtl h1 .al-font-m {
  font-size: 19px;
}
.ui-rtl h1 .al-font-s {
  font-size: 17px;
}
.ui-rtl h2 .al-font-xl {
  font-size: 27px;
}
.ui-rtl h2 .al-font-l {
  font-size: 21px;
}
.ui-rtl h2 .al-font-m {
  font-size: 19px;
}
.ui-rtl h2 .al-font-s {
  font-size: 17px;
}
.ui-rtl h3 .al-font-l {
  font-size: 21px;
}
.ui-rtl h3 .al-font-m {
  font-size: 19px;
}
.ui-rtl h3 .al-font-s {
  font-size: 17px;
}
.ui-rtl h4 .al-font-m {
  font-size: 19px;
}
.ui-rtl h4 .al-font-s {
  font-size: 17px;
}
.ui-rtl h5 .al-font-s {
  font-size: 17px;
}
.ui-rtl.al-view-720 h1 .al-font-xxl {
  font-size: 31px;
}
.ui-rtl.al-view-720 h1 .al-font-xl {
  font-size: 27px;
}
.ui-rtl.al-view-720 h1 .al-font-l {
  font-size: 21px;
}
.ui-rtl.al-view-720 h1 .al-font-m {
  font-size: 19px;
}
.ui-rtl.al-view-720 h1 .al-font-s {
  font-size: 17px;
}
.ui-rtl.al-view-720 h1,
.ui-rtl.al-view-720 .al-font-xxxl {
  font-size: 37px;
}
.ui-rtl.al-view-720 h2 .al-font-xl {
  font-size: 27px;
}
.ui-rtl.al-view-720 h2 .al-font-l {
  font-size: 21px;
}
.ui-rtl.al-view-720 h2 .al-font-m {
  font-size: 19px;
}
.ui-rtl.al-view-720 h2 .al-font-s {
  font-size: 17px;
}
.ui-rtl.al-view-720 h2,
.ui-rtl.al-view-720 .al-font-xxl {
  font-size: 31px;
}
.ui-rtl.al-view-720 h3 .al-font-l {
  font-size: 21px;
}
.ui-rtl.al-view-720 h3 .al-font-m {
  font-size: 19px;
}
.ui-rtl.al-view-720 h3 .al-font-s {
  font-size: 17px;
}
.ui-rtl.al-view-720 h4 .al-font-m {
  font-size: 19px;
}
.ui-rtl.al-view-720 h4 .al-font-s {
  font-size: 17px;
}
.ui-rtl.al-view-720 h5 .al-font-s {
  font-size: 17px;
}
.ui-rtl.al-view-720 .al-font-xl {
  font-size: 27px;
}
.ui-rtl.al-view-720 .al-font-l {
  font-size: 21px;
}
.ui-rtl.al-view-720 .al-font-m {
  font-size: 19px;
}
.ui-rtl.al-view-720 .al-font-s {
  font-size: 17px;
}
.ui-rtl.al-view-720 .xs,
.ui-rtl.al-view-720 .al-font-xsmall,
.ui-rtl.al-view-720 .al-font-xxsmall {
  font-size: 15px;
}
.ui-rtl.al-view-lt480 h1 .al-font-xxl, .ui-rtl.al-view-480 h1 .al-font-xxl {
  font-size: 25px;
}
.ui-rtl.al-view-lt480 h1 .al-font-xl, .ui-rtl.al-view-480 h1 .al-font-xl {
  font-size: 21px;
}
.ui-rtl.al-view-lt480 h1 .al-font-l, .ui-rtl.al-view-480 h1 .al-font-l {
  font-size: 19px;
}
.ui-rtl.al-view-lt480 h1 .al-font-m,
.ui-rtl.al-view-lt480 h1 .al-font-s, .ui-rtl.al-view-480 h1 .al-font-m,
.ui-rtl.al-view-480 h1 .al-font-s {
  font-size: 17px;
}
.ui-rtl.al-view-lt480 h1,
.ui-rtl.al-view-lt480 .al-font-xxxl, .ui-rtl.al-view-480 h1,
.ui-rtl.al-view-480 .al-font-xxxl {
  font-size: 29px;
}
.ui-rtl.al-view-lt480 h2 .al-font-xl, .ui-rtl.al-view-480 h2 .al-font-xl {
  font-size: 21px;
}
.ui-rtl.al-view-lt480 h2 .al-font-l, .ui-rtl.al-view-480 h2 .al-font-l {
  font-size: 19px;
}
.ui-rtl.al-view-lt480 h2 .al-font-m,
.ui-rtl.al-view-lt480 h2 .al-font-s, .ui-rtl.al-view-480 h2 .al-font-m,
.ui-rtl.al-view-480 h2 .al-font-s {
  font-size: 17px;
}
.ui-rtl.al-view-lt480 h2,
.ui-rtl.al-view-lt480 .al-font-xxl, .ui-rtl.al-view-480 h2,
.ui-rtl.al-view-480 .al-font-xxl {
  font-size: 25px;
}
.ui-rtl.al-view-lt480 h3 .al-font-l, .ui-rtl.al-view-480 h3 .al-font-l {
  font-size: 19px;
}
.ui-rtl.al-view-lt480 h3 .al-font-m,
.ui-rtl.al-view-lt480 h3 .al-font-s, .ui-rtl.al-view-480 h3 .al-font-m,
.ui-rtl.al-view-480 h3 .al-font-s {
  font-size: 17px;
}
.ui-rtl.al-view-lt480 h3,
.ui-rtl.al-view-lt480 .al-font-xl, .ui-rtl.al-view-480 h3,
.ui-rtl.al-view-480 .al-font-xl {
  font-size: 21px;
}
.ui-rtl.al-view-lt480 h4 .al-font-m,
.ui-rtl.al-view-lt480 h4 .al-font-s, .ui-rtl.al-view-480 h4 .al-font-m,
.ui-rtl.al-view-480 h4 .al-font-s {
  font-size: 17px;
}
.ui-rtl.al-view-lt480 h4,
.ui-rtl.al-view-lt480 .al-font-l, .ui-rtl.al-view-480 h4,
.ui-rtl.al-view-480 .al-font-l {
  font-size: 19px;
}
.ui-rtl.al-view-lt480 h5 .al-font-s, .ui-rtl.al-view-480 h5 .al-font-s {
  font-size: 17px;
}
.ui-rtl.al-view-lt480 h5,
.ui-rtl.al-view-lt480 .al-font-m,
.ui-rtl.al-view-lt480 p,
.ui-rtl.al-view-lt480 td,
.ui-rtl.al-view-lt480 th,
.ui-rtl.al-view-lt480 li,
.ui-rtl.al-view-lt480 .al-font-s, .ui-rtl.al-view-480 h5,
.ui-rtl.al-view-480 .al-font-m,
.ui-rtl.al-view-480 p,
.ui-rtl.al-view-480 td,
.ui-rtl.al-view-480 th,
.ui-rtl.al-view-480 li,
.ui-rtl.al-view-480 .al-font-s {
  font-size: 17px;
}
.ui-rtl.al-view-lt480 .al-font-xsmall,
.ui-rtl.al-view-lt480 p .al-font-xsmall,
.ui-rtl.al-view-lt480 .xs,
.ui-rtl.al-view-lt480 .al-font-xxsmall,
.ui-rtl.al-view-lt480 p .al-font-xxsmall, .ui-rtl.al-view-480 .al-font-xsmall,
.ui-rtl.al-view-480 p .al-font-xsmall,
.ui-rtl.al-view-480 .xs,
.ui-rtl.al-view-480 .al-font-xxsmall,
.ui-rtl.al-view-480 p .al-font-xxsmall {
  font-size: 15px;
}
.ui-rtl pre,
.ui-rtl code,
.ui-rtl kbd,
.ui-rtl samp {
  font-size: 17px;
}
.ui-rtl .tag-cloud .tag-popularity-1 {
  font-size: 17px;
}
.ui-rtl .tag-cloud .tag-popularity-2 {
  font-size: 21px;
}
.ui-rtl .tag-cloud .tag-popularity-3 {
  font-size: 25px;
}
.ui-rtl .tag-cloud .tag-popularity-4 {
  font-size: 29px;
}
.ui-rtl .tag-cloud .tag-popularity-5 {
  font-size: 34px;
}
.ui-rtl .tag-cloud .tag-popularity-6 {
  font-size: 38px;
}
.ui-rtl .layout-customizable-controls {
  font-size: 24px;
}
.ui-rtl .al-paginator-current-page-report,
.ui-rtl .al-paginator-total {
  font-size: 15px;
}
.ui-rtl .portlet-title,
.ui-rtl p {
  font-size: 17px;
}
.ui-rtl ul.al-linklist-vertical-link li a {
  font-size: 19px;
}
.ui-rtl .al-badge-large {
  font-size: 17px;
}
.ui-rtl .al-badge-small {
  font-size: 14px;
}
.ui-rtl .al-bypass-block {
  font-size: 21px;
}
.ui-rtl.al-view-lt480 .al-panel-wrapper .al-panel-hd-text {
  font-size: 17px;
}
.ui-rtl .al-panelTreeview-controls a,
.ui-rtl .al-panelTreeview-controls span {
  font-size: 14px;
}
.ui-rtl .al-panelTreeview-wrapper .p-tree .p-tree-container .p-treenode .p-treenode-content .p-treenode-label {
  font-size: 19px;
}
.ui-rtl .al-widget .al-tabs-vertical .al-tabview-list .al-tab .al-tab-label {
  font-size: 19px;
}
.ui-rtl .al-widget .al-tabs-horizontal .al-tabview-list .al-tab .al-tab-label {
  font-size: 17px;
}
.ui-rtl .variation-selector {
  font-size: 20px;
}
.ui-rtl .layout-revision-container .layout-variation-name {
  font-size: 19px;
}
.ui-rtl .my-sites-menu .site-type {
  font-size: 14px;
}
.ui-rtl .page-customization-bar {
  font-size: 20px;
}
.ui-rtl .page-customization-bar .page-customization-actions a {
  font-size: 14px;
}
.ui-rtl .dockbar .user-avatar .sign-out {
  font-size: 14px;
}
.ui-rtl #al-nav .al-navigation-ad a,
.ui-rtl #al-nav .al-navigation-ad-img a {
  font-size: 14px;
}
.ui-rtl #al-primary-nav #al-gmc-messages-link .al-badge-large {
  font-size: 17px;
}
.ui-rtl #al-primary-nav #al-gmc-messages-link .al-gmc-inner-wrapper a {
  font-size: 17px;
}
.ui-rtl .al-header-ecs li,
.ui-rtl .al-header-portlet .al-second-window-title a,
.ui-rtl .al-widget .al-tabs-horizontal .al-tabview-list .al-tab,
.ui-rtl .al-hmlandingpage-benefit-module .al-hmlandingpage-tabWrapper .al-hmlandingpage-contentWrapper .tabContent ul.al-linklist-vertical-link li a,
.ui-rtl #al-primary-nav li a, .ui-rtl.al-view-lt960 #al-primary-nav #al-primary-menu-ul li a,
.ui-rtl .al-secondarynav .al-secondarynav-level-1 ul li a,
.ui-rtl .al-secondarynav .al-secondarynav-level-1 ul li span,
.ui-rtl .al-secondarynav .al-secondarynav-flex-dropdown ul li a,
.ui-rtl .al-secondarynav .al-secondarynav-flex-dropdown ul li span,
.ui-rtl .al-secondarynav .al-secondarynav-level-2 ul li a,
.ui-rtl .al-secondarynav .al-secondarynav-level-2 ul li span, .ui-rtl.al-view-lt720 .al-secondarynav .al-secondarynav-level-2 ul li a, .ui-rtl.al-view-lt720 .al-secondarynav .al-secondarynav-level-2 ul li span, .ui-rtl.al-view-lt720 .al-secondarynav .al-secondarynav-level-1 ul li a, .ui-rtl.al-view-lt720 .al-secondarynav .al-secondarynav-level-1 ul li span,
.ui-rtl #al-aux-nav .al-aux-nav-primary,
.ui-rtl #al-aux-nav .al-aux-nav-primary li,
.ui-rtl #al-aux-nav .al-aux-menu-sub ul li a,
.ui-rtl #al-aux-nav .al-aux-menu-sub ul li span,
.ui-rtl #al-primary-nav .al-aux-menu-sub li a,
.ui-rtl .al-single-menu-sub ul li a,
.ui-rtl .al-single-menu-sub ul li span {
  font-size: 15px;
}
.ui-rtl .al-menu-subhead {
  font-size: 19px;
}
.ui-rtl .portlet-polls-display .portlet-title {
  font-size: 27px;
}
.ui-rtl #al-search-holder .result table.taglib-search-iterator .results-row td .asset-entry .asset-entry-title a,
.ui-rtl .portlet-search .result table.taglib-search-iterator .results-row td .asset-entry .asset-entry-title a {
  font-size: 19px;
}
.ui-rtl #al-search-holder .portlet-search-container-pager-heading,
.ui-rtl .portlet-search .portlet-search-container-pager-heading {
  font-size: 15px;
}
.ui-rtl #al-search-holder .taglib-page-iterator .search-results strong.journal-article-page-number,
.ui-rtl #al-search-holder .taglib-page-iterator .search-results a.journal-article-page-number,
.ui-rtl .portlet-search .taglib-page-iterator .search-results strong.journal-article-page-number,
.ui-rtl .portlet-search .taglib-page-iterator .search-results a.journal-article-page-number {
  font-size: 17px;
}
.ui-rtl #al-search-holder .taglib-page-iterator .search-results strong.journal-article-page-number,
.ui-rtl .portlet-search .taglib-page-iterator .search-results strong.journal-article-page-number {
  font-size: 19px;
}
.ui-rtl .al-dc-state-portals .al-tree-legend {
  font-size: 14px;
}
.ui-rtl .dialogFooter {
  font-size: 15px;
}
.ui-rtl .breadcrumbs-horizontal,
.ui-rtl .breadcrumbs-horizontal li {
  font-size: 15px;
}
.ui-rtl.al-view-lt720 .al-navitabs .al-navitabs-dropdownlink {
  font-size: 15px;
}
.ui-rtl .al-input-text-small input.al-field-input-text {
  font-size: 15px;
}
.ui-rtl .al-select-box-small select.al-field-input-select {
  font-size: 15px;
}
.ui-rtl .al-form-validator-stack-error {
  font-size: 17px;
}
.ui-rtl .al-form-validator-stack-error .al-form-validator-message {
  font-size: 17px;
}
.ui-rtl span.al-suffix {
  font-size: 14px;
}
.ui-rtl .al-button-large {
  font-size: 19px;
}
.ui-rtl .p-button:not(.al-button-large) {
  font-size: 15px;
}
.ui-rtl .al-mictiles-wrapper > h2 {
  font-size: 21px;
}
.ui-rtl .portlet-borderless-bar {
  font-size: 13px;
}
.ui-rtl .lfr-panel-page .portlet-title {
  font-size: 16px;
}
.ui-rtl .al-dialog-header-links a {
  font-size: 15px;
}
.ui-rtl #al-table-panel .al-panel-hd-text {
  font-size: 18px;
}
.ui-rtl .al-progressbar ul .ui-steps-item span.ui-steps-number, .ui-rtl .al-progressbar ul .ui-steps-item span.ui-steps-title {
  font-size: 17px;
}
.ui-rtl .dockbar {
  font-size: 16px;
}
.ui-rtl .al-underlay .portal-add-content {
  font-size: 14px;
}
.ui-rtl .al-scrollview #scrollview-content ul li {
  font-size: 15px;
}
.ui-rtl .al-scheduler-ui .al-scheduler-event-content,
.ui-rtl .al-scheduler-ui .al-scheduler-view-month-table-data-event,
.ui-rtl .al-scheduler-ui .al-scheduler-view-day-header-day a,
.ui-rtl .al-scheduler-ui .al-scheduler-view-day-header-day div {
  font-size: 15px;
}
.ui-rtl .al-scheduler-ui .al-scheduler-view-month-table-data-col-title {
  font-size: 14px;
}
.ui-rtl .al-scheduler-ui .al-panelTreeview-wrapper .p-treenode-label {
  font-size: 17px;
}
.ui-rtl .al-popover.al-popover-menu ul .al-popover-menu-header h3, .ui-rtl.al-popover.al-popover-menu ul .al-popover-menu-header h3 {
  font-size: 19px;
}
.ui-rtl .al-popover.al-popover-menu ul .al-popover-menu-item a.al-popover-menu-item-link, .ui-rtl.al-popover.al-popover-menu ul .al-popover-menu-item a.al-popover-menu-item-link {
  font-size: 15px;
}
.ui-rtl div#searchBoxContentId {
  left: -70px;
  right: auto;
  background-position: 19% -8%;
}
.ui-rtl div#searchBoxContentId #autocomplete {
  float: right;
}
.ui-rtl .searchOld #searchButton.p-button:not(.al-button-large) {
  border-right: 0;
  float: left;
  border-radius: 6px 0 0 6px;
  border-left: 1px solid #C5C6C7;
}
.ui-rtl .searchOld span.p-autocomplete.p-component {
  float: right;
}
.ui-rtl .searchOld input[type=text].p-inputtext {
  border-radius: 0 6px 6px 0;
}
.ui-rtl .searchOld .loading-indicator-container-search {
  text-align: right;
}
.ui-rtl .searchOld .loading-indicator-container-search .loading-indicator-search {
  background-position: top right;
  padding-right: 19px;
}

@media (max-width: 998px) {
  .nobr {
    white-space: initial !important;
  }
}
/* = Print Style
====================================*/
/* ==|== print styles =======================================================
   Print styles.
   Inlined to avoid required HTTP connection: h5bp.com/r
   ========================================================================== */
/* http://compass-style.org/reference/compass/css3/*/
/* =======================================
	TABLE OF CONTENTS
	1.Color Variables
		a. grays
		b. blues
		c. greens
		d. yellows
		e. reds
	2. Mixins
		a. fonts
		b.

   ======================================= */
/*=======================================================
			Colors
  =======================================================*/
/* Added Black and White, its a little redundent but easier to remember.
/* Grays */
/* MAIN default body text new to styleguide 10/17*/
/* Accent 1 (Blue) */
/*darkest */
/* lightest */
/* Accent 2 (Green) */
/* Accent 3 (Yellow) */
/* Accent 4 (Red) */
/*=======================================================
				Mixins
  =======================================================*/
/* ************ Fonts ************
	******************************* */
/* ************ 720 viewport ************
	******************************* */
/* ************ 480 viewport ************
	******************************* */
.al-print-only {
  display: none;
}

@media print {
  /*===================  PRINT STYLES ==================== */
  /*========  Medium Size For Printing ========
  ========== Per requirements PBPI-3025 ======= */
  .al-u-1-4 {
    width: 25%;
  }
  .al-view-gt960 .al-u-1-4, .al-view-960 .al-u-1-4, .al-view-720 .al-u-1-4, .al-view-480 .al-u-1-4, .al-view-320 .al-u-1-4 {
    width: 25%;
  }
  .al-u-2-4 {
    width: 50%;
  }
  .al-view-gt960 .al-u-2-4, .al-view-960 .al-u-2-4, .al-view-720 .al-u-2-4, .al-view-480 .al-u-2-4, .al-view-320 .al-u-2-4 {
    width: 50%;
  }
  .al-u-3-4 {
    width: 75%;
  }
  .al-view-gt960 .al-u-3-4, .al-view-960 .al-u-3-4, .al-view-720 .al-u-3-4, .al-view-480 .al-u-3-4, .al-view-320 .al-u-3-4 {
    width: 75%;
  }
  .al-u-4-4 {
    width: 100%;
  }
  .al-view-gt960 .al-u-4-4, .al-view-960 .al-u-4-4, .al-view-720 .al-u-4-4, .al-view-480 .al-u-4-4, .al-view-320 .al-u-4-4 {
    width: 100%;
  }
  /*PCA-8678 fix*/
  .al-480-w100 {
    width: 100%;
  }
  .al-view-480 .al-480-w100 {
    width: 100%;
  }
  .al-480-w15-16 {
    width: 93.75%;
  }
  .al-view-gt960 .al-480-w15-16, .al-view-960 .al-480-w15-16, .al-view-720 .al-480-w15-16, .al-view-480 .al-480-w15-16, .al-view-320 .al-480-w15-16 {
    width: 93.75%;
  }
  .al-480-w13-16 {
    width: 81.25%;
  }
  .al-view-gt960 .al-480-w13-16, .al-view-960 .al-480-w13-16, .al-view-720 .al-480-w13-16, .al-view-480 .al-480-w13-16, .al-view-320 .al-480-w13-16 {
    width: 81.25%;
  }
  .al-480-w75 {
    width: 75%;
  }
  .al-view-gt960 .al-480-w75, .al-view-960 .al-480-w75, .al-view-720 .al-480-w75, .al-view-480 .al-480-w75, .al-view-320 .al-480-w75 {
    width: 75%;
  }
  .al-480-w70 {
    width: 70%;
  }
  .al-view-gt960 .al-480-w70, .al-view-960 .al-480-w70, .al-view-720 .al-480-w70, .al-view-480 .al-480-w70, .al-view-320 .al-480-w70 {
    width: 70%;
  }
  .al-480-w11-16 {
    width: 68.75%;
  }
  .al-view-gt960 .al-480-w11-16, .al-view-960 .al-480-w11-16, .al-view-720 .al-480-w11-16, .al-view-480 .al-480-w11-16, .al-view-320 .al-480-w11-16 {
    width: 68.75%;
  }
  .al-480-w5-8 {
    width: 62.5%;
  }
  .al-view-gt960 .al-480-w5-8, .al-view-960 .al-480-w5-8, .al-view-720 .al-480-w5-8, .al-view-480 .al-480-w5-8, .al-view-320 .al-480-w5-8 {
    width: 62.5%;
  }
  .al-480-w9-16 {
    width: 56.25%;
  }
  .al-view-gt960 .al-480-w9-16, .al-view-960 .al-480-w9-16, .al-view-720 .al-480-w9-16, .al-view-480 .al-480-w9-16, .al-view-320 .al-480-w9-16 {
    width: 56.25%;
  }
  /*PCA-8599 fix*/
  .al-480-w50 {
    width: 50%;
  }
  .al-view-480 .al-480-w50 {
    width: 50%;
  }
  .al-480-w7-16 {
    width: 43.75%;
  }
  .al-view-gt960 .al-480-w7-16, .al-view-960 .al-480-w7-16, .al-view-720 .al-480-w7-16, .al-view-480 .al-480-w7-16, .al-view-320 .al-480-w7-16 {
    width: 43.75%;
  }
  .al-480-w3-8 {
    width: 37.5%;
  }
  .al-view-gt960 .al-480-w3-8, .al-view-960 .al-480-w3-8, .al-view-720 .al-480-w3-8, .al-view-480 .al-480-w3-8, .al-view-320 .al-480-w3-8 {
    width: 37.5%;
  }
  .al-480-w5-16 {
    width: 31.25%;
  }
  .al-view-gt960 .al-480-w5-16, .al-view-960 .al-480-w5-16, .al-view-720 .al-480-w5-16, .al-view-480 .al-480-w5-16, .al-view-320 .al-480-w5-16 {
    width: 31.25%;
  }
  .al-480-w30 {
    width: 30%;
  }
  .al-view-gt960 .al-480-w30, .al-view-960 .al-480-w30, .al-view-720 .al-480-w30, .al-view-480 .al-480-w30, .al-view-320 .al-480-w30 {
    width: 30%;
  }
  .al-480-w33 {
    width: 33.33%;
  }
  .al-view-gt960 .al-480-w33, .al-view-960 .al-480-w33, .al-view-720 .al-480-w33, .al-view-480 .al-480-w33, .al-view-320 .al-480-w33 {
    width: 33.33%;
  }
  .al-480-w25 {
    width: 25%;
  }
  .al-view-gt960 .al-480-w25, .al-view-960 .al-480-w25, .al-view-720 .al-480-w25, .al-view-480 .al-480-w25, .al-view-320 .al-480-w25 {
    width: 25%;
  }
  .al-480-w3-16 {
    width: 18.75%;
  }
  .al-view-gt960 .al-480-w3-16, .al-view-960 .al-480-w3-16, .al-view-720 .al-480-w3-16, .al-view-480 .al-480-w3-16, .al-view-320 .al-480-w3-16 {
    width: 18.75%;
  }
  .al-480-w1-7 {
    width: 14.286%;
  }
  .al-view-gt960 .al-480-w1-7, .al-view-960 .al-480-w1-7, .al-view-720 .al-480-w1-7, .al-view-480 .al-480-w1-7, .al-view-320 .al-480-w1-7 {
    width: 14.286%;
  }
  .al-480-w1-8 {
    width: 12.5%;
  }
  .al-view-gt960 .al-480-w1-8, .al-view-960 .al-480-w1-8, .al-view-720 .al-480-w1-8, .al-view-480 .al-480-w1-8, .al-view-320 .al-480-w1-8 {
    width: 12.5%;
  }
  .al-480-w1-16 {
    width: 6.25%;
  }
  .al-view-gt960 .al-480-w1-16, .al-view-960 .al-480-w1-16, .al-view-720 .al-480-w1-16, .al-view-480 .al-480-w1-16, .al-view-320 .al-480-w1-16 {
    width: 6.25%;
  }
  /*======== End Medium Size For Printing ======== */
  .al-page-wrapper {
    max-width: 90%;
  }
  .al-responsive-off #content {
    min-width: 90%;
  }
  .al-responsive-off #banner {
    min-width: 90%;
  }
  .al-responsive-off #banner .portlet-column {
    border: none;
  }
  .al-responsive-off #footer {
    min-width: 90%;
  }
  .al-responsive-off #footer .portlet-column {
    border: none;
  }
  * {
    /* background: transparent !important; PBPI-4569 : Background images do not print on Upoint by premraja p */
    color: black !important;
    box-shadow: none !important;
    text-shadow: none !important;
    filter: none !important;
    -ms-filter: none !important;
  }
  /* Black prints faster: h5bp.com/s */
  a, a:visited {
    text-decoration: underline;
  }
  a[href]:after {
    content: " ";
  }
  abbr[title]:after {
    content: " (" attr(title) ")";
  }
  .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after {
    content: "";
  }
  /* Don't show links for images, or javascript/internal links */
  pre, blockquote {
    border: 1px solid #999;
    page-break-inside: avoid;
  }
  thead {
    display: table-header-group;
  }
  /* h5bp.com/t */
  tr, img {
    page-break-inside: avoid;
  }
  /*img { max-width: 100% !important; } PBPI-2984 - Removed image max width for tile images */
  @page {
    margin: 0.5in;
  }
  p, h2, h3 {
    orphans: 3;
    widows: 3;
  }
  h2, h3 {
    page-break-after: avoid;
  }
  .al-print-only {
    display: block;
  }
  .al-print-no {
    display: none;
  }
  /*many of these should have the no print class added to them */
  #dockbar,
#sign-in,
#navigation,
#al-aux-nav,
.al-header-ecs,
.al-header-welcome-statement,
.al-header-company-logo,
.al-header-search,
#al-nav,
.al-tile-show-hide-button,
.al-find-more-flyout,
.al-overlaymask {
    display: none !important;
    height: 1px !important;
  }
  .al-print-header-welcome-statement, b.al-print-header-user-name {
    display: block;
  }
  /* Fonts */
  h1, .al-font-xxxxl {
    font-size: 16pt;
  }
  h2, .al-font-xxl {
    font-size: 14pt;
  }
  h3, .al-font-xl {
    font-size: 12pt;
  }
  h4, .al-font-l {
    font-size: 12pt;
  }
  h5, .al-font-m {
    font-size: 10pt;
  }
  p, td, .al-font-s {
    font-size: 8pt;
  }
  textarea, input, select, button {
    font-size: 8pt;
  }
  .al-font-xsmall, p .al-font-xsmall, .xs {
    font-size: 8pt;
  }
  .al-font-xxsmall, p .al-font-xxsmall {
    font-size: 8pt;
  }
  .al-tile h3 {
    font-size: 10pt;
  }
  .al-tile h4 {
    font-size: 8pt;
  }
  .al-tile .typo-area {
    padding: 12pt;
  }
  /*- sub-header classes-*/
  h1 .al-font-xxl,
h1 .al-font-xl,
h1 .al-font-l,
h1 .al-font-m,
h1 .al-font-s,
h2 .al-font-xl,
h2 .al-font-l,
h2 .al-font-m,
h2 .al-font-s,
h3 .al-font-l,
h3 .al-font-m,
h3 .al-font-s,
h4 .al-font-m,
h4 .al-font-s,
h5 .al-font-s {
    font-size: 85%;
  }
  /*- sub-header classes- end*/
  div.al-aux-nav-wrapper {
    border-bottom: none;
  }
  .al-icon-close {
    display: none;
  }
  #al-footer .al-footer-links, #al-footer div.al-footer-delivered, #al-footer .icon {
    display: none;
  }
  #al-footer div.al-footer-copyright p {
    text-align: left !important;
  }
  .al-tile span.al-tile-hideValue-print {
    display: block;
  }
  .al-tile span.al-tile-hideValue {
    display: none;
  }
  .al-tile-hideValue {
    display: none;
  }
  .al-header-portlet .al-second-window-title {
    border-bottom: none;
  }
  .al-panel-wrapper .al-panel-content {
    display: block !important;
  }
  /* Open all Panels */
  .al-video-object {
    width: 1.75in !important;
    height: 0.875in !important;
    border: 2px solid #000;
  }
  /* polls */
  .portlet-polls-display .poll-choice div {
    border: 2px solid #000;
  }
  /* tab view */
  .al-portlet-gmc, .al-al-responsiveselecttabs {
    display: block;
    width: 100%;
  }
  .al-tabs-vertical .al-tabview-list {
    display: none;
  }
  .al-tabs-vertical .al-tab-panel {
    display: block;
    width: 100%;
  }
  .al-tabs-vertical .al-tabview-panel {
    width: 85%;
    display: block;
  }
  .portlet-layout {
    display: block;
  }
  .no-touch #integrationIframeDiv {
    min-width: 1050px;
  }
  .al-footnotes:not(.al-notprint-footnotes).p-dialog {
    display: block !important;
    min-width: auto !important;
    opacity: 1 !important;
    position: relative;
    box-shadow: none;
    padding: 0;
    width: auto;
    left: auto !important;
    top: auto !important;
    transform: none;
    min-height: auto;
  }
  .al-footnotes:not(.al-notprint-footnotes).p-dialog .p-dialog-content {
    padding: 0;
  }
  .al-footnotes:not(.al-notprint-footnotes).p-dialog .p-dialog-header {
    display: none;
  }
  #nit-alme-window-root  {
    display:  none;
  }
  /* ============== End Print ================*/
}
/* = Bugfix Style
====================================*/
/* This style contain bugfix styles/css */
.amcharts-main-div a[href="http://www.amcharts.com/javascript-charts/"] {
  display: none;
  visibility: hidden;
}

/*RT84507 override position to avoid issue*/
.yui3-ahutilityalign {
  position: static !important;
}

/*MH15229 : Add fix for vertical flyout for width 1280 screen resolution*/
div#headcountchartdiv {
  max-width: 1173px;
}

/* PCA-8256 : Increase gap between text and Yes/No buttons */
.warmingPopupMessage .al-dialog-content > div {
  padding: 5px 0 22px;
}

/* DCH-3605 Added max-height for video lightbox */
.p-dialog .p-dialog-content.ui-dialog-content-autoheight {
  max-height: calc(100vh - 20em);
}

/* UFD-14341 keyboard focus indicated visually */
.al-button-large:focus, button.al-button-positive:focus, button.al-button-negative:focus, button.al-button-neutral:focus, button.al-button-secondary:focus {
  outline: 0.2rem solid #334455;
  outline-offset: 0.1rem;
}