@font-face {
    font-family: 'titillium_webbold';
    src: url(fonts/titilliumweb-bold-webfont.eot);
    src: url(fonts/titilliumweb-bold-webfont.eot?#iefix) format('embedded-opentype'), url(fonts/titilliumweb-bold-webfont.woff2) format('woff2'),
        url(fonts/titilliumweb-bold-webfont.woff) format('woff'), url(fonts/titilliumweb-bold-webfont.ttf) format('truetype'),
        url(images/titilliumweb-bold-webfont.svg#titillium_webbold) format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'titillium_websemibold';
    src: url(fonts/titilliumweb-semibold-webfont.eot);
    src: url(fonts/titilliumweb-semibold-webfont.eot?#iefix) format('embedded-opentype'), url(fonts/titilliumweb-semibold-webfont.woff2) format('woff2'),
        url(fonts/titilliumweb-semibold-webfont.woff) format('woff'), url(fonts/titilliumweb-semibold-webfont.ttf) format('truetype'),
        url(images/titilliumweb-semibold-webfont.svg#titillium_websemibold) format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'globalblue';
    src: url(fonts/globalblue.eot);
    src: url(fonts/globalblue.eot#iefix) format('embedded-opentype'), url(fonts/globalblue.woff2) format('woff2'),
        url(fonts/globalblue.woff) format('woff'), url(fonts/globalblue.ttf) format('truetype'),
        url(images/globalblue.svg#globalblue) format('svg');
    font-weight: normal;
    font-style: normal;
}
/* Chrome hack: SVG is rendered more smooth in Windozze. 100% magic, uncomment if you need it. */
/* Note, that will break hinting! In other OS-es font will be not as sharp as it could be */
/*
@media screen and (-webkit-min-device-pixel-ratio:0) {
  @font-face {
    font-family: 'globalblue';
    src: url('../images/globalblue.svg?65052346#globalblue') format('svg');
  }
}
*/

[class^='icon-']:before,
[class*=' icon-']:before {
    font-family: 'globalblue';
    font-style: normal;
    font-weight: normal;
    speak: none;

    display: inline-block;
    text-decoration: inherit;
    width: 1em;
    text-align: center;
    /* opacity: .8; */

    /* For safety - reset parent styles, that can break glyph codes*/
    font-variant: normal;
    text-transform: none;

    /* fix buttons height, for twitter bootstrap */
    line-height: 1em;

    /* Animation center compensation - margins should be symmetric */
    /* remove if not needed */

    /* you can be more comfortable with increased icons size */
    /* font-size: 120%; */

    /* Font smoothing. That was taken from TWBS */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;

    /* Uncomment for 3D effect */
    /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */
}

.icon-gb_icon_white_profile:before {
    content: '\e800';
} /* '' */
.icon-gb_icon_white_purchase:before {
    content: '\e801';
} /* '' */
.icon-gb_icon_white_receipt:before {
    content: '\e802';
} /* '' */
.icon-gb_icon_white_refer-a-friend:before {
    content: '\e803';
} /* '' */
.icon-gb_icon_white_refund:before {
    content: '\e804';
} /* '' */
.icon-gb_icon_white_refund-currency:before {
    content: '\e805';
} /* '' */
.icon-gb_icon_white_refund-easy-refund:before {
    content: '\e806';
} /* '' */
.icon-gb_icon_white_reminder:before {
    content: '\e807';
} /* '' */
.icon-gb_icon_white_right:before {
    content: '\e808';
} /* '' */
.icon-gb_icon_white_safe-secure:before {
    content: '\e809';
} /* '' */
.icon-gb_icon_white_scan-barcode:before {
    content: '\e80a';
} /* '' */
.icon-gb_icon_white_search:before {
    content: '\e80b';
} /* '' */
.icon-gb_icon_white_share:before {
    content: '\e80c';
} /* '' */
.icon-gb_icon_white_shopping-bag:before {
    content: '\e80d';
} /* '' */
.icon-gb_icon_white_stats-intelligence-1:before {
    content: '\e80e';
} /* '' */
.icon-gb_icon_white_stats-intelligence-2:before {
    content: '\e80f';
} /* '' */
.icon-gb_icon_white_store:before {
    content: '\e810';
} /* '' */
.icon-gb_icon_white_suit-tie:before {
    content: '\e811';
} /* '' */
.icon-gb_icon_white_summary:before {
    content: '\e812';
} /* '' */
.icon-gb_icon_white_tablet:before {
    content: '\e813';
} /* '' */
.icon-gb_icon_white_tax-free-form:before {
    content: '\e814';
} /* '' */
.icon-gb_icon_white_touch-screen:before {
    content: '\e815';
} /* '' */
.icon-gb_icon_white_up:before {
    content: '\e816';
} /* '' */
.icon-gb_icon_white_airport:before {
    content: '\e817';
} /* '' */
.icon-gb_icon_white_attach:before {
    content: '\e818';
} /* '' */
.icon-gb_icon_white_bank-in:before {
    content: '\e819';
} /* '' */
.icon-gb_icon_white_bank-out:before {
    content: '\e81a';
} /* '' */
.icon-gb_icon_white_boarding-pass:before {
    content: '\e81b';
} /* '' */
.icon-gb_icon_white_calculator:before {
    content: '\e81c';
} /* '' */
.icon-gb_icon_white_calendar:before {
    content: '\e81d';
} /* '' */
.icon-gb_icon_white_card-accepted:before {
    content: '\e81e';
} /* '' */
.icon-gb_icon_white_card-stf-card:before {
    content: '\e81f';
} /* '' */
.icon-gb_icon_white_card-tfs-card:before {
    content: '\e820';
} /* '' */
.icon-gb_icon_white_chat-support:before {
    content: '\e821';
} /* '' */
.icon-gb_icon_white_clock:before {
    content: '\e822';
} /* '' */
.icon-gb_icon_white_comment:before {
    content: '\e823';
} /* '' */
.icon-gb_icon_white_competition:before {
    content: '\e824';
} /* '' */
.icon-gb_icon_white_creative:before {
    content: '\e825';
} /* '' */
.icon-gb_icon_white_currency-choice:before {
    content: '\e826';
} /* '' */
.icon-gb_icon_white_customer-service:before {
    content: '\e827';
} /* '' */
.icon-gb_icon_white_customs-stamp:before {
    content: '\e828';
} /* '' */
.icon-gb_icon_white_directions:before {
    content: '\e829';
} /* '' */
.icon-gb_icon_white_documents-forms:before {
    content: '\e82a';
} /* '' */
.icon-gb_icon_white_down:before {
    content: '\e82b';
} /* '' */
.icon-gb_icon_white_edit:before {
    content: '\e82c';
} /* '' */
.icon-gb_icon_white_email:before {
    content: '\e82d';
} /* '' */
.icon-gb_icon_white_enroll-join:before {
    content: '\e82e';
} /* '' */
.icon-gb_icon_white_exclusive:before {
    content: '\e82f';
} /* '' */
.icon-gb_icon_white_gallery-image:before {
    content: '\e830';
} /* '' */
.icon-gb_icon_white_global-blue:before {
    content: '\e831';
} /* '' */
.icon-gb_icon_white_globe:before {
    content: '\e832';
} /* '' */
.icon-gb_icon_white_hand-shake:before {
    content: '\e833';
} /* '' */
.icon-gb_icon_white_help:before {
    content: '\e834';
} /* '' */
.icon-gb_icon_white_left:before {
    content: '\e835';
} /* '' */
.icon-gb_icon_white_location:before {
    content: '\e836';
} /* '' */
.icon-gb_icon_white_magaine-guide:before {
    content: '\e837';
} /* '' */
.icon-gb_icon_white_mailbox:before {
    content: '\e838';
} /* '' */
.icon-gb_icon_white_mail-post:before {
    content: '\e839';
} /* '' */
.icon-gb_icon_white_map:before {
    content: '\e83a';
} /* '' */
.icon-gb_icon_white_member:before {
    content: '\e83b';
} /* '' */
.icon-gb_icon_white_mobile:before {
    content: '\e83c';
} /* '' */
.icon-gb_icon_white_non-eligible:before {
    content: '\e83d';
} /* '' */
.icon-gb_icon_white_offer-promotion:before {
    content: '\e83e';
} /* '' */
.icon-gb_icon_white_order:before {
    content: '\e83f';
} /* '' */
.icon-gb_icon_white_passport:before {
    content: '\e840';
} /* '' */
.icon-gb_icon_white_pay-to-card:before {
    content: '\e841';
} /* '' */
.icon-gb_icon_white_plus:before {
    content: '\e842';
} /* '' */

@font-face {
    font-family: 'gmbgb';
    src: url(fonts/gmbgb.eot);
    src: url(fonts/gmbgb.eot?#iefix) format('embedded-opentype'), url(fonts/gmbgb.woff) format('woff'), url(fonts/gmbgb.ttf) format('truetype'),
        url(images/gmbgb.svg#gb) format('svg');
    font-weight: normal;
    font-style: normal;
}

[class*='icon-gmb']:before {
    display: inline-block;
    font-family: 'gmbgb';
    font-style: normal;
    font-weight: normal;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.icon-gmb-gb_icon_white_pairing:before {
    content: '\0060';
    transform: rotate(90deg);
}
@charset "UTF-8"; /*!
  Ionicons, v2.0.0
  Created by Ben Sperry for the Ionic Framework, http://ionicons.com/
  https://twitter.com/benjsperry  https://twitter.com/ionicframework
  MIT License: https://github.com/driftyco/ionicons

  Android-style icons originally built by Google’s
  Material Design Icons: https://github.com/google/material-design-icons
  used under CC BY http://creativecommons.org/licenses/by/4.0/
  Modified icons to fit ionicon’s grid from original.
*/
@font-face {
    font-family: 'Ionicons';
    src: url(fonts/ionicons.eot);
    src: url(fonts/ionicons.eot#iefix) format('embedded-opentype'), url(fonts/ionicons.ttf) format('truetype'),
        url(fonts/ionicons.woff) format('woff'), url(images/ionicons.svg#Ionicons) format('svg');
    font-weight: normal;
    font-style: normal;
}
.ion,
.ionicons,
.ion-alert:before,
.ion-alert-circled:before,
.ion-android-add:before,
.ion-android-add-circle:before,
.ion-android-alarm-clock:before,
.ion-android-alert:before,
.ion-android-apps:before,
.ion-android-archive:before,
.ion-android-arrow-back:before,
.ion-android-arrow-down:before,
.ion-android-arrow-dropdown:before,
.ion-android-arrow-dropdown-circle:before,
.ion-android-arrow-dropleft:before,
.ion-android-arrow-dropleft-circle:before,
.ion-android-arrow-dropright:before,
.ion-android-arrow-dropright-circle:before,
.ion-android-arrow-dropup:before,
.ion-android-arrow-dropup-circle:before,
.ion-android-arrow-forward:before,
.ion-android-arrow-up:before,
.ion-android-attach:before,
.ion-android-bar:before,
.ion-android-bicycle:before,
.ion-android-boat:before,
.ion-android-bookmark:before,
.ion-android-bulb:before,
.ion-android-bus:before,
.ion-android-calendar:before,
.ion-android-call:before,
.ion-android-camera:before,
.ion-android-cancel:before,
.ion-android-car:before,
.ion-android-cart:before,
.ion-android-chat:before,
.ion-android-checkbox:before,
.ion-android-checkbox-blank:before,
.ion-android-checkbox-outline:before,
.ion-android-checkbox-outline-blank:before,
.ion-android-checkmark-circle:before,
.ion-android-clipboard:before,
.ion-android-close:before,
.ion-android-cloud:before,
.ion-android-cloud-circle:before,
.ion-android-cloud-done:before,
.ion-android-cloud-outline:before,
.ion-android-color-palette:before,
.ion-android-compass:before,
.ion-android-contact:before,
.ion-android-contacts:before,
.ion-android-contract:before,
.ion-android-create:before,
.ion-android-delete:before,
.ion-android-desktop:before,
.ion-android-document:before,
.ion-android-done:before,
.ion-android-done-all:before,
.ion-android-download:before,
.ion-android-drafts:before,
.ion-android-exit:before,
.ion-android-expand:before,
.ion-android-favorite:before,
.ion-android-favorite-outline:before,
.ion-android-film:before,
.ion-android-folder:before,
.ion-android-folder-open:before,
.ion-android-funnel:before,
.ion-android-globe:before,
.ion-android-hand:before,
.ion-android-hangout:before,
.ion-android-happy:before,
.ion-android-home:before,
.ion-android-image:before,
.ion-android-laptop:before,
.ion-android-list:before,
.ion-android-locate:before,
.ion-android-lock:before,
.ion-android-mail:before,
.ion-android-map:before,
.ion-android-menu:before,
.ion-android-microphone:before,
.ion-android-microphone-off:before,
.ion-android-more-horizontal:before,
.ion-android-more-vertical:before,
.ion-android-navigate:before,
.ion-android-notifications:before,
.ion-android-notifications-none:before,
.ion-android-notifications-off:before,
.ion-android-open:before,
.ion-android-options:before,
.ion-android-people:before,
.ion-android-person:before,
.ion-android-person-add:before,
.ion-android-phone-landscape:before,
.ion-android-phone-portrait:before,
.ion-android-pin:before,
.ion-android-plane:before,
.ion-android-playstore:before,
.ion-android-print:before,
.ion-android-radio-button-off:before,
.ion-android-radio-button-on:before,
.ion-android-refresh:before,
.ion-android-remove:before,
.ion-android-remove-circle:before,
.ion-android-restaurant:before,
.ion-android-sad:before,
.ion-android-search:before,
.ion-android-send:before,
.ion-android-settings:before,
.ion-android-share:before,
.ion-android-share-alt:before,
.ion-android-star:before,
.ion-android-star-half:before,
.ion-android-star-outline:before,
.ion-android-stopwatch:before,
.ion-android-subway:before,
.ion-android-sunny:before,
.ion-android-sync:before,
.ion-android-textsms:before,
.ion-android-time:before,
.ion-android-train:before,
.ion-android-unlock:before,
.ion-android-upload:before,
.ion-android-volume-down:before,
.ion-android-volume-mute:before,
.ion-android-volume-off:before,
.ion-android-volume-up:before,
.ion-android-walk:before,
.ion-android-warning:before,
.ion-android-watch:before,
.ion-android-wifi:before,
.ion-aperture:before,
.ion-archive:before,
.ion-arrow-down-a:before,
.ion-arrow-down-b:before,
.ion-arrow-down-c:before,
.ion-arrow-expand:before,
.ion-arrow-graph-down-left:before,
.ion-arrow-graph-down-right:before,
.ion-arrow-graph-up-left:before,
.ion-arrow-graph-up-right:before,
.ion-arrow-left-a:before,
.ion-arrow-left-b:before,
.ion-arrow-left-c:before,
.ion-arrow-move:before,
.ion-arrow-resize:before,
.ion-arrow-return-left:before,
.ion-arrow-return-right:before,
.ion-arrow-right-a:before,
.ion-arrow-right-b:before,
.ion-arrow-right-c:before,
.ion-arrow-shrink:before,
.ion-arrow-swap:before,
.ion-arrow-up-a:before,
.ion-arrow-up-b:before,
.ion-arrow-up-c:before,
.ion-asterisk:before,
.ion-at:before,
.ion-backspace:before,
.ion-backspace-outline:before,
.ion-bag:before,
.ion-battery-charging:before,
.ion-battery-empty:before,
.ion-battery-full:before,
.ion-battery-half:before,
.ion-battery-low:before,
.ion-beaker:before,
.ion-beer:before,
.ion-bluetooth:before,
.ion-bonfire:before,
.ion-bookmark:before,
.ion-bowtie:before,
.ion-briefcase:before,
.ion-bug:before,
.ion-calculator:before,
.ion-calendar:before,
.ion-camera:before,
.ion-card:before,
.ion-cash:before,
.ion-chatbox:before,
.ion-chatbox-working:before,
.ion-chatboxes:before,
.ion-chatbubble:before,
.ion-chatbubble-working:before,
.ion-chatbubbles:before,
.ion-checkmark:before,
.ion-checkmark-circled:before,
.ion-checkmark-round:before,
.ion-chevron-down:before,
.ion-chevron-left:before,
.ion-chevron-right:before,
.ion-chevron-up:before,
.ion-clipboard:before,
.ion-clock:before,
.ion-close:before,
.ion-close-circled:before,
.ion-close-round:before,
.ion-closed-captioning:before,
.ion-cloud:before,
.ion-code:before,
.ion-code-download:before,
.ion-code-working:before,
.ion-coffee:before,
.ion-compass:before,
.ion-compose:before,
.ion-connection-bars:before,
.ion-contrast:before,
.ion-crop:before,
.ion-cube:before,
.ion-disc:before,
.ion-document:before,
.ion-document-text:before,
.ion-drag:before,
.ion-earth:before,
.ion-easel:before,
.ion-edit:before,
.ion-egg:before,
.ion-eject:before,
.ion-email:before,
.ion-email-unread:before,
.ion-erlenmeyer-flask:before,
.ion-erlenmeyer-flask-bubbles:before,
.ion-eye:before,
.ion-eye-disabled:before,
.ion-female:before,
.ion-filing:before,
.ion-film-marker:before,
.ion-fireball:before,
.ion-flag:before,
.ion-flame:before,
.ion-flash:before,
.ion-flash-off:before,
.ion-folder:before,
.ion-fork:before,
.ion-fork-repo:before,
.ion-forward:before,
.ion-funnel:before,
.ion-gear-a:before,
.ion-gear-b:before,
.ion-grid:before,
.ion-hammer:before,
.ion-happy:before,
.ion-happy-outline:before,
.ion-headphone:before,
.ion-heart:before,
.ion-heart-broken:before,
.ion-help:before,
.ion-help-buoy:before,
.ion-help-circled:before,
.ion-home:before,
.ion-icecream:before,
.ion-image:before,
.ion-images:before,
.ion-information:before,
.ion-information-circled:before,
.ion-ionic:before,
.ion-ios-alarm:before,
.ion-ios-alarm-outline:before,
.ion-ios-albums:before,
.ion-ios-albums-outline:before,
.ion-ios-americanfootball:before,
.ion-ios-americanfootball-outline:before,
.ion-ios-analytics:before,
.ion-ios-analytics-outline:before,
.ion-ios-arrow-back:before,
.ion-ios-arrow-down:before,
.ion-ios-arrow-forward:before,
.ion-ios-arrow-left:before,
.ion-ios-arrow-right:before,
.ion-ios-arrow-thin-down:before,
.ion-ios-arrow-thin-left:before,
.ion-ios-arrow-thin-right:before,
.ion-ios-arrow-thin-up:before,
.ion-ios-arrow-up:before,
.ion-ios-at:before,
.ion-ios-at-outline:before,
.ion-ios-barcode:before,
.ion-ios-barcode-outline:before,
.ion-ios-baseball:before,
.ion-ios-baseball-outline:before,
.ion-ios-basketball:before,
.ion-ios-basketball-outline:before,
.ion-ios-bell:before,
.ion-ios-bell-outline:before,
.ion-ios-body:before,
.ion-ios-body-outline:before,
.ion-ios-bolt:before,
.ion-ios-bolt-outline:before,
.ion-ios-book:before,
.ion-ios-book-outline:before,
.ion-ios-bookmarks:before,
.ion-ios-bookmarks-outline:before,
.ion-ios-box:before,
.ion-ios-box-outline:before,
.ion-ios-briefcase:before,
.ion-ios-briefcase-outline:before,
.ion-ios-browsers:before,
.ion-ios-browsers-outline:before,
.ion-ios-calculator:before,
.ion-ios-calculator-outline:before,
.ion-ios-calendar:before,
.ion-ios-calendar-outline:before,
.ion-ios-camera:before,
.ion-ios-camera-outline:before,
.ion-ios-cart:before,
.ion-ios-cart-outline:before,
.ion-ios-chatboxes:before,
.ion-ios-chatboxes-outline:before,
.ion-ios-chatbubble:before,
.ion-ios-chatbubble-outline:before,
.ion-ios-checkmark:before,
.ion-ios-checkmark-empty:before,
.ion-ios-checkmark-outline:before,
.ion-ios-circle-filled:before,
.ion-ios-circle-outline:before,
.ion-ios-clock:before,
.ion-ios-clock-outline:before,
.ion-ios-close:before,
.ion-ios-close-empty:before,
.ion-ios-close-outline:before,
.ion-ios-cloud:before,
.ion-ios-cloud-download:before,
.ion-ios-cloud-download-outline:before,
.ion-ios-cloud-outline:before,
.ion-ios-cloud-upload:before,
.ion-ios-cloud-upload-outline:before,
.ion-ios-cloudy:before,
.ion-ios-cloudy-night:before,
.ion-ios-cloudy-night-outline:before,
.ion-ios-cloudy-outline:before,
.ion-ios-cog:before,
.ion-ios-cog-outline:before,
.ion-ios-color-filter:before,
.ion-ios-color-filter-outline:before,
.ion-ios-color-wand:before,
.ion-ios-color-wand-outline:before,
.ion-ios-compose:before,
.ion-ios-compose-outline:before,
.ion-ios-contact:before,
.ion-ios-contact-outline:before,
.ion-ios-copy:before,
.ion-ios-copy-outline:before,
.ion-ios-crop:before,
.ion-ios-crop-strong:before,
.ion-ios-download:before,
.ion-ios-download-outline:before,
.ion-ios-drag:before,
.ion-ios-email:before,
.ion-ios-email-outline:before,
.ion-ios-eye:before,
.ion-ios-eye-outline:before,
.ion-ios-fastforward:before,
.ion-ios-fastforward-outline:before,
.ion-ios-filing:before,
.ion-ios-filing-outline:before,
.ion-ios-film:before,
.ion-ios-film-outline:before,
.ion-ios-flag:before,
.ion-ios-flag-outline:before,
.ion-ios-flame:before,
.ion-ios-flame-outline:before,
.ion-ios-flask:before,
.ion-ios-flask-outline:before,
.ion-ios-flower:before,
.ion-ios-flower-outline:before,
.ion-ios-folder:before,
.ion-ios-folder-outline:before,
.ion-ios-football:before,
.ion-ios-football-outline:before,
.ion-ios-game-controller-a:before,
.ion-ios-game-controller-a-outline:before,
.ion-ios-game-controller-b:before,
.ion-ios-game-controller-b-outline:before,
.ion-ios-gear:before,
.ion-ios-gear-outline:before,
.ion-ios-glasses:before,
.ion-ios-glasses-outline:before,
.ion-ios-grid-view:before,
.ion-ios-grid-view-outline:before,
.ion-ios-heart:before,
.ion-ios-heart-outline:before,
.ion-ios-help:before,
.ion-ios-help-empty:before,
.ion-ios-help-outline:before,
.ion-ios-home:before,
.ion-ios-home-outline:before,
.ion-ios-infinite:before,
.ion-ios-infinite-outline:before,
.ion-ios-information:before,
.ion-ios-information-empty:before,
.ion-ios-information-outline:before,
.ion-ios-ionic-outline:before,
.ion-ios-keypad:before,
.ion-ios-keypad-outline:before,
.ion-ios-lightbulb:before,
.ion-ios-lightbulb-outline:before,
.ion-ios-list:before,
.ion-ios-list-outline:before,
.ion-ios-location:before,
.ion-ios-location-outline:before,
.ion-ios-locked:before,
.ion-ios-locked-outline:before,
.ion-ios-loop:before,
.ion-ios-loop-strong:before,
.ion-ios-medical:before,
.ion-ios-medical-outline:before,
.ion-ios-medkit:before,
.ion-ios-medkit-outline:before,
.ion-ios-mic:before,
.ion-ios-mic-off:before,
.ion-ios-mic-outline:before,
.ion-ios-minus:before,
.ion-ios-minus-empty:before,
.ion-ios-minus-outline:before,
.ion-ios-monitor:before,
.ion-ios-monitor-outline:before,
.ion-ios-moon:before,
.ion-ios-moon-outline:before,
.ion-ios-more:before,
.ion-ios-more-outline:before,
.ion-ios-musical-note:before,
.ion-ios-musical-notes:before,
.ion-ios-navigate:before,
.ion-ios-navigate-outline:before,
.ion-ios-nutrition:before,
.ion-ios-nutrition-outline:before,
.ion-ios-paper:before,
.ion-ios-paper-outline:before,
.ion-ios-paperplane:before,
.ion-ios-paperplane-outline:before,
.ion-ios-partlysunny:before,
.ion-ios-partlysunny-outline:before,
.ion-ios-pause:before,
.ion-ios-pause-outline:before,
.ion-ios-paw:before,
.ion-ios-paw-outline:before,
.ion-ios-people:before,
.ion-ios-people-outline:before,
.ion-ios-person:before,
.ion-ios-person-outline:before,
.ion-ios-personadd:before,
.ion-ios-personadd-outline:before,
.ion-ios-photos:before,
.ion-ios-photos-outline:before,
.ion-ios-pie:before,
.ion-ios-pie-outline:before,
.ion-ios-pint:before,
.ion-ios-pint-outline:before,
.ion-ios-play:before,
.ion-ios-play-outline:before,
.ion-ios-plus:before,
.ion-ios-plus-empty:before,
.ion-ios-plus-outline:before,
.ion-ios-pricetag:before,
.ion-ios-pricetag-outline:before,
.ion-ios-pricetags:before,
.ion-ios-pricetags-outline:before,
.ion-ios-printer:before,
.ion-ios-printer-outline:before,
.ion-ios-pulse:before,
.ion-ios-pulse-strong:before,
.ion-ios-rainy:before,
.ion-ios-rainy-outline:before,
.ion-ios-recording:before,
.ion-ios-recording-outline:before,
.ion-ios-redo:before,
.ion-ios-redo-outline:before,
.ion-ios-refresh:before,
.ion-ios-refresh-empty:before,
.ion-ios-refresh-outline:before,
.ion-ios-reload:before,
.ion-ios-reverse-camera:before,
.ion-ios-reverse-camera-outline:before,
.ion-ios-rewind:before,
.ion-ios-rewind-outline:before,
.ion-ios-rose:before,
.ion-ios-rose-outline:before,
.ion-ios-search:before,
.ion-ios-search-strong:before,
.ion-ios-settings:before,
.ion-ios-settings-strong:before,
.ion-ios-shuffle:before,
.ion-ios-shuffle-strong:before,
.ion-ios-skipbackward:before,
.ion-ios-skipbackward-outline:before,
.ion-ios-skipforward:before,
.ion-ios-skipforward-outline:before,
.ion-ios-snowy:before,
.ion-ios-speedometer:before,
.ion-ios-speedometer-outline:before,
.ion-ios-star:before,
.ion-ios-star-half:before,
.ion-ios-star-outline:before,
.ion-ios-stopwatch:before,
.ion-ios-stopwatch-outline:before,
.ion-ios-sunny:before,
.ion-ios-sunny-outline:before,
.ion-ios-telephone:before,
.ion-ios-telephone-outline:before,
.ion-ios-tennisball:before,
.ion-ios-tennisball-outline:before,
.ion-ios-thunderstorm:before,
.ion-ios-thunderstorm-outline:before,
.ion-ios-time:before,
.ion-ios-time-outline:before,
.ion-ios-timer:before,
.ion-ios-timer-outline:before,
.ion-ios-toggle:before,
.ion-ios-toggle-outline:before,
.ion-ios-trash:before,
.ion-ios-trash-outline:before,
.ion-ios-undo:before,
.ion-ios-undo-outline:before,
.ion-ios-unlocked:before,
.ion-ios-unlocked-outline:before,
.ion-ios-upload:before,
.ion-ios-upload-outline:before,
.ion-ios-videocam:before,
.ion-ios-videocam-outline:before,
.ion-ios-volume-high:before,
.ion-ios-volume-low:before,
.ion-ios-wineglass:before,
.ion-ios-wineglass-outline:before,
.ion-ios-world:before,
.ion-ios-world-outline:before,
.ion-ipad:before,
.ion-iphone:before,
.ion-ipod:before,
.ion-jet:before,
.ion-key:before,
.ion-knife:before,
.ion-laptop:before,
.ion-leaf:before,
.ion-levels:before,
.ion-lightbulb:before,
.ion-link:before,
.ion-load-a:before,
.ion-load-b:before,
.ion-load-c:before,
.ion-load-d:before,
.ion-location:before,
.ion-lock-combination:before,
.ion-locked:before,
.ion-log-in:before,
.ion-log-out:before,
.ion-loop:before,
.ion-magnet:before,
.ion-male:before,
.ion-man:before,
.ion-map:before,
.ion-medkit:before,
.ion-merge:before,
.ion-mic-a:before,
.ion-mic-b:before,
.ion-mic-c:before,
.ion-minus:before,
.ion-minus-circled:before,
.ion-minus-round:before,
.ion-model-s:before,
.ion-monitor:before,
.ion-more:before,
.ion-mouse:before,
.ion-music-note:before,
.ion-navicon:before,
.ion-navicon-round:before,
.ion-navigate:before,
.ion-network:before,
.ion-no-smoking:before,
.ion-nuclear:before,
.ion-outlet:before,
.ion-paintbrush:before,
.ion-paintbucket:before,
.ion-paper-airplane:before,
.ion-paperclip:before,
.ion-pause:before,
.ion-person:before,
.ion-person-add:before,
.ion-person-stalker:before,
.ion-pie-graph:before,
.ion-pin:before,
.ion-pinpoint:before,
.ion-pizza:before,
.ion-plane:before,
.ion-planet:before,
.ion-play:before,
.ion-playstation:before,
.ion-plus:before,
.ion-plus-circled:before,
.ion-plus-round:before,
.ion-podium:before,
.ion-pound:before,
.ion-power:before,
.ion-pricetag:before,
.ion-pricetags:before,
.ion-printer:before,
.ion-pull-request:before,
.ion-qr-scanner:before,
.ion-quote:before,
.ion-radio-waves:before,
.ion-record:before,
.ion-refresh:before,
.ion-reply:before,
.ion-reply-all:before,
.ion-ribbon-a:before,
.ion-ribbon-b:before,
.ion-sad:before,
.ion-sad-outline:before,
.ion-scissors:before,
.ion-search:before,
.ion-settings:before,
.ion-share:before,
.ion-shuffle:before,
.ion-skip-backward:before,
.ion-skip-forward:before,
.ion-social-android:before,
.ion-social-android-outline:before,
.ion-social-angular:before,
.ion-social-angular-outline:before,
.ion-social-apple:before,
.ion-social-apple-outline:before,
.ion-social-bitcoin:before,
.ion-social-bitcoin-outline:before,
.ion-social-buffer:before,
.ion-social-buffer-outline:before,
.ion-social-chrome:before,
.ion-social-chrome-outline:before,
.ion-social-codepen:before,
.ion-social-codepen-outline:before,
.ion-social-css3:before,
.ion-social-css3-outline:before,
.ion-social-designernews:before,
.ion-social-designernews-outline:before,
.ion-social-dribbble:before,
.ion-social-dribbble-outline:before,
.ion-social-dropbox:before,
.ion-social-dropbox-outline:before,
.ion-social-euro:before,
.ion-social-euro-outline:before,
.ion-social-facebook:before,
.ion-social-facebook-outline:before,
.ion-social-foursquare:before,
.ion-social-foursquare-outline:before,
.ion-social-freebsd-devil:before,
.ion-social-github:before,
.ion-social-github-outline:before,
.ion-social-google:before,
.ion-social-google-outline:before,
.ion-social-googleplus:before,
.ion-social-googleplus-outline:before,
.ion-social-hackernews:before,
.ion-social-hackernews-outline:before,
.ion-social-html5:before,
.ion-social-html5-outline:before,
.ion-social-instagram:before,
.ion-social-instagram-outline:before,
.ion-social-javascript:before,
.ion-social-javascript-outline:before,
.ion-social-linkedin:before,
.ion-social-linkedin-outline:before,
.ion-social-markdown:before,
.ion-social-nodejs:before,
.ion-social-octocat:before,
.ion-social-pinterest:before,
.ion-social-pinterest-outline:before,
.ion-social-python:before,
.ion-social-reddit:before,
.ion-social-reddit-outline:before,
.ion-social-rss:before,
.ion-social-rss-outline:before,
.ion-social-sass:before,
.ion-social-skype:before,
.ion-social-skype-outline:before,
.ion-social-snapchat:before,
.ion-social-snapchat-outline:before,
.ion-social-tumblr:before,
.ion-social-tumblr-outline:before,
.ion-social-tux:before,
.ion-social-twitch:before,
.ion-social-twitch-outline:before,
.ion-social-twitter:before,
.ion-social-twitter-outline:before,
.ion-social-usd:before,
.ion-social-usd-outline:before,
.ion-social-vimeo:before,
.ion-social-vimeo-outline:before,
.ion-social-whatsapp:before,
.ion-social-whatsapp-outline:before,
.ion-social-windows:before,
.ion-social-windows-outline:before,
.ion-social-wordpress:before,
.ion-social-wordpress-outline:before,
.ion-social-yahoo:before,
.ion-social-yahoo-outline:before,
.ion-social-yen:before,
.ion-social-yen-outline:before,
.ion-social-youtube:before,
.ion-social-youtube-outline:before,
.ion-soup-can:before,
.ion-soup-can-outline:before,
.ion-speakerphone:before,
.ion-speedometer:before,
.ion-spoon:before,
.ion-star:before,
.ion-stats-bars:before,
.ion-steam:before,
.ion-stop:before,
.ion-thermometer:before,
.ion-thumbsdown:before,
.ion-thumbsup:before,
.ion-toggle:before,
.ion-toggle-filled:before,
.ion-transgender:before,
.ion-trash-a:before,
.ion-trash-b:before,
.ion-trophy:before,
.ion-tshirt:before,
.ion-tshirt-outline:before,
.ion-umbrella:before,
.ion-university:before,
.ion-unlocked:before,
.ion-upload:before,
.ion-usb:before,
.ion-videocamera:before,
.ion-volume-high:before,
.ion-volume-low:before,
.ion-volume-medium:before,
.ion-volume-mute:before,
.ion-wand:before,
.ion-waterdrop:before,
.ion-wifi:before,
.ion-wineglass:before,
.ion-woman:before,
.ion-wrench:before,
.ion-xbox:before {
    display: inline-block;
    font-family: 'Ionicons';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    text-rendering: auto;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.ion-alert:before {
    content: '\f101';
}
.ion-alert-circled:before {
    content: '\f100';
}
.ion-android-add:before {
    content: '\f2c7';
}
.ion-android-add-circle:before {
    content: '\f359';
}
.ion-android-alarm-clock:before {
    content: '\f35a';
}
.ion-android-alert:before {
    content: '\f35b';
}
.ion-android-apps:before {
    content: '\f35c';
}
.ion-android-archive:before {
    content: '\f2c9';
}
.ion-android-arrow-back:before {
    content: '\f2ca';
}
.ion-android-arrow-down:before {
    content: '\f35d';
}
.ion-android-arrow-dropdown:before {
    content: '\f35f';
}
.ion-android-arrow-dropdown-circle:before {
    content: '\f35e';
}
.ion-android-arrow-dropleft:before {
    content: '\f361';
}
.ion-android-arrow-dropleft-circle:before {
    content: '\f360';
}
.ion-android-arrow-dropright:before {
    content: '\f363';
}
.ion-android-arrow-dropright-circle:before {
    content: '\f362';
}
.ion-android-arrow-dropup:before {
    content: '\f365';
}
.ion-android-arrow-dropup-circle:before {
    content: '\f364';
}
.ion-android-arrow-forward:before {
    content: '\f30f';
}
.ion-android-arrow-up:before {
    content: '\f366';
}
.ion-android-attach:before {
    content: '\f367';
}
.ion-android-bar:before {
    content: '\f368';
}
.ion-android-bicycle:before {
    content: '\f369';
}
.ion-android-boat:before {
    content: '\f36a';
}
.ion-android-bookmark:before {
    content: '\f36b';
}
.ion-android-bulb:before {
    content: '\f36c';
}
.ion-android-bus:before {
    content: '\f36d';
}
.ion-android-calendar:before {
    content: '\f2d1';
}
.ion-android-call:before {
    content: '\f2d2';
}
.ion-android-camera:before {
    content: '\f2d3';
}
.ion-android-cancel:before {
    content: '\f36e';
}
.ion-android-car:before {
    content: '\f36f';
}
.ion-android-cart:before {
    content: '\f370';
}
.ion-android-chat:before {
    content: '\f2d4';
}
.ion-android-checkbox:before {
    content: '\f374';
}
.ion-android-checkbox-blank:before {
    content: '\f371';
}
.ion-android-checkbox-outline:before {
    content: '\f373';
}
.ion-android-checkbox-outline-blank:before {
    content: '\f372';
}
.ion-android-checkmark-circle:before {
    content: '\f375';
}
.ion-android-clipboard:before {
    content: '\f376';
}
.ion-android-close:before {
    content: '\f2d7';
}
.ion-android-cloud:before {
    content: '\f37a';
}
.ion-android-cloud-circle:before {
    content: '\f377';
}
.ion-android-cloud-done:before {
    content: '\f378';
}
.ion-android-cloud-outline:before {
    content: '\f379';
}
.ion-android-color-palette:before {
    content: '\f37b';
}
.ion-android-compass:before {
    content: '\f37c';
}
.ion-android-contact:before {
    content: '\f2d8';
}
.ion-android-contacts:before {
    content: '\f2d9';
}
.ion-android-contract:before {
    content: '\f37d';
}
.ion-android-create:before {
    content: '\f37e';
}
.ion-android-delete:before {
    content: '\f37f';
}
.ion-android-desktop:before {
    content: '\f380';
}
.ion-android-document:before {
    content: '\f381';
}
.ion-android-done:before {
    content: '\f383';
}
.ion-android-done-all:before {
    content: '\f382';
}
.ion-android-download:before {
    content: '\f2dd';
}
.ion-android-drafts:before {
    content: '\f384';
}
.ion-android-exit:before {
    content: '\f385';
}
.ion-android-expand:before {
    content: '\f386';
}
.ion-android-favorite:before {
    content: '\f388';
}
.ion-android-favorite-outline:before {
    content: '\f387';
}
.ion-android-film:before {
    content: '\f389';
}
.ion-android-folder:before {
    content: '\f2e0';
}
.ion-android-folder-open:before {
    content: '\f38a';
}
.ion-android-funnel:before {
    content: '\f38b';
}
.ion-android-globe:before {
    content: '\f38c';
}
.ion-android-hand:before {
    content: '\f2e3';
}
.ion-android-hangout:before {
    content: '\f38d';
}
.ion-android-happy:before {
    content: '\f38e';
}
.ion-android-home:before {
    content: '\f38f';
}
.ion-android-image:before {
    content: '\f2e4';
}
.ion-android-laptop:before {
    content: '\f390';
}
.ion-android-list:before {
    content: '\f391';
}
.ion-android-locate:before {
    content: '\f2e9';
}
.ion-android-lock:before {
    content: '\f392';
}
.ion-android-mail:before {
    content: '\f2eb';
}
.ion-android-map:before {
    content: '\f393';
}
.ion-android-menu:before {
    content: '\f394';
}
.ion-android-microphone:before {
    content: '\f2ec';
}
.ion-android-microphone-off:before {
    content: '\f395';
}
.ion-android-more-horizontal:before {
    content: '\f396';
}
.ion-android-more-vertical:before {
    content: '\f397';
}
.ion-android-navigate:before {
    content: '\f398';
}
.ion-android-notifications:before {
    content: '\f39b';
}
.ion-android-notifications-none:before {
    content: '\f399';
}
.ion-android-notifications-off:before {
    content: '\f39a';
}
.ion-android-open:before {
    content: '\f39c';
}
.ion-android-options:before {
    content: '\f39d';
}
.ion-android-people:before {
    content: '\f39e';
}
.ion-android-person:before {
    content: '\f3a0';
}
.ion-android-person-add:before {
    content: '\f39f';
}
.ion-android-phone-landscape:before {
    content: '\f3a1';
}
.ion-android-phone-portrait:before {
    content: '\f3a2';
}
.ion-android-pin:before {
    content: '\f3a3';
}
.ion-android-plane:before {
    content: '\f3a4';
}
.ion-android-playstore:before {
    content: '\f2f0';
}
.ion-android-print:before {
    content: '\f3a5';
}
.ion-android-radio-button-off:before {
    content: '\f3a6';
}
.ion-android-radio-button-on:before {
    content: '\f3a7';
}
.ion-android-refresh:before {
    content: '\f3a8';
}
.ion-android-remove:before {
    content: '\f2f4';
}
.ion-android-remove-circle:before {
    content: '\f3a9';
}
.ion-android-restaurant:before {
    content: '\f3aa';
}
.ion-android-sad:before {
    content: '\f3ab';
}
.ion-android-search:before {
    content: '\f2f5';
}
.ion-android-send:before {
    content: '\f2f6';
}
.ion-android-settings:before {
    content: '\f2f7';
}
.ion-android-share:before {
    content: '\f2f8';
}
.ion-android-share-alt:before {
    content: '\f3ac';
}
.ion-android-star:before {
    content: '\f2fc';
}
.ion-android-star-half:before {
    content: '\f3ad';
}
.ion-android-star-outline:before {
    content: '\f3ae';
}
.ion-android-stopwatch:before {
    content: '\f2fd';
}
.ion-android-subway:before {
    content: '\f3af';
}
.ion-android-sunny:before {
    content: '\f3b0';
}
.ion-android-sync:before {
    content: '\f3b1';
}
.ion-android-textsms:before {
    content: '\f3b2';
}
.ion-android-time:before {
    content: '\f3b3';
}
.ion-android-train:before {
    content: '\f3b4';
}
.ion-android-unlock:before {
    content: '\f3b5';
}
.ion-android-upload:before {
    content: '\f3b6';
}
.ion-android-volume-down:before {
    content: '\f3b7';
}
.ion-android-volume-mute:before {
    content: '\f3b8';
}
.ion-android-volume-off:before {
    content: '\f3b9';
}
.ion-android-volume-up:before {
    content: '\f3ba';
}
.ion-android-walk:before {
    content: '\f3bb';
}
.ion-android-warning:before {
    content: '\f3bc';
}
.ion-android-watch:before {
    content: '\f3bd';
}
.ion-android-wifi:before {
    content: '\f305';
}
.ion-aperture:before {
    content: '\f313';
}
.ion-archive:before {
    content: '\f102';
}
.ion-arrow-down-a:before {
    content: '\f103';
}
.ion-arrow-down-b:before {
    content: '\f104';
}
.ion-arrow-down-c:before {
    content: '\f105';
}
.ion-arrow-expand:before {
    content: '\f25e';
}
.ion-arrow-graph-down-left:before {
    content: '\f25f';
}
.ion-arrow-graph-down-right:before {
    content: '\f260';
}
.ion-arrow-graph-up-left:before {
    content: '\f261';
}
.ion-arrow-graph-up-right:before {
    content: '\f262';
}
.ion-arrow-left-a:before {
    content: '\f106';
}
.ion-arrow-left-b:before {
    content: '\f107';
}
.ion-arrow-left-c:before {
    content: '\f108';
}
.ion-arrow-move:before {
    content: '\f263';
}
.ion-arrow-resize:before {
    content: '\f264';
}
.ion-arrow-return-left:before {
    content: '\f265';
}
.ion-arrow-return-right:before {
    content: '\f266';
}
.ion-arrow-right-a:before {
    content: '\f109';
}
.ion-arrow-right-b:before {
    content: '\f10a';
}
.ion-arrow-right-c:before {
    content: '\f10b';
}
.ion-arrow-shrink:before {
    content: '\f267';
}
.ion-arrow-swap:before {
    content: '\f268';
}
.ion-arrow-up-a:before {
    content: '\f10c';
}
.ion-arrow-up-b:before {
    content: '\f10d';
}
.ion-arrow-up-c:before {
    content: '\f10e';
}
.ion-asterisk:before {
    content: '\f314';
}
.ion-at:before {
    content: '\f10f';
}
.ion-backspace:before {
    content: '\f3bf';
}
.ion-backspace-outline:before {
    content: '\f3be';
}
.ion-bag:before {
    content: '\f110';
}
.ion-battery-charging:before {
    content: '\f111';
}
.ion-battery-empty:before {
    content: '\f112';
}
.ion-battery-full:before {
    content: '\f113';
}
.ion-battery-half:before {
    content: '\f114';
}
.ion-battery-low:before {
    content: '\f115';
}
.ion-beaker:before {
    content: '\f269';
}
.ion-beer:before {
    content: '\f26a';
}
.ion-bluetooth:before {
    content: '\f116';
}
.ion-bonfire:before {
    content: '\f315';
}
.ion-bookmark:before {
    content: '\f26b';
}
.ion-bowtie:before {
    content: '\f3c0';
}
.ion-briefcase:before {
    content: '\f26c';
}
.ion-bug:before {
    content: '\f2be';
}
.ion-calculator:before {
    content: '\f26d';
}
.ion-calendar:before {
    content: '\f117';
}
.ion-camera:before {
    content: '\f118';
}
.ion-card:before {
    content: '\f119';
}
.ion-cash:before {
    content: '\f316';
}
.ion-chatbox:before {
    content: '\f11b';
}
.ion-chatbox-working:before {
    content: '\f11a';
}
.ion-chatboxes:before {
    content: '\f11c';
}
.ion-chatbubble:before {
    content: '\f11e';
}
.ion-chatbubble-working:before {
    content: '\f11d';
}
.ion-chatbubbles:before {
    content: '\f11f';
}
.ion-checkmark:before {
    content: '\f122';
}
.ion-checkmark-circled:before {
    content: '\f120';
}
.ion-checkmark-round:before {
    content: '\f121';
}
.ion-chevron-down:before {
    content: '\f123';
}
.ion-chevron-left:before {
    content: '\f124';
}
.ion-chevron-right:before {
    content: '\f125';
}
.ion-chevron-up:before {
    content: '\f126';
}
.ion-clipboard:before {
    content: '\f127';
}
.ion-clock:before {
    content: '\f26e';
}
.ion-close:before {
    content: '\f12a';
}
.ion-close-circled:before {
    content: '\f128';
}
.ion-close-round:before {
    content: '\f129';
}
.ion-closed-captioning:before {
    content: '\f317';
}
.ion-cloud:before {
    content: '\f12b';
}
.ion-code:before {
    content: '\f271';
}
.ion-code-download:before {
    content: '\f26f';
}
.ion-code-working:before {
    content: '\f270';
}
.ion-coffee:before {
    content: '\f272';
}
.ion-compass:before {
    content: '\f273';
}
.ion-compose:before {
    content: '\f12c';
}
.ion-connection-bars:before {
    content: '\f274';
}
.ion-contrast:before {
    content: '\f275';
}
.ion-crop:before {
    content: '\f3c1';
}
.ion-cube:before {
    content: '\f318';
}
.ion-disc:before {
    content: '\f12d';
}
.ion-document:before {
    content: '\f12f';
}
.ion-document-text:before {
    content: '\f12e';
}
.ion-drag:before {
    content: '\f130';
}
.ion-earth:before {
    content: '\f276';
}
.ion-easel:before {
    content: '\f3c2';
}
.ion-edit:before {
    content: '\f2bf';
}
.ion-egg:before {
    content: '\f277';
}
.ion-eject:before {
    content: '\f131';
}
.ion-email:before {
    content: '\f132';
}
.ion-email-unread:before {
    content: '\f3c3';
}
.ion-erlenmeyer-flask:before {
    content: '\f3c5';
}
.ion-erlenmeyer-flask-bubbles:before {
    content: '\f3c4';
}
.ion-eye:before {
    content: '\f133';
}
.ion-eye-disabled:before {
    content: '\f306';
}
.ion-female:before {
    content: '\f278';
}
.ion-filing:before {
    content: '\f134';
}
.ion-film-marker:before {
    content: '\f135';
}
.ion-fireball:before {
    content: '\f319';
}
.ion-flag:before {
    content: '\f279';
}
.ion-flame:before {
    content: '\f31a';
}
.ion-flash:before {
    content: '\f137';
}
.ion-flash-off:before {
    content: '\f136';
}
.ion-folder:before {
    content: '\f139';
}
.ion-fork:before {
    content: '\f27a';
}
.ion-fork-repo:before {
    content: '\f2c0';
}
.ion-forward:before {
    content: '\f13a';
}
.ion-funnel:before {
    content: '\f31b';
}
.ion-gear-a:before {
    content: '\f13d';
}
.ion-gear-b:before {
    content: '\f13e';
}
.ion-grid:before {
    content: '\f13f';
}
.ion-hammer:before {
    content: '\f27b';
}
.ion-happy:before {
    content: '\f31c';
}
.ion-happy-outline:before {
    content: '\f3c6';
}
.ion-headphone:before {
    content: '\f140';
}
.ion-heart:before {
    content: '\f141';
}
.ion-heart-broken:before {
    content: '\f31d';
}
.ion-help:before {
    content: '\f143';
}
.ion-help-buoy:before {
    content: '\f27c';
}
.ion-help-circled:before {
    content: '\f142';
}
.ion-home:before {
    content: '\f144';
}
.ion-icecream:before {
    content: '\f27d';
}
.ion-image:before {
    content: '\f147';
}
.ion-images:before {
    content: '\f148';
}
.ion-information:before {
    content: '\f14a';
}
.ion-information-circled:before {
    content: '\f149';
}
.ion-ionic:before {
    content: '\f14b';
}
.ion-ios-alarm:before {
    content: '\f3c8';
}
.ion-ios-alarm-outline:before {
    content: '\f3c7';
}
.ion-ios-albums:before {
    content: '\f3ca';
}
.ion-ios-albums-outline:before {
    content: '\f3c9';
}
.ion-ios-americanfootball:before {
    content: '\f3cc';
}
.ion-ios-americanfootball-outline:before {
    content: '\f3cb';
}
.ion-ios-analytics:before {
    content: '\f3ce';
}
.ion-ios-analytics-outline:before {
    content: '\f3cd';
}
.ion-ios-arrow-back:before {
    content: '\f3cf';
}
.ion-ios-arrow-down:before {
    content: '\f3d0';
}
.ion-ios-arrow-forward:before {
    content: '\f3d1';
}
.ion-ios-arrow-left:before {
    content: '\f3d2';
}
.ion-ios-arrow-right:before {
    content: '\f3d3';
}
.ion-ios-arrow-thin-down:before {
    content: '\f3d4';
}
.ion-ios-arrow-thin-left:before {
    content: '\f3d5';
}
.ion-ios-arrow-thin-right:before {
    content: '\f3d6';
}
.ion-ios-arrow-thin-up:before {
    content: '\f3d7';
}
.ion-ios-arrow-up:before {
    content: '\f3d8';
}
.ion-ios-at:before {
    content: '\f3da';
}
.ion-ios-at-outline:before {
    content: '\f3d9';
}
.ion-ios-barcode:before {
    content: '\f3dc';
}
.ion-ios-barcode-outline:before {
    content: '\f3db';
}
.ion-ios-baseball:before {
    content: '\f3de';
}
.ion-ios-baseball-outline:before {
    content: '\f3dd';
}
.ion-ios-basketball:before {
    content: '\f3e0';
}
.ion-ios-basketball-outline:before {
    content: '\f3df';
}
.ion-ios-bell:before {
    content: '\f3e2';
}
.ion-ios-bell-outline:before {
    content: '\f3e1';
}
.ion-ios-body:before {
    content: '\f3e4';
}
.ion-ios-body-outline:before {
    content: '\f3e3';
}
.ion-ios-bolt:before {
    content: '\f3e6';
}
.ion-ios-bolt-outline:before {
    content: '\f3e5';
}
.ion-ios-book:before {
    content: '\f3e8';
}
.ion-ios-book-outline:before {
    content: '\f3e7';
}
.ion-ios-bookmarks:before {
    content: '\f3ea';
}
.ion-ios-bookmarks-outline:before {
    content: '\f3e9';
}
.ion-ios-box:before {
    content: '\f3ec';
}
.ion-ios-box-outline:before {
    content: '\f3eb';
}
.ion-ios-briefcase:before {
    content: '\f3ee';
}
.ion-ios-briefcase-outline:before {
    content: '\f3ed';
}
.ion-ios-browsers:before {
    content: '\f3f0';
}
.ion-ios-browsers-outline:before {
    content: '\f3ef';
}
.ion-ios-calculator:before {
    content: '\f3f2';
}
.ion-ios-calculator-outline:before {
    content: '\f3f1';
}
.ion-ios-calendar:before {
    content: '\f3f4';
}
.ion-ios-calendar-outline:before {
    content: '\f3f3';
}
.ion-ios-camera:before {
    content: '\f3f6';
}
.ion-ios-camera-outline:before {
    content: '\f3f5';
}
.ion-ios-cart:before {
    content: '\f3f8';
}
.ion-ios-cart-outline:before {
    content: '\f3f7';
}
.ion-ios-chatboxes:before {
    content: '\f3fa';
}
.ion-ios-chatboxes-outline:before {
    content: '\f3f9';
}
.ion-ios-chatbubble:before {
    content: '\f3fc';
}
.ion-ios-chatbubble-outline:before {
    content: '\f3fb';
}
.ion-ios-checkmark:before {
    content: '\f3ff';
}
.ion-ios-checkmark-empty:before {
    content: '\f3fd';
}
.ion-ios-checkmark-outline:before {
    content: '\f3fe';
}
.ion-ios-circle-filled:before {
    content: '\f400';
}
.ion-ios-circle-outline:before {
    content: '\f401';
}
.ion-ios-clock:before {
    content: '\f403';
}
.ion-ios-clock-outline:before {
    content: '\f402';
}
.ion-ios-close:before {
    content: '\f406';
}
.ion-ios-close-empty:before {
    content: '\f404';
}
.ion-ios-close-outline:before {
    content: '\f405';
}
.ion-ios-cloud:before {
    content: '\f40c';
}
.ion-ios-cloud-download:before {
    content: '\f408';
}
.ion-ios-cloud-download-outline:before {
    content: '\f407';
}
.ion-ios-cloud-outline:before {
    content: '\f409';
}
.ion-ios-cloud-upload:before {
    content: '\f40b';
}
.ion-ios-cloud-upload-outline:before {
    content: '\f40a';
}
.ion-ios-cloudy:before {
    content: '\f410';
}
.ion-ios-cloudy-night:before {
    content: '\f40e';
}
.ion-ios-cloudy-night-outline:before {
    content: '\f40d';
}
.ion-ios-cloudy-outline:before {
    content: '\f40f';
}
.ion-ios-cog:before {
    content: '\f412';
}
.ion-ios-cog-outline:before {
    content: '\f411';
}
.ion-ios-color-filter:before {
    content: '\f414';
}
.ion-ios-color-filter-outline:before {
    content: '\f413';
}
.ion-ios-color-wand:before {
    content: '\f416';
}
.ion-ios-color-wand-outline:before {
    content: '\f415';
}
.ion-ios-compose:before {
    content: '\f418';
}
.ion-ios-compose-outline:before {
    content: '\f417';
}
.ion-ios-contact:before {
    content: '\f41a';
}
.ion-ios-contact-outline:before {
    content: '\f419';
}
.ion-ios-copy:before {
    content: '\f41c';
}
.ion-ios-copy-outline:before {
    content: '\f41b';
}
.ion-ios-crop:before {
    content: '\f41e';
}
.ion-ios-crop-strong:before {
    content: '\f41d';
}
.ion-ios-download:before {
    content: '\f420';
}
.ion-ios-download-outline:before {
    content: '\f41f';
}
.ion-ios-drag:before {
    content: '\f421';
}
.ion-ios-email:before {
    content: '\f423';
}
.ion-ios-email-outline:before {
    content: '\f422';
}
.ion-ios-eye:before {
    content: '\f425';
}
.ion-ios-eye-outline:before {
    content: '\f424';
}
.ion-ios-fastforward:before {
    content: '\f427';
}
.ion-ios-fastforward-outline:before {
    content: '\f426';
}
.ion-ios-filing:before {
    content: '\f429';
}
.ion-ios-filing-outline:before {
    content: '\f428';
}
.ion-ios-film:before {
    content: '\f42b';
}
.ion-ios-film-outline:before {
    content: '\f42a';
}
.ion-ios-flag:before {
    content: '\f42d';
}
.ion-ios-flag-outline:before {
    content: '\f42c';
}
.ion-ios-flame:before {
    content: '\f42f';
}
.ion-ios-flame-outline:before {
    content: '\f42e';
}
.ion-ios-flask:before {
    content: '\f431';
}
.ion-ios-flask-outline:before {
    content: '\f430';
}
.ion-ios-flower:before {
    content: '\f433';
}
.ion-ios-flower-outline:before {
    content: '\f432';
}
.ion-ios-folder:before {
    content: '\f435';
}
.ion-ios-folder-outline:before {
    content: '\f434';
}
.ion-ios-football:before {
    content: '\f437';
}
.ion-ios-football-outline:before {
    content: '\f436';
}
.ion-ios-game-controller-a:before {
    content: '\f439';
}
.ion-ios-game-controller-a-outline:before {
    content: '\f438';
}
.ion-ios-game-controller-b:before {
    content: '\f43b';
}
.ion-ios-game-controller-b-outline:before {
    content: '\f43a';
}
.ion-ios-gear:before {
    content: '\f43d';
}
.ion-ios-gear-outline:before {
    content: '\f43c';
}
.ion-ios-glasses:before {
    content: '\f43f';
}
.ion-ios-glasses-outline:before {
    content: '\f43e';
}
.ion-ios-grid-view:before {
    content: '\f441';
}
.ion-ios-grid-view-outline:before {
    content: '\f440';
}
.ion-ios-heart:before {
    content: '\f443';
}
.ion-ios-heart-outline:before {
    content: '\f442';
}
.ion-ios-help:before {
    content: '\f446';
}
.ion-ios-help-empty:before {
    content: '\f444';
}
.ion-ios-help-outline:before {
    content: '\f445';
}
.ion-ios-home:before {
    content: '\f448';
}
.ion-ios-home-outline:before {
    content: '\f447';
}
.ion-ios-infinite:before {
    content: '\f44a';
}
.ion-ios-infinite-outline:before {
    content: '\f449';
}
.ion-ios-information:before {
    content: '\f44d';
}
.ion-ios-information-empty:before {
    content: '\f44b';
}
.ion-ios-information-outline:before {
    content: '\f44c';
}
.ion-ios-ionic-outline:before {
    content: '\f44e';
}
.ion-ios-keypad:before {
    content: '\f450';
}
.ion-ios-keypad-outline:before {
    content: '\f44f';
}
.ion-ios-lightbulb:before {
    content: '\f452';
}
.ion-ios-lightbulb-outline:before {
    content: '\f451';
}
.ion-ios-list:before {
    content: '\f454';
}
.ion-ios-list-outline:before {
    content: '\f453';
}
.ion-ios-location:before {
    content: '\f456';
}
.ion-ios-location-outline:before {
    content: '\f455';
}
.ion-ios-locked:before {
    content: '\f458';
}
.ion-ios-locked-outline:before {
    content: '\f457';
}
.ion-ios-loop:before {
    content: '\f45a';
}
.ion-ios-loop-strong:before {
    content: '\f459';
}
.ion-ios-medical:before {
    content: '\f45c';
}
.ion-ios-medical-outline:before {
    content: '\f45b';
}
.ion-ios-medkit:before {
    content: '\f45e';
}
.ion-ios-medkit-outline:before {
    content: '\f45d';
}
.ion-ios-mic:before {
    content: '\f461';
}
.ion-ios-mic-off:before {
    content: '\f45f';
}
.ion-ios-mic-outline:before {
    content: '\f460';
}
.ion-ios-minus:before {
    content: '\f464';
}
.ion-ios-minus-empty:before {
    content: '\f462';
}
.ion-ios-minus-outline:before {
    content: '\f463';
}
.ion-ios-monitor:before {
    content: '\f466';
}
.ion-ios-monitor-outline:before {
    content: '\f465';
}
.ion-ios-moon:before {
    content: '\f468';
}
.ion-ios-moon-outline:before {
    content: '\f467';
}
.ion-ios-more:before {
    content: '\f46a';
}
.ion-ios-more-outline:before {
    content: '\f469';
}
.ion-ios-musical-note:before {
    content: '\f46b';
}
.ion-ios-musical-notes:before {
    content: '\f46c';
}
.ion-ios-navigate:before {
    content: '\f46e';
}
.ion-ios-navigate-outline:before {
    content: '\f46d';
}
.ion-ios-nutrition:before {
    content: '\f470';
}
.ion-ios-nutrition-outline:before {
    content: '\f46f';
}
.ion-ios-paper:before {
    content: '\f472';
}
.ion-ios-paper-outline:before {
    content: '\f471';
}
.ion-ios-paperplane:before {
    content: '\f474';
}
.ion-ios-paperplane-outline:before {
    content: '\f473';
}
.ion-ios-partlysunny:before {
    content: '\f476';
}
.ion-ios-partlysunny-outline:before {
    content: '\f475';
}
.ion-ios-pause:before {
    content: '\f478';
}
.ion-ios-pause-outline:before {
    content: '\f477';
}
.ion-ios-paw:before {
    content: '\f47a';
}
.ion-ios-paw-outline:before {
    content: '\f479';
}
.ion-ios-people:before {
    content: '\f47c';
}
.ion-ios-people-outline:before {
    content: '\f47b';
}
.ion-ios-person:before {
    content: '\f47e';
}
.ion-ios-person-outline:before {
    content: '\f47d';
}
.ion-ios-personadd:before {
    content: '\f480';
}
.ion-ios-personadd-outline:before {
    content: '\f47f';
}
.ion-ios-photos:before {
    content: '\f482';
}
.ion-ios-photos-outline:before {
    content: '\f481';
}
.ion-ios-pie:before {
    content: '\f484';
}
.ion-ios-pie-outline:before {
    content: '\f483';
}
.ion-ios-pint:before {
    content: '\f486';
}
.ion-ios-pint-outline:before {
    content: '\f485';
}
.ion-ios-play:before {
    content: '\f488';
}
.ion-ios-play-outline:before {
    content: '\f487';
}
.ion-ios-plus:before {
    content: '\f48b';
}
.ion-ios-plus-empty:before {
    content: '\f489';
}
.ion-ios-plus-outline:before {
    content: '\f48a';
}
.ion-ios-pricetag:before {
    content: '\f48d';
}
.ion-ios-pricetag-outline:before {
    content: '\f48c';
}
.ion-ios-pricetags:before {
    content: '\f48f';
}
.ion-ios-pricetags-outline:before {
    content: '\f48e';
}
.ion-ios-printer:before {
    content: '\f491';
}
.ion-ios-printer-outline:before {
    content: '\f490';
}
.ion-ios-pulse:before {
    content: '\f493';
}
.ion-ios-pulse-strong:before {
    content: '\f492';
}
.ion-ios-rainy:before {
    content: '\f495';
}
.ion-ios-rainy-outline:before {
    content: '\f494';
}
.ion-ios-recording:before {
    content: '\f497';
}
.ion-ios-recording-outline:before {
    content: '\f496';
}
.ion-ios-redo:before {
    content: '\f499';
}
.ion-ios-redo-outline:before {
    content: '\f498';
}
.ion-ios-refresh:before {
    content: '\f49c';
}
.ion-ios-refresh-empty:before {
    content: '\f49a';
}
.ion-ios-refresh-outline:before {
    content: '\f49b';
}
.ion-ios-reload:before {
    content: '\f49d';
}
.ion-ios-reverse-camera:before {
    content: '\f49f';
}
.ion-ios-reverse-camera-outline:before {
    content: '\f49e';
}
.ion-ios-rewind:before {
    content: '\f4a1';
}
.ion-ios-rewind-outline:before {
    content: '\f4a0';
}
.ion-ios-rose:before {
    content: '\f4a3';
}
.ion-ios-rose-outline:before {
    content: '\f4a2';
}
.ion-ios-search:before {
    content: '\f4a5';
}
.ion-ios-search-strong:before {
    content: '\f4a4';
}
.ion-ios-settings:before {
    content: '\f4a7';
}
.ion-ios-settings-strong:before {
    content: '\f4a6';
}
.ion-ios-shuffle:before {
    content: '\f4a9';
}
.ion-ios-shuffle-strong:before {
    content: '\f4a8';
}
.ion-ios-skipbackward:before {
    content: '\f4ab';
}
.ion-ios-skipbackward-outline:before {
    content: '\f4aa';
}
.ion-ios-skipforward:before {
    content: '\f4ad';
}
.ion-ios-skipforward-outline:before {
    content: '\f4ac';
}
.ion-ios-snowy:before {
    content: '\f4ae';
}
.ion-ios-speedometer:before {
    content: '\f4b0';
}
.ion-ios-speedometer-outline:before {
    content: '\f4af';
}
.ion-ios-star:before {
    content: '\f4b3';
}
.ion-ios-star-half:before {
    content: '\f4b1';
}
.ion-ios-star-outline:before {
    content: '\f4b2';
}
.ion-ios-stopwatch:before {
    content: '\f4b5';
}
.ion-ios-stopwatch-outline:before {
    content: '\f4b4';
}
.ion-ios-sunny:before {
    content: '\f4b7';
}
.ion-ios-sunny-outline:before {
    content: '\f4b6';
}
.ion-ios-telephone:before {
    content: '\f4b9';
}
.ion-ios-telephone-outline:before {
    content: '\f4b8';
}
.ion-ios-tennisball:before {
    content: '\f4bb';
}
.ion-ios-tennisball-outline:before {
    content: '\f4ba';
}
.ion-ios-thunderstorm:before {
    content: '\f4bd';
}
.ion-ios-thunderstorm-outline:before {
    content: '\f4bc';
}
.ion-ios-time:before {
    content: '\f4bf';
}
.ion-ios-time-outline:before {
    content: '\f4be';
}
.ion-ios-timer:before {
    content: '\f4c1';
}
.ion-ios-timer-outline:before {
    content: '\f4c0';
}
.ion-ios-toggle:before {
    content: '\f4c3';
}
.ion-ios-toggle-outline:before {
    content: '\f4c2';
}
.ion-ios-trash:before {
    content: '\f4c5';
}
.ion-ios-trash-outline:before {
    content: '\f4c4';
}
.ion-ios-undo:before {
    content: '\f4c7';
}
.ion-ios-undo-outline:before {
    content: '\f4c6';
}
.ion-ios-unlocked:before {
    content: '\f4c9';
}
.ion-ios-unlocked-outline:before {
    content: '\f4c8';
}
.ion-ios-upload:before {
    content: '\f4cb';
}
.ion-ios-upload-outline:before {
    content: '\f4ca';
}
.ion-ios-videocam:before {
    content: '\f4cd';
}
.ion-ios-videocam-outline:before {
    content: '\f4cc';
}
.ion-ios-volume-high:before {
    content: '\f4ce';
}
.ion-ios-volume-low:before {
    content: '\f4cf';
}
.ion-ios-wineglass:before {
    content: '\f4d1';
}
.ion-ios-wineglass-outline:before {
    content: '\f4d0';
}
.ion-ios-world:before {
    content: '\f4d3';
}
.ion-ios-world-outline:before {
    content: '\f4d2';
}
.ion-ipad:before {
    content: '\f1f9';
}
.ion-iphone:before {
    content: '\f1fa';
}
.ion-ipod:before {
    content: '\f1fb';
}
.ion-jet:before {
    content: '\f295';
}
.ion-key:before {
    content: '\f296';
}
.ion-knife:before {
    content: '\f297';
}
.ion-laptop:before {
    content: '\f1fc';
}
.ion-leaf:before {
    content: '\f1fd';
}
.ion-levels:before {
    content: '\f298';
}
.ion-lightbulb:before {
    content: '\f299';
}
.ion-link:before {
    content: '\f1fe';
}
.ion-load-a:before {
    content: '\f29a';
}
.ion-load-b:before {
    content: '\f29b';
}
.ion-load-c:before {
    content: '\f29c';
}
.ion-load-d:before {
    content: '\f29d';
}
.ion-location:before {
    content: '\f1ff';
}
.ion-lock-combination:before {
    content: '\f4d4';
}
.ion-locked:before {
    content: '\f200';
}
.ion-log-in:before {
    content: '\f29e';
}
.ion-log-out:before {
    content: '\f29f';
}
.ion-loop:before {
    content: '\f201';
}
.ion-magnet:before {
    content: '\f2a0';
}
.ion-male:before {
    content: '\f2a1';
}
.ion-man:before {
    content: '\f202';
}
.ion-map:before {
    content: '\f203';
}
.ion-medkit:before {
    content: '\f2a2';
}
.ion-merge:before {
    content: '\f33f';
}
.ion-mic-a:before {
    content: '\f204';
}
.ion-mic-b:before {
    content: '\f205';
}
.ion-mic-c:before {
    content: '\f206';
}
.ion-minus:before {
    content: '\f209';
}
.ion-minus-circled:before {
    content: '\f207';
}
.ion-minus-round:before {
    content: '\f208';
}
.ion-model-s:before {
    content: '\f2c1';
}
.ion-monitor:before {
    content: '\f20a';
}
.ion-more:before {
    content: '\f20b';
}
.ion-mouse:before {
    content: '\f340';
}
.ion-music-note:before {
    content: '\f20c';
}
.ion-navicon:before {
    content: '\f20e';
}
.ion-navicon-round:before {
    content: '\f20d';
}
.ion-navigate:before {
    content: '\f2a3';
}
.ion-network:before {
    content: '\f341';
}
.ion-no-smoking:before {
    content: '\f2c2';
}
.ion-nuclear:before {
    content: '\f2a4';
}
.ion-outlet:before {
    content: '\f342';
}
.ion-paintbrush:before {
    content: '\f4d5';
}
.ion-paintbucket:before {
    content: '\f4d6';
}
.ion-paper-airplane:before {
    content: '\f2c3';
}
.ion-paperclip:before {
    content: '\f20f';
}
.ion-pause:before {
    content: '\f210';
}
.ion-person:before {
    content: '\f213';
}
.ion-person-add:before {
    content: '\f211';
}
.ion-person-stalker:before {
    content: '\f212';
}
.ion-pie-graph:before {
    content: '\f2a5';
}
.ion-pin:before {
    content: '\f2a6';
}
.ion-pinpoint:before {
    content: '\f2a7';
}
.ion-pizza:before {
    content: '\f2a8';
}
.ion-plane:before {
    content: '\f214';
}
.ion-planet:before {
    content: '\f343';
}
.ion-play:before {
    content: '\f215';
}
.ion-playstation:before {
    content: '\f30a';
}
.ion-plus:before {
    content: '\f218';
}
.ion-plus-circled:before {
    content: '\f216';
}
.ion-plus-round:before {
    content: '\f217';
}
.ion-podium:before {
    content: '\f344';
}
.ion-pound:before {
    content: '\f219';
}
.ion-power:before {
    content: '\f2a9';
}
.ion-pricetag:before {
    content: '\f2aa';
}
.ion-pricetags:before {
    content: '\f2ab';
}
.ion-printer:before {
    content: '\f21a';
}
.ion-pull-request:before {
    content: '\f345';
}
.ion-qr-scanner:before {
    content: '\f346';
}
.ion-quote:before {
    content: '\f347';
}
.ion-radio-waves:before {
    content: '\f2ac';
}
.ion-record:before {
    content: '\f21b';
}
.ion-refresh:before {
    content: '\f21c';
}
.ion-reply:before {
    content: '\f21e';
}
.ion-reply-all:before {
    content: '\f21d';
}
.ion-ribbon-a:before {
    content: '\f348';
}
.ion-ribbon-b:before {
    content: '\f349';
}
.ion-sad:before {
    content: '\f34a';
}
.ion-sad-outline:before {
    content: '\f4d7';
}
.ion-scissors:before {
    content: '\f34b';
}
.ion-search:before {
    content: '\f21f';
}
.ion-settings:before {
    content: '\f2ad';
}
.ion-share:before {
    content: '\f220';
}
.ion-shuffle:before {
    content: '\f221';
}
.ion-skip-backward:before {
    content: '\f222';
}
.ion-skip-forward:before {
    content: '\f223';
}
.ion-social-android:before {
    content: '\f225';
}
.ion-social-android-outline:before {
    content: '\f224';
}
.ion-social-angular:before {
    content: '\f4d9';
}
.ion-social-angular-outline:before {
    content: '\f4d8';
}
.ion-social-apple:before {
    content: '\f227';
}
.ion-social-apple-outline:before {
    content: '\f226';
}
.ion-social-bitcoin:before {
    content: '\f2af';
}
.ion-social-bitcoin-outline:before {
    content: '\f2ae';
}
.ion-social-buffer:before {
    content: '\f229';
}
.ion-social-buffer-outline:before {
    content: '\f228';
}
.ion-social-chrome:before {
    content: '\f4db';
}
.ion-social-chrome-outline:before {
    content: '\f4da';
}
.ion-social-codepen:before {
    content: '\f4dd';
}
.ion-social-codepen-outline:before {
    content: '\f4dc';
}
.ion-social-css3:before {
    content: '\f4df';
}
.ion-social-css3-outline:before {
    content: '\f4de';
}
.ion-social-designernews:before {
    content: '\f22b';
}
.ion-social-designernews-outline:before {
    content: '\f22a';
}
.ion-social-dribbble:before {
    content: '\f22d';
}
.ion-social-dribbble-outline:before {
    content: '\f22c';
}
.ion-social-dropbox:before {
    content: '\f22f';
}
.ion-social-dropbox-outline:before {
    content: '\f22e';
}
.ion-social-euro:before {
    content: '\f4e1';
}
.ion-social-euro-outline:before {
    content: '\f4e0';
}
.ion-social-facebook:before {
    content: '\f231';
}
.ion-social-facebook-outline:before {
    content: '\f230';
}
.ion-social-foursquare:before {
    content: '\f34d';
}
.ion-social-foursquare-outline:before {
    content: '\f34c';
}
.ion-social-freebsd-devil:before {
    content: '\f2c4';
}
.ion-social-github:before {
    content: '\f233';
}
.ion-social-github-outline:before {
    content: '\f232';
}
.ion-social-google:before {
    content: '\f34f';
}
.ion-social-google-outline:before {
    content: '\f34e';
}
.ion-social-googleplus:before {
    content: '\f235';
}
.ion-social-googleplus-outline:before {
    content: '\f234';
}
.ion-social-hackernews:before {
    content: '\f237';
}
.ion-social-hackernews-outline:before {
    content: '\f236';
}
.ion-social-html5:before {
    content: '\f4e3';
}
.ion-social-html5-outline:before {
    content: '\f4e2';
}
.ion-social-instagram:before {
    content: '\f351';
}
.ion-social-instagram-outline:before {
    content: '\f350';
}
.ion-social-javascript:before {
    content: '\f4e5';
}
.ion-social-javascript-outline:before {
    content: '\f4e4';
}
.ion-social-linkedin:before {
    content: '\f239';
}
.ion-social-linkedin-outline:before {
    content: '\f238';
}
.ion-social-markdown:before {
    content: '\f4e6';
}
.ion-social-nodejs:before {
    content: '\f4e7';
}
.ion-social-octocat:before {
    content: '\f4e8';
}
.ion-social-pinterest:before {
    content: '\f2b1';
}
.ion-social-pinterest-outline:before {
    content: '\f2b0';
}
.ion-social-python:before {
    content: '\f4e9';
}
.ion-social-reddit:before {
    content: '\f23b';
}
.ion-social-reddit-outline:before {
    content: '\f23a';
}
.ion-social-rss:before {
    content: '\f23d';
}
.ion-social-rss-outline:before {
    content: '\f23c';
}
.ion-social-sass:before {
    content: '\f4ea';
}
.ion-social-skype:before {
    content: '\f23f';
}
.ion-social-skype-outline:before {
    content: '\f23e';
}
.ion-social-snapchat:before {
    content: '\f4ec';
}
.ion-social-snapchat-outline:before {
    content: '\f4eb';
}
.ion-social-tumblr:before {
    content: '\f241';
}
.ion-social-tumblr-outline:before {
    content: '\f240';
}
.ion-social-tux:before {
    content: '\f2c5';
}
.ion-social-twitch:before {
    content: '\f4ee';
}
.ion-social-twitch-outline:before {
    content: '\f4ed';
}
.ion-social-twitter:before {
    content: '\f243';
}
.ion-social-twitter-outline:before {
    content: '\f242';
}
.ion-social-usd:before {
    content: '\f353';
}
.ion-social-usd-outline:before {
    content: '\f352';
}
.ion-social-vimeo:before {
    content: '\f245';
}
.ion-social-vimeo-outline:before {
    content: '\f244';
}
.ion-social-whatsapp:before {
    content: '\f4f0';
}
.ion-social-whatsapp-outline:before {
    content: '\f4ef';
}
.ion-social-windows:before {
    content: '\f247';
}
.ion-social-windows-outline:before {
    content: '\f246';
}
.ion-social-wordpress:before {
    content: '\f249';
}
.ion-social-wordpress-outline:before {
    content: '\f248';
}
.ion-social-yahoo:before {
    content: '\f24b';
}
.ion-social-yahoo-outline:before {
    content: '\f24a';
}
.ion-social-yen:before {
    content: '\f4f2';
}
.ion-social-yen-outline:before {
    content: '\f4f1';
}
.ion-social-youtube:before {
    content: '\f24d';
}
.ion-social-youtube-outline:before {
    content: '\f24c';
}
.ion-soup-can:before {
    content: '\f4f4';
}
.ion-soup-can-outline:before {
    content: '\f4f3';
}
.ion-speakerphone:before {
    content: '\f2b2';
}
.ion-speedometer:before {
    content: '\f2b3';
}
.ion-spoon:before {
    content: '\f2b4';
}
.ion-star:before {
    content: '\f24e';
}
.ion-stats-bars:before {
    content: '\f2b5';
}
.ion-steam:before {
    content: '\f30b';
}
.ion-stop:before {
    content: '\f24f';
}
.ion-thermometer:before {
    content: '\f2b6';
}
.ion-thumbsdown:before {
    content: '\f250';
}
.ion-thumbsup:before {
    content: '\f251';
}
.ion-toggle:before {
    content: '\f355';
}
.ion-toggle-filled:before {
    content: '\f354';
}
.ion-transgender:before {
    content: '\f4f5';
}
.ion-trash-a:before {
    content: '\f252';
}
.ion-trash-b:before {
    content: '\f253';
}
.ion-trophy:before {
    content: '\f356';
}
.ion-tshirt:before {
    content: '\f4f7';
}
.ion-tshirt-outline:before {
    content: '\f4f6';
}
.ion-umbrella:before {
    content: '\f2b7';
}
.ion-university:before {
    content: '\f357';
}
.ion-unlocked:before {
    content: '\f254';
}
.ion-upload:before {
    content: '\f255';
}
.ion-usb:before {
    content: '\f2b8';
}
.ion-videocamera:before {
    content: '\f256';
}
.ion-volume-high:before {
    content: '\f257';
}
.ion-volume-low:before {
    content: '\f258';
}
.ion-volume-medium:before {
    content: '\f259';
}
.ion-volume-mute:before {
    content: '\f25a';
}
.ion-wand:before {
    content: '\f358';
}
.ion-waterdrop:before {
    content: '\f25b';
}
.ion-wifi:before {
    content: '\f25c';
}
.ion-wineglass:before {
    content: '\f2b9';
}
.ion-woman:before {
    content: '\f25d';
}
.ion-wrench:before {
    content: '\f2ba';
}
.ion-xbox:before {
    content: '\f30c';
}
/*! normalize.css v3.0.2 | MIT License | git.io/normalize */

/**
 * 1. Set default font family to sans-serif.
 * 2. Prevent iOS text size adjust after orientation change, without disabling
 *    user zoom.
 */

html {
    font-family: sans-serif; /* 1 */
    -ms-text-size-adjust: 100%; /* 2 */
    -webkit-text-size-adjust: 100%; /* 2 */
}

/**
 * Remove default margin.
 */

body {
    margin: 0;
}

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

/**
 * Correct `block` display not defined for any HTML5 element in IE 8/9.
 * Correct `block` display not defined for `details` or `summary` in IE 10/11
 * and Firefox.
 * Correct `block` display not defined for `main` in IE 11.
 */

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
    display: block;
}

/**
 * 1. Correct `inline-block` display not defined in IE 8/9.
 * 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera.
 */

audio,
canvas,
progress,
video {
    display: inline-block; /* 1 */
    vertical-align: baseline; /* 2 */
}

/**
 * Prevent modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS 5 devices.
 */

audio:not([controls]) {
    display: none;
    height: 0;
}

/**
 * Address `[hidden]` styling not present in IE 8/9/10.
 * Hide the `template` element in IE 8/9/11, Safari, and Firefox < 22.
 */

[hidden],
template {
    display: none;
}

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

/**
 * Remove the gray background color from active links in IE 10.
 */

a {
    background-color: transparent;
}

/**
 * Improve readability when focused and also mouse hovered in all browsers.
 */

a:active,
a:hover {
    outline: 0;
}

/* Text-level semantics
   ========================================================================== */

/**
 * Address styling not present in IE 8/9/10/11, Safari, and Chrome.
 */

abbr[title] {
    border-bottom: 1px dotted;
}

/**
 * Address style set to `bolder` in Firefox 4+, Safari, and Chrome.
 */

b,
strong {
    font-weight: bold;
}

/**
 * Address styling not present in Safari and Chrome.
 */

dfn {
    font-style: italic;
}

/**
 * Address variable `h1` font-size and margin within `section` and `article`
 * contexts in Firefox 4+, Safari, and Chrome.
 */

h1 {
    font-size: 2em;
    margin: 0.67em 0;
}

/**
 * Address styling not present in IE 8/9.
 */

mark {
    background: #ff0;
    color: #000;
}

/**
 * Address inconsistent and variable font size in all browsers.
 */

small {
    font-size: 80%;
}

/**
 * Prevent `sub` and `sup` affecting `line-height` in all browsers.
 */

sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}

sup {
    top: -0.5em;
}

sub {
    bottom: -0.25em;
}

/* Embedded content
   ========================================================================== */

/**
 * Remove border when inside `a` element in IE 8/9/10.
 */

img {
    border: 0;
}

/**
 * Correct overflow not hidden in IE 9/10/11.
 */

svg:not(:root) {
    overflow: hidden;
}

/* Grouping content
   ========================================================================== */

/**
 * Address margin not present in IE 8/9 and Safari.
 */

figure {
    margin: 1em 40px;
}

/**
 * Address differences between Firefox and other browsers.
 */

hr {
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    height: 0;
}

/**
 * Contain overflow in all browsers.
 */

pre {
    overflow: auto;
}

/**
 * Address odd `em`-unit font size rendering in all browsers.
 */

code,
kbd,
pre,
samp {
    font-family: monospace, monospace;
    font-size: 1em;
}

/* Forms
   ========================================================================== */

/**
 * Known limitation: by default, Chrome and Safari on OS X allow very limited
 * styling of `select`, unless a `border` property is set.
 */

/**
 * 1. Correct color not being inherited.
 *    Known issue: affects color of disabled elements.
 * 2. Correct font properties not being inherited.
 * 3. Address margins set differently in Firefox 4+, Safari, and Chrome.
 */

button,
input,
optgroup,
select,
textarea {
    color: inherit; /* 1 */
    font: inherit; /* 2 */
    margin: 0; /* 3 */
}

/**
 * Address `overflow` set to `hidden` in IE 8/9/10/11.
 */

button {
    overflow: visible;
}

/**
 * Address inconsistent `text-transform` inheritance for `button` and `select`.
 * All other form control elements do not inherit `text-transform` values.
 * Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera.
 * Correct `select` style inheritance in Firefox.
 */

button,
select {
    text-transform: none;
}

/**
 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
 *    and `video` controls.
 * 2. Correct inability to style clickable `input` types in iOS.
 * 3. Improve usability and consistency of cursor style between image-type
 *    `input` and others.
 */

button,
html input[type="button"], /* 1 */
input[type="reset"],
input[type="submit"] {
    -webkit-appearance: button; /* 2 */
    cursor: pointer; /* 3 */
}

/**
 * Re-set default cursor for disabled elements.
 */

button[disabled],
html input[disabled] {
    cursor: default;
}

/**
 * Remove inner padding and border in Firefox 4+.
 */

button::-moz-focus-inner,
input::-moz-focus-inner {
    border: 0;
    padding: 0;
}

/**
 * Address Firefox 4+ setting `line-height` on `input` using `!important` in
 * the UA stylesheet.
 */

input {
    line-height: normal;
}

/**
 * It's recommended that you don't attempt to style these elements.
 * Firefox's implementation doesn't respect box-sizing, padding, or width.
 *
 * 1. Address box sizing set to `content-box` in IE 8/9/10.
 * 2. Remove excess padding in IE 8/9/10.
 */

input[type='checkbox'],
input[type='radio'] {
    box-sizing: border-box; /* 1 */
    padding: 0; /* 2 */
}

/**
 * Fix the cursor style for Chrome's increment/decrement buttons. For certain
 * `font-size` values of the `input`, it causes the cursor style of the
 * decrement button to change from `default` to `text`.
 */

input[type='number']::-webkit-inner-spin-button,
input[type='number']::-webkit-outer-spin-button {
    height: auto;
}

/**
 * 1. Address `appearance` set to `searchfield` in Safari and Chrome.
 * 2. Address `box-sizing` set to `border-box` in Safari and Chrome
 *    (include `-moz` to future-proof).
 */

input[type='search'] {
    -webkit-appearance: textfield; /* 1 */
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box; /* 2 */
    box-sizing: content-box;
}

/**
 * Remove inner padding and search cancel button in Safari and Chrome on OS X.
 * Safari (but not Chrome) clips the cancel button when the search input has
 * padding (and `textfield` appearance).
 */

input[type='search']::-webkit-search-cancel-button,
input[type='search']::-webkit-search-decoration {
    -webkit-appearance: none;
}

/**
 * Define consistent border, margin, and padding.
 */

fieldset {
    border: 1px solid #c0c0c0;
    margin: 0 2px;
    padding: 0.35em 0.625em 0.75em;
}

/**
 * 1. Correct `color` not being inherited in IE 8/9/10/11.
 * 2. Remove padding so people aren't caught out if they zero out fieldsets.
 */

legend {
    border: 0; /* 1 */
    padding: 0; /* 2 */
}

/**
 * Remove default vertical scrollbar in IE 8/9/10/11.
 */

textarea {
    overflow: auto;
}

/**
 * Don't inherit the `font-weight` (applied by a rule above).
 * NOTE: the default cannot safely be changed in Chrome and Safari on OS X.
 */

optgroup {
    font-weight: bold;
}

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

/**
 * Remove most spacing between table cells.
 */

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

td,
th {
    padding: 0;
}
/*
* Skeleton V2.0.4
* Copyright 2014, Dave Gamache
* www.getskeleton.com
* Free to use under the MIT license.
* http://www.opensource.org/licenses/mit-license.php
* 12/29/2014
*/

/* Table of contents
––––––––––––––––––––––––––––––––––––––––––––––––––
- Grid
- Base Styles
- Typography
- Links
- Buttons
- Forms
- Lists
- Code
- Tables
- Spacing
- Utilities
- Clearing
- Media Queries
*/

/* Grid
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.container {
    position: relative;
    width: 100%;
    max-width: 960px;
    margin: 0 auto;
    padding: 0 20px;
    box-sizing: border-box;
}
.column,
.columns {
    width: 100%;
    float: left;
    box-sizing: border-box;
}

/* For devices larger than 400px */
@media (min-width: 400px) {
    .container {
        width: 85%;
        padding: 0;
    }
}

/* SONE-2148, NSH-705 
    Increased min-width threshold from 550 to 750 pixels to avoid date clipping and help icon alignment issue.

    @media (min-width: 550px) 
*/
/* For devices larger than 550px */
@media (min-width: 750px) {
    .container {
        width: 80%;
    }
    .column,
    .columns {
        margin-left: 4%;
    }
    .column:first-child,
    .columns:first-child {
        margin-left: 0;
    }

    .one.column,
    .one.columns {
        width: 4.66666666667%;
    }
    .two.columns {
        width: 13.3333333333%;
    }
    .three.columns {
        width: 22%;
    }
    .four.columns {
        width: 30.6666666667%;
    }
    .five.columns {
        width: 39.3333333333%;
    }
    .six.columns {
        width: 48%;
    }
    .seven.columns {
        width: 56.6666666667%;
    }
    .eight.columns {
        width: 65.3333333333%;
    }
    .nine.columns {
        width: 74%;
    }
    .ten.columns {
        width: 82.6666666667%;
    }
    .eleven.columns {
        width: 91.3333333333%;
    }
    .twelve.columns {
        width: 100%;
        margin-left: 0;
    }

    .one-third.column {
        width: 30.6666666667%;
    }
    .two-thirds.column {
        width: 65.3333333333%;
    }

    .one-half.column {
        width: 48%;
    }

    /* Offsets */
    .offset-by-one.column,
    .offset-by-one.columns {
        margin-left: 8.66666666667%;
    }
    .offset-by-two.column,
    .offset-by-two.columns {
        margin-left: 17.3333333333%;
    }
    .offset-by-three.column,
    .offset-by-three.columns {
        margin-left: 26%;
    }
    .offset-by-four.column,
    .offset-by-four.columns {
        margin-left: 34.6666666667%;
    }
    .offset-by-five.column,
    .offset-by-five.columns {
        margin-left: 43.3333333333%;
    }
    .offset-by-six.column,
    .offset-by-six.columns {
        margin-left: 52%;
    }
    .offset-by-seven.column,
    .offset-by-seven.columns {
        margin-left: 60.6666666667%;
    }
    .offset-by-eight.column,
    .offset-by-eight.columns {
        margin-left: 69.3333333333%;
    }
    .offset-by-nine.column,
    .offset-by-nine.columns {
        margin-left: 78%;
    }
    .offset-by-ten.column,
    .offset-by-ten.columns {
        margin-left: 86.6666666667%;
    }
    .offset-by-eleven.column,
    .offset-by-eleven.columns {
        margin-left: 95.3333333333%;
    }

    .offset-by-one-third.column,
    .offset-by-one-third.columns {
        margin-left: 34.6666666667%;
    }
    .offset-by-two-thirds.column,
    .offset-by-two-thirds.columns {
        margin-left: 69.3333333333%;
    }

    .offset-by-one-half.column,
    .offset-by-one-half.columns {
        margin-left: 52%;
    }
}

/* Base Styles
–––––––––––––––––––––––––––––––––––––––––––––––––– */
/* NOTE
html is set to 62.5% so that all the REM measurements throughout Skeleton
are based on 10px sizing. So basically 1.5rem = 15px :) */
html {
    font-size: 62.5%;
}
body {
    font-size: 1.5em; /* currently ems cause chrome bug misinterpreting rems on body element */
    line-height: 1.6;
    font-weight: 400;
    font-family: 'Raleway', 'HelveticaNeue', 'Helvetica Neue', Helvetica, Arial, sans-serif;
    color: #222;
}

/* Typography
–––––––––––––––––––––––––––––––––––––––––––––––––– */
h1,
h2,
h3,
h4,
h5,
h6 {
    margin-top: 0;
    margin-bottom: 2rem;
    font-weight: 300;
}
h1 {
    font-size: 4rem;
    line-height: 1.2;
    letter-spacing: -0.1rem;
}
h2 {
    font-size: 3.6rem;
    line-height: 1.25;
    letter-spacing: -0.1rem;
}
h3 {
    font-size: 3rem;
    line-height: 1.3;
    letter-spacing: -0.1rem;
}
h4 {
    font-size: 2.4rem;
    line-height: 1.35;
    letter-spacing: -0.08rem;
}
h5 {
    font-size: 1.8rem;
    line-height: 1.5;
    letter-spacing: -0.05rem;
}
h6 {
    font-size: 1.5rem;
    line-height: 1.6;
    letter-spacing: 0;
}

/* Larger than phablet */
@media (min-width: 550px) {
    h1 {
        font-size: 5rem;
    }
    h2 {
        font-size: 4.2rem;
    }
    h3 {
        font-size: 3.6rem;
    }
    h4 {
        font-size: 3rem;
    }
    h5 {
        font-size: 2.4rem;
    }
    h6 {
        font-size: 1.5rem;
    }
}

p {
    margin-top: 0;
}

/* Links
–––––––––––––––––––––––––––––––––––––––––––––––––– */
a {
    color: #1eaedb;
}
a:hover {
    color: #0fa0ce;
}

/* Buttons
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.button,
button,
input[type='submit'],
input[type='reset'],
input[type='button'] {
    display: inline-block;
    height: 38px;
    padding: 0 30px;
    color: #555;
    text-align: center;
    font-size: 12px;
    font-weight: 600;
    line-height: 38px;
    letter-spacing: 0.1rem;
    text-transform: uppercase;
    text-decoration: none;
    white-space: nowrap;
    background-color: transparent;
    border-radius: 4px;
    border: 1px solid #bbb;
    cursor: pointer;
    box-sizing: border-box;
}
.button:hover,
button:hover,
input[type='submit']:hover,
input[type='reset']:hover,
input[type='button']:hover,
.button:focus,
button:focus,
input[type='submit']:focus,
input[type='reset']:focus,
input[type='button']:focus {
    color: #333;
    border-color: #888;
    outline: 0;
}
.button.button-primary,
button.button-primary,
input[type='submit'].button-primary,
input[type='reset'].button-primary,
input[type='button'].button-primary {
    color: #fff;
    background-color: #33c3f0;
    border-color: #33c3f0;
}
.button.button-primary:hover,
button.button-primary:hover,
input[type='submit'].button-primary:hover,
input[type='reset'].button-primary:hover,
input[type='button'].button-primary:hover,
.button.button-primary:focus,
button.button-primary:focus,
input[type='submit'].button-primary:focus,
input[type='reset'].button-primary:focus,
input[type='button'].button-primary:focus {
    color: #fff;
    background-color: #1eaedb;
    border-color: #1eaedb;
}

/* Forms
–––––––––––––––––––––––––––––––––––––––––––––––––– */
input[type='email'],
input[type='number'],
input[type='search'],
input[type='text'],
input[type='date'],
input[type='tel'],
input[type='url'],
input[type='password'],
textarea,
select {
    height: 38px;
    padding: 6px 10px; /* The 6px vertically centers text on FF, ignored by Webkit */
    background-color: #fff;
    border: 1px solid #d1d1d1;
    border-radius: 4px;
    box-shadow: none;
    box-sizing: border-box;
}
/* Removes awkward default styles on some inputs for iOS */
input[type='email'],
input[type='number'],
input[type='search'],
input[type='text'],
input[type='date'],
input[type='tel'],
input[type='url'],
input[type='password'],
textarea {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}
textarea {
    min-height: 65px;
    padding-top: 6px;
    padding-bottom: 6px;
}
input[type='email']:focus,
input[type='number']:focus,
input[type='search']:focus,
input[type='text']:focus,
input[type='date']:focus,
input[type='tel']:focus,
input[type='url']:focus,
input[type='password']:focus,
textarea:focus,
select:focus {
    border: 1px solid #33c3f0;
    outline: 0;
}
label,
legend {
    display: block;
    margin-bottom: 0.5rem;
    font-weight: 600;
}
fieldset {
    padding: 0;
    border-width: 0;
}
input[type='checkbox'],
input[type='radio'] {
    display: inline;
}
label > .label-body {
    display: inline-block;
    margin-left: 0.5rem;
    font-weight: normal;
}

/* Lists
–––––––––––––––––––––––––––––––––––––––––––––––––– */
ul {
    list-style: circle inside;
}
ol {
    list-style: decimal inside;
}
ol,
ul {
    padding-left: 0;
    margin-top: 0;
}
ul ul,
ul ol,
ol ol,
ol ul {
    margin: 1.5rem 0 1.5rem 3rem;
    font-size: 90%;
}
li {
    margin-bottom: 1rem;
}

/* Code
–––––––––––––––––––––––––––––––––––––––––––––––––– */
code {
    padding: 0.2rem 0.5rem;
    margin: 0 0.2rem;
    font-size: 90%;
    white-space: nowrap;
    background: #f1f1f1;
    border: 1px solid #e1e1e1;
    border-radius: 4px;
}
pre > code {
    display: block;
    padding: 1rem 1.5rem;
    white-space: pre;
}

/* Tables
–––––––––––––––––––––––––––––––––––––––––––––––––– */
th,
td {
    padding: 12px 15px;
    text-align: left;
    border-bottom: 1px solid #e1e1e1;
}
th:first-child,
td:first-child {
    padding-left: 0;
}
th:last-child,
td:last-child {
    padding-right: 0;
}

/* Spacing
–––––––––––––––––––––––––––––––––––––––––––––––––– */
button,
.button {
    margin-bottom: 1rem;
}
input,
textarea,
select,
fieldset {
    margin-bottom: 1.5rem;
}
pre,
blockquote,
dl,
figure,
table,
p,
ul,
ol,
form {
    margin-bottom: 2.5rem;
}

/* Utilities
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.u-full-width {
    width: 100%;
    box-sizing: border-box;
}
.u-max-full-width {
    max-width: 100%;
    box-sizing: border-box;
}
.u-pull-right {
    float: right;
}
.u-pull-left {
    float: left;
}

/* Misc
–––––––––––––––––––––––––––––––––––––––––––––––––– */
hr {
    margin-top: 3rem;
    margin-bottom: 3.5rem;
    border-width: 0;
    border-top: 1px solid #e1e1e1;
}

/* Clearing
–––––––––––––––––––––––––––––––––––––––––––––––––– */

/* Self Clearing Goodness */
.container:after,
.row:after,
.u-cf {
    content: '';
    display: table;
    clear: both;
}

/* Media Queries
–––––––––––––––––––––––––––––––––––––––––––––––––– */
/*
Note: The best way to structure the use of media queries is to create the queries
near the relevant code. For example, if you wanted to change the styles for buttons
on small devices, paste the mobile query code up in the buttons section and style it
there.
*/

/* Larger than mobile */
@media (min-width: 400px) {
}

/* Larger than phablet (also point when grid becomes active) */
@media (min-width: 550px) {
}

/* Larger than tablet */
@media (min-width: 750px) {
}

/* Larger than desktop */
@media (min-width: 1000px) {
}

/* Larger than Desktop HD */
@media (min-width: 1200px) {
}
/*!
 * Datepicker for Bootstrap v1.6.1 (https://github.com/eternicode/bootstrap-datepicker)
 *
 * Copyright 2012 Stefan Petre
 * Improvements by Andrew Rowls
 * Licensed under the Apache License v2.0 (http://www.apache.org/licenses/LICENSE-2.0)
 */
.datepicker {
    padding: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    direction: ltr;
}
.datepicker-inline {
    width: 220px;
}
.datepicker.datepicker-rtl {
    direction: rtl;
}
.datepicker.datepicker-rtl table tr td span {
    float: right;
}
.datepicker-dropdown {
    top: 0;
    left: 0;
}
.datepicker-dropdown:before {
    content: '';
    display: inline-block;
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-bottom: 7px solid #999999;
    border-top: 0;
    border-bottom-color: rgba(0, 0, 0, 0.2);
    position: absolute;
}
.datepicker-dropdown:after {
    content: '';
    display: inline-block;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-bottom: 6px solid #ffffff;
    border-top: 0;
    position: absolute;
}
.datepicker-dropdown.datepicker-orient-left:before {
    left: 6px;
}
.datepicker-dropdown.datepicker-orient-left:after {
    left: 7px;
}
.datepicker-dropdown.datepicker-orient-right:before {
    right: 6px;
}
.datepicker-dropdown.datepicker-orient-right:after {
    right: 7px;
}
.datepicker-dropdown.datepicker-orient-bottom:before {
    top: -7px;
}
.datepicker-dropdown.datepicker-orient-bottom:after {
    top: -6px;
}
.datepicker-dropdown.datepicker-orient-top:before {
    bottom: -7px;
    border-bottom: 0;
    border-top: 7px solid #999999;
}
.datepicker-dropdown.datepicker-orient-top:after {
    bottom: -6px;
    border-bottom: 0;
    border-top: 6px solid #ffffff;
}
.datepicker > div {
    display: none;
}
.datepicker table {
    margin: 0;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.datepicker td,
.datepicker th {
    text-align: center;
    width: 20px;
    height: 20px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    border: none;
}
.table-striped .datepicker table tr td,
.table-striped .datepicker table tr th {
    background-color: transparent;
}
.datepicker table tr td.day:hover,
.datepicker table tr td.day.focused {
    background: #eeeeee;
    cursor: pointer;
}
.datepicker table tr td.old,
.datepicker table tr td.new {
    color: #999999;
}
.datepicker table tr td.disabled,
.datepicker table tr td.disabled:hover {
    background: none;
    color: #999999;
    cursor: default;
}
.datepicker table tr td.highlighted {
    background: #d9edf7;
    border-radius: 0;
}
.datepicker table tr td.today,
.datepicker table tr td.today:hover,
.datepicker table tr td.today.disabled,
.datepicker table tr td.today.disabled:hover {
    background-color: #fde19a;
    background-image: -moz-linear-gradient(to bottom, #fdd49a, #fdf59a);
    background-image: -ms-linear-gradient(to bottom, #fdd49a, #fdf59a);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fdd49a), to(#fdf59a));
    background-image: -webkit-linear-gradient(to bottom, #fdd49a, #fdf59a);
    background-image: -o-linear-gradient(to bottom, #fdd49a, #fdf59a);
    background-image: linear-gradient(to bottom, #fdd49a, #fdf59a);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fdd49a', endColorstr='#fdf59a', GradientType=0);
    border-color: #fdf59a #fdf59a #fbed50;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
    color: #000;
}
.datepicker table tr td.today:hover,
.datepicker table tr td.today:hover:hover,
.datepicker table tr td.today.disabled:hover,
.datepicker table tr td.today.disabled:hover:hover,
.datepicker table tr td.today:active,
.datepicker table tr td.today:hover:active,
.datepicker table tr td.today.disabled:active,
.datepicker table tr td.today.disabled:hover:active,
.datepicker table tr td.today.active,
.datepicker table tr td.today:hover.active,
.datepicker table tr td.today.disabled.active,
.datepicker table tr td.today.disabled:hover.active,
.datepicker table tr td.today.disabled,
.datepicker table tr td.today:hover.disabled,
.datepicker table tr td.today.disabled.disabled,
.datepicker table tr td.today.disabled:hover.disabled,
.datepicker table tr td.today[disabled],
.datepicker table tr td.today:hover[disabled],
.datepicker table tr td.today.disabled[disabled],
.datepicker table tr td.today.disabled:hover[disabled] {
    background-color: #fdf59a;
}
.datepicker table tr td.today:active,
.datepicker table tr td.today:hover:active,
.datepicker table tr td.today.disabled:active,
.datepicker table tr td.today.disabled:hover:active,
.datepicker table tr td.today.active,
.datepicker table tr td.today:hover.active,
.datepicker table tr td.today.disabled.active,
.datepicker table tr td.today.disabled:hover.active {
    background-color: #fbf069 \9;
}
.datepicker table tr td.today:hover:hover {
    color: #000;
}
.datepicker table tr td.today.active:hover {
    color: #fff;
}
.datepicker table tr td.range,
.datepicker table tr td.range:hover,
.datepicker table tr td.range.disabled,
.datepicker table tr td.range.disabled:hover {
    background: #eeeeee;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}
.datepicker table tr td.range.today,
.datepicker table tr td.range.today:hover,
.datepicker table tr td.range.today.disabled,
.datepicker table tr td.range.today.disabled:hover {
    background-color: #f3d17a;
    background-image: -moz-linear-gradient(to bottom, #f3c17a, #f3e97a);
    background-image: -ms-linear-gradient(to bottom, #f3c17a, #f3e97a);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f3c17a), to(#f3e97a));
    background-image: -webkit-linear-gradient(to bottom, #f3c17a, #f3e97a);
    background-image: -o-linear-gradient(to bottom, #f3c17a, #f3e97a);
    background-image: linear-gradient(to bottom, #f3c17a, #f3e97a);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f3c17a', endColorstr='#f3e97a', GradientType=0);
    border-color: #f3e97a #f3e97a #edde34;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}
.datepicker table tr td.range.today:hover,
.datepicker table tr td.range.today:hover:hover,
.datepicker table tr td.range.today.disabled:hover,
.datepicker table tr td.range.today.disabled:hover:hover,
.datepicker table tr td.range.today:active,
.datepicker table tr td.range.today:hover:active,
.datepicker table tr td.range.today.disabled:active,
.datepicker table tr td.range.today.disabled:hover:active,
.datepicker table tr td.range.today.active,
.datepicker table tr td.range.today:hover.active,
.datepicker table tr td.range.today.disabled.active,
.datepicker table tr td.range.today.disabled:hover.active,
.datepicker table tr td.range.today.disabled,
.datepicker table tr td.range.today:hover.disabled,
.datepicker table tr td.range.today.disabled.disabled,
.datepicker table tr td.range.today.disabled:hover.disabled,
.datepicker table tr td.range.today[disabled],
.datepicker table tr td.range.today:hover[disabled],
.datepicker table tr td.range.today.disabled[disabled],
.datepicker table tr td.range.today.disabled:hover[disabled] {
    background-color: #f3e97a;
}
.datepicker table tr td.range.today:active,
.datepicker table tr td.range.today:hover:active,
.datepicker table tr td.range.today.disabled:active,
.datepicker table tr td.range.today.disabled:hover:active,
.datepicker table tr td.range.today.active,
.datepicker table tr td.range.today:hover.active,
.datepicker table tr td.range.today.disabled.active,
.datepicker table tr td.range.today.disabled:hover.active {
    background-color: #efe24b \9;
}
.datepicker table tr td.selected,
.datepicker table tr td.selected:hover,
.datepicker table tr td.selected.disabled,
.datepicker table tr td.selected.disabled:hover {
    background-color: #9e9e9e;
    background-image: -moz-linear-gradient(to bottom, #b3b3b3, #808080);
    background-image: -ms-linear-gradient(to bottom, #b3b3b3, #808080);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#b3b3b3), to(#808080));
    background-image: -webkit-linear-gradient(to bottom, #b3b3b3, #808080);
    background-image: -o-linear-gradient(to bottom, #b3b3b3, #808080);
    background-image: linear-gradient(to bottom, #b3b3b3, #808080);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#b3b3b3', endColorstr='#808080', GradientType=0);
    border-color: #808080 #808080 #595959;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
    color: #fff;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}
.datepicker table tr td.selected:hover,
.datepicker table tr td.selected:hover:hover,
.datepicker table tr td.selected.disabled:hover,
.datepicker table tr td.selected.disabled:hover:hover,
.datepicker table tr td.selected:active,
.datepicker table tr td.selected:hover:active,
.datepicker table tr td.selected.disabled:active,
.datepicker table tr td.selected.disabled:hover:active,
.datepicker table tr td.selected.active,
.datepicker table tr td.selected:hover.active,
.datepicker table tr td.selected.disabled.active,
.datepicker table tr td.selected.disabled:hover.active,
.datepicker table tr td.selected.disabled,
.datepicker table tr td.selected:hover.disabled,
.datepicker table tr td.selected.disabled.disabled,
.datepicker table tr td.selected.disabled:hover.disabled,
.datepicker table tr td.selected[disabled],
.datepicker table tr td.selected:hover[disabled],
.datepicker table tr td.selected.disabled[disabled],
.datepicker table tr td.selected.disabled:hover[disabled] {
    background-color: #808080;
}
.datepicker table tr td.selected:active,
.datepicker table tr td.selected:hover:active,
.datepicker table tr td.selected.disabled:active,
.datepicker table tr td.selected.disabled:hover:active,
.datepicker table tr td.selected.active,
.datepicker table tr td.selected:hover.active,
.datepicker table tr td.selected.disabled.active,
.datepicker table tr td.selected.disabled:hover.active {
    background-color: #666666 \9;
}
.datepicker table tr td.active,
.datepicker table tr td.active:hover,
.datepicker table tr td.active.disabled,
.datepicker table tr td.active.disabled:hover {
    background-color: #006dcc;
    background-image: -moz-linear-gradient(to bottom, #0088cc, #0044cc);
    background-image: -ms-linear-gradient(to bottom, #0088cc, #0044cc);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#0044cc));
    background-image: -webkit-linear-gradient(to bottom, #0088cc, #0044cc);
    background-image: -o-linear-gradient(to bottom, #0088cc, #0044cc);
    background-image: linear-gradient(to bottom, #0088cc, #0044cc);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0088cc', endColorstr='#0044cc', GradientType=0);
    border-color: #0044cc #0044cc #002a80;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
    color: #fff;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}
.datepicker table tr td.active:hover,
.datepicker table tr td.active:hover:hover,
.datepicker table tr td.active.disabled:hover,
.datepicker table tr td.active.disabled:hover:hover,
.datepicker table tr td.active:active,
.datepicker table tr td.active:hover:active,
.datepicker table tr td.active.disabled:active,
.datepicker table tr td.active.disabled:hover:active,
.datepicker table tr td.active.active,
.datepicker table tr td.active:hover.active,
.datepicker table tr td.active.disabled.active,
.datepicker table tr td.active.disabled:hover.active,
.datepicker table tr td.active.disabled,
.datepicker table tr td.active:hover.disabled,
.datepicker table tr td.active.disabled.disabled,
.datepicker table tr td.active.disabled:hover.disabled,
.datepicker table tr td.active[disabled],
.datepicker table tr td.active:hover[disabled],
.datepicker table tr td.active.disabled[disabled],
.datepicker table tr td.active.disabled:hover[disabled] {
    background-color: #0044cc;
}
.datepicker table tr td.active:active,
.datepicker table tr td.active:hover:active,
.datepicker table tr td.active.disabled:active,
.datepicker table tr td.active.disabled:hover:active,
.datepicker table tr td.active.active,
.datepicker table tr td.active:hover.active,
.datepicker table tr td.active.disabled.active,
.datepicker table tr td.active.disabled:hover.active {
    background-color: #003399 \9;
}
.datepicker table tr td span {
    display: block;
    width: 23%;
    height: 54px;
    line-height: 54px;
    float: left;
    margin: 1%;
    cursor: pointer;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}
.datepicker table tr td span:hover,
.datepicker table tr td span.focused {
    background: #eeeeee;
}
.datepicker table tr td span.disabled,
.datepicker table tr td span.disabled:hover {
    background: none;
    color: #999999;
    cursor: default;
}
.datepicker table tr td span.active,
.datepicker table tr td span.active:hover,
.datepicker table tr td span.active.disabled,
.datepicker table tr td span.active.disabled:hover {
    background-color: #006dcc;
    background-image: -moz-linear-gradient(to bottom, #0088cc, #0044cc);
    background-image: -ms-linear-gradient(to bottom, #0088cc, #0044cc);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#0044cc));
    background-image: -webkit-linear-gradient(to bottom, #0088cc, #0044cc);
    background-image: -o-linear-gradient(to bottom, #0088cc, #0044cc);
    background-image: linear-gradient(to bottom, #0088cc, #0044cc);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0088cc', endColorstr='#0044cc', GradientType=0);
    border-color: #0044cc #0044cc #002a80;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
    color: #fff;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}
.datepicker table tr td span.active:hover,
.datepicker table tr td span.active:hover:hover,
.datepicker table tr td span.active.disabled:hover,
.datepicker table tr td span.active.disabled:hover:hover,
.datepicker table tr td span.active:active,
.datepicker table tr td span.active:hover:active,
.datepicker table tr td span.active.disabled:active,
.datepicker table tr td span.active.disabled:hover:active,
.datepicker table tr td span.active.active,
.datepicker table tr td span.active:hover.active,
.datepicker table tr td span.active.disabled.active,
.datepicker table tr td span.active.disabled:hover.active,
.datepicker table tr td span.active.disabled,
.datepicker table tr td span.active:hover.disabled,
.datepicker table tr td span.active.disabled.disabled,
.datepicker table tr td span.active.disabled:hover.disabled,
.datepicker table tr td span.active[disabled],
.datepicker table tr td span.active:hover[disabled],
.datepicker table tr td span.active.disabled[disabled],
.datepicker table tr td span.active.disabled:hover[disabled] {
    background-color: #0044cc;
}
.datepicker table tr td span.active:active,
.datepicker table tr td span.active:hover:active,
.datepicker table tr td span.active.disabled:active,
.datepicker table tr td span.active.disabled:hover:active,
.datepicker table tr td span.active.active,
.datepicker table tr td span.active:hover.active,
.datepicker table tr td span.active.disabled.active,
.datepicker table tr td span.active.disabled:hover.active {
    background-color: #003399 \9;
}
.datepicker table tr td span.old,
.datepicker table tr td span.new {
    color: #999999;
}
.datepicker .datepicker-switch {
    width: 145px;
}
.datepicker .datepicker-switch,
.datepicker .prev,
.datepicker .next,
.datepicker tfoot tr th {
    cursor: pointer;
}
.datepicker .datepicker-switch:hover,
.datepicker .prev:hover,
.datepicker .next:hover,
.datepicker tfoot tr th:hover {
    background: #eeeeee;
}
.datepicker .cw {
    font-size: 10px;
    width: 12px;
    padding: 0 2px 0 5px;
    vertical-align: middle;
}
.input-append.date .add-on,
.input-prepend.date .add-on {
    cursor: pointer;
}
.input-append.date .add-on i,
.input-prepend.date .add-on i {
    margin-top: 3px;
}
.input-daterange input {
    text-align: center;
}
.input-daterange input:first-child {
    -webkit-border-radius: 3px 0 0 3px;
    -moz-border-radius: 3px 0 0 3px;
    border-radius: 3px 0 0 3px;
}
.input-daterange input:last-child {
    -webkit-border-radius: 0 3px 3px 0;
    -moz-border-radius: 0 3px 3px 0;
    border-radius: 0 3px 3px 0;
}
.input-daterange .add-on {
    display: inline-block;
    width: auto;
    min-width: 16px;
    height: 18px;
    padding: 4px 5px;
    font-weight: normal;
    line-height: 18px;
    text-align: center;
    text-shadow: 0 1px 0 #ffffff;
    vertical-align: middle;
    background-color: #eeeeee;
    border: 1px solid #ccc;
    margin-left: -5px;
    margin-right: -5px;
}
.introjs-overlay {
    position: absolute;
    box-sizing: content-box;
    z-index: 999999;
    background-color: #000;
    opacity: 0;
    /*background: -moz-radial-gradient(center,ellipse cover,rgba(0,0,0,0.4) 0,rgba(0,0,0,0.9) 100%);
  background: -webkit-gradient(radial,center center,0px,center center,100%,color-stop(0%,rgba(0,0,0,0.4)),color-stop(100%,rgba(0,0,0,0.9)));
  background: -webkit-radial-gradient(center,ellipse cover,rgba(0,0,0,0.4) 0,rgba(0,0,0,0.9) 100%);
  background: -o-radial-gradient(center,ellipse cover,rgba(0,0,0,0.3) 0,rgba(0,0,0,0.3) 100%);
  background: -ms-radial-gradient(center,ellipse cover,rgba(0,0,0,0.3) 0,rgba(0,0,0,0.3) 100%);
  background: radial-gradient(center,ellipse cover,rgba(0,0,0,0.4) 0,rgba(0,0,0,0.9) 100%);*/
    filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#66000000',endColorstr='#e6000000',GradientType=1)";
    -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=50)';
    filter: alpha(opacity=50);
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}

.introjs-fixParent {
    z-index: auto !important;
    opacity: 1 !important;
    -webkit-transform: none !important;
    -moz-transform: none !important;
    -ms-transform: none !important;
    -o-transform: none !important;
    transform: none !important;
}

.introjs-showElement,
tr.introjs-showElement > td,
tr.introjs-showElement > th {
    z-index: 9999999 !important;
}

.introjs-disableInteraction {
    z-index: 99999999 !important;
    position: absolute;
    background-color: white;
    opacity: 0;
    filter: alpha(opacity=0);
}

.introjs-relativePosition,
tr.introjs-showElement > td,
tr.introjs-showElement > th {
    position: relative;
}

.introjs-helperLayer {
    box-sizing: content-box;
    position: absolute;
    z-index: 9999998;
    background-color: #fff;
    background-color: rgba(255, 255, 255, 0.9);
    border: 1px solid #777;
    border: 1px solid rgba(0, 0, 0, 0.5);
    border-radius: 4px;
    box-shadow: 0 2px 15px rgba(0, 0, 0, 0.4);
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}

.introjs-tooltipReferenceLayer {
    box-sizing: content-box;
    position: absolute;
    visibility: hidden;
    z-index: 10000000;
    background-color: transparent;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}

.introjs-helperLayer *,
.introjs-helperLayer *:before,
.introjs-helperLayer *:after {
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    -ms-box-sizing: content-box;
    -o-box-sizing: content-box;
    box-sizing: content-box;
}

.introjs-helperNumberLayer {
    box-sizing: content-box;
    position: absolute;
    visibility: visible;
    top: -16px;
    left: -16px;
    z-index: 9999999999 !important;
    padding: 2px;
    font-family: Arial, verdana, tahoma;
    font-weight: bold;
    color: white;
    text-align: center;
    /*text-shadow: 1px 1px 1px rgba(0,0,0,.3);*/
    background: #ff3019; /* Old browsers */
    background: -webkit-linear-gradient(top, #ff3019 0%, #cf0404 100%); /* Chrome10+,Safari5.1+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ff3019), color-stop(100%, #cf0404)); /* Chrome,Safari4+ */
    background: -moz-linear-gradient(top, #ff3019 0%, #cf0404 100%); /* FF3.6+ */
    background: -ms-linear-gradient(top, #ff3019 0%, #cf0404 100%); /* IE10+ */
    background: -o-linear-gradient(top, #ff3019 0%, #cf0404 100%); /* Opera 11.10+ */
    background: linear-gradient(to bottom, #ff3019 0%, #cf0404 100%); /* W3C */
    width: 20px;
    height: 20px;
    line-height: 20px;
    /*border: 3px solid white;*/
    border-radius: 50%;
    filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff3019', endColorstr='#cf0404', GradientType=0)"; /* IE6-9 */
    filter: 'progid:DXImageTransform.Microsoft.Shadow(direction=135, strength=2, color=ff0000)'; /* IE10 text shadows */
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.4);
}

.introjs-arrow {
    border: 5px solid white;
    content: '';
    position: absolute;
}

.introjs-arrow.top {
    top: -10px;
    border-top-color: transparent;
    border-right-color: transparent;
    border-bottom-color: white;
    border-left-color: transparent;
}

.introjs-arrow.top-right {
    top: -10px;
    right: 10px;
    border-top-color: transparent;
    border-right-color: transparent;
    border-bottom-color: white;
    border-left-color: transparent;
}

.introjs-arrow.top-middle {
    top: -10px;
    left: 50%;
    margin-left: -5px;
    border-top-color: transparent;
    border-right-color: transparent;
    border-bottom-color: white;
    border-left-color: transparent;
}

.introjs-arrow.right {
    right: -10px;
    top: 10px;
    border-top-color: transparent;
    border-right-color: transparent;
    border-bottom-color: transparent;
    border-left-color: white;
}

.introjs-arrow.right-bottom {
    bottom: 10px;
    right: -10px;
    border-top-color: transparent;
    border-right-color: transparent;
    border-bottom-color: transparent;
    border-left-color: white;
}

.introjs-arrow.bottom {
    bottom: -10px;
    border-top-color: white;
    border-right-color: transparent;
    border-bottom-color: transparent;
    border-left-color: transparent;
}

.introjs-arrow.left {
    left: -10px;
    top: 10px;
    border-top-color: transparent;
    border-right-color: white;
    border-bottom-color: transparent;
    border-left-color: transparent;
}

.introjs-arrow.left-bottom {
    left: -10px;
    bottom: 10px;
    border-top-color: transparent;
    border-right-color: white;
    border-bottom-color: transparent;
    border-left-color: transparent;
}

.introjs-tooltip {
    box-sizing: content-box;
    position: absolute;
    visibility: visible;
    padding: 10px;
    background-color: white;
    min-width: 200px;
    max-width: 500px;
    border-radius: 3px;
    box-shadow: 0 1px 10px rgba(0, 0, 0, 0.4);
    -webkit-transition: opacity 0.1s ease-out;
    -moz-transition: opacity 0.1s ease-out;
    -ms-transition: opacity 0.1s ease-out;
    -o-transition: opacity 0.1s ease-out;
    transition: opacity 0.1s ease-out;
}

.introjs-tooltipbuttons {
    text-align: right;
    white-space: nowrap;
}

.introjs-fixedTooltip {
    position: fixed;
}

/*
 Buttons style by http://nicolasgallagher.com/lab/css3-github-buttons/
 Changed by Afshin Mehrabani
*/
.introjs-button {
    box-sizing: content-box;
    position: relative;
    overflow: visible;
    display: inline-block;
    padding: 0.3em 0.8em;
    border: 1px solid #d4d4d4;
    margin: 0;
    text-decoration: none;
    text-shadow: 1px 1px 0 #fff;
    /*font: 11px/normal sans-serif;*/
    color: #333;
    white-space: nowrap;
    cursor: pointer;
    outline: none;
    background-color: #ececec;
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f4f4f4), to(#ececec));
    background-image: -moz-linear-gradient(#f4f4f4, #ececec);
    background-image: -o-linear-gradient(#f4f4f4, #ececec);
    background-image: linear-gradient(#f4f4f4, #ececec);
    -webkit-background-clip: padding;
    -moz-background-clip: padding;
    -o-background-clip: padding-box;
    /*background-clip: padding-box;*/ /* commented out due to Opera 11.10 bug */
    -webkit-border-radius: 0.2em;
    -moz-border-radius: 0.2em;
    border-radius: 0.2em;
    /* IE hacks */
    zoom: 1;
    *display: inline;
    margin-top: 10px;
}

.introjs-button:hover {
    border-color: #bcbcbc;
    text-decoration: none;
    box-shadow: 0px 1px 1px #e3e3e3;
}

.introjs-button:focus,
.introjs-button:active {
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ececec), to(#f4f4f4));
    background-image: -moz-linear-gradient(#ececec, #f4f4f4);
    background-image: -o-linear-gradient(#ececec, #f4f4f4);
    background-image: linear-gradient(#ececec, #f4f4f4);
}

/* overrides extra padding on button elements in Firefox */
.introjs-button::-moz-focus-inner {
    padding: 0;
    border: 0;
}

.introjs-skipbutton {
    box-sizing: content-box;
    margin-right: 5px;
}

.introjs-prevbutton {
    -webkit-border-radius: 0.2em 0 0 0.2em;
    -moz-border-radius: 0.2em 0 0 0.2em;
    border-radius: 0.2em 0 0 0.2em;
    border-right: none;
}

.introjs-prevbutton.introjs-fullbutton {
    border: 1px solid #d4d4d4;
    -webkit-border-radius: 0.2em;
    -moz-border-radius: 0.2em;
    border-radius: 0.2em;
}

.introjs-nextbutton {
    -webkit-border-radius: 0 0.2em 0.2em 0;
    -moz-border-radius: 0 0.2em 0.2em 0;
    border-radius: 0 0.2em 0.2em 0;
}

.introjs-nextbutton.introjs-fullbutton {
    -webkit-border-radius: 0.2em;
    -moz-border-radius: 0.2em;
    border-radius: 0.2em;
}

.introjs-disabled,
.introjs-disabled:hover,
.introjs-disabled:focus {
    color: #9a9a9a;
    border-color: #d4d4d4;
    box-shadow: none;
    cursor: default;
    background-color: #f4f4f4;
    background-image: none;
    text-decoration: none;
}

.introjs-hidden {
    display: none;
}

.introjs-bullets {
    text-align: center;
}

.introjs-bullets ul {
    box-sizing: content-box;
    clear: both;
    margin: 15px auto 0;
    padding: 0;
    display: inline-block;
}

.introjs-bullets ul li {
    box-sizing: content-box;
    list-style: none;
    float: left;
    margin: 0 2px;
}

.introjs-bullets ul li a {
    box-sizing: content-box;
    display: block;
    width: 6px;
    height: 6px;
    background: #ccc;
    border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    text-decoration: none;
    cursor: pointer;
}

.introjs-bullets ul li a:hover {
    background: #999;
}

.introjs-bullets ul li a.active {
    background: #999;
}

.introjs-progress {
    box-sizing: content-box;
    overflow: hidden;
    height: 10px;
    margin: 10px 0 5px 0;
    border-radius: 4px;
    background-color: #ecf0f1;
}

.introjs-progressbar {
    box-sizing: content-box;
    float: left;
    width: 0%;
    height: 100%;
    font-size: 10px;
    line-height: 10px;
    text-align: center;
    background-color: #08c;
}

.introjsFloatingElement {
    position: absolute;
    height: 0;
    width: 0;
    left: 50%;
    top: 50%;
}

.introjs-hint {
    box-sizing: content-box;
    position: absolute;
    background: transparent;
    width: 20px;
    height: 15px;
    cursor: pointer;
}

.introjs-hint:focus {
    border: 0;
    outline: 0;
}

.introjs-hidehint {
    display: none;
}

.introjs-fixedhint {
    position: fixed;
}

.introjs-hint:hover > .introjs-hint-pulse {
    border: 5px solid rgba(60, 60, 60, 0.57);
}

.introjs-hint-pulse {
    box-sizing: content-box;
    width: 10px;
    height: 10px;
    border: 5px solid rgba(60, 60, 60, 0.27);
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
    background-color: rgba(136, 136, 136, 0.24);
    z-index: 10;
    position: absolute;
    -webkit-transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
    -ms-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
}

.introjs-hint-no-anim .introjs-hint-dot {
    -webkit-animation: none;
    -moz-animation: none;
    animation: none;
}

.introjs-hint-dot {
    box-sizing: content-box;
    border: 10px solid rgba(146, 146, 146, 0.36);
    background: transparent;
    -webkit-border-radius: 60px;
    -moz-border-radius: 60px;
    border-radius: 60px;
    height: 50px;
    width: 50px;
    -webkit-animation: introjspulse 3s ease-out;
    -moz-animation: introjspulse 3s ease-out;
    animation: introjspulse 3s ease-out;
    -webkit-animation-iteration-count: infinite;
    -moz-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    position: absolute;
    top: -25px;
    left: -25px;
    z-index: 1;
    opacity: 0;
}

@-moz-keyframes introjspulse {
    0% {
        -moz-transform: scale(0);
        opacity: 0;
    }
    25% {
        -moz-transform: scale(0);
        opacity: 0.1;
    }
    50% {
        -moz-transform: scale(0.1);
        opacity: 0.3;
    }
    75% {
        -moz-transform: scale(0.5);
        opacity: 0.5;
    }
    100% {
        -moz-transform: scale(1);
        opacity: 0;
    }
}

@-webkit-keyframes introjspulse {
    0% {
        -webkit-transform: scale(0);
        opacity: 0;
    }
    25% {
        -webkit-transform: scale(0);
        opacity: 0.1;
    }
    50% {
        -webkit-transform: scale(0.1);
        opacity: 0.3;
    }
    75% {
        -webkit-transform: scale(0.5);
        opacity: 0.5;
    }
    100% {
        -webkit-transform: scale(1);
        opacity: 0;
    }
}

.fixPositionIntro {
    position: fixed !important;
}

/*Action dropdown*/
.dropdown.is-active .dropdown-actions,
.dropdown.is-hoverable:hover .dropdown-actions {
    display: block;
    color: #fff;
}

.dropdown.is-right .dropdown-actions {
    left: auto;
    right: 0;
}

.dropdown.is-up .dropdown-actions {
    bottom: 100%;
    padding-bottom: 0px;
    padding-top: initial;
    top: auto;
}

.dropdown-actions {
    display: none;
    right: 0;
    padding-top: 0px;
    top: 100%;
    z-index: 20;
}

.actions-content {
    border-radius: 4px;
    min-width: 210px;
    text-align: center;
}

.dropdown-action {
    font-size: 14px !important;
    display: block;
    letter-spacing: 2px;
    font-family: 'titillium_webbold', sans-serif;
    position: relative;
    padding: 1.5rem 0rem 1.5rem 0;
    color: #4dddc1;
    text-transform: uppercase;
    border: 1px solid #4dddc1;
    width: auto !important;
}

.dropdown-action,
button.dropdown-action {
    text-align: inherit;
    width: 100%;
    background: white;
    cursor: pointer;
}

.dropdown-action:hover,
button.dropdown-action:hover {
    background-color: #4dddc1;
    color: #fff;
}

.dropdown-action.is-active,
button.dropdown-action.is-active {
    background-color: #485fc7;
    color: #fff;
}

.dropdown-divider {
    background-color: #ededed;
    border: none;
    display: block;
    height: 1px;
    margin: 0rem 0;
}

.actions {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    justify-content: flex-start;
    align-items: stretch;
    align-content: stretch;
}

.dropdown {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    justify-content: flex-start;
    align-items: stretch;
    align-content: stretch;
}

.actions {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    justify-content: flex-start;
    align-items: stretch;
    align-content: stretch;
}

.secondary-action {
    border: 1px solid #00aeef;
    border-radius: 6px;
    text-align: center;
    font-size: 14px !important;
    background: white;
    margin-top: 12px;
    padding: 1.5rem 0rem 1.5rem 0;
    text-transform: uppercase;
    color: #00aeef;
    padding-left: 4%;
    padding-right: 4%;
}

.secondary-action :hover {
    border-color: gray;
}

.actionButton {
    display: flex;
    justify-content: space-between;
}

.actionButton i {
    font-size: 40px !important;
    background: #4dddc1;
    color: white;
    border-left: 1px solid white;
    padding-left: 9%;
    padding-right: 9%;
    border-radius: 0px 0px 8px 0px;
    line-height: 55px;
}

.actionButton div {
    white-space: normal;
    line-height: 18px;
    padding-left: 4%;
    padding-right: 4%;
    font-size: 14px !important;
}

.summary i.selectedAction {
    color: #fff;
}

.summary .actionButton.danger i.selectedAction {
    background-color: #FF7E8C;
    color: white;
}

.summary .actionButton.danger button.selectedAction {
    background-color: #FF7E8C;
    color: white;
}

.summary .actionButton.warning i.selectedAction {
    background-color: #FFDF81;
    color: #37425C;
}

.summary .actionButton.warning button.selectedAction {
    background-color: #FFDF81;
    color: #37425C;
}

.summary .actionButton.offline i {
    background-color: #FFDF81;
    color: #37425C;
}

.summary .actionButton.offline button {
    background-color: #FFDF81;
    color: #37425C;
}

.fixedBottomActionButton {
    display: flex;
    justify-content: space-between;
    min-height: 82px;
}

.fixedBottomActionButton i {
    font-size: 40px !important;
    background: #4dddc1;
    color: white;
    border-left: 1px solid white;
    padding-left: 9%;
    padding-right: 9%;
    border-radius: 0px 0px 8px 0px;
    line-height: 80px;
    align-items: center;
    justify-content: center;
    display: flex;
}

.fixedBottomActionButton div {
    white-space: normal;
    line-height: 18px;
    padding-left: 4%;
    padding-right: 4%;
    font-size: 14px !important;
}

.summary .fixedBottomActionButton button {
    padding: 0.9rem 0;
}

.summary .fixedBottomActionButton.danger i.selectedAction {
    background-color: #FF7E8C;
    color: white;
}

.summary .fixedBottomActionButton.danger button.selectedAction {
    background-color: #FF7E8C;
    color: white;
}

.summary .fixedBottomActionButton.warning i.selectedAction {
    background-color: #FFDF81;
    color: #37425C;
}

.summary .fixedBottomActionButton.warning button.selectedAction {
    background-color: #FFDF81;
    color: #37425C;
}

.summary .fixedBottomActionButton.offline i {
    background-color: #FFDF81;
    color: #37425C;
}

.summary .fixedBottomActionButton.offline button {
    background-color: #FFDF81;
    color: #37425C;
}

.summary button {
    color: white;
    background: #4dddc1;
    border: none;
}

.summary .warning button.selectedAction {
    background-color: #FFDF81;
    color: #37425C;
    border: none;
    border-right: 1px solid white !important;
}

.actions .warning .dropdown-action {
    position: relative;
    padding: 1.5rem 0rem 1.5rem 0;
    text-transform: uppercase;
    width: auto !important;
}

.actions .warning .dropdown-action.offline {
    color: #FFDF81 !important;
    border: 1px solid #FFDF81 !important;
}

.actions .warning .dropdown-action:hover {
    color: #37425C !important;
    background-color: #FFDF81 !important;
}

.summary .secondary-action.offline {
    color: #FFDF81;
    border: 1px solid #FFDF81 !important;
}

.actions .warning .secondary-action:hover {
    color: white;
}

.actions .warning.danger .dropdown-action {
    color: #FFDF81 !important;
    border: 1px solid #FFDF81 !important;
}

.actions .warning.danger .dropdown-action:hover {
    color: #fff !important;
}

.summary .warning.danger .dropdown-action.selectedAction {
    color: #FF7E8C !important;
    border: 1px solid #FF7E8C !important;
}

.summary .warning .selectedAction {
    border-color: #FFDF81 !important;
    color: #FFDF81;
}

.summary .warning .selectedAction:hover {
    color: #fff;
}

.secondary-action.danger.selectedAction {
    border: 1px solid #FF7E8C !important;
    color: #FF7E8C;
}

.actions .danger.secondary-action.selectedAction {
    border: 1px solid #FF7E8C !important;
    color: #FF7E8C;
}

.actions .danger .secondary-action .selectedAction {
    border: 1px solid #FF7E8C !important;
    color: #FF7E8C;
}

.summary .warning .dropdown-action.selectedAction {
    color: #FFDF81;
    border: 1px solid #FFDF81;
    width: auto;
}

.summary .warning .dropdown-action.selectedAction:hover {
    color: #37425C !important;
    background: #FFDF81 !important;
}

.summary .danger .dropdown-action.selectedAction {
    color: #FF7E8C;
    border: 1px solid #FF7E8C;
    width: auto;
}

.summary .danger .dropdown-action.selectedAction:hover {
    color: #FF7E8C !important;
    background: white !important;
}

.summary .danger .actions-content.selectedAction {
    border-color: #FF7E8C;
}

.summary .danger .dropdown-action:hover,
button.dropdown-action:hover {
    background-color: #4dddc1;
    color: white;
}

.actions .warning .secondary-action:hover {
    border: 1px solid gray !important;
    color: #222 !important;
}

.secondary-action:hover {
    border: 1px solid gray;
    color: #222;
    cursor: pointer;
}

.summary ul li:last-child button:hover {
    color: white;
}

.summary ul li:last-child button {
    white-space: normal;
    line-height: 17px;
    padding-left: 2%;
    padding-right: 2%;
    margin: 0;
    min-height: 60px;
}

@media (min-width: 1200px) {
    .summary .actionButton button {
        border-radius: 0 0 0 8px;
        padding: 0.9rem 0;
        min-height: 57px;
    }
}

@media (max-width: 1200px) {
    .summary ul li:last-child button {
        flex: 1;
        border-radius: 0px 0px 0px 0px !important;
        min-height: 82px;
    }

    .actionButton i {
        align-items: center;
        justify-content: center;
        display: flex;
    }
    .actionButton {
        min-height: 82px;
    }

    .summary .actionButton button {
        padding: 0.9rem 0;
    }

    .actions-content {
        min-width: auto;
    }

    .actions-content {
        flex-direction: column-reverse;
        display: flex;
    }

    .dropdown-actions {
        position: absolute;
        /*max-width: 215px;*/
    }

    .summary .multi i {
        display: block !important;
        font-size: 3rem;
        position: absolute;
        top: 1.7rem;
        right: 0rem;
    }
}

.summary ul li:last-child .fixedBottomActionButton button {
    flex: 1;
    border-radius: 0px 0px 0px 0px !important;
    min-height: 82px;
}

.summary ul li:nth-last-child(4) ~ li .dropdown-actions.fixedbottom {
    position: absolute;
    width: 25%;
}

.summary ul li:nth-last-child(5) ~ li .dropdown-actions.fixedbottom {
    position: absolute;
    width: 20%;
}

.actions-content {
    min-width: auto;
    flex-direction: column-reverse;
    display: flex;
}

.fixedbottom-btn-height {
    height: 83.4px;
}

.summary .multi i {
    display: block !important;
    font-size: 3rem;
    position: absolute;
    top: 1.7rem;
    right: 0rem;
}
html {
    overflow-y: scroll;
    /*height: 100%;*/
}

html.login {
    background: url(images/promo.jpg) no-repeat center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

body {
    position: relative;
    font-family: 'titillium_websemibold', sans-serif;
    font-weight: normal;
    background: #f2f3f7;
    background: #edf0f5;
}

label,
legend {
    font-weight: normal;
}

.bold {
    font-family: 'titillium_webbold', sans-serif !important;
    font-weight: bold !important;
}

.hidden {
    display: none;
}

.comboboxList {
    background: white;
}

.suggestions {
    width: 100%;
    height: 286px;
    overflow-y: scroll;
    background-color: #fff;
    border: 1px solid #dfe1e9;
}

.suggestions .columns:first-child {
    margin-left: 1rem;
    width: 20%;
}

.suggestions .columns:nth-child(2) {
    margin-left: 3.4rem;
    width: 20%;
}

.suggestions .columns:nth-child(3) {
    margin-left: 3rem;
}

.suggestions .columns:nth-child(4) {
    margin-left: 1rem;
}

.suggestions .modal-body tbody tr:hover {
    background: rgba(196, 196, 218, 0.2);
    cursor: pointer;
}

.suggestions tr td {
    width: 25%;
}

.suggestions tr.active td {
    background: #dfe1e9 !important;
}

.displaydailytotal {
    width: 100%;
    height: 400px;
    overflow-y: scroll;
    background-color: #fff;
    border: 1px solid #dfe1e9;
}

.displaydailytotal tr td:nth-child(n + 1) {
    min-width: 10%;
}

.displaydailytotal .total {
    margin-top: 0px !important;
}

.displaydailytotal tr.active td {
    background: #dfe1e9 !important;
}

.viewmodedailytotalleft,
.viewmodedailytotalright {
    background-color: #fff !important;
    border-color: transparent !important;
    pointer-events: none;
}

.viewmodedailytotalleft {
    border-top-left-radius: 8px !important;
    border-bottom-left-radius: 8px !important;
    border-top-right-radius: 0px !important;
    border-bottom-right-radius: 0px !important;
    font-size: 15px !important;
    border-right: 1px solid #f2f3f7 !important;
}

.viewmodedailytotalright {
    border-top-left-radius: 0px !important;
    border-bottom-left-radius: 0px !important;
    border-top-right-radius: 8px !important;
    border-bottom-right-radius: 8px !important;
    font-size: 15px !important;
}

.displaytable th:first-child td:first-child {
    padding-left: 12px !important;
    width: 5% !important;
}

.modal.success .modal-body .disabled {
    color: rgba(187, 178, 178, 0.4);
}

.slidercount {
    height: 0.6rem;
    margin-top: 1rem;
    pointer-events: none;
    text-align: center;
    width: 100%;
    z-index: 1;
}

.slidercount span.selected {
    background: rgba(77, 221, 193, 0.6);
}

.slidercount span {
    background: rgba(187, 178, 178, 0.4);
    border-radius: 50%;
    height: 0.6rem;
    width: 0.6rem;
    display: inline-block;
    line-height: 0.6rem;
    margin: 0 0.5rem;
}

.isp-message {
    white-space: pre-wrap;
    text-transform: none;
    color: black;
    font-size: 1.2em;
}

.isp-arrows {
    font-size: 1.5em !important;
}

.typeahead {
    margin-top: 0;
}

.typeahead ul {
    list-style-type: none;
}

.typeahead ul li {
    margin-bottom: 0;
}

.typeahead a {
    display: block;
    padding: 8px 20px;
    clear: both;
    font-weight: 400;
    line-height: 1.42857143;
    color: #333;
    white-space: nowrap;
    text-decoration: none;
}

.typeahead a:hover {
    background: #fafafa;
}

.store-info {
    display: none;
    margin-bottom: 2rem;
    font-size: 1.2rem;
    /*text-transform: uppercase;*/
    color: #6e6e6e;
    letter-spacing: 0.1rem;
    text-align: center;
    word-wrap: break-word;
    -ms-word-wrap: break-word;
}

.shopinfotipsli {
    display: block;
    height: 83.4px;
}

.shopinfotips {
    cursor: pointer;
    height: 100%;
}

.contactusmodalbody {
    text-align: center;
    word-break: break-word;
    text-transform: none;
    font-size: 1.5rem;
    color: rgb(152, 157, 213);
}

.contactusmodalbody .title,
.contactusmodalbody b,
.contactusmodalbody strong {
    font-size: 1.5rem;
    color: #fff;
}

.contactusmodalbody div.row {
    line-height: 35px;
}

.contactusmodalbody div.item {
    border-color: white;
    border-style: solid;
    border-width: 1px;
    border-radius: 6px;
    margin-bottom: 1rem;
}

.contactusmodalbody .contactus_button {
    letter-spacing: 2px !important;
    text-transform: none !important;
    background-color: #fff !important;
    border-radius: 4px !important;
    color: #002395 !important;
    padding: 5px 15px !important;
    font-size: 1.6rem !important;
}

.contactusmodalbody a {
    display: inline-block !important;
}

.contactusmodalbody a.contactus_link {
    cursor: pointer;
    text-decoration: underline !important;
}

.contactusmodalbody a.contactus_link:hover {
    background-color: #002395 !important;
}

.contactusmodalbody div.row:last-child {
    padding-bottom: 0rem;
}

.contactusmodalbody div.body {
    text-transform: none;
}

.contactusmodalbody div.body div {
    padding-left: 5px;
    padding-right: 5px;
}

.contactusmodalbody div.header {
    padding-top: 2rem;
    padding-bottom: 5rem;
}

.contactusmodalbody div.footer {
    text-transform: none;
    text-align: center;
    padding-top: 4rem;
}

.contactusmodalbody div.footer.link {
    cursor: pointer;
}

.tsitemsclass {
    text-align: center;
    cursor: pointer;
}

.tsitemsclass div:hover {
    background-color: #1f3ea2 !important;
}

.tsitemsclass div a:hover {
    background-color: transparent !important;
}

.tsitemsclass div:nth-child(-n + 2) {
    display: inline-block;
    float: left;
    width: calc(50% - 10px);
    margin: 4px;
    height: 90px;
    border: 1px solid white;
    border-radius: 6px;
}

.tsitemsclass div:nth-child(-n + 2) img {
    float: left;
    padding: 5px;
}

.tsitemsclass div:nth-child(-n + 2) a {
    padding: 0px !important;
    padding-top: 5px !important;
    word-break: keep-all;
}

.tsitemsclass div:nth-child(-n + 2) h6 {
    color: rgb(152, 157, 213);
    text-transform: none;
    padding-top: 2px;
}

.tsitemsclass div:nth-child(n + 3) {
    width: calc(20% - 8px);
    float: left;
    display: inline-table;
    height: 190px;
    margin: 3px;
}

.tsitemsclass div:nth-child(n + 3) .has-error {
    height: 148px !important;
}

.tsitemsclass div.has-error {
    border: 1px solid #FF7E8C;
}

.tsitemsclass div li img {
    max-height: 80px;
    max-width: 80px;
}

.request_feature li img,
.faqs li img {
    margin: 2rem;
}

.affix {
    top: 0;
    width: 100%;
    z-index: 9999 !important;
}

.text-center {
    text-align: center;
}

.text-left {
    text-align: left;
}

.padded {
    margin-bottom: 9rem;
}

.container {
    width: 95%;
    padding: 0;
}

.explanation {
    padding-top: 250px;
    text-align: center;
}

.explanation > p {
    color: #6e6e6e;
}

.explanation > a {
    background-color: #2848af;
    border-radius: 4px;
    color: #fff;
}

.ion-flash {
    font-size: 4em;
}

.ion-flash:before {
    color: #ccd1d1;
}

h1,
h2,
h3,
h4,
h5,
h6 {
}

h5 {
    text-transform: uppercase;
    letter-spacing: 0.5rem;
}

h5 {
    font-size: 1.6rem;
}

h5,
.button,
button,
input[type='submit'],
input[type='reset'],
input[type='button'],
tr td.green {
    font-family: 'titillium_webbold', sans-serif;
    font-weight: normal;
}

.faded {
    color: #c3bebe;
}

label:not(.customradio) {
    position: absolute;
    display: inline-block;
    left: 10px;
    top: 5px;
}

.group label.radio {
    position: static;
}

label,
h6,
.half-field.has-radio span,
th,
tr td.green {
    font-size: 1.2rem;
    text-transform: uppercase;
    color: #6e6e6e;
    letter-spacing: 0.1rem;
}

label span {
    color: #FF7E8C;
    margin-left: 0.3rem;
    margin-top: -0.2rem;
    font-size: 1.4em;
    position: absolute;
}

h6 span {
    color: #FF7E8C;
    margin-left: 0.3rem;
    margin-top: -0.2rem;
    font-size: 1.4em;
    position: absolute;
}

.button,
button,
input[type='submit'],
input[type='reset'],
input[type='button'] {
    border-radius: 0;
    letter-spacing: 2px;
}

.button.button-primary,
button.button-primary,
input[type='submit'].button-primary,
input[type='reset'].button-primary,
input[type='button'].button-primary {
    background-color: #4dddc1;
    border-color: #4dddc1;
}

.button.button-primary:hover,
button.button-primary:hover,
input[type='submit'].button-primary:hover,
input[type='reset'].button-primary:hover,
input[type='button'].button-primary:hover,
.button.button-primary:focus,
button.button-primary:focus,
input[type='submit'].button-primary:focus,
input[type='reset'].button-primary:focus,
input[type='button'].button-primary:focus {
    background-color: #49d4b9;
    border-color: #49d4b9;
}

.button.button-offline,
button.button-offline,
input[type='submit'].button-offline,
input[type='reset'].button-offline,
input[type='button'].button-offline {
    background-color: #FFDF81;
    border-color: #FFDF81;
}

.button.button-danger,
button.button-danger,
input[type='submit'].button-danger,
input[type='reset'].button-danger,
input[type='button'].button-danger {
    background-color: #FF7E8C;
    border-color: #FF7E8C;
}

.button.button-danger:hover,
button.button-danger:hover,
input[type='submit'].button-danger:hover,
input[type='reset'].button-danger:hover,
input[type='button'].button-danger:hover,
.button.button-danger:focus,
button.button-danger:focus,
input[type='submit'].button-danger:focus,
input[type='reset'].button-danger:focus,
input[type='button'].button-danger:focus {
    background-color: #FF7E8C;
    border-color: #FF7E8C;
}

th:first-child,
td:first-child {
    padding-left: 15px;
}

table.has-button td {
    padding: 12px 15px;
    position: relative;
}

table.has-button.searchtable th,
table.has-button.searchtable td {
    padding: 12px 5px;
    position: relative;
}

table tr td {
    font-size: 0.85em;
}

table a.more {
    position: relative;
    right: 0;
    top: 0;
    font-size: 2.5rem;
    padding: 0 1.4rem;
    border-color: transparent;
    color: #33c3f0;
    margin-bottom: 0;
}

table.searchtable a.more {
    padding: 0 2rem;
}

.searchtable thead tr {
    word-wrap: break-word;
}

tbody tr:hover {
    background: rgba(255, 255, 255, 0.6);
    /*cursor: pointer;*/ /*17.05 ERASED*/
}

/*START 17.05 ADDED*/
tbody tr.selected {
    background: #fff;
}

/*END 17.05 ADDED*/
.modal-body table {
    margin-bottom: 0;
}

.modal-body tbody tr:hover {
    background: transparent;
    cursor: auto;
}

tr td.green {
    /*color: #4dddc1;*/
}

/*tr td.red {
  color: #fd797b;
}*/

.red {
    color: #FF7E8C;
}

.dark-gray {
    color: #222;
}

.travellerdiv-docid {
    color: #6e6e6e;
    font-family: 'titillium_websemibold', sans-serif;
    letter-spacing: 0.05rem;
    margin-bottom: 0;
}

#travellerdiv:before,
#refunddiv:before,
#purchasediv:before {
    display: block;
    content: '';
    height: 11rem;
    margin: -11rem 0 0;
}

.unit,
.nonfirstunit {
    margin-top: 3rem;
}

.mimicdisablemode input[readonly] {
    /*color: rgba(0,0,0,.38); */
    cursor: default;
    user-select: none;
    pointer-events: none;
    background-color: #f7f8fa;
}

input[readonly]:not(.actualreadonly) {
    /*color: rgba(0,0,0,.38); */
    cursor: default;
    user-select: none;
    pointer-events: none;
    background-color: #f7f8fa;
}

.unit:first-child {
    margin-top: 11rem;
}

.field.has-error input,
.field.has-error .select-style,
.half-field.has-error input,
.half-field.has-error .select-style,
.table-field.has-error input {
    border: 1px solid #FF7E8C;
    background-color: #ffeded;
}

.field.low-confidence input,
.field.low-confidence .select-style,
.half-field.low-confidence input,
.half-field.low-confidence .select-style,
.table-field.low-confidence input {
    border: 1px solid #FF7E8C;
    background-color: #ffeded;
}

.field.has-warning input,
.field.has-warning .select-style,
.half-field.has-warning input,
.half-field.has-warning .select-style,
.table-field.has-warning input {
    border: 1px solid #FFDF81;
    background-color: #fbf7e3;
}

.field.medium-confidence input,
.field.medium-confidence .select-style,
.half-field.medium-confidence input,
.half-field.medium-confidence .select-style,
.table-field.medium-confidence input {
    border: 1px solid #FFDF81;
    background-color: #fbf7e3;
}

.field.is-valid input,
.half-field.is-valid input {
    border: 1px solid #4dddc1;
    background-color: #fff;
}

/*.field.has-error .custom-select-style {
	border: none;
}*/

.field.has-description input,
.half-field.has-description input,
.table-field.has-description input {
    border: 1px solid #00aeef;
    background-color: #e8f7fd;
}

.field .button,
.field button,
.half-field .button,
.half-field button,
.table-field .button,
.table-field button {
    position: absolute;
    top: 1px;
    right: 1px;
    height: 50px;
    margin-bottom: 0;
    background: #fff;
    color: #33c3f0;
    font-size: 1.4em;
    padding: 0 10px;
    border-color: transparent;
    border-radius: 8px;
}

.field .button.select-camera-icon-border,
.field button.select-camera-icon-border,
.half-field .button.select-camera-icon-border,
.half-field button.select-camera-icon-border,
.table-field .button.select-camera-icon-border,
.table-field button.select-camera-icon-border {
    border-left: 1px solid #edf0f5;
    border-radius: 0px 10px 10px 0px;
    top: 2px;
    height: 48px;
    background: transparent;
}

.field.has-error .button,
.field.has-error button,
.half-field.has-error .button,
.half-field.has-error button,
.table-field.has-error .button,
.table-field.has-error button {
    color: #FF7E8C;
    background-color: #ffeded;
}

.field.low-confidence .button,
.field.low-confidence button,
.half-field.low-confidence .button,
.half-field.low-confidence button,
.table-field.low-confidence .button,
.table-field.low-confidence button {
    color: #FF7E8C;
    background-color: #ffeded;
}

.field.has-warning .button,
.field.has-warning button,
.half-field.has-warning .button,
.half-field.has-warning button,
.table-field.has-warning .button,
.table-field.has-warning button {
    color: #FFDF81;
    background-color: #fbf7e3;
}

.field.medium-confidence .button,
.field.medium-confidence button,
.half-field.medium-confidence .button,
.half-field.medium-confidence button,
.table-field.medium-confidence .button,
.table-field.medium-confidence button {
    color: #FFDF81;
    background-color: #fbf7e3;
}

.has-creditcard img {
    position: absolute;
    z-index: 1;
    top: 1.5rem;
    right: 5rem;
    height: 24px;
}

.table-field .button,
.table-field button {
    height: 35px;
    line-height: 30px;
    font-size: 1.2em;
}

.table-field h6 {
    line-height: 2.8rem;
    margin-bottom: 0;
}

.field .button:hover,
.field button:hover,
.half-field .button:hover,
.half-field button:hover,
.table-field .button:hover,
.table-field button:hover {
    color: #002395;
}

.field .button:focus,
.field button:focus,
.half-field .button:focus,
.half-field button:focus,
.table-field .button:focus,
.table-field button:focus {
    background-color: #f0fafe;
    border-radius: 0;
}

.field.has-error .button:focus,
.field.has-error button:focus,
.half-field.has-error .button:focus,
.half-field.has-error button:focus,
.table-field.has-error .button:focus,
.table-field.has-error button:focus {
    background-color: #ffe2e2;
    border-radius: 0 8px 8px 0;
}

.field.has-warning .button:focus,
.field.has-warning button:focus,
.half-field.has-warning .button:focus,
.half-field.has-warning button:focus,
.table-field.has-warning .button:focus,
.table-field.has-warning button:focus {
    background-color: #fbf7e3;
    border-radius: 0 8px 8px 0;
}

.field .message,
.half-field .message {
    display: none;
    position: absolute;
    bottom: 47px;
    text-align: left;
    font-size: 1.2rem;
    text-transform: uppercase;
    letter-spacing: 0.1rem;
    width: 100%;
    padding: 1rem;
    box-sizing: border-box;
    color: #fff;
    border-radius: 8px 8px 0 0;
    z-index: 1;
}

.field.has-error .message,
.half-field.has-error .message {
    display: block;
    background-color: #FF7E8C;
}

.field.has-warning .message,
.half-field.has-warning .message {
    display: block;
    background-color: #FFDF81;
    color: #37425c;
}

.field.is-valid .message,
.half-field.is-valid .message {
    display: block;
    background-color: #4dddc1;
}

.paddingtoppurchase {
    padding-top: 4%;
}

.field.has-description .message,
.half-field.has-description .message {
    display: block;
    background-color: #00aeef;
}

.alert {
    text-align: left;
    font-size: 1.2rem;
    text-transform: uppercase;
    letter-spacing: 0.1rem;
    color: #fff;
    border-radius: 8px;
    background-color: #FF7E8C;
    padding: 1rem;
    margin-bottom: 1rem;
}

.conditional-warning {
    text-align: left;
    font-size: 1.2rem;
    text-transform: uppercase;
    letter-spacing: 0.1rem;
    color: #37425C;
    border-radius: 8px;
    background-color: #FFDF81;
    padding: 1rem;
    margin-bottom: 1rem;
}

.daily-conditional-warning-small {
    float: right !important;
    margin-top: 0 !important;
    width: 30%;
}

.focus {
    color: white;
    background: black;
}

input[type='email'],
input[type='number'],
input[type='search'],
input[type='text'],
input[type='tel'],
input[type='url'],
input[type='password'],
input[type='date'],
textarea,
.select-style select {
    border-color: transparent;
    border-radius: 0;
    height: 52px;
    padding-top: 14px;
    padding-bottom: 0;
}

/* global blue id pci */
.iframe-gbidpci {
    border-color: transparent;
    border-radius: 0;
    height: 52px;
}

body.static input[type='email'],
body.static input[type='number'],
body.static input[type='search'],
body.static input[type='text'],
body.static input[type='tel'],
body.static input[type='url'],
body.static input[type='password'],
body.static input[type='date'],
body.static textarea,
body.static select,
body.static .select-style,
body.static .group .field input,
body.static .group .field .select-style,
body.static .has-radio,
body.static .full .table-field.expandable input:disabled {
    background-color: #f7f8fa;
    border-color: transparent;
    pointer-events: none;
}

.viewmode {
    background-color: #f7f8fa !important;
    border-color: transparent !important;
    pointer-events: none;
}

.field.has-button input,
.half-field.has-button input,
.purchase .table-field.has-button input {
    padding-right: 38px;
}

input:disabled {
    background-color: #f7f8fa;
}

.select-style select:disabled {
    background-color: #f7f8fa !important;
    background-image: none !important;
    opacity: 1 !important;
}

.purchase input[type='email'],
.purchase input[type='number'],
.purchase input[type='search'],
.purchase input[type='text'],
.purchase input[type='tel'],
.purchase input[type='url'],
.purchase input[type='password'],
.purchase input[type='date'],
.purchase textarea,
.purchase select,
.stamp_details_modal input {
    height: 38px;
    line-height: 38px;
    padding: 0 10px; /*6px 10px;*/
    margin-bottom: 0;
    font-size: 0.9em;
}

.purchase .select-style select {
    background: #fff url(images/dropdown.png) no-repeat 92% 50%;
    background-size: 12px;
}

.purchase select {
    /*line-height: normal;
    height: 37px;*/
}

.purchase textarea {
    border-radius: 8px;
}

.purchase textarea:disabled {
    background-color: #f7f8fa;
}

.total {
    margin-top: 2rem;
}

.total h5 {
    letter-spacing: normal;
    margin-bottom: 0.5rem;
    color: #6e6e6e;
}

.total h6 {
    margin-bottom: 0;
}

/*.total .values {
        float: right;
        text-align: right;
    }

        .total .values div {
            float: left;
            margin-left: 4rem;
        }*/

.multicols {
    float: right;
    width: 26%;
}

.multicols-two-col {
    float: right;
    width: 50%;
}

/*.total .values a {
            background: #fff;
            border-radius: 50%;
            width: 4rem;
            height: 4rem;
            padding: 0;
            line-height: 4rem;
            display: block;
            text-align: center;
            font-size: 2rem;
            border: 1px solid #dbdce0;
            text-decoration: none;
        }

            .total .values a:hover {
                color: #002395;
            }*/

.simple {
    background-color: #fff;
    text-transform: uppercase;
    font-size: 1.2rem;
    border-radius: 4px;
    border: 1px solid #e0e4f0;
    letter-spacing: 1px;
    padding: 0 1.9rem;
}

.blue {
    color: #00aeef;
}

.summary h5 {
    margin: 0;
    padding: 0;
    text-align: center;
    display: none;
}

.results-header {
    padding-left: 15px;
}

.results-header .columns {
    width: 48%;
}

.results-header h5 {
    margin-top: 1rem;
}

.advanced-search {
    background-color: #f8fafc;
    text-transform: uppercase;
    font-size: 1.2rem;
    border-radius: 4px 4px 0 0;
    border: 1px solid #e0e4f0;
    float: right;
    letter-spacing: 1px;
    padding: 0 1.9rem;
}

.advanced-search:hover,
.advanced-search:focus {
    border-color: #e0e4f0;
    background-color: #f8fafc;
}

.advanced-search-box {
    border-radius: 4px 0 4px 4px;
    padding: 10px;
    border: 1px solid #e0e4f0;
    background-color: #f8fafc;
    margin: -1.1rem 0 2rem 0;
}

.advanced-search-box .group {
    margin-bottom: 0;
}




.action-menu {
    position: absolute;
    z-index: 1;
}

.action-menu-content {
    display: block;
    background-color: #fff;
    min-width: 160px;
    right: 0;
    top: 40px;
    border: 1px solid #e5e9f1;
}

.action-menu-content a {
    padding: 12px 16px;
    text-decoration: none;
    text-transform: uppercase;
    font-size: 1.2rem;
    color: #6e6e6e;
    display: block;
    border-bottom: 1px solid #e5e9f1;
    margin: 0 10px 0 10px;
}

.action-menu-content a:last-child {
    color: red;
}

.action-menu-content a:hover {
    background-color: #f4f4f7;
}

.action-menu:hover .dropdown-content {
    display: block;
}
/* END 17.05 ADDED */

.field,
.half-field,
.table-field {
    position: relative;
}

.columns > .field input,
.columns > .field .select-style {
    border-radius: 8px;
}

.half-field {
    float: left;
    width: 50%;
}

/*.half-field input,
.half-field .select-style {
  margin-bottom: 0;
  border-radius: 0;
}*/

.group {
    width: 100%;
    margin-bottom: 1rem;
    content: '';
    display: table;
    clear: both;
}

.group .group {
    margin-bottom: 0;
}

.purchase .group {
    margin-bottom: 0;
}

/*.group .field input,
.group .field .select-style {
  margin-bottom: 0;
  border-radius: 0;
  border-bottom: 1px solid #f2f3f7;
}*/

.group .field .select-style select:focus {
    border: 1px solid #33c3f0;
}

/*dynamic-element .field.has-error input,
dynamic-element .field.has-error .select-style {
    border-bottom: 1px solid #fd797b;
}*/

dynamic-element .field.has-error .select-style select:focus {
    border-color: transparent;
}

dynamic-element .field.low-confidence .select-style select:focus {
    border-color: transparent;
}

dynamic-element .field.has-warning input,
dynamic-element .field.has-warning .select-style {
    /*dynamic-element .field.has-warning .select-style:focus*/
    border-bottom: 1px solid #FFDF81;
}

dynamic-element .field.has-warning .select-style select:focus {
    border-color: transparent;
}

dynamic-element .field.medium-confidence input,
dynamic-element .field.medium-confidence .select-style {
    /*dynamic-element .field.has-warning .select-style:focus*/
    border-bottom: 1px solid #FFDF81;
}

dynamic-element .field.medium-confidence .select-style select:focus {
    border-color: transparent;
}

/*.group .field.has-error input,
.group .field.has-error .select-style {
  border-bottom: 1px solid #fd797b;
}*/

/*.group .field.has-description input,
.group .field.has-description .select-style {
    border-bottom: 1px solid #00aeef;
}*/

/*dynamic-element .field input:focus,
dynamic-element .field .select-style select:focus,
dynamic-element .field:last-child input:focus,
dynamic-element .field:last-child .select-style select:focus {
    border-bottom: 1px solid #33C3F0;
}*/

/*.group .field input:focus,
.group .field .select-style select:focus,
.group .field:last-child input:focus,
.group .field:last-child .select-style select:focus {
  border-bottom: 1px solid #33C3F0;
}*/

/*.group .field.has-error .select-style select:focus {
    border: 1px solid #33C3F0;
}*/

.group dynamic-element:first-of-type .field:first-child input,
.group dynamic-element:first-of-type .field:first-child iframe,
.group dynamic-element:first-of-type .field:first-child .select-style,
.group dynamic-element:first-of-type .field:first-child .select-style select {
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
}

.group dynamic-element:last-of-type .field:first-child input,
.group dynamic-element:last-of-type .field:first-child iframe,
.group dynamic-element:last-of-type .field:first-child .select-style,
.group dynamic-element:last-of-type .field:first-child .select-style select {
    border-bottom-right-radius: 8px;
    border-bottom-left-radius: 8px;
}

.group dynamic-group:last-of-type .group dynamic-element:only-of-type .field:last-child .input-group,
.group dynamic-group:last-of-type .group dynamic-element:only-of-type .field:last-child input,
.group dynamic-group:last-of-type .group dynamic-element:only-of-type .field:last-child iframe,
.group dynamic-group:last-of-type .group dynamic-element:only-of-type .field:last-child .select-style {
    border-radius: 0 0 8px 8px;
    /*border-bottom-color: transparent;*/
}

.group dynamic-element:not(:first-child):not(:last-child) .field input:not([class*='std-creditcard']),
.group dynamic-element:not(:first-child):not(:last-child) .field iframe,
.group dynamic-element:not(:first-child):not(:last-child) .field .select-style {
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
}

.group dynamic-element:first-of-type .half-field:first-child input,
.group dynamic-element:first-of-type .half-field:first-child iframe,
.group dynamic-element:first-of-type .half-field:first-child .select-style {
    border-bottom-left-radius: 8px;
}

.group dynamic-element:last-of-type .half-field:first-child input,
.group dynamic-element:last-of-type .half-field:first-child iframe,
.group dynamic-element:last-of-type .half-field:first-child .select-style select {
    border-bottom-right-radius: 8px;
}
/*.group .field:first-child input,
.group .field:first-child .select-style {
  border-radius: 8px 8px 0 0;
}

.group .field:last-child input,
.group .field:last-child .select-style {
  border-radius: 0 0 8px 8px;
  border-bottom-color: transparent;
}

.group .field:only-child input,
.group .field:only-child .select-style {
  border-radius: 8px;
}*/

.group .field.has-error:last-child input,
.group .field.has-error:last-child .select-style {
    border-bottom-color: #FF7E8C;
}

.group .field.has-warning:last-child input,
.group .field.has-warning:last-child .select-style {
    border-bottom-color: #FFDF81;
}

.group .field.has-description:last-child input,
.group .field.has-description:last-child .select-style {
    border-bottom-color: #00aeef;
}

.group .field.is-valid:last-child input {
    border-bottom-color: #4dddc1;
}

/*input, textarea, .select-style, fieldset,
.group .field:last-child,
.group .field:last-child,
.group .half-field:last-child,
.group .half-field:last-child,
.group.full:last-child .table-field:last-child {
  margin-bottom: 0;
}*/

input,
textarea,
.select-style,
fieldset,
iframe .group.full:last-child .table-field:last-child {
    margin-bottom: 0;
}

.group dynamic-element:only-of-type + dynamic-group .group dynamic-element:first-of-type .half-field:first-child input,
.group dynamic-element:only-of-type + dynamic-group .group dynamic-element:first-of-type .half-field:first-child iframe,
.group dynamic-element:only-of-type + dynamic-group .group dynamic-element:first-of-type .half-field:first-child .select-style {
    border-top-left-radius: 0;
    border-bottom-left-radius: 8px;
}

.group dynamic-element:only-of-type + dynamic-group .group dynamic-element:last-of-type .half-field:last-child input,
.group dynamic-element:only-of-type + dynamic-group .group dynamic-element:last-of-type .half-field:last-child iframe,
.group dynamic-element:only-of-type + dynamic-group .group dynamic-element:last-of-type .half-field:last-child .select-style {
    border-top-right-radius: 0;
    border-bottom-right-radius: 8px;
}

.group dynamic-element:first-of-type .half-field:first-child input,
.group dynamic-element:first-of-type .half-field:first-child iframe,
.group dynamic-element:first-of-type .half-field:first-child .select-style {
    border-top-left-radius: 8px;
}

.group dynamic-element:last-of-type .half-field input,
.group dynamic-element:last-of-type .half-field.has-radio,
.group dynamic-element:last-of-type .half-field iframe,
.group dynamic-element:last-of-type .half-field .select-style {
    border-top-right-radius: 8px;
}

/*.group .field + .group .half-field input,
.group .field + .group .half-field .select-style {
  border-radius: 0;
}*/

/*.group .field + .group .half-field:nth-last-child(2) input,
.group .field + .group .half-field:nth-last-child(2) .select-style {
  border-bottom-left-radius: 8px;
}

.group .field + .group .half-field:last-child input,
.group .field + .group .half-field:last-child .select-style {
  border-bottom-right-radius: 8px;
}

.group .half-field:first-child input,
.group .half-field:first-child .select-style {
  border-top-left-radius: 8px;
}

.group .half-field:nth-child(2) input,
.group .half-field:nth-child(2) .select-style {
  border-top-right-radius: 8px;
}
*/
.group .half-field:nth-child(odd) input,
.group .half-field:nth-child(odd) iframe,
.group .half-field:nth-child(odd) .select-style select {
    border-right: 1px solid #f2f3f7;
}

.group .half-field:nth-child(odd) input:focus {
    border-right: 1px solid #33c3f0;
}

.group .half-field:nth-child(odd) .select-style select:focus {
    border-color: #33c3f0;
    border-right: 1px solid #33c3f0;
    border-bottom: 1px solid #33c3f0;
}

.group .half-field.has-error:nth-child(odd) input,
.group .half-field.has-error:nth-child(odd) .select-style {
    border-right: 1px solid #FF7E8C;
}

.group .half-field.low-confidence:nth-child(odd) input,
.group .half-field.low-confidence:nth-child(odd) .select-style {
    border-right: 1px solid #FF7E8C;
}

.group .half-field.has-warning:nth-child(odd) input,
.group.half-field .has-warning:nth-child(odd) .select-style {
    border-right: 1px solid #FFDF81;
}

.group .half-field.medium-confidence:nth-child(odd) input,
.group.half-field .medium-confidence:nth-child(odd) .select-style {
    border-right: 1px solid #FFDF81;
}

.group .half-field.has-description:nth-child(odd) input,
.group.half-field .has-description:nth-child(odd) .select-style {
    border-right: 1px solid #00aeef;
}

/*.group .half-field:nth-child(odd) input:focus,
.group .half-field:nth-child(odd) select:focus {
    border-right: 1px solid #33C3F0;
}*/

/*.group .half-field:nth-last-child(2) input,
.group .half-field:nth-last-child(2) .select-style {
  border-bottom-left-radius: 8px;
}

.group .half-field:last-child input,
.group .half-field:last-child .select-style {
  border-bottom-right-radius: 8px;
}*/

dynamic-element .half-field,
dynamic-element .field {
    margin-bottom: 1px;
}

/*.group .half-field {
  margin-bottom: 1px;
}*/

.full .table-field {
    float: left;
}

.full .table-field input,
.full .table-field .select-style select {
    border-right: 1px solid #f2f3f7;
    border-bottom: 1px solid #f2f3f7;
}

.full .table-field.has-error input,
.full .table-field.has-error .select-style select {
    /*border-right: 1px solid #fd797b;
        border-bottom: 1px solid #fd797b;*/
    border: 1px solid #FF7E8C;
    background-color: #ffeded;
}

.full .table-field.low-confidence input,
.full .table-field.low-confidence .select-style select {
    /*border-right: 1px solid #fd797b;
        border-bottom: 1px solid #fd797b;*/
    border: 1px solid #FF7E8C;
    background-color: #ffeded;
}

/*SONE-3497*/
.full .table-field.medium-confidence input,
.full .table-field.medium-confidence .select-style select {
    /*border-right: 1px solid #fd797b;
        border-bottom: 1px solid #fd797b;*/
    border: 1px solid #FFDF81;
    background-color: #fbf7e3;
}

.group.full.has-error input,
.group.full.has-error .select-style select {
    background-color: #ffeded;
    border-color: #FF7E8C;
    border-style: solid;
    border-width: 1px 0px 1px 0px;
}

.group.full.low-confidence input,
.group.full.low-confidence .select-style select {
    background-color: #ffeded;
    border-color: #FF7E8C;
    border-style: solid;
    border-width: 1px 0px 1px 0px;
}

.group.full.has-error button {
    background-color: #ffeded !important;
}

.group.full.has-error .first-column input,
.group.full.has-error .first-column .select-style select {
    border-width: 1px 0px 1px 1px;
}

.group.full.low-confidence .first-column input,
.group.full.low-confidence .first-column .select-style select {
    border-width: 1px 0px 1px 1px;
}

.group.full.has-error .last-column input,
.group.full.has-error .last-column .select-style select {
    border-width: 1px 1px 1px 0px;
}

.group.full.low-confidence .last-column input,
.group.full.low-confidence .last-column .select-style select {
    border-width: 1px 1px 1px 0px;
}

.full .table-field.has-warning input,
.full .table-field.has-warning .select-style {
    border-right: 1px solid #FFDF81;
    border-bottom: 1px solid #FFDF81;
}

.full .table-field.medium-confidence input,
.full .table-field.medium-confidence .select-style {
    border-right: 1px solid #FFDF81;
    border-bottom: 1px solid #FFDF81;
}

.full .table-field.has-description input,
.full .table-field.has-description .select-style {
    border-right: 1px solid #00aeef;
    border-bottom: 1px solid #00aeef;
}

/*.full .table-field input:focus,
    .full .table-field .select-style {
        border-right: 1px solid #33C3F0;
        border-bottom: 1px solid #33C3F0;
    }*/
.full .table-field input:focus,
.full .table-field .select-style select:focus {
    border-color: #33c3f0;
    border-right: 1px solid #33c3f0;
    border-bottom: 1px solid #33c3f0;
}

.full .table-field.has-error input:focus {
    border-color: #FF7E8C;
}

.full .table-field.low-confidence input:focus {
    border-color: #FF7E8C;
}

.full .table-field.has-error .select-style select:focus {
    /*border-color: transparent;*/
    border-color: #FF7E8C;
}

.full .table-field.low-confidence .select-style select:focus {
    /*border-color: transparent;*/
    border-color: #FF7E8C;
}

.full .table-field.has-warning input:focus {
    border-color: #FFDF81;
}

.full .table-field.has-warning .select-style select:focus {
    border-color: transparent;
}

.full .table-field.medium-confidence input:focus {
    border-color: #FFDF81;
}

.full .table-field.medium-confidence .select-style select:focus {
    border-color: transparent;
}

dynamic-row:first-of-type .group dynamic-row-element:last-of-type .table-field input,
dynamic-row:first-of-type .group dynamic-row-element:last-of-type .table-field .select-style {
    border-top-right-radius: 8px;
}

dynamic-row:last-of-type .group dynamic-row-element:last-of-type .table-field input,
dynamic-row:last-of-type .group dynamic-row-element:last-of-type .table-field .select-style {
    border-bottom-right-radius: 8px;
}
/*.full .table-field:first-child input,
.full .table-field:first-child .select-style {
  border-radius: 8px 0 0 8px;
}*/

/*.full .table-field:last-child input,
.full .table-field:last-child .select-style {
  border-radius: 0 8px 8px 0;
}*/

.full .table-field {
    min-height: 1px;
}

.full .table-field.expandable input {
    color: #33c3f0;
}

.full .table-field.expandable input:disabled {
    background-color: #fff;
}

.full .table-field.empty {
    background-color: #f7f8fa;
}

.full .table-field:first-child {
    width: 4%;
}

.full.vat .table-field:first-child {
    width: 10%;
}

.full:not(:first-child) .table-field:first-child {
    background-color: #f7f8fa;
    border-radius: 8px 0 0 8px;
    text-align: center;
}

.full.has-empty .table-field:first-child {
    background-color: transparent;
}

.full .table-field:nth-child(2) {
    width: 20%;
}

.full .table-field:nth-child(3) {
    width: 20%;
}

.full .table-field:nth-child(4) {
    width: 23%;
}

.full .table-field:nth-child(5) {
    width: 7%;
}

.full .table-field:nth-child(6) {
    width: 7%;
}

.full .table-field:last-child {
    width: 19%;
}

.full.vat .table-field:last-child {
    width: 90%;
}

.full .table-field:last-child,
.full .table-field:last-child input {
    text-align: right;
}

.full .table-field:last-child a {
    position: absolute;
    top: -0.6rem;
    right: -2rem;
    font-size: 3.2rem;
    color: #ccc;
    text-decoration: none;
}

.full .table-field:last-child a:hover {
    color: #222;
}

/*.full:nth-child(2) .table-field:nth-child(2) input {
  border-top-left-radius: 8px;
}*/

/*.full:nth-child(2) .table-field:last-child input {
  border-top-right-radius: 8px;
}*/

/*.full:last-child .table-field:nth-child(2) input {
  border-bottom-left-radius: 8px;
}*/

/*.full:last-child .table-field:last-child input {
  border-bottom-right-radius: 8px;
}*/

select {
    margin-bottom: 0;
}

.select-style {
    background: #fff url(images/dropdown.png) no-repeat 95% 50%;
}

.custom-select-style {
    background: #fff url(images/dropdown.png) no-repeat 95% 50%;
}

.select-has-camera-icon {
    background-position-x: 83%;
}

.has-warning .select-style {
    border: 1px solid #FFDF81;
    background-color: #fbf7e3;
}
/*.has-error .select-style {
    border: 1px solid #fd797b;
    background-color: #ffeded;
}*/

/*.table-field.lock-error input {
    border: 1px solid #fd797b;
    background-color: #ffeded;
}

.table-field.lock-error input:focus {
    border-color: #fd797b;
}*/
/*.has-description .select-style {
    border: 1px solid #00aeef;
}*/
.half-field .select-style {
    background-position: 89% 50%;
}

.select-style select {
    background: transparent;
    background-image: none;
    -webkit-appearance: none;
    -moz-appearance: none;
}

.select-style select::-ms-expand {
    display: none;
}

.select-style select:focus {
    outline: none;
}

.frame {
    height: 32px;
    /*white-space: nowrap;*/
}

.helper {
    display: inline-block;
    height: 100%;
    vertical-align: middle;
}

.frame img {
    vertical-align: middle;
    max-height: 32px;
    max-width: 126px;
    margin: 15px 20px; /*17.05 ADDED */
}

::selection {
    background: #4dddc1;
    color: #fff;
}

::-moz-selection {
    background: #4dddc1;
    color: #fff;
}

select:required:invalid {
    color: #6e6e6e;
}

option[value=''][disabled] {
    display: none;
}

option {
    color: #222;
}

.summary {
    position: fixed;
    /*position: absolute;*/
    /*top: calc(100%);*/
    bottom: 0;
    right: 0;
    left: 0;
    z-index: 1;
}

.bottom .summary {
    position: fixed;
    /* position: absolute; */
    /* top: calc(100%); */
    bottom: 0;
    right: 0;
    left: 0;
    z-index: 1;
}

.summary ul {
    list-style-type: none;
    margin-bottom: 0;
}

.summary ul li {
    float: left;
    margin-bottom: 0;
}

.summary ul li:first-child:nth-last-child(4),
.summary ul li:first-child:nth-last-child(4) ~ li {
    width: 29.33%;
}

.summary ul li:first-child:nth-last-child(5),
.summary ul li:first-child:nth-last-child(5) ~ li {
    width: 22%;
}

.summary ul li:last-child {
    border-top: 1px solid #e8e8e8;
    display: flex;
}

.summary ul li:last-child .button {
    flex: 1;
}

.summary ul li a {
    position: relative;
    display: block;
    color: #222;
    text-decoration: none;
    padding: 1rem;
    border-left: 1px solid #e8e8e8;
    border-top: 1px solid #e8e8e8;
    background-color: #f7f8fa;
    min-height: 100%;
}

.summary ul li a:hover {
    background-color: #fff;
}

.summary ul li:first-child a {
    border-left: none;
}

.summary ul li.active a {
    background-color: #fff;
}

/*scrollspy*/
.summary ul li a.active {
    background-color: #fff;
}

.summary ul li.active a:before {
    position: absolute;
    top: 0;
    left: 0;
    content: '';
    height: 3px;
    width: 100%;
    background: #001ec8;
}

/*scrollspy*/
.summary ul li a.active:before {
    position: absolute;
    top: 0;
    left: 0;
    content: '';
    height: 3px;
    width: 100%;
    background: #33c3f0;
    background: -moz-linear-gradient(left, #00aeef 0%, #002395 100%);
    background: -webkit-linear-gradient(left, #00aeef 0%, #002395 100%);
    background: linear-gradient(to right, #00aeef 0%, #002395 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00aeef', endColorstr='#002395',GradientType=1 );
}

.summary h6 {
    margin-bottom: 0;
}

.summary span {
    display: block;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.summary span:last-child {
    font-size: 0.8em;
}

.summary .button {
    margin-bottom: 0;
    padding: 2.1rem 0;
    height: auto;
    font-size: 1.6rem; /*17.05 UPDATED*/
    position: relative;
    min-height: 60px;
}

.summary .button.button-void {
    padding: 2.1rem;
}

.summary .button i {
    display: none;
    font-size: 4rem;
    position: absolute;
    top: 0.7rem;
    right: 1rem;
}

.modal {
    align-items: center;
    display: flex;
    position: fixed;
    z-index: 1031;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    background-color: rgba(45, 51, 72, 0.59);
    -webkit-animation-name: appear;
    -webkit-animation-duration: 0.25s;
    animation-name: appear;
    animation-duration: 0.25s;
    text-align: center;
}

.modal:before {
    content: '\200B';
    /*   content: '';
  margin-left: -0.25em; */
    display: inline-block;
    height: 100%;
    vertical-align: middle;
}

@-webkit-keyframes appear {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

@keyframes appear {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

.modal.suggestions .modal-content {
    width: 70rem;
}

.modal.suggestions .modal-body {
    padding: 3rem;
}

.modal.displaydailytotal .modal-content {
    width: 90rem;
}

.modal.displaydailytotal .modal-body {
    padding: 3rem;
}

.modal-content {
    position: relative;
    background-color: #f2f3f7;
    margin: auto;
    width: 85%;
    border-radius: 8px;
    display: flex;
    flex-direction: column;
    max-height: 95%;
    vertical-align: middle;
}

.modal.success .modal-content {
    background-color: #e1f1f1;
}

.modal.danger .modal-content {
    background-color: #fffafa;
}

.modal.warning .modal-content {
    background-color: #fffffd;
}

.modal-body .field {
    font-size: 1.5em;
    margin-top: 4rem;
    margin-bottom: 0;
    border-radius: 8px;
}

.modal-body input {
    color: #222;
    margin-bottom: 0;
    border-radius: 8px;
}

.modal-label {
    font-size: 12px !important;
    width: 40% !important;
}

.modal-field {
    margin-top: 0px !important;
}

.modal-field input {
    text-transform: uppercase !important;
    padding-top: 0px;
    height: 47px !important;
}

.modal-field button {
    top: 1px !important;
    height: 43px !important;
}

.close {
    color: #cdcdcd;
    float: right;
    font-size: 28px;
}

.close:hover,
.close:focus {
    color: #222;
    text-decoration: none;
    cursor: pointer;
}

.modal-header {
    padding-right: 1.5rem;
}

.modal-body {
    display: flex;
    flex-direction: column;
    overflow-y: auto;
    text-align: center;
    padding: 5rem 2rem;
    color: #6e6e6e;
    text-transform: uppercase;
    font-size: 1.2rem;
    letter-spacing: 2px;
    border-bottom: 1px solid #dfe1e9;
}

.modal-body i {
    font-size: 3.2rem;
    color: #002395;
}

.modal-body h5 {
    font-size: 2rem;
    color: #222;
}

.modal-body h6 {
    font-size: 1.5rem;
}

.modal-body .additional-text {
    font-size: 1.3rem;
    color: red;
}

.modal-body .error-text {
    font-size: 1.3rem;
    color: #FF7E8C;
}

.modal-scroll {
    max-height: 250px;
    overflow-y: auto;
    text-align: left !important;
}

.modal-table {
    display: flex;
    justify-content: center;
    overflow-y: auto;
}

.modal-footer {
    width: 100%;
}

.modal .button {
    font-size: 12px;
    height: 50px;
    padding: 1rem 0;
    margin-bottom: 0;
    float: left;
    width: 50%;
    color: #00aeef;
    background-color: #fff;
    border: none;
    border-radius: 0 0 0 8px;
    white-space: normal;
    white-space: -moz-pre-wrap;
    white-space: -pre-wrap;
    white-space: -o-pre-wrap;
    word-wrap: break-word;
    line-height: initial;
    align-items: center;
    margin: auto;
    display: flex;
    justify-content: center;
}

.modal .button.solo {
    width: 100% !important;
    border-radius: 0 0 8px 8px !important;
}

.modal .button.solo-small {
    max-width: 20rem;
}

.button-trio-container {
    display: table;
    width: 100%;
}

.modal .button-trio {
    font-size: 12px;
    padding: 10px 5px;
    color: #fff;
    background-color: #bbbbbb;
    border: none;
    white-space: pre-line;
    height: 100%;
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    width: 33%;
}

.modal .button-trio.selected {
    background-color: #031f7d !important;
}

.modal .button-trio:hover {
    cursor: pointer;
}

.modal .button-trio:nth-child(1) {
    border-radius: 8px 0 0 8px;
}

.modal .button-trio:nth-child(2) {
    border-radius: 0;
    border-right: 1px solid;
    border-left: 1px solid;
    border-color: #fff;
}

.modal .button-trio:nth-child(3) {
    border-radius: 0 8px 8px 0;
}

.modal .button.action {
    border-radius: 8px !important;
    border: 1px solid #e0e4f0;
}

.modal.action-list .button {
    float: none;
    width: 100%;
}

.modal.action-list .button:last-child {
    border-radius: 0 0 8px 8px;
}

.modal.action-list .button:not(:first-child) {
    border-top: 1px solid #dfe1e9;
}

.modal .button:hover {
    color: #002395;
}

.modal .button-primary {
    color: #fff;
    background-color: #002395;
    border-radius: 0 0 8px 0;
}

.modal .button-primary:hover,
.modal .button-primary:focus {
    color: #fff;
    background-color: #031f7d;
}

.modal.success .button {
    color: #4dddc1;
}

.modal.success .button:hover {
    color: #49d4b9;
}

.modal.success .button-primary {
    color: #fff;
    background-color: #4dddc1;
    border-radius: 0 0 8px 0;
}

.modal.success .button-primary:hover,
.modal.success .button-primary:focus {
    color: #fff;
    background-color: #49d4b9;
}

.modal.success .modal-body i {
    color: #49d4b9;
}

.modal .button.text-danger {
    color: #FF7E8C;
}

.modal.danger .button {
    color: #FF7E8C;
}

.modal.danger .button:hover {
    color: #f57274;
}

.modal.danger .button-primary {
    color: #fff;
    background-color: #FF7E8C;
    border-radius: 0 0 8px 0;
}

.modal.danger .button-primary:hover,
.modal.danger .button-primary:focus {
    color: #fff;
    background-color: #f57274;
}

.modal.danger .modal-body i {
    color: #FF7E8C;
}

.modal.warning .button {
    color: #FFDF81;
}

.modal.warning .button:hover {
    color: #e4d072;
}

.modal.warning .button-primary {
    color: #37425C;
    background-color: #FFDF81;
    border-radius: 0 0 8px 0;
}

.modal.warning .button-primary:hover,
.modal.warning .button-primary:focus {
    color: #37425C;
    background-color: #e4d072;
}

.modal.warning .modal-body i {
    color: #FFDF81;
}


.modal.language .modal-body {
    color: #fff;
    text-align: left;
    border-bottom: none;
}

.modal.language .modal-body h5 {
    color: #fff;
    text-align: center;
}

.modal.language .modal-body a {
    display: block;
    padding: 12px 20px;
    color: #fff;
    text-decoration: none;
}

.modal.language .modal-body a:hover,
a.active {
    background-color: #1f3ea2;
}

@-webkit-keyframes rotate-forever {
    0% {
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@-moz-keyframes rotate-forever {
    0% {
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@keyframes rotate-forever {
    0% {
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

.loader {
    -webkit-animation-duration: 0.75s;
    -moz-animation-duration: 0.75s;
    animation-duration: 0.75s;
    -webkit-animation-iteration-count: infinite;
    -moz-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-name: rotate-forever;
    -moz-animation-name: rotate-forever;
    animation-name: rotate-forever;
    -webkit-animation-timing-function: linear;
    -moz-animation-timing-function: linear;
    animation-timing-function: linear;
    height: 50px;
    width: 50px;
    border: 2px solid #ffffff;
    border-right-color: transparent;
    border-radius: 50%;
    display: inline-block;
    position: absolute;
    top: 50%;
    right: 0;
    bottom: 0;
    left: 50%;
    margin-top: -25px;
    margin-left: -25px;
}

.lds-ring {
    display: inline-block;
    position: relative;
    width: 30px;
    height: 30px;
}

.lds-ring div {
    box-sizing: border-box;
    display: block;
    position: absolute;
    width: 25px;
    height: 25px;
    margin: 6px;
    border: 3px solid #fff;
    border-radius: 50%;
    animation: lds-ring 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
    border-color: #00aeef transparent transparent transparent;
}

.lds-ring div:nth-child(1) {
    animation-delay: -0.45s;
}

.lds-ring div:nth-child(2) {
    animation-delay: -0.3s;
}

.lds-ring div:nth-child(3) {
    animation-delay: -0.15s;
}

@keyframes lds-ring {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

tr,
.summary ul li a,
.button,
.login-box .field input {
    transition: background-color 0.25s ease;
}

.close,
.modal .button,
.field .button:hover,
.field button:hover,
.half-field .button:hover,
.half-field button:hover,
.table-field .button:hover,
.table-field button:hover,
.login-box a {
    transition: color 0.25s ease;
}

.div-invoice {
    background-color: #fff;
    border-radius: 8px;
    border: 1px solid #fff;
}

.div-invoice-disabled {
    border: 1px solid #f7f8fa;
    background-color: #f7f8fa;
}

.div-invoice input.sinpre {
    width: 22%;
    border: 1px solid #fff;
    border-top-right-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
    text-align: right !important;
    padding-right: 0px !important;
    padding-left: 10px !important;
}

.div-invoice input.sinpre:disabled {
    border: none;
}

.div-invoice input.sin {
    border: 1px solid #fff;
    text-align: center !important;
    border-radius: initial !important;
    padding-right: 0px !important;
    padding-left: 0px !important;
    text-align: center;
    width: 48%;
}

.div-invoice input.sin:disabled {
    border: none;
}

.div-invoice input.sinpost {
    width: 22%;
    border: 1px solid #fff;
    border-top-left-radius: 0 !important;
    border-bottom-left-radius: 0 !important;
    padding-right: 10px !important;
    padding-left: 0px !important;
    text-align: left !important;
}

.div-invoice input.sinpost:disabled {
    border: none;
}

.div-invoice-focus {
    /*border: 1px solid #33C3F0;*/
    border-color: #33c3f0;
}

.field.div-invoice.has-error {
    border: 1px solid #FF7E8C;
    background-color: #ffeded;
}

.field.div-invoice.has-error input {
    background-color: #ffeded;
    border-bottom-color: transparent !important;
    border-color: #ffeded;
}

.field.div-invoice.low-confidence {
    border: 1px solid #FF7E8C;
    background-color: #ffeded;
}

.field.div-invoice.low-confidence input {
    background-color: #ffeded;
    border-bottom-color: transparent !important;
    border-color: #ffeded;
}

.advanced-search-box .field input {
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
}

.advanced-search-box .group .half-field:nth-child(odd) input {
    border-bottom-left-radius: 8px;
}

.advanced-search-box .group .half-field:nth-child(even) input {
    border-bottom-right-radius: 8px;
}

.modal-body.after-issue-prompt-withimg-modalbody {
    background-color: #ffffff;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
    padding-left: 1rem;
    padding-bottom: 1rem;
    padding-right: 1rem;
}

.after-issue-prompt-withimg-img {
    height: auto;
    width: auto;
    max-width: 100%;
    border: none;
    padding-top: 1rem;
    text-align: center;
}

.after-issue-prompt-withimg-elitemessage {
    color: #808080;
}

.after-issue-prompt-withimg-modalcontent .modal-footer .button-primary {
    background-color: #012395;
}

.after-issue-prompt-withimg-modalcontent .modal-footer .button-primary:hover,
.after-issue-prompt-withimg-modalcontent .modal-footer .button-primary:focus {
    background-color: #012395;
}

/* Larger than mobile */
@media (min-width: 400px) {
    /* center the footer for anyline modal on large screens */
    .modal.anyline-modal .modal-footer .center-content {
        display: flex;
        justify-content: center;
        width: 100%;
    }
}

@media (max-width: 414px) {
    /* for small screens the anyline cancel button should take full width */
    .modal.anyline-modal .button.solo-small {
        max-width: 100%;
        width: 100%;
    }

    .tsitemsclass div:nth-child(-n + 2) {
        height: auto;
        width: 100%;
    }

    .tsitemsclass div:nth-child(n + 3) {
        width: 100%;
        height: 110px;
        padding-bottom: 3%;
    }

    .item_0,
    .item_1 {
        height: 90%;
        margin: 0px;
        width: 100%;
    }

    .tsitemsclass div li img {
        max-height: 50px;
        max-width: 50px;
    }

    .supporttoolmodalbody {
        padding: 3rem !important;
    }

    .supporttoolmodalcontent {
        width: 85% !important;
        margin-top: 30%;
    }

    .after-issue-prompt-withimg-modalcontent {
        width: 75% !important;
        margin-top: 30%;
    }

    .tsitemsclass div:nth-child(n + 3) li {
        height: 50px;
        margin: 0rem;
    }

    .tsitemsclass div:nth-child(-n + 2) li img {
        padding-top: 120%;
    }

    .tsitemsclass div:nth-child(-n + 2) li:nth-child(-n + 1) {
        margin: 0px;
    }

    .request_feature li img,
    .faqs li img {
        margin: 0rem;
        height: 45px !important;
        width: 45px !important;
    }
}

@media (max-width: 680px) and (min-width: 414px) {
    .tsitemsclass div:nth-child(-n + 2) {
        height: auto;
        width: 100%;
    }

    .tsitemsclass div:nth-child(n + 3) {
        width: 100%;
        height: 110px;
        padding-bottom: 3%;
    }

    .item_0,
    .item_1 {
        height: 90%;
        margin: 0px;
        width: 100%;
    }

    .tsitemsclass div li img {
        max-height: 50px;
        max-width: 50px;
    }

    .supporttoolmodalbody {
        padding: 3rem !important;
    }

    .supporttoolmodalcontent {
        width: 85% !important;
    }

    .after-issue-prompt-withimg-modalcontent {
        width: 75% !important;
    }

    .tsitemsclass div:nth-child(n + 3) li {
        height: 50px;
        margin: 0rem;
    }

    .tsitemsclass div:nth-child(-n + 2) li img {
        padding-top: 20%;
    }

    .tsitemsclass div:nth-child(-n + 2) li:nth-child(-n + 1) {
        margin-left: 1rem;
    }

    .request_feature li img,
    .faqs li img {
        margin: 0rem;
        height: 45px !important;
        width: 45px !important;
    }
}

/* Larger than mobile */
@media (max-width: 768px) and (min-width: 680px) {
    .tsitemsclass {
        text-align: center;
        cursor: pointer;
    }

    .tsitemsclass div:nth-child(-n + 2) {
        height: 90px;
        width: calc(50% - 10px);
    }

    .tsitemsclass div:nth-child(n + 3) {
        width: calc(33.33% - 8px);
        height: 150px;
        padding-bottom: 3%;
    }

    .tsitemsclass div:nth-child(n + 3) li:nth-child(n + 2) a {
        width: 60%;
        padding-left: 20% !important;
    }

    .item_0,
    .item_1 {
        display: inline-flex;
        margin: 0px;
        width: 90%;
        height: 85%;
        border-color: white;
        border-style: solid;
        border-width: 1px;
        border-radius: 6px;
    }

    .item_0_0 {
        width: 15%;
    }

    .item_0_1 {
        width: 80%;
        text-align: center;
    }

    .item_0_1 a,
    .item_1_1 a {
        padding: 2px !important;
    }

    .item_1_0 {
        width: 15%;
    }

    .item_1_1 {
        width: 80%;
        text-align: center;
    }

    .tsitemsclass div li {
        list-style: none;
        margin: 1rem;
        height: 70px;
    }

    .tsitemsclass div li a {
        padding: 0px !important;
        word-break: initial;
    }

    .tsitemsclass div li h6 {
        color: rgb(152, 157, 213);
        text-transform: none;
        padding-top: 2px;
    }

    .tsitemsclass div li a:hover {
        background-color: #002395 !important;
    }

    .tsitemsclass div li img {
        max-height: 80px;
        max-width: 80px;
    }
}

@media (max-width: 1050px) and (min-width: 680px) {
    .supporttoolmodalcontent {
        width: 85% !important;
    }

    .after-issue-prompt-withimg-modalcontent {
        width: 75% !important;
    }

    .tsitemsclass div:nth-child(n + 3) li:nth-child(n + 2) a {
        width: 100%;
        padding-left: 0px !important;
    }

    .tsitemsclass div li img {
        max-height: 80px;
        max-width: 80px;
    }
}

/* SONE-2148, NSH-705
    Increased min-width threshold from 550 to 750 pixels to avoid date clipping and help icon alignment issue.

    @media (min-width: 750px)
*/
/* Larger than tablet (also point when grid becomes active) */
@media (min-width: 750px) {
    .unit:first-child {
        margin-top: 8rem;
    }

    #travellerdiv:before,
    #refunddiv:before,
    #purchasediv:before {
        height: 8rem;
        margin: -8rem 0 0;
    }

    .modal-content {
        width: 50rem;
    }

    .modal-content-withbgimg {
        position: relative;
        margin: auto;
        padding: 0;
        border-radius: 8px;
        display: inline-block;
        vertical-align: middle;
        background-color: #e1f1f1;
        width: 80rem;
    }

    .modal-content-withbgimg .modal-body {
        background-color: white;
        padding-left: 1rem;
        padding-right: 1rem;
        padding-bottom: 1rem;
        border-radius: 8px;
    }

    .modal-content-withbgimg .modal-footer .button-primary {
        background-color: #012395;
    }

    .modal-content-withbgimg .modal-footer .button-primary:hover,
    .modal-content-withbgimg .modal-footer .button-primary:focus {
        background-color: #012395;
    }

    .modal-content-withbgimg .modal-body .elite-message {
        padding-top: 4rem;
        padding-bottom: 2rem;
    }

    .modal.menu .modal-content {
        width: 30rem;
        position: fixed;
        right: 0;
        height: 100%;
        border-radius: 0;
        background-position: 45% 50%;
    }

    .modal.menu ul li a {
        padding: 2rem 3rem;
    }

    .modal.menu .modal-body small {
        position: absolute;
        bottom: 3rem;
    }

    .modal-body {
        padding: 5rem;
    }
}

/* Larger than tablet */
@media (min-width: 750px) {
    .modal.partial-export-preview-modal .modal-content {
        max-width: 90rem;
        width: 90%;
    }

    .anyline-modal {
        overflow: hidden;
    }

    .modal.anyline-modal .modal-content {
        width: 80%;
        margin-top: 3%;
    }
}

/* Larger than desktop */
@media (min-width: 1000px) {
}

@media (max-width: 1200px) {
    .bottom .summary {
        position: fixed;
        /* position: absolute; */
        /* top: calc(100%); */
        bottom: 0;
        right: 0;
        left: 0;
        z-index: 1;
    }
    .summary li:nth-last-child(2) {
        max-width: 23% !important;
    }

    .summary li:nth-child(4) {
        width: 16% !important;
    }

    .summary ul li:last-child {
        width: 18% !important;
    }

    .dropdown-actions {
        width: 18%;
    }

    .four.columns.gmblayout {
        width: 100%;
        margin-left: 0;
    }

    .seven.columns.gmblayout {
        width: 100%;
        margin-top: 10px;
    }
}

.full .table-field input[id^='qty'] {
    padding-left: 1px;
    padding-right: 1px;
    text-align: center;
}

/* Larger than Desktop HD */
@media (min-width: 1200px) {
    body {
    }

    .twelve.columns.layout {
        width: 74%;
    }

    .summary.default {
        position: fixed;
        bottom: inherit;
        right: inherit;
        left: inherit;
        overflow: auto;
        width: 212px;
        border-top: none;
    }

    /* START 17.05 ADDED*/
    .summary.default h5 {
        display: block;
    }
    /* END 17.05 ADDED*/

    .summary.default ul li {
        float: none;
        width: 100% !important;
    }

    .summary.default ul li:first-child a {
        border-radius: 8px 8px 0 0;
        border-top-color: transparent;
    }

    .summary.default ul li a {
        border-left: none;
    }

    .summary.default ul li.active a {
        border-bottom-color: transparent;
    }

    /*scrollspy*/
    .summary.default ul li a.active {
        border-bottom-color: transparent;
    }

    .summary.default ul li.active a:before,
    /*scrollspy*/
    .summary.default ul li a.active:before {
        height: 100%;
        width: 2px;
        background: #001ec8;
    }

    .summary.default .button {
        /*padding: 1rem 0;
            border-radius: 0 0 8px 8px;
            font-size: 12px;*/
        padding: 1rem 1rem 1rem 0;
        border-radius: 0 0 8px 8px;
        font-size: 1.4rem;
    }

    .summary.default .button.button-void {
        padding: 1rem;
    }

    .summary.default .button i {
        display: block;
    }

    /*    .has-barcode button {
        display: none;
    }*/

    .has-creditcard img {
        right: 1rem;
    }

    .default .store-info {
        display: block;
    }

    .bottom.shopinfotipsli {
        display: none;
    }

    .modal.language .modal-content {
        width: 70rem;
    }

    .modal.gmb .modal-content {
        width: 90rem;
    }

    .twelve.columns.layout.bottom {
        width: 100%;
    }

    .bottom .summary li {
        width: 22% !important;
    }

    .bottom .js-scrollspy-nav {
        display: flex;
    }

    .bottom .summary {
        position: fixed;
        /* position: absolute; */
        /* top: calc(100%); */
        bottom: 0;
        right: 0;
        left: 0;
        z-index: 1;
    }

    .bottom .shopinfotipsli {
        display: block;
    }

    .shopinfotipsli {
        display: none;
    }
}

/* Datepicker overrides
---------------------------------------------------------------------- */
.datepicker table tr td.day:hover,
.datepicker table tr td.day.focused {
    background: #edf0f5;
}

.datepicker .datepicker-switch:hover,
.datepicker .prev:hover,
.datepicker .next:hover,
.datepicker tfoot tr th:hover {
    background: #edf0f5;
}

.datepicker td,
.datepicker th {
    border-radius: 0;
    padding: 4px;
    font-size: 1.2rem;
}

.datepicker table tr td.old,
.datepicker table tr td.new {
    color: #dadada;
}

.datepicker tbody tr:hover {
    background: transparent;
}

.dropdown-menu {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    display: none;
    float: left;
    min-width: 160px;
    padding: 5px 0;
    margin: 2px 0 0;
    font-size: 14px;
    list-style: none;
    background-color: #fff;
    border: 1px solid #ccc;
    border: 1px solid rgba(0, 0, 0, 0.15);
    border-radius: 4px;
    -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
    background-clip: padding-box;
    background: #fff;
    border-top: 2px solid #edf0f5;
}

.datepicker-dropdown:before,
.datepicker-dropdown:after {
    display: none;
}

/* Radios
---------------------------------------------------------------------- */
.has-radio {
    height: 52px;
    background: #fff;
    border-bottom-right-radius: 8px;
}

.disabled {
    height: 52px;
    background: #f7f8fa;
    border-bottom-right-radius: 8px;
}

.has-radio.has-error div:first-child {
    height: 50px;
    border: 1px solid #FF7E8C;
    background-color: #ffeded;
    border-bottom-right-radius: 8px;
    border-top-right-radius: 8px;
}

.has-radio.has-warning div:first-child {
    height: 50px;
    border: 1px solid #FFDF81;
    background-color: #fbf7e3;
    border-bottom-right-radius: 8px;
}

.has-radio .radio-holder {
    position: absolute;
    left: 10px;
    bottom: 2px;
}

.customradio {
    display: inline-block;
    margin-right: 10px;
}

input[type='radio'] {
    opacity: 0;
    position: absolute;
}

input[type='radio'] + label {
    font-size: 1.2rem;
    text-transform: uppercase;
    color: #6e6e6e;
    letter-spacing: 0.1rem;
    position: relative;
}

input[type='radio'] + label:hover {
    cursor: pointer;
}

input[type='radio'] + label span {
    display: inline-block;
    width: 16px;
    height: 16px;
    margin: -1px 4px 0 0;
    vertical-align: middle;
    cursor: pointer;
    -moz-border-radius: 50%;
    border-radius: 50%;
    position: static;
}

input[type='radio'] + label span {
    background-color: #f2f3f7;
    border: 1px solid #d4d4d4;
}

input[type='radio']:focus + label span {
    border: 1px solid #33c3f0;
}

input[type='radio']:checked + label span {
    background-color: #e0f5fd;
    border: 1px solid #33c3f0;
}

input[type='radio']:checked + label span:before {
    content: '';
    position: absolute;
    width: 4px;
    height: 4px;
    border-radius: 50px;
    top: 7px;
    left: 7px;
    background-color: #33c3f0;
}

input[type='radio'] + label span,
input[type='radio']:checked + label span {
    -webkit-transition: background-color 0.4s linear;
    -o-transition: background-color 0.4s linear;
    -moz-transition: background-color 0.4s linear;
    transition: background-color 0.4s linear;
}

/*****  custom css for supporting AJS2 rendering **/
.pdfirstrow {
    background-color: #f7f8fa;
    border-radius: 8px 0 0 8px;
    text-align: center !important;
    border-right: 1px solid #f2f3f7;
    border-bottom: 1px solid #f2f3f7;
    height: 37px;
}

.pdfirstrow h6 {
    line-height: 3.8rem;
}

.pdfirstrow-disabled {
    border-color: transparent !important;
}

.amex {
    content: url(images/amex.png);
}

.cup {
    content: url(images/cup.png);
}

.diners {
    content: url(images/diners.png);
}

.discover {
    content: url(images/discover.png);
}

.generic {
    content: url(images/generic.png);
}

.jcb {
    content: url(images/jcb.png);
}

.maestro {
    content: url(images/maestro.png);
}

.mastercard {
    content: url(images/master.png);
}

.visa {
    content: url(images/visa.png);
}

.visaelectron {
    content: url(images/visaelectron.png);
}

.refund_track {
    content: url(images/refund_track.png);
}

.document_archive {
    content: url(images/document_archive.png);
}

.faqs {
    content: url(images/faqs.png);
}

.helping_travellers {
    content: url(images/helping_travellers.png);
}

.high_refund {
    content: url(images/high_refund.png);
}

.invoice_copies {
    content: url(images/invoice_copies.png);
}

.online_academy {
    content: url(images/online_academy.png);
}

.order_products {
    content: url(images/order_products.png);
}

.refund_calculator {
    content: url(images/refund_calculator.png);
}

.request_feature {
    content: url(images/request_feature.png);
}

.tax_free_process {
    content: url(images/tax_free_process.png);
}

.quick_guides {
    content: url(images/quick_guides.png);
}

.government_sites {
    content: url(images/government_sites.png);
}

.tutorials {
    content: url(images/tutorials.png);
}

.refund_point_list {
    content: url(images/refund_point_list.png);
}

.travel_calendar {
    content: url(images/travel_calendar.png);
}

.issue_prompt_default {
    content: url(images/issue_prompt.png);
}

.user_management {
    content: url(images/user_management.png);
}

.buildno {
    text-decoration: none;
    color: rgba(255, 255, 255, 0.5);
    text-transform: uppercase;
    font-size: 1.2rem;
    letter-spacing: 2px;
}

table.searchtable {
    margin-bottom: 0;
}

.searchtable tbody {
    display: block;
    max-height: calc(100vh - 180px);
    overflow-y: scroll;
}

.searchtable thead tr,
.searchtable tbody tr {
    display: table;
    width: 100%;
    table-layout: fixed;
}

.consolidationtable tbody {
    display: block;
    max-height: calc(100vh - 300px);
    overflow-y: scroll;
    line-height: 1rem;
}

.consolidationtable thead tr,
.consolidationtable tbody tr {
    display: table;
    width: 100%;
    table-layout: fixed;
}

.modal.success.cc-modal .modal-content {
    background: none;
}

.cc-modal .modal-content .modal-body {
    border-bottom: none;
    padding-bottom: 0;
}

.modal-body .operatorid {
    margin-top: 0;
}

.modal-body .totalsisinputamount {
    margin-top: 0;
}

.wraptext {
    word-wrap: break-word;
    -ms-word-wrap: break-word;
    white-space: normal;
}

.norecord {
    text-align: center;
    font-size: 1.2rem;
    text-transform: uppercase;
    color: #6e6e6e;
    letter-spacing: 0.1rem;
}

.tab-background-color {
    background-color: #1f3ea2;
}

.widthNon {
    width: 0px !important;
}

/*********************************   FOR PDF PRINT ***************************/

@media print {
    body * {
        visibility: hidden;
    }

    .no-print {
        display: none;
        visibility: hidden;
    }

    #print-content * {
        visibility: visible;
        display: block;
        margin: 0 0 0 0;
    }

    @page {
        size: auto; /* auto is the initial value */
        margin: 0 0 0 0; /* this affects the margin in the printer settings */
        display: block;
        margin: 0mm;
    }
}

.pdf-page-content {
    width: 100%;
    height: 100%;
    /*margin-left: auto;
    margin-right: auto;
    /*max-width: 100%;*/
    /*overflow-x: auto;*/
}

.print-modal {
    /*position: fixed;*/
    z-index: 1031;
    left: 0;
    top: 0;
    /*width: 100%;
  height: 100%;*/
    overflow: auto;
    background-color: rgba(45, 51, 72, 0.59);
    -webkit-animation-name: appear;
    -webkit-animation-duration: 0.25s;
    animation-name: appear;
    animation-duration: 0.25s;
    text-align: center;
    position: absolute;
    display: table;
    overflow-y: auto;
    overflow-x: auto;
    width: auto;
    min-width: auto;
    min-height: auto;
}

.print-modal-content {
    width: 100%;
}

.print-modal-body {
    width: 100%;
    color: #6e6e6e;
    text-align: center;
    padding: 0 0 0 0;
}

.print-modal-header {
    padding-right: 1.5rem;
    position: fixed;
}

.nativedateinput {
    -webkit-appearance: textfield;
    -moz-appearance: textfield;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}

.has-error textarea {
    border: 1px solid #FF7E8C;
    background-color: #ffeded;
}

.has-warning textarea {
    border: 1px solid #FFDF81;
    background-color: #fbf7e3;
}

/***************************Intro.js implement********************************/
.introjs-overlay {
    background-color: rgba(0, 0, 0, 0.3) !important;
}

.introjs-helperNumberLayer {
    background: #00aeef;
}

.introjs-fixedTooltip {
    background-color: rgba(255, 255, 255, 0);
    border: 5px solid #f5f5f5;
    box-shadow: none;
}

.WelcomeTooltip {
    max-width: 500px;
    width: 500px;
    padding: 20px;
    line-height: 1.42857143;
    color: #222;
}

.WelcomeTooltip > div > p {
    margin: 0 0 10px;
}

.WelcomeTooltip > div > h4 {
    font-size: 18px;
}

.introjs-donebutton {
    color: #0fa0ce !important;
}

.introjs-tooltip {
    box-sizing: border-box !important;
}

.introjs-bullets ul li a {
    height: 12px;
    width: 12px;
}

.introjs-disabled {
    pointer-events: none;
    cursor: default;
}

#logoImg {
    height: 20px !important;
}

@media (max-width: 400px) {
    .WelcomeTooltip {
        width: 300px;
    }
}

.displayNone {
    display: none !important;
}

.visibilityNone {
    position: fixed;
    top: -9999px;
    left: -9999px;
    height: 0px;
    width: 0px;
}

a {
    color: #0742aa;
    text-decoration: none;
    transition: all 0.25s ease;
}

a:hover {
    color: #33c3f0;
}

.align-right-creditcard-camera {
    right: 5rem !important;
}

.align-right-creditcard-nocamera {
    right: 1rem !important;
}

.align-right-creditcard-nocamera-withpax {
    right: 1rem !important;
}

@media screen and (min-color: 1) and (max-color: 7) {
    input[type='email'],
    input[type='number'],
    input[type='search'],
    input[type='text'],
    input[type='tel'],
    input[type='url'],
    input[type='password'],
    input[type='date'],
    textarea,
    .select-style select {
        border-color: #d1d1d1;
    }

    .group .half-field:nth-child(odd) input,
    .group .half-field:nth-child(odd) .select-style select {
        border-right: 1px solid #d1d1d1;
    }

    .group .half-field.has-error:nth-child(odd) .select-style select {
        border-color: transparent;
    }

    .group dynamic-element:only-of-type + dynamic-group .group dynamic-element:first-of-type .half-field:first-child .select-style select {
        border-top-left-radius: 0;
        border-bottom-left-radius: 8px;
    }

    .group .field.has-error .select-style select {
        border-color: transparent;
    }

    .group .half-field.has-error:nth-child(odd) input {
        border-right-color: #FF7E8C !important;
    }

    .pdfirstrow {
        border-top: 1px solid #d1d1d1;
        border-right: 1px solid #d1d1d1;
        border-left: 1px solid #d1d1d1;
        height: 36px;
    }

    .full .table-field input,
    .full .table-field .select-style select {
        border-right: 1px solid #d1d1d1;
        border-left-color: transparent;
    }

    .full .table-field input:focus,
    .full .table-field .select-style select:focus {
        border-left-color: #33c3f0;
    }

    .purchase dynamic-row:last-of-type .table-field.pdfirstrow,
    .purchase dynamic-row:last-of-type .table-field input,
    .purchase dynamic-row:last-of-type .table-field .select-style select {
        border-bottom: 1px solid #d1d1d1;
    }

    .purchase dynamic-row:last-of-type .table-field input:focus,
    .purchase dynamic-row:last-of-type .table-field .select-style select:focus {
        border-bottom: 1px solid #33c3f0;
    }

    .purchase dynamic-row:last-of-type .table-field.has-error input,
    .purchase dynamic-row:last-of-type .table-field.has-error .select-style select {
        border-bottom: 1px solid #FF7E8C;
    }

    .group dynamic-element:first-of-type .half-field:first-child input,
    .group dynamic-element:first-of-type .half-field:first-child .select-style select {
        border-right-color: transparent;
    }

    .group dynamic-element:first-of-type .half-field:first-child input:focus {
        border-right-color: #33c3f0;
    }

    .group dynamic-element:first-of-type .half-field.has-error:first-child input:focus {
        border-right-color: #FF7E8C;
    }

    .advanced-search-box .field input {
        border-bottom-color: transparent;
    }

    .advanced-search-box .field input:focus {
        border-bottom-color: #33c3f0;
    }

    .advanced-search-box .group .half-field:nth-child(odd) input {
        border-right-color: transparent;
    }

    .advanced-search-box .group .half-field:nth-child(odd) input:focus {
        border-right-color: #33c3f0;
    }

    th,
    td {
        border-bottom: 1px solid #d1d1d1;
    }

    input:disabled,
    .select-style select:disabled {
        border-color: transparent !important;
    }

    .group dynamic-element:last-of-type .half-field.has-radio {
        width: 49%;
        height: 50px;
        border: 1px solid #d1d1d1;
    }

    .group dynamic-element:last-of-type .half-field.has-radio:disabled {
        width: 50%;
        height: 52px;
        border-color: transparent !important;
    }

    .has-radio.has-error div:first-child {
        border: none;
    }

    .group dynamic-element:last-of-type .half-field.has-radio.has-error {
        border: 1px solid #FF7E8C;
    }

    .advanced-search-box .clear {
        border: 1px solid #d1d1d1;
    }

    .simple {
        border: 1px solid #d1d1d1;
    }

    .div-invoice {
        border: 1px solid #d1d1d1;
    }
}

.summary .button span {
    display: block;
    position: relative;
    font-size: 1rem;
    letter-spacing: 0.3rem;
}

.button.button-warning,
button.button-warning,
input[type='submit'].button-warning,
input[type='reset'].button-warning,
input[type='button'].button-warning {
    background-color: #FFDF81;
    border-color: #FFDF81;
    color: #37425c;
}

.button.button-warning:hover,
button.button-warning:hover,
input[type='submit'].button-warning:hover,
input[type='reset'].button-warning:hover,
input[type='button'].button-warning:hover,
.button.button-warning:focus,
button.button-warning:focus,
input[type='submit'].button-warning:focus,
input[type='reset'].button-warning:focus,
input[type='button'].button-warning:focus {
    background-color: #e4ce69;
    border-color: #e4ce69;
    color: #37425c;
}

/*.summary .button.button-warning i {
	top: 1.3rem;
}*/

.lineHeightIssuebutton {
    line-height: 19px !important;
}

.input-disabled {
    background-color: #fff !important;
}

.grayBg {
    background-color: #f7f8fa !important;
}

.hideRowNumber {
    background: transparent !important;
    border: none;
}

.paddingRightForArrow {
    padding-right: 36px !important;
}

.fontColorBlue {
    color: #33c3f0 !important;
}

.consolidation-rows {
    background-color: #ffffe6 !important;
}

#issueConsolidationBtn {
    color: white;
    border-radius: 4px;
    font-size: 12px;
    text-transform: uppercase;
    padding: 0.6rem 2rem;
    background-color: #1f3ea2;
}

.issueConsolidationDiv {
    float: right;
    margin-top: 20px;
    width: 100%;
}

.disabledMerge {
    background-color: #cccccc !important;
}

.consolidationtable {
    max-height: calc(100vh - 300px) !important;
}

.consolidationsearch {
    width: 80rem !important;
}

.advanced-search-box-consolidation {
    border-radius: 4px 0 4px 4px !important;
    padding: 10px !important;
    border: 1px solid #e0e4f0 !important;
    background-color: #f8fafc !important;
    margin: -1.1rem 0 2rem 0 !important;
}

.advanced-search-box-consolidation .group {
    margin-bottom: 0 !important;
}

.advanced-search-box-consolidation .group .field {
    margin-top: 0px !important;
}

.advanced-search-box-consolidation .button {
    width: 100% !important;
    background-color: #2848af !important;
    text-transform: uppercase !important;
    border-radius: 4px !important;
    float: right !important;
    letter-spacing: 1px !important;
    padding: 0 1.8rem !important;
    border: none !important;
    color: #fff !important;
    margin-top: 5px !important;
}

.advanced-search-box-consolidation .clear {
    color: #333 !important;
    background-color: #fff !important;
    border: 1px solid #e0e4f0 !important;
}

.advanced-search-box-consolidation .field input {
    border-top-left-radius: 8px !important;
    border-top-right-radius: 8px !important;
    border-radius: 0px;
}

.advanced-search-box-consolidation .group .half-field:nth-child(odd) input {
    border-bottom-left-radius: 8px !important;
    border-radius: 0px;
}

.advanced-search-box-consolidation .group .half-field:nth-child(even) input {
    border-bottom-right-radius: 8px !important;
    border-radius: 0px;
}

.consolidationsearchbody {
    width: 100%;
    background-color: #fff;
    border: 1px solid #dfe1e9;
}

.consolidationsearchbody tr.active td {
    background: #dfe1e9 !important;
}

.consolidationsearchbody > table > thead > tr > th {
    text-align: left;
}

.consolidationsearchbody > table > tbody > tr > td {
    text-align: left;
}

.consolidationsearchbody > table > tbody {
    display: block;
    height: 286px;
    overflow-y: scroll;
}

.consolidationsearchbody > table > tbody > tr {
    table-layout: fixed;
    width: 100%;
    display: table;
}

.consolidationsearchbody > table > thead > tr {
    table-layout: fixed;
    width: 100%;
    display: table;
}

.consolidationDec {
    font-size: 13px;
    color: #6e6e6e;
}

.consolidate-modalbody {
    text-transform: none !important;
    padding-top: 4rem;
    padding-left: 1rem;
    padding-right: 2rem;
    padding-bottom: 1rem;
}

.select-style-custommultiselect {
    min-height: 52px;
}

.custommultiselect-disabled {
    background-color: #f7f8fa !important;
    background-image: none !important;
}

.doublerowdropdown {
    bottom: 73px !important;
}

.multiselectfocus {
    border-bottom-right-radius: 8px;
    border-bottom-left-radius: 8px;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
    border: 1px solid #33c3f0;
    outline: none;
}

.form-style-7 {
    max-width: 400px;
    float: right;
}

.form-style-7 ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.form-style-7 li {
    display: block;
    padding: 9px;
    border: 1px solid #dddddd;
    border-radius: 8px;
}

.form-style-7 li > label {
    display: block;
    float: left;
    margin-top: -19px;
    height: 14px;
    font-size: 1.2rem;
    position: inherit;
    background-color: #edf0f5;
}

.field.has-error-limit-limit input,
.field.has-error-limit .select-style,
.half-field.has-error-limit input,
.half-field.has-error-limit .select-style,
.table-field.has-error-limit input {
    border: 1px solid #FF7E8C;
    background-color: #ffeded;
}

.field.has-error-limit .button,
.field.has-error-limit button,
.half-field.has-error-limit .button,
.half-field.has-error-limit button,
.table-field.has-error-limit .button,
.table-field.has-error-limit button {
    color: #FF7E8C;
    background-color: #ffeded;
}

.field.has-error-limit .button:focus,
.field.has-error-limit button:focus,
.half-field.has-error-limit .button:focus,
.half-field.has-error-limit button:focus,
.table-field.has-error-limit .button:focus,
.table-field.has-error-limit button:focus {
    background-color: #ffe2e2;
    border-radius: 0 8px 8px 0;
}

.field.has-error-limit .message,
.half-field.has-error-limit .message {
    display: block;
    background-color: #FF7E8C;
}

dynamic-element .field.has-error-limit .select-style select:focus {
    border-color: transparent;
}

.group .field.has-error-limit:last-child input,
.group .field.has-error-limit:last-child .select-style {
    border-bottom-color: #FF7E8C;
}

.group .half-field.has-error-limit:nth-child(odd) input,
.group .half-field.has-error-limit:nth-child(odd) .select-style {
    border-right: 1px solid #FF7E8C;
}

.full .table-field.has-error-limit input,
.full .table-field.has-error-limit .select-style select {
    /*border-right: 1px solid #fd797b;
        border-bottom: 1px solid #fd797b;*/
    border: 1px solid #FF7E8C;
    background-color: #ffeded;
}

.full .table-field.has-error-limit input:focus {
    border-color: #FF7E8C;
}

.full .table-field.has-error-limit .select-style select:focus {
    /*border-color: transparent;*/
    border-color: #FF7E8C;
}

.field.div-invoice.has-error-limit {
    border: 1px solid #FF7E8C;
    background-color: #ffeded;
}

.field.div-invoice.has-error-limit input {
    background-color: #ffeded;
    border-bottom-color: transparent !important;
    border-color: #ffeded;
}

.has-radio.has-error-limit div:first-child {
    height: 50px;
    border: 1px solid #FF7E8C;
    background-color: #ffeded;
    border-bottom-right-radius: 8px;
    border-top-right-radius: 8px;
}

.has-error-limit textarea {
    border: 1px solid #FF7E8C;
    background-color: #ffeded;
}

.group .half-field.has-error-limit:nth-child(odd) .select-style select {
    border-color: transparent;
}

.group .field.has-error-limit .select-style select {
    border-color: transparent;
}

.group .half-field.has-error-limit:nth-child(odd) input {
    border-right-color: #FF7E8C !important;
}

.purchase dynamic-row:last-of-type .table-field.has-error-limit input,
.purchase dynamic-row:last-of-type .table-field.has-error-limit .select-style select {
    border-bottom: 1px solid #FF7E8C;
}

.group dynamic-element:first-of-type .half-field.has-error-limit:first-child input:focus {
    border-right-color: #FF7E8C;
}

.group dynamic-element:last-of-type .half-field.has-radio.has-error-limit {
    border: 1px solid #FF7E8C;
}

.disableLink {
    color: white !important;
    cursor: default !important;
    user-select: none !important;
    pointer-events: none !important;
    background-color: #cccccc !important;
    border: none;
}

.spinner {
    width: 40px;
    height: 40px;
    position: relative;
    margin: auto;
}

.double-bounce1,
.double-bounce2 {
    width: 100%;
    height: 100%;
    border-radius: 50%;
    background-color: #333;
    opacity: 0.6;
    position: absolute;
    top: 0;
    left: 0;
    -webkit-animation: sk-bounce 2s infinite ease-in-out;
    animation: sk-bounce 2s infinite ease-in-out;
}

.double-bounce2 {
    -webkit-animation-delay: -1s;
    animation-delay: -1s;
}

@-webkit-keyframes sk-bounce {
    0%,
    100% {
        -webkit-transform: scale(0);
    }

    50% {
        -webkit-transform: scale(1);
    }
}

@keyframes sk-bounce {
    0%,
    100% {
        transform: scale(0);
        -webkit-transform: scale(0);
    }

    50% {
        transform: scale(1);
        -webkit-transform: scale(1);
    }
}

.modal.gmb .modal-body {
    color: #fff;
    text-align: center;
    border-bottom: none;
}

.modal.gmb .modal-body h5 {
    color: #fff;
    text-align: center;
}

.modal.gmb .modal-body .gmb-qr-wrapper .gmb-qr {
    display: flex;
    align-items: center;
    justify-content: center;
}

.modal.gmb .modal-body .gmb-qr-wrapper {
    background: white;
    width: 270px;
    height: 270px;
    text-align: center;
    display: inline-block;
    font-size: smaller;
    color: #d1d1d1;
}

.cfd_remove_btn {
    text-transform: uppercase;
    font-size: 10px;
    border-radius: 4px;
    border-style: solid;
    border-width: 1px;
    border-color: white;
    width: 8em;
    text-align: center;
    float: right;
    cursor: pointer;
}

.cfd_remove_btn:hover {
    background-color: white;
    color: #002395;
}

.modal.partial-export-preview-modal .modal-scroll {
    max-height: none;
}

.modal.partial-export-preview-modal h6 {
    margin: 30px 0 10px;
    text-align: center !important; /* !important is used to override other global style that with !important */
}

.modal.partial-export-preview-modal tbody {
    vertical-align: top;
}

.modal.partial-export-preview-modal th {
    padding-top: 24px;
}

.modal.partial-export-preview-modal th,
.modal.partial-export-preview-modal td {
    border-bottom: 0;
}

.modal.partial-export-preview-modal tr {
    border-bottom: 1px solid #e1e1e1;
}

.modal.anyline-modal .modal-body {
    padding: 1rem 2rem 3rem 2rem;
}

.modal.anyline-modal .modal-body .anyline-root {
    border: none;
    height: 65vh;
    width: 100%;
}

.modal.anyline-modal .modal-header {
    padding-right: 1.5rem;
}

.modal.gmb .modal-body h5 > span {
    color: #606060;
    text-align: center;
    font-style: normal;
}

.modal.gmb .modal-body div > div > table > tbody > tr > td {
    border-bottom: 10px solid #002395;
}

.modal.gmb .modal-body a {
    display: block;
    padding: 5px 20px;
    color: #fff;
    text-decoration: none;
}

.modal.gmb .modal-body a:hover,
a.active {
    background-color: #1f3ea2;
}

.div-wrapper-scroll-y {
    display: block;
    max-height: 264px;
    overflow-y: auto;
    -ms-overflow-style: -ms-autohiding-scrollbar;
}

.btn_refund {
    text-transform: uppercase;
    color: #fff;
    border-radius: 4px;
    padding: 1rem 1.5rem;
    background: #0742aa;
    cursor: pointer;
    transition: all 0.3s;
    display: inline-block;
    text-align: center;
    white-space: nowrap;
}

.btn_refunded {
    text-transform: uppercase;
    color: #fff;
    border-radius: 4px;
    padding: 1rem 1.5rem;
    background: #f57274;
    cursor: pointer;
    transition: all 0.3s;
    display: inline-block;
    text-align: center;
    white-space: nowrap;
}

.btn_refund:hover {
    color: #ffffff;
    filter: brightness(90%);
}

.refund-info {
    display: flex;
    align-items: center;
    justify-content: center;
}

.refund-info img {
    width: 30px;
    margin-right: 1rem;
}

.refundtable tbody tr:hover {
    background-color: inherit;
}

table.refundtable th,
table.refundtable td {
    padding: 12px 5px;
}

table.refundtable th:last-child,
table.refundtable td:last-child {
    text-align: center;
}

.refund-des {
    display: flex;
    align-items: center;
    justify-content: center;
    text-transform: uppercase;
}

.refund-des img {
    height: 30px;
    margin-right: 1rem;
}

.refund-error {
    display: none;
}

@media only screen and (max-width: 768px) {
    .refund-error {
        display: block;
    }

    .refundtable.hidden-mobile {
        display: none;
    }

    .refund-des,
    .refund-info {
        flex-direction: column;
        padding-top: 2rem;
        text-transform: uppercase;
        text-align: center;
    }

    .refund-des > *,
    .refund-info > * {
        margin-bottom: 1rem;
    }
}

.modal-footer-button-1 {
    background-color: transparent !important;
    cursor: auto !important;
    padding-bottom: 0px !important;
}

.modal-footer-button-2 {
    padding: 1.25rem 0 !important;
}

.w-70 {
    width: 70% !important;
}

.w-30 {
    width: 30% !important;
}

.displaydailytotal .total {
    margin-top: 0px !important;
}

.displaytable th td {
    padding: 12px 12px !important;
    width: 14% !important;
}

.disclaimer-div {
    background: #33c3f0;
    margin-top: 46px;
    padding: 10px 20px;
    text-align: center;
    margin-bottom: -50px;
    max-width: 100%;
    border-radius: 0 0 10px 10px;
    color: #fff;
}

.disclaimer-msg-div a,
.disclaimer-msg-div a:hover,
.disclaimer-msg-div a:visited {
    color: white;
    text-decoration: underline;
}

@media only screen and (max-width: 750px) {
    .disclaimer-div {
        margin-top: 86px;
    }
}

.text-white {
    color: #fff;
}

.btn-close {
    float: right;
    padding-left: 5px;
}

.btn-close:hover {
    color: #0fa0ce !important;
}

/* Toggle style additions */
/*---------------------------------------------------------------*/
label.toggle {
    position: relative;
    display: block;
    width: 50px;
    height: 20px;
    margin-bottom: 0;
    left: 25px;
    top: 10px;
}

.nub {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #e1e5ea;
    -webkit-transition: 0.4s;
    transition: 0.4s;
}

.nub:before {
    position: absolute;
    content: '';
    height: 16px;
    width: 16px;
    left: 2px;
    bottom: 3px;
    background-color: white;
    -webkit-transition: 0.4s;
    transition: 0.4s;
}

input:checked + .nub {
    background-color: #2848af;
}

input:focus + .nub {
    -webkit-box-shadow: inset 0 1px 1px rgba(81, 38, 170, 1), 0 0 8px rgba(81, 38, 170, 1) !important;
    box-shadow: inset 0 1px 1px rgba(207, 220, 0, 0.4), 0 0 8px rgba(81, 38, 170, 1) !important;
}

input:checked + .nub:before {
    -webkit-transform: translateX(26px);
    -ms-transform: translateX(26px);
    transform: translateX(26px);
}

/* Rounded nubs */
.nub.round {
    border-radius: 34px;
}

.nub.round:before {
    border-radius: 50%;
}

.toggle-background {
    position: relative;
    display: block;
    line-height: 15px;
    background-color: #fff;
    text-align: center !important;
    border-right: 1px solid #f2f3f7;
    border-bottom: 1px solid #f2f3f7;
    height: 37px;
}

.toggle-background-disabled {
    background-color: #f7f8fa !important;
    border-right: 1px solid #f2f3f7;
    background-image: none !important;
    height: 37px;
}

/* Checkmark style additions */
/*---------------------------------------------------------------*/
/* The container */
.checkbox {
    display: block;
    position: relative;
    padding-left: 35px;
    margin-bottom: 12px;
    cursor: pointer;
    font-size: 22px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

/* Hide the browser's default checkbox */
.checkbox input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0;
}

/* Create a custom checkbox */
.checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 25px;
    width: 25px;
    background-color: #ccc;
}

/* On mouse-over, add a grey background color */
.checkbox:hover input ~ .checkmark {
    background-color: #ccc;
}

/* On focus, add a style in border color */
input:focus + .checkmark {
    -webkit-box-shadow: inset 0 1px 1px rgba(81, 38, 170, 1), 0 0 8px rgba(81, 38, 170, 1) !important;
    box-shadow: inset 0 1px 1px rgba(207, 220, 0, 0.4), 0 0 8px rgba(81, 38, 170, 1) !important;
}

/* When the checkbox is checked, add a blue background */
.checkbox input:checked ~ .checkmark {
    background-color: #2848af;
}

/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
    content: '';
    position: absolute;
    display: none;
}

/* Show the checkmark when checked */
.checkbox input:checked ~ .checkmark:after {
    display: block;
}

/* Style the checkmark/indicator */
.checkbox .checkmark:after {
    left: 9px;
    top: 5px;
    width: 5px;
    height: 10px;
    border: solid white;
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

.always-on-top {
    z-index: 9999;
}

.small {
    font-size: 12px;
}

.version {
    font-size: 12px;
    text-align: right;
    display: block;
    padding-right: 10px;
    position: relative;
}

.icon-group {
    position: absolute;
    display: inline-block;
    right: 1rem;
    top: 1.5rem;
}

.icon-group-btn {
    top: -0.2rem !important;
    margin-top: -0.75rem !important;
    background-color: transparent !important;
    display: inline-block !important;
    position: relative !important;
    padding: 0px !important;
    height: auto !important;
}

.icon-group-btn i {
    font-size: 1em !important;
}

.text-success {
    color: #4dddc1 !important;
}

.stamp_details_modal .datepicker table tr td.disabled.day.old,
.stamp_details_modal .datepicker table tr td.disabled.day.old:hover {
    color: #dadada;
}

.stamp_details_modal .datepicker table tr td.disabled.day,
.stamp_details_modal .datepicker table tr td.disabled.day:hover {
    color: #bababa;
}

.stamp_details_modal .datepicker table tr td.day,
.stamp_details_modal .datepicker table tr td.day:hover {
    color: #000000;
}

.text-right {
    text-align: right;
}

.purchase-section-btn {
    display: inline-block;
}

.margin-bottom-12 {
    margin-bottom: 12px;
}

#viptraveldoc-table,
#vipgrandtotal-table,
#viprecenttransactions-table,
#vipnotes-table {
    margin-bottom: 12px !important;
}

#viptraveldoc-table td,
#vipgrandtotal-table td,
#viprecenttransactions-table td,
#vipnotes-table td {
    padding: 0px !important;
    border-bottom: 0px;
}

#viptraveldoc-table td:not(.viptraveller-title-col),
#vipgrandtotal-table td:not(.viptraveller-title-col),
#viprecenttransactions-table td:not(.viptraveller-title-col),
#vipnotes-table td:not(.viptraveller-title-col) {
    width: 50%;
}

.compact-modal {
    padding: 2rem 5rem 2rem 6rem !important;
}

.viptraveller-span {
    float: right;
}

.viptraveller-icon {
    font-size: 3.5rem;
    color: #4dddc1;
    padding: 0 0.75rem;
    position: absolute;
    top: 0.7rem;
    right: 1rem;
}

.traveller-info-span {
    width: 75%;
}

.viptraveller-title-col {
    text-align: start;
    display: block;
}

.receipt-summary {
    display: flex;
    justify-content: space-between;
}

.summary .receipt-summary span {
    display: block;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    font-size: initial;
}

.summary .receipt-summary.subscript span {
    font-size: 0.8em;
}

.lastSelected {
    background: rgba(255, 255, 255, 0.6);
}

.arrow-back-search-icon {
    color: #1eaedb;
    font-size: 40px;
}

.list-style-none {
    list-style: none;
}

.position-relative:not(.field):not(.field button) {
    position: relative;
    right: 0px;
}

input[type='text'].focus-highlight {
    border: 1px solid #33c3f0;
    outline: 0;
}

.field button.select-camera-icon-border.select-highlight-addon-button {
    border-radius: 0px 8px 8px 0px;
    border-left-color: #33c3f0;
    background-color: #f0fafe;
}

.field button.right-2-em,
.half-field button.right-2-em {
    right: 2em;
}

.blink {
    animation: blink-animation 1s steps(5, start) infinite;
    -webkit-animation: blink-animation 1s steps(5, start) infinite;
}

.blink-blue {
    animation: blink-animation-blue 1s steps(5, start) infinite;
    -webkit-animation: blink-animation-blue 1s steps(5, start) infinite;
}

@keyframes blink-animation {
    0% {
        color: #6e6e6e;
    }

    50% {
        color: #ffffff;
    }

    100% {
        color: #6e6e6e;
    }
}

@-webkit-keyframes blink-animation {
    0% {
        color: #6e6e6e;
    }

    50% {
        color: #ffffff;
    }

    100% {
        color: #6e6e6e;
    }
}

@keyframes blink-animation-blue {
    0% {
        color: #4dddc1;
    }

    50% {
        color: #ffffff;
    }

    100% {
        color: #4dddc1;
    }
}

@-webkit-keyframes blink-animation-blue {
    0% {
        color: #4dddc1;
    }

    50% {
        color: #ffffff;
    }

    100% {
        color: #4dddc1;
    }
}

.margin-top-4 {
    margin-top: 4rem;
}

.gender-dropdown:invalid {
    color: #636c72;
}

.status-upload-icon {
    font-size: 2.7em !important;
}
/*!
 * Generated using the Bootstrap Customizer (https://getbootstrap.com/docs/3.4/customize/)
 */
/*!
 * Bootstrap v3.4.1 (https://getbootstrap.com/)
 * Copyright 2011-2019 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 */
/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */
.nav {
    padding-left: 0;
    margin-bottom: 0;
    list-style: none;
}

.nav > li {
    position: relative;
    display: block;
}

.nav > li > a {
    position: relative;
    display: block;
    padding: 10px 15px;
}

.nav > li > a:hover,
.nav > li > a:focus {
    text-decoration: none;
    background-color: #eeeeee;
}

.nav > li.disabled > a {
    color: #777777;
}

.nav > li.disabled > a:hover,
.nav > li.disabled > a:focus {
    color: #777777;
    text-decoration: none;
    cursor: not-allowed;
    background-color: transparent;
}

.nav .open > a,
.nav .open > a:hover,
.nav .open > a:focus {
    background-color: #eeeeee;
    border-color: #337ab7;
}

.nav .nav-divider {
    height: 1px;
    margin: 9px 0;
    overflow: hidden;
    background-color: #e5e5e5;
}

.nav > li > a > img {
    max-width: none;
}

.nav-tabs {
    border-bottom: 1px solid #dddddd;
    padding: 0 10px;
    font-size: 1.3rem;
    font-weight: 500;
    font-family: 'titillium_websemibold', sans-serif;
}

.nav-tabs > li {
    float: left;
    margin-bottom: -1px;
}

.nav-tabs > li > a {
    color: black;
    margin-right: 6px;
    line-height: 1.42857143;
    border-radius: 8px 8px 0 0;
    border: 1px solid #ccc;
}

.nav-tabs > li > a:hover {
    background-color: #e3e5ea;
}

.nav-tabs > li.active > a,
.nav-tabs > li.active > a:hover,
.nav-tabs > li.active > a:focus {
    color: #555555;
    cursor: default;
    background-color: #dadde6;
    border: 1px solid #dddddd;
    border-bottom-color: transparent;
    font-weight: bold;
}

.nav-tabs > li.error > a,
.nav-tabs > li.error > a:hover,
.nav-tabs > li.error > a:focus {
    color: #ff0000;
    cursor: default;
    border: 1px solid #dddddd;
    border-bottom-color: transparent;
}

.nav-tabs > li.warning > a,
.nav-tabs > li.warning > a:hover,
.nav-tabs > li.warning > a:focus {
    color: #ffbf00;
    cursor: default;
    border: 1px solid #dddddd;
    border-bottom-color: transparent;
}

.nav-tabs.nav-justified {
    width: 100%;
    border-bottom: 0;
}

.nav-tabs.nav-justified > li {
    float: none;
}

.nav-tabs.nav-justified > li > a {
    margin-bottom: 5px;
    text-align: center;
}

.nav-tabs.nav-justified > .dropdown .dropdown-menu {
    top: auto;
    left: auto;
}

@media (min-width: 768px) {
    .nav-tabs.nav-justified > li {
        display: table-cell;
        width: 1%;
    }

    .nav-tabs.nav-justified > li > a {
        margin-bottom: 0;
    }
}

.nav-tabs.nav-justified > li > a {
    margin-right: 0;
    border-radius: 4px;
}

.nav-tabs.nav-justified > .active > a,
.nav-tabs.nav-justified > .active > a:hover,
.nav-tabs.nav-justified > .active > a:focus {
    border: 1px solid #dddddd;
}

@media (min-width: 768px) {
    .nav-tabs.nav-justified > li > a {
        border-bottom: 1px solid #dddddd;
        border-radius: 4px 4px 0 0;
    }

    .nav-tabs.nav-justified > .active > a,
    .nav-tabs.nav-justified > .active > a:hover,
    .nav-tabs.nav-justified > .active > a:focus {
        border-bottom-color: #ffffff;
    }
}

.nav-pills > li {
    float: left;
}

.nav-pills > li > a {
    border-radius: 4px;
}

.nav-pills > li + li {
    margin-left: 2px;
}

.nav-pills > li.active > a,
.nav-pills > li.active > a:hover,
.nav-pills > li.active > a:focus {
    color: #ffffff;
    background-color: #337ab7;
}

.nav-stacked > li {
    float: none;
}

.nav-stacked > li + li {
    margin-top: 2px;
    margin-left: 0;
}

.nav-justified {
    width: 100%;
}

.nav-justified > li {
    float: none;
}

.nav-justified > li > a {
    margin-bottom: 5px;
    text-align: center;
}

.nav-justified > .dropdown .dropdown-menu {
    top: auto;
    left: auto;
}

@media (min-width: 768px) {
    .nav-justified > li {
        display: table-cell;
        width: 1%;
    }

    .nav-justified > li > a {
        margin-bottom: 0;
    }
}

.nav-tabs-justified {
    border-bottom: 0;
}

.nav-tabs-justified > li > a {
    margin-right: 0;
    border-radius: 4px;
}

.nav-tabs-justified > .active > a,
.nav-tabs-justified > .active > a:hover,
.nav-tabs-justified > .active > a:focus {
    border: 1px solid #dddddd;
}

@media (min-width: 768px) {
    .nav-tabs-justified > li > a {
        border-bottom: 1px solid #dddddd;
        border-radius: 4px 4px 0 0;
    }

    .nav-tabs-justified > .active > a,
    .nav-tabs-justified > .active > a:hover,
    .nav-tabs-justified > .active > a:focus {
        border-bottom-color: #ffffff;
    }
}

.tab-content > .tab-pane {
    display: none;
}

.tab-content > .active {
    display: block;
}

.nav-tabs .dropdown-menu {
    margin-top: -1px;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}

.clearfix:before,
.clearfix:after,
.nav:before,
.nav:after {
    display: table;
    content: ' ';
}

.clearfix:after,
.nav:after {
    clear: both;
}

.center-block {
    display: block;
    margin-right: auto;
    margin-left: auto;
}

.pull-right {
    float: right !important;
}

.pull-left {
    float: left !important;
}

.hide {
    display: none !important;
}

.show {
    display: block !important;
}

.invisible {
    visibility: hidden;
}

.text-hide {
    font: 0/0 a;
    color: transparent;
    text-shadow: none;
    background-color: transparent;
    border: 0;
}

.hidden {
    display: none !important;
}

.affix {
    position: fixed;
}

.tabcontent {
    width: 100%;
    width: -webkit-fill-available;
    background-color: #dadde6;
    border-radius: 8px 8px 8px 8px;
}

.inv-total {
    border-top: 1px solid #e5e7ea;
    margin: 20px -10px 0 -10px;
    padding: 10px 20px 0 20px;
}

.inv-total.grand {
    background-color: #dadde6;
    border-top: none;
    margin: 0;
    margin-top: 10px;
    padding: 16px 20px;
    border-radius: 8px;
}

.inv-total .total-row {
    width: 100%;
    display: flex;
    justify-content: space-between;
}

.inv-total div h6 {
    margin-bottom: 0;
}

.inv-total strong.bold {
    color: #222;
}

.inv-total.grand .button {
    line-height: 24px;
    height: 24px;
    padding: 0 20px;
    border-radius: 100px;
    background-color: #fff;
}

.tabs-contextual .button i,
.inv-total.grand .button i {
    margin-right: 8px;
}

.inv-total.grand .columns:nth-child(5) {
    margin-left: 0% !important;
}

.alert {
    text-align: left;
    font-size: 1.2rem;
    text-transform: uppercase;
    letter-spacing: 0.1rem;
    color: #fff;
    border-radius: 8px;
    background-color: #FF7E8C;
    padding: 1rem;
    margin-bottom: 1rem;
}

.inv-total .grandtotal-row {
    width: 100%;
    display: flex;
}

.grand-rowvalue {
    flex: 1;
}
.integra-close {
    color: #b9b1b1;
    width: 25px;
    height: 25px;
}

.bottomspace {
    margin-bottom: 2em;
}

.integra-close.icon:before {
    content: '';
    position: absolute;
    top: 23px;
    width: 13px;
    height: 1px;
    right: 21px;
    background-color: currentColor;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg) !important;
}

.integra-close.icon:after {
    content: '';
    position: absolute;
    top: 23px;
    width: 13px;
    height: 1px;
    right: 21px;
    background-color: currentColor;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

.iconWrapper {
    position: relative;
    overflow: hidden;
    width: 28px;
    height: 28px;
    background-color: inherit;
    border-radius: 5px;
    border: solid 2px transparent;
    margin: 0 5px 5px 0;
    transition: border-color 0.4s ease-out;
    padding-left: 46%;
}

.integra-icon {
    position: absolute;
}

.integra-info-circle.integra-icon {
    width: 16px;
    height: 16px;
    border-radius: 50%;
    border: solid 6px #f57274;
    background-color: #f57274;
}

.integra-info-circle.integra-icon:before {
    top: 6px;
    left: 7px;
    width: 2px;
    height: 7px;
}

.integra-icon:before,
.integra-icon:after {
    content: '';
    position: absolute;
    display: block;
}

.integra-info-circle.integra-icon.filled:before,
.integra-info-circle.integra-icon.filled:after {
    background-color: white;
}

.integra-info-circle.integra-icon:after {
    top: 2px;
    left: 7px;
    width: 2px;
    height: 2px;
}

.integra-icon:before,
.integra-icon:after {
    content: '';
    position: absolute;
    display: block;
}

.touchfriendlygroup {
    background-color: #fff;
    width: 100%;
    margin-bottom: 0.1rem;
    content: '';
    display: table;
    clear: both;
    height: 33px;
}

.touchfriendlygroupfirst {
    border-top-left-radius: 8px !important;
    border-top-right-radius: 8px !important;
    border-bottom-right-radius: 0px !important;
    border-bottom-left-radius: 0px !important;
}

.touchfriendlygrouplast {
    border-top-left-radius: 0px !important;
    border-top-right-radius: 0px !important;
    border-bottom-right-radius: 8px !important;
    border-bottom-left-radius: 8px !important;
}

.touchfriendlygroupsingle {
    border-top-left-radius: 8px !important;
    border-top-right-radius: 8px !important;
    border-bottom-right-radius: 8px !important;
    border-bottom-left-radius: 8px !important;
}

.posvat {
    margin-top: -2em;
}

.touchfriendlyelementcontainer {
    display: block !important;
    position: relative !important;
    padding-left: 35px !important;
    margin-bottom: 12px !important;
    cursor: pointer !important;
    user-select: none !important;
    padding-top: 7px;
    padding-bottom: 7px;
    color: #6e6e6e !important;
    letter-spacing: normal !important;
}

.touchfriendlyelementcontainer input {
    position: absolute !important;
    opacity: 0 !important;
    cursor: pointer !important;
}

/*.field .message,
.half-field .message {
	color: #6e6e6e;
}*/

.alert {
    color: #6e6e6e;
}

.touchfriendlygroup:focus {
    border: 1px solid #33c3f0;
    border-color: #33c3f0;
    outline: none;
}

.touchfriendlygroupselected:focus {
    border: 1px solid #33c3f0;
    outline: none;
}

.touchfriendlydisabled {
    /*color: rgba(0,0,0,.38); */
    cursor: default;
    user-select: none;
    pointer-events: none;
    background-color: #f7f8fa;
}

.touchfriendlydisabled .integracontainer {
    color: #a9a5a5;
}
.touchfriendlydisabled .integracontainer .checkmark {
    background-color: #f1f1f1;
    border: 1px solid #c2c2c2 !important;
}

.posfirstrowlastcolumn input,
.posfirstrowlastcolumn .select-style {
    border-top-right-radius: 8px;
}

.poslastrowlastcolumn input,
.poslastrowlastcolumn .select-style {
    border-bottom-right-radius: 8px;
}

.integra {
    top: 4em;
}

.integrashopdetails {
    font-family: 'Raleway', 'HelveticaNeue', 'Helvetica Neue', Helvetica, Arial, sans-serif;
    font-size: 0.9em;
}

#radiooutercircle {
    background-color: #fff;
    border: 1px solid grey;
    height: 16px;
    width: 16px;
    border-radius: 50%;
    position: relative;
}

#radioinnercircle {
    border: 1px solid #33c3f0 !important;
    background-color: #33c3f0 !important;
    height: 8px;
    width: 8px;
    border-radius: 50%;
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -5px 0px 0px -5px;
}

.radiooutercircleselected {
    background-color: #e0f5fd !important;
    border: 1px solid #33c3f0 !important;
}

.radiooutercircledeselected {
    background-color: #fff !important;
    border: 1px solid grey !important;
}

.integraSummaryLi {
    width: 25% !important;
    flex-flow: column nowrap;
    place-content: stretch flex-start;
    align-items: stretch;
}

/* The container */
.integracontainer {
    display: block;
    position: relative !important;
    padding-left: 35px;
    margin-bottom: 12px;
    cursor: pointer;
    user-select: none;
    padding-top: 7px;
    padding-bottom: 7px;
    letter-spacing: normal !important;
}

.consentmessage {
    width: 95% !important;
    color: #a3a3a3 !important;
}
/* Hide the browser's default radio button */
.integracontainer input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
}

/* Create a custom radio button */
.checkmark {
    position: absolute;
    top: 10px;
    left: 0px;
    height: 16px;
    width: 16px;
    border-radius: 50%;
    border: 1px solid grey !important;
}

/* On mouse-over, add a grey background color */
.integracontainer:hover input ~ .checkmark {
    background-color: #fff;
}

/* When the radio button is checked, add a blue background */
.integracontainer input:checked ~ .checkmark {
    background-color: #e0f5fd !important;
    border: 1px solid #33c3f0 !important;
}

/* Create the indicator (the dot/circle - hidden when not checked) */
.checkmark:after {
    content: '';
    position: absolute;
    display: none;
}

/* Show the indicator (dot/circle) when checked */
.integracontainer input:checked ~ .checkmark:after {
    display: block;
}

/* Style the indicator (dot/circle) */
.integracontainer .checkmark:after {
    top: 3px;
    left: 3px;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: #33c3f0;
}

.nobottomborder .modal-content .modal-body {
    border-bottom: none !important;
}

@media (max-width: 1200px) {
    .summary ul li {
        height: 83px;
    }

    .summary li:nth-last-child(2) {
        max-width: 25% !important;
    }

    .summary li:nth-child(4) {
        width: 25% !important;
    }

    .summary ul li:last-child {
        width: 25% !important;
    }

    .summary ul li {
        width: 25% !important;
    }

    .dropdown-actions {
        width: 25% !important;
    }
}

.docIdwithWarning {
    color: black;
}

.pdLabelRow {
    background: #f7f8fa;
    line-height: 3.2em !important;
    padding: 0px 5px 0px 5px;
    border-right: 1px solid #e1e7ff;
    border-bottom: 1px solid #e1e7ff;
}

.integra-buildno {
    font-size: 0.6em;
    font-family: 'Raleway', 'HelveticaNeue', 'Helvetica Neue', Helvetica, Arial, sans-serif;
    color: white;
    padding-right: 1em;
    position: relative;
    top: 0.5em;
}

.integra-info-header {
    display: inline-block;
    float: right;
}

.navbar .container .integra-header {
    width: 100vh;
}

#gmbConnectBtn {
    float: right;
}

float-right {
    float: right !important;
}

.lock {
    position: absolute !important;
    margin-top: 0.1em;
    left: auto;
    right: 0.625em;
    font-size: 1.3em;
    color: #33c3f0;
}

.integra-select {
    position: relative;
}

.integra-select .select-button {
    border: none;
    position: relative;
    justify-content: space-between;
    padding: 12px 32px 12px 12px;
    background-color: white;
    display: flex;
    cursor: auto;
    width: 100%;
    align-items: center;
    background-image: url(images/dropdown.png);
    background-size: 1em;
    background-position: right 16px bottom 45%;
    background-repeat: no-repeat;
    font: inherit !important;
    font-size: inherit !important;
    color: #000000;
}

.integra-select .select-button:focus {
    border: 1px solid #33c3f0 !important;
    border-bottom-right-radius: 8px !important;
    border-bottom-left-radius: 8px !important;
    background-color: white !important;
}

.integra-select .select-button:hover {
    color: #000000;
}

.integra-select .select-text {
    text-align: initial;
}

.integra-select .select-chosen {
    position: absolute;
    display: inline-block;
    left: 10px;
    top: 21px;
}

.integra-select .select-button li:hover {
    outline: 1px solid fade_out(#d1d1d1, 0.5);
}

.integra-select .select-value {
    font-weight: 600;
}

.integra-select .select-list {
    display: none;
    background: white;
    border: 1px solid #d1d1d1;
    box-shadow: 0px 0px 15px -1px fade_out(#d1d1d1, 0.6);
    position: absolute;
    bottom: 0;
    left: 0;
    padding: 0;
    z-index: 10;
    right: 0;
    margin: 0;
    transform: translateY(100%);
    border-bottom-right-radius: 8px;
    border-bottom-left-radius: 8px;
    list-style-type: none;
}

.integra-select .select-list li {
    padding: 4px 16px;
    cursor: pointer;
    font-weight: 700;
    margin-bottom: 0 !important;
}

.integra-select .select-list li.selected {
    background: #2f2fea !important;
    color: white !important;
}

.integra-select .select-list li:hover {
    background: #2f2fea !important;
    color: white !important;
}

.integra-select .select-open {
    display: block;
}

.simple-keyboard {
    position: fixed;
    right: 50%;
    bottom: 0;
    width: 100%;
    max-width: 1024px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.75);
    user-select: none;
    z-index: 1032;
    transform: translateX(50%);
}

.simple-keyboard.hide-keyboard {
    visibility: hidden;
}
/*!
 * 
 *   simple-keyboard v3.6.18
 *   https://github.com/hodgef/simple-keyboard
 *
 *   Copyright (c) Francisco Hodge (https://github.com/hodgef) and project contributors.
 *
 *   This source code is licensed under the MIT license found in the
 *   LICENSE file in the root directory of this source tree.
 *
 */
.hg-theme-default {
    background-color: #ececec;
    border-radius: 5px;
    box-sizing: border-box;
    font-family: HelveticaNeue-Light, Helvetica Neue Light, Helvetica Neue, Helvetica, Arial, Lucida Grande, sans-serif;
    overflow: hidden;
    padding: 5px;
    touch-action: manipulation;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    width: 100%;
}
.hg-theme-default .hg-button span {
    pointer-events: none;
}
.hg-theme-default button.hg-button {
    border-width: 0;
    font-size: inherit;
    outline: 0;
}
.hg-theme-default .hg-button {
    display: inline-block;
    flex-grow: 1;
}
.hg-theme-default .hg-row {
    display: flex;
}
.hg-theme-default .hg-row:not(:last-child) {
    margin-bottom: 5px;
}
.hg-theme-default .hg-row .hg-button-container,
.hg-theme-default .hg-row .hg-button:not(:last-child) {
    margin-right: 5px;
}
.hg-theme-default .hg-row > div:last-child {
    margin-right: 0;
}
.hg-theme-default .hg-row .hg-button-container {
    display: flex;
}
.hg-theme-default .hg-button {
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    align-items: center;
    background: #fff;
    border-bottom: 1px solid #b5b5b5;
    border-radius: 5px;
    box-shadow: 0 0 3px -1px rgba(0, 0, 0, 0.3);
    box-sizing: border-box;
    cursor: pointer;
    display: flex;
    height: 40px;
    justify-content: center;
    padding: 5px;
}
.hg-theme-default .hg-button.hg-standardBtn {
    width: 20px;
}
.hg-theme-default .hg-button.hg-activeButton {
    background: #efefef;
}
.hg-theme-default.hg-layout-numeric .hg-button {
    align-items: center;
    display: flex;
    height: 60px;
    justify-content: center;
    width: 33.3%;
}
.hg-theme-default .hg-button.hg-button-numpadadd,
.hg-theme-default .hg-button.hg-button-numpadenter {
    height: 85px;
}
.hg-theme-default .hg-button.hg-button-numpad0 {
    width: 105px;
}
.hg-theme-default .hg-button.hg-button-com {
    max-width: 85px;
}
.hg-theme-default .hg-button.hg-standardBtn.hg-button-at {
    max-width: 45px;
}
.hg-theme-default .hg-button.hg-selectedButton {
    background: rgba(5, 25, 70, 0.53);
    color: #fff;
}
.hg-theme-default .hg-button.hg-standardBtn[data-skbtn='.com'] {
    max-width: 82px;
}
.hg-theme-default .hg-button.hg-standardBtn[data-skbtn='@'] {
    max-width: 60px;
}
.hg-candidate-box {
    background: #ececec;
    border-bottom: 2px solid #b5b5b5;
    border-radius: 5px;
    display: inline-flex;
    margin-top: -10px;
    max-width: 272px;
    position: absolute;
    transform: translateY(-100%);
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
}
ul.hg-candidate-box-list {
    display: flex;
    flex: 1;
    list-style: none;
    margin: 0;
    padding: 0;
}
li.hg-candidate-box-list-item {
    align-items: center;
    display: flex;
    height: 40px;
    justify-content: center;
    width: 40px;
}
li.hg-candidate-box-list-item:hover {
    background: rgba(0, 0, 0, 0.03);
    cursor: pointer;
}
li.hg-candidate-box-list-item:active {
    background: rgba(0, 0, 0, 0.1);
}
.hg-candidate-box-prev:before {
    content: '◄';
}
.hg-candidate-box-next:before {
    content: '►';
}
.hg-candidate-box-next,
.hg-candidate-box-prev {
    align-items: center;
    color: #969696;
    cursor: pointer;
    display: flex;
    padding: 0 10px;
}
.hg-candidate-box-next {
    border-bottom-right-radius: 5px;
    border-top-right-radius: 5px;
}
.hg-candidate-box-prev {
    border-bottom-left-radius: 5px;
    border-top-left-radius: 5px;
}
.hg-candidate-box-btn-active {
    color: #444;
}

.hg-theme-default .hg-candidate-box {
    position: unset;
    transform: translateY(4px);
    border: unset;
    background: unset;
    border-radius: unset;
    margin-top: -3px;
}

.hg-theme-default .hg-candidate-box .hg-candidate-box-prev,
.hg-theme-default .hg-candidate-box .hg-candidate-box-next {
    margin-bottom: 10px;
    background-color: #d0d0d0;
}

.hg-theme-default .hg-button.hg-functionBtn.hg-button-lsw {
    max-width: 60px;
}
