/**
 * IDGateway CSS Bootstrap
 *
 * Imports all of the required Sass files. The stylsheets directory is organised using the following structure
 *
 * css/
 * |-- modules/   - Reserved for Sass code that doesn't cause Sass to output CSS. Things like mixin declarations, functions, variables
 * |-- themes/    - Airport / colour overrides
 * |-- partials/  - The partials directory is where the meat of CSS is constructed, use http://smacss.com/ as a reference.
 * |-- vendor/    - The vendor directory is for third-party CSS.
 *
 * All Sass output will be generated in app.css in the root of css/. This file should be compiled using concatenation and
 * minification. You should also run Bless over it to ensure older IE support if we start having crazy amounts of selectors
 *
 * Structure based on the great article over at http://thesassway.com/beginner/how-to-structure-a-sass-project
 *
 * @package     IDGateway
 * @author      Matt Burgess <matt.burgess@procius.com>
 */
/**
 * Colour Variables
 *
 * Application wide, default colour scheme
 *
 * @package     IDGateway
 * @author      Matt Burgess <matt.burgess@procius.com>
 */
@font-face {
  font-family: 'idgateway';
  src: url("../../css/scss/fonts/idgateway.eot?dbq257");
  src: url("../../css/scss/fonts/idgateway.eot?#iefixdbq257") format("embedded-opentype"), url("../../css/scss/fonts/idgateway.woff?dbq257") format("woff"), url("../../css/scss/fonts/idgateway.ttf?dbq257") format("truetype"), url("../../css/scss/fonts/idgateway.svg?dbq257#idgateway") format("svg");
  font-weight: normal;
  font-style: normal; }

[class^="icon-"], [class*=" icon-"] {
  font-family: 'idgateway';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.rejection-icon {
  margin-left: 5px;
  font-weight: 600;
  color: #DB634F; }

.icon-aid {
  margin: 3px 0 0 0; }

.icon-cross,
.icon-tick,
.icon-editapp,
.icon-viewapp,
.icon-bin,
.icon-app-info,
.icon-lorry-info,
.icon-deleteapp,
.icon-warningapp,
.icon-app,
.icon-building,
.icon-lorry,
.icon-user-green,
.icon-app-info-add,
.icon-stop,
.icon-chart-curve,
.icon-user-edit,
.icon-user-delete,
.icon-shield-delete,
.icon-table-delete,
.icon-email,
.icon-report,
.icon-date-add,
.icon-user-arrow,
.icon-group-key,
.icon-submit,
.icon-lorry-delete,
.icon-arrows-out,
.icon-processing,
.icon-accept,
.icon-shield-add,
.icon-email-error,
.icon-lorry,
.icon-errors-go,
.icon-table-go,
.icon-lorry-add,
.icon-email-open {
  margin: 3px 3px 0 0; }
  .icon-cross.icon,
  .icon-tick.icon,
  .icon-editapp.icon,
  .icon-viewapp.icon,
  .icon-bin.icon,
  .icon-app-info.icon,
  .icon-lorry-info.icon,
  .icon-deleteapp.icon,
  .icon-warningapp.icon,
  .icon-app.icon,
  .icon-building.icon,
  .icon-lorry.icon,
  .icon-user-green.icon,
  .icon-app-info-add.icon,
  .icon-stop.icon,
  .icon-chart-curve.icon,
  .icon-user-edit.icon,
  .icon-user-delete.icon,
  .icon-shield-delete.icon,
  .icon-table-delete.icon,
  .icon-email.icon,
  .icon-report.icon,
  .icon-date-add.icon,
  .icon-user-arrow.icon,
  .icon-group-key.icon,
  .icon-submit.icon,
  .icon-lorry-delete.icon,
  .icon-arrows-out.icon,
  .icon-processing.icon,
  .icon-accept.icon,
  .icon-shield-add.icon,
  .icon-email-error.icon,
  .icon-lorry.icon,
  .icon-errors-go.icon,
  .icon-table-go.icon,
  .icon-lorry-add.icon,
  .icon-email-open.icon {
    height: auto !important;
    height: auto !important;
    margin: auto; }

.icon-email:before {
  content: "\e0a1"; }

.icon-cross:before,
.icon-table-delete:before {
  content: "\e257"; }

.icon-tick:before {
  content: "\e258"; }

.icon-chart-curve:before,
.icon-report:before {
  content: "\e159"; }

.icon-shield-delete:before {
  content: "\e250"; }

.icon-editapp:before,
.icon-user-edit:before {
  content: "\e00b"; }

.icon-viewapp:before,
.icon-lorry-view:before {
  content: "\e319"; }

.icon-stop:before {
  content: "\e256"; }

.icon-app-info-add:before {
  content: "\e10c"; }

.icon-bin:before,
.icon-deleteapp:before,
.icon-user-delete:before {
  content: "\e191"; }

.icon-app-info:before {
  content: "\e04d"; }

.icon-user-green:before {
  content: "\e10a"; }

.icon-warningapp:before {
  content: "\e2da"; }

.icon-app:before {
  content: "\e052"; }

.icon-building:before {
  content: "\e007"; }

.icon-lorry:before {
  content: "\e19f"; }

.icon-lorry-delete:before {
  content: "\e257"; }

.icon-date-add:before {
  content: "\e24b"; }

.icon-user-arrow:before {
  content: "\e10c"; }

.icon-group-key:before {
  content: "\e137"; }

.icon-submit:before {
  content: "\e258"; }

.icon-arrows-out:before {
  content: "\e133"; }

.icon-processing:before {
  content: "\e144"; }

.icon-accept:before {
  content: "\e258"; }

.icon-sheild-add:before {
  content: "\e114"; }

.icon-email-error:before {
  content: "\e0d7"; }

.icon-lorry:before {
  content: "\e19f"; }

.icon-errors-go:before {
  content: "\e243"; }

.icon-table-go:before {
  content: "\e309"; }

.icon-lorry-add:before {
  content: "\e24b"; }

.icon-email-open:before {
  content: "\e0a1"; }

.icon-home:before {
  content: "\e000"; }

.icon-home2:before {
  content: "\e001"; }

.icon-home3:before {
  content: "\e002"; }

.icon-home4:before {
  content: "\e003"; }

.icon-home5:before {
  content: "\e004"; }

.icon-home6:before {
  content: "\e005"; }

.icon-home7:before {
  content: "\e006"; }

.icon-office:before {
  content: "\e007"; }

.icon-newspaper:before {
  content: "\e008"; }

.icon-pencil:before {
  content: "\e009"; }

.icon-pencil2:before {
  content: "\e00a"; }

.icon-pencil3:before {
  content: "\e00b"; }

.icon-pencil4:before {
  content: "\e00c"; }

.icon-quill:before {
  content: "\e00d"; }

.icon-quill2:before {
  content: "\e00e"; }

.icon-pen:before {
  content: "\e00f"; }

.icon-pen2:before {
  content: "\e010"; }

.icon-pen3:before {
  content: "\e011"; }

.icon-marker:before {
  content: "\e012"; }

.icon-blog:before {
  content: "\e013"; }

.icon-eyedropper:before {
  content: "\e014"; }

.icon-droplet:before {
  content: "\e015"; }

.icon-droplet2:before {
  content: "\e016"; }

.icon-paint-format:before {
  content: "\e017"; }

.icon-image:before {
  content: "\e018"; }

.icon-image2:before {
  content: "\e019"; }

.icon-images:before {
  content: "\e01a"; }

.icon-image3:before {
  content: "\e01b"; }

.icon-image4:before {
  content: "\e01c"; }

.icon-image5:before {
  content: "\e01d"; }

.icon-camera:before {
  content: "\e01e"; }

.icon-camera2:before {
  content: "\e01f"; }

.icon-camera3:before {
  content: "\e020"; }

.icon-camera4:before {
  content: "\e021"; }

.icon-music:before {
  content: "\e022"; }

.icon-music2:before {
  content: "\e023"; }

.icon-music3:before {
  content: "\e024"; }

.icon-piano:before {
  content: "\e025"; }

.icon-headphones:before {
  content: "\e026"; }

.icon-headphones2:before {
  content: "\e027"; }

.icon-play:before {
  content: "\e028"; }

.icon-movie:before {
  content: "\e029"; }

.icon-movie2:before {
  content: "\e02a"; }

.icon-film:before {
  content: "\e02b"; }

.icon-film2:before {
  content: "\e02c"; }

.icon-film3:before {
  content: "\e02d"; }

.icon-camera5:before {
  content: "\e02e"; }

.icon-camera6:before {
  content: "\e02f"; }

.icon-camera7:before {
  content: "\e030"; }

.icon-dice:before {
  content: "\e031"; }

.icon-pacman:before {
  content: "\e032"; }

.icon-spades:before {
  content: "\e033"; }

.icon-clubs:before {
  content: "\e034"; }

.icon-diamonds:before {
  content: "\e035"; }

.icon-king:before {
  content: "\e036"; }

.icon-queen:before {
  content: "\e037"; }

.icon-rock:before {
  content: "\e038"; }

.icon-bishop:before {
  content: "\e039"; }

.icon-knight:before {
  content: "\e03a"; }

.icon-pawn:before {
  content: "\e03b"; }

.icon-bullhorn:before {
  content: "\e03c"; }

.icon-megaphone:before {
  content: "\e03d"; }

.icon-new:before {
  content: "\e03e"; }

.icon-connection:before {
  content: "\e03f"; }

.icon-connection2:before {
  content: "\e040"; }

.icon-podcast:before {
  content: "\e041"; }

.icon-radio:before {
  content: "\e042"; }

.icon-feed:before {
  content: "\e043"; }

.icon-mic:before {
  content: "\e044"; }

.icon-mic2:before {
  content: "\e045"; }

.icon-mic3:before {
  content: "\e046"; }

.icon-mic4:before {
  content: "\e047"; }

.icon-book:before {
  content: "\e048"; }

.icon-book2:before {
  content: "\e049"; }

.icon-books:before {
  content: "\e04a"; }

.icon-library:before {
  content: "\e04b"; }

.icon-file:before {
  content: "\e04c"; }

.icon-profile:before {
  content: "\e04d"; }

.icon-file2:before {
  content: "\e04e"; }

.icon-file3:before {
  content: "\e04f"; }

.icon-file4:before {
  content: "\e050"; }

.icon-file5:before {
  content: "\e051"; }

.icon-file6:before {
  content: "\e052"; }

.icon-file-plus:before {
  content: "\e053"; }

.icon-file-minus:before {
  content: "\e054"; }

.icon-file-download:before {
  content: "\e055"; }

.icon-file-upload:before {
  content: "\e056"; }

.icon-file-check:before {
  content: "\e057"; }

.icon-file-remove:before {
  content: "\e058"; }

.icon-file7:before {
  content: "\e059"; }

.icon-copy:before {
  content: "\e05a"; }

.icon-copy2:before {
  content: "\e05b"; }

.icon-copy3:before {
  content: "\e05c"; }

.icon-copy4:before {
  content: "\e05d"; }

.icon-paste:before {
  content: "\e05e"; }

.icon-paste2:before {
  content: "\e05f"; }

.icon-paste3:before {
  content: "\e060"; }

.icon-stack:before {
  content: "\e061"; }

.icon-folder:before {
  content: "\e062"; }

.icon-folder-download:before {
  content: "\e063"; }

.icon-folder-upload:before {
  content: "\e064"; }

.icon-folder-plus:before {
  content: "\e065"; }

.icon-folder-plus2:before {
  content: "\e066"; }

.icon-folder-minus:before {
  content: "\e067"; }

.icon-folder-minus2:before {
  content: "\e068"; }

.icon-folder8:before {
  content: "\e069"; }

.icon-folder-remove:before {
  content: "\e06a"; }

.icon-folder2:before {
  content: "\e06b"; }

.icon-folder-open:before {
  content: "\e06c"; }

.icon-folder-plus3:before {
  content: "\e06d"; }

.icon-folder-minus3:before {
  content: "\e06e"; }

.icon-folder-download2:before {
  content: "\e06f"; }

.icon-folder-upload2:before {
  content: "\e070"; }

.icon-folder3:before {
  content: "\e071"; }

.icon-folder-open2:before {
  content: "\e072"; }

.icon-certificate:before {
  content: "\e073"; }

.icon-cc:before {
  content: "\e074"; }

.icon-tag:before {
  content: "\e075"; }

.icon-tag2:before {
  content: "\e076"; }

.icon-tag3:before {
  content: "\e077"; }

.icon-tag4:before {
  content: "\e078"; }

.icon-tags:before {
  content: "\e079"; }

.icon-tags2:before {
  content: "\e07a"; }

.icon-tag5:before {
  content: "\e07b"; }

.icon-barcode:before {
  content: "\e07c"; }

.icon-barcode2:before {
  content: "\e07d"; }

.icon-qrcode:before {
  content: "\e07e"; }

.icon-ticket:before {
  content: "\e07f"; }

.icon-cart:before {
  content: "\e080"; }

.icon-cart2:before {
  content: "\e081"; }

.icon-cart3:before {
  content: "\e082"; }

.icon-cart4:before {
  content: "\e083"; }

.icon-cart5:before {
  content: "\e084"; }

.icon-cart-plus:before {
  content: "\e085"; }

.icon-cart-minus:before {
  content: "\e086"; }

.icon-cart-add:before {
  content: "\e087"; }

.icon-cart-remove:before {
  content: "\e088"; }

.icon-cart-checkout:before {
  content: "\e089"; }

.icon-cart-remove2:before {
  content: "\e08a"; }

.icon-basket:before {
  content: "\e08b"; }

.icon-basket2:before {
  content: "\e08c"; }

.icon-coin:before {
  content: "\e08d"; }

.icon-credit:before {
  content: "\e08e"; }

.icon-calculate:before {
  content: "\e08f"; }

.icon-calculate2:before {
  content: "\e090"; }

.icon-support:before {
  content: "\e091"; }

.icon-phone:before {
  content: "\e092"; }

.icon-phone2:before {
  content: "\e093"; }

.icon-phone3:before {
  content: "\e094"; }

.icon-contact-add:before {
  content: "\e095"; }

.icon-contact-remove:before {
  content: "\e096"; }

.icon-contact-add2:before {
  content: "\e097"; }

.icon-contact-remove2:before {
  content: "\e098"; }

.icon-call-incoming:before {
  content: "\e099"; }

.icon-call-outgoing:before {
  content: "\e09a"; }

.icon-phone4:before {
  content: "\e09b"; }

.icon-phone5:before {
  content: "\e09c"; }

.icon-phone-hang-up:before {
  content: "\e09d"; }

.icon-phone-hang-up2:before {
  content: "\e09e"; }

.icon-address-book:before {
  content: "\e09f"; }

.icon-notebook:before {
  content: "\e0a0"; }

.icon-envelope:before {
  content: "\e0a1"; }

.icon-mail-send:before {
  content: "\e0a2"; }

.icon-envelope2:before {
  content: "\e0a3"; }

.icon-pushpin:before {
  content: "\e0a4"; }

.icon-location:before {
  content: "\e0a5"; }

.icon-location2:before {
  content: "\e0a6"; }

.icon-location3:before {
  content: "\e0a7"; }

.icon-location4:before {
  content: "\e0a8"; }

.icon-compass:before {
  content: "\e0a9"; }

.icon-compass2:before {
  content: "\e0aa"; }

.icon-map:before {
  content: "\e0ab"; }

.icon-map2:before {
  content: "\e0ac"; }

.icon-map3:before {
  content: "\e0ad"; }

.icon-direction:before {
  content: "\e0ae"; }

.icon-history:before {
  content: "\e0af"; }

.icon-clock:before {
  content: "\e0b0"; }

.icon-clock2:before {
  content: "\e0b1"; }

.icon-clock3:before {
  content: "\e0b2"; }

.icon-clock4:before {
  content: "\e0b3"; }

.icon-watch:before {
  content: "\e0b4"; }

.icon-alarm:before {
  content: "\e0b5"; }

.icon-alarm2:before {
  content: "\e0b6"; }

.icon-bell:before {
  content: "\e0b7"; }

.icon-stopwatch:before {
  content: "\e0b8"; }

.icon-calendar:before {
  content: "\e0b9"; }

.icon-calendar2:before {
  content: "\e0ba"; }

.icon-calendar3:before {
  content: "\e0bb"; }

.icon-calendar4:before {
  content: "\e0bc"; }

.icon-print:before {
  content: "\e0bd"; }

.icon-print2:before {
  content: "\e0be"; }

.icon-mouse:before {
  content: "\e0bf"; }

.icon-mouse2:before {
  content: "\e0c0"; }

.icon-keyboard:before {
  content: "\e0c1"; }

.icon-screen:before {
  content: "\e0c2"; }

.icon-screen2:before {
  content: "\e0c3"; }

.icon-laptop:before {
  content: "\e0c4"; }

.icon-mobile:before {
  content: "\e0c5"; }

.icon-mobile2:before {
  content: "\e0c6"; }

.icon-tablet:before {
  content: "\e0c7"; }

.icon-tv:before {
  content: "\e0c8"; }

.icon-cabinet:before {
  content: "\e0c9"; }

.icon-archive:before {
  content: "\e0ca"; }

.icon-drawer:before {
  content: "\e0cb"; }

.icon-drawer2:before {
  content: "\e0cc"; }

.icon-drawer3:before {
  content: "\e0cd"; }

.icon-box-add:before {
  content: "\e0ce"; }

.icon-box-remove:before {
  content: "\e0cf"; }

.icon-download:before {
  content: "\e0d0"; }

.icon-upload:before {
  content: "\e0d1"; }

.icon-disk:before {
  content: "\e0d2"; }

.icon-storage:before {
  content: "\e0d3"; }

.icon-storage2:before {
  content: "\e0d4"; }

.icon-database:before {
  content: "\e0d5"; }

.icon-database2:before {
  content: "\e0d6"; }

.icon-undo:before {
  content: "\e0d7"; }

.icon-redo:before {
  content: "\e0d8"; }

.icon-rotate:before {
  content: "\e0d9"; }

.icon-rotate2:before {
  content: "\e0da"; }

.icon-flip:before {
  content: "\e0db"; }

.icon-flip2:before {
  content: "\e0dc"; }

.icon-undo2:before {
  content: "\e0dd"; }

.icon-redo2:before {
  content: "\e0de"; }

.icon-forward:before {
  content: "\e0df"; }

.icon-reply:before {
  content: "\e0e0"; }

.icon-reply2:before {
  content: "\e0e1"; }

.icon-bubble:before {
  content: "\e0e2"; }

.icon-bubbles:before {
  content: "\e0e3"; }

.icon-bubbles2:before {
  content: "\e0e4"; }

.icon-bubble2:before {
  content: "\e0e5"; }

.icon-bubbles3:before {
  content: "\e0e6"; }

.icon-bubbles4:before {
  content: "\e0e7"; }

.icon-bubble-notification:before {
  content: "\e0e8"; }

.icon-bubble3:before {
  content: "\e0e9"; }

.icon-bubble-dots:before {
  content: "\e0ea"; }

.icon-bubble4:before {
  content: "\e0eb"; }

.icon-bubble5:before {
  content: "\e0ec"; }

.icon-bubble-dots2:before {
  content: "\e0ed"; }

.icon-bubble6:before {
  content: "\e0ee"; }

.icon-bubbles5:before {
  content: "\e0ef"; }

.icon-bubbles6:before {
  content: "\e0f0"; }

.icon-bubble-blocked:before {
  content: "\e0f1"; }

.icon-bubble-quote:before {
  content: "\e0f2"; }

.icon-bubble-user:before {
  content: "\e0f3"; }

.icon-bubble-check:before {
  content: "\e0f4"; }

.icon-bubble-video-chat:before {
  content: "\e0f5"; }

.icon-bubble-link:before {
  content: "\e0f6"; }

.icon-bubble-locked:before {
  content: "\e0f7"; }

.icon-bubble-star:before {
  content: "\e0f8"; }

.icon-bubble-heart:before {
  content: "\e0f9"; }

.icon-bubble-paperclip:before {
  content: "\e0fa"; }

.icon-bubble-cancel:before {
  content: "\e0fb"; }

.icon-bubble-plus:before {
  content: "\e0fc"; }

.icon-bubble-minus:before {
  content: "\e0fd"; }

.icon-bubble-notification2:before {
  content: "\e0fe"; }

.icon-bubble-trash:before {
  content: "\e0ff"; }

.icon-bubble-left:before {
  content: "\e100"; }

.icon-bubble-right:before {
  content: "\e101"; }

.icon-bubble-up:before {
  content: "\e102"; }

.icon-bubble-down:before {
  content: "\e103"; }

.icon-bubble-first:before {
  content: "\e104"; }

.icon-bubble-last:before {
  content: "\e105"; }

.icon-bubble-replu:before {
  content: "\e106"; }

.icon-bubble-forward:before {
  content: "\e107"; }

.icon-bubble-reply:before {
  content: "\e108"; }

.icon-bubble-forward2:before {
  content: "\e109"; }

.icon-user:before {
  content: "\e10a"; }

.icon-users:before {
  content: "\e10b"; }

.icon-user-plus:before {
  content: "\e10c"; }

.icon-user-plus2:before {
  content: "\e10d"; }

.icon-user-minus:before {
  content: "\e10e"; }

.icon-user-minus2:before {
  content: "\e10f"; }

.icon-user-cancel:before {
  content: "\e110"; }

.icon-user-block:before {
  content: "\e111"; }

.icon-user2:before {
  content: "\e112"; }

.icon-users2:before {
  content: "\e113"; }

.icon-user-plus3:before {
  content: "\e114"; }

.icon-user-minus3:before {
  content: "\e115"; }

.icon-user-cancel2:before {
  content: "\e116"; }

.icon-user-block2:before {
  content: "\e117"; }

.icon-user3:before {
  content: "\e118"; }

.icon-user4:before {
  content: "\e119"; }

.icon-vcard:before {
  content: "\e11a"; }

.icon-hanger:before {
  content: "\e11b"; }

.icon-quotes-left:before {
  content: "\e11c"; }

.icon-quotes-right:before {
  content: "\e11d"; }

.icon-quotes-right2:before {
  content: "\e11e"; }

.icon-quotes-right3:before {
  content: "\e11f"; }

.icon-busy:before {
  content: "\e120"; }

.icon-busy2:before {
  content: "\e121"; }

.icon-busy3:before {
  content: "\e122"; }

.icon-spinner:before {
  content: "\e123"; }

.icon-spinner2:before {
  content: "\e124"; }

.icon-spinner3:before {
  content: "\e125"; }

.icon-spinner4:before {
  content: "\e126"; }

.icon-spinner5:before {
  content: "\e127"; }

.icon-spinner6:before {
  content: "\e128"; }

.icon-spinner7:before {
  content: "\e129"; }

.icon-spinner8:before {
  content: "\e12a"; }

.icon-binoculars:before {
  content: "\e12b"; }

.icon-search2:before {
  content: "\e12d"; }

.icon-zoomin:before {
  content: "\e12e"; }

.icon-zoomout:before {
  content: "\e12f"; }

.icon-search3:before,
.icon-search:before {
  content: "\e130"; }

.icon-zoomin2:before {
  content: "\e131"; }

.icon-zoomout2:before {
  content: "\e132"; }

.icon-expand:before {
  content: "\e133"; }

.icon-contract:before {
  content: "\e134"; }

.icon-expand2:before {
  content: "\e135"; }

.icon-contract2:before {
  content: "\e136"; }

.icon-key:before {
  content: "\e137"; }

.icon-key2:before {
  content: "\e138"; }

.icon-lock:before {
  content: "\e139"; }

.icon-lock2:before {
  content: "\e13a"; }

.icon-unlocked:before {
  content: "\e13b"; }

.icon-lock3:before {
  content: "\e13c"; }

.icon-unlocked2:before {
  content: "\e13d"; }

.icon-wrench:before {
  content: "\e13e"; }

.icon-wrench2:before {
  content: "\e13f"; }

.icon-settings:before {
  content: "\e140"; }

.icon-equalizer:before {
  content: "\e141"; }

.icon-equalizer2:before {
  content: "\e142"; }

.icon-equalizer3:before {
  content: "\e143"; }

.icon-cog:before {
  content: "\e144"; }

.icon-cogs:before {
  content: "\e145"; }

.icon-cog2:before {
  content: "\e146"; }

.icon-cog3:before {
  content: "\e147"; }

.icon-cog4:before {
  content: "\e148"; }

.icon-factory:before {
  content: "\e149"; }

.icon-hammer:before {
  content: "\e14a"; }

.icon-tools:before {
  content: "\e14b"; }

.icon-wand:before {
  content: "\e14c"; }

.icon-wand2:before {
  content: "\e14d"; }

.icon-aid:before {
  content: "\e14e"; }

.icon-patch:before {
  content: "\e14f"; }

.icon-bug:before {
  content: "\e150"; }

.icon-bug2:before {
  content: "\e151"; }

.icon-inject:before {
  content: "\e152"; }

.icon-construction:before {
  content: "\e153"; }

.icon-cone:before {
  content: "\e154"; }

.icon-pie:before {
  content: "\e155"; }

.icon-pie2:before {
  content: "\e156"; }

.icon-pie3:before {
  content: "\e157"; }

.icon-pie4:before {
  content: "\e158"; }

.icon-stats:before {
  content: "\e159"; }

.icon-stats2:before {
  content: "\e15a"; }

.icon-stats3:before {
  content: "\e15b"; }

.icon-bars:before {
  content: "\e15c"; }

.icon-bars2:before {
  content: "\e15d"; }

.icon-bars3:before {
  content: "\e15e"; }

.icon-stats-up:before {
  content: "\e15f"; }

.icon-stats-down:before {
  content: "\e160"; }

.icon-ladder:before {
  content: "\e161"; }

.icon-cake:before {
  content: "\e162"; }

.icon-gift:before {
  content: "\e163"; }

.icon-balloon:before {
  content: "\e164"; }

.icon-rating:before {
  content: "\e165"; }

.icon-rating2:before {
  content: "\e166"; }

.icon-rating3:before {
  content: "\e167"; }

.icon-podium:before {
  content: "\e168"; }

.icon-medal:before {
  content: "\e169"; }

.icon-medal2:before {
  content: "\e16a"; }

.icon-medal3:before {
  content: "\e16b"; }

.icon-medal4:before {
  content: "\e16c"; }

.icon-medal5:before {
  content: "\e16d"; }

.icon-crown:before {
  content: "\e16e"; }

.icon-trophy:before {
  content: "\e16f"; }

.icon-trophy2:before {
  content: "\e170"; }

.icon-trophy-star:before {
  content: "\e171"; }

.icon-diamond:before {
  content: "\e172"; }

.icon-glass:before {
  content: "\e173"; }

.icon-glass2:before {
  content: "\e174"; }

.icon-bottle:before {
  content: "\e175"; }

.icon-bottle2:before {
  content: "\e176"; }

.icon-mug:before {
  content: "\e177"; }

.icon-food:before {
  content: "\e178"; }

.icon-food2:before {
  content: "\e179"; }

.icon-leaf:before {
  content: "\e17a"; }

.icon-apple-fruit:before {
  content: "\e17b"; }

.icon-paw:before {
  content: "\e17c"; }

.icon-steps:before {
  content: "\e17d"; }

.icon-flower:before {
  content: "\e17e"; }

.icon-rocket:before {
  content: "\e17f"; }

.icon-meter:before {
  content: "\e180"; }

.icon-meter2:before {
  content: "\e181"; }

.icon-meter-slow:before {
  content: "\e182"; }

.icon-meter-medium:before {
  content: "\e183"; }

.icon-meter-fast:before {
  content: "\e184"; }

.icon-dashboard:before {
  content: "\e185"; }

.icon-hammer2:before {
  content: "\e186"; }

.icon-balance:before {
  content: "\e187"; }

.icon-fire:before {
  content: "\e188"; }

.icon-lab:before {
  content: "\e189"; }

.icon-magnet:before {
  content: "\e18a"; }

.icon-dumbbell:before {
  content: "\e18b"; }

.icon-skull:before {
  content: "\e18c"; }

.icon-skull2:before {
  content: "\e18d"; }

.icon-lamp:before {
  content: "\e18e"; }

.icon-lamp2:before {
  content: "\e18f"; }

.icon-lamp3:before {
  content: "\e190"; }

.icon-remove:before {
  content: "\e191"; }

.icon-remove2:before {
  content: "\e192"; }

.icon-remove3:before {
  content: "\e193"; }

.icon-remove4:before {
  content: "\e194"; }

.icon-remove5:before {
  content: "\e195"; }

.icon-briefcase:before {
  content: "\e196"; }

.icon-briefcase2:before {
  content: "\e197"; }

.icon-briefcase3:before {
  content: "\e198"; }

.icon-airplane:before {
  content: "\e199"; }

.icon-airplane2:before {
  content: "\e19a"; }

.icon-paperplane:before {
  content: "\e19b"; }

.icon-car:before {
  content: "\e19c"; }

.icon-gas-pump:before {
  content: "\e19d"; }

.icon-bus:before {
  content: "\e19e"; }

.icon-truck:before {
  content: "\e19f"; }

.icon-road:before {
  content: "\e1a0"; }

.icon-boat:before {
  content: "\e1a1"; }

.icon-cube:before {
  content: "\e1a2"; }

.icon-cube2:before {
  content: "\e1a3"; }

.icon-pyramid:before {
  content: "\e1a4"; }

.icon-puzzle:before {
  content: "\e1a5"; }

.icon-puzzle2:before {
  content: "\e1a6"; }

.icon-puzzle3:before {
  content: "\e1a7"; }

.icon-puzzle4:before {
  content: "\e1a8"; }

.icon-glasses:before {
  content: "\e1a9"; }

.icon-glasses2:before {
  content: "\e1aa"; }

.icon-glasses3:before {
  content: "\e1ab"; }

.icon-sunglasses:before {
  content: "\e1ac"; }

.icon-accessibility:before {
  content: "\e1ad"; }

.icon-accessibility2:before {
  content: "\e1ae"; }

.icon-target:before {
  content: "\e1af"; }

.icon-target2:before {
  content: "\e1b0"; }

.icon-target3:before {
  content: "\e1b1"; }

.icon-gun:before {
  content: "\e1b2"; }

.icon-gun-ban:before {
  content: "\e1b3"; }

.icon-shield:before {
  content: "\e1b4"; }

.icon-shield2:before {
  content: "\e1b5"; }

.icon-lightning:before {
  content: "\e1b6"; }

.icon-power:before {
  content: "\e1b7"; }

.icon-power2:before {
  content: "\e1b8"; }

.icon-switch:before {
  content: "\e1b9"; }

.icon-powercord:before {
  content: "\e1ba"; }

.icon-clipboard:before {
  content: "\e1bb"; }

.icon-signup:before {
  content: "\e1bc"; }

.icon-list:before {
  content: "\e1bd"; }

.icon-list2:before {
  content: "\e1be"; }

.icon-numbered-list:before {
  content: "\e1bf"; }

.icon-playlist:before {
  content: "\e1c0"; }

.icon-grid:before {
  content: "\e1c1"; }

.icon-grid2:before {
  content: "\e1c2"; }

.icon-grid3:before {
  content: "\e1c3"; }

.icon-grid4:before {
  content: "\e1c4"; }

.icon-tree:before {
  content: "\e1c5"; }

.icon-tree2:before {
  content: "\e1c6"; }

.icon-tree3:before {
  content: "\e1c7"; }

.icon-menu:before {
  content: "\e1c8"; }

.icon-menu2:before {
  content: "\e1c9"; }

.icon-menu3:before {
  content: "\e1ca"; }

.icon-menu4:before {
  content: "\e1cb"; }

.icon-menu5:before {
  content: "\e1cc"; }

.icon-cloud:before {
  content: "\e1cd"; }

.icon-cloud-download:before {
  content: "\e1ce"; }

.icon-cloud-upload:before {
  content: "\e1cf"; }

.icon-download2:before {
  content: "\e1d0"; }

.icon-upload2:before {
  content: "\e1d1"; }

.icon-download3:before {
  content: "\e1d2"; }

.icon-upload3:before {
  content: "\e1d3"; }

.icon-download4:before {
  content: "\e1d4"; }

.icon-upload4:before {
  content: "\e1d5"; }

.icon-download5:before {
  content: "\e1d6"; }

.icon-upload5:before {
  content: "\e1d7"; }

.icon-globe:before {
  content: "\e1d8"; }

.icon-globe2:before {
  content: "\e1d9"; }

.icon-earth:before {
  content: "\e1da"; }

.icon-link:before {
  content: "\e1db"; }

.icon-link2:before {
  content: "\e1dc"; }

.icon-link3:before {
  content: "\e1dd"; }

.icon-link22:before {
  content: "\e1de"; }

.icon-link4:before {
  content: "\e1df"; }

.icon-link5:before {
  content: "\e1e0"; }

.icon-link6:before {
  content: "\e1e1"; }

.icon-anchor:before {
  content: "\e1e2"; }

.icon-flag:before {
  content: "\e1e3"; }

.icon-flag2:before {
  content: "\e1e4"; }

.icon-flag3:before {
  content: "\e1e5"; }

.icon-flag4:before {
  content: "\e1e6"; }

.icon-attachment:before {
  content: "\e1e7"; }

.icon-attachment2:before {
  content: "\e1e8"; }

.icon-eye:before {
  content: "\e1e9"; }

.icon-eye-blocked:before {
  content: "\e1ea"; }

.icon-eye2:before {
  content: "\e1eb"; }

.icon-eye3:before {
  content: "\e1ec"; }

.icon-eye-blocked2:before {
  content: "\e1ed"; }

.icon-eye4:before {
  content: "\e1ee"; }

.icon-eye5:before {
  content: "\e1ef"; }

.icon-eye6:before {
  content: "\e1f0"; }

.icon-eye7:before {
  content: "\e1f1"; }

.icon-bookmark:before {
  content: "\e1f2"; }

.icon-bookmark2:before {
  content: "\e1f3"; }

.icon-bookmarks:before {
  content: "\e1f4"; }

.icon-bookmark3:before {
  content: "\e1f5"; }

.icon-weather-lightning:before {
  content: "\e1f6"; }

.icon-weather-rain:before {
  content: "\e1f7"; }

.icon-weather-snow:before {
  content: "\e1f8"; }

.icon-windy:before {
  content: "\e1f9"; }

.icon-fan:before {
  content: "\e1fa"; }

.icon-umbrella:before {
  content: "\e1fb"; }

.icon-sun:before {
  content: "\e1fc"; }

.icon-sun2:before {
  content: "\e1fd"; }

.icon-brightness-high:before {
  content: "\e1fe"; }

.icon-brightness-medium:before {
  content: "\e1ff"; }

.icon-brightness-low:before {
  content: "\e200"; }

.icon-brightness-contrast:before {
  content: "\e201"; }

.icon-contrast:before {
  content: "\e202"; }

.icon-moon:before {
  content: "\e203"; }

.icon-bed:before {
  content: "\e204"; }

.icon-bed2:before {
  content: "\e205"; }

.icon-star:before {
  content: "\e206"; }

.icon-star2:before {
  content: "\e207"; }

.icon-star3:before {
  content: "\e208"; }

.icon-star4:before {
  content: "\e209"; }

.icon-star5:before {
  content: "\e20a"; }

.icon-star6:before {
  content: "\e20b"; }

.icon-heart:before {
  content: "\e20c"; }

.icon-heart2:before {
  content: "\e20d"; }

.icon-heart-broken:before {
  content: "\e20e"; }

.icon-heart3:before {
  content: "\e20f"; }

.icon-heart4:before {
  content: "\e210"; }

.icon-heart-broken2:before {
  content: "\e211"; }

.icon-heart5:before {
  content: "\e212"; }

.icon-heart6:before {
  content: "\e213"; }

.icon-heart-broken3:before {
  content: "\e214"; }

.icon-thumbs-up:before {
  content: "\e215"; }

.icon-thumbs-up2:before {
  content: "\e216"; }

.icon-thumbs-down:before {
  content: "\e217"; }

.icon-thumbs-down2:before {
  content: "\e218"; }

.icon-thumbs-up3:before {
  content: "\e219"; }

.icon-thumbs-up4:before {
  content: "\e21a"; }

.icon-people:before {
  content: "\e21b"; }

.icon-man:before {
  content: "\e21c"; }

.icon-male:before {
  content: "\e21d"; }

.icon-woman:before {
  content: "\e21e"; }

.icon-female:before {
  content: "\e21f"; }

.icon-peace:before {
  content: "\e220"; }

.icon-yin-yang:before {
  content: "\e221"; }

.icon-happy:before {
  content: "\e222"; }

.icon-happy2:before {
  content: "\e223"; }

.icon-smiley:before {
  content: "\e224"; }

.icon-smiley2:before {
  content: "\e225"; }

.icon-tongue:before {
  content: "\e226"; }

.icon-tongue2:before {
  content: "\e227"; }

.icon-sad:before {
  content: "\e228"; }

.icon-sad2:before {
  content: "\e229"; }

.icon-wink:before {
  content: "\e22a"; }

.icon-wink2:before {
  content: "\e22b"; }

.icon-grin:before {
  content: "\e22c"; }

.icon-grin2:before {
  content: "\e22d"; }

.icon-cool:before {
  content: "\e22e"; }

.icon-cool2:before {
  content: "\e22f"; }

.icon-angry:before {
  content: "\e230"; }

.icon-angry2:before {
  content: "\e231"; }

.icon-evil:before {
  content: "\e232"; }

.icon-evil2:before {
  content: "\e233"; }

.icon-shocked:before {
  content: "\e234"; }

.icon-shocked2:before {
  content: "\e235"; }

.icon-confused:before {
  content: "\e236"; }

.icon-confused2:before {
  content: "\e237"; }

.icon-neutral:before {
  content: "\e238"; }

.icon-neutral2:before {
  content: "\e239"; }

.icon-wondering:before {
  content: "\e23a"; }

.icon-wondering2:before {
  content: "\e23b"; }

.icon-cursor:before {
  content: "\e23c"; }

.icon-cursor2:before {
  content: "\e23d"; }

.icon-point-up:before {
  content: "\e23e"; }

.icon-point-right:before {
  content: "\e23f"; }

.icon-point-down:before {
  content: "\e240"; }

.icon-point-left:before {
  content: "\e241"; }

.icon-move:before {
  content: "\e242"; }

.icon-warning:before {
  content: "\e243"; }

.icon-notification:before {
  content: "\e244"; }

.icon-question:before {
  content: "\e245"; }

.icon-question2:before {
  content: "\e246"; }

.icon-question3:before {
  content: "\e247"; }

.icon-question4:before {
  content: "\e248"; }

.icon-question5:before {
  content: "\e249"; }

.icon-plus-circle:before {
  content: "\e24a"; }

.icon-plus-circle2:before {
  content: "\e24b"; }

.icon-minus-circle:before {
  content: "\e24c"; }

.icon-minus-circle2:before {
  content: "\e24d"; }

.icon-info:before {
  content: "\e24e"; }

.icon-info2:before {
  content: "\e24f"; }

.icon-blocked:before {
  content: "\e250"; }

.icon-cancel-circle:before {
  content: "\e251"; }

.icon-cancel-circle2:before {
  content: "\e252"; }

.icon-checkmark-circle:before {
  content: "\e253"; }

.icon-checkmark-circle2:before {
  content: "\e254"; }

.icon-cancel:before {
  content: "\e255"; }

.icon-spam:before {
  content: "\e256"; }

.icon-close:before {
  content: "\e257"; }

.icon-checkmark:before {
  content: "\e258"; }

.icon-checkmark2:before {
  content: "\e259"; }

.icon-checkmark3:before {
  content: "\e25a"; }

.icon-checkmark4:before {
  content: "\e25b"; }

.icon-spell-check:before {
  content: "\e25c"; }

.icon-minus:before {
  content: "\e25d"; }

.icon-plus:before {
  content: "\e25e"; }

.icon-enter:before {
  content: "\e25f"; }

.icon-exit:before {
  content: "\e260"; }

.icon-enter2:before {
  content: "\e261"; }

.icon-exit2:before {
  content: "\e262"; }

.icon-enter3:before {
  content: "\e263"; }

.icon-exit3:before {
  content: "\e264"; }

.icon-exit4:before {
  content: "\e265"; }

.icon-play2:before {
  content: "\e266"; }

.icon-pause:before {
  content: "\e267"; }

.icon-stop:before {
  content: "\e268"; }

.icon-backward:before {
  content: "\e269"; }

.icon-forward2:before {
  content: "\e26a"; }

.icon-play3:before {
  content: "\e26b"; }

.icon-pause2:before {
  content: "\e26c"; }

.icon-stop2:before {
  content: "\e26d"; }

.icon-backward2:before {
  content: "\e26e"; }

.icon-forward3:before {
  content: "\e26f"; }

.icon-first:before {
  content: "\e270"; }

.icon-last:before {
  content: "\e271"; }

.icon-previous:before {
  content: "\e272"; }

.icon-next:before {
  content: "\e273"; }

.icon-eject:before {
  content: "\e274"; }

.icon-volume-high:before {
  content: "\e275"; }

.icon-volume-medium:before {
  content: "\e276"; }

.icon-volume-low:before {
  content: "\e277"; }

.icon-volume-mute:before {
  content: "\e278"; }

.icon-volume-mute2:before {
  content: "\e279"; }

.icon-volume-increase:before {
  content: "\e27a"; }

.icon-volume-decrease:before {
  content: "\e27b"; }

.icon-volume-high2:before {
  content: "\e27c"; }

.icon-volume-medium2:before {
  content: "\e27d"; }

.icon-volume-low2:before {
  content: "\e27e"; }

.icon-volume-mute3:before {
  content: "\e27f"; }

.icon-volume-mute4:before {
  content: "\e280"; }

.icon-volume-increase2:before {
  content: "\e281"; }

.icon-volume-decrease2:before {
  content: "\e282"; }

.icon-volume5:before {
  content: "\e283"; }

.icon-volume4:before {
  content: "\e284"; }

.icon-volume3:before {
  content: "\e285"; }

.icon-volume2:before {
  content: "\e286"; }

.icon-volume1:before {
  content: "\e287"; }

.icon-volume0:before {
  content: "\e288"; }

.icon-volume-mute5:before {
  content: "\e289"; }

.icon-volume-mute6:before {
  content: "\e28a"; }

.icon-loop:before {
  content: "\e28b"; }

.icon-loop2:before {
  content: "\e28c"; }

.icon-loop3:before {
  content: "\e28d"; }

.icon-loop4:before {
  content: "\e28e"; }

.icon-loop5:before {
  content: "\e28f"; }

.icon-shuffle:before {
  content: "\e290"; }

.icon-shuffle2:before {
  content: "\e291"; }

.icon-wave:before {
  content: "\e292"; }

.icon-wave2:before {
  content: "\e293"; }

.icon-arrow-first:before {
  content: "\e294"; }

.icon-arrow-right:before {
  content: "\e297"; }

.icon-arrow-up:before {
  content: "\e296"; }

.icon-arrow-right2:before {
  content: "\e297"; }

.icon-arrow-down:before {
  content: "\e298"; }

.icon-arrow-left:before {
  content: "\e299"; }

.icon-arrow-up2:before {
  content: "\e29a"; }

.icon-arrow-right3:before {
  content: "\e29b"; }

.icon-arrow-down2:before {
  content: "\e29c"; }

.icon-arrow-left2:before {
  content: "\e29d"; }

.icon-arrow-up-left:before {
  content: "\e29e"; }

.icon-arrow-up3:before {
  content: "\e29f"; }

.icon-arrow-up-right:before {
  content: "\e2a0"; }

.icon-arrow-right4:before {
  content: "\e2a1"; }

.icon-arrow-down-right:before {
  content: "\e2a2"; }

.icon-arrow-down3:before {
  content: "\e2a3"; }

.icon-arrow-down-left:before {
  content: "\e2a4"; }

.icon-arrow-left3:before {
  content: "\e2a5"; }

.icon-arrow-up-left2:before {
  content: "\e2a6"; }

.icon-arrow-up4:before {
  content: "\e2a7"; }

.icon-arrow-up-right2:before {
  content: "\e2a8"; }

.icon-arrow-right5:before {
  content: "\e2a9"; }

.icon-arrow-down-right2:before {
  content: "\e2aa"; }

.icon-arrow-down4:before {
  content: "\e2ab"; }

.icon-arrow-down-left2:before {
  content: "\e2ac"; }

.icon-arrow-left4:before {
  content: "\e2ad"; }

.icon-arrow-up-left3:before {
  content: "\e2ae"; }

.icon-arrow-up5:before {
  content: "\e2af"; }

.icon-arrow-up-right3:before {
  content: "\e2b0"; }

.icon-arrow-right6:before {
  content: "\e2b1"; }

.icon-arrow-down-right3:before {
  content: "\e2b2"; }

.icon-arrow-down5:before {
  content: "\e2b3"; }

.icon-arrow-down-left3:before {
  content: "\e2b4"; }

.icon-arrow-left5:before {
  content: "\e2b5"; }

.icon-arrow:before {
  content: "\e2b6"; }

.icon-arrow2:before {
  content: "\e2b7"; }

.icon-arrow3:before {
  content: "\e2b8"; }

.icon-arrow4:before {
  content: "\e2b9"; }

.icon-arrow-up-left4:before {
  content: "\e2ba"; }

.icon-arrow-up6:before {
  content: "\e2bb"; }

.icon-arrow-up-right4:before {
  content: "\e2bc"; }

.icon-arrow-right7:before {
  content: "\e2bd"; }

.icon-arrow-down-right4:before {
  content: "\e2be"; }

.icon-arrow-down6:before {
  content: "\e2bf"; }

.icon-arrow-down-left4:before {
  content: "\e2c0"; }

.icon-arrow-left6:before {
  content: "\e2c1"; }

.icon-arrow-up-left5:before {
  content: "\e2c2"; }

.icon-arrow-up7:before {
  content: "\e2c3"; }

.icon-arrow-up-right5:before {
  content: "\e2c4"; }

.icon-arrow-right8:before {
  content: "\e2c5"; }

.icon-arrow-down-right5:before {
  content: "\e2c6"; }

.icon-arrow-down7:before {
  content: "\e2c7"; }

.icon-arrow-down-left5:before {
  content: "\e2c8"; }

.icon-arrow-left7:before {
  content: "\e2c9"; }

.icon-arrow-up8:before {
  content: "\e2ca"; }

.icon-arrow-right9:before {
  content: "\e2cb"; }

.icon-arrow-down8:before {
  content: "\e2cc"; }

.icon-arrow-left8:before {
  content: "\e2cd"; }

.icon-arrow-up9:before {
  content: "\e2ce"; }

.icon-arrow-right10:before {
  content: "\e2cf"; }

.icon-arrow-down9:before {
  content: "\e2d0"; }

.icon-arrow-left9:before {
  content: "\e2d1"; }

.icon-arrow-up10:before {
  content: "\e2d2"; }

.icon-arrow-right11:before {
  content: "\e2d3"; }

.icon-arrow-down10:before {
  content: "\e2d4"; }

.icon-arrow-left10:before {
  content: "\e2d5"; }

.icon-arrow-up11:before {
  content: "\e2d6"; }

.icon-arrow-right12:before {
  content: "\e2d7"; }

.icon-arrow-down11:before {
  content: "\e2d8"; }

.icon-arrow-left11:before {
  content: "\e2d9"; }

.icon-enter4:before {
  content: "\e2da"; }

.icon-enter5:before {
  content: "\e2db"; }

.icon-esc:before {
  content: "\e2dc"; }

.icon-backspace:before {
  content: "\e2dd"; }

.icon-backspace2:before {
  content: "\e2de"; }

.icon-backspace3:before {
  content: "\e2df"; }

.icon-tab:before {
  content: "\e2e0"; }

.icon-transmission:before {
  content: "\e2e1"; }

.icon-transmission2:before {
  content: "\e2e2"; }

.icon-sort:before {
  content: "\e2e3"; }

.icon-sort2:before {
  content: "\e2e4"; }

.icon-command:before {
  content: "\e2e5"; }

.icon-checkbox-checked:before {
  content: "\e2e6"; }

.icon-checkbox-unchecked:before {
  content: "\e2e7"; }

.icon-checkbox-partial:before {
  content: "\e2e8"; }

.icon-radio-checked:before {
  content: "\e2e9"; }

.icon-radio-unchecked:before {
  content: "\e2ea"; }

.icon-crop:before {
  content: "\e2eb"; }

.icon-vector:before {
  content: "\e2ec"; }

.icon-rulers:before {
  content: "\e2ed"; }

.icon-scissors:before {
  content: "\e2ee"; }

.icon-scissors2:before {
  content: "\e2ef"; }

.icon-filter:before {
  content: "\e2f0"; }

.icon-filter2:before {
  content: "\e2f1"; }

.icon-filter3:before {
  content: "\e2f2"; }

.icon-filter4:before {
  content: "\e2f3"; }

.icon-font:before {
  content: "\e2f4"; }

.icon-text-height:before {
  content: "\e2f5"; }

.icon-text-width:before {
  content: "\e2f6"; }

.icon-font-size:before {
  content: "\e2f7"; }

.icon-bold:before {
  content: "\e2f8"; }

.icon-underline:before {
  content: "\e2f9"; }

.icon-italic:before {
  content: "\e2fa"; }

.icon-strikethrough:before {
  content: "\e2fb"; }

.icon-omega:before {
  content: "\e2fc"; }

.icon-sigma:before {
  content: "\e2fd"; }

.icon-nbsp:before {
  content: "\e2fe"; }

.icon-page-break:before {
  content: "\e2ff"; }

.icon-page-break2:before {
  content: "\e300"; }

.icon-superscript:before {
  content: "\e301"; }

.icon-subscript:before {
  content: "\e302"; }

.icon-superscript2:before {
  content: "\e303"; }

.icon-subscript2:before {
  content: "\e304"; }

.icon-text-color:before {
  content: "\e305"; }

.icon-pagebreak:before {
  content: "\e306"; }

.icon-clear-formatting:before {
  content: "\e307"; }

.icon-table:before {
  content: "\e308"; }

.icon-table2:before {
  content: "\e309"; }

.icon-insert-template:before {
  content: "\e30a"; }

.icon-pilcrow:before {
  content: "\e30b"; }

.icon-lefttoright:before {
  content: "\e30c"; }

.icon-righttoleft:before {
  content: "\e30d"; }

.icon-paragraph-left:before {
  content: "\e30e"; }

.icon-paragraph-center:before {
  content: "\e30f"; }

.icon-paragraph-right:before {
  content: "\e310"; }

.icon-paragraph-justify:before {
  content: "\e311"; }

.icon-paragraph-left2:before {
  content: "\e312"; }

.icon-paragraph-center2:before {
  content: "\e313"; }

.icon-paragraph-right2:before {
  content: "\e314"; }

.icon-paragraph-justify2:before {
  content: "\e315"; }

.icon-indent-increase:before {
  content: "\e316"; }

.icon-indent-decrease:before {
  content: "\e317"; }

.icon-share:before {
  content: "\e318"; }

.icon-newtab:before {
  content: "\e319"; }

.icon-newtab2:before {
  content: "\e31a"; }

.icon-popout:before {
  content: "\e31b"; }

.icon-embed:before {
  content: "\e31c"; }

.icon-code:before {
  content: "\e31d"; }

.icon-console:before {
  content: "\e31e"; }

.icon-share2:before {
  content: "\e31f"; }

.icon-share3:before {
  content: "\e320"; }

.icon-mail:before {
  content: "\e321"; }

.icon-mail2:before {
  content: "\e322"; }

.icon-mail3:before {
  content: "\e323"; }

.icon-mail4:before {
  content: "\e324"; }

.icon-google:before {
  content: "\e325"; }

.icon-googleplus:before {
  content: "\e326"; }

.icon-googleplus2:before {
  content: "\e327"; }

.icon-googleplus3:before {
  content: "\e328"; }

.icon-googleplus4:before {
  content: "\e329"; }

.icon-google-drive:before {
  content: "\e32a"; }

.icon-facebook:before {
  content: "\e32b"; }

.icon-facebook2:before {
  content: "\e32c"; }

.icon-facebook3:before {
  content: "\e32d"; }

.icon-instagram:before {
  content: "\e32e"; }

.icon-twitter:before {
  content: "\e32f"; }

.icon-twitter2:before {
  content: "\e330"; }

.icon-twitter3:before {
  content: "\e331"; }

.icon-feed2:before {
  content: "\e332"; }

.icon-feed3:before {
  content: "\e333"; }

.icon-feed4:before {
  content: "\e334"; }

.icon-youtube:before {
  content: "\e335"; }

.icon-youtube2:before {
  content: "\e336"; }

.icon-vimeo:before {
  content: "\e337"; }

.icon-vimeo2:before {
  content: "\e338"; }

.icon-vimeo3:before {
  content: "\e339"; }

.icon-lanyrd:before {
  content: "\e33a"; }

.icon-flickr:before {
  content: "\e33b"; }

.icon-flickr2:before {
  content: "\e33c"; }

.icon-flickr3:before {
  content: "\e33d"; }

.icon-flickr4:before {
  content: "\e33e"; }

.icon-picassa:before {
  content: "\e33f"; }

.icon-picassa2:before {
  content: "\e340"; }

.icon-dribbble:before {
  content: "\e341"; }

.icon-dribbble2:before {
  content: "\e342"; }

.icon-dribbble3:before {
  content: "\e343"; }

.icon-forrst:before {
  content: "\e344"; }

.icon-forrst2:before {
  content: "\e345"; }

.icon-deviantart:before {
  content: "\e346"; }

.icon-deviantart2:before {
  content: "\e347"; }

.icon-steam:before {
  content: "\e348"; }

.icon-steam2:before {
  content: "\e349"; }

.icon-github:before {
  content: "\e34a"; }

.icon-github2:before {
  content: "\e34b"; }

.icon-github3:before {
  content: "\e34c"; }

.icon-github4:before {
  content: "\e34d"; }

.icon-github5:before {
  content: "\e34e"; }

.icon-wordpress:before {
  content: "\e34f"; }

.icon-wordpress2:before {
  content: "\e350"; }

.icon-joomla:before {
  content: "\e351"; }

.icon-blogger:before {
  content: "\e352"; }

.icon-blogger2:before {
  content: "\e353"; }

.icon-tumblr:before {
  content: "\e354"; }

.icon-tumblr2:before {
  content: "\e355"; }

.icon-yahoo:before {
  content: "\e356"; }

.icon-tux:before {
  content: "\e357"; }

.icon-apple:before {
  content: "\e358"; }

.icon-finder:before {
  content: "\e359"; }

.icon-android:before {
  content: "\e35a"; }

.icon-windows:before {
  content: "\e35b"; }

.icon-windows8:before {
  content: "\e35c"; }

.icon-soundcloud:before {
  content: "\e35d"; }

.icon-soundcloud2:before {
  content: "\e35e"; }

.icon-skype:before {
  content: "\e35f"; }

.icon-reddit:before {
  content: "\e360"; }

.icon-linkedin:before {
  content: "\e361"; }

.icon-lastfm:before {
  content: "\e362"; }

.icon-lastfm2:before {
  content: "\e363"; }

.icon-delicious:before {
  content: "\e364"; }

.icon-stumbleupon:before {
  content: "\e365"; }

.icon-stumbleupon2:before {
  content: "\e366"; }

.icon-stackoverflow:before {
  content: "\e367"; }

.icon-pinterest:before {
  content: "\e368"; }

.icon-pinterest2:before {
  content: "\e369"; }

.icon-xing:before {
  content: "\e36a"; }

.icon-xing2:before {
  content: "\e36b"; }

.icon-flattr:before {
  content: "\e36c"; }

.icon-foursquare:before {
  content: "\e36d"; }

.icon-foursquare2:before {
  content: "\e36e"; }

.icon-paypal:before {
  content: "\e36f"; }

.icon-paypal2:before {
  content: "\e370"; }

.icon-paypal3:before {
  content: "\e371"; }

.icon-yelp:before {
  content: "\e372"; }

.icon-libreoffice:before {
  content: "\e373"; }

.icon-file-pdf:before {
  content: "\e374"; }

.icon-file-openoffice:before {
  content: "\e375"; }

.icon-file-word:before {
  content: "\e376"; }

.icon-file-excel:before {
  content: "\e377"; }

.icon-file-zip:before {
  content: "\e378"; }

.icon-file-powerpoint:before {
  content: "\e379"; }

.icon-file-xml:before {
  content: "\e37a"; }

.icon-file-css:before {
  content: "\e37b"; }

.icon-html5:before {
  content: "\e37c"; }

.icon-html52:before {
  content: "\e37d"; }

.icon-css3:before {
  content: "\e37e"; }

.icon-chrome:before {
  content: "\e37f"; }

.icon-firefox:before {
  content: "\e380"; }

.icon-IE:before {
  content: "\e381"; }

.icon-opera:before {
  content: "\e382"; }

.icon-safari:before {
  content: "\e383"; }

.icon-IcoMoon:before {
  content: "\e384"; }

.icon-refresh:before {
  content: "\27F3"; }

/**
 *
 * Mixins
 *
 * @package     IDGateway
 * @author      Matt Burgess <matt.burgess@procius.com>
 */
/**
 *
 * Typography Variables
 *
 * @package     IDGateway
 * @author      Matt Burgess <matt.burgess@procius.com>
 */
/**
 *
 * Media Query Rules
 *
 * @package     IDGateway
 * @author      Matt Burgess <matt.burgess@procius.com>
 */
/**
 *
 * Action bar
 *
 * @package     IDGateway
 * @author      Matt Burgess <matt.burgess@idgateway.co.uk>
 * @copyright   2014 IDGateway Limited
 */
.action-bar {
  background: #3180AA;
  color: #FFF;
  text-align: right;
  box-shadow: 0 1px 1px #AAA; }
  .action-bar .container {
    width: 100%; }
  .action-bar a {
    display: inline-block;
    padding: 11px 20px 12px 20px;
    color: #FFF;
    text-decoration: none; }
    .action-bar a:hover {
      color: #EEE; }
    @media (max-width: 1100px) {
      .action-bar a {
        font-size: 0.95em;
        padding: 11px 8px 12px 8px; } }
    .action-bar a img {
      display: inline-block;
      vertical-align: middle; }
    .action-bar a.home {
      float: left; }
  .action-bar i {
    font-size: 1.1em;
    vertical-align: middle;
    display: inline-block;
    margin-top: -1px;
    text-shadow: 0 1px 1px #000; }
  .action-bar .seperate {
    width: 2px;
    height: 36px;
    display: inline-block;
    vertical-align: middle;
    background: #2b7196;
    border-left: 1px solid #3489b6; }
    .action-bar .seperate.left {
      float: left; }
    @media (max-width: 765px) {
      .action-bar .seperate.left, .action-bar .seperate.right {
        display: none; } }

/**
 * Buttons
 *
 * Generic button elements <button> or .button. Allows groups of buttons, split buttons
 * and different sized buttons
 *
 * @package     IDGateway
 * @author      Matt Burgess <matt.burgess@procius.com>
 */
button,
.button,
.button-neutral {
  position: relative;
  display: inline-block;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  padding: 8px 15px;
  outline: none;
  color: #2A739A;
  background-color: #FFF;
  border: 1px solid #CCC;
  border-top-color: #E6E6E6;
  border-bottom-color: #B3B3B3;
  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
  -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffffff), color-stop(100%, #f4f4f5));
  background-image: -webkit-linear-gradient(#ffffff, #f4f4f5);
  background-image: -moz-linear-gradient(#ffffff, #f4f4f5);
  background-image: -o-linear-gradient(#ffffff, #f4f4f5);
  background-image: linear-gradient(#ffffff, #f4f4f5);
  display: inline-block;
  text-decoration: none;
  font-weight: 500;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px; }
  button:hover,
  .button:hover,
  .button-neutral:hover {
    color: #1f5572;
    cursor: pointer; }
  button:active,
  .button:active,
  .button-neutral:active {
    outline: none;
    background: #F4F4F5;
    -webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.2);
    box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.2); }
  button.column-button,
  .button.column-button,
  .button-neutral.column-button {
    background: none;
    border: 0;
    box-shadow: none;
    width: auto;
    display: inline;
    padding: 0;
    margin: 0;
    vertical-align: middle; }
  button .text,
  .button .text,
  .button-neutral .text {
    text-shadow: none;
    color: inherit;
    font-weight: 600;
    font-size: 1.1em;
    margin: 0;
    padding: 0; }
  button .icon,
  .button .icon,
  .button-neutral .icon {
    text-shadow: none;
    vertical-align: top;
    margin: 1px 0 0 3px;
    display: inline-block; }
  button.button-positive,
  .button.button-positive,
  .button-neutral.button-positive {
    background: #61B776;
    color: #FFF;
    text-shadow: 0 1px 1px #387a48;
    border: 1px solid #489d5d; }
    button.button-positive .text,
    .button.button-positive .text,
    .button-neutral.button-positive .text {
      text-shadow: inherit; }
  button.button-negative,
  .button.button-negative,
  .button-neutral.button-negative {
    background: #DB634F;
    color: #FFF;
    text-shadow: 0 1px 1px #a33421;
    border: 1px solid #cd412a; }
    button.button-negative .text,
    .button.button-negative .text,
    .button-neutral.button-negative .text {
      text-shadow: inherit; }
  button.button-black,
  .button.button-black,
  .button-neutral.button-black {
    background: #000;
    color: #FFF;
    border: 1px solid black; }
    button.button-black .text,
    .button.button-black .text,
    .button-neutral.button-black .text {
      text-shadow: inherit; }
  button.button-disabled,
  .button.button-disabled,
  .button-neutral.button-disabled {
    background: #9C9C9C;
    color: #E6E6E6;
    text-shadow: 0 1px 1px #b3b3b3;
    border: 1px solid #cdcdcd;
    cursor: not-allowed; }
    button.button-disabled .text,
    .button.button-disabled .text,
    .button-neutral.button-disabled .text {
      text-shadow: inherit; }
  button.button-primary,
  .button.button-primary,
  .button-neutral.button-primary {
    background: #4b98c0;
    color: #fff;
    text-shadow: 0 1px 1px #2b5f7a;
    border: 1px solid #387ca0; }
    button.button-primary .text,
    .button.button-primary .text,
    .button-neutral.button-primary .text {
      text-shadow: inherit; }
  button.button-warning,
  .button.button-warning,
  .button-neutral.button-warning {
    background: #F29A3F;
    color: #FFF;
    text-shadow: 0 1px 1px #be670d;
    border: 1px solid #ee8110; }
    button.button-warning .text,
    .button.button-warning .text,
    .button-neutral.button-warning .text {
      text-shadow: inherit; }

.button-group button,
.button-group .button {
  margin: 0 5px 5px 0; }

.pill-buttons-clear-filter {
  margin-top: 15px; }
  .pill-buttons-clear-filter a {
    color: #777; }
    .pill-buttons-clear-filter a:hover {
      color: #3480A6; }

.pill-buttons {
  margin-top: 15px;
  overflow: hidden; }
  .pill-buttons button,
  .pill-buttons .button {
    margin: 0;
    float: left;
    display: inline-block;
    border-radius: 0;
    border-top-color: #999;
    border-bottom-color: #999; }
    .pill-buttons button.active,
    .pill-buttons .button.active {
      background: rgba(52, 128, 166, 0.9);
      border-color: #2e7193;
      color: #FFF; }
    .pill-buttons button.disabled,
    .pill-buttons .button.disabled {
      background: #BBB;
      color: #FFF;
      text-shadow: 0 1px 1px #b3b3b3;
      cursor: not-allowed; }
    .pill-buttons button:first-child,
    .pill-buttons .button:first-child {
      border-left-color: #999;
      border-top-left-radius: 3px;
      border-bottom-left-radius: 3px; }
    .pill-buttons button:last-child,
    .pill-buttons .button:last-child {
      border-right-color: #999;
      border-top-right-radius: 3px;
      border-bottom-right-radius: 3px; }
    .pill-buttons button:not(:last-child),
    .pill-buttons .button:not(:last-child) {
      border-right: none; }

/**
 * Canvas
 *
 * Basically the foundation of the application, contains body level elements
 * and high level selectors, keep the selectors in this file fairly generic, more
 * specific selectors should be placed in the appropriate partials scss file
 *
 * @package     IDGateway
 * @author      Matt Burgess <matt.burgess@procius.com>
 */
* {
  box-sizing: border-box !important;
  -moz-box-sizing: border-box !important; }

html {
  position: relative;
  min-height: 100%; }
  html.ie7 .app-container .large-logo-container .svg-logo,
  html.ie8 .app-container .large-logo-container .svg-logo {
    display: none; }
  html.ie7 .app-container .large-logo-container .fallback-logo,
  html.ie8 .app-container .large-logo-container .fallback-logo {
    display: inline-block; }

body {
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  background: #F1F1F1;
  font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;
  font-weight: 400;
  font-size: 13px;
  color: #444; }
  body.show-tablet-menu .left-sidebar {
    display: inline-block; }
  body.show-tablet-menu .left-sidebar-curtain {
    display: inline-block; }
  body.show-tablet-menu .app-container {
    margin-left: 250px; }
  body.show-tablet-menu .page-container,
  body.show-tablet-menu .secondary-nav {
    width: 1920px; }
  body a.icon {
    color: inherit;
    text-decoration: none; }
  body a.link-plain, body .button.link-plain {
    color: inherit; }
  body .datepick button {
    background: #2A739A;
    color: #FFF;
    padding: 6px;
    margin: 5px 0; }
  body .header-warning {
    padding: 10px 20px;
    color: #FFF;
    background: #F29A3F;
    border-bottom: 1px solid #256486;
    font-size: 1.05em; }
    body .header-warning.browser-upgrade {
      border-bottom: 0;
      background: #4B98C0; }
      body .header-warning.browser-upgrade a {
        color: #FFF; }
    body .header-warning.success {
      background: #61B776; }
    body .header-warning.error {
      background: #DB634F; }
    body .header-warning i {
      display: inline-block; }
    body .header-warning p {
      display: inline-block;
      font-weight: 500;
      margin: 0 0 0 10px; }
  body .blockUI.blockMsg {
    background: #FFF !important;
    width: 33.3%;
    top: 35%;
    left: 33.3%;
    border: 1px solid #777;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -webkit-box-shadow: 0 1px 1px #444;
    -moz-box-shadow: 0 1px 1px #444;
    box-shadow: 0 1px 1px #444;
    padding: 20px;
    text-align: center;
    cursor: wait; }
    body .blockUI.blockMsg h1 {
      font-size: 1.1em;
      color: #888;
      color: #2A739A;
      font-weight: 500; }
  body .ui-autocomplete {
    margin-top: 35px !important;
    background: #FFF;
    border: 1px solid #DDD;
    -webkit-box-shadow: 0 1px 2px #EEE;
    -moz-box-shadow: 0 1px 2px #EEE;
    box-shadow: 0 1px 2px #EEE; }
    body .ui-autocomplete span.icon {
      margin-right: 5px; }
    body .ui-autocomplete .ui-menu-item a.ui-state-focus,
    body .ui-autocomplete .ui-menu-item a.ui-state-active {
      margin: 0 !important;
      font-weight: inherit !important; }
    body .ui-autocomplete .ui-menu-item a {
      padding: 5px 10px; }
    body .ui-autocomplete li {
      overflow: hidden; }
      body .ui-autocomplete li:first-line {
        font-weight: 500; }
      body .ui-autocomplete li:hover {
        background: none; }
      body .ui-autocomplete li .description {
        margin-right: 15px;
        display: inline-block; }
      body .ui-autocomplete li .status [class*="status-block-"] {
        display: inline-block; }
      body .ui-autocomplete li a {
        border: 0;
        overflow: hidden; }
        body .ui-autocomplete li a.ui-state-focus {
          margin: 0;
          background: #EEE;
          border: 0; }
        body .ui-autocomplete li a:hover {
          background: #EEE;
          border: 0; }
    body .ui-autocomplete:before {
      content: " ";
      display: inline-block;
      border-left: 11px solid transparent;
      border-right: 11px solid transparent;
      border-bottom: 11px solid #CCC;
      position: absolute;
      top: -11px;
      left: 13px; }
    body .ui-autocomplete:after {
      content: " ";
      display: inline-block;
      border-left: 10px solid transparent;
      border-right: 10px solid transparent;
      border-bottom: 10px solid #FFF;
      position: absolute;
      top: -10px;
      left: 14px; }
  body #neutral-layout,
  body #unread-messages-layout {
    width: 500px;
    margin: 100px auto 20px auto;
    text-align: center; }
    @media (max-width: 950px) {
      body #neutral-layout,
      body #unread-messages-layout {
        width: 100%;
        padding: 10px;
        margin: 30px auto; } }
    body #neutral-layout.double-column-layout,
    body #unread-messages-layout.double-column-layout {
      width: 80%; }
      body #neutral-layout.double-column-layout:after,
      body #unread-messages-layout.double-column-layout:after {
        content: "";
        display: table;
        clear: both; }
      @media (max-width: 950px) {
        body #neutral-layout.double-column-layout,
        body #unread-messages-layout.double-column-layout {
          width: 100%; } }
      body #neutral-layout.double-column-layout .full-panel,
      body #unread-messages-layout.double-column-layout .full-panel {
        width: 28%;
        float: left; }
      body #neutral-layout.double-column-layout .panel,
      body #unread-messages-layout.double-column-layout .panel {
        float: left;
        width: 49%;
        overflow: hidden; }
        body #neutral-layout.double-column-layout .panel:nth-child(even),
        body #unread-messages-layout.double-column-layout .panel:nth-child(even) {
          float: right; }
        body #neutral-layout.double-column-layout .panel .grid-view,
        body #unread-messages-layout.double-column-layout .panel .grid-view {
          overflow-x: hidden; }
          @media (max-width: 950px) {
            body #neutral-layout.double-column-layout .panel .grid-view,
            body #unread-messages-layout.double-column-layout .panel .grid-view {
              overflow-x: scroll; } }
          body #neutral-layout.double-column-layout .panel .grid-view fieldset,
          body #unread-messages-layout.double-column-layout .panel .grid-view fieldset {
            margin-left: 0;
            margin-right: 0; }
        @media (orientation: portrait) {
          body #neutral-layout.double-column-layout .panel table,
          body #unread-messages-layout.double-column-layout .panel table {
            display: none; }
          body #neutral-layout.double-column-layout .panel .grid-view:before,
          body #unread-messages-layout.double-column-layout .panel .grid-view:before {
            font-weight: bold;
            content: "Rotate your device to view full details";
            padding: 5px 25px;
            display: inline-block; } }
        @media (orientation: landscape) {
          body #neutral-layout.double-column-layout .panel .grid-view,
          body #unread-messages-layout.double-column-layout .panel .grid-view {
            overflow-x: scroll; } }
    body #neutral-layout.single-column-layout,
    body #unread-messages-layout.single-column-layout {
      width: 80%; }
      body #neutral-layout.single-column-layout:after,
      body #unread-messages-layout.single-column-layout:after {
        content: "";
        display: table;
        clear: both; }
      @media (max-width: 950px) {
        body #neutral-layout.single-column-layout,
        body #unread-messages-layout.single-column-layout {
          width: 100%; } }
      body #neutral-layout.single-column-layout .panel,
      body #unread-messages-layout.single-column-layout .panel {
        width: 49%; }
        @media (max-width: 950px) {
          body #neutral-layout.single-column-layout .panel,
          body #unread-messages-layout.single-column-layout .panel {
            width: 100%; } }
        body #neutral-layout.single-column-layout .panel.full-panel,
        body #unread-messages-layout.single-column-layout .panel.full-panel {
          width: 100%; }
        body #neutral-layout.single-column-layout .panel.half-panel,
        body #unread-messages-layout.single-column-layout .panel.half-panel {
          margin-left: auto;
          margin-right: auto;
          float: none; }
    body #neutral-layout .large-logo-container,
    body #unread-messages-layout .large-logo-container {
      text-align: center;
      margin-bottom: 20px; }
      body #neutral-layout .large-logo-container img,
      body #unread-messages-layout .large-logo-container img {
        max-width: 300px;
        margin-left: -15px; }
        body #neutral-layout .large-logo-container img.svg-logo,
        body #unread-messages-layout .large-logo-container img.svg-logo {
          display: inline-block;
          *display: none; }
        body #neutral-layout .large-logo-container img.fallback-logo,
        body #unread-messages-layout .large-logo-container img.fallback-logo {
          display: none;
          *display: inline-block; }
    body #neutral-layout .panel,
    body #unread-messages-layout .panel {
      text-align: left; }
      body #neutral-layout .panel .body,
      body #unread-messages-layout .panel .body {
        margin-top: 15px; }
        @media (max-width: 570px) {
          body #neutral-layout .panel .body .button-area button,
          body #neutral-layout .panel .body .button-area .button,
          body #unread-messages-layout .panel .body .button-area button,
          body #unread-messages-layout .panel .body .button-area .button {
            display: block !important;
            float: none !important;
            margin: 0 0 10px 0;
            width: 100%;
            text-align: center; }
            body #neutral-layout .panel .body .button-area button.left, body #neutral-layout .panel .body .button-area button.right,
            body #neutral-layout .panel .body .button-area .button.left,
            body #neutral-layout .panel .body .button-area .button.right,
            body #unread-messages-layout .panel .body .button-area button.left,
            body #unread-messages-layout .panel .body .button-area button.right,
            body #unread-messages-layout .panel .body .button-area .button.left,
            body #unread-messages-layout .panel .body .button-area .button.right {
              float: none !important; } }
      body #neutral-layout .panel .panel-block-alert,
      body #unread-messages-layout .panel .panel-block-alert {
        margin-bottom: 20px; }
  body #unread-messages-layout {
    width: 80%; }
    body #unread-messages-layout:after {
      content: "";
      display: table;
      clear: both; }
    body #unread-messages-layout .full-panel {
      width: 100%; }
    body #unread-messages-layout .third-panel {
      display: inline-block;
      float: left;
      width: 40%; }
      body #unread-messages-layout .third-panel .body {
        margin-top: 0; }
    body #unread-messages-layout #message-panel {
      display: inline-block;
      float: right;
      width: 57%; }
      body #unread-messages-layout #message-panel.full-panel {
        float: none;
        width: 100%; }
      body #unread-messages-layout #message-panel #read-checkbox-wrap {
        margin: 20px 25px; }
  body #verify-details .section {
    margin-bottom: 30px; }
    body #verify-details .section .row {
      border-bottom: 1px solid #EAEAEA;
      margin-bottom: 0; }
      body #verify-details .section .row:nth-child(odd) {
        background: #F9F9F9; }
    body #verify-details .section .label {
      width: 150px;
      font-weight: 600;
      display: inline-block; }
  body .help_menu dl dt {
    margin-top: 20px;
    font-size: 110%; }
  body .help_menu dl dd {
    margin-bottom: 5px;
    display: list-item;
    list-style-type: disc; }
  body .help_content ul li {
    margin-bottom: 10px; }
  body .help_content .help-video {
    border: 2px solid #111111; }

abbr {
  cursor: help; }

.viewport-container {
  overflow-y: visible;
  overflow-x: hidden;
  position: relative;
  min-height: 100vh; }

.left-sidebar-curtain {
  position: absolute;
  width: 250px;
  background: #FFF;
  border-right: 1px solid #DCDADA;
  height: 100%;
  left: 0;
  z-index: 0; }
  @media (max-width: 950px) {
    .left-sidebar-curtain {
      display: none; } }

.left-sidebar {
  width: 250px;
  display: inline-block;
  float: left;
  z-index: 1;
  position: relative;
  margin-bottom: 40px; }
  @media (max-width: 950px) {
    .left-sidebar {
      display: none; } }

.app-container {
  margin-left: 250px;
  z-index: 1; }
  @media (max-width: 950px) {
    .app-container {
      margin-left: 0; } }
  .app-container .sticky-wrapper {
    height: auto !important; }
  .app-container .panel.appform-summary-panel {
    width: 28%;
    display: inline-block;
    float: left;
    margin-left: 2%; }
    @media (max-width: 950px) {
      .app-container .panel.appform-summary-panel {
        display: block;
        width: 100%;
        margin-left: 0;
        float: none; } }
  .app-container #tracking-section-form .header .icon {
    display: inline-block; }
  .app-container #error-panel {
    margin-bottom: 30px; }
    .app-container #error-panel .body {
      margin: auto 25px; }
  .app-container #user-error-reporting .form-wrap {
    width: 90%; }
  .app-container #user-error-reporting .mce-tinymce {
    width: 110% !important; }
  .app-container #tools-grid {
    margin: 0 25px; }
  .app-container .panel-container {
    padding: 0 5px 5px 0;
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    -moz-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -webkit-align-self: "flex-start";
    -moz-align-self: "flex-start";
    -ms-flex-item-align: start;
    align-self: "flex-start";
    display: inline-block;
    float: left;
    padding: 10px 10px 0 10px;
    width: 50%;
    position: relative; }
    .app-container .panel-container:after {
      content: "";
      display: table;
      clear: both; }
    @media (max-width: 570px) {
      .app-container .panel-container {
        display: block;
        float: none;
        width: 100%; } }
  .app-container #dashboard {
    min-height: inherit;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-direction: normal;
    -webkit-box-orient: horizontal;
    -webkit-flex-direction: row;
    -moz-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: -10px; }
    .app-container #dashboard .panel {
      width: 100%; }
      .app-container #dashboard .panel .header {
        margin: 10px 15px 0 15px; }
      .app-container #dashboard .panel .body {
        margin: 10px 15px 0 15px; }
  .app-container #selected-dashboard-panels {
    padding: 10px 25px; }
  .app-container #dashboard-select-panel .form {
    display: block !important; }
  .app-container #appform-panel .panel-info {
    margin: 10px; }
    .app-container #appform-panel .panel-info.no-margin {
      margin: 0; }
  .app-container #unread-messages-grid .summary {
    display: none; }

.app-panel-header-fixed {
  width: 100%;
  *position: relative;
  z-index: 30;
  padding-bottom: 30px;
  background: #F1F1F1;
  background: -webkit-linear-gradient(top, #f1f1f1 0%, #f1f1f1 77%, rgba(255, 255, 255, 0) 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #f1f1f1 0%, #f1f1f1 77%, rgba(255, 255, 255, 0) 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #f1f1f1 0%, #f1f1f1 77%, rgba(255, 255, 255, 0) 100%);
  /* IE10+ */
  background: linear-gradient(to bottom, #f1f1f1 0%, #f1f1f1 77%, rgba(255, 255, 255, 0) 100%);
  /* W3C */ }
  .app-panel-header-fixed:after {
    content: "";
    display: table;
    clear: both; }

.page-container {
  display: inline-block;
  margin: 20px;
  padding-right: 40px;
  width: 100%;
  position: relative;
  float: left;
  margin-bottom: 100px; }
  @media (max-width: 570px) {
    .page-container {
      margin: 0px !important;
      padding-right: 0px !important; } }
  .page-container .dashboard-notification {
    background: #4B98C0;
    margin: 0;
    font-size: 1.0em;
    padding: 8px 16px;
    color: #FFF;
    border-radius: 4px;
    overflow: hidden;
    display: flex; }
    .page-container .dashboard-notification .notification-body {
      display: inline-block;
      line-height: 1.4em; }
    .page-container .dashboard-notification .notification-title {
      margin-bottom: 3px;
      font-size: 1.1em;
      font-weight: bold; }
    .page-container .dashboard-notification .notification-icon {
      float: left;
      display: inline-block;
      font-size: 2.75em;
      margin: 0 10px 0 0; }
    .page-container .dashboard-notification p {
      margin-bottom: 0; }

.appform-panel-wrapper {
  width: 70%;
  display: inline-block;
  float: left; }
  @media (max-width: 950px) {
    .appform-panel-wrapper {
      display: block;
      width: 100%;
      float: none; } }

.sortable-ghost {
  opacity: 0.5 !important;
  background: #3180AA !important; }

.docs-hover-grab:hover {
  cursor: grab !important;
  cursor: -webkit-grab !important; }

.modal {
  min-width: 600px;
  min-height: 300px;
  padding: 20px 40px 20px 20px; }
  .modal p {
    line-height: 1.5em; }

#fancybox-outer {
  border-radius: 3px !important; }

#fancybox-content {
  border: none !important; }

.state-change {
  margin: 20px 10px;
  display: flex; }
  .state-change .state {
    display: block;
    text-align: center;
    flex-grow: 1;
    background: #EEE;
    border-radius: 3px;
    width: 40%; }
    .state-change .state .title {
      display: block;
      border-bottom: 1px solid #DDD;
      font-weight: bold;
      font-size: 1.2em;
      color: #888;
      padding: 5px 0; }
    .state-change .state .state-preview {
      padding: 10px;
      font-size: 1.2em; }
      .state-change .state .state-preview > div {
        padding: 6px; }
  .state-change .state-transition {
    font-size: 2.75em;
    text-align: center;
    margin-top: 20px;
    color: #AAA;
    padding: 0 10px; }

/**
 * Forms, Labels & Inputs
 *
 * Generic form and input elements, <form>, <input>, <textarea>, <select> etc
 *
 * @package     IDGateway
 * @author      Matt Burgess <matt.burgess@procius.com>
 */
.form,
form {
  margin: 0;
  position: relative;
  /****************************************************/
  /*
     * ****************************************
     */
  /* This removed the datepick calendar icon when on phone sizes and below,
     * At this breakpoint the input is also changed to type="date", this is done
     * in JavaScript, in the sponsor_general.js file. When the size of the phone media
     * query changes, that also needs to be updated to reflect the same value.
     *
     * See #6266
     */ }
  .form:after,
  form:after {
    content: "";
    display: table;
    clear: both; }
  .form .form-wrap,
  form .form-wrap {
    margin: 0;
    padding: 0;
    position: relative;
    width: 100%; }
    .form .form-wrap .section-head,
    form .form-wrap .section-head {
      font-size: 1.2em;
      font-weight: 500;
      padding: 10px 25px;
      border: none;
      border-bottom: 2px solid #DDD;
      background: #F5F5F5; }
      .form .form-wrap .section-head span,
      form .form-wrap .section-head span {
        background: none; }
      .form .form-wrap .section-head .description,
      form .form-wrap .section-head .description {
        font-weight: 400;
        font-size: 0.8em;
        margin: 5px 0; }
    .form .form-wrap .errorSummary ul,
    form .form-wrap .errorSummary ul {
      margin-top: 25px !important;
      margin-left: 25px !important; }
    .form .form-wrap .row,
    form .form-wrap .row {
      margin: 0 0 5px 0;
      padding: 10px 25px;
      position: relative;
      /*
             * Temp Pass Availability Picker overrides
             */ }
      .form .form-wrap .row.curFocus,
      form .form-wrap .row.curFocus {
        background: rgba(42, 115, 154, 0.2); }
      .form .form-wrap .row.noFocus,
      form .form-wrap .row.noFocus {
        background: inherit; }
      .form .form-wrap .row.rejected-item,
      form .form-wrap .row.rejected-item {
        border: solid 2px #DB634F;
        background-color: #fef9f8; }
        .form .form-wrap .row.rejected-item label,
        form .form-wrap .row.rejected-item label {
          font-weight: bold; }
      .form .form-wrap .row .field-description,
      form .form-wrap .row .field-description {
        margin: 4px 0;
        color: #666;
        font-size: 13px; }
        .form .form-wrap .row .field-description.error,
        form .form-wrap .row .field-description.error {
          color: #C00; }
        .form .form-wrap .row .field-description i,
        form .form-wrap .row .field-description i {
          font-size: 0.85em; }
      .form .form-wrap .row .MultiFile-label .icon-cross,
      form .form-wrap .row .MultiFile-label .icon-cross {
        color: #DB634F; }
      .form .form-wrap .row label,
      form .form-wrap .row label {
        font-weight: 400;
        font-size: 1.3em;
        margin: 0 0 3px 0; }
        .form .form-wrap .row label.input-validation-result,
        form .form-wrap .row label.input-validation-result {
          position: static;
          z-index: 10;
          margin: -25px 10px 15px 0;
          text-align: right;
          font-size: 0.9em; }
          .form .form-wrap .row label.input-validation-result.validation-error,
          form .form-wrap .row label.input-validation-result.validation-error {
            color: #cd412a; }
          .form .form-wrap .row label.input-validation-result.validation-success,
          form .form-wrap .row label.input-validation-result.validation-success {
            color: #61B776; }
      .form .form-wrap .row input,
      form .form-wrap .row input {
        margin-top: 3px; }
      .form .form-wrap .row .temppasswrapper,
      form .form-wrap .row .temppasswrapper {
        background-color: #FFFFFF; }
        .form .form-wrap .row .temppasswrapper table,
        form .form-wrap .row .temppasswrapper table {
          border-bottom: 1px solid #ccc;
          border-right: 1px solid #ccc;
          /* Overide Color of Non Relevant fields to be White */
          /* Overide Opacity and instead set a lighter background color
                       Yii Calendar default styling also grays out the font, so it
                       looks a bit hard to read
                    */ }
          .form .form-wrap .row .temppasswrapper table thead th,
          form .form-wrap .row .temppasswrapper table thead th {
            color: #FFF;
            font-weight: bold;
            /* Site Specific Colors for Table Header */
            background-color: #3180AA;
            border: 1px solid #2A739A; }
            .form .form-wrap .row .temppasswrapper table thead th a,
            form .form-wrap .row .temppasswrapper table thead th a {
              color: #E1EBF2; }
              .form .form-wrap .row .temppasswrapper table thead th a:hover,
              form .form-wrap .row .temppasswrapper table thead th a:hover {
                color: #B0D4ED; }
              .form .form-wrap .row .temppasswrapper table thead th a:active,
              form .form-wrap .row .temppasswrapper table thead th a:active {
                color: #B0D4ED; }
          .form .form-wrap .row .temppasswrapper table tbody td,
          form .form-wrap .row .temppasswrapper table tbody td {
            padding: 0;
            font-size: 1em;
            height: 44px;
            width: 44px;
            /* Top and Left Border */
            border: 1px solid #EAEAEA;
            border-bottom: 0;
            border-right: 0; }
            .form .form-wrap .row .temppasswrapper table tbody td label,
            form .form-wrap .row .temppasswrapper table tbody td label {
              margin: 0;
              width: 100%;
              height: 100%; }
              .form .form-wrap .row .temppasswrapper table tbody td label div,
              form .form-wrap .row .temppasswrapper table tbody td label div {
                width: 100%;
                height: 100%; }
          .form .form-wrap .row .temppasswrapper table tbody tr td:first-of-type,
          form .form-wrap .row .temppasswrapper table tbody tr td:first-of-type {
            border-left: 0; }
          .form .form-wrap .row .temppasswrapper table td.not-relevant .calendar-date-future,
          .form .form-wrap .row .temppasswrapper table td.not-relevant .calendar-date-too-many-days,
          .form .form-wrap .row .temppasswrapper table td.not-relevant .calendar-date-after-overlap,
          .form .form-wrap .row .temppasswrapper table td.not-relevant .calendar-date-single-pass-too-many-days,
          .form .form-wrap .row .temppasswrapper table td.not-relevant .calendar-date-past-document-expiry,
          form .form-wrap .row .temppasswrapper table td.not-relevant .calendar-date-future,
          form .form-wrap .row .temppasswrapper table td.not-relevant .calendar-date-too-many-days,
          form .form-wrap .row .temppasswrapper table td.not-relevant .calendar-date-after-overlap,
          form .form-wrap .row .temppasswrapper table td.not-relevant .calendar-date-single-pass-too-many-days,
          form .form-wrap .row .temppasswrapper table td.not-relevant .calendar-date-past-document-expiry {
            color: #fff; }
          .form .form-wrap .row .temppasswrapper table td.current,
          form .form-wrap .row .temppasswrapper table td.current {
            opacity: inherit; }
            .form .form-wrap .row .temppasswrapper table td.current > label > div,
            form .form-wrap .row .temppasswrapper table td.current > label > div {
              background-color: #B0DBBB; }
            .form .form-wrap .row .temppasswrapper table td.current.not-relevant,
            form .form-wrap .row .temppasswrapper table td.current.not-relevant {
              color: #424242; }
      .form .form-wrap .row table,
      form .form-wrap .row table {
        border-top: 1px solid #ccc;
        border-left: 1px solid #ccc; }
        .form .form-wrap .row table.temp-pass-datepick-table td, .form .form-wrap .row table.temp-pass-datepick-table th,
        form .form-wrap .row table.temp-pass-datepick-table td,
        form .form-wrap .row table.temp-pass-datepick-table th {
          text-align: center;
          border-right: 1px solid #ccc;
          border-bottom: 1px solid #ccc;
          padding: 7px; }
        .form .form-wrap .row table.temp-pass-datepick-table th,
        form .form-wrap .row table.temp-pass-datepick-table th {
          background-color: #fff; }
        .form .form-wrap .row table.temp-pass-datepick-table td.temp-pass-datepick-empty-day,
        form .form-wrap .row table.temp-pass-datepick-table td.temp-pass-datepick-empty-day {
          background-color: #eaeaea; }
        .form .form-wrap .row table.temp-pass-datepick-table td.error,
        form .form-wrap .row table.temp-pass-datepick-table td.error {
          background-color: rgba(219, 99, 79, 0.4); }
        .form .form-wrap .row table.temp-pass-datepick-table td.selected,
        form .form-wrap .row table.temp-pass-datepick-table td.selected {
          background-color: rgba(97, 183, 118, 0.4); }
        .form .form-wrap .row table.temp-pass-other-passes-table,
        form .form-wrap .row table.temp-pass-other-passes-table {
          border-right: 1px solid #ccc; }
          .form .form-wrap .row table.temp-pass-other-passes-table th,
          form .form-wrap .row table.temp-pass-other-passes-table th {
            background-color: #3180AA;
            color: #fff; }
          .form .form-wrap .row table.temp-pass-other-passes-table td,
          form .form-wrap .row table.temp-pass-other-passes-table td {
            border-bottom: 1px solid #ccc; }
        .form .form-wrap .row table#signatory-status th, .form .form-wrap .row table#signatory-status td,
        form .form-wrap .row table#signatory-status th,
        form .form-wrap .row table#signatory-status td {
          text-align: center; }
        .form .form-wrap .row table#site-signatory-confirm,
        form .form-wrap .row table#site-signatory-confirm {
          width: 60%; }
          .form .form-wrap .row table#site-signatory-confirm th, .form .form-wrap .row table#site-signatory-confirm td,
          form .form-wrap .row table#site-signatory-confirm th,
          form .form-wrap .row table#site-signatory-confirm td {
            text-align: center; }
          .form .form-wrap .row table#site-signatory-confirm td:last-child,
          form .form-wrap .row table#site-signatory-confirm td:last-child {
            width: 43%; }
            .form .form-wrap .row table#site-signatory-confirm td:last-child .button,
            form .form-wrap .row table#site-signatory-confirm td:last-child .button {
              padding: 4px 12px !important; }
        .form .form-wrap .row table tr td.disabled,
        form .form-wrap .row table tr td.disabled {
          background-color: #f5d4ce; }
      .form .form-wrap .row span.red,
      form .form-wrap .row span.red {
        color: #DB634F;
        font-weight: bold; }
      .form .form-wrap .row span.green,
      form .form-wrap .row span.green {
        color: #61B776;
        font-weight: bold; }
      .form .form-wrap .row span.field-value-display-only,
      form .form-wrap .row span.field-value-display-only {
        font-weight: bold;
        color: #878787;
        background-color: lightgray;
        border: 1px solid #878787;
        padding: 2px 10px 2px 10px;
        margin-left: 5px;
        margin-right: 5px;
        line-height: 2em; }
      .form .form-wrap .row span div.checkBoxItem,
      form .form-wrap .row span div.checkBoxItem {
        display: inline-block;
        margin: 0 0.25em;
        text-align: center; }
    .form .form-wrap .flex-row,
    form .form-wrap .flex-row {
      display: flex;
      flex-direction: row;
      align-items: center; }
    .form .form-wrap hr,
    form .form-wrap hr {
      margin: 15px 25px;
      display: block;
      width: auto;
      background: #DDD;
      border-top: 1px solid #F8F8F8;
      height: 2px; }
    .form .form-wrap.user-permissions-form div.row p,
    form .form-wrap.user-permissions-form div.row p {
      margin-bottom: 0.75em; }
    .form .form-wrap.user-permissions-form div.row div,
    form .form-wrap.user-permissions-form div.row div {
      padding-left: 10px; }
      .form .form-wrap.user-permissions-form div.row div label,
      form .form-wrap.user-permissions-form div.row div label {
        display: inline; }
      .form .form-wrap.user-permissions-form div.row div.checkBoxItem label,
      form .form-wrap.user-permissions-form div.row div.checkBoxItem label {
        margin-left: .25em; }
    .form .form-wrap .document-upload-container .row label,
    form .form-wrap .document-upload-container .row label {
      font-size: 1.1em;
      line-height: 1.3em; }
    .form .form-wrap .row.documentGrid,
    form .form-wrap .row.documentGrid {
      margin-top: 10px;
      padding: 0;
      flex-basis: 39%; }
  .form label,
  form label {
    font-size: 1em;
    display: block;
    font-weight: 500; }
    .form label.check-button-container,
    form label.check-button-container {
      display: inline-block; }
  .form .tabbed #documentActionButtons,
  form .tabbed #documentActionButtons {
    /*position: relative !important;*/ }
  .form .tabbed > input,
  form .tabbed > input {
    display: none; }
  .form .tabbed > input:not(:checked) + div.section > div,
  form .tabbed > input:not(:checked) + div.section > div {
    display: none; }
  .form .tabbed > input:checked + div.section > h1 > label,
  form .tabbed > input:checked + div.section > h1 > label {
    background-color: #3180AA;
    color: #fff;
    font-style: italic;
    font-weight: bold; }
  .form .tabbed > div.section,
  form .tabbed > div.section {
    margin: 5px 25px; }
  .form .tabbed > div.section > div > p,
  form .tabbed > div.section > div > p {
    clear: both;
    padding-top: 24px;
    margin-bottom: 8px; }
  .form .tabbed > div.section > div > img,
  form .tabbed > div.section > div > img {
    float: left;
    margin: 0 12px 12px 0;
    display: block;
    border: 3px solid grey;
    /*max-height: 350px;*/
    max-width: 300px; }
  .form .tabbed > div.section > div,
  form .tabbed > div.section > div {
    float: right;
    width: 100%;
    margin: 36px 0 0 -100%;
    padding-top: 8px;
    border-top: 1px solid grey; }
  .form .tabbed > div.section > h1,
  form .tabbed > div.section > h1 {
    float: left;
    position: relative; }
  .form .tabbed > div.section > h1 > label,
  form .tabbed > div.section > h1 > label {
    font-size: 10pt;
    border: 1px solid grey;
    padding: 11px;
    color: #444; }
  .form .tabbed > div.section > h1 > label,
  form .tabbed > div.section > h1 > label {
    cursor: pointer;
    moz-user-select: none;
    -ms-user-select: none;
    -webkit-user-select: none; }
  .form .tabbed > div.section > h1 > label:before,
  form .tabbed > div.section > h1 > label:before {
    background-color: #fff;
    content: '';
    height: 16px;
    width: 16px;
    position: absolute;
    top: -8px;
    right: -8px;
    transform: rotate(45deg);
    border-bottom: 1px solid grey; }
  .form input[type="checkbox"]:not(.form-check-input),
  form input[type="checkbox"]:not(.form-check-input) {
    margin: 5px 0;
    cursor: pointer; }
    .form input[type="checkbox"]:not(.form-check-input).error,
    form input[type="checkbox"]:not(.form-check-input).error {
      box-shadow: none;
      border-color: red; }
    .form input[type="checkbox"]:not(.form-check-input)[disabled="disabled"],
    form input[type="checkbox"]:not(.form-check-input)[disabled="disabled"] {
      cursor: default; }
    .form input[type="checkbox"]:not(.form-check-input).textfield-checkbox,
    form input[type="checkbox"]:not(.form-check-input).textfield-checkbox {
      margin-right: 1rem; }
  .form input[type="checkbox"]:focus,
  form input[type="checkbox"]:focus {
    box-shadow: inset 0 0 10px #000;
    -moz-box-shadow: inset 0 0 10px #000;
    -webkit-box-shadow: inset 0 0 10px #000;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px; }
  .form input[type="text"],
  .form input[type="tel"],
  .form input[type="date"],
  .form input[type="url"] input[type="file"],
  .form input[type="text"],
  .form input[type="password"],
  .form select,
  .form textarea,
  form input[type="text"],
  form input[type="tel"],
  form input[type="date"],
  form input[type="url"] input[type="file"],
  form input[type="text"],
  form input[type="password"],
  form select,
  form textarea {
    border: 1px solid #CCC;
    padding: 8px;
    width: 100%;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    font-size: 1em;
    font-weight: 500;
    background: #FFF;
    font-family: Helvetica, Arial, Sans-serif; }
    .form input[type="text"].error,
    .form input[type="tel"].error,
    .form input[type="date"].error,
    .form input[type="url"] input[type="file"].error,
    .form input[type="text"].error,
    .form input[type="password"].error,
    .form select.error,
    .form textarea.error,
    form input[type="text"].error,
    form input[type="tel"].error,
    form input[type="date"].error,
    form input[type="url"] input[type="file"].error,
    form input[type="text"].error,
    form input[type="password"].error,
    form select.error,
    form textarea.error {
      border-color: #DB634F;
      background: #FFF;
      color: #cd412a; }
    .form input[type="text"].hasDatepick,
    .form input[type="tel"].hasDatepick,
    .form input[type="date"].hasDatepick,
    .form input[type="url"] input[type="file"].hasDatepick,
    .form input[type="text"].hasDatepick,
    .form input[type="password"].hasDatepick,
    .form select.hasDatepick,
    .form textarea.hasDatepick,
    form input[type="text"].hasDatepick,
    form input[type="tel"].hasDatepick,
    form input[type="date"].hasDatepick,
    form input[type="url"] input[type="file"].hasDatepick,
    form input[type="text"].hasDatepick,
    form input[type="password"].hasDatepick,
    form select.hasDatepick,
    form textarea.hasDatepick {
      padding-left: 30px; }
  .form input[readonly="readonly"],
  form input[readonly="readonly"] {
    background-color: #f7f7f7;
    color: #666;
    cursor: default; }
  .form .datepick-mobileformat,
  form .datepick-mobileformat {
    display: none; }
  @media (max-width: 570px) {
    .form input[type="date"].hasDatepick,
    form input[type="date"].hasDatepick {
      padding-left: 10px; }
    .form .datepick-calendar, .form .datepick-calendar-table-from, .form .datepick-calendar-table-to,
    form .datepick-calendar,
    form .datepick-calendar-table-from,
    form .datepick-calendar-table-to {
      display: none; }
    .form .datepick-fullformat,
    form .datepick-fullformat {
      display: none; }
    .form .datepick-mobileformat,
    form .datepick-mobileformat {
      display: inline; } }
  .form input[type="time"].error,
  form input[type="time"].error {
    border: 1px solid #DB634F;
    background: #FFF;
    color: #cd412a; }
  .form select,
  form select {
    padding: 8px; }
  .form .row.new-reference,
  form .row.new-reference {
    padding: 10px 25px;
    margin: 0;
    font-size: 1.3em;
    color: #2A739A;
    background: #F4F4F4; }
    .form .row.new-reference:after,
    form .row.new-reference:after {
      content: "";
      display: table;
      clear: both; }
    .form .row.new-reference select,
    form .row.new-reference select {
      font-size: 0.8em;
      margin: 10px 0 0 0;
      width: 100%;
      max-width: 280px; }
  .form .chzn-container-single .chzn-single,
  form .chzn-container-single .chzn-single {
    height: auto;
    background: #FFF;
    padding: 1px 10px; }
    .form .chzn-container-single .chzn-single > a > div > b,
    form .chzn-container-single .chzn-single > a > div > b {
      margin-top: 3px; }
  .form .chzn-container-single .chzn-drop,
  form .chzn-container-single .chzn-drop {
    width: 200px !important; }
  .form .chzn-container-single .chzn-search input,
  form .chzn-container-single .chzn-search input {
    width: 186px !important;
    background-position-y: -20px;
    background-position-x: 130px; }
  .form .section-head,
  form .section-head {
    font-size: 1.3em;
    background: #F4F4F4;
    padding: 10px 25px;
    margin: 10px 0;
    border-bottom: 1px solid #DDD;
    color: #2A739A; }
    .form .section-head span,
    form .section-head span {
      background: none; }
  .form .site-application-confirm,
  form .site-application-confirm {
    font-weight: bold;
    text-align: justify; }

[data-addresses] {
  margin: 0;
  padding: 0;
  list-style: none; }
  [data-addresses] li {
    overflow: hidden; }
    [data-addresses] li:first-of-type {
      border-top-left-radius: 3px;
      border-top-right-radius: 3px; }
    [data-addresses] li:last-of-type {
      border-bottom-left-radius: 3px;
      border-bottom-right-radius: 3px; }
    [data-addresses] li a {
      display: block;
      background: #eee;
      padding: 10px 15px;
      text-decoration: none;
      color: #333;
      font-size: 1.1em;
      border-bottom: 1px solid #888; }
      [data-addresses] li a:last-child {
        border-bottom: 0; }
      [data-addresses] li a:hover {
        background: #000;
        color: #fff; }

/**
 * Navigation
 *
 * Top sub navigation and the main left sidebar navigation
 *
 * @package     IDGateway
 * @author      Matt Burgess <matt.burgess@procius.com>
 */
.secondary-nav {
  background: #3180AA;
  max-height: 37px;
  /* Fix for IE 10+ when having message count caused massive overflow,
       if we hide the overflow then the problem goes away, without having
       to remove the padding-bottom from .secondary-nav ul li a (which would be more tricky)
     */
  overflow: hidden; }
  .secondary-nav .menu.flex {
    display: flex; }
    .secondary-nav .menu.flex > * {
      flex-shrink: 0; }
    .secondary-nav .menu.flex .f-grow {
      flex-grow: 1; }
    .secondary-nav .menu.flex #search-wrap > div {
      display: flex; }
      .secondary-nav .menu.flex #search-wrap > div .search-panel {
        flex-grow: 2;
        width: auto; }
      .secondary-nav .menu.flex #search-wrap > div .search-spacer {
        min-width: 10px;
        flex-grow: 1; }
  .secondary-nav ul {
    margin: 0;
    padding: 0;
    list-style: none;
    text-align: right; }
    @media (max-width: 570px) {
      .secondary-nav ul ~ ul li.seperator {
        display: none; } }
    .secondary-nav ul li {
      display: inline-block;
      position: relative; }
      .secondary-nav ul li#search-wrap {
        max-height: 28px;
        margin-top: 5px;
        float: left;
        width: 40%;
        text-align: left; }
        .secondary-nav ul li#search-wrap .search-panel.panel {
          max-height: 28px; }
          .secondary-nav ul li#search-wrap .search-panel.panel button {
            max-height: 28px;
            font-size: 1em; }
        @media (max-width: 1100px) {
          .secondary-nav ul li#search-wrap {
            width: calc(100% - 550px);
            max-width: 100%; } }
        @media (max-width: 570px) {
          .secondary-nav ul li#search-wrap {
            width: calc(100% - 380px); } }
      .secondary-nav ul li.pull-left {
        float: left; }
      .secondary-nav ul li:hover ul {
        display: block; }
      .secondary-nav ul li.seperator {
        background: #2b7196;
        border-left: 1px solid #3489b6;
        width: 2px;
        display: inline-block;
        padding: 19px 0;
        vertical-align: top; }
      @media (max-width: 950px) {
        .secondary-nav ul li.show-on-tablet a {
          padding: 11px 20px 12px 20px; }
        .secondary-nav ul li.show-on-tablet i {
          display: inline-block !important; } }
      .secondary-nav ul li ul {
        display: none;
        position: absolute;
        top: 38px;
        right: -5px;
        text-align: right;
        background: #3180AA;
        z-index: 100;
        font-size: 0.9em;
        width: 150px;
        border-right: 1px solid #2b7196; }
        .secondary-nav ul li ul li {
          display: block; }
          .secondary-nav ul li ul li a {
            display: block;
            padding: 10px; }
            .secondary-nav ul li ul li a:hover {
              background: #2A739A; }
      .secondary-nav ul li a {
        display: inline-block;
        padding: 11px 20px 12px 20px;
        color: #FFF;
        text-decoration: none; }
        .secondary-nav ul li a:hover {
          color: #EEE; }
        @media (max-width: 765px) {
          .secondary-nav ul li a span.user-text {
            display: none; } }
        @media (max-width: 1100px) {
          .secondary-nav ul li a {
            font-size: 0.95em;
            padding: 11px 8px 12px 8px; } }
        .secondary-nav ul li a i {
          display: inline-block;
          vertical-align: middle;
          font-size: 0.9em;
          margin: -1px 0 0 3px; }
          @media (max-width: 570px) {
            .secondary-nav ul li a i {
              display: none; } }
  .secondary-nav ul.admin-menu {
    display: inline-block; }
    .secondary-nav ul.admin-menu li {
      position: static; }
    .secondary-nav ul.admin-menu ul {
      right: inherit;
      left: inherit;
      margin-left: -65px;
      width: 170px; }
  .secondary-nav ul.data-management-menu ul {
    margin-left: 0 !important; }

.navigation.js-enabled ul li:hover a .pull-right.icon-arrow-up {
  display: none; }

.navigation.js-enabled ul li:hover a .pull-right.icon-arrow-down {
  display: inline-block; }

.navigation.js-enabled ul li:hover ul {
  display: none; }

.navigation ul {
  margin: 0;
  padding: 0; }
  .navigation ul li {
    display: block; }
    .navigation ul li .new-application-menu-item {
      background: #3180AA;
      color: #FFF; }
      .navigation ul li .new-application-menu-item:hover {
        color: #FFF;
        background: #3180AA; }
    .navigation ul li.current a.dropdown-menu-trigger,
    .navigation ul li.current a.dropdown-menu-trigger:hover,
    .navigation ul li.current a.menu-trigger,
    .navigation ul li.current a.menu-trigger:hover, .navigation ul li.active a.dropdown-menu-trigger,
    .navigation ul li.active a.dropdown-menu-trigger:hover,
    .navigation ul li.active a.menu-trigger,
    .navigation ul li.active a.menu-trigger:hover {
      background: #3180AA;
      color: #FFF; }
      .navigation ul li.current a.dropdown-menu-trigger i,
      .navigation ul li.current a.dropdown-menu-trigger:hover i,
      .navigation ul li.current a.menu-trigger i,
      .navigation ul li.current a.menu-trigger:hover i, .navigation ul li.active a.dropdown-menu-trigger i,
      .navigation ul li.active a.dropdown-menu-trigger:hover i,
      .navigation ul li.active a.menu-trigger i,
      .navigation ul li.active a.menu-trigger:hover i {
        color: inherit; }
        .navigation ul li.current a.dropdown-menu-trigger i.pull-right,
        .navigation ul li.current a.dropdown-menu-trigger:hover i.pull-right,
        .navigation ul li.current a.menu-trigger i.pull-right,
        .navigation ul li.current a.menu-trigger:hover i.pull-right, .navigation ul li.active a.dropdown-menu-trigger i.pull-right,
        .navigation ul li.active a.dropdown-menu-trigger:hover i.pull-right,
        .navigation ul li.active a.menu-trigger i.pull-right,
        .navigation ul li.active a.menu-trigger:hover i.pull-right {
          color: inherit; }
      .navigation ul li.current a.dropdown-menu-trigger ~ ul,
      .navigation ul li.current a.dropdown-menu-trigger:hover ~ ul,
      .navigation ul li.current a.menu-trigger ~ ul,
      .navigation ul li.current a.menu-trigger:hover ~ ul, .navigation ul li.active a.dropdown-menu-trigger ~ ul,
      .navigation ul li.active a.dropdown-menu-trigger:hover ~ ul,
      .navigation ul li.active a.menu-trigger ~ ul,
      .navigation ul li.active a.menu-trigger:hover ~ ul {
        display: block; }
    .navigation ul li.current ul, .navigation ul li.active ul {
      display: block; }
      .navigation ul li.current ul li.active a, .navigation ul li.active ul li.active a {
        color: #20536f; }
    .navigation ul li.current .context-item a, .navigation ul li.active .context-item a {
      background: #3180AA;
      color: #FFF; }
    .navigation ul li.current .context-item i, .navigation ul li.active .context-item i {
      color: #FFF; }
    .navigation ul li:hover a {
      background: #F6F5F5;
      color: #2A739A; }
      .navigation ul li:hover a .pull-right.icon-arrow-up {
        display: inline-block; }
      .navigation ul li:hover a .pull-right.icon-arrow-down {
        display: none; }
    .navigation ul li.seperator,
    .navigation ul li hr {
      background: #DDD;
      border-top: 1px solid #EEE;
      height: 2px;
      margin: 5px 10px 5px 38px; }
    .navigation ul li .context-item {
      padding: 0;
      display: inline;
      float: right; }
    .navigation ul li a {
      display: block;
      padding: 10px 15px;
      font-size: 1.15em;
      color: #2A739A;
      text-decoration: none;
      font-weight: 500; }
      .navigation ul li a:hover {
        color: #1a465e; }
      .navigation ul li a i {
        font-size: 0.98em;
        vertical-align: top;
        margin: 2px 3px 0 0;
        display: inline-block; }
        .navigation ul li a i.pull-right {
          float: right;
          font-size: 0.75em;
          color: #BBB;
          margin: 4px 0 0 0;
          display: inline-block;
          vertical-align: top; }
        .navigation ul li a i.icon-arrow-up {
          display: none; }
    .navigation ul li span {
      font-size: 1em;
      vertical-align: top;
      margin: 2px 3px 0 0;
      display: inline-block;
      color: #0f2836;
      padding: 8px 8px 8px 25px;
      font-weight: 700; }
    .navigation ul li ul {
      display: none;
      margin: 0;
      padding: 10px 0;
      background: #F6F5F5; }
      .navigation ul li ul.force-open {
        display: block !important; }
      .navigation ul li ul a {
        font-size: 1em;
        padding: 8px 8px 8px 38px; }

ul.form-menu {
  list-style: none;
  margin: 0;
  padding: 0; }
  ul.form-menu li.current {
    background: #3180AA;
    color: #FFF; }
    ul.form-menu li.current a:before {
      color: #FFF; }
    ul.form-menu li.current a:hover {
      background: #3180AA; }
  ul.form-menu li a {
    display: block;
    padding: 10px 25px;
    text-decoration: none;
    color: inherit; }
    ul.form-menu li a:before {
      content: "\e297";
      font-family: 'idgateway';
      font-size: 0.9em;
      margin: 0 3px 0 0;
      color: #888; }
    ul.form-menu li a:hover {
      background: #EAEAEA; }

.managementmenu ul.form-menu li a.disabled {
  color: #8B8B8B; }

body.NZL .secondary-nav ul li ul li a {
  background: #2A739A; }

/**
 * Progress (Tube Map)
 *
 * The progress / tube map shown on application form views
 *
 * @package     IDGateway
 * @author      Matt Burgess <matt.burgess@procius.com>
 */
.progress-bar {
  position: relative;
  width: 100%;
  height: 10px;
  background: #EEE;
  overflow: hidden;
  border-radius: 4px; }
  .progress-bar:after {
    content: "";
    display: table;
    clear: both; }
  .progress-bar span {
    content: "\00a0";
    height: 10px;
    display: inline-block;
    margin: 0;
    float: left;
    border-radius: 0; }

.tube-map {
  margin: 35px 0 25px 0;
  position: relative;
  width: 100%;
  overflow: visible; }
  .tube-map:after {
    content: "";
    display: table;
    clear: both; }
  .tube-map .tube-line,
  .tube-map .tube-line-location {
    display: block;
    background: #D3D3D3;
    height: 5px;
    z-index: 1;
    position: absolute;
    top: 30px;
    left: 0;
    width: 100%;
    margin: 15px 0 0 0;
    z-index: 2; }
  .tube-map .tube-line-location {
    z-index: 3;
    background: #61B776;
    width: 0%;
    border-radius: 50px;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    -ms-border-radius: 50px; }
  .tube-map a {
    color: inherit;
    text-decoration: none; }
  .tube-map .tube-stations {
    display: block;
    margin: 0;
    padding: 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-direction: normal;
    -webkit-box-orient: horizontal;
    -webkit-flex-direction: row;
    -moz-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: nowrap;
    -moz-flex-wrap: nowrap;
    -ms-flex-wrap: none;
    flex-wrap: nowrap;
    font-size: 0.95em;
    padding-bottom: 30px;
    z-index: 5;
    position: relative; }
    .tube-map .tube-stations::-webkit-scrollbar {
      width: 0; }
    .tube-map .tube-stations li {
      display: inline-block;
      float: left;
      width: 100px;
      -webkit-box-flex: 0;
      -webkit-flex-grow: 0;
      -moz-flex-grow: 0;
      -ms-flex-positive: 0;
      flex-grow: 0;
      -webkit-align-self: "flex-start";
      -moz-align-self: "flex-start";
      -ms-flex-item-align: start;
      align-self: "flex-start";
      margin-right: 10px;
      text-align: center;
      z-index: 6;
      font-weight: 500;
      /*min-width: 45px;*/ }
      .tube-map .tube-stations li:last-child {
        margin-right: 0; }
      .tube-map .tube-stations li.node-complete {
        color: #489d5d; }
        .tube-map .tube-stations li.node-complete .tube-small-stop,
        .tube-map .tube-stations li.node-complete .tube-main-stop {
          background: #61B776;
          color: #FFF; }
          .tube-map .tube-stations li.node-complete .tube-small-stop .node-complete-icon,
          .tube-map .tube-stations li.node-complete .tube-main-stop .node-complete-icon {
            display: block;
            line-height: 1.18em; }
      .tube-map .tube-stations li.node-error {
        color: #cd412a; }
        .tube-map .tube-stations li.node-error .tube-small-stop,
        .tube-map .tube-stations li.node-error .tube-main-stop {
          background: #DB634F;
          color: #FFF; }
          .tube-map .tube-stations li.node-error .tube-small-stop .node-error-icon,
          .tube-map .tube-stations li.node-error .tube-main-stop .node-error-icon {
            display: block; }
        .tube-map .tube-stations li.node-error .tube-main-stop .node-error-icon {
          margin-left: 0;
          margin-top: 6px; }
        .tube-map .tube-stations li.node-error .tube-small-stop .node-error-icon {
          margin-left: 0; }
      .tube-map .tube-stations li.node-locked .tube-small-stop .node-locked-icon,
      .tube-map .tube-stations li.node-locked .tube-main-stop .node-locked-icon {
        display: block; }
      .tube-map .tube-stations li .menu-section-title {
        margin: 0;
        height: 2.5em;
        display: inline-block;
        -webkit-transform: rotate(50deg);
        -ms-transform: rotate(50deg);
        -o-transform: rotate(50deg);
        transform: rotate(50deg);
        -webkit-transform-origin: 40% -90%;
        -ms-transform-origin: 40% -90%;
        -o-transform-origin: 40% -90%;
        transform-origin: 40% -90%;
        text-align: center;
        /*                @supports (not(transform: rotate(45deg)) or (not(-webkit-transform: rotate(45deg))) or (not(-ms-transform: rotate(45deg))) or (not(-o-transform: rotate(45deg)))) {
                    text-align: center;
                }*/
        writing-mode: lr-tb;
        width: 65px; }
      .tube-map .tube-stations li.wide-node.first {
        margin-left: 20px; }
      .tube-map .tube-stations li.wide-node .menu-section-title {
        height: 3.9em;
        width: 100px;
        margin-top: -7px;
        overflow: hidden; }
      .tube-map .tube-stations li.wide-node .tube-main-stop {
        margin-top: -11px; }
      .tube-map .tube-stations li .icon {
        display: none; }
      .tube-map .tube-stations li .tube-main-stop,
      .tube-map .tube-stations li .tube-small-stop {
        width: 20px;
        height: 20px;
        background: #D3D3D3;
        margin: 3px auto;
        overflow: hidden;
        display: block;
        content: "\00a0";
        border-radius: 100px;
        -webkit-border-radius: 100px;
        -moz-border-radius: 100px;
        -ms-border-radius: 100px;
        z-index: 7; }
        .tube-map .tube-stations li .tube-main-stop .node-locked-icon,
        .tube-map .tube-stations li .tube-main-stop .node-complete-icon,
        .tube-map .tube-stations li .tube-main-stop .node-error-icon,
        .tube-map .tube-stations li .tube-small-stop .node-locked-icon,
        .tube-map .tube-stations li .tube-small-stop .node-complete-icon,
        .tube-map .tube-stations li .tube-small-stop .node-error-icon {
          display: none;
          text-align: center;
          margin: 4px 0 0 0; }
      .tube-map .tube-stations li .tube-main-stop {
        width: 26px;
        height: 26px;
        z-index: 7; }
        .tube-map .tube-stations li .tube-main-stop .node-locked-icon,
        .tube-map .tube-stations li .tube-main-stop .node-complete-icon,
        .tube-map .tube-stations li .tube-main-stop .node-error-icon {
          font-size: 1.1em;
          margin-top: 5px; }
        .tube-map .tube-stations li .tube-main-stop .node-locked-icon,
        .tube-map .tube-stations li .tube-main-stop .node-error-icon {
          line-height: 1.1em; }
        .tube-map .tube-stations li .tube-main-stop .node-complete-icon {
          line-height: 1.2em; }
      .tube-map .tube-stations li.subsection {
        margin-top: 35px; }
      .tube-map .tube-stations li.current {
        color: #2A739A;
        font-weight: 500; }
        .tube-map .tube-stations li.current .tube-main-stop,
        .tube-map .tube-stations li.current .tube-small-stop {
          background: #2A739A;
          color: #FFF;
          box-shadow: 0 0 5px rgba(42, 115, 154, 0.8); }
        .tube-map .tube-stations li.current a {
          font-weight: 600; }

/* prevent snapping */
.sponsor-side .is-sticky ~ .tube-map {
  margin-top: 152px; }

.site-side .is-sticky ~ .tube-map {
  margin-top: 167px; }

.postsubmit-tubemap .tube-line, .postsubmit-tubemap .tube-line-location {
  top: 36px; }

.postsubmit-tubemap .tube-stations li .menu-section-title {
  height: 3em;
  transform: rotate(50deg);
  -webkit-transform-origin: 30% -90%;
  -ms-transform-origin: 30% -90%;
  -o-transform-origin: 30% -90%;
  transform-origin: 30% -90%;
  text-align: center;
  writing-mode: lr-tb;
  width: 80px; }

.postsubmit-tubemap .tube-stations li.wide-node.first {
  margin-left: 20px; }

.postsubmit-tubemap .tube-stations li.wide-node .menu-section-title {
  height: 3.7em;
  width: 100px;
  margin-top: -12px;
  overflow: hidden; }

.postsubmit-tubemap .tube-stations li.wide-node .tube-main-stop {
  margin-top: 3px; }

.spinner, .todo-spinner {
  margin: 10px auto;
  width: 50px;
  height: 30px;
  text-align: center;
  font-size: 10px;
  letter-spacing: -3px; }

.spinner > div, .todo-spinner > div {
  background-color: #2A739A;
  height: 100%;
  width: 6px;
  display: inline-block;
  border: 1px solid #FFF;
  -webkit-animation: stretchdelay 1.2s infinite ease-in-out;
  animation: stretchdelay 1.2s infinite ease-in-out; }

.spinner .rect2, .todo-spinner .rect2 {
  -webkit-animation-delay: -1.1s;
  animation-delay: -1.1s; }

.spinner .rect3, .todo-spinner .rect3 {
  -webkit-animation-delay: -1.0s;
  animation-delay: -1.0s; }

.spinner .rect4, .todo-spinner .rect4 {
  -webkit-animation-delay: -0.9s;
  animation-delay: -0.9s; }

.spinner .rect5, .todo-spinner .rect5 {
  -webkit-animation-delay: -0.8s;
  animation-delay: -0.8s; }

@-webkit-keyframes stretchdelay {
  0%, 40%, 100% {
    -webkit-transform: scaleY(0.4); }
  20% {
    -webkit-transform: scaleY(1); } }

@keyframes stretchdelay {
  0%, 40%, 100% {
    transform: scaleY(0.4);
    -webkit-transform: scaleY(0.4); }
  20% {
    transform: scaleY(1);
    -webkit-transform: scaleY(1); } }

/**
 * Left Sidebar
 *
 * Generic sidebar classes, sidebar panels (feedback, airport movement etc)
 *
 * @package     IDGateway
 * @author      Matt Burgess <matt.burgess@procius.com>
 */
.left-sidebar .logo-container {
  margin-left: 5px; }

.left-sidebar .jump-menu {
  background: #2A739A;
  padding: 10px;
  color: #FFF;
  text-decoration: none;
  display: block;
  max-height: 38px;
  overflow: hidden; }
  .left-sidebar .jump-menu .brand-icon {
    display: inline-block;
    vertical-align: middle; }
  .left-sidebar .jump-menu .page-title {
    font-weight: 500;
    margin: 0 0 0 4px; }
  .left-sidebar .jump-menu .dropdown {
    float: right;
    display: inline-block;
    font-size: 0.8em;
    margin: 3px 0 0 0; }

.left-sidebar .sidebar-container {
  overflow: hidden;
  margin-right: 1px; }
  .left-sidebar .sidebar-container:after {
    content: "";
    display: table;
    clear: both; }
  .left-sidebar .sidebar-container .logo-container img {
    max-width: 100%; }
  .left-sidebar .sidebar-container .sidebar-module {
    border-top: 2px solid #EFEFEF;
    margin: 20px;
    padding-top: 20px;
    font-size: 0.98em;
    overflow: hidden; }
    .left-sidebar .sidebar-container .sidebar-module:after {
      content: "";
      display: table;
      clear: both; }
    .left-sidebar .sidebar-container .sidebar-module a {
      color: inherit; }
    .left-sidebar .sidebar-container .sidebar-module .module-title {
      text-transform: uppercase;
      color: #AAA;
      font-weight: 500;
      margin: 0 0 10px 0; }
    .left-sidebar .sidebar-container .sidebar-module ul {
      margin: 10px 0;
      padding: 0;
      list-style: none; }
      .left-sidebar .sidebar-container .sidebar-module ul li {
        display: block;
        font-weight: 500;
        margin-bottom: 8px; }
        .left-sidebar .sidebar-container .sidebar-module ul li .badge, .left-sidebar .sidebar-container .sidebar-module ul li .unread-message-counter:before {
          margin: auto 3px 3px auto; }
    .left-sidebar .sidebar-container .sidebar-module .module-icon-container,
    .left-sidebar .sidebar-container .sidebar-module .module-copy-container {
      float: left;
      display: inline-block; }
      .left-sidebar .sidebar-container .sidebar-module .module-icon-container a,
      .left-sidebar .sidebar-container .sidebar-module .module-copy-container a {
        color: inherit;
        text-decoration: none; }
    .left-sidebar .sidebar-container .sidebar-module .module-icon-container {
      margin: 0 0 0 0;
      width: 25%; }
      .left-sidebar .sidebar-container .sidebar-module .module-icon-container i {
        font-size: 3em;
        color: #AAA; }
      .left-sidebar .sidebar-container .sidebar-module .module-icon-container img {
        width: 100%; }
    .left-sidebar .sidebar-container .sidebar-module .module-copy-container {
      max-width: 70%;
      margin-left: 5%;
      font-weight: 500;
      color: #777;
      font-size: 0.9em; }
      .left-sidebar .sidebar-container .sidebar-module .module-copy-container a {
        color: #777; }

.left-sidebar .copyright {
  font-size: 0.9em;
  color: #777;
  line-height: 1.7em; }

/**
 * Status Labels
 *
 * Styling for the various statues an application can go through, mainly colour definitions
 *
 * @package     IDGateway
 * @author      Matt Burgess <matt.burgess@procius.com>
 */
[class*="status-"] {
  color: #E6A255; }

[class*="status-block-"] {
  background: #E6A255;
  color: #FFF;
  padding: 0 3px;
  font-size: 0.9em;
  font-weight: 500;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px; }

.status-default {
  color: #E6A255; }
  .status-default a {
    color: #E6A255; }

.status-block-default {
  background: #E6A255;
  color: #FFF; }

.status-incomplete {
  color: #1D8281; }
  .status-incomplete a {
    color: #1D8281; }

.status-block-incomplete {
  background: #1D8281;
  color: #FFF; }

.status-pendingwithdrawal {
  color: #5E173A; }
  .status-pendingwithdrawal a {
    color: #5E173A; }

.status-block-pendingwithdrawal {
  background: #5E173A;
  color: #FFF; }

.status-clearedidcentre {
  color: #F5BCB5; }
  .status-clearedidcentre a {
    color: #F5BCB5; }

.status-block-clearedidcentre {
  background: #F5BCB5;
  color: #FFF; }

.status-criteriacheck {
  color: #774C4C; }
  .status-criteriacheck a {
    color: #774C4C; }

.status-block-criteriacheck {
  background: #774C4C;
  color: #FFF; }

.status-awaitingsubmission {
  color: #61B776; }
  .status-awaitingsubmission a {
    color: #61B776; }

.status-block-awaitingsubmission {
  background: #61B776;
  color: #FFF; }

.status-awaitingsignatory {
  color: #61B776; }
  .status-awaitingsignatory a {
    color: #61B776; }

.status-block-awaitingsignatory {
  background: #61B776;
  color: #FFF; }

.status-awaitingwithdrawal {
  color: #5D3D80; }
  .status-awaitingwithdrawal a {
    color: #5D3D80; }

.status-block-awaitingwithdrawal {
  background: #5D3D80;
  color: #FFF; }

.status-idsecurity {
  color: #C38C84; }
  .status-idsecurity a {
    color: #C38C84; }

.status-block-idsecurity {
  background: #C38C84;
  color: #FFF; }

.status-rejections {
  color: #DB634E; }
  .status-rejections a {
    color: #DB634E; }

.status-block-rejections {
  background: #DB634E;
  color: #FFF; }

.status-rejected {
  color: #DB634E; }
  .status-rejected a {
    color: #DB634E; }

.status-block-rejected {
  background: #DB634E;
  color: #FFF; }

.status-rejectionresponse {
  color: #FC1818; }
  .status-rejectionresponse a {
    color: #FC1818; }

.status-block-rejectionresponse {
  background: #FC1818;
  color: #FFF; }

.status-rejectionresubmission {
  color: #FC1818; }
  .status-rejectionresubmission a {
    color: #FC1818; }

.status-block-rejectionresubmission {
  background: #FC1818;
  color: #FFF; }

.status-intransit {
  color: #53BEBC; }
  .status-intransit a {
    color: #53BEBC; }

.status-block-intransit {
  background: #53BEBC;
  color: #FFF; }

.status-pendingrejection {
  color: #A66D83; }
  .status-pendingrejection a {
    color: #A66D83; }

.status-block-pendingrejection {
  background: #A66D83;
  color: #FFF; }

.status-verification {
  color: #629AA5; }
  .status-verification a {
    color: #629AA5; }

.status-block-verification {
  background: #629AA5;
  color: #FFF; }

.status-expiringvehiclepasses {
  color: #5C86D4; }
  .status-expiringvehiclepasses a {
    color: #5C86D4; }

.status-block-expiringvehiclepasses {
  background: #5C86D4;
  color: #FFF; }

.status-expiringdriverpasses {
  color: #79DCDE; }
  .status-expiringdriverpasses a {
    color: #79DCDE; }

.status-block-expiringdriverpasses {
  background: #79DCDE;
  color: #FFF; }

.status-expiredvehiclepasses {
  color: #B06CA4; }
  .status-expiredvehiclepasses a {
    color: #B06CA4; }

.status-block-expiredvehiclepasses {
  background: #B06CA4;
  color: #FFF; }

.status-expireddriverpasses {
  color: #564675; }
  .status-expireddriverpasses a {
    color: #564675; }

.status-block-expireddriverpasses {
  background: #564675;
  color: #FFF; }

.status-toallocate {
  color: #F48D9B; }
  .status-toallocate a {
    color: #F48D9B; }

.status-block-toallocate {
  background: #F48D9B;
  color: #FFF; }

.status-pendingallocation {
  color: #F48D9B; }
  .status-pendingallocation a {
    color: #F48D9B; }

.status-block-pendingallocation {
  background: #F48D9B;
  color: #FFF; }

.status-mywork {
  color: #7BAD8D; }
  .status-mywork a {
    color: #7BAD8D; }

.status-block-mywork {
  background: #7BAD8D;
  color: #FFF; }

.status-driversawaitingcourseconfirmation {
  color: #30393F; }
  .status-driversawaitingcourseconfirmation a {
    color: #30393F; }

.status-block-driversawaitingcourseconfirmation {
  background: #30393F;
  color: #FFF; }

.status-awaitingpost {
  color: #A689BF; }
  .status-awaitingpost a {
    color: #A689BF; }

.status-block-awaitingpost {
  background: #A689BF;
  color: #FFF; }

.status-vehicleinitialinspection {
  color: #3C5829; }
  .status-vehicleinitialinspection a {
    color: #3C5829; }

.status-block-vehicleinitialinspection {
  background: #3C5829;
  color: #FFF; }

.status-pendingvehiclecerts {
  color: #B76875; }
  .status-pendingvehiclecerts a {
    color: #B76875; }

.status-block-pendingvehiclecerts {
  background: #B76875;
  color: #FFF; }

.status-drivercourseresults {
  color: #1B6071; }
  .status-drivercourseresults a {
    color: #1B6071; }

.status-block-drivercourseresults {
  background: #1B6071;
  color: #FFF; }

.status-ncnappeals {
  color: #E35555; }
  .status-ncnappeals a {
    color: #E35555; }

.status-block-ncnappeals {
  background: #E35555;
  color: #FFF; }

.status-active {
  color: #61B776; }
  .status-active a {
    color: #61B776; }

.status-block-active {
  background: #61B776;
  color: #FFF; }

.status-driverspendingregistration {
  color: #8C7BD7; }
  .status-driverspendingregistration a {
    color: #8C7BD7; }

.status-block-driverspendingregistration {
  background: #8C7BD7;
  color: #FFF; }

.status-pendingdriverissue {
  color: #ACB1D9; }
  .status-pendingdriverissue a {
    color: #ACB1D9; }

.status-block-pendingdriverissue {
  background: #ACB1D9;
  color: #FFF; }

.status-courseselected {
  color: #4B98C0; }
  .status-courseselected a {
    color: #4B98C0; }

.status-block-courseselected {
  background: #4B98C0;
  color: #FFF; }

.status-coursedateunavailable {
  color: #F29A3F; }
  .status-coursedateunavailable a {
    color: #F29A3F; }

.status-block-coursedateunavailable {
  background: #F29A3F;
  color: #FFF; }

.status-coursedateconfirmed {
  color: #C38C84; }
  .status-coursedateconfirmed a {
    color: #C38C84; }

.status-block-coursedateconfirmed {
  background: #C38C84;
  color: #FFF; }

.status-coursecompleted {
  color: #53BEBC; }
  .status-coursecompleted a {
    color: #53BEBC; }

.status-block-coursecompleted {
  background: #53BEBC;
  color: #FFF; }

.status-coursefailed {
  color: #DB634F; }
  .status-coursefailed a {
    color: #DB634F; }

.status-block-coursefailed {
  background: #DB634F;
  color: #FFF; }

.status-fasttrack {
  color: #61B776; }
  .status-fasttrack a {
    color: #61B776; }

.status-block-fasttrack {
  background: #61B776;
  color: #FFF; }

.status-stolen {
  color: #DB634F; }
  .status-stolen a {
    color: #DB634F; }

.status-block-stolen {
  background: #DB634F;
  color: #FFF; }

.status-todo {
  color: #CFB15E; }
  .status-todo a {
    color: #CFB15E; }

.status-block-todo {
  background: #CFB15E;
  color: #FFF; }

.status-quotachange {
  color: #8249EC; }
  .status-quotachange a {
    color: #8249EC; }

.status-block-quotachange {
  background: #8249EC;
  color: #FFF; }

.status-awaitinglicencedocuments {
  color: #468E80; }
  .status-awaitinglicencedocuments a {
    color: #468E80; }

.status-block-awaitinglicencedocuments {
  background: #468E80;
  color: #FFF; }

.status-redacted {
  color: #696969; }
  .status-redacted a {
    color: #696969; }

.status-block-redacted {
  background: #696969;
  color: #FFF; }

.status-awaitingissue {
  color: #61B776; }
  .status-awaitingissue a {
    color: #61B776; }

.status-block-awaitingissue {
  background: #61B776;
  color: #FFF; }

.status-awaitingdispatch {
  color: #4B98C0; }
  .status-awaitingdispatch a {
    color: #4B98C0; }

.status-block-awaitingdispatch {
  background: #4B98C0;
  color: #FFF; }

.status-vetting {
  color: #F29A3F; }
  .status-vetting a {
    color: #F29A3F; }

.status-block-vetting {
  background: #F29A3F;
  color: #FFF; }

.status-stationmanagerresponse {
  color: #C38C84; }
  .status-stationmanagerresponse a {
    color: #C38C84; }

.status-block-stationmanagerresponse {
  background: #C38C84;
  color: #FFF; }

.status-dispatched {
  color: #725d9c; }
  .status-dispatched a {
    color: #725d9c; }

.status-block-dispatched {
  background: #725d9c;
  color: #FFF; }

/**
 * Application Strip
 *
 * Styling for the strip that is fixed to the top of an application form, containing the name on the application, airport etc
 *
 * @package     IDGateway
 * @author      Matt Burgess <matt.burgess@procius.com>
 */
/**
 * Badges
 *
 * Small block like elements mainly used for number counters
 *
 * @package     IDGateway
 * @author      Matt Burgess <matt.burgess@procius.com>
 */
.badge, .unread-message-counter:before, .sidebar-module.todo-list .badge, .sidebar-module.todo-list .unread-message-counter:before {
  display: inline-block;
  padding: 3px 5px;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  font-size: 0.9em;
  font-weight: 500;
  line-height: inherit; }
  .badge.fast-track, .fast-track.unread-message-counter:before, .sidebar-module.todo-list .badge.fast-track, .sidebar-module.todo-list .fast-track.unread-message-counter:before {
    display: inline-block;
    float: left;
    font-size: 1.2em;
    margin: 1px 7px 0 0; }

.unread-message-counter:before {
  content: attr(data-number);
  display: inline-block;
  float: left;
  background: #28688a;
  padding: 2px 6px;
  margin: -1px 5px 0 0; }

.unread-message-counter.hidden:before {
  display: none; }

.vehicle-registration {
  background: #FFE138;
  border-radius: 3px;
  padding: 4px 12px;
  font-family: helvetica, ariel, sans-serif;
  font-weight: bold;
  border: 1px solid #999;
  box-shadow: 0 1px 1px #F0F0F0; }

/**
 * Todo List (Sidebar Widget)
 *
 * Shows a progress bar and list of items that need tasking
 *
 * @package     IDGateway
 * @author      Matt Burgess <matt.burgess@procius.com>
 */
.sidebar-module.todo-list ul li .badge, .sidebar-module.todo-list ul li .unread-message-counter:before {
  min-width: 25px;
  text-align: center; }

.sidebar-module.todo-list ul li a {
  color: inherit;
  text-decoration: none; }

/**
 * Helper classes
 *
 * Stores selectors for ad-hoc changes to styling
 *
 * @package     IDGateway
 * @author      Matt Burgess <matt.burgess@procius.com>
 */
.show-on-tablet,
.show-on-phone,
.show-on-desktop {
  display: none !important; }

@media print {
  .hide-on-print {
    display: none !important; } }

@media (max-width: 1100px) {
  .show-on-desktop {
    display: inline-block !important; }
  .hide-on-desktop {
    display: none !important; } }

@media (max-width: 950px) {
  .show-on-tablet,
  .show-on-desktop {
    display: inline-block !important; }
  .hide-on-tablet,
  .hide-on-desktop {
    display: none !important; } }

@media (max-width: 570px) {
  .show-on-tablet,
  .show-on-phone,
  .show-on-desktop {
    display: inline-block !important; }
  .hide-on-tablet,
  .hide-on-phone,
  .hide-on-desktop {
    display: none !important; } }

.align-left {
  text-align: left; }

.align-center {
  text-align: center; }

.align-right {
  text-align: right; }

.highlight {
  background: #ffff66 !important; }
  .highlight td {
    background-color: #ffff99 !important; }

.wordwrapper {
  display: none; }
  @media (max-width: 950px) {
    .wordwrapper {
      display: block; } }

.text-diff-old, .text-diff-new {
  display: inline-block;
  background: #FFEFEB;
  color: #DE544B;
  padding: 3px 6px;
  font-weight: bold; }

.text-diff-new {
  background: #E8FCF3;
  color: #007758; }

.documents-text-list li {
  font-weight: bold; }
  .documents-text-list li ul {
    margin-left: 15px; }
    .documents-text-list li ul li {
      font-weight: normal; }

/**
 * Panels
 *
 * Main styling and normalisation for panels, overwrites the older panel styles
 *
 * @package     IDGateway
 * @author      Matt Burgess <matt.burgess@procius.com>
 */
.app-container .panel {
  background: #FFF;
  border: 1px solid #DFDFDF;
  box-shadow: 0 1px 1px #CCC;
  margin: 0 0 20px 0;
  width: 100%;
  max-width: 100%;
  text-align: inherit;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  /**
         * Applicant Portal
         */
  /**
         * /Applicant Portal
         */
  /* SUDO user warning div in subSection view */
  /* Whoever put a blanket .warning above, I dislike you
           we cant apply warning color/background without applying margin/padding
        */ }
  .app-container .panel:after {
    content: "";
    display: table;
    clear: both; }
  .app-container .panel.full-panel {
    width: inherit;
    margin: 0 0 20px 0;
    float: none; }
  .app-container .panel .compiled-document {
    float: left !important; }
  .app-container .panel.header-panel {
    width: 100% !important;
    margin-bottom: 20px;
    text-align: center !important; }
  @media (max-width: 570px) {
    .app-container .panel {
      margin-left: auto !important;
      width: 100% !important; } }
  .app-container .panel.half-panel {
    width: 50%;
    *overflow: hidden; }
    .app-container .panel.half-panel:after {
      content: "";
      display: table;
      clear: both; }
  .app-container .panel.medium-panel {
    width: 69%;
    *overflow: hidden; }
    .app-container .panel.medium-panel:after {
      content: "";
      display: table;
      clear: both; }
  .app-container .panel.menu-panel {
    width: 30%;
    float: right;
    *overflow: hidden;
    padding-bottom: 20px; }
    .app-container .panel.menu-panel:after {
      content: "";
      display: table;
      clear: both; }
    .app-container .panel.menu-panel .body {
      min-height: 0; }
  .app-container .panel .panel-controls {
    margin: 0 25px;
    float: none; }
  .app-container .panel .inner-panel-container {
    margin: 5px 25px; }
    .app-container .panel .inner-panel-container ul {
      margin-top: 25px !important;
      padding-top: 25px !important;
      margin-left: 25px !important; }
      .app-container .panel .inner-panel-container ul.less-margin {
        margin-top: 0 !important;
        padding-top: 5px !important; }
    .app-container .panel .inner-panel-container span {
      display: block;
      clear: both; }
  .app-container .panel .appointment-booked-container {
    text-align: center;
    margin: 20px;
    background-color: #3180AA;
    color: #FFF;
    padding: 24px 20px 0 20px;
    margin: 0 0 20px 0; }
    .app-container .panel .appointment-booked-container p {
      font-size: 1.5em; }
    .app-container .panel .appointment-booked-container strong {
      font-size: 2em; }
      .app-container .panel .appointment-booked-container strong.bigemphasis {
        font-size: 3em; }
    .app-container .panel .appointment-booked-container .button-area {
      text-align: inherit;
      background-color: #2A739A;
      margin: -20px; }
  .app-container .panel .map-canvas-container {
    width: 600px;
    height: 600px; }
  @media (max-width: 950px) {
    .app-container .panel .map-canvas-container {
      width: 475px;
      height: 475px; } }
  @media (max-width: 570px) {
    .app-container .panel .map-canvas-container {
      width: 200px;
      height: 200px; } }
  .app-container .panel .yiicalendar .available-label {
    display: inline !important; }
    @media (max-width: 570px) {
      .app-container .panel .yiicalendar .available-label {
        display: none !important; } }
  .app-container .panel .summary-button-link {
    margin-left: 5px; }
  .app-container .panel h6 {
    margin: 20px 25px 0 25px;
    color: #2A739A;
    font-size: 1.1em; }
  .app-container .panel .description {
    margin: 0 0 0 0; }
  .app-container .panel #problem-list .div-column-container {
    width: 100%;
    margin: auto;
    padding: 15px;
    margin-top: 20px;
    background: #f8dfdb; }
    .app-container .panel #problem-list .div-column-container .div-column:first-child {
      margin-top: 5px; }
    .app-container .panel #problem-list .div-column-container .div-column label {
      margin-bottom: 10px;
      font-weight: 400; }
  .app-container .panel .grid-view {
    position: relative;
    padding-top: 8px;
    overflow-x: auto;
    overflow-y: hidden; }
    .app-container .panel .grid-view .summary {
      font-size: 0.95em;
      margin-right: 10px; }
    .app-container .panel .grid-view .clear {
      display: none; }
    .app-container .panel .grid-view table {
      margin: 10px 0; }
      .app-container .panel .grid-view table thead tr.filters {
        background: #F8F8F8; }
        .app-container .panel .grid-view table thead tr.filters input {
          padding: 3px;
          border: 1px solid #DDD; }
        .app-container .panel .grid-view table thead tr.filters button {
          padding: 1px 3px 1px 2px;
          margin: 3px 1px 0 0; }
          .app-container .panel .grid-view table thead tr.filters button .icon {
            background-image: none;
            width: auto !important;
            height: auto !important; }
      .app-container .panel .grid-view table thead tr th {
        background: #3180AA;
        color: #FFF;
        padding: 5px; }
      .app-container .panel .grid-view table thead tr th.prefix {
        width: 70px; }
      .app-container .panel .grid-view table thead tr th.datetime {
        width: 100px; }
      .app-container .panel .grid-view table thead tr th.cbutton {
        width: 25px; }
      .app-container .panel .grid-view table tbody td.empty {
        padding: 15px 27px; }
      .app-container .panel .grid-view table tbody td.button-column, .app-container .panel .grid-view table tbody td.count-2-buttons {
        text-align: center !important; }
      .app-container .panel .grid-view table tbody td a {
        color: inherit; }
      .app-container .panel .grid-view table tbody td.buttons button, .app-container .panel .grid-view table tbody td.button-column button,
      .app-container .panel .grid-view table tbody td .column-button button {
        background: none;
        border: 0;
        box-shadow: none;
        width: auto;
        display: inline;
        padding: 0;
        margin: 0;
        vertical-align: middle; }
      .app-container .panel .grid-view table tbody td.buttons a,
      .app-container .panel .grid-view table tbody td.buttons button, .app-container .panel .grid-view table tbody td.button-column a,
      .app-container .panel .grid-view table tbody td.button-column button,
      .app-container .panel .grid-view table tbody td .column-button a,
      .app-container .panel .grid-view table tbody td .column-button button {
        vertical-align: middle;
        color: inherit; }
        .app-container .panel .grid-view table tbody td.buttons a.icon,
        .app-container .panel .grid-view table tbody td.buttons a .icon,
        .app-container .panel .grid-view table tbody td.buttons button.icon,
        .app-container .panel .grid-view table tbody td.buttons button .icon, .app-container .panel .grid-view table tbody td.button-column a.icon,
        .app-container .panel .grid-view table tbody td.button-column a .icon,
        .app-container .panel .grid-view table tbody td.button-column button.icon,
        .app-container .panel .grid-view table tbody td.button-column button .icon,
        .app-container .panel .grid-view table tbody td .column-button a.icon,
        .app-container .panel .grid-view table tbody td .column-button a .icon,
        .app-container .panel .grid-view table tbody td .column-button button.icon,
        .app-container .panel .grid-view table tbody td .column-button button .icon {
          margin-left: 5px;
          color: inherit;
          font-size: 1.2em; }
      .app-container .panel .grid-view table tbody td.buttons, .app-container .panel .grid-view table tbody td.button-column-center {
        text-align: center !important; }
      .app-container .panel .grid-view table tbody td span.appointment_outcome .icon-checkmark {
        color: #61B776; }
      .app-container .panel .grid-view table tbody td span.appointment_outcome .icon-close {
        color: #DB634F; }
      .app-container .panel .grid-view table tbody td span.prefix_historic {
        color: #999; }
  .app-container .panel .pager {
    text-align: center;
    margin: 20px 0; }
    .app-container .panel .pager ul {
      margin: 0;
      padding: 0;
      list-style: none; }
      .app-container .panel .pager ul li {
        overflow: hidden;
        display: inline-block; }
        .app-container .panel .pager ul li a {
          display: inline-block;
          padding: 8px;
          min-width: 35px;
          border-color: #3180AA;
          color: #2A739A;
          font-size: 1em; }
        .app-container .panel .pager ul li.selected a {
          color: #FFF;
          background: #2A739A; }
        .app-container .panel .pager ul li.hidden {
          display: none; }
  .app-container .panel.available-dashboard-panels .body {
    padding: 5px 25px; }
    .app-container .panel.available-dashboard-panels .body .dashboard-small-panel-preview {
      font-size: 0.8em;
      max-height: none; }
      .app-container .panel.available-dashboard-panels .body .dashboard-small-panel-preview:after {
        content: "";
        display: table;
        clear: both; }
      .app-container .panel.available-dashboard-panels .body .dashboard-small-panel-preview .header {
        font-size: 0.8em;
        padding: 5px;
        margin: 0;
        text-align: center; }
      .app-container .panel.available-dashboard-panels .body .dashboard-small-panel-preview .body {
        padding: 5px 5px 15px 5px;
        max-height: none; }
  .app-container .panel.dashboard-large-panel-preview {
    text-align: center;
    padding: 10px; }
    .app-container .panel.dashboard-large-panel-preview .header {
      margin: 0;
      font-size: 0.9em; }
      .app-container .panel.dashboard-large-panel-preview .header .title {
        width: auto; }
    .app-container .panel.dashboard-large-panel-preview .body {
      overflow: hidden;
      text-align: center; }
      .app-container .panel.dashboard-large-panel-preview .body img {
        max-width: 80%; }
  .app-container .panel .inner-body {
    margin: 0 25px 25px 25px; }
  .app-container .panel .message-wrap {
    margin: 10px 25px 20px 25px;
    border: none;
    border-top: 3px solid #EEE;
    border-bottom: 3px solid #EEE;
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0; }
  @media (max-width: 950px) {
    .app-container .panel {
      display: block;
      width: 100%;
      margin-left: 0;
      float: none; } }
  .app-container .panel fieldset {
    margin-left: 25px;
    margin-right: 25px;
    border: none; }
    @media (max-width: 570px) {
      .app-container .panel fieldset {
        margin-left: 5px;
        margin-right: 5px; } }
    .app-container .panel fieldset p {
      margin: 10px 0;
      font-size: 12px; }
  .app-container .panel .tracking-form .grid-view table {
    padding-right: 0;
    margin-left: 0;
    margin-top: 0; }
    .app-container .panel .tracking-form .grid-view table thead tr th {
      color: #555; }
  .app-container .panel #errorWarningAccordion {
    margin: 10px 25px; }
    .app-container .panel #errorWarningAccordion .ui-accordion-header {
      background: #EAEAEA;
      border: 1px solid #DDD; }
      .app-container .panel #errorWarningAccordion .ui-accordion-header a {
        padding-left: 0; }
        .app-container .panel #errorWarningAccordion .ui-accordion-header a #click-here-to-view {
          display: none; }
    .app-container .panel #errorWarningAccordion .ui-accordion-content {
      border: 1px solid #DDD;
      padding: 20px 40px;
      overflow: hidden; }
  .app-container .panel.search-panel {
    margin-left: 5px; }
    .app-container .panel.search-panel form, .app-container .panel.search-panel .form {
      white-space: nowrap; }
    .app-container .panel.search-panel input {
      font-size: 1em;
      border: none;
      background: none;
      display: inline-block;
      width: 95%;
      text-transform: capitalize;
      text-overflow: ellipsis; }
      @media (max-width: 570px) {
        .app-container .panel.search-panel input {
          font-size: 1em;
          width: 90%; } }
    .app-container .panel.search-panel button {
      display: inline-block;
      float: right;
      padding: 5px;
      background: #EAEAEA;
      -webkit-box-shadow: none;
      -moz-box-shadow: none;
      box-shadow: none;
      border: none;
      font-size: 1.1em;
      border-radius: 3px;
      -webkit-border-radius: 3px;
      -moz-border-radius: 3px;
      -ms-border-radius: 3px; }
      @media (max-width: 570px) {
        .app-container .panel.search-panel button {
          /*float: none;*/
          display: block;
          width: 100%;
          margin-bottom: 0;
          border-top-left-radius: 0;
          border-top-right-radius: 0; } }
      .app-container .panel.search-panel button:hover {
        background: #3180AA;
        color: #FFF; }
      .app-container .panel.search-panel button .text {
        font-weight: 400; }
      .app-container .panel.search-panel button .icon-search3 {
        margin-right: 5px; }
    .app-container .panel.search-panel .searchContainer {
      width: 70%;
      display: inline-block;
      padding: 0 10px;
      position: relative; }
      @media (max-width: 570px) {
        .app-container .panel.search-panel .searchContainer {
          display: block;
          width: 100%;
          margin-bottom: 3px; } }
      .app-container .panel.search-panel .searchContainer .large-search-icon {
        font-size: 1.2em;
        display: inline-block;
        color: #AAA; }
        @media (max-width: 570px) {
          .app-container .panel.search-panel .searchContainer .large-search-icon {
            font-size: 1em; } }
  .app-container .panel#problem-form, .app-container .panel#problem-resolution-form {
    -webkit-box-shadow: 0 0 3px #cd412a;
    -moz-box-shadow: 0 0 3px #cd412a;
    box-shadow: 0 0 3px #cd412a;
    border: 3px solid #DB634F; }
    .app-container .panel#problem-form .header .title, .app-container .panel#problem-resolution-form .header .title {
      color: #DB634F; }
    .app-container .panel#problem-form .header .icon-right, .app-container .panel#problem-resolution-form .header .icon-right {
      margin-top: -20px !important;
      color: #DB634F; }
    .app-container .panel#problem-form .panel-alert-error, .app-container .panel#problem-form .errorSummary, .app-container .panel#problem-resolution-form .panel-alert-error, .app-container .panel#problem-resolution-form .errorSummary {
      padding: 8px;
      margin: 10px 25px;
      line-height: 1.3em; }
    .app-container .panel#problem-form .sub-container, .app-container .panel#problem-resolution-form .sub-container {
      margin: 0; }
      .app-container .panel#problem-form .sub-container .button-area, .app-container .panel#problem-resolution-form .sub-container .button-area {
        overflow: hidden; }
        .app-container .panel#problem-form .sub-container .button-area a, .app-container .panel#problem-resolution-form .sub-container .button-area a {
          display: inline-block; }
        .app-container .panel#problem-form .sub-container .button-area:after, .app-container .panel#problem-resolution-form .sub-container .button-area:after {
          content: "";
          display: table;
          clear: both; }
      .app-container .panel#problem-form .sub-container .title, .app-container .panel#problem-resolution-form .sub-container .title {
        margin: 2px 25px;
        width: auto; }
        .app-container .panel#problem-form .sub-container .title:after, .app-container .panel#problem-resolution-form .sub-container .title:after {
          content: "";
          display: table;
          clear: both; }
      .app-container .panel#problem-form .sub-container .body > .title,
      .app-container .panel#problem-form .sub-container .body > .label,
      .app-container .panel#problem-form .sub-container .body > .text, .app-container .panel#problem-resolution-form .sub-container .body > .title,
      .app-container .panel#problem-resolution-form .sub-container .body > .label,
      .app-container .panel#problem-resolution-form .sub-container .body > .text {
        margin: 2px 25px;
        width: auto; }
      .app-container .panel#problem-form .sub-container .body > .label, .app-container .panel#problem-resolution-form .sub-container .body > .label {
        margin-top: 10px; }
  @media (max-width: 950px) {
    .app-container .panel.review-panel {
      margin-left: auto !important;
      width: 100% !important; } }
  .app-container .panel.review-panel .problemlinks-holder {
    width: 80px; }
  .app-container .panel.extended-panel#revisions-legend .revisions-system-red, .app-container .panel.appform-panel#revisions-legend .revisions-system-red {
    color: #CC3434; }
  .app-container .panel.extended-panel#revisions-legend .revisions-system-green, .app-container .panel.appform-panel#revisions-legend .revisions-system-green {
    color: #6B8E23; }
  .app-container .panel.extended-panel#revisions-legend .revisions-system-blue, .app-container .panel.appform-panel#revisions-legend .revisions-system-blue {
    color: #4682B4; }
  .app-container .panel.extended-panel fieldset, .app-container .panel.appform-panel fieldset {
    border: none; }
    .app-container .panel.extended-panel fieldset .panel-alert p:first-of-type, .app-container .panel.appform-panel fieldset .panel-alert p:first-of-type {
      font-size: 1.15em;
      line-height: 1.3em; }
    .app-container .panel.extended-panel fieldset .summary-header, .app-container .panel.appform-panel fieldset .summary-header {
      margin: 30px 0 20px 0;
      background: #3180AA;
      height: 4px;
      font-size: 1.2em;
      border: none;
      color: #666;
      border-radius: 100px;
      -webkit-border-radius: 100px;
      -moz-border-radius: 100px;
      -ms-border-radius: 100px; }
      .app-container .panel.extended-panel fieldset .summary-header:after, .app-container .panel.appform-panel fieldset .summary-header:after {
        content: "";
        display: table;
        clear: both; }
      @media (max-width: 570px) {
        .app-container .panel.extended-panel fieldset .summary-header, .app-container .panel.appform-panel fieldset .summary-header {
          font-size: 0.9em; } }
      .app-container .panel.extended-panel fieldset .summary-header .check-buttons, .app-container .panel.appform-panel fieldset .summary-header .check-buttons {
        margin-top: -9px;
        border-radius: 3px;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        -ms-border-radius: 3px;
        overflow: hidden;
        background: #3180AA;
        margin: -12px 0 0 0;
        padding: 3px 3px 0 3px;
        overflow: hidden;
        border-radius: 5px;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        -ms-border-radius: 5px;
        color: #FFF; }
        .app-container .panel.extended-panel fieldset .summary-header .check-buttons:after, .app-container .panel.appform-panel fieldset .summary-header .check-buttons:after {
          content: "";
          display: table;
          clear: both; }
        .app-container .panel.extended-panel fieldset .summary-header .check-buttons a, .app-container .panel.appform-panel fieldset .summary-header .check-buttons a {
          display: inline-block;
          padding: 3px 7px 2px 7px;
          color: #FFF;
          width: auto;
          height: auto;
          font-size: 1em;
          font-weight: 400; }
      .app-container .panel.extended-panel fieldset .summary-header .icon, .app-container .panel.appform-panel fieldset .summary-header .icon {
        font-size: 1.1em; }
      .app-container .panel.extended-panel fieldset .summary-header .left, .app-container .panel.appform-panel fieldset .summary-header .left {
        margin: -12px 0 0 0;
        font-size: 1.1em;
        color: #2A739A;
        padding: 5px 8px 5px 0;
        background: #FFF;
        border-radius: 4px;
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        -ms-border-radius: 4px; }
        .app-container .panel.extended-panel fieldset .summary-header .left .title, .app-container .panel.appform-panel fieldset .summary-header .left .title {
          font-weight: 500; }
    .app-container .panel.extended-panel fieldset .misc-buttons, .app-container .panel.appform-panel fieldset .misc-buttons {
      background: #3180AA;
      margin: -12px 0 0 0;
      padding: 3px;
      overflow: hidden;
      border-radius: 5px;
      -webkit-border-radius: 5px;
      -moz-border-radius: 5px;
      -ms-border-radius: 5px;
      color: #FFF; }
      .app-container .panel.extended-panel fieldset .misc-buttons:after, .app-container .panel.appform-panel fieldset .misc-buttons:after {
        content: "";
        display: table;
        clear: both; }
      .app-container .panel.extended-panel fieldset .misc-buttons a, .app-container .panel.appform-panel fieldset .misc-buttons a {
        display: inline-block;
        padding: 3px 7px 2px 7px;
        color: #FFF;
        width: auto;
        height: auto;
        font-size: 1em;
        font-weight: 400; }
    .app-container .panel.extended-panel fieldset a.showlist, .app-container .panel.appform-panel fieldset a.showlist {
      display: block;
      margin-left: 25px;
      margin-bottom: 10px;
      color: #06c;
      cursor: pointer;
      font-size: 110%; }
    .app-container .panel.extended-panel fieldset div.doclist, .app-container .panel.appform-panel fieldset div.doclist {
      margin-left: 40px;
      line-height: 15px; }
      .app-container .panel.extended-panel fieldset div.doclist ol li, .app-container .panel.appform-panel fieldset div.doclist ol li {
        padding: 3px 10px; }
      .app-container .panel.extended-panel fieldset div.doclist ol li:nth-child(odd), .app-container .panel.appform-panel fieldset div.doclist ol li:nth-child(odd) {
        background-color: #e5f1f4; }
    .app-container .panel.extended-panel fieldset table.multi-type-doc-uploader th, .app-container .panel.appform-panel fieldset table.multi-type-doc-uploader th {
      font-size: 1.2em;
      line-height: 1.2em; }
      .app-container .panel.extended-panel fieldset table.multi-type-doc-uploader th li, .app-container .panel.appform-panel fieldset table.multi-type-doc-uploader th li {
        font-weight: 400; }
    .app-container .panel.extended-panel fieldset table.vetting-results-table tbody tr.vetting td, .app-container .panel.extended-panel fieldset table.vetting-results-table tbody tr.vetting th, .app-container .panel.appform-panel fieldset table.vetting-results-table tbody tr.vetting td, .app-container .panel.appform-panel fieldset table.vetting-results-table tbody tr.vetting th {
      padding: 4px 10px 4px 5px;
      font-size: 1.2em;
      border-bottom: 1px solid #EEE; }
      .app-container .panel.extended-panel fieldset table.vetting-results-table tbody tr.vetting td a, .app-container .panel.extended-panel fieldset table.vetting-results-table tbody tr.vetting th a, .app-container .panel.appform-panel fieldset table.vetting-results-table tbody tr.vetting td a, .app-container .panel.appform-panel fieldset table.vetting-results-table tbody tr.vetting th a {
        color: #06c; }
      .app-container .panel.extended-panel fieldset table.vetting-results-table tbody tr.vetting td a:hover, .app-container .panel.extended-panel fieldset table.vetting-results-table tbody tr.vetting th a:hover, .app-container .panel.appform-panel fieldset table.vetting-results-table tbody tr.vetting td a:hover, .app-container .panel.appform-panel fieldset table.vetting-results-table tbody tr.vetting th a:hover {
        text-decoration: underline; }
    .app-container .panel.extended-panel fieldset table:not(.items),
    .app-container .panel.extended-panel fieldset div.tracking-container, .app-container .panel.appform-panel fieldset table:not(.items),
    .app-container .panel.appform-panel fieldset div.tracking-container {
      margin-left: 27px;
      padding-right: 27px; }
      @media (max-width: 570px) {
        .app-container .panel.extended-panel fieldset table:not(.items),
        .app-container .panel.extended-panel fieldset div.tracking-container, .app-container .panel.appform-panel fieldset table:not(.items),
        .app-container .panel.appform-panel fieldset div.tracking-container {
          margin-left: 5px;
          padding-right: 5px; } }
      .app-container .panel.extended-panel fieldset table:not(.items).list,
      .app-container .panel.extended-panel fieldset div.tracking-container.list, .app-container .panel.appform-panel fieldset table:not(.items).list,
      .app-container .panel.appform-panel fieldset div.tracking-container.list {
        margin-top: 15px; }
      .app-container .panel.extended-panel fieldset table:not(.items) thead th,
      .app-container .panel.extended-panel fieldset div.tracking-container thead th, .app-container .panel.appform-panel fieldset table:not(.items) thead th,
      .app-container .panel.appform-panel fieldset div.tracking-container thead th {
        background: #F0F0F0;
        background: #FFF;
        border-bottom: 2px solid #DDD;
        padding: 8px 0;
        font-size: 1.15em;
        line-height: 1.2em; }
        @media (max-width: 570px) {
          .app-container .panel.extended-panel fieldset table:not(.items) thead th,
          .app-container .panel.extended-panel fieldset div.tracking-container thead th, .app-container .panel.appform-panel fieldset table:not(.items) thead th,
          .app-container .panel.appform-panel fieldset div.tracking-container thead th {
            font-size: 0.8em; } }
      .app-container .panel.extended-panel fieldset table:not(.items) tbody tr.contract-details,
      .app-container .panel.extended-panel fieldset table:not(.items) tbody tr.identity-details,
      .app-container .panel.extended-panel fieldset div.tracking-container tbody tr.contract-details,
      .app-container .panel.extended-panel fieldset div.tracking-container tbody tr.identity-details, .app-container .panel.appform-panel fieldset table:not(.items) tbody tr.contract-details,
      .app-container .panel.appform-panel fieldset table:not(.items) tbody tr.identity-details,
      .app-container .panel.appform-panel fieldset div.tracking-container tbody tr.contract-details,
      .app-container .panel.appform-panel fieldset div.tracking-container tbody tr.identity-details {
        display: none;
        background-color: #e0ebff; }
        .app-container .panel.extended-panel fieldset table:not(.items) tbody tr.contract-details > td,
        .app-container .panel.extended-panel fieldset table:not(.items) tbody tr.identity-details > td,
        .app-container .panel.extended-panel fieldset div.tracking-container tbody tr.contract-details > td,
        .app-container .panel.extended-panel fieldset div.tracking-container tbody tr.identity-details > td, .app-container .panel.appform-panel fieldset table:not(.items) tbody tr.contract-details > td,
        .app-container .panel.appform-panel fieldset table:not(.items) tbody tr.identity-details > td,
        .app-container .panel.appform-panel fieldset div.tracking-container tbody tr.contract-details > td,
        .app-container .panel.appform-panel fieldset div.tracking-container tbody tr.identity-details > td {
          padding-left: 0; }
        .app-container .panel.extended-panel fieldset table:not(.items) tbody tr.contract-details td,
        .app-container .panel.extended-panel fieldset table:not(.items) tbody tr.identity-details td,
        .app-container .panel.extended-panel fieldset div.tracking-container tbody tr.contract-details td,
        .app-container .panel.extended-panel fieldset div.tracking-container tbody tr.identity-details td, .app-container .panel.appform-panel fieldset table:not(.items) tbody tr.contract-details td,
        .app-container .panel.appform-panel fieldset table:not(.items) tbody tr.identity-details td,
        .app-container .panel.appform-panel fieldset div.tracking-container tbody tr.contract-details td,
        .app-container .panel.appform-panel fieldset div.tracking-container tbody tr.identity-details td {
          font-size: 1em; }
        .app-container .panel.extended-panel fieldset table:not(.items) tbody tr.contract-details span.icon,
        .app-container .panel.extended-panel fieldset table:not(.items) tbody tr.identity-details span.icon,
        .app-container .panel.extended-panel fieldset div.tracking-container tbody tr.contract-details span.icon,
        .app-container .panel.extended-panel fieldset div.tracking-container tbody tr.identity-details span.icon, .app-container .panel.appform-panel fieldset table:not(.items) tbody tr.contract-details span.icon,
        .app-container .panel.appform-panel fieldset table:not(.items) tbody tr.identity-details span.icon,
        .app-container .panel.appform-panel fieldset div.tracking-container tbody tr.contract-details span.icon,
        .app-container .panel.appform-panel fieldset div.tracking-container tbody tr.identity-details span.icon {
          color: #2A739A; }
      .app-container .panel.extended-panel fieldset table:not(.items) tbody tr.contract-details-summary.revisions-system-red span.icon, .app-container .panel.extended-panel fieldset table:not(.items) tbody tr.contract-details-summary.revisions-system-green span.icon, .app-container .panel.extended-panel fieldset table:not(.items) tbody tr.contract-details-summary.revisions-system-blue span.icon,
      .app-container .panel.extended-panel fieldset div.tracking-container tbody tr.contract-details-summary.revisions-system-red span.icon,
      .app-container .panel.extended-panel fieldset div.tracking-container tbody tr.contract-details-summary.revisions-system-green span.icon,
      .app-container .panel.extended-panel fieldset div.tracking-container tbody tr.contract-details-summary.revisions-system-blue span.icon, .app-container .panel.appform-panel fieldset table:not(.items) tbody tr.contract-details-summary.revisions-system-red span.icon, .app-container .panel.appform-panel fieldset table:not(.items) tbody tr.contract-details-summary.revisions-system-green span.icon, .app-container .panel.appform-panel fieldset table:not(.items) tbody tr.contract-details-summary.revisions-system-blue span.icon,
      .app-container .panel.appform-panel fieldset div.tracking-container tbody tr.contract-details-summary.revisions-system-red span.icon,
      .app-container .panel.appform-panel fieldset div.tracking-container tbody tr.contract-details-summary.revisions-system-green span.icon,
      .app-container .panel.appform-panel fieldset div.tracking-container tbody tr.contract-details-summary.revisions-system-blue span.icon {
        color: #fff;
        font-weight: bold; }
      .app-container .panel.extended-panel fieldset table:not(.items) tbody tr.contract-details-summary span.icon,
      .app-container .panel.extended-panel fieldset div.tracking-container tbody tr.contract-details-summary span.icon, .app-container .panel.appform-panel fieldset table:not(.items) tbody tr.contract-details-summary span.icon,
      .app-container .panel.appform-panel fieldset div.tracking-container tbody tr.contract-details-summary span.icon {
        color: #2A739A; }
      .app-container .panel.extended-panel fieldset table:not(.items) tbody tr,
      .app-container .panel.extended-panel fieldset div.tracking-container tbody tr, .app-container .panel.appform-panel fieldset table:not(.items) tbody tr,
      .app-container .panel.appform-panel fieldset div.tracking-container tbody tr {
        background: none; }
        .app-container .panel.extended-panel fieldset table:not(.items) tbody tr.rejected,
        .app-container .panel.extended-panel fieldset div.tracking-container tbody tr.rejected, .app-container .panel.appform-panel fieldset table:not(.items) tbody tr.rejected,
        .app-container .panel.appform-panel fieldset div.tracking-container tbody tr.rejected {
          background-color: #f6d1d1 !important; }
        .app-container .panel.extended-panel fieldset table:not(.items) tbody tr.contract-details-summary td.review-buttons,
        .app-container .panel.extended-panel fieldset div.tracking-container tbody tr.contract-details-summary td.review-buttons, .app-container .panel.appform-panel fieldset table:not(.items) tbody tr.contract-details-summary td.review-buttons,
        .app-container .panel.appform-panel fieldset div.tracking-container tbody tr.contract-details-summary td.review-buttons {
          width: 130px; }
        .app-container .panel.extended-panel fieldset table:not(.items) tbody tr.row-detail .section,
        .app-container .panel.extended-panel fieldset div.tracking-container tbody tr.row-detail .section, .app-container .panel.appform-panel fieldset table:not(.items) tbody tr.row-detail .section,
        .app-container .panel.appform-panel fieldset div.tracking-container tbody tr.row-detail .section {
          border: none;
          padding: 0;
          margin: 0 0 15px 0; }
          .app-container .panel.extended-panel fieldset table:not(.items) tbody tr.row-detail .section .row,
          .app-container .panel.extended-panel fieldset div.tracking-container tbody tr.row-detail .section .row, .app-container .panel.appform-panel fieldset table:not(.items) tbody tr.row-detail .section .row,
          .app-container .panel.appform-panel fieldset div.tracking-container tbody tr.row-detail .section .row {
            border-bottom: 1px solid #DDD;
            padding: 8px 0; }
          .app-container .panel.extended-panel fieldset table:not(.items) tbody tr.row-detail .section table,
          .app-container .panel.extended-panel fieldset div.tracking-container tbody tr.row-detail .section table, .app-container .panel.appform-panel fieldset table:not(.items) tbody tr.row-detail .section table,
          .app-container .panel.appform-panel fieldset div.tracking-container tbody tr.row-detail .section table {
            margin-left: 0;
            padding-right: 0; }
        .app-container .panel.extended-panel fieldset table:not(.items) tbody tr.row-detail.rejection-row-detail > td,
        .app-container .panel.extended-panel fieldset div.tracking-container tbody tr.row-detail.rejection-row-detail > td, .app-container .panel.appform-panel fieldset table:not(.items) tbody tr.row-detail.rejection-row-detail > td,
        .app-container .panel.appform-panel fieldset div.tracking-container tbody tr.row-detail.rejection-row-detail > td {
          background: #f5d4ce;
          font-size: 1em;
          padding: 8px;
          border-bottom-color: #ecaea4; }
        .app-container .panel.extended-panel fieldset table:not(.items) tbody tr.row-detail.rejection-row-detail table,
        .app-container .panel.extended-panel fieldset div.tracking-container tbody tr.row-detail.rejection-row-detail table, .app-container .panel.appform-panel fieldset table:not(.items) tbody tr.row-detail.rejection-row-detail table,
        .app-container .panel.appform-panel fieldset div.tracking-container tbody tr.row-detail.rejection-row-detail table {
          margin-left: 0;
          padding-right: 0;
          padding: 15px 8px;
          margin-top: 0; }
          .app-container .panel.extended-panel fieldset table:not(.items) tbody tr.row-detail.rejection-row-detail table th,
          .app-container .panel.extended-panel fieldset div.tracking-container tbody tr.row-detail.rejection-row-detail table th, .app-container .panel.appform-panel fieldset table:not(.items) tbody tr.row-detail.rejection-row-detail table th,
          .app-container .panel.appform-panel fieldset div.tracking-container tbody tr.row-detail.rejection-row-detail table th {
            color: #444;
            font-weight: 500;
            padding: 8px;
            border-bottom-color: #ecaea4; }
          .app-container .panel.extended-panel fieldset table:not(.items) tbody tr.row-detail.rejection-row-detail table td,
          .app-container .panel.extended-panel fieldset div.tracking-container tbody tr.row-detail.rejection-row-detail table td, .app-container .panel.appform-panel fieldset table:not(.items) tbody tr.row-detail.rejection-row-detail table td,
          .app-container .panel.appform-panel fieldset div.tracking-container tbody tr.row-detail.rejection-row-detail table td {
            border-bottom-color: #ecaea4;
            line-height: 1.3em;
            padding: 10px 8px; }
        .app-container .panel.extended-panel fieldset table:not(.items) tbody tr.row-detail > td,
        .app-container .panel.extended-panel fieldset div.tracking-container tbody tr.row-detail > td, .app-container .panel.appform-panel fieldset table:not(.items) tbody tr.row-detail > td,
        .app-container .panel.appform-panel fieldset div.tracking-container tbody tr.row-detail > td {
          border-bottom: 5px solid #555;
          overflow: hidden;
          padding: 10px;
          background: #F6F6F6; }
        .app-container .panel.extended-panel fieldset table:not(.items) tbody tr.revisions-system-red, .app-container .panel.extended-panel fieldset table:not(.items) tbody tr.revisions-system-green, .app-container .panel.extended-panel fieldset table:not(.items) tbody tr.revisions-system-blue,
        .app-container .panel.extended-panel fieldset div.tracking-container tbody tr.revisions-system-red,
        .app-container .panel.extended-panel fieldset div.tracking-container tbody tr.revisions-system-green,
        .app-container .panel.extended-panel fieldset div.tracking-container tbody tr.revisions-system-blue, .app-container .panel.appform-panel fieldset table:not(.items) tbody tr.revisions-system-red, .app-container .panel.appform-panel fieldset table:not(.items) tbody tr.revisions-system-green, .app-container .panel.appform-panel fieldset table:not(.items) tbody tr.revisions-system-blue,
        .app-container .panel.appform-panel fieldset div.tracking-container tbody tr.revisions-system-red,
        .app-container .panel.appform-panel fieldset div.tracking-container tbody tr.revisions-system-green,
        .app-container .panel.appform-panel fieldset div.tracking-container tbody tr.revisions-system-blue {
          font-weight: bold;
          color: #fff;
          /* td:last-child {
                                    position: relative;

                                    &:after {
                                        position: absolute;
                                        color: white;
                                        font-size: 1.5em;
                                        font-family: "idgateway";
                                        right: 3%;
                                        top: 25%;
                                        width: 10px;
                                        height: 10px;
                                    }
                                } */ }
        .app-container .panel.extended-panel fieldset table:not(.items) tbody tr.revisions-system-red,
        .app-container .panel.extended-panel fieldset div.tracking-container tbody tr.revisions-system-red, .app-container .panel.appform-panel fieldset table:not(.items) tbody tr.revisions-system-red,
        .app-container .panel.appform-panel fieldset div.tracking-container tbody tr.revisions-system-red {
          background-color: #CC3434;
          /* &:after {
                                    content: "\e25d";
                                } */ }
        .app-container .panel.extended-panel fieldset table:not(.items) tbody tr.revisions-system-green,
        .app-container .panel.extended-panel fieldset div.tracking-container tbody tr.revisions-system-green, .app-container .panel.appform-panel fieldset table:not(.items) tbody tr.revisions-system-green,
        .app-container .panel.appform-panel fieldset div.tracking-container tbody tr.revisions-system-green {
          background-color: #6B8E23;
          /* &:after {
                                    content: "\e25e";
                                } */ }
        .app-container .panel.extended-panel fieldset table:not(.items) tbody tr.revisions-system-blue,
        .app-container .panel.extended-panel fieldset div.tracking-container tbody tr.revisions-system-blue, .app-container .panel.appform-panel fieldset table:not(.items) tbody tr.revisions-system-blue,
        .app-container .panel.appform-panel fieldset div.tracking-container tbody tr.revisions-system-blue {
          background-color: #4682B4;
          /* &:after {
                                    content: "\e00a";
                                } */ }
        .app-container .panel.extended-panel fieldset table:not(.items) tbody tr th,
        .app-container .panel.extended-panel fieldset div.tracking-container tbody tr th, .app-container .panel.appform-panel fieldset table:not(.items) tbody tr th,
        .app-container .panel.appform-panel fieldset div.tracking-container tbody tr th {
          background: none; }
        .app-container .panel.extended-panel fieldset table:not(.items) tbody tr.revisions-system-red > td:last-child,
        .app-container .panel.extended-panel fieldset table:not(.items) tbody tr.revisions-system-green > td:last-child,
        .app-container .panel.extended-panel fieldset table:not(.items) tbody tr.revisions-system-blue > td:last-child,
        .app-container .panel.extended-panel fieldset div.tracking-container tbody tr.revisions-system-red > td:last-child,
        .app-container .panel.extended-panel fieldset div.tracking-container tbody tr.revisions-system-green > td:last-child,
        .app-container .panel.extended-panel fieldset div.tracking-container tbody tr.revisions-system-blue > td:last-child, .app-container .panel.appform-panel fieldset table:not(.items) tbody tr.revisions-system-red > td:last-child,
        .app-container .panel.appform-panel fieldset table:not(.items) tbody tr.revisions-system-green > td:last-child,
        .app-container .panel.appform-panel fieldset table:not(.items) tbody tr.revisions-system-blue > td:last-child,
        .app-container .panel.appform-panel fieldset div.tracking-container tbody tr.revisions-system-red > td:last-child,
        .app-container .panel.appform-panel fieldset div.tracking-container tbody tr.revisions-system-green > td:last-child,
        .app-container .panel.appform-panel fieldset div.tracking-container tbody tr.revisions-system-blue > td:last-child {
          padding-right: 27px;
          position: relative;
          color: #fff; }
          .app-container .panel.extended-panel fieldset table:not(.items) tbody tr.revisions-system-red > td:last-child:after,
          .app-container .panel.extended-panel fieldset table:not(.items) tbody tr.revisions-system-green > td:last-child:after,
          .app-container .panel.extended-panel fieldset table:not(.items) tbody tr.revisions-system-blue > td:last-child:after,
          .app-container .panel.extended-panel fieldset div.tracking-container tbody tr.revisions-system-red > td:last-child:after,
          .app-container .panel.extended-panel fieldset div.tracking-container tbody tr.revisions-system-green > td:last-child:after,
          .app-container .panel.extended-panel fieldset div.tracking-container tbody tr.revisions-system-blue > td:last-child:after, .app-container .panel.appform-panel fieldset table:not(.items) tbody tr.revisions-system-red > td:last-child:after,
          .app-container .panel.appform-panel fieldset table:not(.items) tbody tr.revisions-system-green > td:last-child:after,
          .app-container .panel.appform-panel fieldset table:not(.items) tbody tr.revisions-system-blue > td:last-child:after,
          .app-container .panel.appform-panel fieldset div.tracking-container tbody tr.revisions-system-red > td:last-child:after,
          .app-container .panel.appform-panel fieldset div.tracking-container tbody tr.revisions-system-green > td:last-child:after,
          .app-container .panel.appform-panel fieldset div.tracking-container tbody tr.revisions-system-blue > td:last-child:after {
            position: absolute;
            color: white;
            font-size: 1.5em;
            font-family: "idgateway";
            right: 14px;
            top: 25%;
            width: 10px;
            height: 10px;
            font-weight: bold; }
        .app-container .panel.extended-panel fieldset table:not(.items) tbody tr.revisions-system-blue > td:first-child,
        .app-container .panel.extended-panel fieldset table:not(.items) tbody tr.revisions-system-green > td:first-child,
        .app-container .panel.extended-panel fieldset table:not(.items) tbody tr.revisions-system-red > td:first-child,
        .app-container .panel.extended-panel fieldset div.tracking-container tbody tr.revisions-system-blue > td:first-child,
        .app-container .panel.extended-panel fieldset div.tracking-container tbody tr.revisions-system-green > td:first-child,
        .app-container .panel.extended-panel fieldset div.tracking-container tbody tr.revisions-system-red > td:first-child, .app-container .panel.appform-panel fieldset table:not(.items) tbody tr.revisions-system-blue > td:first-child,
        .app-container .panel.appform-panel fieldset table:not(.items) tbody tr.revisions-system-green > td:first-child,
        .app-container .panel.appform-panel fieldset table:not(.items) tbody tr.revisions-system-red > td:first-child,
        .app-container .panel.appform-panel fieldset div.tracking-container tbody tr.revisions-system-blue > td:first-child,
        .app-container .panel.appform-panel fieldset div.tracking-container tbody tr.revisions-system-green > td:first-child,
        .app-container .panel.appform-panel fieldset div.tracking-container tbody tr.revisions-system-red > td:first-child {
          padding-left: 5px; }
        .app-container .panel.extended-panel fieldset table:not(.items) tbody tr.revisions-system-red > td:last-child:after,
        .app-container .panel.extended-panel fieldset div.tracking-container tbody tr.revisions-system-red > td:last-child:after, .app-container .panel.appform-panel fieldset table:not(.items) tbody tr.revisions-system-red > td:last-child:after,
        .app-container .panel.appform-panel fieldset div.tracking-container tbody tr.revisions-system-red > td:last-child:after {
          content: "\e25d"; }
        .app-container .panel.extended-panel fieldset table:not(.items) tbody tr.revisions-system-green > td:last-child:after,
        .app-container .panel.extended-panel fieldset div.tracking-container tbody tr.revisions-system-green > td:last-child:after, .app-container .panel.appform-panel fieldset table:not(.items) tbody tr.revisions-system-green > td:last-child:after,
        .app-container .panel.appform-panel fieldset div.tracking-container tbody tr.revisions-system-green > td:last-child:after {
          content: "\e25e"; }
        .app-container .panel.extended-panel fieldset table:not(.items) tbody tr.revisions-system-blue > td:last-child:after,
        .app-container .panel.extended-panel fieldset div.tracking-container tbody tr.revisions-system-blue > td:last-child:after, .app-container .panel.appform-panel fieldset table:not(.items) tbody tr.revisions-system-blue > td:last-child:after,
        .app-container .panel.appform-panel fieldset div.tracking-container tbody tr.revisions-system-blue > td:last-child:after {
          content: "\e00a"; }
        .app-container .panel.extended-panel fieldset table:not(.items) tbody tr td, .app-container .panel.extended-panel fieldset table:not(.items) tbody tr div.document-type-crud-header,
        .app-container .panel.extended-panel fieldset div.tracking-container tbody tr td,
        .app-container .panel.extended-panel fieldset div.tracking-container tbody tr div.document-type-crud-header, .app-container .panel.appform-panel fieldset table:not(.items) tbody tr td, .app-container .panel.appform-panel fieldset table:not(.items) tbody tr div.document-type-crud-header,
        .app-container .panel.appform-panel fieldset div.tracking-container tbody tr td,
        .app-container .panel.appform-panel fieldset div.tracking-container tbody tr div.document-type-crud-header {
          padding: 8px 0;
          font-size: 1.19em;
          border-bottom: 1px solid #EEE;
          line-height: 1.2em; }
          @media (max-width: 570px) {
            .app-container .panel.extended-panel fieldset table:not(.items) tbody tr td, .app-container .panel.extended-panel fieldset table:not(.items) tbody tr div.document-type-crud-header,
            .app-container .panel.extended-panel fieldset div.tracking-container tbody tr td,
            .app-container .panel.extended-panel fieldset div.tracking-container tbody tr div.document-type-crud-header, .app-container .panel.appform-panel fieldset table:not(.items) tbody tr td, .app-container .panel.appform-panel fieldset table:not(.items) tbody tr div.document-type-crud-header,
            .app-container .panel.appform-panel fieldset div.tracking-container tbody tr td,
            .app-container .panel.appform-panel fieldset div.tracking-container tbody tr div.document-type-crud-header {
              font-size: 0.6em; } }
          .app-container .panel.extended-panel fieldset table:not(.items) tbody tr td.label, .app-container .panel.extended-panel fieldset table:not(.items) tbody tr div.document-type-crud-header.label,
          .app-container .panel.extended-panel fieldset div.tracking-container tbody tr td.label,
          .app-container .panel.extended-panel fieldset div.tracking-container tbody tr div.document-type-crud-header.label, .app-container .panel.appform-panel fieldset table:not(.items) tbody tr td.label, .app-container .panel.appform-panel fieldset table:not(.items) tbody tr div.document-type-crud-header.label,
          .app-container .panel.appform-panel fieldset div.tracking-container tbody tr td.label,
          .app-container .panel.appform-panel fieldset div.tracking-container tbody tr div.document-type-crud-header.label {
            margin-left: 27px; }
          .app-container .panel.extended-panel fieldset table:not(.items) tbody tr td a, .app-container .panel.extended-panel fieldset table:not(.items) tbody tr div.document-type-crud-header a,
          .app-container .panel.extended-panel fieldset div.tracking-container tbody tr td a,
          .app-container .panel.extended-panel fieldset div.tracking-container tbody tr div.document-type-crud-header a, .app-container .panel.appform-panel fieldset table:not(.items) tbody tr td a, .app-container .panel.appform-panel fieldset table:not(.items) tbody tr div.document-type-crud-header a,
          .app-container .panel.appform-panel fieldset div.tracking-container tbody tr td a,
          .app-container .panel.appform-panel fieldset div.tracking-container tbody tr div.document-type-crud-header a {
            color: inherit;
            text-decoration: none; }
          .app-container .panel.extended-panel fieldset table:not(.items) tbody tr td.expired, .app-container .panel.extended-panel fieldset table:not(.items) tbody tr div.document-type-crud-header.expired,
          .app-container .panel.extended-panel fieldset div.tracking-container tbody tr td.expired,
          .app-container .panel.extended-panel fieldset div.tracking-container tbody tr div.document-type-crud-header.expired, .app-container .panel.appform-panel fieldset table:not(.items) tbody tr td.expired, .app-container .panel.appform-panel fieldset table:not(.items) tbody tr div.document-type-crud-header.expired,
          .app-container .panel.appform-panel fieldset div.tracking-container tbody tr td.expired,
          .app-container .panel.appform-panel fieldset div.tracking-container tbody tr div.document-type-crud-header.expired {
            background-color: #f5d4ce; }
          .app-container .panel.extended-panel fieldset table:not(.items) tbody tr td .button-positive, .app-container .panel.extended-panel fieldset table:not(.items) tbody tr div.document-type-crud-header .button-positive,
          .app-container .panel.extended-panel fieldset div.tracking-container tbody tr td .button-positive,
          .app-container .panel.extended-panel fieldset div.tracking-container tbody tr div.document-type-crud-header .button-positive, .app-container .panel.appform-panel fieldset table:not(.items) tbody tr td .button-positive, .app-container .panel.appform-panel fieldset table:not(.items) tbody tr div.document-type-crud-header .button-positive,
          .app-container .panel.appform-panel fieldset div.tracking-container tbody tr td .button-positive,
          .app-container .panel.appform-panel fieldset div.tracking-container tbody tr div.document-type-crud-header .button-positive {
            background: #61B776;
            color: #FFF;
            text-shadow: 0 1px 1px #387a48;
            border: 1px solid #489d5d; }
          .app-container .panel.extended-panel fieldset table:not(.items) tbody tr td.revisions-system-red, .app-container .panel.extended-panel fieldset table:not(.items) tbody tr td.revisions-system-green, .app-container .panel.extended-panel fieldset table:not(.items) tbody tr td.revisions-system-blue, .app-container .panel.extended-panel fieldset table:not(.items) tbody tr div.document-type-crud-header.revisions-system-red, .app-container .panel.extended-panel fieldset table:not(.items) tbody tr div.document-type-crud-header.revisions-system-green, .app-container .panel.extended-panel fieldset table:not(.items) tbody tr div.document-type-crud-header.revisions-system-blue,
          .app-container .panel.extended-panel fieldset div.tracking-container tbody tr td.revisions-system-red,
          .app-container .panel.extended-panel fieldset div.tracking-container tbody tr td.revisions-system-green,
          .app-container .panel.extended-panel fieldset div.tracking-container tbody tr td.revisions-system-blue,
          .app-container .panel.extended-panel fieldset div.tracking-container tbody tr div.document-type-crud-header.revisions-system-red,
          .app-container .panel.extended-panel fieldset div.tracking-container tbody tr div.document-type-crud-header.revisions-system-green,
          .app-container .panel.extended-panel fieldset div.tracking-container tbody tr div.document-type-crud-header.revisions-system-blue, .app-container .panel.appform-panel fieldset table:not(.items) tbody tr td.revisions-system-red, .app-container .panel.appform-panel fieldset table:not(.items) tbody tr td.revisions-system-green, .app-container .panel.appform-panel fieldset table:not(.items) tbody tr td.revisions-system-blue, .app-container .panel.appform-panel fieldset table:not(.items) tbody tr div.document-type-crud-header.revisions-system-red, .app-container .panel.appform-panel fieldset table:not(.items) tbody tr div.document-type-crud-header.revisions-system-green, .app-container .panel.appform-panel fieldset table:not(.items) tbody tr div.document-type-crud-header.revisions-system-blue,
          .app-container .panel.appform-panel fieldset div.tracking-container tbody tr td.revisions-system-red,
          .app-container .panel.appform-panel fieldset div.tracking-container tbody tr td.revisions-system-green,
          .app-container .panel.appform-panel fieldset div.tracking-container tbody tr td.revisions-system-blue,
          .app-container .panel.appform-panel fieldset div.tracking-container tbody tr div.document-type-crud-header.revisions-system-red,
          .app-container .panel.appform-panel fieldset div.tracking-container tbody tr div.document-type-crud-header.revisions-system-green,
          .app-container .panel.appform-panel fieldset div.tracking-container tbody tr div.document-type-crud-header.revisions-system-blue {
            font-weight: bold;
            padding-left: 5px;
            position: relative;
            color: #fff; }
            .app-container .panel.extended-panel fieldset table:not(.items) tbody tr td.revisions-system-red:after, .app-container .panel.extended-panel fieldset table:not(.items) tbody tr td.revisions-system-green:after, .app-container .panel.extended-panel fieldset table:not(.items) tbody tr td.revisions-system-blue:after, .app-container .panel.extended-panel fieldset table:not(.items) tbody tr div.document-type-crud-header.revisions-system-red:after, .app-container .panel.extended-panel fieldset table:not(.items) tbody tr div.document-type-crud-header.revisions-system-green:after, .app-container .panel.extended-panel fieldset table:not(.items) tbody tr div.document-type-crud-header.revisions-system-blue:after,
            .app-container .panel.extended-panel fieldset div.tracking-container tbody tr td.revisions-system-red:after,
            .app-container .panel.extended-panel fieldset div.tracking-container tbody tr td.revisions-system-green:after,
            .app-container .panel.extended-panel fieldset div.tracking-container tbody tr td.revisions-system-blue:after,
            .app-container .panel.extended-panel fieldset div.tracking-container tbody tr div.document-type-crud-header.revisions-system-red:after,
            .app-container .panel.extended-panel fieldset div.tracking-container tbody tr div.document-type-crud-header.revisions-system-green:after,
            .app-container .panel.extended-panel fieldset div.tracking-container tbody tr div.document-type-crud-header.revisions-system-blue:after, .app-container .panel.appform-panel fieldset table:not(.items) tbody tr td.revisions-system-red:after, .app-container .panel.appform-panel fieldset table:not(.items) tbody tr td.revisions-system-green:after, .app-container .panel.appform-panel fieldset table:not(.items) tbody tr td.revisions-system-blue:after, .app-container .panel.appform-panel fieldset table:not(.items) tbody tr div.document-type-crud-header.revisions-system-red:after, .app-container .panel.appform-panel fieldset table:not(.items) tbody tr div.document-type-crud-header.revisions-system-green:after, .app-container .panel.appform-panel fieldset table:not(.items) tbody tr div.document-type-crud-header.revisions-system-blue:after,
            .app-container .panel.appform-panel fieldset div.tracking-container tbody tr td.revisions-system-red:after,
            .app-container .panel.appform-panel fieldset div.tracking-container tbody tr td.revisions-system-green:after,
            .app-container .panel.appform-panel fieldset div.tracking-container tbody tr td.revisions-system-blue:after,
            .app-container .panel.appform-panel fieldset div.tracking-container tbody tr div.document-type-crud-header.revisions-system-red:after,
            .app-container .panel.appform-panel fieldset div.tracking-container tbody tr div.document-type-crud-header.revisions-system-green:after,
            .app-container .panel.appform-panel fieldset div.tracking-container tbody tr div.document-type-crud-header.revisions-system-blue:after {
              position: absolute;
              color: white;
              font-size: 1.5em;
              font-family: "idgateway";
              right: 3%;
              top: 25%;
              width: 10px;
              height: 10px; }
          .app-container .panel.extended-panel fieldset table:not(.items) tbody tr td.revisions-system-red, .app-container .panel.extended-panel fieldset table:not(.items) tbody tr div.document-type-crud-header.revisions-system-red,
          .app-container .panel.extended-panel fieldset div.tracking-container tbody tr td.revisions-system-red,
          .app-container .panel.extended-panel fieldset div.tracking-container tbody tr div.document-type-crud-header.revisions-system-red, .app-container .panel.appform-panel fieldset table:not(.items) tbody tr td.revisions-system-red, .app-container .panel.appform-panel fieldset table:not(.items) tbody tr div.document-type-crud-header.revisions-system-red,
          .app-container .panel.appform-panel fieldset div.tracking-container tbody tr td.revisions-system-red,
          .app-container .panel.appform-panel fieldset div.tracking-container tbody tr div.document-type-crud-header.revisions-system-red {
            background-color: #CC3434; }
            .app-container .panel.extended-panel fieldset table:not(.items) tbody tr td.revisions-system-red:after, .app-container .panel.extended-panel fieldset table:not(.items) tbody tr div.document-type-crud-header.revisions-system-red:after,
            .app-container .panel.extended-panel fieldset div.tracking-container tbody tr td.revisions-system-red:after,
            .app-container .panel.extended-panel fieldset div.tracking-container tbody tr div.document-type-crud-header.revisions-system-red:after, .app-container .panel.appform-panel fieldset table:not(.items) tbody tr td.revisions-system-red:after, .app-container .panel.appform-panel fieldset table:not(.items) tbody tr div.document-type-crud-header.revisions-system-red:after,
            .app-container .panel.appform-panel fieldset div.tracking-container tbody tr td.revisions-system-red:after,
            .app-container .panel.appform-panel fieldset div.tracking-container tbody tr div.document-type-crud-header.revisions-system-red:after {
              content: "\e25d"; }
          .app-container .panel.extended-panel fieldset table:not(.items) tbody tr td.revisions-system-green, .app-container .panel.extended-panel fieldset table:not(.items) tbody tr div.document-type-crud-header.revisions-system-green,
          .app-container .panel.extended-panel fieldset div.tracking-container tbody tr td.revisions-system-green,
          .app-container .panel.extended-panel fieldset div.tracking-container tbody tr div.document-type-crud-header.revisions-system-green, .app-container .panel.appform-panel fieldset table:not(.items) tbody tr td.revisions-system-green, .app-container .panel.appform-panel fieldset table:not(.items) tbody tr div.document-type-crud-header.revisions-system-green,
          .app-container .panel.appform-panel fieldset div.tracking-container tbody tr td.revisions-system-green,
          .app-container .panel.appform-panel fieldset div.tracking-container tbody tr div.document-type-crud-header.revisions-system-green {
            background-color: #6B8E23; }
            .app-container .panel.extended-panel fieldset table:not(.items) tbody tr td.revisions-system-green:after, .app-container .panel.extended-panel fieldset table:not(.items) tbody tr div.document-type-crud-header.revisions-system-green:after,
            .app-container .panel.extended-panel fieldset div.tracking-container tbody tr td.revisions-system-green:after,
            .app-container .panel.extended-panel fieldset div.tracking-container tbody tr div.document-type-crud-header.revisions-system-green:after, .app-container .panel.appform-panel fieldset table:not(.items) tbody tr td.revisions-system-green:after, .app-container .panel.appform-panel fieldset table:not(.items) tbody tr div.document-type-crud-header.revisions-system-green:after,
            .app-container .panel.appform-panel fieldset div.tracking-container tbody tr td.revisions-system-green:after,
            .app-container .panel.appform-panel fieldset div.tracking-container tbody tr div.document-type-crud-header.revisions-system-green:after {
              content: "\e25e"; }
          .app-container .panel.extended-panel fieldset table:not(.items) tbody tr td.revisions-system-blue, .app-container .panel.extended-panel fieldset table:not(.items) tbody tr div.document-type-crud-header.revisions-system-blue,
          .app-container .panel.extended-panel fieldset div.tracking-container tbody tr td.revisions-system-blue,
          .app-container .panel.extended-panel fieldset div.tracking-container tbody tr div.document-type-crud-header.revisions-system-blue, .app-container .panel.appform-panel fieldset table:not(.items) tbody tr td.revisions-system-blue, .app-container .panel.appform-panel fieldset table:not(.items) tbody tr div.document-type-crud-header.revisions-system-blue,
          .app-container .panel.appform-panel fieldset div.tracking-container tbody tr td.revisions-system-blue,
          .app-container .panel.appform-panel fieldset div.tracking-container tbody tr div.document-type-crud-header.revisions-system-blue {
            background-color: #4682B4; }
            .app-container .panel.extended-panel fieldset table:not(.items) tbody tr td.revisions-system-blue:after, .app-container .panel.extended-panel fieldset table:not(.items) tbody tr div.document-type-crud-header.revisions-system-blue:after,
            .app-container .panel.extended-panel fieldset div.tracking-container tbody tr td.revisions-system-blue:after,
            .app-container .panel.extended-panel fieldset div.tracking-container tbody tr div.document-type-crud-header.revisions-system-blue:after, .app-container .panel.appform-panel fieldset table:not(.items) tbody tr td.revisions-system-blue:after, .app-container .panel.appform-panel fieldset table:not(.items) tbody tr div.document-type-crud-header.revisions-system-blue:after,
            .app-container .panel.appform-panel fieldset div.tracking-container tbody tr td.revisions-system-blue:after,
            .app-container .panel.appform-panel fieldset div.tracking-container tbody tr div.document-type-crud-header.revisions-system-blue:after {
              content: "\e00a"; }
          .app-container .panel.extended-panel fieldset table:not(.items) tbody tr td div img, .app-container .panel.extended-panel fieldset table:not(.items) tbody tr div.document-type-crud-header div img,
          .app-container .panel.extended-panel fieldset div.tracking-container tbody tr td div img,
          .app-container .panel.extended-panel fieldset div.tracking-container tbody tr div.document-type-crud-header div img, .app-container .panel.appform-panel fieldset table:not(.items) tbody tr td div img, .app-container .panel.appform-panel fieldset table:not(.items) tbody tr div.document-type-crud-header div img,
          .app-container .panel.appform-panel fieldset div.tracking-container tbody tr td div img,
          .app-container .panel.appform-panel fieldset div.tracking-container tbody tr div.document-type-crud-header div img {
            cursor: pointer;
            border: 2px dashed black;
            background-color: white; }
            .app-container .panel.extended-panel fieldset table:not(.items) tbody tr td div img.revisions-system-red, .app-container .panel.extended-panel fieldset table:not(.items) tbody tr div.document-type-crud-header div img.revisions-system-red,
            .app-container .panel.extended-panel fieldset div.tracking-container tbody tr td div img.revisions-system-red,
            .app-container .panel.extended-panel fieldset div.tracking-container tbody tr div.document-type-crud-header div img.revisions-system-red, .app-container .panel.appform-panel fieldset table:not(.items) tbody tr td div img.revisions-system-red, .app-container .panel.appform-panel fieldset table:not(.items) tbody tr div.document-type-crud-header div img.revisions-system-red,
            .app-container .panel.appform-panel fieldset div.tracking-container tbody tr td div img.revisions-system-red,
            .app-container .panel.appform-panel fieldset div.tracking-container tbody tr div.document-type-crud-header div img.revisions-system-red {
              border-color: #CC3434;
              filter: alpha(opacity=50);
              zoom: 1;
              /* Fix for IE7 */
              opacity: 0.5; }
            .app-container .panel.extended-panel fieldset table:not(.items) tbody tr td div img.no-pointer, .app-container .panel.extended-panel fieldset table:not(.items) tbody tr div.document-type-crud-header div img.no-pointer,
            .app-container .panel.extended-panel fieldset div.tracking-container tbody tr td div img.no-pointer,
            .app-container .panel.extended-panel fieldset div.tracking-container tbody tr div.document-type-crud-header div img.no-pointer, .app-container .panel.appform-panel fieldset table:not(.items) tbody tr td div img.no-pointer, .app-container .panel.appform-panel fieldset table:not(.items) tbody tr div.document-type-crud-header div img.no-pointer,
            .app-container .panel.appform-panel fieldset div.tracking-container tbody tr td div img.no-pointer,
            .app-container .panel.appform-panel fieldset div.tracking-container tbody tr div.document-type-crud-header div img.no-pointer {
              cursor: default; }
            .app-container .panel.extended-panel fieldset table:not(.items) tbody tr td div img.revisions-system-green, .app-container .panel.extended-panel fieldset table:not(.items) tbody tr div.document-type-crud-header div img.revisions-system-green,
            .app-container .panel.extended-panel fieldset div.tracking-container tbody tr td div img.revisions-system-green,
            .app-container .panel.extended-panel fieldset div.tracking-container tbody tr div.document-type-crud-header div img.revisions-system-green, .app-container .panel.appform-panel fieldset table:not(.items) tbody tr td div img.revisions-system-green, .app-container .panel.appform-panel fieldset table:not(.items) tbody tr div.document-type-crud-header div img.revisions-system-green,
            .app-container .panel.appform-panel fieldset div.tracking-container tbody tr td div img.revisions-system-green,
            .app-container .panel.appform-panel fieldset div.tracking-container tbody tr div.document-type-crud-header div img.revisions-system-green {
              border-color: #6B8E23; }
            .app-container .panel.extended-panel fieldset table:not(.items) tbody tr td div img.revisions-system-blue, .app-container .panel.extended-panel fieldset table:not(.items) tbody tr div.document-type-crud-header div img.revisions-system-blue,
            .app-container .panel.extended-panel fieldset div.tracking-container tbody tr td div img.revisions-system-blue,
            .app-container .panel.extended-panel fieldset div.tracking-container tbody tr div.document-type-crud-header div img.revisions-system-blue, .app-container .panel.appform-panel fieldset table:not(.items) tbody tr td div img.revisions-system-blue, .app-container .panel.appform-panel fieldset table:not(.items) tbody tr div.document-type-crud-header div img.revisions-system-blue,
            .app-container .panel.appform-panel fieldset div.tracking-container tbody tr td div img.revisions-system-blue,
            .app-container .panel.appform-panel fieldset div.tracking-container tbody tr div.document-type-crud-header div img.revisions-system-blue {
              border-color: #4682B4; }
          .app-container .panel.extended-panel fieldset table:not(.items) tbody tr td.review-buttons, .app-container .panel.extended-panel fieldset table:not(.items) tbody tr div.document-type-crud-header.review-buttons,
          .app-container .panel.extended-panel fieldset div.tracking-container tbody tr td.review-buttons,
          .app-container .panel.extended-panel fieldset div.tracking-container tbody tr div.document-type-crud-header.review-buttons, .app-container .panel.appform-panel fieldset table:not(.items) tbody tr td.review-buttons, .app-container .panel.appform-panel fieldset table:not(.items) tbody tr div.document-type-crud-header.review-buttons,
          .app-container .panel.appform-panel fieldset div.tracking-container tbody tr td.review-buttons,
          .app-container .panel.appform-panel fieldset div.tracking-container tbody tr div.document-type-crud-header.review-buttons {
            width: 80px; }
      .app-container .panel.extended-panel fieldset table:not(.items) tbody tr.redacted,
      .app-container .panel.extended-panel fieldset div.tracking-container tbody tr.redacted, .app-container .panel.appform-panel fieldset table:not(.items) tbody tr.redacted,
      .app-container .panel.appform-panel fieldset div.tracking-container tbody tr.redacted {
        background: #C0C0C0; }
    .app-container .panel.extended-panel fieldset table.group-info-crud-summary td.review-buttons, .app-container .panel.appform-panel fieldset table.group-info-crud-summary td.review-buttons {
      width: 130px !important; }
      .app-container .panel.extended-panel fieldset table.group-info-crud-summary td.review-buttons div.check-buttons, .app-container .panel.appform-panel fieldset table.group-info-crud-summary td.review-buttons div.check-buttons {
        padding: 3px 3px 0 3px !important;
        margin: 0 !important; }
    .app-container .panel.extended-panel fieldset table.twocol td, .app-container .panel.appform-panel fieldset table.twocol td {
      padding-left: 5px;
      width: 30%; }
    .app-container .panel.extended-panel fieldset table.twocol td.label, .app-container .panel.appform-panel fieldset table.twocol td.label {
      padding-left: inherit; }
    .app-container .panel.extended-panel fieldset table.twocol tr.doublecolrow td, .app-container .panel.appform-panel fieldset table.twocol tr.doublecolrow td {
      width: 80%; }
    .app-container .panel.extended-panel fieldset table.twocol tr.doublecolrow td.label, .app-container .panel.appform-panel fieldset table.twocol tr.doublecolrow td.label {
      width: 20%; }
    .app-container .panel.extended-panel fieldset div.tracking-container div, .app-container .panel.appform-panel fieldset div.tracking-container div {
      margin: 1em 0; }
      .app-container .panel.extended-panel fieldset div.tracking-container div.errorMessage, .app-container .panel.appform-panel fieldset div.tracking-container div.errorMessage {
        color: #DB634F;
        font-weight: bold; }
      .app-container .panel.extended-panel fieldset div.tracking-container div span.text, .app-container .panel.appform-panel fieldset div.tracking-container div span.text {
        font-size: 1.19em;
        line-height: 1.2em; }
      .app-container .panel.extended-panel fieldset div.tracking-container div.grid-view table, .app-container .panel.appform-panel fieldset div.tracking-container div.grid-view table {
        margin: 0; }
        .app-container .panel.extended-panel fieldset div.tracking-container div.grid-view table thead th, .app-container .panel.appform-panel fieldset div.tracking-container div.grid-view table thead th {
          color: #444; }
        .app-container .panel.extended-panel fieldset div.tracking-container div.grid-view table tbody tr td, .app-container .panel.appform-panel fieldset div.tracking-container div.grid-view table tbody tr td {
          cursor: default; }
          .app-container .panel.extended-panel fieldset div.tracking-container div.grid-view table tbody tr td p, .app-container .panel.appform-panel fieldset div.tracking-container div.grid-view table tbody tr td p {
            margin-bottom: 0.5em; }
    .app-container .panel.extended-panel fieldset div.tracking-container label, .app-container .panel.appform-panel fieldset div.tracking-container label {
      font-weight: bold;
      font-size: 1.15em;
      margin: 5px 0; }
      .app-container .panel.extended-panel fieldset div.tracking-container label.error, .app-container .panel.appform-panel fieldset div.tracking-container label.error {
        color: #DB634F; }
    .app-container .panel.extended-panel fieldset div.tracking-container textarea, .app-container .panel.appform-panel fieldset div.tracking-container textarea {
      margin: 5px 0;
      height: 100px;
      font-size: 1.25em; }
    .app-container .panel.extended-panel fieldset .historic-documents, .app-container .panel.appform-panel fieldset .historic-documents {
      padding: 20px; }
      .app-container .panel.extended-panel fieldset .historic-documents table, .app-container .panel.appform-panel fieldset .historic-documents table {
        margin-left: 0 !important;
        padding-right: 0 !important;
        border: 1px solid #DDD;
        margin: 20px 0; }
        .app-container .panel.extended-panel fieldset .historic-documents table thead .width-60,
        .app-container .panel.extended-panel fieldset .historic-documents table tbody .width-60, .app-container .panel.appform-panel fieldset .historic-documents table thead .width-60,
        .app-container .panel.appform-panel fieldset .historic-documents table tbody .width-60 {
          width: 60%; }
        .app-container .panel.extended-panel fieldset .historic-documents table thead .width-20,
        .app-container .panel.extended-panel fieldset .historic-documents table tbody .width-20, .app-container .panel.appform-panel fieldset .historic-documents table thead .width-20,
        .app-container .panel.appform-panel fieldset .historic-documents table tbody .width-20 {
          width: 20%; }
        .app-container .panel.extended-panel fieldset .historic-documents table thead tr th, .app-container .panel.appform-panel fieldset .historic-documents table thead tr th {
          background: #eee; }
        .app-container .panel.extended-panel fieldset .historic-documents table thead tr:first-of-type th, .app-container .panel.appform-panel fieldset .historic-documents table thead tr:first-of-type th {
          background: #ddd;
          padding: 5px; }
        .app-container .panel.extended-panel fieldset .historic-documents table tbody tr td, .app-container .panel.appform-panel fieldset .historic-documents table tbody tr td {
          border-bottom: none !important; }
  .app-container .panel.extended-panel.problems .header, .app-container .panel.appform-panel.problems .header {
    /*margin: 5px 10px;*/ }
    .app-container .panel.extended-panel.problems .header div.left, .app-container .panel.appform-panel.problems .header div.left {
      color: #DB634F; }
      .app-container .panel.extended-panel.problems .header div.left .title, .app-container .panel.appform-panel.problems .header div.left .title {
        display: inline; }
  .app-container .panel.extended-panel.panel-above-summary div.panel-info, .app-container .panel.appform-panel.panel-above-summary div.panel-info {
    padding: 5px; }
  .app-container .panel.extended-panel.panel-above-summary div.form div.row, .app-container .panel.appform-panel.panel-above-summary div.form div.row {
    margin: 0; }
    .app-container .panel.extended-panel.panel-above-summary div.form div.row:not(.buttons), .app-container .panel.appform-panel.panel-above-summary div.form div.row:not(.buttons) {
      margin: 5px 25px;
      padding: 0; }
      .app-container .panel.extended-panel.panel-above-summary div.form div.row:not(.buttons) textarea, .app-container .panel.appform-panel.panel-above-summary div.form div.row:not(.buttons) textarea {
        height: 100px; }
  .app-container .panel.full-panel .gridView .summary {
    position: relative;
    top: 0; }
  .app-container .panel.appform-summary-panel {
    float: right;
    padding-bottom: 20px; }
    @media (max-width: 950px) {
      .app-container .panel.appform-summary-panel {
        margin-left: auto !important;
        width: 100% !important;
        float: none; } }
    .app-container .panel.appform-summary-panel .body {
      margin: 0 0; }
      .app-container .panel.appform-summary-panel .body h5,
      .app-container .panel.appform-summary-panel .body > ul {
        margin: 0 25px; }
        .app-container .panel.appform-summary-panel .body h5 li,
        .app-container .panel.appform-summary-panel .body > ul li {
          margin: 0;
          text-indent: 0;
          padding: 5px 0; }
      .app-container .panel.appform-summary-panel .body h5 {
        border-bottom: 1px solid #EAEAEA;
        padding: 5px 0;
        font-weight: 500;
        color: #555;
        margin: 10px 25px;
        font-size: 1.15em; }
    .app-container .panel.appform-summary-panel .application-items-accordion {
      margin: 15px 0;
      /* .flag-orange {
                    color: darken($colorWarning, 25%);

                    +.summary-message {
                        color: darken($colorWarning, 25%);
                    }
                } */ }
      .app-container .panel.appform-summary-panel .application-items-accordion h3 {
        background: #F4F4F4;
        border: none;
        border-bottom: 1px solid #CCC;
        padding: 10px 25px;
        font-size: 0.9em;
        border-radius: 0;
        -webkit-border-radius: 0;
        -moz-border-radius: 0;
        -ms-border-radius: 0; }
        .app-container .panel.appform-summary-panel .application-items-accordion h3:after {
          content: "";
          display: table;
          clear: both; }
        .app-container .panel.appform-summary-panel .application-items-accordion h3 .ui-accordion-header-icon {
          display: none; }
      .app-container .panel.appform-summary-panel .application-items-accordion .ui-accordion-content {
        border: none;
        background: transparent;
        border-radius: 0;
        -webkit-border-radius: 0;
        -moz-border-radius: 0;
        -ms-border-radius: 0;
        font-size: 0.9em;
        height: auto !important; }
      .app-container .panel.appform-summary-panel .application-items-accordion .pull-right {
        display: inline-block;
        float: right;
        color: #BBB; }
      .app-container .panel.appform-summary-panel .application-items-accordion .flag-container,
      .app-container .panel.appform-summary-panel .application-items-accordion .summary-message {
        display: inline-block;
        float: left;
        vertical-align: top; }
      .app-container .panel.appform-summary-panel .application-items-accordion .summary-message {
        width: 80%;
        word-wrap: break-word; }
      .app-container .panel.appform-summary-panel .application-items-accordion .flag-container {
        width: 20px;
        overflow: hidden; }
      .app-container .panel.appform-summary-panel .application-items-accordion .flag-red {
        color: #d7503a; }
        .app-container .panel.appform-summary-panel .application-items-accordion .flag-red + .summary-message {
          color: #d7503a; }
      .app-container .panel.appform-summary-panel .application-items-accordion .flag-yellow, .app-container .panel.appform-summary-panel .application-items-accordion .flag-orange {
        color: #f08d27; }
        .app-container .panel.appform-summary-panel .application-items-accordion .flag-yellow + .summary-message, .app-container .panel.appform-summary-panel .application-items-accordion .flag-orange + .summary-message {
          color: #f08d27; }
      .app-container .panel.appform-summary-panel .application-items-accordion .flag-blue {
        color: #3f8bb3; }
        .app-container .panel.appform-summary-panel .application-items-accordion .flag-blue + .summary-message {
          color: #3f8bb3; }
  .app-container .panel .tracking-content .tracking-section-wrapper {
    overflow: hidden;
    padding-bottom: 10px; }
  .app-container .panel .tracking-content .tracking-section-header h6 {
    margin-left: 0; }
  .app-container .panel .tracking-content ul {
    padding-left: 0; }
  .app-container .panel.appform-top-summary {
    margin-bottom: 0;
    border-bottom-right-radius: 0; }
    @media (max-width: 570px) {
      .app-container .panel.appform-top-summary {
        margin-bottom: 20px; } }
    .app-container .panel.appform-top-summary .header {
      margin: 0; }
    .app-container .panel.appform-top-summary .summary {
      display: block;
      overflow: hidden;
      border-bottom: 1px solid #DDD; }
      .app-container .panel.appform-top-summary .summary:after {
        content: "";
        display: table;
        clear: both; }
      .app-container .panel.appform-top-summary .summary .app-panel-column tr td:last-child .key, .app-container .panel.appform-top-summary .summary .app-panel-column tr td:last-child .value {
        border-right: none; }
      .app-container .panel.appform-top-summary .summary .app-panel-column [class*='status-block-'] {
        font-weight: 500; }
      .app-container .panel.appform-top-summary .summary .app-panel-column .key {
        background: #EEE;
        padding: 7px 10px;
        font-weight: 500;
        text-align: center;
        border-bottom: 1px solid #DDD;
        border-right: 1px solid #DDD; }
        @media (max-width: 570px) {
          .app-container .panel.appform-top-summary .summary .app-panel-column .key {
            font-size: 0.7em; } }
      .app-container .panel.appform-top-summary .summary .app-panel-column .value {
        float: none;
        margin: 0;
        line-height: 1.2em;
        padding: 10px;
        text-align: center;
        border-right: 1px solid #DDD;
        font-weight: 500; }
        @media (max-width: 570px) {
          .app-container .panel.appform-top-summary .summary .app-panel-column .value {
            font-size: 0.7em; } }
    .app-container .panel.appform-top-summary #tracking-wrap {
      float: none;
      width: 100%;
      margin-bottom: 10px; }
      .app-container .panel.appform-top-summary #tracking-wrap #tracking-menu {
        width: 40%;
        display: inline-block;
        border: none;
        box-shadow: none;
        border-radius: 0;
        -webkit-border-radius: 0;
        -moz-border-radius: 0;
        -ms-border-radius: 0; }
      .app-container .panel.appform-top-summary #tracking-wrap #tracking-section-form {
        width: 50%;
        float: right;
        position: relative;
        display: inline-block;
        padding-left: 15px;
        border-radius: 0;
        -webkit-border-radius: 0;
        -moz-border-radius: 0;
        -ms-border-radius: 0;
        border: none;
        border-left: 1px solid #DFDFDF;
        box-shadow: none; }
        .app-container .panel.appform-top-summary #tracking-wrap #tracking-section-form #tracking-main-body {
          width: 100%; }
    .app-container .panel.appform-top-summary.appform-top-summary-buttons {
      display: inline-block;
      float: right;
      width: auto;
      border-radius: 5px;
      -webkit-border-radius: 5px;
      -moz-border-radius: 5px;
      -ms-border-radius: 5px;
      border-top-left-radius: 0;
      border-top-right-radius: 0;
      margin-top: -1px; }
      .app-container .panel.appform-top-summary.appform-top-summary-buttons ul {
        height: auto;
        padding-left: 0; }
        .app-container .panel.appform-top-summary.appform-top-summary-buttons ul li {
          display: inline-block;
          float: none;
          margin: 0 0 0 5px;
          padding: 0;
          line-height: 1em; }
          .app-container .panel.appform-top-summary.appform-top-summary-buttons ul li a {
            padding: 8px 8px 5px 8px;
            color: #2A739A;
            font-weight: 500; }
  .app-container .panel .header {
    background: none;
    border: none;
    height: auto;
    margin: 20px 25px 0 25px;
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0; }
    .app-container .panel .header:after {
      content: "";
      display: table;
      clear: both; }
    .app-container .panel .header .icon {
      display: none; }
      .app-container .panel .header .icon.icon-right {
        display: inline-block; }
    .app-container .panel .header .details-list {
      list-style: none;
      display: block;
      margin: 10px 0 10px 0; }
      .app-container .panel .header .details-list ul {
        margin: 0;
        padding: 0; }
        .app-container .panel .header .details-list ul li {
          display: inline-block;
          margin-right: 15px; }
    .app-container .panel .header.driver-welcome {
      font-size: 1.4em;
      color: #2A739A;
      font-weight: 500;
      margin-top: 8px; }
      .app-container .panel .header.driver-welcome .welcome-text {
        display: inline-block;
        margin: 10px 0 0 0;
        width: 100%; }
        @media (max-width: 570px) {
          .app-container .panel .header.driver-welcome .welcome-text {
            margin: 10px 0 15px 0; } }
        .app-container .panel .header.driver-welcome .welcome-text .large-icon-left {
          font-size: 3.8em;
          margin: -5px 0 0 15px; }
          @media (max-width: 570px) {
            .app-container .panel .header.driver-welcome .welcome-text .large-icon-left {
              display: none; } }
        .app-container .panel .header.driver-welcome .welcome-text span {
          display: block;
          margin-top: 5px;
          font-size: 0.7em;
          font-weight: 400;
          color: #555; }
    .app-container .panel .header.driver-header .description {
      text-align: justify; }
    .app-container .panel .header .title {
      font-size: 1.5em;
      line-height: 1.5em;
      color: #2A739A;
      font-weight: 500;
      display: block;
      float: none;
      margin: 0 0 3px 0;
      white-space: inherit;
      width: auto; }
      @media (max-width: 570px) {
        .app-container .panel .header .title {
          font-size: 1.2em !important;
          clear: both; } }
      .app-container .panel .header .title i {
        font-size: 0.83em; }
      .app-container .panel .header .title.dashboard-title {
        display: inline-block; }
    .app-container .panel .header .description {
      display: block;
      color: #555;
      line-height: 1.5em;
      margin-bottom: 15px; }
    .app-container .panel .header .right-context {
      display: inline-block;
      float: right; }
      .app-container .panel .header .right-context:after {
        content: "";
        display: table;
        clear: both; }
      @media (max-width: 570px) {
        .app-container .panel .header .right-context {
          clear: both; } }
      .app-container .panel .header .right-context.inset {
        margin: -20px -25px 10px 25px;
        background: #F8F8F8;
        -webkit-box-shadow: inset 0 0 3px #EEE;
        -moz-box-shadow: inset 0 0 3px #EEE;
        box-shadow: inset 0 0 3px #EEE;
        border-left: 1px solid #DFDFDF;
        border-bottom: 1px solid #DFDFDF;
        -webkit-border-bottom-left-radius: 4px;
        -moz-border-bottom-left-radius: 4px;
        border-bottom-left-radius: 4px; }
        @media (max-width: 570px) {
          .app-container .panel .header .right-context.inset {
            margin-left: 0px; } }
      .app-container .panel .header .right-context.badge-header {
        margin-top: 2px; }
      .app-container .panel .header .right-context.security-checkpoint {
        font-size: 1.4em;
        color: #489d5d;
        margin-top: 5px; }
      .app-container .panel .header .right-context.grid-filter-by-pass-type {
        text-align: left;
        padding: 15px; }
        @media (max-width: 570px) {
          .app-container .panel .header .right-context.grid-filter-by-pass-type {
            padding: 5px; } }
        .app-container .panel .header .right-context.grid-filter-by-pass-type:after {
          content: "";
          display: table;
          clear: both; }
        .app-container .panel .header .right-context.grid-filter-by-pass-type h6 {
          display: block;
          color: #777;
          font-weight: 500;
          font-size: 1.1em;
          margin: 5px 0 5px 0; }
        .app-container .panel .header .right-context.grid-filter-by-pass-type .inner-wrapper {
          display: block;
          margin: 10px 0 0 0;
          width: auto; }
          .app-container .panel .header .right-context.grid-filter-by-pass-type .inner-wrapper .switch {
            display: inline-block;
            text-align: right;
            background: #DDD;
            overflow: hidden;
            margin-right: 5px;
            border-radius: 2px;
            -webkit-border-radius: 2px;
            -moz-border-radius: 2px;
            -ms-border-radius: 2px;
            font-size: 0.9em;
            cursor: pointer; }
            .app-container .panel .header .right-context.grid-filter-by-pass-type .inner-wrapper .switch:after {
              content: "";
              display: table;
              clear: both; }
            @media (max-width: 570px) {
              .app-container .panel .header .right-context.grid-filter-by-pass-type .inner-wrapper .switch {
                font-size: 0.7em; } }
            .app-container .panel .header .right-context.grid-filter-by-pass-type .inner-wrapper .switch:last-child {
              margin-right: 0; }
            .app-container .panel .header .right-context.grid-filter-by-pass-type .inner-wrapper .switch .switch-label {
              display: inline-block;
              float: left;
              padding: 4px 8px; }
            .app-container .panel .header .right-context.grid-filter-by-pass-type .inner-wrapper .switch .switch-container {
              display: inline-block;
              font-weight: 500; }
              .app-container .panel .header .right-context.grid-filter-by-pass-type .inner-wrapper .switch .switch-container input[type="checkbox"] {
                position: absolute;
                opacity: 0; }
              .app-container .panel .header .right-context.grid-filter-by-pass-type .inner-wrapper .switch .switch-container input[type="checkbox"]:checked + label {
                background: #61B776;
                color: #FFF;
                text-shadow: 0 1px 1px #489d5d;
                min-width: 43px;
                text-align: center; }
                .app-container .panel .header .right-context.grid-filter-by-pass-type .inner-wrapper .switch .switch-container input[type="checkbox"]:checked + label:before {
                  content: "ON"; }
                .app-container .panel .header .right-context.grid-filter-by-pass-type .inner-wrapper .switch .switch-container input[type="checkbox"]:checked + label.no-css-content:before {
                  content: ""; }
              .app-container .panel .header .right-context.grid-filter-by-pass-type .inner-wrapper .switch .switch-container input[type="checkbox"] + label {
                color: #FFF;
                min-width: 43px;
                text-align: center; }
                .app-container .panel .header .right-context.grid-filter-by-pass-type .inner-wrapper .switch .switch-container input[type="checkbox"] + label:before {
                  content: "OFF"; }
                .app-container .panel .header .right-context.grid-filter-by-pass-type .inner-wrapper .switch .switch-container input[type="checkbox"] + label.no-css-content:before {
                  content: ""; }
  .app-container .panel .warning {
    margin: 0 25px 5px 25px;
    padding: 10px 20px;
    color: #FFF;
    background: #F29A3F;
    font-size: 1.05em;
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0; }
    .app-container .panel .warning:after {
      content: "";
      display: table;
      clear: both; }
    .app-container .panel .warning p {
      margin: 0; }
  .app-container .panel .plain-warning {
    color: #FFF;
    background: #F29A3F;
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0; }
    .app-container .panel .plain-warning:after {
      content: "";
      display: table;
      clear: both; }
  .app-container .panel .text-warning {
    color: #F29A3F; }
  .app-container .panel .plain-error {
    color: #FFF;
    background: #DB634F;
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0; }
    .app-container .panel .plain-error:after {
      content: "";
      display: table;
      clear: both; }
  .app-container .panel .text-error {
    color: #DB634F; }
  .app-container .panel .summary-header:after {
    content: "";
    display: table;
    clear: both; }
  .app-container .panel .summary-header h6 {
    display: block;
    color: #777;
    font-weight: 500;
    font-size: 1.1em;
    margin: 5px 0 5px 0; }
  .app-container .panel .summary-header .check-buttons {
    display: inline-block;
    font-weight: 500; }
    .app-container .panel .summary-header .check-buttons input[type="checkbox"] {
      position: absolute;
      opacity: 0; }
    .app-container .panel .summary-header .check-buttons input[type="checkbox"].cross-button:checked + label {
      color: #FFF;
      text-align: center;
      cursor: pointer; }
      .app-container .panel .summary-header .check-buttons input[type="checkbox"].cross-button:checked + label.no-css-content:before {
        content: ""; }
    .app-container .panel .summary-header .check-buttons input[type="checkbox"].cross-button.level-high:checked + label:before {
      content: url(../../images/buttons/cross-level-high.jpg); }
    .app-container .panel .summary-header .check-buttons input[type="checkbox"].cross-button.level-medium:checked + label:before {
      content: url(../../images/buttons/cross-level-medium.jpg); }
    .app-container .panel .summary-header .check-buttons input[type="checkbox"].cross-button.level-low:checked + label:before {
      content: url(../../images/buttons/cross-level-low.jpg); }
    .app-container .panel .summary-header .check-buttons input[type="checkbox"].cross-button + label {
      color: #000;
      text-align: center;
      cursor: pointer; }
      .app-container .panel .summary-header .check-buttons input[type="checkbox"].cross-button + label.no-css-content:before {
        content: ""; }
    .app-container .panel .summary-header .check-buttons input[type="checkbox"].cross-button.level-high + label:before {
      content: url(../../images/buttons/cross-level-high-inactive.jpg); }
    .app-container .panel .summary-header .check-buttons input[type="checkbox"].cross-button.level-high + label.no-css-content:before {
      content: ""; }
    .app-container .panel .summary-header .check-buttons input[type="checkbox"].cross-button.level-medium + label:before {
      content: url(../../images/buttons/cross-level-medium-inactive.jpg); }
    .app-container .panel .summary-header .check-buttons input[type="checkbox"].cross-button.level-medium + label.no-css-content:before {
      content: ""; }
    .app-container .panel .summary-header .check-buttons input[type="checkbox"].cross-button.level-low + label:before {
      content: url(../../images/buttons/cross-level-low-inactive.jpg); }
    .app-container .panel .summary-header .check-buttons input[type="checkbox"].cross-button.level-low + label.no-css-content:before {
      content: ""; }
    .app-container .panel .summary-header .check-buttons input[type="checkbox"].tick-button:checked + label {
      color: #FFF;
      text-align: center;
      cursor: pointer; }
      .app-container .panel .summary-header .check-buttons input[type="checkbox"].tick-button:checked + label:before {
        content: url(../../images/buttons/tick.jpg); }
      .app-container .panel .summary-header .check-buttons input[type="checkbox"].tick-button:checked + label.no-css-content:before {
        content: ""; }
    .app-container .panel .summary-header .check-buttons input[type="checkbox"].tick-button + label {
      color: #000;
      text-align: center;
      cursor: pointer; }
      .app-container .panel .summary-header .check-buttons input[type="checkbox"].tick-button + label:before {
        content: url(../../images/buttons/tick-inactive.jpg); }
      .app-container .panel .summary-header .check-buttons input[type="checkbox"].tick-button + label.no-css-content:before {
        content: ""; }
  .app-container .panel .body {
    padding: 0; }
    .app-container .panel .body .panel-info {
      margin: 0 25px; }
    .app-container .panel .body .breadcrumbs {
      margin: 0 0 5px 0;
      background: #EFEFEF;
      color: #777;
      padding: 8px 25px;
      border-bottom: 1px solid #CCC; }
      .app-container .panel .body .breadcrumbs a {
        color: #555;
        text-decoration: none; }
        .app-container .panel .body .breadcrumbs a:hover {
          color: #2A739A; }
    .app-container .panel .body .value-display-block {
      margin: 0 25px 30px; }
    .app-container .panel .body .value-display {
      display: inline-block;
      text-align: center; }
    .app-container .panel .body .value-display-alt {
      display: inline-block;
      margin: 0 10px;
      min-width: 10px; }
    .app-container .panel .body .value-display-title {
      color: #222;
      display: inline-block;
      line-height: 1.5;
      min-width: 120px; }
    .app-container .panel .body .value-display-value {
      border: 2px solid #ddd;
      border-radius: 4px;
      display: block;
      min-width: 120px;
      line-height: 2; }
    .app-container .panel .body .box {
      display: block;
      padding: 0;
      background: none; }
      .app-container .panel .body .box h2, .app-container .panel .body .box h3 {
        margin-bottom: 0;
        color: #fff;
        font-weight: 500; }
      .app-container .panel .body .box h2 {
        font-size: 1.4em; }
      .app-container .panel .body .box h3 {
        font-size: 1.2em; }
      .app-container .panel .body .box h4 {
        font-size: 1.1em; }
      .app-container .panel .body .box .box-header {
        background-color: #3180AA;
        padding: 10px; }
      .app-container .panel .body .box .box-header-secondary {
        background-color: #6cb0d5;
        padding: 5px; }
      .app-container .panel .body .box .box-body h4 {
        color: #111; }
      .app-container .panel .body .box .box-body .even {
        background-color: #e3f0f7; }
      .app-container .panel .body .box .box-header-secondary,
      .app-container .panel .body .box .box-body {
        display: block;
        width: 100%; }
      .app-container .panel .body .box .box-header .width-20,
      .app-container .panel .body .box .box-header-secondary .width-20,
      .app-container .panel .body .box .box-body .width-20 {
        width: 20%;
        float: left; }
      .app-container .panel .body .box .box-header .width-60,
      .app-container .panel .body .box .box-header-secondary .width-60,
      .app-container .panel .body .box .box-body .width-60 {
        width: 60%;
        float: left; }
      .app-container .panel .body .box .box-header .left,
      .app-container .panel .body .box .box-header-secondary .left,
      .app-container .panel .body .box .box-body .left {
        width: 65%; }
      .app-container .panel .body .box .box-header .right,
      .app-container .panel .body .box .box-header-secondary .right,
      .app-container .panel .body .box .box-body .right {
        width: 35%; }
      .app-container .panel .body .box .box-header .right {
        text-align: right; }
    .app-container .panel .body .emailpreferences table .header-primary th {
      background-color: #3180AA; }
  .app-container .panel .button-area {
    background: #F8F8F8;
    margin: 30px 0 0 0;
    padding: 10px 15px;
    border: none;
    text-align: right;
    overflow: hidden; }
    .app-container .panel .button-area:after {
      content: "";
      display: table;
      clear: both; }
    .app-container .panel .button-area .button {
      margin-left: 10px; }
  .app-container .panel .panel-alert,
  .app-container .panel .errorSummary,
  .app-container .panel .panel-info {
    background: #4B98C0;
    color: #FFF;
    font-weight: 500;
    border: none;
    margin: 0 25px 8px 25px;
    padding: 0;
    overflow: hidden;
    text-shadow: 0 1px 1px #3f8bb3;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px; }
    .app-container .panel .panel-alert:after,
    .app-container .panel .errorSummary:after,
    .app-container .panel .panel-info:after {
      content: "";
      display: table;
      clear: both; }
    .app-container .panel .panel-alert.with-flex,
    .app-container .panel .errorSummary.with-flex,
    .app-container .panel .panel-info.with-flex {
      display: flex; }
      .app-container .panel .panel-alert.with-flex .panel-alert-icon,
      .app-container .panel .errorSummary.with-flex .panel-alert-icon,
      .app-container .panel .panel-info.with-flex .panel-alert-icon {
        font-size: 2em;
        min-width: inherit;
        padding: 5px 5px 5px 10px; }
    .app-container .panel .panel-alert p,
    .app-container .panel .errorSummary p,
    .app-container .panel .panel-info p {
      padding: 5px 10px;
      display: inline-block;
      float: left;
      margin: 0; }
      .app-container .panel .panel-alert p.error,
      .app-container .panel .errorSummary p.error,
      .app-container .panel .panel-info p.error {
        color: inherit; }
    .app-container .panel .panel-alert a,
    .app-container .panel .errorSummary a,
    .app-container .panel .panel-info a {
      color: inherit; }
    .app-container .panel .panel-alert ul,
    .app-container .panel .errorSummary ul,
    .app-container .panel .panel-info ul {
      display: block;
      margin: 0;
      padding: 0; }
    .app-container .panel .panel-alert.compact,
    .app-container .panel .errorSummary.compact,
    .app-container .panel .panel-info.compact {
      display: inline-block;
      margin-top: 10px; }
    .app-container .panel .panel-alert.no-margin,
    .app-container .panel .errorSummary.no-margin,
    .app-container .panel .panel-info.no-margin {
      margin: 0; }
    .app-container .panel .panel-alert .panel-alert-icon,
    .app-container .panel .errorSummary .panel-alert-icon,
    .app-container .panel .panel-info .panel-alert-icon {
      background: #387ca0;
      margin: 0;
      font-size: 1.2em; }
    .app-container .panel .panel-alert.panel-alert-error, .app-container .panel .panel-alert.errorSummary,
    .app-container .panel .errorSummary.panel-alert-error,
    .app-container .panel .errorSummary,
    .app-container .panel .panel-info.panel-alert-error,
    .app-container .panel .panel-info.errorSummary {
      background: #DB634F;
      text-shadow: 0 1px 1px #d7503a; }
      .app-container .panel .panel-alert.panel-alert-error .panel-alert-icon, .app-container .panel .panel-alert.errorSummary .panel-alert-icon,
      .app-container .panel .errorSummary.panel-alert-error .panel-alert-icon,
      .app-container .panel .errorSummary .panel-alert-icon,
      .app-container .panel .panel-info.panel-alert-error .panel-alert-icon,
      .app-container .panel .panel-info.errorSummary .panel-alert-icon {
        background: #cd412a; }
    .app-container .panel .panel-alert.panel-alert-warning,
    .app-container .panel .errorSummary.panel-alert-warning,
    .app-container .panel .panel-info.panel-alert-warning {
      background: #F29A3F;
      text-shadow: 0 1px 1px #f08d27; }
      .app-container .panel .panel-alert.panel-alert-warning .panel-alert-icon,
      .app-container .panel .errorSummary.panel-alert-warning .panel-alert-icon,
      .app-container .panel .panel-info.panel-alert-warning .panel-alert-icon {
        background: #ee8110; }
      .app-container .panel .panel-alert.panel-alert-warning.bottom,
      .app-container .panel .errorSummary.panel-alert-warning.bottom,
      .app-container .panel .panel-info.panel-alert-warning.bottom {
        margin-top: 5px; }
    .app-container .panel .panel-alert.success,
    .app-container .panel .errorSummary.success,
    .app-container .panel .panel-info.success {
      background: #61B776 !important;
      margin-top: 4px; }
  .app-container .panel .errorSummary {
    margin: 10px 25px;
    padding: 8px; }
  .app-container .panel .panel-block-alert {
    overflow: hidden; }
    .app-container .panel .panel-block-alert .panel-alert-icon {
      width: 40px;
      position: absolute;
      float: left;
      display: inline-block;
      vertical-align: top;
      left: 25px;
      /*max-width: 40px;*/
      border-top-left-radius: 4px;
      border-bottom-left-radius: 4px; }
    .app-container .panel .panel-block-alert.p-as-blocks p {
      display: block;
      float: none;
      margin-top: 5px; }
      .app-container .panel .panel-block-alert.p-as-blocks p:first-of-type {
        display: inline-block;
        width: auto;
        font-size: 1em;
        float: left;
        padding: 6px 6px 5px 10px;
        margin-top: 0; }
    .app-container .panel .panel-block-alert td.odd {
      background: none !important; }
    .app-container .panel .panel-block-alert form {
      display: block; }
    .app-container .panel .panel-block-alert p:first-of-type {
      display: inline-block;
      width: 100%;
      margin-left: 40px;
      font-size: 1em;
      float: left;
      padding: 6px 6px 5px 10px;
      border-bottom: 1px solid #3b82a8; }
    .app-container .panel .panel-block-alert.panel-alert-error p:first-of-type, .app-container .panel .panel-block-alert.errorSummary p:first-of-type {
      border-bottom-color: #d4452d; }
    .app-container .panel .panel-block-alert.panel-alert-warning p:first-of-type {
      border-bottom-color: #ef8619; }
    .app-container .panel .panel-block-alert p {
      padding: 10px 10px 0 10px; }
    .app-container .panel .panel-block-alert ul {
      display: block;
      clear: both;
      width: 100%;
      padding: 10px 10px 12px 39px;
      list-style: bullet; }
    .app-container .panel .panel-block-alert .sigList {
      display: block;
      clear: both;
      width: 100%;
      padding: 10px 10px 12px 39px;
      list-style: none; }
    .app-container .panel .panel-block-alert .sigList li {
      float: left;
      margin-bottom: 5px;
      width: 33.33%; }
      @media (max-width: 950px) {
        .app-container .panel .panel-block-alert .sigList li {
          width: 50%; } }
      @media (max-width: 570px) {
        .app-container .panel .panel-block-alert .sigList li {
          width: 100%; } }
  .app-container .panel .panel-alert-icon {
    display: inline-block;
    min-width: 30px;
    color: #FFF;
    font-size: 1em;
    float: left;
    text-align: center;
    padding: 5px;
    vertical-align: top;
    border-bottom-right-radius: 3px; }
  .app-container .panel.third-party-info {
    width: auto;
    margin: 10px 25px; }
    .app-container .panel.third-party-info img {
      width: 15%;
      margin-top: -5px;
      margin-bottom: 5px; }
    .app-container .panel.third-party-info ul {
      list-style-type: none; }
      .app-container .panel.third-party-info ul li {
        margin: 4px 0px; }
    .app-container .panel.third-party-info .third-party-heading {
      vertical-align: middle;
      font-size: 1.5em;
      margin-top: 5px; }
    .app-container .panel.third-party-info .third-party-results {
      margin: 10px 15px; }
  .app-container .panel div.document-upload-container fieldset {
    margin: 0;
    padding: 0; }
  .app-container .panel #UnclearedVapsPanel .grid-view table.items tr td {
    cursor: default;
    padding: 0.3rem; }

div#section-form table tbody tr td .check-buttons {
  display: inline-block;
  font-weight: 500;
  margin-left: 10px; }
  div#section-form table tbody tr td .check-buttons input[type="checkbox"] {
    position: absolute;
    opacity: 0; }
  div#section-form table tbody tr td .check-buttons input[type="checkbox"].cross-button:checked + label {
    color: #FFF;
    text-align: center;
    cursor: pointer; }
    div#section-form table tbody tr td .check-buttons input[type="checkbox"].cross-button:checked + label.no-css-content:before {
      content: ""; }
  div#section-form table tbody tr td .check-buttons input[type="checkbox"].cross-button.level-high:checked + label:before {
    content: url(../../images/buttons/cross-level-high.jpg); }
  div#section-form table tbody tr td .check-buttons input[type="checkbox"].cross-button.level-medium:checked + label:before {
    content: url(../../images/buttons/cross-level-medium.jpg); }
  div#section-form table tbody tr td .check-buttons input[type="checkbox"].cross-button.level-low:checked + label:before {
    content: url(../../images/buttons/cross-level-low.jpg); }
  div#section-form table tbody tr td .check-buttons input[type="checkbox"].cross-button + label {
    color: #000;
    text-align: center;
    cursor: pointer; }
    div#section-form table tbody tr td .check-buttons input[type="checkbox"].cross-button + label.no-css-content:before {
      content: ""; }
  div#section-form table tbody tr td .check-buttons input[type="checkbox"].cross-button.level-high + label:before {
    content: url(../../images/buttons/cross-level-high-inactive.jpg); }
  div#section-form table tbody tr td .check-buttons input[type="checkbox"].cross-button.level-medium + label:before {
    content: url(../../images/buttons/cross-level-medium-inactive.jpg); }
  div#section-form table tbody tr td .check-buttons input[type="checkbox"].cross-button.level-low + label:before {
    content: url(../../images/buttons/cross-level-low-inactive.jpg); }
  div#section-form table tbody tr td .check-buttons input[type="checkbox"].tick-button:checked + label {
    color: #FFF;
    text-align: center;
    cursor: pointer; }
    div#section-form table tbody tr td .check-buttons input[type="checkbox"].tick-button:checked + label:before {
      content: url(../../images/buttons/tick.jpg); }
    div#section-form table tbody tr td .check-buttons input[type="checkbox"].tick-button:checked + label.no-css-content:before {
      content: ""; }
  div#section-form table tbody tr td .check-buttons input[type="checkbox"].tick-button + label {
    color: #000;
    text-align: center;
    cursor: pointer; }
    div#section-form table tbody tr td .check-buttons input[type="checkbox"].tick-button + label:before {
      content: url(../../images/buttons/tick-inactive.jpg); }
    div#section-form table tbody tr td .check-buttons input[type="checkbox"].tick-button + label.no-css-content:before {
      content: ""; }

#document-upload-grid {
  min-height: 550px; }
  #document-upload-grid tr th {
    background: #3180AA; }
  #document-upload-grid .document-upload-header {
    width: 100%;
    background: #3180AA;
    position: relative;
    z-index: 1; }
    #document-upload-grid .document-upload-header h1 {
      color: white;
      font-size: 1.5em;
      padding: 10px;
      margin: 0; }
  #document-upload-grid .document-upload-table {
    min-height: 475px;
    width: calc(100% - 52px);
    margin-left: 52px;
    margin-top: 0; }
  #document-upload-grid .document-upload-toolbar {
    width: 52px;
    top: 9px;
    min-height: 100%;
    background: #3180AA;
    position: absolute;
    z-index: 0; }
  #document-upload-grid .document-upload-vertical-text {
    white-space: pre;
    padding-top: 30px;
    color: white;
    text-align: center;
    font-size: 1.2em; }
  #document-upload-grid .doc-tool-button {
    font-size: 9px;
    width: 46px;
    height: 45px;
    margin: 1px 3px;
    padding: 0px;
    border: 2px solid #ddd; }
    #document-upload-grid .doc-tool-button:hover {
      opacity: 0.8; }

#document-upload-grid.document-upload-flex {
  min-height: inherit; }

div.document-upload-container {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  padding: 10px 15px; }
  div.document-upload-container div.documentGrid {
    flex-grow: 1; }
  div.document-upload-container div.document-upload-field-container {
    flex-basis: 60%;
    flex-grow: 1; }
  div.document-upload-container div.document-upload-flex {
    display: flex;
    flex-wrap: wrap;
    background: #EEF5E0;
    border: 2px solid grey;
    border-radius: 15px;
    padding: 10px;
    align-items: flex-start;
    flex-grow: 1; }
    div.document-upload-container div.document-upload-flex .doc-row {
      flex-grow: 1;
      flex-basis: 100%;
      display: flex; }
    div.document-upload-container div.document-upload-flex .document-thumb {
      display: flex;
      min-height: 215px;
      align-items: center;
      justify-content: center;
      flex-grow: 1; }
    div.document-upload-container div.document-upload-flex .pages-container {
      width: 70px; }
    div.document-upload-container div.document-upload-flex .download-link {
      display: none; }
    div.document-upload-container div.document-upload-flex .document-actions {
      margin-top: 5px;
      display: flex;
      flex-basis: 34%;
      flex-direction: row-reverse;
      justify-content: center;
      align-items: flex-start; }
      div.document-upload-container div.document-upload-flex .document-actions a {
        color: inherit;
        margin: 0.2em 0 0.5em 0.5em; }
      div.document-upload-container div.document-upload-flex .document-actions a.zoom-link {
        font-size: 1.1em; }
      div.document-upload-container div.document-upload-flex .document-actions button {
        color: inherit;
        font-size: 1.1em; }
    div.document-upload-container div.document-upload-flex .black-border {
      border: 2px dashed #000;
      border-radius: 6px;
      background: #FFF; }
    div.document-upload-container div.document-upload-flex .no-docs {
      display: flex;
      flex-grow: 1;
      align-items: center;
      justify-content: center;
      height: 215px; }
    div.document-upload-container div.document-upload-flex div.spinner, div.document-upload-container div.document-upload-flex div.todo-spinner, div.document-upload-container div.document-upload-flex div.spinner-label {
      display: inline-block; }
    div.document-upload-container div.document-upload-flex div.spinner-container {
      display: flex;
      align-items: center; }

.document-help-text p {
  line-height: 1.3;
  margin: 1em 0;
  padding: 0; }

.dialogBox-ui-block {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 200;
  background: rgba(0, 0, 0, 0.3); }
  .dialogBox-ui-block .dialogBox {
    width: 400px;
    height: 150px;
    position: relative;
    top: 40%;
    left: calc(50% - 200px);
    background-color: #FFF;
    border: 1px solid #DFDFDF;
    box-shadow: 0 1px 1px #CCC;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px; }
    .dialogBox-ui-block .dialogBox .header-area {
      position: relative;
      width: 100%;
      height: 24px;
      background-color: #EEE;
      text-align: center;
      font-size: 16px;
      line-height: 24px;
      box-shadow: 0 1px 1px #CCC; }
    .dialogBox-ui-block .dialogBox .message-area {
      width: 100%;
      margin: 8px 0;
      padding: 12px; }
    .dialogBox-ui-block .dialogBox .buttons-area {
      position: absolute;
      bottom: 0px;
      width: 100%;
      padding: 8px 4px 8px 8px; }
      .dialogBox-ui-block .dialogBox .buttons-area button {
        margin: 0 4px 0 auto;
        display: block;
        float: right; }

.quota-block {
  background: #FAFAFA;
  font-size: 16px;
  width: 300px;
  border-radius: 3px;
  overflow: hidden;
  display: inline-block;
  margin-right: 20px; }
  .quota-block .title {
    background: #EFEFEF;
    font-weight: bold;
    padding: 10px 20px;
    text-align: center; }
  .quota-block .metrics {
    overflow: hidden;
    padding: 10px 10px 0 10px; }
    .quota-block .metrics:after {
      content: "";
      display: table;
      clear: both; }
    .quota-block .metrics .metric {
      display: inline-block;
      float: left;
      width: 33.3%;
      padding: 10px; }
      .quota-block .metrics .metric .number {
        display: block;
        margin-bottom: 10px;
        font-size: 16px;
        text-align: center;
        font-weight: bold; }
      .quota-block .metrics .metric .label {
        font-size: 14px;
        text-align: center; }
  .quota-block .increase-quota {
    padding: 10px; }
    .quota-block .increase-quota button,
    .quota-block .increase-quota .button {
      width: 100%; }

.help-section {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: flex-start;
  align-content: flex-start;
  padding: 25px; }
  .help-section .sidebar {
    width: 23%; }
  .help-section section {
    flex-grow: 1; }
    .help-section section.hero {
      width: 100%;
      margin-right: 30px;
      margin-bottom: 30px;
      background: #FAFAFA;
      border-radius: 3px;
      border: 2px solid #4B98C0;
      box-shadow: 0 1px 2px #97c3da; }
      .help-section section.hero.user-guides {
        border-color: #61B776; }
        .help-section section.hero.user-guides h3 {
          background: #61B776; }
        .help-section section.hero.user-guides a:hover {
          background: #61B776; }
    .help-section section.links {
      max-width: 75%;
      display: flex;
      flex-wrap: wrap;
      justify-content: space-between;
      align-items: flex-start;
      align-content: flex-start;
      flex-grow: 1; }
      .help-section section.links .column {
        flex-grow: 1;
        max-width: 30%;
        margin: 0 20px 40px 20px; }
      .help-section section.links h4 {
        border-bottom: 1px solid #CCC;
        padding-bottom: 4px;
        margin-bottom: 6px; }
      .help-section section.links ul {
        margin: 0; }
        .help-section section.links ul li a {
          padding: 7px 9px;
          margin: 0;
          background: none;
          box-shadow: none;
          border-radius: 0;
          border-bottom: 1px solid #EEE; }
          .help-section section.links ul li a i {
            float: right;
            margin-top: -1px;
            font-size: 1.3em; }
    .help-section section h3 {
      text-align: center;
      font-weight: 400;
      padding: 14px 12px;
      font-size: 1.5em;
      margin: 0;
      background: #4B98C0;
      color: #FFF; }
    .help-section section .banner {
      text-align: center;
      font-size: 3.5em;
      background: rgba(255, 255, 255, 0.8) url("https://idgateway.co.uk/wp-content/uploads/2015/04/Home_Lead3.png");
      background-size: cover;
      background-position: center;
      border-bottom: 1px solid #F0F0F0;
      box-shadow: 0 1px 1px #EEE; }
      .help-section section .banner a {
        color: #999;
        height: 150px;
        padding: 55px 25px 25px 25px;
        display: block;
        text-decoration: none; }
        .help-section section .banner a:hover {
          background: none !important;
          color: #4B98C0; }
    .help-section section ul {
      margin: 12px;
      padding-left: 0; }
      .help-section section ul li {
        list-style: none;
        flex-grow: 1; }
        .help-section section ul li a {
          display: block;
          background: #FFF;
          padding: 12px;
          border-radius: 3px;
          text-decoration: none;
          color: #444;
          box-shadow: 0 1px 1px #CCC;
          margin: 12px 5px; }
          .help-section section ul li a i {
            font-size: 0.9em;
            margin-right: 3px; }
          .help-section section ul li a:hover {
            background: #4B98C0;
            color: #FFF; }

div.vehicledispensations-filter.panel.search-panel {
  display: inline-block;
  font-size: 1em;
  margin: 0 0 15px 10px; }
  @media (max-width: 950px) {
    div.vehicledispensations-filter.panel.search-panel {
      display: inline-block;
      margin: 10px 0 15px 0; } }

.vehicledispensations-filter-clear {
  display: none;
  font-size: 12px;
  line-height: 1.5em;
  padding-bottom: 10px;
  padding-top: 9px;
  top: -2px; }
  @media (max-width: 950px) {
    .vehicledispensations-filter-clear {
      margin: 10px 0 0 0; } }

table.vehicledispensations .filtered {
  display: none; }

.vehicledispensations-total {
  font-size: 1.19em;
  margin: 0 0 10px 25px; }

.vehicledispensations-collapse-toggle {
  font-size: 12px;
  line-height: 1.5em;
  top: -2px; }
  .vehicledispensations-collapse-toggle.top {
    margin: 0 0 0 15px; }
    @media (max-width: 950px) {
      .vehicledispensations-collapse-toggle.top {
        margin: 10px 0 0 0; } }
  .vehicledispensations-collapse-toggle.bottom {
    font-size: 1.19em;
    margin: 15px 0 0 27px; }

.vehicledispensations-collapse.collapsed {
  display: none; }

.gol-audit-document-form-panel {
  display: none; }

.import-age-excetption-form {
  display: none;
  font-size: 12px;
  line-height: 15px; }
  .import-age-excetption-form .form-title {
    font-weight: 700;
    margin-bottom: 5px; }
  .import-age-excetption-form label[for] {
    margin-bottom: 3px; }
  .import-age-excetption-form input[type], .import-age-excetption-form select {
    max-width: 500px; }
  .import-age-excetption-form .divider {
    width: 100%;
    height: 1px;
    border-bottom: 2px solid #DDD; }

.toggle-contract-details,
.toggle-identity-details {
  cursor: pointer; }

.performance-dashboard-page .panel-row {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  padding: 1rem; }
  @media (max-width: 1100px) {
    .performance-dashboard-page .panel-row {
      flex-direction: column; } }

.performance-dashboard-panel {
  width: 100%;
  border: 1px solid #ccc;
  margin: 0 0.5rem;
  border-radius: 0.5rem;
  position: relative; }
  .performance-dashboard-panel .header a {
    color: #3180AA; }
  .performance-dashboard-panel .header a:focus, .performance-dashboard-panel .header a:hover {
    color: #2A739A; }
  .performance-dashboard-panel .header .icon {
    font-size: 1.2rem; }
  .performance-dashboard-panel .panel-filters {
    display: none;
    margin-bottom: 1rem;
    font-size: 0.8rem; }
  .performance-dashboard-panel .no-data {
    text-align: center; }
    .performance-dashboard-panel .no-data span {
      background: #F29A3F;
      color: #fff;
      padding: 0.5rem; }
  .performance-dashboard-panel .panel-explanation {
    font-style: italic; }
  .performance-dashboard-panel .loading-icon-container {
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 1;
    transform: translate(-50%, -50%); }
  .performance-dashboard-panel .dispensations-details {
    position: relative;
    font-size: 10rem; }
    .performance-dashboard-panel .dispensations-details .dispensations-number {
      font-size: 5rem;
      position: absolute;
      z-index: 1;
      left: 45%;
      top: 45%;
      transform: translate(-50%, -50%);
      font-weight: bolder; }
    .performance-dashboard-panel .dispensations-details .dispensations-icon {
      position: absolute;
      left: 50%;
      top: 60%;
      transform: translate(-50%, -50%); }
      .performance-dashboard-panel .dispensations-details .dispensations-icon .icon-truck {
        font-size: 13rem; }
    @media (max-width: 950px) {
      .performance-dashboard-panel .dispensations-details .dispensations-details {
        margin-top: 2rem; } }
  .performance-dashboard-panel .avgprocesstime-details {
    width: 50%;
    margin: 0 auto; }
    .performance-dashboard-panel .avgprocesstime-details .circle {
      position: relative;
      display: inline-block;
      width: 100%;
      height: 0;
      padding: 50% 0;
      border-radius: 50%;
      background: #fff;
      border: 8px solid #3180AA;
      text-align: center; }
      .performance-dashboard-panel .avgprocesstime-details .circle p {
        margin: 0; }
      .performance-dashboard-panel .avgprocesstime-details .circle .info {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%); }
        .performance-dashboard-panel .avgprocesstime-details .circle .info .time {
          font-size: 4rem;
          color: #3180AA;
          font-weight: bolder; }
        .performance-dashboard-panel .avgprocesstime-details .circle .info .duration {
          text-transform: uppercase;
          margin-bottom: 0.5rem; }
        .performance-dashboard-panel .avgprocesstime-details .circle .info .text.improve {
          color: green;
          font-size: 0.7rem; }
        .performance-dashboard-panel .avgprocesstime-details .circle .info .text.drop {
          color: red;
          font-size: 0.5rem; }
  .performance-dashboard-panel #UnclearedVapsPanel a.button {
    margin-right: 25px; }
  .performance-dashboard-panel#VapsProcessedPanel, .performance-dashboard-panel#ApplicationsReceivedPanel, .performance-dashboard-panel#ApplicationVsExpiryPanel {
    max-width: 50%; }
    @media (max-width: 1100px) {
      .performance-dashboard-panel#VapsProcessedPanel, .performance-dashboard-panel#ApplicationsReceivedPanel, .performance-dashboard-panel#ApplicationVsExpiryPanel {
        max-width: 100%; } }
  .performance-dashboard-panel#CompanyRejectionsPanel {
    max-width: 33.33%; }
    @media (max-width: 1100px) {
      .performance-dashboard-panel#CompanyRejectionsPanel {
        max-width: 100%; } }

.AVSEC .col6 {
  width: 50%; }

.AVSEC .col4 {
  width: 33.33%; }

.AVSEC .col4,
.AVSEC .col6 {
  padding: none; }
  @media (max-width: 1100px) {
    .AVSEC .col4,
    .AVSEC .col6 {
      width: 100%; } }

.AVSEC .performance-dashboard-panel {
  margin: 0;
  height: 100%;
  border-color: #dee2e6; }
  .AVSEC .performance-dashboard-panel .avgprocesstime-details .circle {
    border-color: #dc2832; }
    .AVSEC .performance-dashboard-panel .avgprocesstime-details .circle .info .time {
      color: #2A739A; }
  .AVSEC .performance-dashboard-panel .header {
    position: relative; }
    .AVSEC .performance-dashboard-panel .header a {
      color: #2A739A; }

.AVSEC .row {
  margin: 0; }

.AVSEC .panel-row {
  padding: 0; }

.AVSEC .app-container .performance-dashboard-page {
  background: none;
  border: none;
  box-shadow: none; }
  .AVSEC .app-container .performance-dashboard-page .body {
    background: none; }

.vetting-positive {
  color: #61B776; }

.vetting-negative {
  color: #DB634F; }

@media print {
  html, body {
    height: auto;
    margin: 0 !important;
    font-size: 10px !important; }
  /**
 * Applicant Portal
 */
  #applicant-appointment-home .panel, #applicant-appointment-home .panel.full-panel {
    margin: 0 !important; }
    #applicant-appointment-home .panel .title, #applicant-appointment-home .panel.full-panel .title {
      font-size: 10px !important; }
  #applicant-appointment-home #applicant-boooked {
    margin: 0; }
    #applicant-appointment-home #applicant-boooked .appointment-booked-container {
      padding: 0; }
      #applicant-appointment-home #applicant-boooked .appointment-booked-container br {
        display: none; }
      #applicant-appointment-home #applicant-boooked .appointment-booked-container p {
        font-size: inherit;
        margin: 0; }
      #applicant-appointment-home #applicant-boooked .appointment-booked-container strong {
        font-size: 10px !important; }
  #applicant-appointment-home .map-canvas-container {
    width: 500px;
    height: 375px; } }

@media print and (orientation: landscape) {
  #applicant-appointment-home .map-canvas-container {
    width: 325px;
    height: 325px; } }

@media print {
  /**
 * /Applicant Portal
 */ }

/**
 * Grid
 *
 * Styling for elements inside grids/tables
 */
div.grid-view table tbody tr.amber {
  background-color: rgba(255, 21, 28, 0.33) !important; }
  div.grid-view table tbody tr.amber td.checkbox-column .application-selector {
    display: none !important; }

.error-grid {
  border: 1px solid #DB634F; }

/**
 * Make Application
 *
 * Make application pages include capturing site, pass type, prefix, searching for existing applicants and offering applicant invite and selective access
 *
 * @package     IDGateway Make Application
 * @author      IDGateway <it@idgateway.co.uk>
 */
/**
 * page headers, paragraph text
 *
 */
h1.title-branded {
  color: #47A2BF;
  font-size: 1.5em;
  line-height: 1.5em;
  font-weight: 500;
  display: block;
  float: none;
  margin: 0 0 3px 0;
  white-space: inherit;
  width: auto; }

h2.title-branded-centred {
  color: #47A2BF;
  font-size: 1.3em;
  line-height: 1.5em;
  font-weight: 500;
  display: block;
  float: none;
  margin: 0 0 3px 0;
  white-space: inherit;
  width: auto;
  text-align: center; }

h2.title-branded {
  font-size: .9em;
  font-weight: bold;
  color: #47A2BF; }

p.text-align-centre {
  text-align: center; }

div.flex-column-container {
  display: flex; }

div.flex-column-1 {
  flex: 1; }

p.paragraph-text {
  color: #878787; }

a.no-underline {
  text-decoration: none; }

span.color-green {
  color: green !important; }

span.color-red {
  color: red !important; }

.float-left {
  float: left; }

.paragraph-highlighted-text {
  color: #47A2BF;
  font-weight: 400; }

span.enthasised-text {
  font-style: italic; }

span.enthasised-soft-text {
  color: #878787;
  font-style: italic; }

.quoted-text:before {
  content: "\""; }

.quoted-text:after {
  content: "\""; }

.non-interactive {
  cursor: default !important;
  background: inherit !important; }
  .non-interactive:hover {
    background: inherit !important; }
  .non-interactive:focus {
    background: inherit !important; }

.opacityZero {
  opacity: 0; }

.absoluteFloatTop {
  position: absolute;
  float: top; }

.color-idg-gray {
  color: lightgray; }

/**
 * div tables
 *
 */
.rTable {
  display: table; }

.rTableFulWidth {
  display: table;
  width: 100%; }

.rTableRow {
  display: table-row;
  color: #878787; }

.rTableHeading {
  display: table-header-group; }

.rTableBody {
  display: table-row-group; }

.rTableFoot {
  display: table-footer-group; }

.rTableCell, .rTableHead {
  display: table-cell;
  vertical-align: top; }

#application_summary div.rTableRow div.rTableCell {
  padding: 3px; }

#selected_applicant div.rTableRow div.rTableCell {
  padding: 3px;
  vertical-align: bottom; }

#make_application_button div.rTableRow div.rTableCell {
  padding: 6px;
  vertical-align: top; }

.make_application_button_label {
  padding: 0px;
  cursor: pointer;
  display: inline-block !important; }

#application_payment_summary div.rTableRow div.rTableCell {
  padding: 3px;
  text-align: left;
  vertical-align: top; }

#application_payment_details div.rTableRow div.rTableCell {
  padding: 6px; }

#application_payment_details div.rTableRow {
  margin-top: 3px; }

/**
 * make application declaration container, title and text
 *
 */
div.form-wrap form div.declaration-container {
  border-radius: 8px;
  border: 1px solid #2A739A;
  padding: 8px 15px;
  background-color: #DC9650;
  color: #fff; }

div.form-wrap form div.declaration-container div.declaration-title {
  font-size: 14px;
  font-weight: bold;
  margin-bottom: 5px; }

div.form-wrap form div.declaration-container span.declaration-button-text {
  font-size: 14px;
  font-weight: bold;
  padding-top: 10px;
  padding-left: 5px; }

span.field-value-total {
  padding: 5px;
  margin-left: 5px;
  background-color: lightgray;
  font-weight: 600; }

span.field-value-highlight {
  font-weight: 600; }

/**
 * make application styles
 *
 */
form.in-line {
  display: inline-block !important;
  margin: 0;
  padding: 0; }

.icon-size-medium {
  font-size: 6em;
  color: #47A2BF;
  margin-left: 4px; }

.icon-app-summary, .icon-app-summary-wo-prefix {
  font-size: 6em;
  position: relative;
  left: -5px;
  color: #47A2BF; }

.icon-app-summary-wo-prefix {
  font-size: 4em; }

/*
* make application common app buttons
*/
div#button_col_select_icon span {
  color: #fff;
  line-height: 3;
  font-size: 20px; }

#button_col_icon {
  width: 50px;
  margin-right: 0px;
  padding-right: 0px; }

.makeapp-button-table {
  border: 1px solid #47A2BF;
  width: 380px;
  height: 80px;
  border-radius: 4px; }

.makeapp-button-left-col {
  width: 80px; }

.makeapp-button-left-col span {
  color: lightgray; }

.makeapp-button-centre-col {
  color: #878787;
  font-weight: normal; }

.makeapp-button-centre-col div span {
  font-weight: bold; }

.makeapp-button-right-col {
  width: 50px;
  background-color: lightgray;
  color: #fff;
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px; }

.makeapp-button-unselected {
  border: solid 1px #47A2BF !important; }

.makeapp-button-selected {
  border: solid 1px #A1C617 !important; }

.makeapp-button-selected td.makeapp-button-left-col span {
  color: #A1C617 !important; }

.makeapp-button-selected td.makeapp-button-right-col {
  background-color: #A1C617 !important;
  color: #fff; }

td.makeapp-button-right-col span,
td.makeapp-button-right-col span {
  line-height: 3;
  font-size: 20px;
  margin-left: 10px; }

div#button_col_detail {
  width: 200px; }

.boxed-text-title {
  font-weight: bold; }

div.boxed-text-fixed-width {
  width: 200px; }

div.boxed-text-desc {
  font-weight: normal; }

div.button-container {
  margin-top: 20px;
  margin-bottom: 20px; }

button div.button-col {
  float: left;
  margin-top: 10px;
  margin-left: 35px;
  margin-right: 35px;
  padding: 5px;
  text-align: left;
  vertical-align: middle; }

button div.button-col-arrow {
  float: left;
  padding-left: 10px;
  padding-right: 10px;
  text-align: left;
  vertical-align: middle;
  color: #fff;
  background-color: #47A2BF;
  font-size: 2em;
  line-height: 4; }

button div.button-col-arrow-selected {
  color: #fff;
  background-color: #A1C617; }

button div.button-col-arrow-blue {
  color: #fff;
  background-color: #47A2BF; }

button div.button-row:after {
  content: "";
  display: table;
  clear: both; }

button.button-common-application {
  border: none !important;
  margin-top: 5px;
  width: 380px;
  padding: 0px;
  background-color: lightgray;
  z-index: 100; }
  button.button-common-application:focus {
    background: rgba(42, 115, 154, 0.2); }
  button.button-common-application:hover {
    background: rgba(42, 115, 154, 0.2); }

button.button-common-application label {
  cursor: pointer; }

button.button-select-type {
  margin-top: 5px;
  margin-right: 5px;
  padding: 0px;
  border-radius: 8px;
  border: 2px solid #47A2BF; }
  button.button-select-type:hover {
    background: rgba(42, 115, 154, 0.2); }
  button.button-select-type:focus {
    background: rgba(42, 115, 154, 0.2); }

button.border-selected {
  border-color: #A1C617; }

div.button-big-title {
  font-size: 1.3em;
  color: #47A2BF; }

div.button-subtext {
  font-size: 12px;
  font-weight: normal;
  padding-top: 10px;
  height: 50px;
  color: #47A2BF; }

/**
 * make application section heading and inset label
 *
 */
div.section-container div.button-area {
  background-color: #fff !important;
  margin: 5px !important; }

div.section-container i {
  color: #47A2BF; }

div.form div.form-wrap .section-container {
  margin-top: 20px;
  margin-bottom: 10px;
  background-color: #fff;
  position: relative;
  padding: 15px; }

div.form div.form-wrap .section-container-marginleft {
  margin-left: 22px; }

div.form div.form-wrap .section-container-marginright {
  margin-right: 22px; }

.form-content-centred {
  text-align: center; }

.section-rounded-border {
  border-radius: 8px;
  border: 1px solid #47A2BF;
  padding: 8px 15px;
  font-size: 14px;
  background-color: #47A2BF; }

.section-label {
  font-size: .9em;
  position: absolute;
  top: -9px;
  left: 50px;
  margin-left: -25px;
  padding-left: 5px;
  padding-right: 5px;
  font-weight: bold;
  text-align: center;
  color: #47A2BF;
  background-color: #fff; }

/**
 * make application toggle slider absolute div position top right
 *
 */
div.slider-toggle {
  position: absolute;
  top: 20px;
  right: 65px; }

div.slider-toggle label {
  vertical-align: middle;
  color: #2A739A; }

div.required-fields {
  position: absolute;
  top: 45px;
  right: 40px; }

/* The switch - the box around the slider */
.slider-toggle .switch {
  position: relative;
  display: inline-block;
  width: 50px;
  height: 24px; }

/* Hide default HTML checkbox */
.switch input {
  opacity: 0;
  width: 0;
  height: 0; }

/* The slider */
.slider {
  content: 'On';
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  -webkit-transition: .4s;
  transition: .4s; }

.slider:before {
  position: absolute;
  content: "";
  height: 16px;
  width: 16px;
  left: 4px;
  bottom: 4px;
  background-color: white;
  -webkit-transition: .4s;
  transition: .4s; }

input:checked + .slider {
  background-color: #61B776; }

input:focus + .slider {
  box-shadow: 0 0 1px #61B776; }

input:checked + .slider:before {
  -webkit-transform: translateX(26px);
  -ms-transform: translateX(26px);
  transform: translateX(26px); }

/* Rounded sliders */
.slider.round {
  border-radius: 24px; }

.slider.round:before {
  border-radius: 50%; }

/**
 * make application toggle slider for non-js: shows posting form div on css attribute change
 *
 */
input#toggle_makeapp_version:checked + span + div {
  display: none; }

input#toggle_makeapp_version + span + div {
  display: inline; }

input#toggle_makeapp_version_old:checked + span + div {
  display: inline; }

input#toggle_makeapp_version_old + span + div {
  display: none; }

#toggle_makeapp_version_non_js {
  position: absolute;
  top: 30px;
  right: 0px;
  z-index: 100; }

/**
 * Invite applicant
 *
 * Invite applicant and invite sent specific styles
 *
 * @package     IDGateway Make Application
 * @author      IDGateway <it@idgateway.co.uk>
 */
.form-image-container {
  margin: 20px;
  margin-top: 30px;
  margin-bottom: 30px; }

div.previous-invitations-table-wrapper {
  margin-left: 20px;
  margin-right: 20px; }

img.invite-applicant {
  display: none;
  margin-left: auto;
  margin-right: auto;
  height: 100px;
  width: auto; }

img.invite-applicant-all-steps {
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 20px;
  height: auto;
  width: 100%; }

img.invite-applicant-envelope {
  display: block;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 20px;
  height: 100px;
  width: auto; }

/**
 * invite applicant media css
 *
 */
@media (min-width: 720px) {
  img.invite-applicant {
    display: block; } }

.chosen-container-multi .chosen-choices li.search-field input[type="text"] {
  height: 30px !important; }

/*# sourceMappingURL=app.css.map */