@charset "UTF-8";
/*
/// ABSTRACTS ///
all Sass tools and helpers used across the project.
Every global variable, function, mixin and placeholder should be put in here.
*/
/*
/// VENDORS ///
The CSS files from external libraries and frameworks
*/
/*!
  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.
*/
@import url("https://fonts.googleapis.com/css2?family=Spartan:wght@400;600;700&display=swap");
@font-face {
  font-family: "Ionicons";
  src: url("../fonts/ionicons.eot?v=2.0.0");
  src: url("../fonts/ionicons.eot?v=2.0.0#iefix") format("embedded-opentype"), url("../fonts/ionicons.ttf?v=2.0.0") format("truetype"), url("../fonts/ionicons.woff?v=2.0.0") format("woff"), url("../fonts/ionicons.svg?v=2.0.0#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", Arial, Helvetica, sans-serif;
  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"; }

.react-datepicker-popper[data-placement^="bottom"] .react-datepicker__triangle,
.react-datepicker-popper[data-placement^="top"] .react-datepicker__triangle,
.react-datepicker__year-read-view--down-arrow,
.react-datepicker__month-read-view--down-arrow,
.react-datepicker__month-year-read-view--down-arrow {
  margin-left: -8px;
  position: absolute; }

.react-datepicker-popper[data-placement^="bottom"] .react-datepicker__triangle,
.react-datepicker-popper[data-placement^="top"] .react-datepicker__triangle,
.react-datepicker__year-read-view--down-arrow,
.react-datepicker__month-read-view--down-arrow,
.react-datepicker__month-year-read-view--down-arrow,
.react-datepicker-popper[data-placement^="bottom"] .react-datepicker__triangle::before,
.react-datepicker-popper[data-placement^="top"] .react-datepicker__triangle::before,
.react-datepicker__year-read-view--down-arrow::before,
.react-datepicker__month-read-view--down-arrow::before,
.react-datepicker__month-year-read-view--down-arrow::before {
  box-sizing: content-box;
  position: absolute;
  border: 8px solid transparent;
  height: 0;
  width: 1px; }

.react-datepicker-popper[data-placement^="bottom"] .react-datepicker__triangle::before,
.react-datepicker-popper[data-placement^="top"] .react-datepicker__triangle::before,
.react-datepicker__year-read-view--down-arrow::before,
.react-datepicker__month-read-view--down-arrow::before,
.react-datepicker__month-year-read-view--down-arrow::before {
  content: "";
  z-index: -1;
  border-width: 8px;
  left: -8px;
  border-bottom-color: #aeaeae; }

.react-datepicker-popper[data-placement^="bottom"] .react-datepicker__triangle {
  top: 0;
  margin-top: -8px; }

.react-datepicker-popper[data-placement^="bottom"] .react-datepicker__triangle,
.react-datepicker-popper[data-placement^="bottom"] .react-datepicker__triangle::before {
  border-top: none;
  border-bottom-color: #f0f0f0; }

.react-datepicker-popper[data-placement^="bottom"] .react-datepicker__triangle::before {
  top: -1px;
  border-bottom-color: #aeaeae; }

.react-datepicker-popper[data-placement^="top"] .react-datepicker__triangle,
.react-datepicker__year-read-view--down-arrow,
.react-datepicker__month-read-view--down-arrow,
.react-datepicker__month-year-read-view--down-arrow {
  bottom: 0;
  margin-bottom: -8px; }

.react-datepicker-popper[data-placement^="top"] .react-datepicker__triangle,
.react-datepicker__year-read-view--down-arrow,
.react-datepicker__month-read-view--down-arrow,
.react-datepicker__month-year-read-view--down-arrow,
.react-datepicker-popper[data-placement^="top"] .react-datepicker__triangle::before,
.react-datepicker__year-read-view--down-arrow::before,
.react-datepicker__month-read-view--down-arrow::before,
.react-datepicker__month-year-read-view--down-arrow::before {
  border-bottom: none;
  border-top-color: #fff; }

.react-datepicker-popper[data-placement^="top"] .react-datepicker__triangle::before,
.react-datepicker__year-read-view--down-arrow::before,
.react-datepicker__month-read-view--down-arrow::before,
.react-datepicker__month-year-read-view--down-arrow::before {
  bottom: -1px;
  border-top-color: #aeaeae; }

.react-datepicker-wrapper {
  display: inline-block;
  width: 100%; }

.react-datepicker {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 0.8rem;
  background-color: #fff;
  color: #000;
  border: 1px solid #aeaeae;
  border-radius: 0.3rem;
  display: inline-block;
  position: relative; }

.react-datepicker--time-only .react-datepicker__triangle {
  left: 35px; }

.react-datepicker--time-only .react-datepicker__time-container {
  border-left: 0; }

.react-datepicker--time-only .react-datepicker__time {
  border-radius: 0.3rem; }

.react-datepicker--time-only .react-datepicker__time-box {
  border-radius: 0.3rem; }

.react-datepicker__triangle {
  position: absolute;
  left: 50px; }

.react-datepicker-popper {
  z-index: 1; }

.react-datepicker-popper[data-placement^="bottom"] {
  margin-top: 10px; }

.react-datepicker-popper[data-placement^="top"] {
  margin-bottom: 10px; }

.react-datepicker-popper[data-placement^="right"] {
  margin-left: 8px; }

.react-datepicker-popper[data-placement^="right"] .react-datepicker__triangle {
  left: auto;
  right: 42px; }

.react-datepicker-popper[data-placement^="left"] {
  margin-right: 8px; }

.react-datepicker-popper[data-placement^="left"] .react-datepicker__triangle {
  left: 42px;
  right: auto; }

.react-datepicker__header {
  text-align: center;
  background-color: #f0f0f0;
  border-bottom: 1px solid #aeaeae;
  border-top-left-radius: 0.3rem;
  border-top-right-radius: 0.3rem;
  padding-top: 8px;
  position: relative; }

.react-datepicker__header--time {
  padding-bottom: 8px;
  padding-left: 5px;
  padding-right: 5px; }

.react-datepicker__year-dropdown-container--select,
.react-datepicker__month-dropdown-container--select,
.react-datepicker__month-year-dropdown-container--select,
.react-datepicker__year-dropdown-container--scroll,
.react-datepicker__month-dropdown-container--scroll,
.react-datepicker__month-year-dropdown-container--scroll {
  display: inline-block;
  margin: 0 2px; }

.react-datepicker__current-month,
.react-datepicker-time__header {
  margin-top: 0;
  color: #000;
  font-weight: bold;
  font-size: 0.944rem; }

.react-datepicker-time__header {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden; }

.react-datepicker__navigation {
  background: none;
  line-height: 1.7rem;
  text-align: center;
  cursor: pointer;
  position: absolute;
  top: 10px;
  width: 0;
  padding: 0;
  border: 0.45rem solid transparent;
  z-index: 1;
  height: 10px;
  width: 10px;
  text-indent: -999em;
  overflow: hidden; }

.react-datepicker__navigation--previous {
  left: 10px;
  border-right-color: #ccc; }

.react-datepicker__navigation--previous:hover {
  border-right-color: #b3b3b3; }

.react-datepicker__navigation--previous--disabled,
.react-datepicker__navigation--previous--disabled:hover {
  border-right-color: #e6e6e6;
  cursor: default; }

.react-datepicker__navigation--next {
  right: 10px;
  border-left-color: #ccc; }

.react-datepicker__navigation--next--with-time:not(.react-datepicker__navigation--next--with-today-button) {
  right: 80px; }

.react-datepicker__navigation--next:hover {
  border-left-color: #b3b3b3; }

.react-datepicker__navigation--next--disabled,
.react-datepicker__navigation--next--disabled:hover {
  border-left-color: #e6e6e6;
  cursor: default; }

.react-datepicker__navigation--years {
  position: relative;
  top: 0;
  display: block;
  margin-left: auto;
  margin-right: auto; }

.react-datepicker__navigation--years-previous {
  top: 4px;
  border-top-color: #ccc; }

.react-datepicker__navigation--years-previous:hover {
  border-top-color: #b3b3b3; }

.react-datepicker__navigation--years-upcoming {
  top: -4px;
  border-bottom-color: #ccc; }

.react-datepicker__navigation--years-upcoming:hover {
  border-bottom-color: #b3b3b3; }

.react-datepicker__month-container {
  float: left; }

.react-datepicker__month {
  margin: 0.4rem;
  text-align: center; }

.react-datepicker__time-container {
  float: right;
  border-left: 1px solid #aeaeae;
  width: 70px; }

.react-datepicker__time-container--with-today-button {
  display: inline;
  border: 1px solid #aeaeae;
  border-radius: 0.3rem;
  position: absolute;
  right: -72px;
  top: 0; }

.react-datepicker__time-container .react-datepicker__time {
  position: relative;
  background: white; }

.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box {
  width: 70px;
  overflow-x: hidden;
  margin: 0 auto;
  text-align: center; }

.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list {
  list-style: none;
  margin: 0;
  height: calc(195px + (1.7rem / 2));
  overflow-y: scroll;
  padding-right: 0px;
  padding-left: 0px;
  width: 100%;
  box-sizing: content-box; }

.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item {
  height: 30px;
  padding: 5px 10px; }

.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item:hover {
  cursor: pointer;
  background-color: #f0f0f0; }

.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--selected {
  background-color: #216ba5;
  color: white;
  font-weight: bold; }

.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--selected:hover {
  background-color: #216ba5; }

.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--disabled {
  color: #ccc; }

.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--disabled:hover {
  cursor: default;
  background-color: transparent; }

.react-datepicker__week-number {
  color: #ccc;
  display: inline-block;
  width: 1.7rem;
  line-height: 1.7rem;
  text-align: center;
  margin: 0.166rem; }

.react-datepicker__week-number.react-datepicker__week-number--clickable {
  cursor: pointer; }

.react-datepicker__week-number.react-datepicker__week-number--clickable:hover {
  border-radius: 0.3rem;
  background-color: #f0f0f0; }

.react-datepicker__day-names,
.react-datepicker__week {
  white-space: nowrap; }

.react-datepicker__day-name,
.react-datepicker__day,
.react-datepicker__time-name {
  color: #000;
  display: inline-block;
  width: 1.7rem;
  line-height: 1.7rem;
  text-align: center;
  margin: 0.166rem; }

.react-datepicker__day {
  cursor: pointer; }

.react-datepicker__day:hover {
  border-radius: 0.3rem;
  background-color: #f0f0f0; }

.react-datepicker__day--today {
  font-weight: bold; }

.react-datepicker__day--highlighted {
  border-radius: 0.3rem;
  background-color: #3dcc4a;
  color: #fff; }

.react-datepicker__day--highlighted:hover {
  background-color: #32be3f; }

.react-datepicker__day--highlighted-custom-1 {
  color: magenta; }

.react-datepicker__day--highlighted-custom-2 {
  color: green; }

.react-datepicker__day--selected,
.react-datepicker__day--in-selecting-range,
.react-datepicker__day--in-range {
  border-radius: 0.3rem;
  background-color: #216ba5;
  color: #fff; }

.react-datepicker__day--selected:hover,
.react-datepicker__day--in-selecting-range:hover,
.react-datepicker__day--in-range:hover {
  background-color: #1d5d90; }

.react-datepicker__day--keyboard-selected {
  border-radius: 0.3rem;
  background-color: #2a87d0;
  color: #fff; }

.react-datepicker__day--keyboard-selected:hover {
  background-color: #1d5d90; }

.react-datepicker__day--in-selecting-range:not(.react-datepicker__day--in-range) {
  background-color: rgba(33, 107, 165, 0.5); }

.react-datepicker__month--selecting-range .react-datepicker__day--in-range:not(.react-datepicker__day--in-selecting-range) {
  background-color: #f0f0f0;
  color: #000; }

.react-datepicker__day--disabled {
  cursor: default;
  color: #ccc; }

.react-datepicker__day--disabled:hover {
  background-color: transparent; }

.react-datepicker__input-container {
  position: relative;
  display: inline-block;
  width: 100%; }

.react-datepicker__year-read-view,
.react-datepicker__month-read-view,
.react-datepicker__month-year-read-view {
  border: 1px solid transparent;
  border-radius: 0.3rem; }

.react-datepicker__year-read-view:hover,
.react-datepicker__month-read-view:hover,
.react-datepicker__month-year-read-view:hover {
  cursor: pointer; }

.react-datepicker__year-read-view:hover .react-datepicker__year-read-view--down-arrow,
.react-datepicker__year-read-view:hover .react-datepicker__month-read-view--down-arrow,
.react-datepicker__month-read-view:hover .react-datepicker__year-read-view--down-arrow,
.react-datepicker__month-read-view:hover .react-datepicker__month-read-view--down-arrow,
.react-datepicker__month-year-read-view:hover .react-datepicker__year-read-view--down-arrow,
.react-datepicker__month-year-read-view:hover .react-datepicker__month-read-view--down-arrow {
  border-top-color: #b3b3b3; }

.react-datepicker__year-read-view--down-arrow,
.react-datepicker__month-read-view--down-arrow,
.react-datepicker__month-year-read-view--down-arrow {
  border-top-color: #ccc;
  float: right;
  margin-left: 20px;
  top: 8px;
  position: relative;
  border-width: 0.45rem; }

.react-datepicker__year-dropdown,
.react-datepicker__month-dropdown,
.react-datepicker__month-year-dropdown {
  background-color: #f0f0f0;
  position: absolute;
  width: 50%;
  left: 25%;
  top: 30px;
  z-index: 1;
  text-align: center;
  border-radius: 0.3rem;
  border: 1px solid #aeaeae; }

.react-datepicker__year-dropdown:hover,
.react-datepicker__month-dropdown:hover,
.react-datepicker__month-year-dropdown:hover {
  cursor: pointer; }

.react-datepicker__year-dropdown--scrollable,
.react-datepicker__month-dropdown--scrollable,
.react-datepicker__month-year-dropdown--scrollable {
  height: 150px;
  overflow-y: scroll; }

.react-datepicker__year-option,
.react-datepicker__month-option,
.react-datepicker__month-year-option {
  line-height: 20px;
  width: 100%;
  display: block;
  margin-left: auto;
  margin-right: auto; }

.react-datepicker__year-option:first-of-type,
.react-datepicker__month-option:first-of-type,
.react-datepicker__month-year-option:first-of-type {
  border-top-left-radius: 0.3rem;
  border-top-right-radius: 0.3rem; }

.react-datepicker__year-option:last-of-type,
.react-datepicker__month-option:last-of-type,
.react-datepicker__month-year-option:last-of-type {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  border-bottom-left-radius: 0.3rem;
  border-bottom-right-radius: 0.3rem; }

.react-datepicker__year-option:hover,
.react-datepicker__month-option:hover,
.react-datepicker__month-year-option:hover {
  background-color: #ccc; }

.react-datepicker__year-option:hover .react-datepicker__navigation--years-upcoming,
.react-datepicker__month-option:hover .react-datepicker__navigation--years-upcoming,
.react-datepicker__month-year-option:hover .react-datepicker__navigation--years-upcoming {
  border-bottom-color: #b3b3b3; }

.react-datepicker__year-option:hover .react-datepicker__navigation--years-previous,
.react-datepicker__month-option:hover .react-datepicker__navigation--years-previous,
.react-datepicker__month-year-option:hover .react-datepicker__navigation--years-previous {
  border-top-color: #b3b3b3; }

.react-datepicker__year-option--selected,
.react-datepicker__month-option--selected,
.react-datepicker__month-year-option--selected {
  position: absolute;
  left: 15px; }

.react-datepicker__close-icon {
  background-color: transparent;
  border: 0;
  cursor: pointer;
  outline: 0;
  padding: 0;
  vertical-align: middle;
  position: absolute;
  height: 16px;
  width: 16px;
  top: 25%;
  right: 7px; }

.react-datepicker__close-icon::after {
  background-color: #216ba5;
  border-radius: 50%;
  bottom: 0;
  box-sizing: border-box;
  color: #fff;
  content: "\00d7";
  cursor: pointer;
  font-size: 12px;
  height: 16px;
  width: 16px;
  line-height: 1;
  margin: -8px auto 0;
  padding: 2px;
  position: absolute;
  right: 0px;
  text-align: center; }

.react-datepicker__today-button {
  background: #f0f0f0;
  border-top: 1px solid #aeaeae;
  cursor: pointer;
  text-align: center;
  font-weight: bold;
  padding: 5px 0;
  clear: left; }

.react-datepicker__portal {
  position: fixed;
  width: 100vw;
  height: 100vh;
  background-color: rgba(0, 0, 0, 0.8);
  left: 0;
  top: 0;
  justify-content: center;
  align-items: center;
  display: flex;
  z-index: 2147483647; }

.react-datepicker__portal .react-datepicker__day-name,
.react-datepicker__portal .react-datepicker__day,
.react-datepicker__portal .react-datepicker__time-name {
  width: 3rem;
  line-height: 3rem; }

@media (max-width: 400px), (max-height: 550px) {
  .react-datepicker__portal .react-datepicker__day-name,
  .react-datepicker__portal .react-datepicker__day,
  .react-datepicker__portal .react-datepicker__time-name {
    width: 2rem;
    line-height: 2rem; } }

.react-datepicker__portal .react-datepicker__current-month,
.react-datepicker__portal .react-datepicker-time__header {
  font-size: 1.44rem; }

.react-datepicker__portal .react-datepicker__navigation {
  border: 0.81rem solid transparent; }

.react-datepicker__portal .react-datepicker__navigation--previous {
  border-right-color: #ccc; }

.react-datepicker__portal .react-datepicker__navigation--previous:hover {
  border-right-color: #b3b3b3; }

.react-datepicker__portal .react-datepicker__navigation--previous--disabled,
.react-datepicker__portal .react-datepicker__navigation--previous--disabled:hover {
  border-right-color: #e6e6e6;
  cursor: default; }

.react-datepicker__portal .react-datepicker__navigation--next {
  border-left-color: #ccc; }

.react-datepicker__portal .react-datepicker__navigation--next:hover {
  border-left-color: #b3b3b3; }

.react-datepicker__portal .react-datepicker__navigation--next--disabled,
.react-datepicker__portal .react-datepicker__navigation--next--disabled:hover {
  border-left-color: #e6e6e6;
  cursor: default; }

.react-date-picker__inputGroup__day, .react-date-picker__inputGroup__year {
  appearance: textfield !important; }

.react-date-picker__inputGroup__month {
  -moz-appearance: none;
  appearance: none; }

@media screen and (max-width: 310px) {
  .react-date-picker__inputGroup {
    min-width: auto !important; }
    .react-date-picker__inputGroup__year {
      display: none !important; } }

@media screen and (max-width: 290px) {
  .react-date-picker__inputGroup__month {
    display: none; } }

/**
 * React Select
 * ============
 * Created by Jed Watson and Joss Mackison for KeystoneJS, http://www.keystonejs.com/
 * https://twitter.com/jedwatson https://twitter.com/jossmackison https://twitter.com/keystonejs
 * MIT License: https://github.com/JedWatson/react-select
*/
.Select {
  position: relative; }

.Select,
.Select div,
.Select input,
.Select span {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

.Select.is-disabled > .Select-control {
  background-color: #f9f9f9; }

.Select.is-disabled .Select-arrow-zone {
  cursor: default;
  pointer-events: none;
  opacity: 0.35; }

.Select-control {
  background-color: #fff;
  border-color: #d9d9d9 #ccc #b3b3b3;
  border-radius: 4px;
  border: 1px solid #ccc;
  color: #646464;
  cursor: default;
  display: table;
  border-spacing: 0;
  border-collapse: separate;
  height: 3.125rem;
  outline: none;
  overflow: hidden;
  position: relative;
  width: 100%; }

.Select-control .Select-input:focus {
  outline: none; }

.is-searchable.is-open > .Select-control {
  cursor: text; }

.is-open > .Select-control {
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
  background: #fff;
  border-color: #b3b3b3 #ccc #d9d9d9; }

.is-open > .Select-control .Select-arrow {
  top: -2px;
  border-color: transparent transparent #999;
  border-width: 0 5px 5px; }

.is-searchable.is-focused:not(.is-open) > .Select-control {
  cursor: text; }

.is-focused:not(.is-open) > .Select-control {
  border-color: #007eff; }

.Select-placeholder,
.Select--single > .Select-control .Select-value {
  bottom: 0;
  color: #646464;
  left: 0;
  line-height: 3.125rem;
  padding-left: 10px;
  padding-right: 10px;
  position: absolute;
  right: 0;
  top: 0;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap; }

.has-value.Select--single > .Select-control .Select-value .Select-value-label,
.has-value.is-pseudo-focused.Select--single > .Select-control .Select-value .Select-value-label {
  color: #646464; }

.has-value.Select--single > .Select-control .Select-value a.Select-value-label,
.has-value.is-pseudo-focused.Select--single > .Select-control .Select-value a.Select-value-label {
  cursor: pointer;
  text-decoration: none; }

.has-value.Select--single > .Select-control .Select-value a.Select-value-label:hover,
.has-value.is-pseudo-focused.Select--single > .Select-control .Select-value a.Select-value-label:hover,
.has-value.Select--single > .Select-control .Select-value a.Select-value-label:focus,
.has-value.is-pseudo-focused.Select--single > .Select-control .Select-value a.Select-value-label:focus {
  color: #007eff;
  outline: none;
  text-decoration: underline; }

.Select-input {
  height: 3rem;
  padding-left: 10px;
  padding-right: 10px;
  vertical-align: middle; }

.Select-input > input {
  width: 100%;
  background: none transparent;
  border: 0 none;
  box-shadow: none;
  cursor: default;
  display: inline-block;
  font-family: inherit;
  font-size: inherit;
  margin: 0;
  outline: none;
  line-height: 2rem;
  /* For IE 8 compatibility */
  padding: 8px 0 12px;
  /* For IE 8 compatibility */
  -webkit-appearance: none;
  color: #646464; }

.is-focused .Select-input > input {
  cursor: text; }

.has-value.is-pseudo-focused .Select-input {
  opacity: 0; }

.Select-control:not(.is-searchable) > .Select-input {
  outline: none; }

.Select-loading-zone {
  cursor: pointer;
  display: table-cell;
  position: relative;
  text-align: center;
  vertical-align: middle;
  width: 16px; }

.Select-loading {
  -webkit-animation: Select-animation-spin 400ms infinite linear;
  -o-animation: Select-animation-spin 400ms infinite linear;
  animation: Select-animation-spin 400ms infinite linear;
  width: 16px;
  height: 16px;
  box-sizing: border-box;
  border-radius: 50%;
  border: 2px solid #ccc;
  border-right-color: #333;
  display: inline-block;
  position: relative;
  vertical-align: middle; }

.Select-clear-zone {
  -webkit-animation: Select-animation-fadeIn 200ms;
  -o-animation: Select-animation-fadeIn 200ms;
  animation: Select-animation-fadeIn 200ms;
  color: #999;
  cursor: pointer;
  display: table-cell;
  position: relative;
  text-align: center;
  vertical-align: middle;
  width: 17px; }

.Select-clear-zone:hover {
  color: #D0021B; }

.Select-clear {
  display: inline-block;
  font-size: 18px;
  line-height: 1; }

.Select--multi .Select-clear-zone {
  width: 17px; }

.Select-arrow-zone {
  cursor: pointer;
  display: table-cell;
  position: relative;
  vertical-align: middle;
  width: 45px;
  min-width: 45px;
  background-color: white; }
  .Select-arrow-zone::after {
    position: absolute;
    content: url("../assets/icons/arrow.svg");
    top: 50%;
    right: 12px;
    width: 24px;
    height: 14px;
    transform: translateY(-50%); }

.Select-arrow {
  display: inline-block;
  position: relative; }

.is-open .Select-arrow,
.Select-arrow-zone:hover > .Select-arrow {
  border-top-color: #666; }

.Select--multi .Select-multi-value-wrapper {
  display: inline-block; }

.Select .Select-aria-only {
  display: inline-block;
  height: 1px;
  width: 1px;
  margin: -1px;
  clip: rect(0, 0, 0, 0);
  overflow: hidden;
  float: left; }

@-webkit-keyframes Select-animation-fadeIn {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }

@keyframes Select-animation-fadeIn {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }

.Select-menu-outer {
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
  background-color: #fff;
  border: 1px solid #ccc;
  border-top-color: #e6e6e6;
  box-sizing: border-box;
  margin-top: -1px;
  max-height: 200px;
  position: absolute;
  top: 100%;
  width: 100%;
  z-index: 1;
  -webkit-overflow-scrolling: touch; }

.Select-menu {
  max-height: 198px;
  overflow-y: auto; }

.Select-option {
  box-sizing: border-box;
  background-color: #fff;
  color: #646464;
  cursor: pointer;
  display: block;
  padding: 8px 10px; }

.Select-option:last-child {
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px; }

.Select-option.is-selected {
  background-color: #f5faff;
  /* Fallback color for IE 8 */
  background-color: rgba(0, 126, 255, 0.04);
  color: #646464; }

.Select-option.is-focused {
  background-color: #ebf5ff;
  /* Fallback color for IE 8 */
  background-color: rgba(0, 126, 255, 0.08);
  color: #646464; }

.Select-option.is-disabled {
  color: #cccccc;
  cursor: default; }

.Select-noresults {
  box-sizing: border-box;
  color: #999999;
  cursor: default;
  display: block;
  padding: 8px 10px; }

.Select--multi .Select-input {
  vertical-align: middle;
  margin-left: 10px;
  padding: 0; }

.Select--multi.has-value .Select-input {
  margin-left: 5px; }

.Select--multi .Select-value {
  background-color: transparent;
  /* Fallback color for IE 8 */
  border-radius: 2px;
  border: 1px solid #c2e0ff;
  /* Fallback color for IE 8 */
  border: 1px solid #3dab1d;
  color: #3DAA1D;
  display: inline-block;
  font-size: 0.9em;
  line-height: 1.4;
  margin-left: 5px;
  margin-top: 5px;
  vertical-align: top; }

.Select--multi .Select-value-icon,
.Select--multi .Select-value-label {
  display: inline-block;
  vertical-align: middle; }

.Select--multi .Select-value-label {
  border-bottom-right-radius: 2px;
  border-top-right-radius: 2px;
  cursor: default;
  padding: 2px 5px; }

.Select--multi a.Select-value-label {
  color: #3DAA1D;
  cursor: pointer;
  text-decoration: none; }

.Select--multi a.Select-value-label:hover {
  text-decoration: underline; }

.Select--multi .Select-value-icon {
  cursor: pointer;
  border-bottom-left-radius: 2px;
  border-top-left-radius: 2px;
  border-right: 1px solid #c2e0ff;
  /* Fallback color for IE 8 */
  border-right: 1px solid #3dab1d;
  padding: 1px 5px 3px; }

.Select--multi .Select-value-icon:hover,
.Select--multi .Select-value-icon:focus {
  /* Fallback color for IE 8 */
  color: #3DAA1D; }

.Select--multi .Select-value-icon:active {
  background-color: #c2e0ff;
  /* Fallback color for IE 8 */
  background-color: #3DAA1D; }

.Select--multi.is-disabled .Select-value {
  background-color: #fcfcfc;
  border: 1px solid #e3e3e3;
  color: #646464; }

.Select--multi.is-disabled .Select-value-icon {
  cursor: not-allowed;
  border-right: 1px solid #e3e3e3; }

.Select--multi.is-disabled .Select-value-icon:hover,
.Select--multi.is-disabled .Select-value-icon:focus,
.Select--multi.is-disabled .Select-value-icon:active {
  background-color: #fcfcfc; }

@keyframes Select-animation-spin {
  to {
    transform: rotate(1turn); } }

@-webkit-keyframes Select-animation-spin {
  to {
    -webkit-transform: rotate(1turn); } }

.admin-level-select .Select-control {
  width: 99%; }

/*
The CSS files from external libraries and frameworks - Xanda React Components
*/
.form-type-upload .file-upload {
  display: block;
  height: 3.125rem;
  width: 100%;
  background-color: #FBFBFB;
  border: 1px solid #d6d6d6;
  padding: 8px 10px;
  font-size: 1rem;
  line-height: 1.4;
  cursor: pointer;
  position: relative;
  z-index: 1;
  color: black; }
  .form-type-upload .file-upload:hover {
    color: #3DAA1D; }
  .form-type-upload .file-upload .file-name {
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    padding: 8px 10px;
    color: #000; }

.form-type-upload .selected-files {
  width: 100%;
  margin: 6px 0 0 0;
  padding-left: 20px;
  font-size: 14px;
  line-height: 18px; }
  .form-type-upload .selected-files li {
    display: block;
    padding: 5px 0;
    border-bottom: 1px solid #dedede; }
    .form-type-upload .selected-files li:first-child {
      padding-top: 0; }
    .form-type-upload .selected-files li:last-child {
      padding-bottom: 0;
      border-bottom: 0; }

.form-wrapper {
  position: relative; }
  .form-wrapper.form-loading {
    pointer-events: none; }
    .form-wrapper.form-loading:before {
      content: "";
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      z-index: 1;
      background-color: rgba(255, 255, 255, 0.8); }
    .form-wrapper.form-loading:after {
      content: "\f29c";
      display: block;
      font-family: "Ionicons", Arial, Helvetica, sans-serif;
      color: #FF8800;
      font-size: 60px;
      line-height: 60px;
      animation: loader 2s infinite;
      animation-timing-function: linear;
      position: absolute;
      top: calc(50% - 30px);
      left: calc(50% - 30px);
      width: 60px;
      height: 60px;
      text-align: center;
      z-index: 2; }

.form {
  justify-content: space-between;
  display: flex;
  flex-flow: row wrap;
  align-items: flex-start; }

.form-group {
  width: 100%;
  position: relative;
  font-size: 0.875rem;
  line-height: 1.5rem; }
  .form-group.is-disabled {
    pointer-events: none;
    opacity: 0.75; }
  .form-group.form-group-wide {
    width: 100%; }
  .form-group.has-multiple-options .form-options {
    display: flex;
    flex-flow: row wrap; }
  .form-group.has-multiple-options .form-option {
    margin: 0 30px 5px 0;
    display: flex;
    align-items: baseline; }
  .form-group.has-single-option {
    display: flex;
    flex-direction: column;
    align-items: baseline; }
    .form-group.has-single-option .form-label {
      width: auto;
      margin-right: 15px; }
  .form-group.can-float {
    padding-top: 12px; }
    .form-group.can-float.is-focused .form-label {
      color: #FF8800; }
    .form-group.can-float.is-focused .form-field-wrapper {
      border-bottom-color: #FF8800; }
    .form-group.can-float.should-float .form-label, .form-group.can-float.form-type-radio .form-label {
      font-size: 12px;
      transform: translateY(0);
      top: 0; }
    .form-group.can-float .form-label {
      position: absolute;
      top: calc(50% + 6px);
      left: 0;
      transform: translateY(-50%);
      transition: all 0.3s ease; }
    .form-group.can-float .form-field-wrapper {
      transition: all 0.3s ease;
      border-bottom: 2px solid #333333; }
    .form-group.can-float input,
    .form-group.can-float textarea {
      min-height: 0;
      line-height: 1.5rem;
      background-color: transparent; }
    .form-group.can-float.form-type-select .react-select__control {
      background-color: transparent;
      border: 0;
      border-radius: 0;
      min-height: 0; }
    .form-group.can-float.form-type-select .react-select__control--is-focused {
      box-shadow: none; }
    .form-group.can-float.form-type-select .react-select__value-container {
      padding: 0; }
    .form-group.can-float.form-type-select .react-select__placeholder {
      display: none; }
    .form-group.can-float.form-type-select .react-select__indicator {
      padding: 0 8px; }
    .form-group.can-float.form-type-radio .form-field-wrapper, .form-group.can-float.form-type-checkbox .form-field-wrapper {
      padding: 6px 0;
      border-bottom: 0; }
    .form-group.can-float.form-type-radio .form-option, .form-group.can-float.form-type-checkbox .form-option {
      margin-bottom: 0;
      display: flex;
      align-items: center; }
  .form-group .form-field-error-wrapper {
    font-size: 0.75rem;
    color: #FF8800;
    text-align: left; }
    .form-group .form-field-error-wrapper ul {
      list-style: none;
      padding-left: 0;
      margin: 5px 0 0 0; }
  .form-group .form-options input {
    min-height: 0;
    margin: 0; }
  .form-group .form-options .form-type-radio {
    min-width: 14px; }
  .form-group .form-field-wrapper {
    position: relative;
    width: 100%;
    display: flex;
    align-items: stretch; }
    .form-group .form-field-wrapper .form-field {
      flex: 1; }
  .form-group .form-field-reset {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 8px;
    padding: 4px;
    cursor: pointer;
    z-index: 100; }
    .form-group .form-field-reset:hover {
      color: #3DAA1D; }
    .form-group .form-field-reset:after {
      line-height: 1;
      font-style: normal !important;
      font-weight: normal !important;
      font-variant: normal !important;
      text-transform: none !important;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      font-family: "Ionicons", Arial, Helvetica, sans-serif;
      content: "\f12a";
      font-size: 12px;
      line-height: 9px;
      display: block; }
  .form-group .form-field-append,
  .form-group .form-field-prepend {
    color: #646464;
    display: flex;
    justify-content: center;
    align-items: center;
    min-width: 2.375rem;
    font-size: 1rem; }

.form-label {
  display: block;
  margin-bottom: 4px; }

@keyframes loader {
  0% {
    transform: rotate(0); }
  100% {
    transform: rotate(360deg); } }

.loader {
  padding: 50px;
  text-align: center; }
  .loader:before {
    content: "\f29c";
    display: inline-block;
    font-family: "Ionicons", sans-serif;
    color: rgba(255, 136, 0, 0.75);
    font-size: 80px;
    line-height: 1;
    animation: loader 2s infinite;
    animation-timing-function: linear; }
  .loader .loading-text {
    display: none; }

.form-type-multi-select {
  display: flex;
  flex-flow: row wrap;
  align-items: flex-end; }
  .form-type-multi-select .form-label-wrapper {
    width: 100%;
    display: flex;
    justify-content: space-between; }
  .form-type-multi-select .form-label {
    width: calc(50% - 15px); }
  .form-type-multi-select .form-field-wrapper {
    display: flex;
    width: 100%;
    color: #646464;
    line-height: 1.3; }
    .form-type-multi-select .form-field-wrapper .separator {
      width: 30px;
      display: flex;
      align-items: center;
      justify-content: center; }
    .form-type-multi-select .form-field-wrapper .option-selected .option.is-new:after {
      content: "Just added";
      font-size: 11px;
      text-transform: uppercase;
      color: #FF8800;
      font-weight: 700;
      position: absolute;
      right: 7px;
      top: 50%;
      transform: translateY(-50%); }
    .form-type-multi-select .form-field-wrapper .option-selected .option.is-locked:after {
      line-height: 1;
      font-style: normal !important;
      font-weight: normal !important;
      font-variant: normal !important;
      text-transform: none !important;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      font-family: "Ionicons", Arial, Helvetica, sans-serif;
      content: "\f200";
      color: #646464;
      position: absolute;
      right: 7px;
      top: 50%;
      transform: translateY(-50%); }
    .form-type-multi-select .form-field-wrapper .list-wrapper {
      flex: 1;
      background-color: #FBFBFB;
      border: 1px solid #d6d6d6; }
      .form-type-multi-select .form-field-wrapper .list-wrapper ul {
        list-style-type: none;
        margin: 0;
        padding: 5px;
        height: 160px;
        overflow: auto; }
        .form-type-multi-select .form-field-wrapper .list-wrapper ul li {
          display: block;
          margin: 0;
          padding: 0; }
          .form-type-multi-select .form-field-wrapper .list-wrapper ul li .option {
            padding: 5px 7px;
            margin: 0;
            display: block;
            position: relative;
            min-height: 18px;
            cursor: pointer;
            color: #646464; }
            .form-type-multi-select .form-field-wrapper .list-wrapper ul li .option.is-selected {
              opacity: 0.5;
              pointer-events: none; }
            .form-type-multi-select .form-field-wrapper .list-wrapper ul li .option:hover {
              background: #FF8800;
              color: #fff; }
              .form-type-multi-select .form-field-wrapper .list-wrapper ul li .option:hover:after {
                color: white; }

.form-type-radio,
.form-type-checkbox {
  font-size: 0.875rem;
  line-height: 1.625rem; }
  .form-type-radio.form-styled,
  .form-type-checkbox.form-styled {
    font-size: 0.875rem;
    line-height: 1rem; }
    .form-type-radio.form-styled .form-options,
    .form-type-checkbox.form-styled .form-options {
      display: flex; }
      .form-type-radio.form-styled .form-options .form-option,
      .form-type-checkbox.form-styled .form-options .form-option {
        margin: 0; }
        .form-type-radio.form-styled .form-options .form-option:first-child label,
        .form-type-checkbox.form-styled .form-options .form-option:first-child label {
          margin-left: 0; }
        .form-type-radio.form-styled .form-options .form-option.is-selected label,
        .form-type-checkbox.form-styled .form-options .form-option.is-selected label {
          background-color: #3DAA1D;
          color: white; }
        .form-type-radio.form-styled .form-options .form-option .form-option-inner,
        .form-type-checkbox.form-styled .form-options .form-option .form-option-inner {
          border-color: #ccd0d2; }
    .form-type-radio.form-styled input,
    .form-type-checkbox.form-styled input {
      display: none; }
    .form-type-radio.form-styled label,
    .form-type-checkbox.form-styled label {
      display: block;
      line-height: 36px;
      min-width: 80px;
      text-align: center;
      padding: 0 15px;
      color: #3DAA1D;
      cursor: pointer;
      margin: 0 0 0 -1px;
      border: 1px solid #FF8800; }
      .form-type-radio.form-styled label .option-label,
      .form-type-checkbox.form-styled label .option-label {
        margin: 0; }
  .form-type-radio label,
  .form-type-checkbox label {
    display: flex;
    align-items: baseline; }
  .form-type-radio input,
  .form-type-checkbox input {
    position: relative;
    display: inline-block;
    transform: translateY(3px);
    box-sizing: border-box;
    -webkit-appearance: none;
    background-color: #ffffff;
    border-radius: 50%;
    border: 1px solid #CCD0D2;
    padding: 9px;
    cursor: pointer;
    outline: none; }
  .form-type-radio .form-options.form-options-layout-vertical,
  .form-type-checkbox .form-options.form-options-layout-vertical {
    flex-direction: column; }
  .form-type-radio .form-options .form-option .form-option-inner,
  .form-type-checkbox .form-options .form-option .form-option-inner {
    cursor: pointer; }
  .form-type-radio .form-options .form-option.is-selected input,
  .form-type-checkbox .form-options .form-option.is-selected input {
    border: 5px solid #3DAA1D;
    padding: 5px; }
  .form-type-radio .option-label,
  .form-type-checkbox .option-label {
    font-size: 1rem;
    margin-left: 8px; }

.form-repeater {
  width: 100%;
  margin: 8px 0; }
  .form-repeater .repeatable-label {
    font-size: 32px; }
  .form-repeater .repeatable-row {
    display: flex;
    justify-content: space-between;
    align-items: flex-start; }
    .form-repeater .repeatable-row .form-group {
      margin-right: 20px; }
      .form-repeater .repeatable-row .form-group:last-child {
        margin-right: 0; }
  .form-repeater .repeatable-row-add {
    display: inline-block;
    width: 100%;
    margin: 0 auto;
    cursor: pointer;
    font-size: 22px;
    text-align: center; }
    .form-repeater .repeatable-row-add:hover {
      color: orange; }
  .form-repeater .repeatable-row-remove {
    cursor: pointer;
    line-height: 1; }
    .form-repeater .repeatable-row-remove i {
      font-size: 32px; }

.form-type-select.short {
  width: 120px; }

.form-type-select .Select.is-disabled .Select-control {
  background-color: #e6e6e6; }

.form-type-select .Select.Select--multi .Select-value {
  border-radius: 1.25rem; }

.form-type-select .Select.Select--multi .Select-value-label,
.form-type-select .Select.Select--multi .Select-value-icon {
  color: #3DAA1D !important; }

.form-type-select .Select.Select--multi .Select-value-icon {
  font-size: 18px;
  border-right: none;
  padding: 4px 5px 0px; }

.form-type-select .Select.Select--multi .Select-input {
  width: auto;
  height: auto; }
  .form-type-select .Select.Select--multi .Select-input input {
    padding: 5px 0;
    min-height: auto;
    line-height: 28px; }

.form-type-select .Select.Select--multi .Select-value {
  line-height: 22px; }

.form-type-select .Select .Select-input {
  width: 100%; }
  .form-type-select .Select .Select-input > input {
    width: 100%;
    border: none; }

.form-type-select .Select .Select-control {
  font-size: 0.875rem;
  line-height: 1.5rem;
  border: 1px solid #BBBBBB;
  border-radius: 0;
  word-break: break-all; }

.form-type-select .Select .Select-clear-zone {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 25px;
  padding: 4px;
  cursor: pointer; }
  .form-type-select .Select .Select-clear-zone:hover {
    color: #3DAA1D; }

.form-type-select .Select .Select-value {
  color: #646464; }
  .form-type-select .Select .Select-value .Select-value-label {
    color: #646464; }

.form-type-select .Select .Select-menu-outer {
  z-index: 100; }

.form-type-select .Select .Select-option,
.form-type-select .Select .Select-noresults {
  line-height: 1; }

.table,
table {
  width: 100%;
  border-collapse: collapse; }
  .table th,
  .table td,
  table th,
  table td {
    font-size: 1rem;
    padding: 0 1rem 1rem 0;
    text-align: left; }
    .table th:last-child,
    .table td:last-child,
    table th:last-child,
    table td:last-child {
      padding-right: 0; }
    @media screen and (min-width: 480px) {
      .table th,
      .table td,
      table th,
      table td {
        padding: 0 1.25rem 1.25rem 0; } }
  .table thead th,
  .table thead td,
  table thead th,
  table thead td {
    font-size: 1.125rem;
    color: #3DAA1D;
    border-bottom: 1px solid #E2E1E1; }
    .table thead th.header-is-sortable,
    .table thead td.header-is-sortable,
    table thead th.header-is-sortable,
    table thead td.header-is-sortable {
      cursor: pointer;
      position: relative; }
      .table thead th.header-is-sortable.sorted-asc:after,
      .table thead td.header-is-sortable.sorted-asc:after,
      table thead th.header-is-sortable.sorted-asc:after,
      table thead td.header-is-sortable.sorted-asc:after {
        color: #3daa1d; }
      .table thead th.header-is-sortable.sorted-desc:before,
      .table thead td.header-is-sortable.sorted-desc:before,
      table thead th.header-is-sortable.sorted-desc:before,
      table thead td.header-is-sortable.sorted-desc:before {
        color: #3daa1d; }
      .table thead th.header-is-sortable:before,
      .table thead td.header-is-sortable:before,
      table thead th.header-is-sortable:before,
      table thead td.header-is-sortable:before {
        content: "\f10d";
        font-family: "Ionicons", sans-serif;
        color: rgba(61, 170, 29, 0.35);
        position: absolute;
        right: 12px;
        top: calc(50% - 4px);
        transform: translateY(-50%);
        font-size: 12px; }
      .table thead th.header-is-sortable:after,
      .table thead td.header-is-sortable:after,
      table thead th.header-is-sortable:after,
      table thead td.header-is-sortable:after {
        content: "\f104";
        font-family: "Ionicons", sans-serif;
        color: rgba(61, 170, 29, 0.35);
        position: absolute;
        right: 12px;
        top: calc(50% + 4px);
        transform: translateY(-50%);
        font-size: 12px; }
  .table tbody tr td,
  table tbody tr td {
    padding-top: 0.625rem;
    padding-bottom: 0.625rem;
    vertical-align: middle; }
  .table tbody tr:first-child td,
  table tbody tr:first-child td {
    padding-top: 1.25rem; }
  .table tbody tr:last-child td,
  table tbody tr:last-child td {
    border-bottom: 1px solid #E2E1E1;
    padding-bottom: 1.2rem; }
  .table + .table-actions,
  table + .table-actions {
    margin-top: 20px; }
  .table a,
  table a {
    text-decoration: none; }
  .table .table-footer,
  table .table-footer {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: flex-start;
    margin-top: 1.25rem; }
    .table .table-footer .table-footer-inner,
    table .table-footer .table-footer-inner {
      width: 100%;
      display: flex;
      flex-wrap: wrap;
      justify-content: space-between; }

.events-table table {
  border-collapse: collapse; }

.events-table .divider-comp {
  width: 700%; }

.events-table th {
  width: auto;
  padding-left: 0;
  padding-right: 0;
  color: #020203;
  background-color: transparent;
  text-align: left;
  font-size: 16px; }

.events-table tr,
.events-table td {
  background-color: transparent;
  padding-left: 0;
  padding-right: 0;
  color: #BBBBBB;
  font-size: 20px;
  text-align: left; }

.events-table th,
.events-table td {
  min-width: 100px;
  padding-bottom: 20px; }

.events-table tr:nth-of-type(odd) td {
  background-color: transparent; }

@media only screen and (max-width: 1370px), (min-device-width: 320px) and (max-device-width: 1370px) {
  .events-table table,
  .events-table thead,
  .events-table tbody,
  .events-table th,
  .events-table td,
  .events-table tr {
    display: block; }
  .events-table thead tr {
    position: absolute;
    top: -9999px;
    left: -9999px; }
  .events-table th {
    color: #BBBBBB; }
  .events-table tr {
    border: 1px solid #ccc;
    margin: 10px 0; }
  .events-table td {
    color: #020203;
    font-size: 15px;
    position: relative;
    padding: 0.5rem;
    text-align: right; }
  .events-table td:before {
    color: #01396C;
    font-weight: bold;
    font-size: 15px;
    position: absolute;
    left: 6px;
    width: 45%;
    padding-right: 10px;
    text-align: left;
    white-space: nowrap; }
  .events-table button.button.actions-res {
    width: 100% !important;
    margin-right: 0rem !important; }
  .events-table button.button.actions-res.view {
    width: 99% !important;
    margin-right: 1rem !important; }
  .events-table.charity-registration td:nth-of-type(1):before {
    margin-right: 4rem;
    content: "Name"; }
  .events-table.charity-registration td:nth-of-type(2):before {
    content: "City"; }
  .events-table.charity-registration td:nth-of-type(3):before {
    content: "Country"; }
  .events-table.charity-registration td:nth-of-type(4):before {
    content: ""; }
  .events-table.charity-registration td:nth-of-type(5):before {
    content: ""; }
  .events-table.charity-registration td:nth-of-type(6):before {
    content: ""; } }

.form-type-input {
  display: inline-block; }
  .form-type-input.is-disabled input {
    background-color: #e6e6e6; }
  .form-type-input .clear-input {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 8px;
    padding: 4px;
    cursor: pointer; }
    .form-type-input .clear-input:hover {
      color: orange; }
    .form-type-input .clear-input:after {
      content: "\f12a";
      font-size: 12px;
      line-height: 9px;
      display: block; }
  .form-type-input input,
  .form-type-input textarea {
    outline: 0;
    display: block;
    margin: 0;
    outline: 0;
    width: 100%;
    height: 3.125rem;
    background-color: #fff; }
  .form-type-input input {
    height: 3.125rem;
    background-color: #fff; }
    .form-type-input input::placeholder {
      color: #646464; }
  .form-type-input textarea {
    margin-right: 0;
    resize: none; }

.ReactCrop {
  position: relative;
  display: inline-block;
  cursor: crosshair;
  overflow: hidden;
  max-width: 100%; }

.ReactCrop:focus {
  outline: none; }

.ReactCrop--disabled, .ReactCrop--locked {
  cursor: inherit; }

.ReactCrop__image {
  display: block;
  max-width: 100%;
  touch-action: manipulation; }

.ReactCrop__crop-selection {
  position: absolute;
  top: 0;
  left: 0;
  transform: translate3d(0, 0, 0);
  box-sizing: border-box;
  cursor: move;
  box-shadow: 0 0 0 9999em rgba(0, 0, 0, 0.5);
  touch-action: manipulation;
  border: 1px solid;
  border-image-source: url("data:image/gif;base64,R0lGODlhCgAKAJECAAAAAP///////wAAACH/C05FVFNDQVBFMi4wAwEAAAAh/wtYTVAgRGF0YVhNUDw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6OEI5RDc5MTFDNkE2MTFFM0JCMDZEODI2QTI4MzJBOTIiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6OEI5RDc5MTBDNkE2MTFFM0JCMDZEODI2QTI4MzJBOTIiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoTWFjaW50b3NoKSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuZGlkOjAyODAxMTc0MDcyMDY4MTE4MDgzQzNDMjA5MzREQ0ZDIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjAyODAxMTc0MDcyMDY4MTE4MDgzQzNDMjA5MzREQ0ZDIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+Af/+/fz7+vn49/b19PPy8fDv7u3s6+rp6Ofm5eTj4uHg397d3Nva2djX1tXU09LR0M/OzczLysnIx8bFxMPCwcC/vr28u7q5uLe2tbSzsrGwr66trKuqqainpqWko6KhoJ+enZybmpmYl5aVlJOSkZCPjo2Mi4qJiIeGhYSDgoGAf359fHt6eXh3dnV0c3JxcG9ubWxramloZ2ZlZGNiYWBfXl1cW1pZWFdWVVRTUlFQT05NTEtKSUhHRkVEQ0JBQD8+PTw7Ojk4NzY1NDMyMTAvLi0sKyopKCcmJSQjIiEgHx4dHBsaGRgXFhUUExIREA8ODQwLCgkIBwYFBAMCAQAAIfkEBQoAAgAsAAAAAAoACgAAAhWEERkn7W3ei7KlagMWF/dKgYeyGAUAIfkEBQoAAgAsAAAAAAoACgAAAg+UYwLJ7RnQm7QmsCyVKhUAIfkEBQoAAgAsAAAAAAoACgAAAhCUYgLJHdiinNSAVfOEKoUCACH5BAUKAAIALAAAAAAKAAoAAAIRVISAdusPo3RAzYtjaMIaUQAAIfkEBQoAAgAsAAAAAAoACgAAAg+MDiem7Q8bSLFaG5il6xQAIfkEBQoAAgAsAAAAAAoACgAAAg+UYRLJ7QnQm7SmsCyVKhUAIfkEBQoAAgAsAAAAAAoACgAAAhCUYBLJDdiinNSEVfOEKoECACH5BAUKAAIALAAAAAAKAAoAAAIRFISBdusPo3RBzYsjaMIaUQAAOw==");
  border-image-slice: 1;
  border-image-repeat: repeat; }

.ReactCrop--disabled .ReactCrop__crop-selection {
  cursor: inherit; }

.ReactCrop--circular-crop .ReactCrop__crop-selection {
  border-radius: 50%;
  box-shadow: 0px 0px 1px 1px white, 0 0 0 9999em rgba(0, 0, 0, 0.5); }

.ReactCrop--invisible-crop .ReactCrop__crop-selection {
  display: none; }

.ReactCrop__rule-of-thirds-vt::before, .ReactCrop__rule-of-thirds-vt::after, .ReactCrop__rule-of-thirds-hz::before, .ReactCrop__rule-of-thirds-hz::after {
  content: '';
  display: block;
  position: absolute;
  background-color: rgba(255, 255, 255, 0.4); }

.ReactCrop__rule-of-thirds-vt::before, .ReactCrop__rule-of-thirds-vt::after {
  width: 1px;
  height: 100%; }

.ReactCrop__rule-of-thirds-vt::before {
  left: 33.3333%;
  left: calc(100% / 3); }

.ReactCrop__rule-of-thirds-vt::after {
  left: 66.6666%;
  left: calc(100% / 3 * 2); }

.ReactCrop__rule-of-thirds-hz::before, .ReactCrop__rule-of-thirds-hz::after {
  width: 100%;
  height: 1px; }

.ReactCrop__rule-of-thirds-hz::before {
  top: 33.3333%;
  top: calc(100% / 3); }

.ReactCrop__rule-of-thirds-hz::after {
  top: 66.6666%;
  top: calc(100% / 3 * 2); }

.ReactCrop__drag-handle {
  position: absolute; }

.ReactCrop__drag-handle::after {
  position: absolute;
  content: '';
  display: block;
  width: 10px;
  height: 10px;
  background-color: rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(255, 255, 255, 0.7);
  box-sizing: border-box;
  outline: 1px solid transparent; }

.ReactCrop .ord-nw {
  top: 0;
  left: 0;
  margin-top: -5px;
  margin-left: -5px;
  cursor: nw-resize; }

.ReactCrop .ord-nw::after {
  top: 0;
  left: 0; }

.ReactCrop .ord-n {
  top: 0;
  left: 50%;
  margin-top: -5px;
  margin-left: -5px;
  cursor: n-resize; }

.ReactCrop .ord-n::after {
  top: 0; }

.ReactCrop .ord-ne {
  top: 0;
  right: 0;
  margin-top: -5px;
  margin-right: -5px;
  cursor: ne-resize; }

.ReactCrop .ord-ne::after {
  top: 0;
  right: 0; }

.ReactCrop .ord-e {
  top: 50%;
  right: 0;
  margin-top: -5px;
  margin-right: -5px;
  cursor: e-resize; }

.ReactCrop .ord-e::after {
  right: 0; }

.ReactCrop .ord-se {
  bottom: 0;
  right: 0;
  margin-bottom: -5px;
  margin-right: -5px;
  cursor: se-resize; }

.ReactCrop .ord-se::after {
  bottom: 0;
  right: 0; }

.ReactCrop .ord-s {
  bottom: 0;
  left: 50%;
  margin-bottom: -5px;
  margin-left: -5px;
  cursor: s-resize; }

.ReactCrop .ord-s::after {
  bottom: 0; }

.ReactCrop .ord-sw {
  bottom: 0;
  left: 0;
  margin-bottom: -5px;
  margin-left: -5px;
  cursor: sw-resize; }

.ReactCrop .ord-sw::after {
  bottom: 0;
  left: 0; }

.ReactCrop .ord-w {
  top: 50%;
  left: 0;
  margin-top: -5px;
  margin-left: -5px;
  cursor: w-resize; }

.ReactCrop .ord-w::after {
  left: 0; }

.ReactCrop__disabled .ReactCrop__drag-handle {
  cursor: inherit; }

.ReactCrop__drag-bar {
  position: absolute; }

.ReactCrop__drag-bar.ord-n {
  top: 0;
  left: 0;
  width: 100%;
  height: 6px;
  margin-top: -3px; }

.ReactCrop__drag-bar.ord-e {
  right: 0;
  top: 0;
  width: 6px;
  height: 100%;
  margin-right: -3px; }

.ReactCrop__drag-bar.ord-s {
  bottom: 0;
  left: 0;
  width: 100%;
  height: 6px;
  margin-bottom: -3px; }

.ReactCrop__drag-bar.ord-w {
  top: 0;
  left: 0;
  width: 6px;
  height: 100%;
  margin-left: -3px; }

.ReactCrop--new-crop .ReactCrop__drag-bar,
.ReactCrop--new-crop .ReactCrop__drag-handle,
.ReactCrop--fixed-aspect .ReactCrop__drag-bar {
  display: none; }

.ReactCrop--fixed-aspect .ReactCrop__drag-handle.ord-n,
.ReactCrop--fixed-aspect .ReactCrop__drag-handle.ord-e,
.ReactCrop--fixed-aspect .ReactCrop__drag-handle.ord-s,
.ReactCrop--fixed-aspect .ReactCrop__drag-handle.ord-w {
  display: none; }

@media (pointer: coarse) {
  .ReactCrop .ord-n,
  .ReactCrop .ord-e,
  .ReactCrop .ord-s,
  .ReactCrop .ord-w {
    display: none; }
  .ReactCrop__drag-handle {
    width: 24px;
    height: 24px; } }

.quill {
  color: #000000; }
  .quill .ql-container {
    height: 350px;
    overflow: auto;
    font-size: 16px; }

.consent-wrapper {
  z-index: 2147483650 !important;
  border-top: 1px solid white !important;
  background: linear-gradient(270deg, #0073DC 0%, #01396C 100%) !important;
  color: white !important; }

.consent-button {
  color: white !important;
  background-color: #3DAA1D !important; }

.cheque-status-page, .gift_aid_page {
  font-size: 18px;
  margin-left: 0rem; }
  .cheque-status-page .search-field, .gift_aid_page .search-field {
    margin-bottom: 1rem; }
  .cheque-status-page h1.page-sub-title, .gift_aid_page h1.page-sub-title {
    margin-bottom: 2rem; }
  .cheque-status-page input[type="text"], .gift_aid_page input[type="text"] {
    margin-bottom: 1.5rem; }
  .cheque-status-page .batch-wrapper, .gift_aid_page .batch-wrapper {
    width: 100%;
    margin-bottom: 20px; }
    .cheque-status-page .batch-wrapper .batch-p, .gift_aid_page .batch-wrapper .batch-p {
      font-weight: bolder; }
      .cheque-status-page .batch-wrapper .batch-p span, .gift_aid_page .batch-wrapper .batch-p span {
        float: left;
        margin: 0.25em;
        width: 9rem; }
        .cheque-status-page .batch-wrapper .batch-p span:last-child, .gift_aid_page .batch-wrapper .batch-p span:last-child {
          width: 6rem; }
        .cheque-status-page .batch-wrapper .batch-p span.batch-p-name, .gift_aid_page .batch-wrapper .batch-p span.batch-p-name, .cheque-status-page .batch-wrapper .batch-p span.batch-p-total-amount, .gift_aid_page .batch-wrapper .batch-p span.batch-p-total-amount {
          width: 16rem; }
    .cheque-status-page .batch-wrapper .bold, .gift_aid_page .batch-wrapper .bold {
      font-weight: bolder;
      text-transform: capitalize;
      margin: 0 10px; }
    .cheque-status-page .batch-wrapper .header, .gift_aid_page .batch-wrapper .header {
      display: flex;
      align-items: center;
      padding: 10px 0 10px 10px;
      background-color: #00284D;
      color: white; }
      @media screen and (max-width: 640px) {
        .cheque-status-page .batch-wrapper .header, .gift_aid_page .batch-wrapper .header {
          flex-wrap: wrap; } }
      .cheque-status-page .batch-wrapper .header:hover, .gift_aid_page .batch-wrapper .header:hover {
        cursor: pointer; }
      .cheque-status-page .batch-wrapper .header .chev-d, .gift_aid_page .batch-wrapper .header .chev-d {
        height: 30px;
        width: 30px;
        margin-left: auto;
        margin-right: 10px; }
      .cheque-status-page .batch-wrapper .header .bold, .gift_aid_page .batch-wrapper .header .bold,
      .cheque-status-page .batch-wrapper .header .btns,
      .gift_aid_page .batch-wrapper .header .btns {
        margin-left: auto; }
        @media screen and (max-width: 640px) {
          .cheque-status-page .batch-wrapper .header .bold, .gift_aid_page .batch-wrapper .header .bold,
          .cheque-status-page .batch-wrapper .header .btns,
          .gift_aid_page .batch-wrapper .header .btns {
            padding: 0.5rem; } }
    .cheque-status-page .batch-wrapper .btns, .gift_aid_page .batch-wrapper .btns {
      display: flex; }
      .cheque-status-page .batch-wrapper .btns .button, .gift_aid_page .batch-wrapper .btns .button {
        width: 7.5rem;
        margin: 0 10px;
        height: 30px; }
    .cheque-status-page .batch-wrapper .cheques-wrapper, .gift_aid_page .batch-wrapper .cheques-wrapper {
      margin-top: 10px; }
      .cheque-status-page .batch-wrapper .cheques-wrapper .cheq-item, .gift_aid_page .batch-wrapper .cheques-wrapper .cheq-item {
        margin: 10px 0 10px 20px;
        display: flex;
        justify-content: space-between;
        border-bottom: 2px solid #00284D;
        padding-bottom: 10px; }
        @media screen and (max-width: 700px) {
          .cheque-status-page .batch-wrapper .cheques-wrapper .cheq-item, .gift_aid_page .batch-wrapper .cheques-wrapper .cheq-item {
            flex-wrap: wrap; }
            .cheque-status-page .batch-wrapper .cheques-wrapper .cheq-item .btns, .gift_aid_page .batch-wrapper .cheques-wrapper .cheq-item .btns, .cheque-status-page .batch-wrapper .cheques-wrapper .cheq-item p.bold, .gift_aid_page .batch-wrapper .cheques-wrapper .cheq-item p.bold {
              padding: 0.5rem; } }
        .cheque-status-page .batch-wrapper .cheques-wrapper .cheq-item .cheq-info, .gift_aid_page .batch-wrapper .cheques-wrapper .cheq-item .cheq-info {
          display: flex; }
          .cheque-status-page .batch-wrapper .cheques-wrapper .cheq-item .cheq-info p, .gift_aid_page .batch-wrapper .cheques-wrapper .cheq-item .cheq-info p {
            margin: 0 10px; }
            .cheque-status-page .batch-wrapper .cheques-wrapper .cheq-item .cheq-info p span, .gift_aid_page .batch-wrapper .cheques-wrapper .cheq-item .cheq-info p span {
              float: left;
              margin: 0.25em;
              width: 20rem; }
  .cheque-status-page .pagination, .gift_aid_page .pagination {
    margin-bottom: 20px; }

.gift_aid_page .batch-wrapper .header .chev-d {
  margin-left: 0px; }

.profile-wrapper, .charity-wrapper, .user-request-charity-registration {
  padding-left: 2rem;
  padding-right: 2rem; }
  .profile-wrapper h1.donor-info, .charity-wrapper h1.donor-info, .user-request-charity-registration h1.donor-info {
    font-size: 3rem; }
  .profile-wrapper h2.info, .charity-wrapper h2.info, .user-request-charity-registration h2.info {
    line-height: inherit;
    margin-bottom: 3rem; }
  .profile-wrapper section.info-section.form-group.form-group-wide, .charity-wrapper section.info-section.form-group.form-group-wide, .user-request-charity-registration section.info-section.form-group.form-group-wide {
    font-size: 16px; }
  .profile-wrapper .css-r62p6h-Section, .charity-wrapper .css-r62p6h-Section, .user-request-charity-registration .css-r62p6h-Section {
    margin-bottom: 1rem; }
  .profile-wrapper .setup-2fa, .charity-wrapper .setup-2fa, .user-request-charity-registration .setup-2fa {
    margin-bottom: 3rem; }
  .profile-wrapper .top, .charity-wrapper .top, .user-request-charity-registration .top {
    width: 100%;
    height: 150px;
    display: flex;
    align-items: center; }
  .profile-wrapper .form, .charity-wrapper .form, .user-request-charity-registration .form {
    flex-wrap: wrap;
    flex-direction: column; }
    .profile-wrapper .form .form-item, .charity-wrapper .form .form-item, .user-request-charity-registration .form .form-item {
      width: 100%; }
      .profile-wrapper .form .form-item .name, .charity-wrapper .form .form-item .name, .user-request-charity-registration .form .form-item .name {
        margin-bottom: 1rem; }
      .profile-wrapper .form .form-item button.button.remove-image, .charity-wrapper .form .form-item button.button.remove-image, .user-request-charity-registration .form .form-item button.button.remove-image {
        margin-bottom: 2rem; }
      .profile-wrapper .form .form-item section.info-section.form-group.form-group-wide.info-gift-aid, .charity-wrapper .form .form-item section.info-section.form-group.form-group-wide.info-gift-aid, .user-request-charity-registration .form .form-item section.info-section.form-group.form-group-wide.info-gift-aid {
        margin-top: 2rem; }
      .profile-wrapper .form .form-item .info-section.form-group.form-group-wide, .charity-wrapper .form .form-item .info-section.form-group.form-group-wide, .user-request-charity-registration .form .form-item .info-section.form-group.form-group-wide {
        margin-bottom: 2rem; }
        .profile-wrapper .form .form-item .info-section.form-group.form-group-wide .form-group, .charity-wrapper .form .form-item .info-section.form-group.form-group-wide .form-group, .user-request-charity-registration .form .form-item .info-section.form-group.form-group-wide .form-group {
          font-size: 1rem;
          margin-bottom: 1.25rem; }
          .profile-wrapper .form .form-item .info-section.form-group.form-group-wide .form-group:last-of-type, .charity-wrapper .form .form-item .info-section.form-group.form-group-wide .form-group:last-of-type, .user-request-charity-registration .form .form-item .info-section.form-group.form-group-wide .form-group:last-of-type {
            margin-bottom: 1rem; }
    .profile-wrapper .form .name, .charity-wrapper .form .name, .user-request-charity-registration .form .name {
      display: flex;
      justify-content: space-between; }
      .profile-wrapper .form .name .form-group, .charity-wrapper .form .name .form-group, .user-request-charity-registration .form .name .form-group {
        width: 48%; }
    .profile-wrapper .form .dob, .charity-wrapper .form .dob, .user-request-charity-registration .form .dob {
      display: flex;
      justify-content: space-between; }
      .profile-wrapper .form .dob .form-group, .charity-wrapper .form .dob .form-group, .user-request-charity-registration .form .dob .form-group {
        width: 31%; }
    .profile-wrapper .form .btns, .charity-wrapper .form .btns, .user-request-charity-registration .form .btns {
      width: 100%;
      display: flex;
      justify-content: flex-end;
      margin-bottom: 2rem; }
  .profile-wrapper .data-wrapper, .charity-wrapper .data-wrapper, .user-request-charity-registration .data-wrapper {
    font-size: 16px;
    display: grid;
    grid-template-columns: 1fr 1fr; }
    .profile-wrapper .data-wrapper .pair-wrapper, .charity-wrapper .data-wrapper .pair-wrapper, .user-request-charity-registration .data-wrapper .pair-wrapper {
      margin-bottom: 20px;
      display: flex; }
      .profile-wrapper .data-wrapper .pair-wrapper .value, .charity-wrapper .data-wrapper .pair-wrapper .value, .user-request-charity-registration .data-wrapper .pair-wrapper .value {
        font-weight: normal;
        color: #646464;
        margin-left: 0.5rem;
        margin-right: 5rem; }
      .profile-wrapper .data-wrapper .pair-wrapper .label, .charity-wrapper .data-wrapper .pair-wrapper .label, .user-request-charity-registration .data-wrapper .pair-wrapper .label {
        font-weight: bolder;
        margin-bottom: 5px; }
  .profile-wrapper .back-clear, .charity-wrapper .back-clear, .user-request-charity-registration .back-clear {
    display: flex;
    margin-top: 1rem;
    flex-wrap: wrap; }
    .profile-wrapper .back-clear .button, .charity-wrapper .back-clear .button, .user-request-charity-registration .back-clear .button {
      margin: 1rem 0; }
    .profile-wrapper .back-clear .button.button.clear, .charity-wrapper .back-clear .button.button.clear, .user-request-charity-registration .back-clear .button.button.clear {
      margin-right: 1rem; }

.charity-page-editable .filter-one .editable-section {
  display: flex;
  align-items: flex-end; }

.charity-page-editable img.icon-edit {
  cursor: pointer;
  width: 1.5rem;
  height: 1.5rem; }

.charity-page-editable .btns-wrap {
  width: 100%;
  display: flex;
  flex-direction: row;
  justify-content: flex-end; }
  .charity-page-editable .btns-wrap button {
    width: 160px;
    margin: 15px 20px 0 0; }
  .charity-page-editable .btns-wrap button.button.button.save {
    margin: 0rem;
    margin-top: 15px; }

.charity-logo-modal .button_actions, .charity-banner-modal .button_actions {
  display: flex;
  margin-top: 1.2rem;
  grid-gap: 1rem 0.5rem;
  grid-template-columns: repeat(2, 13rem);
  justify-content: flex-end; }

.icon-editable {
  margin-left: auto;
  border: 1px solid #267C0D;
  border-radius: 50%;
  width: 30px;
  height: 30px;
  align-items: center;
  justify-content: center;
  display: flex;
  padding: 1rem; }

.thumbnail-save, .save-website {
  display: flex;
  margin-left: auto; }

.react-joyride__tooltip {
  border: 3px solid #3daa1d;
  overflow-x: auto; }
  .react-joyride__tooltip button {
    outline: none; }

@media screen and (max-width: 768px) and (max-height: 768px) {
  #react-joyride-step-0 .react-joyride__tooltip,
  #react-joyride-step-3 .react-joyride__tooltip,
  #react-joyride-step-5 .react-joyride__tooltip,
  #react-joyride-step-8 .react-joyride__tooltip,
  #react-joyride-step-9 .react-joyride__tooltip,
  #react-joyride-step-11 .react-joyride__tooltip {
    width: 80vw !important;
    height: 80vh; } }

.donor-information .donor-info {
  margin-top: 30px;
  margin-bottom: 5px; }

.donor-information h1.donor-information-title {
  font-size: 1.4rem;
  display: flex; }

.donor-information span {
  display: flex; }

.donor-information p.donor-text {
  margin-left: 0.5rem; }

.donor-information button.button.button {
  margin: 0rem; }

.donor-information .modal-content {
  height: 680px !important;
  overflow: inherit !important; }
  .donor-information .modal-content .buttons_actions, .donor-information .delete-batches .modal-content .button_action, .delete-batches .donor-information .modal-content .button_action, .donor-information .contact-us .modal-content .button_action, .contact-us .donor-information .modal-content .button_action, .donor-information .gift-aid-dialog .modal-content .button_action, .gift-aid-dialog .donor-information .modal-content .button_action, .donor-information .contact-info-dialog .modal-content .button_action, .contact-info-dialog .donor-information .modal-content .button_action, .donor-information .overclaim-dialog .modal-content .button_action, .overclaim-dialog .donor-information .modal-content .button_action,
  .donor-information .delete-cheques .modal-content .button_action, .delete-cheques .donor-information .modal-content .button_action,
  .donor-information .insert-vouchers .modal-content .button_action, .insert-vouchers .donor-information .modal-content .button_action,
  .donor-information .edit-vouchers .modal-content .button_action, .edit-vouchers .donor-information .modal-content .button_action, .donor-information .individual-approval .modal-content .button_action, .individual-approval .donor-information .modal-content .button_action {
    display: flex;
    flex-direction: row;
    justify-content: center;
    margin-top: 1rem; }

.user-request-charity-registration {
  padding-left: 0rem;
  padding-top: 3rem; }
  .user-request-charity-registration .form-field-wrapper input {
    font-size: 1rem !important;
    line-height: 1.875rem !important;
    font-weight: normal !important;
    color: #646464 !important;
    font-size: 16px; }
  .user-request-charity-registration .results-message {
    margin-top: 1rem;
    margin-bottom: 1.5rem; }
    .user-request-charity-registration .results-message span {
      color: #3DAA1D;
      font-weight: bold; }
    .user-request-charity-registration .results-message p {
      margin-top: 1rem; }
  .user-request-charity-registration .info-form {
    margin-top: 2rem;
    margin-bottom: 5rem;
    width: 100%; }
    .user-request-charity-registration .info-form button.button.button-request {
      margin-top: 2rem; }

/*
/// BASE ///
The boilerplate code for the project. In there, you might find some typographic
rules, and probably a stylesheet defining some standard styles for commonly
used HTML elements.
*/
[class^="icon-social"]:before {
  line-height: 1;
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-family: "Ionicons", Arial, Helvetica, sans-serif; }

::-webkit-scrollbar {
  width: 10px; }

::-webkit-scrollbar-track {
  background: rgba(0, 0, 0, 0.1); }

::-webkit-scrollbar-thumb {
  background: #00284D !important; }

/*
/// LAYOUT ///
Everything that takes part in laying out the site or application.
This folder could have stylesheets for the main parts of the site (header,
footer, navigation, sidebar…), the grid system or even CSS styles
for all the forms.
*/
.grid {
  display: flex;
  flex-flow: row wrap;
  position: relative; }

[class^="grid-"],
[class*=" grid-"] {
  padding: 1.25rem; }

.flex-column {
  flex-direction: column; }

.flex-row {
  flex-direction: row; }

.justify-center {
  justify-content: center; }

.align-center {
  align-items: center; }

.offset-xs-0 {
  margin-left: 0; }

.grid-xs-1 {
  width: calc(100% / (12 / 1)); }

.offset-xs-1 {
  margin-left: calc(100% / (12 / 1)); }

.grid-xs-2 {
  width: calc(100% / (12 / 2)); }

.offset-xs-2 {
  margin-left: calc(100% / (12 / 2)); }

.grid-xs-3 {
  width: calc(100% / (12 / 3)); }

.offset-xs-3 {
  margin-left: calc(100% / (12 / 3)); }

.grid-xs-4 {
  width: calc(100% / (12 / 4)); }

.offset-xs-4 {
  margin-left: calc(100% / (12 / 4)); }

.grid-xs-5 {
  width: calc(100% / (12 / 5)); }

.offset-xs-5 {
  margin-left: calc(100% / (12 / 5)); }

.grid-xs-6 {
  width: calc(100% / (12 / 6)); }

.offset-xs-6 {
  margin-left: calc(100% / (12 / 6)); }

.grid-xs-7 {
  width: calc(100% / (12 / 7)); }

.offset-xs-7 {
  margin-left: calc(100% / (12 / 7)); }

.grid-xs-8 {
  width: calc(100% / (12 / 8)); }

.offset-xs-8 {
  margin-left: calc(100% / (12 / 8)); }

.grid-xs-9 {
  width: calc(100% / (12 / 9)); }

.offset-xs-9 {
  margin-left: calc(100% / (12 / 9)); }

.grid-xs-10 {
  width: calc(100% / (12 / 10)); }

.offset-xs-10 {
  margin-left: calc(100% / (12 / 10)); }

.grid-xs-11 {
  width: calc(100% / (12 / 11)); }

.offset-xs-11 {
  margin-left: calc(100% / (12 / 11)); }

.grid-xs-12 {
  width: calc(100% / (12 / 12)); }

.offset-xs-12 {
  margin-left: calc(100% / (12 / 12)); }

@media screen and (min-width: 480px) {
  .offset-sm-0 {
    margin-left: 0; }
  .grid-sm-1 {
    width: calc(100% / (12 / 1)); }
  .offset-sm-1 {
    margin-left: calc(100% / (12 / 1)); }
  .grid-sm-2 {
    width: calc(100% / (12 / 2)); }
  .offset-sm-2 {
    margin-left: calc(100% / (12 / 2)); }
  .grid-sm-3 {
    width: calc(100% / (12 / 3)); }
  .offset-sm-3 {
    margin-left: calc(100% / (12 / 3)); }
  .grid-sm-4 {
    width: calc(100% / (12 / 4)); }
  .offset-sm-4 {
    margin-left: calc(100% / (12 / 4)); }
  .grid-sm-5 {
    width: calc(100% / (12 / 5)); }
  .offset-sm-5 {
    margin-left: calc(100% / (12 / 5)); }
  .grid-sm-6 {
    width: calc(100% / (12 / 6)); }
  .offset-sm-6 {
    margin-left: calc(100% / (12 / 6)); }
  .grid-sm-7 {
    width: calc(100% / (12 / 7)); }
  .offset-sm-7 {
    margin-left: calc(100% / (12 / 7)); }
  .grid-sm-8 {
    width: calc(100% / (12 / 8)); }
  .offset-sm-8 {
    margin-left: calc(100% / (12 / 8)); }
  .grid-sm-9 {
    width: calc(100% / (12 / 9)); }
  .offset-sm-9 {
    margin-left: calc(100% / (12 / 9)); }
  .grid-sm-10 {
    width: calc(100% / (12 / 10)); }
  .offset-sm-10 {
    margin-left: calc(100% / (12 / 10)); }
  .grid-sm-11 {
    width: calc(100% / (12 / 11)); }
  .offset-sm-11 {
    margin-left: calc(100% / (12 / 11)); }
  .grid-sm-12 {
    width: calc(100% / (12 / 12)); }
  .offset-sm-12 {
    margin-left: calc(100% / (12 / 12)); } }

@media screen and (min-width: 768px) {
  .offset-s-0 {
    margin-left: 0; }
  .grid-s-1 {
    width: calc(100% / (12 / 1)); }
  .offset-s-1 {
    margin-left: calc(100% / (12 / 1)); }
  .grid-s-2 {
    width: calc(100% / (12 / 2)); }
  .offset-s-2 {
    margin-left: calc(100% / (12 / 2)); }
  .grid-s-3 {
    width: calc(100% / (12 / 3)); }
  .offset-s-3 {
    margin-left: calc(100% / (12 / 3)); }
  .grid-s-4 {
    width: calc(100% / (12 / 4)); }
  .offset-s-4 {
    margin-left: calc(100% / (12 / 4)); }
  .grid-s-5 {
    width: calc(100% / (12 / 5)); }
  .offset-s-5 {
    margin-left: calc(100% / (12 / 5)); }
  .grid-s-6 {
    width: calc(100% / (12 / 6)); }
  .offset-s-6 {
    margin-left: calc(100% / (12 / 6)); }
  .grid-s-7 {
    width: calc(100% / (12 / 7)); }
  .offset-s-7 {
    margin-left: calc(100% / (12 / 7)); }
  .grid-s-8 {
    width: calc(100% / (12 / 8)); }
  .offset-s-8 {
    margin-left: calc(100% / (12 / 8)); }
  .grid-s-9 {
    width: calc(100% / (12 / 9)); }
  .offset-s-9 {
    margin-left: calc(100% / (12 / 9)); }
  .grid-s-10 {
    width: calc(100% / (12 / 10)); }
  .offset-s-10 {
    margin-left: calc(100% / (12 / 10)); }
  .grid-s-11 {
    width: calc(100% / (12 / 11)); }
  .offset-s-11 {
    margin-left: calc(100% / (12 / 11)); }
  .grid-s-12 {
    width: calc(100% / (12 / 12)); }
  .offset-s-12 {
    margin-left: calc(100% / (12 / 12)); } }

@media screen and (min-width: 1024px) {
  .offset-m-0 {
    margin-left: 0; }
  .grid-m-1 {
    width: calc(100% / (12 / 1)); }
  .offset-m-1 {
    margin-left: calc(100% / (12 / 1)); }
  .grid-m-2 {
    width: calc(100% / (12 / 2)); }
  .offset-m-2 {
    margin-left: calc(100% / (12 / 2)); }
  .grid-m-3 {
    width: calc(100% / (12 / 3)); }
  .offset-m-3 {
    margin-left: calc(100% / (12 / 3)); }
  .grid-m-4 {
    width: calc(100% / (12 / 4)); }
  .offset-m-4 {
    margin-left: calc(100% / (12 / 4)); }
  .grid-m-5 {
    width: calc(100% / (12 / 5)); }
  .offset-m-5 {
    margin-left: calc(100% / (12 / 5)); }
  .grid-m-6 {
    width: calc(100% / (12 / 6)); }
  .offset-m-6 {
    margin-left: calc(100% / (12 / 6)); }
  .grid-m-7 {
    width: calc(100% / (12 / 7)); }
  .offset-m-7 {
    margin-left: calc(100% / (12 / 7)); }
  .grid-m-8 {
    width: calc(100% / (12 / 8)); }
  .offset-m-8 {
    margin-left: calc(100% / (12 / 8)); }
  .grid-m-9 {
    width: calc(100% / (12 / 9)); }
  .offset-m-9 {
    margin-left: calc(100% / (12 / 9)); }
  .grid-m-10 {
    width: calc(100% / (12 / 10)); }
  .offset-m-10 {
    margin-left: calc(100% / (12 / 10)); }
  .grid-m-11 {
    width: calc(100% / (12 / 11)); }
  .offset-m-11 {
    margin-left: calc(100% / (12 / 11)); }
  .grid-m-12 {
    width: calc(100% / (12 / 12)); }
  .offset-m-12 {
    margin-left: calc(100% / (12 / 12)); } }

@media screen and (min-width: 1280px) {
  .offset-md-0 {
    margin-left: 0; }
  .grid-md-1 {
    width: calc(100% / (12 / 1)); }
  .offset-md-1 {
    margin-left: calc(100% / (12 / 1)); }
  .grid-md-2 {
    width: calc(100% / (12 / 2)); }
  .offset-md-2 {
    margin-left: calc(100% / (12 / 2)); }
  .grid-md-3 {
    width: calc(100% / (12 / 3)); }
  .offset-md-3 {
    margin-left: calc(100% / (12 / 3)); }
  .grid-md-4 {
    width: calc(100% / (12 / 4)); }
  .offset-md-4 {
    margin-left: calc(100% / (12 / 4)); }
  .grid-md-5 {
    width: calc(100% / (12 / 5)); }
  .offset-md-5 {
    margin-left: calc(100% / (12 / 5)); }
  .grid-md-6 {
    width: calc(100% / (12 / 6)); }
  .offset-md-6 {
    margin-left: calc(100% / (12 / 6)); }
  .grid-md-7 {
    width: calc(100% / (12 / 7)); }
  .offset-md-7 {
    margin-left: calc(100% / (12 / 7)); }
  .grid-md-8 {
    width: calc(100% / (12 / 8)); }
  .offset-md-8 {
    margin-left: calc(100% / (12 / 8)); }
  .grid-md-9 {
    width: calc(100% / (12 / 9)); }
  .offset-md-9 {
    margin-left: calc(100% / (12 / 9)); }
  .grid-md-10 {
    width: calc(100% / (12 / 10)); }
  .offset-md-10 {
    margin-left: calc(100% / (12 / 10)); }
  .grid-md-11 {
    width: calc(100% / (12 / 11)); }
  .offset-md-11 {
    margin-left: calc(100% / (12 / 11)); }
  .grid-md-12 {
    width: calc(100% / (12 / 12)); }
  .offset-md-12 {
    margin-left: calc(100% / (12 / 12)); } }

@media screen and (min-width: 1480px) {
  .offset-d-0 {
    margin-left: 0; }
  .grid-d-1 {
    width: calc(100% / (12 / 1)); }
  .offset-d-1 {
    margin-left: calc(100% / (12 / 1)); }
  .grid-d-2 {
    width: calc(100% / (12 / 2)); }
  .offset-d-2 {
    margin-left: calc(100% / (12 / 2)); }
  .grid-d-3 {
    width: calc(100% / (12 / 3)); }
  .offset-d-3 {
    margin-left: calc(100% / (12 / 3)); }
  .grid-d-4 {
    width: calc(100% / (12 / 4)); }
  .offset-d-4 {
    margin-left: calc(100% / (12 / 4)); }
  .grid-d-5 {
    width: calc(100% / (12 / 5)); }
  .offset-d-5 {
    margin-left: calc(100% / (12 / 5)); }
  .grid-d-6 {
    width: calc(100% / (12 / 6)); }
  .offset-d-6 {
    margin-left: calc(100% / (12 / 6)); }
  .grid-d-7 {
    width: calc(100% / (12 / 7)); }
  .offset-d-7 {
    margin-left: calc(100% / (12 / 7)); }
  .grid-d-8 {
    width: calc(100% / (12 / 8)); }
  .offset-d-8 {
    margin-left: calc(100% / (12 / 8)); }
  .grid-d-9 {
    width: calc(100% / (12 / 9)); }
  .offset-d-9 {
    margin-left: calc(100% / (12 / 9)); }
  .grid-d-10 {
    width: calc(100% / (12 / 10)); }
  .offset-d-10 {
    margin-left: calc(100% / (12 / 10)); }
  .grid-d-11 {
    width: calc(100% / (12 / 11)); }
  .offset-d-11 {
    margin-left: calc(100% / (12 / 11)); }
  .grid-d-12 {
    width: calc(100% / (12 / 12)); }
  .offset-d-12 {
    margin-left: calc(100% / (12 / 12)); } }

@media screen and (min-width: 1640px) {
  .offset-0 {
    margin-left: 0; }
  .grid-1 {
    width: calc(100% / (12 / 1)); }
  .offset-1 {
    margin-left: calc(100% / (12 / 1)); }
  .grid-2 {
    width: calc(100% / (12 / 2)); }
  .offset-2 {
    margin-left: calc(100% / (12 / 2)); }
  .grid-3 {
    width: calc(100% / (12 / 3)); }
  .offset-3 {
    margin-left: calc(100% / (12 / 3)); }
  .grid-4 {
    width: calc(100% / (12 / 4)); }
  .offset-4 {
    margin-left: calc(100% / (12 / 4)); }
  .grid-5 {
    width: calc(100% / (12 / 5)); }
  .offset-5 {
    margin-left: calc(100% / (12 / 5)); }
  .grid-6 {
    width: calc(100% / (12 / 6)); }
  .offset-6 {
    margin-left: calc(100% / (12 / 6)); }
  .grid-7 {
    width: calc(100% / (12 / 7)); }
  .offset-7 {
    margin-left: calc(100% / (12 / 7)); }
  .grid-8 {
    width: calc(100% / (12 / 8)); }
  .offset-8 {
    margin-left: calc(100% / (12 / 8)); }
  .grid-9 {
    width: calc(100% / (12 / 9)); }
  .offset-9 {
    margin-left: calc(100% / (12 / 9)); }
  .grid-10 {
    width: calc(100% / (12 / 10)); }
  .offset-10 {
    margin-left: calc(100% / (12 / 10)); }
  .grid-11 {
    width: calc(100% / (12 / 11)); }
  .offset-11 {
    margin-left: calc(100% / (12 / 11)); }
  .grid-12 {
    width: calc(100% / (12 / 12)); }
  .offset-12 {
    margin-left: calc(100% / (12 / 12)); } }

@media screen and (min-width: 1920px) {
  .grid-xl-1 {
    width: calc(100% / (12 / 1)); }
  .offset-xl-1 {
    margin-left: calc(100% / (12 / 1)); }
  .grid-xl-2 {
    width: calc(100% / (12 / 2)); }
  .offset-xl-2 {
    margin-left: calc(100% / (12 / 2)); }
  .grid-xl-3 {
    width: calc(100% / (12 / 3)); }
  .offset-xl-3 {
    margin-left: calc(100% / (12 / 3)); }
  .grid-xl-4 {
    width: calc(100% / (12 / 4)); }
  .offset-xl-4 {
    margin-left: calc(100% / (12 / 4)); }
  .grid-xl-5 {
    width: calc(100% / (12 / 5)); }
  .offset-xl-5 {
    margin-left: calc(100% / (12 / 5)); }
  .grid-xl-6 {
    width: calc(100% / (12 / 6)); }
  .offset-xl-6 {
    margin-left: calc(100% / (12 / 6)); }
  .grid-xl-7 {
    width: calc(100% / (12 / 7)); }
  .offset-xl-7 {
    margin-left: calc(100% / (12 / 7)); }
  .grid-xl-8 {
    width: calc(100% / (12 / 8)); }
  .offset-xl-8 {
    margin-left: calc(100% / (12 / 8)); }
  .grid-xl-9 {
    width: calc(100% / (12 / 9)); }
  .offset-xl-9 {
    margin-left: calc(100% / (12 / 9)); }
  .grid-xl-10 {
    width: calc(100% / (12 / 10)); }
  .offset-xl-10 {
    margin-left: calc(100% / (12 / 10)); }
  .grid-xl-11 {
    width: calc(100% / (12 / 11)); }
  .offset-xl-11 {
    margin-left: calc(100% / (12 / 11)); }
  .grid-xl-12 {
    width: calc(100% / (12 / 12)); }
  .offset-xl-12 {
    margin-left: calc(100% / (12 / 12)); } }

.pad-xs-0 {
  padding: calc(0 * 1.25rem); }

.pad-left-xs-0 {
  padding-left: calc(0 * 1.25rem); }

.pad-right-xs-0 {
  padding-right: calc(0 * 1.25rem); }

.pad-top-xs-0 {
  padding-top: calc(0 * 1.25rem); }

.pad-bottom-xs-0 {
  padding-bottom: calc(0 * 1.25rem); }

.pad-xs-1 {
  padding: calc(1 * 1.25rem); }

.pad-left-xs-1 {
  padding-left: calc(1 * 1.25rem); }

.pad-right-xs-1 {
  padding-right: calc(1 * 1.25rem); }

.pad-top-xs-1 {
  padding-top: calc(1 * 1.25rem); }

.pad-bottom-xs-1 {
  padding-bottom: calc(1 * 1.25rem); }

.pad-xs-2 {
  padding: calc(2 * 1.25rem); }

.pad-left-xs-2 {
  padding-left: calc(2 * 1.25rem); }

.pad-right-xs-2 {
  padding-right: calc(2 * 1.25rem); }

.pad-top-xs-2 {
  padding-top: calc(2 * 1.25rem); }

.pad-bottom-xs-2 {
  padding-bottom: calc(2 * 1.25rem); }

.pad-xs-3 {
  padding: calc(3 * 1.25rem); }

.pad-left-xs-3 {
  padding-left: calc(3 * 1.25rem); }

.pad-right-xs-3 {
  padding-right: calc(3 * 1.25rem); }

.pad-top-xs-3 {
  padding-top: calc(3 * 1.25rem); }

.pad-bottom-xs-3 {
  padding-bottom: calc(3 * 1.25rem); }

.pad-xs-4 {
  padding: calc(4 * 1.25rem); }

.pad-left-xs-4 {
  padding-left: calc(4 * 1.25rem); }

.pad-right-xs-4 {
  padding-right: calc(4 * 1.25rem); }

.pad-top-xs-4 {
  padding-top: calc(4 * 1.25rem); }

.pad-bottom-xs-4 {
  padding-bottom: calc(4 * 1.25rem); }

.pad-xs-5 {
  padding: calc(5 * 1.25rem); }

.pad-left-xs-5 {
  padding-left: calc(5 * 1.25rem); }

.pad-right-xs-5 {
  padding-right: calc(5 * 1.25rem); }

.pad-top-xs-5 {
  padding-top: calc(5 * 1.25rem); }

.pad-bottom-xs-5 {
  padding-bottom: calc(5 * 1.25rem); }

.pad-xs-6 {
  padding: calc(6 * 1.25rem); }

.pad-left-xs-6 {
  padding-left: calc(6 * 1.25rem); }

.pad-right-xs-6 {
  padding-right: calc(6 * 1.25rem); }

.pad-top-xs-6 {
  padding-top: calc(6 * 1.25rem); }

.pad-bottom-xs-6 {
  padding-bottom: calc(6 * 1.25rem); }

.pad-xs-7 {
  padding: calc(7 * 1.25rem); }

.pad-left-xs-7 {
  padding-left: calc(7 * 1.25rem); }

.pad-right-xs-7 {
  padding-right: calc(7 * 1.25rem); }

.pad-top-xs-7 {
  padding-top: calc(7 * 1.25rem); }

.pad-bottom-xs-7 {
  padding-bottom: calc(7 * 1.25rem); }

.pad-xs-8 {
  padding: calc(8 * 1.25rem); }

.pad-left-xs-8 {
  padding-left: calc(8 * 1.25rem); }

.pad-right-xs-8 {
  padding-right: calc(8 * 1.25rem); }

.pad-top-xs-8 {
  padding-top: calc(8 * 1.25rem); }

.pad-bottom-xs-8 {
  padding-bottom: calc(8 * 1.25rem); }

.pad-xs-9 {
  padding: calc(9 * 1.25rem); }

.pad-left-xs-9 {
  padding-left: calc(9 * 1.25rem); }

.pad-right-xs-9 {
  padding-right: calc(9 * 1.25rem); }

.pad-top-xs-9 {
  padding-top: calc(9 * 1.25rem); }

.pad-bottom-xs-9 {
  padding-bottom: calc(9 * 1.25rem); }

.pad-xs-10 {
  padding: calc(10 * 1.25rem); }

.pad-left-xs-10 {
  padding-left: calc(10 * 1.25rem); }

.pad-right-xs-10 {
  padding-right: calc(10 * 1.25rem); }

.pad-top-xs-10 {
  padding-top: calc(10 * 1.25rem); }

.pad-bottom-xs-10 {
  padding-bottom: calc(10 * 1.25rem); }

.pad-xs-11 {
  padding: calc(11 * 1.25rem); }

.pad-left-xs-11 {
  padding-left: calc(11 * 1.25rem); }

.pad-right-xs-11 {
  padding-right: calc(11 * 1.25rem); }

.pad-top-xs-11 {
  padding-top: calc(11 * 1.25rem); }

.pad-bottom-xs-11 {
  padding-bottom: calc(11 * 1.25rem); }

.pad-xs-12 {
  padding: calc(12 * 1.25rem); }

.pad-left-xs-12 {
  padding-left: calc(12 * 1.25rem); }

.pad-right-xs-12 {
  padding-right: calc(12 * 1.25rem); }

.pad-top-xs-12 {
  padding-top: calc(12 * 1.25rem); }

.pad-bottom-xs-12 {
  padding-bottom: calc(12 * 1.25rem); }

@media screen and (min-width: 480px) {
  .pad-sm-0 {
    padding: calc(0 * 1.25rem); }
  .pad-left-sm-0 {
    padding-left: calc(0 * 1.25rem); }
  .pad-right-sm-0 {
    padding-right: calc(0 * 1.25rem); }
  .pad-top-sm-0 {
    padding-top: calc(0 * 1.25rem); }
  .pad-bottom-sm-0 {
    padding-bottom: calc(0 * 1.25rem); }
  .pad-sm-1 {
    padding: calc(1 * 1.25rem); }
  .pad-left-sm-1 {
    padding-left: calc(1 * 1.25rem); }
  .pad-right-sm-1 {
    padding-right: calc(1 * 1.25rem); }
  .pad-top-sm-1 {
    padding-top: calc(1 * 1.25rem); }
  .pad-bottom-sm-1 {
    padding-bottom: calc(1 * 1.25rem); }
  .pad-sm-2 {
    padding: calc(2 * 1.25rem); }
  .pad-left-sm-2 {
    padding-left: calc(2 * 1.25rem); }
  .pad-right-sm-2 {
    padding-right: calc(2 * 1.25rem); }
  .pad-top-sm-2 {
    padding-top: calc(2 * 1.25rem); }
  .pad-bottom-sm-2 {
    padding-bottom: calc(2 * 1.25rem); }
  .pad-sm-3 {
    padding: calc(3 * 1.25rem); }
  .pad-left-sm-3 {
    padding-left: calc(3 * 1.25rem); }
  .pad-right-sm-3 {
    padding-right: calc(3 * 1.25rem); }
  .pad-top-sm-3 {
    padding-top: calc(3 * 1.25rem); }
  .pad-bottom-sm-3 {
    padding-bottom: calc(3 * 1.25rem); }
  .pad-sm-4 {
    padding: calc(4 * 1.25rem); }
  .pad-left-sm-4 {
    padding-left: calc(4 * 1.25rem); }
  .pad-right-sm-4 {
    padding-right: calc(4 * 1.25rem); }
  .pad-top-sm-4 {
    padding-top: calc(4 * 1.25rem); }
  .pad-bottom-sm-4 {
    padding-bottom: calc(4 * 1.25rem); }
  .pad-sm-5 {
    padding: calc(5 * 1.25rem); }
  .pad-left-sm-5 {
    padding-left: calc(5 * 1.25rem); }
  .pad-right-sm-5 {
    padding-right: calc(5 * 1.25rem); }
  .pad-top-sm-5 {
    padding-top: calc(5 * 1.25rem); }
  .pad-bottom-sm-5 {
    padding-bottom: calc(5 * 1.25rem); }
  .pad-sm-6 {
    padding: calc(6 * 1.25rem); }
  .pad-left-sm-6 {
    padding-left: calc(6 * 1.25rem); }
  .pad-right-sm-6 {
    padding-right: calc(6 * 1.25rem); }
  .pad-top-sm-6 {
    padding-top: calc(6 * 1.25rem); }
  .pad-bottom-sm-6 {
    padding-bottom: calc(6 * 1.25rem); }
  .pad-sm-7 {
    padding: calc(7 * 1.25rem); }
  .pad-left-sm-7 {
    padding-left: calc(7 * 1.25rem); }
  .pad-right-sm-7 {
    padding-right: calc(7 * 1.25rem); }
  .pad-top-sm-7 {
    padding-top: calc(7 * 1.25rem); }
  .pad-bottom-sm-7 {
    padding-bottom: calc(7 * 1.25rem); }
  .pad-sm-8 {
    padding: calc(8 * 1.25rem); }
  .pad-left-sm-8 {
    padding-left: calc(8 * 1.25rem); }
  .pad-right-sm-8 {
    padding-right: calc(8 * 1.25rem); }
  .pad-top-sm-8 {
    padding-top: calc(8 * 1.25rem); }
  .pad-bottom-sm-8 {
    padding-bottom: calc(8 * 1.25rem); }
  .pad-sm-9 {
    padding: calc(9 * 1.25rem); }
  .pad-left-sm-9 {
    padding-left: calc(9 * 1.25rem); }
  .pad-right-sm-9 {
    padding-right: calc(9 * 1.25rem); }
  .pad-top-sm-9 {
    padding-top: calc(9 * 1.25rem); }
  .pad-bottom-sm-9 {
    padding-bottom: calc(9 * 1.25rem); }
  .pad-sm-10 {
    padding: calc(10 * 1.25rem); }
  .pad-left-sm-10 {
    padding-left: calc(10 * 1.25rem); }
  .pad-right-sm-10 {
    padding-right: calc(10 * 1.25rem); }
  .pad-top-sm-10 {
    padding-top: calc(10 * 1.25rem); }
  .pad-bottom-sm-10 {
    padding-bottom: calc(10 * 1.25rem); }
  .pad-sm-11 {
    padding: calc(11 * 1.25rem); }
  .pad-left-sm-11 {
    padding-left: calc(11 * 1.25rem); }
  .pad-right-sm-11 {
    padding-right: calc(11 * 1.25rem); }
  .pad-top-sm-11 {
    padding-top: calc(11 * 1.25rem); }
  .pad-bottom-sm-11 {
    padding-bottom: calc(11 * 1.25rem); }
  .pad-sm-12 {
    padding: calc(12 * 1.25rem); }
  .pad-left-sm-12 {
    padding-left: calc(12 * 1.25rem); }
  .pad-right-sm-12 {
    padding-right: calc(12 * 1.25rem); }
  .pad-top-sm-12 {
    padding-top: calc(12 * 1.25rem); }
  .pad-bottom-sm-12 {
    padding-bottom: calc(12 * 1.25rem); } }

@media screen and (min-width: 768px) {
  .pad-s-0 {
    padding: calc(0 * 1.25rem); }
  .pad-left-s-0 {
    padding-left: calc(0 * 1.25rem); }
  .pad-right-s-0 {
    padding-right: calc(0 * 1.25rem); }
  .pad-top-s-0 {
    padding-top: calc(0 * 1.25rem); }
  .pad-bottom-s-0 {
    padding-bottom: calc(0 * 1.25rem); }
  .pad-s-1 {
    padding: calc(1 * 1.25rem); }
  .pad-left-s-1 {
    padding-left: calc(1 * 1.25rem); }
  .pad-right-s-1 {
    padding-right: calc(1 * 1.25rem); }
  .pad-top-s-1 {
    padding-top: calc(1 * 1.25rem); }
  .pad-bottom-s-1 {
    padding-bottom: calc(1 * 1.25rem); }
  .pad-s-2 {
    padding: calc(2 * 1.25rem); }
  .pad-left-s-2 {
    padding-left: calc(2 * 1.25rem); }
  .pad-right-s-2 {
    padding-right: calc(2 * 1.25rem); }
  .pad-top-s-2 {
    padding-top: calc(2 * 1.25rem); }
  .pad-bottom-s-2 {
    padding-bottom: calc(2 * 1.25rem); }
  .pad-s-3 {
    padding: calc(3 * 1.25rem); }
  .pad-left-s-3 {
    padding-left: calc(3 * 1.25rem); }
  .pad-right-s-3 {
    padding-right: calc(3 * 1.25rem); }
  .pad-top-s-3 {
    padding-top: calc(3 * 1.25rem); }
  .pad-bottom-s-3 {
    padding-bottom: calc(3 * 1.25rem); }
  .pad-s-4 {
    padding: calc(4 * 1.25rem); }
  .pad-left-s-4 {
    padding-left: calc(4 * 1.25rem); }
  .pad-right-s-4 {
    padding-right: calc(4 * 1.25rem); }
  .pad-top-s-4 {
    padding-top: calc(4 * 1.25rem); }
  .pad-bottom-s-4 {
    padding-bottom: calc(4 * 1.25rem); }
  .pad-s-5 {
    padding: calc(5 * 1.25rem); }
  .pad-left-s-5 {
    padding-left: calc(5 * 1.25rem); }
  .pad-right-s-5 {
    padding-right: calc(5 * 1.25rem); }
  .pad-top-s-5 {
    padding-top: calc(5 * 1.25rem); }
  .pad-bottom-s-5 {
    padding-bottom: calc(5 * 1.25rem); }
  .pad-s-6 {
    padding: calc(6 * 1.25rem); }
  .pad-left-s-6 {
    padding-left: calc(6 * 1.25rem); }
  .pad-right-s-6 {
    padding-right: calc(6 * 1.25rem); }
  .pad-top-s-6 {
    padding-top: calc(6 * 1.25rem); }
  .pad-bottom-s-6 {
    padding-bottom: calc(6 * 1.25rem); }
  .pad-s-7 {
    padding: calc(7 * 1.25rem); }
  .pad-left-s-7 {
    padding-left: calc(7 * 1.25rem); }
  .pad-right-s-7 {
    padding-right: calc(7 * 1.25rem); }
  .pad-top-s-7 {
    padding-top: calc(7 * 1.25rem); }
  .pad-bottom-s-7 {
    padding-bottom: calc(7 * 1.25rem); }
  .pad-s-8 {
    padding: calc(8 * 1.25rem); }
  .pad-left-s-8 {
    padding-left: calc(8 * 1.25rem); }
  .pad-right-s-8 {
    padding-right: calc(8 * 1.25rem); }
  .pad-top-s-8 {
    padding-top: calc(8 * 1.25rem); }
  .pad-bottom-s-8 {
    padding-bottom: calc(8 * 1.25rem); }
  .pad-s-9 {
    padding: calc(9 * 1.25rem); }
  .pad-left-s-9 {
    padding-left: calc(9 * 1.25rem); }
  .pad-right-s-9 {
    padding-right: calc(9 * 1.25rem); }
  .pad-top-s-9 {
    padding-top: calc(9 * 1.25rem); }
  .pad-bottom-s-9 {
    padding-bottom: calc(9 * 1.25rem); }
  .pad-s-10 {
    padding: calc(10 * 1.25rem); }
  .pad-left-s-10 {
    padding-left: calc(10 * 1.25rem); }
  .pad-right-s-10 {
    padding-right: calc(10 * 1.25rem); }
  .pad-top-s-10 {
    padding-top: calc(10 * 1.25rem); }
  .pad-bottom-s-10 {
    padding-bottom: calc(10 * 1.25rem); }
  .pad-s-11 {
    padding: calc(11 * 1.25rem); }
  .pad-left-s-11 {
    padding-left: calc(11 * 1.25rem); }
  .pad-right-s-11 {
    padding-right: calc(11 * 1.25rem); }
  .pad-top-s-11 {
    padding-top: calc(11 * 1.25rem); }
  .pad-bottom-s-11 {
    padding-bottom: calc(11 * 1.25rem); }
  .pad-s-12 {
    padding: calc(12 * 1.25rem); }
  .pad-left-s-12 {
    padding-left: calc(12 * 1.25rem); }
  .pad-right-s-12 {
    padding-right: calc(12 * 1.25rem); }
  .pad-top-s-12 {
    padding-top: calc(12 * 1.25rem); }
  .pad-bottom-s-12 {
    padding-bottom: calc(12 * 1.25rem); } }

@media screen and (min-width: 1024px) {
  .pad-m-0 {
    padding: calc(0 * 1.25rem); }
  .pad-left-m-0 {
    padding-left: calc(0 * 1.25rem); }
  .pad-right-m-0 {
    padding-right: calc(0 * 1.25rem); }
  .pad-top-m-0 {
    padding-top: calc(0 * 1.25rem); }
  .pad-bottom-m-0 {
    padding-bottom: calc(0 * 1.25rem); }
  .pad-m-1 {
    padding: calc(1 * 1.25rem); }
  .pad-left-m-1 {
    padding-left: calc(1 * 1.25rem); }
  .pad-right-m-1 {
    padding-right: calc(1 * 1.25rem); }
  .pad-top-m-1 {
    padding-top: calc(1 * 1.25rem); }
  .pad-bottom-m-1 {
    padding-bottom: calc(1 * 1.25rem); }
  .pad-m-2 {
    padding: calc(2 * 1.25rem); }
  .pad-left-m-2 {
    padding-left: calc(2 * 1.25rem); }
  .pad-right-m-2 {
    padding-right: calc(2 * 1.25rem); }
  .pad-top-m-2 {
    padding-top: calc(2 * 1.25rem); }
  .pad-bottom-m-2 {
    padding-bottom: calc(2 * 1.25rem); }
  .pad-m-3 {
    padding: calc(3 * 1.25rem); }
  .pad-left-m-3 {
    padding-left: calc(3 * 1.25rem); }
  .pad-right-m-3 {
    padding-right: calc(3 * 1.25rem); }
  .pad-top-m-3 {
    padding-top: calc(3 * 1.25rem); }
  .pad-bottom-m-3 {
    padding-bottom: calc(3 * 1.25rem); }
  .pad-m-4 {
    padding: calc(4 * 1.25rem); }
  .pad-left-m-4 {
    padding-left: calc(4 * 1.25rem); }
  .pad-right-m-4 {
    padding-right: calc(4 * 1.25rem); }
  .pad-top-m-4 {
    padding-top: calc(4 * 1.25rem); }
  .pad-bottom-m-4 {
    padding-bottom: calc(4 * 1.25rem); }
  .pad-m-5 {
    padding: calc(5 * 1.25rem); }
  .pad-left-m-5 {
    padding-left: calc(5 * 1.25rem); }
  .pad-right-m-5 {
    padding-right: calc(5 * 1.25rem); }
  .pad-top-m-5 {
    padding-top: calc(5 * 1.25rem); }
  .pad-bottom-m-5 {
    padding-bottom: calc(5 * 1.25rem); }
  .pad-m-6 {
    padding: calc(6 * 1.25rem); }
  .pad-left-m-6 {
    padding-left: calc(6 * 1.25rem); }
  .pad-right-m-6 {
    padding-right: calc(6 * 1.25rem); }
  .pad-top-m-6 {
    padding-top: calc(6 * 1.25rem); }
  .pad-bottom-m-6 {
    padding-bottom: calc(6 * 1.25rem); }
  .pad-m-7 {
    padding: calc(7 * 1.25rem); }
  .pad-left-m-7 {
    padding-left: calc(7 * 1.25rem); }
  .pad-right-m-7 {
    padding-right: calc(7 * 1.25rem); }
  .pad-top-m-7 {
    padding-top: calc(7 * 1.25rem); }
  .pad-bottom-m-7 {
    padding-bottom: calc(7 * 1.25rem); }
  .pad-m-8 {
    padding: calc(8 * 1.25rem); }
  .pad-left-m-8 {
    padding-left: calc(8 * 1.25rem); }
  .pad-right-m-8 {
    padding-right: calc(8 * 1.25rem); }
  .pad-top-m-8 {
    padding-top: calc(8 * 1.25rem); }
  .pad-bottom-m-8 {
    padding-bottom: calc(8 * 1.25rem); }
  .pad-m-9 {
    padding: calc(9 * 1.25rem); }
  .pad-left-m-9 {
    padding-left: calc(9 * 1.25rem); }
  .pad-right-m-9 {
    padding-right: calc(9 * 1.25rem); }
  .pad-top-m-9 {
    padding-top: calc(9 * 1.25rem); }
  .pad-bottom-m-9 {
    padding-bottom: calc(9 * 1.25rem); }
  .pad-m-10 {
    padding: calc(10 * 1.25rem); }
  .pad-left-m-10 {
    padding-left: calc(10 * 1.25rem); }
  .pad-right-m-10 {
    padding-right: calc(10 * 1.25rem); }
  .pad-top-m-10 {
    padding-top: calc(10 * 1.25rem); }
  .pad-bottom-m-10 {
    padding-bottom: calc(10 * 1.25rem); }
  .pad-m-11 {
    padding: calc(11 * 1.25rem); }
  .pad-left-m-11 {
    padding-left: calc(11 * 1.25rem); }
  .pad-right-m-11 {
    padding-right: calc(11 * 1.25rem); }
  .pad-top-m-11 {
    padding-top: calc(11 * 1.25rem); }
  .pad-bottom-m-11 {
    padding-bottom: calc(11 * 1.25rem); }
  .pad-m-12 {
    padding: calc(12 * 1.25rem); }
  .pad-left-m-12 {
    padding-left: calc(12 * 1.25rem); }
  .pad-right-m-12 {
    padding-right: calc(12 * 1.25rem); }
  .pad-top-m-12 {
    padding-top: calc(12 * 1.25rem); }
  .pad-bottom-m-12 {
    padding-bottom: calc(12 * 1.25rem); } }

@media screen and (min-width: 1280px) {
  .pad-md-0 {
    padding: 0; }
  .pad-left-md-0 {
    padding-left: calc(0 * 1.25rem); }
  .pad-right-md-0 {
    padding-right: calc(0 * 1.25rem); }
  .pad-top-md-0 {
    padding-top: calc(0 * 1.25rem); }
  .pad-bottom-md-0 {
    padding-bottom: calc(0 * 1.25rem); }
  .pad-md-1 {
    padding: 0; }
  .pad-left-md-1 {
    padding-left: calc(1 * 1.25rem); }
  .pad-right-md-1 {
    padding-right: calc(1 * 1.25rem); }
  .pad-top-md-1 {
    padding-top: calc(1 * 1.25rem); }
  .pad-bottom-md-1 {
    padding-bottom: calc(1 * 1.25rem); }
  .pad-md-2 {
    padding: 0; }
  .pad-left-md-2 {
    padding-left: calc(2 * 1.25rem); }
  .pad-right-md-2 {
    padding-right: calc(2 * 1.25rem); }
  .pad-top-md-2 {
    padding-top: calc(2 * 1.25rem); }
  .pad-bottom-md-2 {
    padding-bottom: calc(2 * 1.25rem); }
  .pad-md-3 {
    padding: 0; }
  .pad-left-md-3 {
    padding-left: calc(3 * 1.25rem); }
  .pad-right-md-3 {
    padding-right: calc(3 * 1.25rem); }
  .pad-top-md-3 {
    padding-top: calc(3 * 1.25rem); }
  .pad-bottom-md-3 {
    padding-bottom: calc(3 * 1.25rem); }
  .pad-md-4 {
    padding: 0; }
  .pad-left-md-4 {
    padding-left: calc(4 * 1.25rem); }
  .pad-right-md-4 {
    padding-right: calc(4 * 1.25rem); }
  .pad-top-md-4 {
    padding-top: calc(4 * 1.25rem); }
  .pad-bottom-md-4 {
    padding-bottom: calc(4 * 1.25rem); }
  .pad-md-5 {
    padding: 0; }
  .pad-left-md-5 {
    padding-left: calc(5 * 1.25rem); }
  .pad-right-md-5 {
    padding-right: calc(5 * 1.25rem); }
  .pad-top-md-5 {
    padding-top: calc(5 * 1.25rem); }
  .pad-bottom-md-5 {
    padding-bottom: calc(5 * 1.25rem); }
  .pad-md-6 {
    padding: 0; }
  .pad-left-md-6 {
    padding-left: calc(6 * 1.25rem); }
  .pad-right-md-6 {
    padding-right: calc(6 * 1.25rem); }
  .pad-top-md-6 {
    padding-top: calc(6 * 1.25rem); }
  .pad-bottom-md-6 {
    padding-bottom: calc(6 * 1.25rem); }
  .pad-md-7 {
    padding: 0; }
  .pad-left-md-7 {
    padding-left: calc(7 * 1.25rem); }
  .pad-right-md-7 {
    padding-right: calc(7 * 1.25rem); }
  .pad-top-md-7 {
    padding-top: calc(7 * 1.25rem); }
  .pad-bottom-md-7 {
    padding-bottom: calc(7 * 1.25rem); }
  .pad-md-8 {
    padding: 0; }
  .pad-left-md-8 {
    padding-left: calc(8 * 1.25rem); }
  .pad-right-md-8 {
    padding-right: calc(8 * 1.25rem); }
  .pad-top-md-8 {
    padding-top: calc(8 * 1.25rem); }
  .pad-bottom-md-8 {
    padding-bottom: calc(8 * 1.25rem); }
  .pad-md-9 {
    padding: 0; }
  .pad-left-md-9 {
    padding-left: calc(9 * 1.25rem); }
  .pad-right-md-9 {
    padding-right: calc(9 * 1.25rem); }
  .pad-top-md-9 {
    padding-top: calc(9 * 1.25rem); }
  .pad-bottom-md-9 {
    padding-bottom: calc(9 * 1.25rem); }
  .pad-md-10 {
    padding: 0; }
  .pad-left-md-10 {
    padding-left: calc(10 * 1.25rem); }
  .pad-right-md-10 {
    padding-right: calc(10 * 1.25rem); }
  .pad-top-md-10 {
    padding-top: calc(10 * 1.25rem); }
  .pad-bottom-md-10 {
    padding-bottom: calc(10 * 1.25rem); }
  .pad-md-11 {
    padding: 0; }
  .pad-left-md-11 {
    padding-left: calc(11 * 1.25rem); }
  .pad-right-md-11 {
    padding-right: calc(11 * 1.25rem); }
  .pad-top-md-11 {
    padding-top: calc(11 * 1.25rem); }
  .pad-bottom-md-11 {
    padding-bottom: calc(11 * 1.25rem); }
  .pad-md-12 {
    padding: 0; }
  .pad-left-md-12 {
    padding-left: calc(12 * 1.25rem); }
  .pad-right-md-12 {
    padding-right: calc(12 * 1.25rem); }
  .pad-top-md-12 {
    padding-top: calc(12 * 1.25rem); }
  .pad-bottom-md-12 {
    padding-bottom: calc(12 * 1.25rem); } }

@media screen and (min-width: 1480px) {
  .pad-d-0 {
    padding: 0; }
  .pad-left-d-0 {
    padding-left: calc(0 * 1.25rem); }
  .pad-right-d-0 {
    padding-right: calc(0 * 1.25rem); }
  .pad-top-d-0 {
    padding-top: calc(0 * 1.25rem); }
  .pad-bottom-d-0 {
    padding-bottom: calc(0 * 1.25rem); }
  .pad-d-1 {
    padding: 0; }
  .pad-left-d-1 {
    padding-left: calc(1 * 1.25rem); }
  .pad-right-d-1 {
    padding-right: calc(1 * 1.25rem); }
  .pad-top-d-1 {
    padding-top: calc(1 * 1.25rem); }
  .pad-bottom-d-1 {
    padding-bottom: calc(1 * 1.25rem); }
  .pad-d-2 {
    padding: 0; }
  .pad-left-d-2 {
    padding-left: calc(2 * 1.25rem); }
  .pad-right-d-2 {
    padding-right: calc(2 * 1.25rem); }
  .pad-top-d-2 {
    padding-top: calc(2 * 1.25rem); }
  .pad-bottom-d-2 {
    padding-bottom: calc(2 * 1.25rem); }
  .pad-d-3 {
    padding: 0; }
  .pad-left-d-3 {
    padding-left: calc(3 * 1.25rem); }
  .pad-right-d-3 {
    padding-right: calc(3 * 1.25rem); }
  .pad-top-d-3 {
    padding-top: calc(3 * 1.25rem); }
  .pad-bottom-d-3 {
    padding-bottom: calc(3 * 1.25rem); }
  .pad-d-4 {
    padding: 0; }
  .pad-left-d-4 {
    padding-left: calc(4 * 1.25rem); }
  .pad-right-d-4 {
    padding-right: calc(4 * 1.25rem); }
  .pad-top-d-4 {
    padding-top: calc(4 * 1.25rem); }
  .pad-bottom-d-4 {
    padding-bottom: calc(4 * 1.25rem); }
  .pad-d-5 {
    padding: 0; }
  .pad-left-d-5 {
    padding-left: calc(5 * 1.25rem); }
  .pad-right-d-5 {
    padding-right: calc(5 * 1.25rem); }
  .pad-top-d-5 {
    padding-top: calc(5 * 1.25rem); }
  .pad-bottom-d-5 {
    padding-bottom: calc(5 * 1.25rem); }
  .pad-d-6 {
    padding: 0; }
  .pad-left-d-6 {
    padding-left: calc(6 * 1.25rem); }
  .pad-right-d-6 {
    padding-right: calc(6 * 1.25rem); }
  .pad-top-d-6 {
    padding-top: calc(6 * 1.25rem); }
  .pad-bottom-d-6 {
    padding-bottom: calc(6 * 1.25rem); }
  .pad-d-7 {
    padding: 0; }
  .pad-left-d-7 {
    padding-left: calc(7 * 1.25rem); }
  .pad-right-d-7 {
    padding-right: calc(7 * 1.25rem); }
  .pad-top-d-7 {
    padding-top: calc(7 * 1.25rem); }
  .pad-bottom-d-7 {
    padding-bottom: calc(7 * 1.25rem); }
  .pad-d-8 {
    padding: 0; }
  .pad-left-d-8 {
    padding-left: calc(8 * 1.25rem); }
  .pad-right-d-8 {
    padding-right: calc(8 * 1.25rem); }
  .pad-top-d-8 {
    padding-top: calc(8 * 1.25rem); }
  .pad-bottom-d-8 {
    padding-bottom: calc(8 * 1.25rem); }
  .pad-d-9 {
    padding: 0; }
  .pad-left-d-9 {
    padding-left: calc(9 * 1.25rem); }
  .pad-right-d-9 {
    padding-right: calc(9 * 1.25rem); }
  .pad-top-d-9 {
    padding-top: calc(9 * 1.25rem); }
  .pad-bottom-d-9 {
    padding-bottom: calc(9 * 1.25rem); }
  .pad-d-10 {
    padding: 0; }
  .pad-left-d-10 {
    padding-left: calc(10 * 1.25rem); }
  .pad-right-d-10 {
    padding-right: calc(10 * 1.25rem); }
  .pad-top-d-10 {
    padding-top: calc(10 * 1.25rem); }
  .pad-bottom-d-10 {
    padding-bottom: calc(10 * 1.25rem); }
  .pad-d-11 {
    padding: 0; }
  .pad-left-d-11 {
    padding-left: calc(11 * 1.25rem); }
  .pad-right-d-11 {
    padding-right: calc(11 * 1.25rem); }
  .pad-top-d-11 {
    padding-top: calc(11 * 1.25rem); }
  .pad-bottom-d-11 {
    padding-bottom: calc(11 * 1.25rem); }
  .pad-d-12 {
    padding: 0; }
  .pad-left-d-12 {
    padding-left: calc(12 * 1.25rem); }
  .pad-right-d-12 {
    padding-right: calc(12 * 1.25rem); }
  .pad-top-d-12 {
    padding-top: calc(12 * 1.25rem); }
  .pad-bottom-d-12 {
    padding-bottom: calc(12 * 1.25rem); } }

@media screen and (min-width: 1640px) {
  .pad-0 {
    padding: 0; }
  .pad-left-0 {
    padding-left: calc(0 * 1.25rem); }
  .pad-right-0 {
    padding-right: calc(0 * 1.25rem); }
  .pad-top-0 {
    padding-top: calc(0 * 1.25rem); }
  .pad-bottom-0 {
    padding-bottom: calc(0 * 1.25rem); }
  .pad-1 {
    padding: 0; }
  .pad-left-1 {
    padding-left: calc(1 * 1.25rem); }
  .pad-right-1 {
    padding-right: calc(1 * 1.25rem); }
  .pad-top-1 {
    padding-top: calc(1 * 1.25rem); }
  .pad-bottom-1 {
    padding-bottom: calc(1 * 1.25rem); }
  .pad-2 {
    padding: 0; }
  .pad-left-2 {
    padding-left: calc(2 * 1.25rem); }
  .pad-right-2 {
    padding-right: calc(2 * 1.25rem); }
  .pad-top-2 {
    padding-top: calc(2 * 1.25rem); }
  .pad-bottom-2 {
    padding-bottom: calc(2 * 1.25rem); }
  .pad-3 {
    padding: 0; }
  .pad-left-3 {
    padding-left: calc(3 * 1.25rem); }
  .pad-right-3 {
    padding-right: calc(3 * 1.25rem); }
  .pad-top-3 {
    padding-top: calc(3 * 1.25rem); }
  .pad-bottom-3 {
    padding-bottom: calc(3 * 1.25rem); }
  .pad-4 {
    padding: 0; }
  .pad-left-4 {
    padding-left: calc(4 * 1.25rem); }
  .pad-right-4 {
    padding-right: calc(4 * 1.25rem); }
  .pad-top-4 {
    padding-top: calc(4 * 1.25rem); }
  .pad-bottom-4 {
    padding-bottom: calc(4 * 1.25rem); }
  .pad-5 {
    padding: 0; }
  .pad-left-5 {
    padding-left: calc(5 * 1.25rem); }
  .pad-right-5 {
    padding-right: calc(5 * 1.25rem); }
  .pad-top-5 {
    padding-top: calc(5 * 1.25rem); }
  .pad-bottom-5 {
    padding-bottom: calc(5 * 1.25rem); }
  .pad-6 {
    padding: 0; }
  .pad-left-6 {
    padding-left: calc(6 * 1.25rem); }
  .pad-right-6 {
    padding-right: calc(6 * 1.25rem); }
  .pad-top-6 {
    padding-top: calc(6 * 1.25rem); }
  .pad-bottom-6 {
    padding-bottom: calc(6 * 1.25rem); }
  .pad-7 {
    padding: 0; }
  .pad-left-7 {
    padding-left: calc(7 * 1.25rem); }
  .pad-right-7 {
    padding-right: calc(7 * 1.25rem); }
  .pad-top-7 {
    padding-top: calc(7 * 1.25rem); }
  .pad-bottom-7 {
    padding-bottom: calc(7 * 1.25rem); }
  .pad-8 {
    padding: 0; }
  .pad-left-8 {
    padding-left: calc(8 * 1.25rem); }
  .pad-right-8 {
    padding-right: calc(8 * 1.25rem); }
  .pad-top-8 {
    padding-top: calc(8 * 1.25rem); }
  .pad-bottom-8 {
    padding-bottom: calc(8 * 1.25rem); }
  .pad-9 {
    padding: 0; }
  .pad-left-9 {
    padding-left: calc(9 * 1.25rem); }
  .pad-right-9 {
    padding-right: calc(9 * 1.25rem); }
  .pad-top-9 {
    padding-top: calc(9 * 1.25rem); }
  .pad-bottom-9 {
    padding-bottom: calc(9 * 1.25rem); }
  .pad-10 {
    padding: 0; }
  .pad-left-10 {
    padding-left: calc(10 * 1.25rem); }
  .pad-right-10 {
    padding-right: calc(10 * 1.25rem); }
  .pad-top-10 {
    padding-top: calc(10 * 1.25rem); }
  .pad-bottom-10 {
    padding-bottom: calc(10 * 1.25rem); }
  .pad-11 {
    padding: 0; }
  .pad-left-11 {
    padding-left: calc(11 * 1.25rem); }
  .pad-right-11 {
    padding-right: calc(11 * 1.25rem); }
  .pad-top-11 {
    padding-top: calc(11 * 1.25rem); }
  .pad-bottom-11 {
    padding-bottom: calc(11 * 1.25rem); }
  .pad-12 {
    padding: 0; }
  .pad-left-12 {
    padding-left: calc(12 * 1.25rem); }
  .pad-right-12 {
    padding-right: calc(12 * 1.25rem); }
  .pad-top-12 {
    padding-top: calc(12 * 1.25rem); }
  .pad-bottom-12 {
    padding-bottom: calc(12 * 1.25rem); } }

.grid-xs-0 {
  padding: 0; }

@media screen and (max-width: 767px) {
  .full-width-xs {
    margin-left: -1.25rem;
    margin-right: -1.25rem; } }

::-webkit-input-placeholder {
  color: #7e7e7e;
  font-size: 14px; }

:-moz-placeholder {
  color: #7e7e7e;
  font-size: 14px; }

::-moz-placeholder {
  color: #7e7e7e;
  font-size: 14px; }

:-ms-input-placeholder {
  color: #7e7e7e;
  font-size: 14px; }

input[type="text"],
input[type="password"],
input[type="date"],
input[type="datetime"],
input[type="datetime-local"],
input[type="month"],
input[type="week"],
input[type="email"],
input[type="number"],
input[type="search"],
input[type="tel"],
input[type="time"],
input[type="url"],
textarea {
  -webkit-appearance: none;
  width: 100%;
  height: 3.125rem;
  border-radius: 0;
  border: 1px solid #ccd0d2;
  color: #646464;
  font-family: "Spartan", "Arial", sans-serif;
  font-size: 0.875rem;
  line-height: 1.5rem;
  padding: 0 0.75rem; }
  input[type="text"]::placeholder,
  input[type="password"]::placeholder,
  input[type="date"]::placeholder,
  input[type="datetime"]::placeholder,
  input[type="datetime-local"]::placeholder,
  input[type="month"]::placeholder,
  input[type="week"]::placeholder,
  input[type="email"]::placeholder,
  input[type="number"]::placeholder,
  input[type="search"]::placeholder,
  input[type="tel"]::placeholder,
  input[type="time"]::placeholder,
  input[type="url"]::placeholder,
  textarea::placeholder {
    color: inherit;
    opacity: 1; }
  input[type="text"]:focus,
  input[type="password"]:focus,
  input[type="date"]:focus,
  input[type="datetime"]:focus,
  input[type="datetime-local"]:focus,
  input[type="month"]:focus,
  input[type="week"]:focus,
  input[type="email"]:focus,
  input[type="number"]:focus,
  input[type="search"]:focus,
  input[type="tel"]:focus,
  input[type="time"]:focus,
  input[type="url"]:focus,
  textarea:focus {
    border-color: inherit;
    outline: none; }

select {
  -webkit-appearance: none;
  background-color: transparent;
  border-radius: 0;
  border: 1px solid #ccd0d2;
  color: #646464;
  font-family: "Spartan", "Arial", sans-serif;
  line-height: 1.6;
  outline: none; }

.Select-multi-value-wrapper,
.Select-arrow-zone {
  line-height: 1.5rem; }

textarea {
  min-height: 70px;
  padding: 10px 12px; }

.wpcf7 .screen-reader-response {
  display: none !important; }

.wpcf7 .wpcf7-not-valid-tip {
  display: block; }

.wpcf7 .wpcf7-validation-errors {
  color: #b60005; }

.form-group.postcode-lookup {
  font-size: 14px; }
  .form-group.postcode-lookup .separator,
  .form-group.postcode-lookup .option-selected {
    display: none; }

.form-field-prepend, .form-field-append {
  background-color: #3DAA1D;
  height: 50px; }
  .form-field-prepend > i, .form-field-append > i {
    color: white; }

.text-white {
  color: white; }

.custom-form-group {
  display: flex;
  justify-content: space-between;
  gap: 60px; }
  @media screen and (max-width: 700px) {
    .custom-form-group {
      display: block; } }

.slideshow.flickity-resize .slideshow-slide {
  min-height: 100%; }

.slideshow .slideshow-slide {
  width: 100%;
  height: 500px; }

.fundraising-setup .charity-logo {
  width: 228px;
  height: 110px;
  background-color: #E2E1E1; }

.fundraising-setup .charity-header {
  margin-top: 50px; }
  .fundraising-setup .charity-header-text {
    transform: translate(-170px, 20%); }

.fundraising-setup .divider {
  background-color: #E2E1E1;
  margin: 50px 0px;
  height: 1px;
  width: 100%; }

.fundraising-setup .setup-step {
  margin: 55px 0px; }
  .fundraising-setup .setup-step p {
    color: #252525; }
    .fundraising-setup .setup-step p.step-heading {
      color: #01396C;
      font-size: 18px; }
    .fundraising-setup .setup-step p.smallprint {
      color: #646464;
      font-size: 14px;
      margin-bottom: 20px; }
  .fundraising-setup .setup-step .Select-multi-value-wrapper, .fundraising-setup .setup-step .Select-arrow-zone {
    line-height: 24px;
    background-color: #fff; }
  .fundraising-setup .setup-step .question {
    margin: 50px 0px; }
  .fundraising-setup .setup-step .radio-wrapper, .fundraising-setup .setup-step .checkbox-wrapper {
    margin-bottom: 20px; }
  .fundraising-setup .setup-step .link {
    color: #3DAA1D;
    font-size: 14px; }
  .fundraising-setup .setup-step .double-input {
    margin-top: 30px; }
    .fundraising-setup .setup-step .double-input .form-label {
      color: #3DAA1D; }
  .fundraising-setup .setup-step .form-field {
    padding: -10px; }
    .fundraising-setup .setup-step .form-field .Select-control {
      margin-top: 20px;
      width: 100%;
      padding: -10px; }

.fundraising-setup h3 {
  color: #3DAA1D; }

/* smart search two*/
/* preview project*/
/* options slideshow */
.smart-fundraising .search-and-filters {
  display: flex;
  flex-direction: column;
  width: 100%;
  margin-bottom: 3.125rem; }
  @media screen and (min-width: 1024px) {
    .smart-fundraising .search-and-filters {
      margin-bottom: 6.25rem;
      flex-direction: row;
      justify-content: space-between; } }

.smart-fundraising .filters-container {
  margin-bottom: 0;
  margin-top: 0; }
  @media screen and (min-width: 1024px) {
    .smart-fundraising .filters-container {
      flex-shrink: 1;
      justify-content: flex-end; } }
  .smart-fundraising .filters-container .view-filters-container {
    display: flex;
    justify-content: space-between;
    margin-top: 1.25rem;
    margin-bottom: 0; }
    .smart-fundraising .filters-container .view-filters-container .sortby {
      width: 9.875rem; }
    @media screen and (min-width: 1024px) {
      .smart-fundraising .filters-container .view-filters-container {
        margin-top: 0; } }

.smart-fundraising .charity-invitation {
  max-width: 73.4375rem;
  border: 1px solid #3DAA1D;
  margin-top: 3.125rem;
  margin-left: auto;
  margin-right: auto;
  padding: 1.28125rem; }
  @media screen and (min-width: 1024px) {
    .smart-fundraising .charity-invitation {
      margin-top: 6.25rem;
      padding: 1.90625rem; } }
  .smart-fundraising .charity-invitation h1 {
    font-size: 1.75rem;
    line-height: 2.5rem; }
  .smart-fundraising .charity-invitation p {
    font-size: 1.125rem;
    line-height: 1.625rem;
    margin: 1.25rem 0; }
    @media screen and (min-width: 1024px) {
      .smart-fundraising .charity-invitation p {
        margin: 1.5625rem 0; } }

.delete-batches .buttons_actions, .contact-us .buttons_actions, .gift-aid-dialog .buttons_actions, .contact-info-dialog .buttons_actions, .overclaim-dialog .buttons_actions, .delete-batches .modal-content .button_action, .contact-us .modal-content .button_action, .gift-aid-dialog .modal-content .button_action, .contact-info-dialog .modal-content .button_action, .overclaim-dialog .modal-content .button_action, .delete-cheques .modal-content .delete-batches .button_action, .delete-cheques .modal-content .contact-us .button_action, .delete-cheques .modal-content .gift-aid-dialog .button_action, .delete-cheques .modal-content .contact-info-dialog .button_action, .delete-cheques .modal-content .overclaim-dialog .button_action, .insert-vouchers .modal-content .delete-batches .button_action, .insert-vouchers .modal-content .contact-us .button_action, .insert-vouchers .modal-content .gift-aid-dialog .button_action, .insert-vouchers .modal-content .contact-info-dialog .button_action, .insert-vouchers .modal-content .overclaim-dialog .button_action, .edit-vouchers .modal-content .delete-batches .button_action, .edit-vouchers .modal-content .contact-us .button_action, .edit-vouchers .modal-content .gift-aid-dialog .button_action, .edit-vouchers .modal-content .contact-info-dialog .button_action, .edit-vouchers .modal-content .overclaim-dialog .button_action, .individual-approval .modal-content .delete-batches .button_action, .individual-approval .modal-content .contact-us .button_action, .individual-approval .modal-content .gift-aid-dialog .button_action, .individual-approval .modal-content .contact-info-dialog .button_action, .individual-approval .modal-content .overclaim-dialog .button_action,
.delete-cheques .buttons_actions,
.delete-batches .modal-content .delete-cheques .button_action,
.contact-us .modal-content .delete-cheques .button_action,
.gift-aid-dialog .modal-content .delete-cheques .button_action,
.contact-info-dialog .modal-content .delete-cheques .button_action,
.overclaim-dialog .modal-content .delete-cheques .button_action,
.delete-cheques .modal-content .button_action,
.insert-vouchers .modal-content .delete-cheques .button_action,
.edit-vouchers .modal-content .delete-cheques .button_action,
.individual-approval .modal-content .delete-cheques .button_action,
.insert-vouchers .buttons_actions,
.delete-batches .modal-content .insert-vouchers .button_action,
.contact-us .modal-content .insert-vouchers .button_action,
.gift-aid-dialog .modal-content .insert-vouchers .button_action,
.contact-info-dialog .modal-content .insert-vouchers .button_action,
.overclaim-dialog .modal-content .insert-vouchers .button_action,
.delete-cheques .modal-content .insert-vouchers .button_action,
.insert-vouchers .modal-content .button_action,
.edit-vouchers .modal-content .insert-vouchers .button_action,
.individual-approval .modal-content .insert-vouchers .button_action,
.edit-vouchers .buttons_actions,
.delete-batches .modal-content .edit-vouchers .button_action,
.contact-us .modal-content .edit-vouchers .button_action,
.gift-aid-dialog .modal-content .edit-vouchers .button_action,
.contact-info-dialog .modal-content .edit-vouchers .button_action,
.overclaim-dialog .modal-content .edit-vouchers .button_action,
.delete-cheques .modal-content .edit-vouchers .button_action,
.insert-vouchers .modal-content .edit-vouchers .button_action,
.edit-vouchers .modal-content .button_action,
.individual-approval .modal-content .edit-vouchers .button_action {
  margin-top: 20px;
  width: 100%;
  display: flex;
  justify-content: flex-end; }
  .delete-batches .buttons_actions button, .contact-us .buttons_actions button, .gift-aid-dialog .buttons_actions button, .contact-info-dialog .buttons_actions button, .overclaim-dialog .buttons_actions button, .delete-batches .modal-content .button_action button, .contact-us .modal-content .button_action button, .gift-aid-dialog .modal-content .button_action button, .contact-info-dialog .modal-content .button_action button, .overclaim-dialog .modal-content .button_action button, .delete-cheques .modal-content .delete-batches .button_action button, .delete-cheques .modal-content .contact-us .button_action button, .delete-cheques .modal-content .gift-aid-dialog .button_action button, .delete-cheques .modal-content .contact-info-dialog .button_action button, .delete-cheques .modal-content .overclaim-dialog .button_action button, .insert-vouchers .modal-content .delete-batches .button_action button, .insert-vouchers .modal-content .contact-us .button_action button, .insert-vouchers .modal-content .gift-aid-dialog .button_action button, .insert-vouchers .modal-content .contact-info-dialog .button_action button, .insert-vouchers .modal-content .overclaim-dialog .button_action button, .edit-vouchers .modal-content .delete-batches .button_action button, .edit-vouchers .modal-content .contact-us .button_action button, .edit-vouchers .modal-content .gift-aid-dialog .button_action button, .edit-vouchers .modal-content .contact-info-dialog .button_action button, .edit-vouchers .modal-content .overclaim-dialog .button_action button, .individual-approval .modal-content .delete-batches .button_action button, .individual-approval .modal-content .contact-us .button_action button, .individual-approval .modal-content .gift-aid-dialog .button_action button, .individual-approval .modal-content .contact-info-dialog .button_action button, .individual-approval .modal-content .overclaim-dialog .button_action button,
  .delete-cheques .buttons_actions button,
  .delete-batches .modal-content .delete-cheques .button_action button,
  .contact-us .modal-content .delete-cheques .button_action button,
  .gift-aid-dialog .modal-content .delete-cheques .button_action button,
  .contact-info-dialog .modal-content .delete-cheques .button_action button,
  .overclaim-dialog .modal-content .delete-cheques .button_action button,
  .delete-cheques .modal-content .button_action button,
  .insert-vouchers .modal-content .delete-cheques .button_action button,
  .edit-vouchers .modal-content .delete-cheques .button_action button,
  .individual-approval .modal-content .delete-cheques .button_action button,
  .insert-vouchers .buttons_actions button,
  .delete-batches .modal-content .insert-vouchers .button_action button,
  .contact-us .modal-content .insert-vouchers .button_action button,
  .gift-aid-dialog .modal-content .insert-vouchers .button_action button,
  .contact-info-dialog .modal-content .insert-vouchers .button_action button,
  .overclaim-dialog .modal-content .insert-vouchers .button_action button,
  .delete-cheques .modal-content .insert-vouchers .button_action button,
  .insert-vouchers .modal-content .button_action button,
  .edit-vouchers .modal-content .insert-vouchers .button_action button,
  .individual-approval .modal-content .insert-vouchers .button_action button,
  .edit-vouchers .buttons_actions button,
  .delete-batches .modal-content .edit-vouchers .button_action button,
  .contact-us .modal-content .edit-vouchers .button_action button,
  .gift-aid-dialog .modal-content .edit-vouchers .button_action button,
  .contact-info-dialog .modal-content .edit-vouchers .button_action button,
  .overclaim-dialog .modal-content .edit-vouchers .button_action button,
  .delete-cheques .modal-content .edit-vouchers .button_action button,
  .insert-vouchers .modal-content .edit-vouchers .button_action button,
  .edit-vouchers .modal-content .button_action button,
  .individual-approval .modal-content .edit-vouchers .button_action button {
    margin-left: 20px; }

.delete-batches .modal-content, .contact-us .modal-content, .gift-aid-dialog .modal-content, .contact-info-dialog .modal-content, .overclaim-dialog .modal-content,
.delete-cheques .modal-content,
.insert-vouchers .modal-content,
.edit-vouchers .modal-content {
  height: 320px !important; }
  .delete-batches .modal-content .form-all-data, .contact-us .modal-content .form-all-data, .gift-aid-dialog .modal-content .form-all-data, .contact-info-dialog .modal-content .form-all-data, .overclaim-dialog .modal-content .form-all-data, .delete-batches .modal-content .gift-aid-dialog .form-all-data-gift-aid, .contact-us .modal-content .gift-aid-dialog .form-all-data-gift-aid, .gift-aid-dialog .modal-content .form-all-data-gift-aid, .contact-info-dialog .modal-content .gift-aid-dialog .form-all-data-gift-aid, .overclaim-dialog .modal-content .gift-aid-dialog .form-all-data-gift-aid,
  .delete-cheques .modal-content .form-all-data,
  .delete-cheques .modal-content .gift-aid-dialog .form-all-data-gift-aid,
  .gift-aid-dialog .delete-cheques .modal-content .form-all-data-gift-aid,
  .insert-vouchers .modal-content .form-all-data,
  .insert-vouchers .modal-content .gift-aid-dialog .form-all-data-gift-aid,
  .gift-aid-dialog .insert-vouchers .modal-content .form-all-data-gift-aid,
  .edit-vouchers .modal-content .form-all-data,
  .edit-vouchers .modal-content .gift-aid-dialog .form-all-data-gift-aid,
  .gift-aid-dialog .edit-vouchers .modal-content .form-all-data-gift-aid {
    display: flex;
    flex-direction: row;
    width: 100%; }
    .delete-batches .modal-content .form-all-data input[type="text"], .contact-us .modal-content .form-all-data input[type="text"], .gift-aid-dialog .modal-content .form-all-data input[type="text"], .contact-info-dialog .modal-content .form-all-data input[type="text"], .overclaim-dialog .modal-content .form-all-data input[type="text"], .delete-batches .modal-content .gift-aid-dialog .form-all-data-gift-aid input[type="text"], .contact-us .modal-content .gift-aid-dialog .form-all-data-gift-aid input[type="text"], .gift-aid-dialog .modal-content .form-all-data-gift-aid input[type="text"], .contact-info-dialog .modal-content .gift-aid-dialog .form-all-data-gift-aid input[type="text"], .overclaim-dialog .modal-content .gift-aid-dialog .form-all-data-gift-aid input[type="text"],
    .delete-cheques .modal-content .form-all-data input[type="text"],
    .delete-cheques .modal-content .gift-aid-dialog .form-all-data-gift-aid input[type="text"],
    .gift-aid-dialog .delete-cheques .modal-content .form-all-data-gift-aid input[type="text"],
    .insert-vouchers .modal-content .form-all-data input[type="text"],
    .insert-vouchers .modal-content .gift-aid-dialog .form-all-data-gift-aid input[type="text"],
    .gift-aid-dialog .insert-vouchers .modal-content .form-all-data-gift-aid input[type="text"],
    .edit-vouchers .modal-content .form-all-data input[type="text"],
    .edit-vouchers .modal-content .gift-aid-dialog .form-all-data-gift-aid input[type="text"],
    .gift-aid-dialog .edit-vouchers .modal-content .form-all-data-gift-aid input[type="text"] {
      width: 98%; }

.contact-us .modal-content {
  height: 280px !important; }
  .contact-us .modal-content button.button.contact-us {
    margin-top: 2rem; }

.gift-aid-dialog .info {
  margin-bottom: 20px; }

.gift-aid-dialog .buttons_actions, .delete-batches .modal-content .gift-aid-dialog .button_action, .contact-us .modal-content .gift-aid-dialog .button_action, .gift-aid-dialog .modal-content .button_action, .contact-info-dialog .modal-content .gift-aid-dialog .button_action, .overclaim-dialog .modal-content .gift-aid-dialog .button_action, .delete-cheques .modal-content .gift-aid-dialog .button_action, .insert-vouchers .modal-content .gift-aid-dialog .button_action, .edit-vouchers .modal-content .gift-aid-dialog .button_action, .individual-approval .modal-content .gift-aid-dialog .button_action {
  margin-top: 50px; }

.gift-aid-dialog .modal-content {
  overflow: unset !important;
  height: auto !important; }

.gift-aid-dialog .form-all-data-gift-aid {
  margin-top: 20px; }
  .gift-aid-dialog .form-all-data-gift-aid input[type="text"] {
    width: 100%; }

.contact-info-dialog .modal-content {
  height: 750px !important; }

.contact-info-dialog .buttons_actions, .delete-batches .modal-content .contact-info-dialog .button_action, .contact-us .modal-content .contact-info-dialog .button_action, .gift-aid-dialog .modal-content .contact-info-dialog .button_action, .contact-info-dialog .modal-content .button_action, .overclaim-dialog .modal-content .contact-info-dialog .button_action, .delete-cheques .modal-content .contact-info-dialog .button_action, .insert-vouchers .modal-content .contact-info-dialog .button_action, .edit-vouchers .modal-content .contact-info-dialog .button_action, .individual-approval .modal-content .contact-info-dialog .button_action {
  margin-top: 50px;
  justify-content: center; }

.overclaim-dialog .modal-content {
  height: 300px !important; }

.overclaim-dialog .buttons_actions, .delete-batches .modal-content .overclaim-dialog .button_action, .contact-us .modal-content .overclaim-dialog .button_action, .gift-aid-dialog .modal-content .overclaim-dialog .button_action, .contact-info-dialog .modal-content .overclaim-dialog .button_action, .overclaim-dialog .modal-content .button_action, .delete-cheques .modal-content .overclaim-dialog .button_action, .insert-vouchers .modal-content .overclaim-dialog .button_action, .edit-vouchers .modal-content .overclaim-dialog .button_action, .individual-approval .modal-content .overclaim-dialog .button_action {
  margin-top: 50px;
  justify-content: center; }

.edit-form .form-group {
  margin-bottom: 1rem; }

.insert-vouchers .modal-content,
.edit-vouchers .modal-content {
  min-height: 320px;
  height: auto !important; }
  
  .insert-vouchers .modal-content .form-all-data,
  .insert-vouchers .modal-content .gift-aid-dialog .form-all-data-gift-aid,
  .gift-aid-dialog .insert-vouchers .modal-content .form-all-data-gift-aid,
  .edit-vouchers .modal-content .form-all-data,
  .edit-vouchers .modal-content .gift-aid-dialog .form-all-data-gift-aid,
  .gift-aid-dialog .edit-vouchers .modal-content .form-all-data-gift-aid {
    display: flex;
    flex-direction: column; }
    .insert-vouchers .modal-content .form-all-data div, .insert-vouchers .modal-content .gift-aid-dialog .form-all-data-gift-aid div, .gift-aid-dialog .insert-vouchers .modal-content .form-all-data-gift-aid div,
    .edit-vouchers .modal-content .form-all-data div,
    .edit-vouchers .modal-content .gift-aid-dialog .form-all-data-gift-aid div,
    .gift-aid-dialog .edit-vouchers .modal-content .form-all-data-gift-aid div {
      margin-bottom: 5px; }
    .insert-vouchers .modal-content .form-all-data .filter-name, .insert-vouchers .modal-content .gift-aid-dialog .form-all-data-gift-aid .filter-name, .gift-aid-dialog .insert-vouchers .modal-content .form-all-data-gift-aid .filter-name,
    .edit-vouchers .modal-content .form-all-data .filter-name,
    .edit-vouchers .modal-content .gift-aid-dialog .form-all-data-gift-aid .filter-name,
    .gift-aid-dialog .edit-vouchers .modal-content .form-all-data-gift-aid .filter-name {
      width: 86%; }
    .insert-vouchers .modal-content .form-all-data .filter-button, .insert-vouchers .modal-content .gift-aid-dialog .form-all-data-gift-aid .filter-button, .gift-aid-dialog .insert-vouchers .modal-content .form-all-data-gift-aid .filter-button,
    .edit-vouchers .modal-content .form-all-data .filter-button,
    .edit-vouchers .modal-content .gift-aid-dialog .form-all-data-gift-aid .filter-button,
    .gift-aid-dialog .edit-vouchers .modal-content .form-all-data-gift-aid .filter-button {
      background-color: #3DAA1D;
      border: 1px solid #3DAA1D;
      padding: 15px;
      color: white;
      text-transform: uppercase;
      font-weight: bold; }
    .insert-vouchers .modal-content .form-all-data .select-charity, .insert-vouchers .modal-content .gift-aid-dialog .form-all-data-gift-aid .select-charity, .gift-aid-dialog .insert-vouchers .modal-content .form-all-data-gift-aid .select-charity,
    .edit-vouchers .modal-content .form-all-data .select-charity,
    .edit-vouchers .modal-content .gift-aid-dialog .form-all-data-gift-aid .select-charity,
    .gift-aid-dialog .edit-vouchers .modal-content .form-all-data-gift-aid .select-charity {
      width: 98%; }

.delete-feebands .buttons_actions, .delete-feebands .delete-batches .modal-content .button_action, .delete-batches .modal-content .delete-feebands .button_action, .delete-feebands .contact-us .modal-content .button_action, .contact-us .modal-content .delete-feebands .button_action, .delete-feebands .gift-aid-dialog .modal-content .button_action, .gift-aid-dialog .modal-content .delete-feebands .button_action, .delete-feebands .contact-info-dialog .modal-content .button_action, .contact-info-dialog .modal-content .delete-feebands .button_action, .delete-feebands .overclaim-dialog .modal-content .button_action, .overclaim-dialog .modal-content .delete-feebands .button_action,
.delete-feebands .delete-cheques .modal-content .button_action, .delete-cheques .modal-content .delete-feebands .button_action,
.delete-feebands .insert-vouchers .modal-content .button_action, .insert-vouchers .modal-content .delete-feebands .button_action,
.delete-feebands .edit-vouchers .modal-content .button_action, .edit-vouchers .modal-content .delete-feebands .button_action, .delete-feebands .individual-approval .modal-content .button_action, .individual-approval .modal-content .delete-feebands .button_action, .reassign-feebands .buttons_actions, .reassign-feebands .delete-batches .modal-content .button_action, .delete-batches .modal-content .reassign-feebands .button_action, .reassign-feebands .contact-us .modal-content .button_action, .contact-us .modal-content .reassign-feebands .button_action, .reassign-feebands .gift-aid-dialog .modal-content .button_action, .gift-aid-dialog .modal-content .reassign-feebands .button_action, .reassign-feebands .contact-info-dialog .modal-content .button_action, .contact-info-dialog .modal-content .reassign-feebands .button_action, .reassign-feebands .overclaim-dialog .modal-content .button_action, .overclaim-dialog .modal-content .reassign-feebands .button_action,
.reassign-feebands .delete-cheques .modal-content .button_action, .delete-cheques .modal-content .reassign-feebands .button_action,
.reassign-feebands .insert-vouchers .modal-content .button_action, .insert-vouchers .modal-content .reassign-feebands .button_action,
.reassign-feebands .edit-vouchers .modal-content .button_action, .edit-vouchers .modal-content .reassign-feebands .button_action, .reassign-feebands .individual-approval .modal-content .button_action, .individual-approval .modal-content .reassign-feebands .button_action {
  margin-top: 20px;
  width: 100%;
  display: flex;
  justify-content: flex-end; }
  .delete-feebands .buttons_actions button, .delete-feebands .delete-batches .modal-content .button_action button, .delete-batches .modal-content .delete-feebands .button_action button, .delete-feebands .contact-us .modal-content .button_action button, .contact-us .modal-content .delete-feebands .button_action button, .delete-feebands .gift-aid-dialog .modal-content .button_action button, .gift-aid-dialog .modal-content .delete-feebands .button_action button, .delete-feebands .contact-info-dialog .modal-content .button_action button, .contact-info-dialog .modal-content .delete-feebands .button_action button, .delete-feebands .overclaim-dialog .modal-content .button_action button, .overclaim-dialog .modal-content .delete-feebands .button_action button, .delete-feebands .delete-cheques .modal-content .button_action button, .delete-cheques .modal-content .delete-feebands .button_action button, .delete-feebands .insert-vouchers .modal-content .button_action button, .insert-vouchers .modal-content .delete-feebands .button_action button, .delete-feebands .edit-vouchers .modal-content .button_action button, .edit-vouchers .modal-content .delete-feebands .button_action button, .delete-feebands .individual-approval .modal-content .button_action button, .individual-approval .modal-content .delete-feebands .button_action button, .reassign-feebands .buttons_actions button, .reassign-feebands .delete-batches .modal-content .button_action button, .delete-batches .modal-content .reassign-feebands .button_action button, .reassign-feebands .contact-us .modal-content .button_action button, .contact-us .modal-content .reassign-feebands .button_action button, .reassign-feebands .gift-aid-dialog .modal-content .button_action button, .gift-aid-dialog .modal-content .reassign-feebands .button_action button, .reassign-feebands .contact-info-dialog .modal-content .button_action button, .contact-info-dialog .modal-content .reassign-feebands .button_action button, .reassign-feebands .overclaim-dialog .modal-content .button_action button, .overclaim-dialog .modal-content .reassign-feebands .button_action button, .reassign-feebands .delete-cheques .modal-content .button_action button, .delete-cheques .modal-content .reassign-feebands .button_action button, .reassign-feebands .insert-vouchers .modal-content .button_action button, .insert-vouchers .modal-content .reassign-feebands .button_action button, .reassign-feebands .edit-vouchers .modal-content .button_action button, .edit-vouchers .modal-content .reassign-feebands .button_action button, .reassign-feebands .individual-approval .modal-content .button_action button, .individual-approval .modal-content .reassign-feebands .button_action button {
    margin-left: 20px; }

.reassign-feebands .modal-content {
  height: 400px !important; }

.pie-wrapper {
  height: 100%;
  width: 100%;
  display: flex;
  justify-content: center; }
  .pie-wrapper .doughnut-wrapper {
    min-height: 300px;
    height: 100%;
    position: relative;
    display: flex;
    align-items: center;
    max-width: 250px; }
    .pie-wrapper .doughnut-wrapper .p-value {
      font-size: 20px;
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      display: flex;
      flex-direction: column; }
      .pie-wrapper .doughnut-wrapper .p-value .v {
        font-size: 42px;
        font-weight: bolder;
        color: #00284D; }

.line-graph-wrapper {
  position: relative;
  width: 100%; }

.dashboard-page-ri {
  margin-left: 0rem;
  padding: 0 2.5rem;
  width: 100%; }
  .dashboard-page-ri .back-clear {
    display: flex;
    margin-top: 2rem; }
    .dashboard-page-ri .back-clear .button.button.clear {
      margin-right: 1rem; }

.btn-t {
  margin-top: 2rem; }

.btn-b {
  margin-bottom: 2rem; }

.list-staff .split {
  display: flex; }
  .list-staff .split button {
    width: 120px; }
    .list-staff .split button:nth-of-type(2) {
      margin-left: 20px; }

.add-staff .plus-wrapper {
  display: flex;
  justify-content: center; }
  .add-staff .plus-wrapper .add-row-icon {
    margin: auto; }

.add-staff .delete-row-icon {
  margin-left: auto;
  margin-bottom: 20px;
  display: block; }

.add-staff .form-err-msg {
  font-size: 0.75rem;
  color: #FF8800; }

.individual-approval .data-wrapper {
  font-size: 16px;
  display: grid;
  grid-template-columns: 1fr 1fr; }
  .individual-approval .data-wrapper .pair-wrapper {
    margin-bottom: 20px;
    display: flex; }
    .individual-approval .data-wrapper .pair-wrapper .value {
      font-weight: normal;
      color: #646464;
      margin-left: 0.5rem;
      margin-right: 5rem; }
    .individual-approval .data-wrapper .pair-wrapper .label {
      font-weight: bolder;
      margin-bottom: 5px; }

.individual-approval .buttons_actions, .delete-batches .modal-content .individual-approval .button_action, .contact-us .modal-content .individual-approval .button_action, .gift-aid-dialog .modal-content .individual-approval .button_action, .contact-info-dialog .modal-content .individual-approval .button_action, .overclaim-dialog .modal-content .individual-approval .button_action, .delete-cheques .modal-content .individual-approval .button_action, .insert-vouchers .modal-content .individual-approval .button_action, .edit-vouchers .modal-content .individual-approval .button_action, .individual-approval .modal-content .button_action {
  margin-top: 20px;
  width: 100%;
  display: flex;
  justify-content: flex-end; }
  .individual-approval .buttons_actions button, .delete-batches .modal-content .individual-approval .button_action button, .contact-us .modal-content .individual-approval .button_action button, .gift-aid-dialog .modal-content .individual-approval .button_action button, .contact-info-dialog .modal-content .individual-approval .button_action button, .overclaim-dialog .modal-content .individual-approval .button_action button, .delete-cheques .modal-content .individual-approval .button_action button, .insert-vouchers .modal-content .individual-approval .button_action button, .edit-vouchers .modal-content .individual-approval .button_action button, .individual-approval .modal-content .button_action button {
    margin-left: 20px; }

.individual-approval .btns-wrapper {
  margin-top: 20px;
  display: flex;
  justify-content: flex-end; }
  .individual-approval .btns-wrapper button:nth-of-type(2) {
    margin-left: 20px; }

.individual-approval .modal-content {
  height: 320px !important;
  overflow: inherit !important; }
  .individual-approval .modal-content .form-group {
    margin-bottom: 20px; }
  .individual-approval .modal-content .form-all-data, .individual-approval .modal-content .gift-aid-dialog .form-all-data-gift-aid, .gift-aid-dialog .individual-approval .modal-content .form-all-data-gift-aid {
    display: flex;
    flex-direction: row;
    width: 100%; }
    .individual-approval .modal-content .form-all-data input[type="text"], .individual-approval .modal-content .gift-aid-dialog .form-all-data-gift-aid input[type="text"], .gift-aid-dialog .individual-approval .modal-content .form-all-data-gift-aid input[type="text"] {
      width: 98% !important; }

.extend-expiry-date .modal-content {
  overflow: inherit !important; }
  .extend-expiry-date .modal-content .form-group {
    margin-bottom: 20px; }
  .extend-expiry-date .modal-content .clear-button {
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: flex-end; }
    .extend-expiry-date .modal-content .clear-button button.button.clear {
      margin-right: 1rem; }

.gporter-export-modal .form-group, .gporter-export-modal .table {
  margin-bottom: 20px; }

.pdq-page .form-group {
  margin-bottom: 20px; }

.pdq-page .override-fee .form-options .form-option {
  margin-right: 20px; }
  .pdq-page .override-fee .form-options .form-option.is-selected label {
    border-color: #01396C;
    background-color: #01396C;
    color: white; }
  .pdq-page .override-fee .form-options .form-option .form-option-inner {
    height: 3.125rem;
    line-height: 3.125rem;
    border-color: #646464;
    color: #646464; }

.pdq-page .btns-wrap {
  margin-top: 20px; }

.client-voucher-modal .modal-content {
  height: 350px !important; }
  .client-voucher-modal .modal-content h1.page-title.page-tittle {
    font-size: 30px;
    margin-top: 0px !important;
    margin-bottom: 1.5rem !important; }
  .client-voucher-modal .modal-content .buttons_actions-close {
    display: flex;
    flex-direction: row;
    justify-content: center;
    margin-top: 3.5rem; }
  .client-voucher-modal .modal-content .buttons_actions, .client-voucher-modal .delete-batches .modal-content .button_action, .delete-batches .client-voucher-modal .modal-content .button_action, .client-voucher-modal .contact-us .modal-content .button_action, .contact-us .client-voucher-modal .modal-content .button_action, .client-voucher-modal .gift-aid-dialog .modal-content .button_action, .gift-aid-dialog .client-voucher-modal .modal-content .button_action, .client-voucher-modal .contact-info-dialog .modal-content .button_action, .contact-info-dialog .client-voucher-modal .modal-content .button_action, .client-voucher-modal .overclaim-dialog .modal-content .button_action, .overclaim-dialog .client-voucher-modal .modal-content .button_action,
  .client-voucher-modal .delete-cheques .modal-content .button_action, .delete-cheques .client-voucher-modal .modal-content .button_action,
  .client-voucher-modal .insert-vouchers .modal-content .button_action, .insert-vouchers .client-voucher-modal .modal-content .button_action,
  .client-voucher-modal .edit-vouchers .modal-content .button_action, .edit-vouchers .client-voucher-modal .modal-content .button_action, .client-voucher-modal .individual-approval .modal-content .button_action, .individual-approval .client-voucher-modal .modal-content .button_action {
    margin-top: 30px;
    width: 100%;
    display: flex;
    justify-content: flex-end; }
    .client-voucher-modal .modal-content .buttons_actions button, .client-voucher-modal .delete-batches .modal-content .button_action button, .delete-batches .client-voucher-modal .modal-content .button_action button, .client-voucher-modal .contact-us .modal-content .button_action button, .contact-us .client-voucher-modal .modal-content .button_action button, .client-voucher-modal .gift-aid-dialog .modal-content .button_action button, .gift-aid-dialog .client-voucher-modal .modal-content .button_action button, .client-voucher-modal .contact-info-dialog .modal-content .button_action button, .contact-info-dialog .client-voucher-modal .modal-content .button_action button, .client-voucher-modal .overclaim-dialog .modal-content .button_action button, .overclaim-dialog .client-voucher-modal .modal-content .button_action button, .client-voucher-modal .delete-cheques .modal-content .button_action button, .delete-cheques .client-voucher-modal .modal-content .button_action button, .client-voucher-modal .insert-vouchers .modal-content .button_action button, .insert-vouchers .client-voucher-modal .modal-content .button_action button, .client-voucher-modal .edit-vouchers .modal-content .button_action button, .edit-vouchers .client-voucher-modal .modal-content .button_action button, .client-voucher-modal .individual-approval .modal-content .button_action button, .individual-approval .client-voucher-modal .modal-content .button_action button {
      margin-left: 20px; }

.voucher-claim-modal .modal-content, .voucher_claim .modal-content {
  height: 670px !important;
  overflow: inherit !important; }
  .voucher-claim-modal .modal-content .title, .voucher_claim .modal-content .title {
    margin-top: 0rem !important;
    margin-bottom: 0.1rem; }
  .voucher-claim-modal .modal-content .form-group, .voucher_claim .modal-content .form-group {
    margin-bottom: 20px; }
  .voucher-claim-modal .modal-content .form-all-data, .voucher_claim .modal-content .form-all-data, .voucher-claim-modal .modal-content .gift-aid-dialog .form-all-data-gift-aid, .gift-aid-dialog .voucher-claim-modal .modal-content .form-all-data-gift-aid, .voucher_claim .modal-content .gift-aid-dialog .form-all-data-gift-aid, .gift-aid-dialog .voucher_claim .modal-content .form-all-data-gift-aid {
    width: 100%; }
  .voucher-claim-modal .modal-content .button_action, .voucher_claim .modal-content .button_action {
    margin-top: 20px;
    width: 100%;
    display: flex;
    justify-content: flex-end; }
    .voucher-claim-modal .modal-content .button_action button, .voucher_claim .modal-content .button_action button {
      margin-left: 20px; }

.voucher_claim .modal-content {
  height: 570px !important;
  overflow: inherit !important; }
  .voucher_claim .modal-content .title {
    margin: 0rem !important; }

.manage-admin-user-create .modal-content, .manage-admin-user-edit .modal-content, .manage-admin-user-view .modal-content, .delete-users .modal-content {
  height: 560px !important;
  overflow: inherit !important; }
  .manage-admin-user-create .modal-content h1.title, .manage-admin-user-edit .modal-content h1.title, .manage-admin-user-view .modal-content h1.title, .delete-users .modal-content h1.title {
    margin-bottom: 10px !important; }
  .manage-admin-user-create .modal-content .form-all-data-users, .manage-admin-user-edit .modal-content .form-all-data-users, .manage-admin-user-view .modal-content .form-all-data-users, .delete-users .modal-content .form-all-data-users {
    margin-top: 15px;
    display: flex;
    flex-direction: row;
    width: 100%; }
    .manage-admin-user-create .modal-content .form-all-data-users input[type="text"], .manage-admin-user-edit .modal-content .form-all-data-users input[type="text"], .manage-admin-user-view .modal-content .form-all-data-users input[type="text"], .delete-users .modal-content .form-all-data-users input[type="text"] {
      width: 98%; }
    .manage-admin-user-create .modal-content .form-all-data-users input[type="password"], .manage-admin-user-edit .modal-content .form-all-data-users input[type="password"], .manage-admin-user-view .modal-content .form-all-data-users input[type="password"], .delete-users .modal-content .form-all-data-users input[type="password"] {
      width: 98%; }

.manage-admin-user-create .buttons_actions, .manage-admin-user-edit .buttons_actions, .manage-admin-user-view .buttons_actions, .delete-users .buttons_actions, .manage-admin-user-create .delete-batches .modal-content .button_action, .delete-batches .modal-content .manage-admin-user-create .button_action, .manage-admin-user-edit .delete-batches .modal-content .button_action, .delete-batches .modal-content .manage-admin-user-edit .button_action, .manage-admin-user-view .delete-batches .modal-content .button_action, .delete-batches .modal-content .manage-admin-user-view .button_action, .delete-users .delete-batches .modal-content .button_action, .delete-batches .modal-content .delete-users .button_action, .manage-admin-user-create .contact-us .modal-content .button_action, .contact-us .modal-content .manage-admin-user-create .button_action, .manage-admin-user-edit .contact-us .modal-content .button_action, .contact-us .modal-content .manage-admin-user-edit .button_action, .manage-admin-user-view .contact-us .modal-content .button_action, .contact-us .modal-content .manage-admin-user-view .button_action, .delete-users .contact-us .modal-content .button_action, .contact-us .modal-content .delete-users .button_action, .manage-admin-user-create .gift-aid-dialog .modal-content .button_action, .gift-aid-dialog .modal-content .manage-admin-user-create .button_action, .manage-admin-user-edit .gift-aid-dialog .modal-content .button_action, .gift-aid-dialog .modal-content .manage-admin-user-edit .button_action, .manage-admin-user-view .gift-aid-dialog .modal-content .button_action, .gift-aid-dialog .modal-content .manage-admin-user-view .button_action, .delete-users .gift-aid-dialog .modal-content .button_action, .gift-aid-dialog .modal-content .delete-users .button_action, .manage-admin-user-create .contact-info-dialog .modal-content .button_action, .contact-info-dialog .modal-content .manage-admin-user-create .button_action, .manage-admin-user-edit .contact-info-dialog .modal-content .button_action, .contact-info-dialog .modal-content .manage-admin-user-edit .button_action, .manage-admin-user-view .contact-info-dialog .modal-content .button_action, .contact-info-dialog .modal-content .manage-admin-user-view .button_action, .delete-users .contact-info-dialog .modal-content .button_action, .contact-info-dialog .modal-content .delete-users .button_action, .manage-admin-user-create .overclaim-dialog .modal-content .button_action, .overclaim-dialog .modal-content .manage-admin-user-create .button_action, .manage-admin-user-edit .overclaim-dialog .modal-content .button_action, .overclaim-dialog .modal-content .manage-admin-user-edit .button_action, .manage-admin-user-view .overclaim-dialog .modal-content .button_action, .overclaim-dialog .modal-content .manage-admin-user-view .button_action, .delete-users .overclaim-dialog .modal-content .button_action, .overclaim-dialog .modal-content .delete-users .button_action,
.manage-admin-user-create .delete-cheques .modal-content .button_action, .delete-cheques .modal-content .manage-admin-user-create .button_action,
.manage-admin-user-edit .delete-cheques .modal-content .button_action, .delete-cheques .modal-content .manage-admin-user-edit .button_action,
.manage-admin-user-view .delete-cheques .modal-content .button_action, .delete-cheques .modal-content .manage-admin-user-view .button_action,
.delete-users .delete-cheques .modal-content .button_action, .delete-cheques .modal-content .delete-users .button_action,
.manage-admin-user-create .insert-vouchers .modal-content .button_action, .insert-vouchers .modal-content .manage-admin-user-create .button_action,
.manage-admin-user-edit .insert-vouchers .modal-content .button_action, .insert-vouchers .modal-content .manage-admin-user-edit .button_action,
.manage-admin-user-view .insert-vouchers .modal-content .button_action, .insert-vouchers .modal-content .manage-admin-user-view .button_action,
.delete-users .insert-vouchers .modal-content .button_action, .insert-vouchers .modal-content .delete-users .button_action,
.manage-admin-user-create .edit-vouchers .modal-content .button_action, .edit-vouchers .modal-content .manage-admin-user-create .button_action,
.manage-admin-user-edit .edit-vouchers .modal-content .button_action, .edit-vouchers .modal-content .manage-admin-user-edit .button_action,
.manage-admin-user-view .edit-vouchers .modal-content .button_action, .edit-vouchers .modal-content .manage-admin-user-view .button_action,
.delete-users .edit-vouchers .modal-content .button_action, .edit-vouchers .modal-content .delete-users .button_action, .manage-admin-user-create .individual-approval .modal-content .button_action, .individual-approval .modal-content .manage-admin-user-create .button_action, .manage-admin-user-edit .individual-approval .modal-content .button_action, .individual-approval .modal-content .manage-admin-user-edit .button_action, .manage-admin-user-view .individual-approval .modal-content .button_action, .individual-approval .modal-content .manage-admin-user-view .button_action, .delete-users .individual-approval .modal-content .button_action, .individual-approval .modal-content .delete-users .button_action {
  margin-top: 35px;
  width: 100%;
  display: flex;
  justify-content: flex-end; }
  .manage-admin-user-create .buttons_actions button, .manage-admin-user-edit .buttons_actions button, .manage-admin-user-view .buttons_actions button, .delete-users .buttons_actions button, .manage-admin-user-create .delete-batches .modal-content .button_action button, .delete-batches .modal-content .manage-admin-user-create .button_action button, .manage-admin-user-edit .delete-batches .modal-content .button_action button, .delete-batches .modal-content .manage-admin-user-edit .button_action button, .manage-admin-user-view .delete-batches .modal-content .button_action button, .delete-batches .modal-content .manage-admin-user-view .button_action button, .delete-users .delete-batches .modal-content .button_action button, .delete-batches .modal-content .delete-users .button_action button, .manage-admin-user-create .contact-us .modal-content .button_action button, .contact-us .modal-content .manage-admin-user-create .button_action button, .manage-admin-user-edit .contact-us .modal-content .button_action button, .contact-us .modal-content .manage-admin-user-edit .button_action button, .manage-admin-user-view .contact-us .modal-content .button_action button, .contact-us .modal-content .manage-admin-user-view .button_action button, .delete-users .contact-us .modal-content .button_action button, .contact-us .modal-content .delete-users .button_action button, .manage-admin-user-create .gift-aid-dialog .modal-content .button_action button, .gift-aid-dialog .modal-content .manage-admin-user-create .button_action button, .manage-admin-user-edit .gift-aid-dialog .modal-content .button_action button, .gift-aid-dialog .modal-content .manage-admin-user-edit .button_action button, .manage-admin-user-view .gift-aid-dialog .modal-content .button_action button, .gift-aid-dialog .modal-content .manage-admin-user-view .button_action button, .delete-users .gift-aid-dialog .modal-content .button_action button, .gift-aid-dialog .modal-content .delete-users .button_action button, .manage-admin-user-create .contact-info-dialog .modal-content .button_action button, .contact-info-dialog .modal-content .manage-admin-user-create .button_action button, .manage-admin-user-edit .contact-info-dialog .modal-content .button_action button, .contact-info-dialog .modal-content .manage-admin-user-edit .button_action button, .manage-admin-user-view .contact-info-dialog .modal-content .button_action button, .contact-info-dialog .modal-content .manage-admin-user-view .button_action button, .delete-users .contact-info-dialog .modal-content .button_action button, .contact-info-dialog .modal-content .delete-users .button_action button, .manage-admin-user-create .overclaim-dialog .modal-content .button_action button, .overclaim-dialog .modal-content .manage-admin-user-create .button_action button, .manage-admin-user-edit .overclaim-dialog .modal-content .button_action button, .overclaim-dialog .modal-content .manage-admin-user-edit .button_action button, .manage-admin-user-view .overclaim-dialog .modal-content .button_action button, .overclaim-dialog .modal-content .manage-admin-user-view .button_action button, .delete-users .overclaim-dialog .modal-content .button_action button, .overclaim-dialog .modal-content .delete-users .button_action button, .manage-admin-user-create .delete-cheques .modal-content .button_action button, .delete-cheques .modal-content .manage-admin-user-create .button_action button, .manage-admin-user-edit .delete-cheques .modal-content .button_action button, .delete-cheques .modal-content .manage-admin-user-edit .button_action button, .manage-admin-user-view .delete-cheques .modal-content .button_action button, .delete-cheques .modal-content .manage-admin-user-view .button_action button, .delete-users .delete-cheques .modal-content .button_action button, .delete-cheques .modal-content .delete-users .button_action button, .manage-admin-user-create .insert-vouchers .modal-content .button_action button, .insert-vouchers .modal-content .manage-admin-user-create .button_action button, .manage-admin-user-edit .insert-vouchers .modal-content .button_action button, .insert-vouchers .modal-content .manage-admin-user-edit .button_action button, .manage-admin-user-view .insert-vouchers .modal-content .button_action button, .insert-vouchers .modal-content .manage-admin-user-view .button_action button, .delete-users .insert-vouchers .modal-content .button_action button, .insert-vouchers .modal-content .delete-users .button_action button, .manage-admin-user-create .edit-vouchers .modal-content .button_action button, .edit-vouchers .modal-content .manage-admin-user-create .button_action button, .manage-admin-user-edit .edit-vouchers .modal-content .button_action button, .edit-vouchers .modal-content .manage-admin-user-edit .button_action button, .manage-admin-user-view .edit-vouchers .modal-content .button_action button, .edit-vouchers .modal-content .manage-admin-user-view .button_action button, .delete-users .edit-vouchers .modal-content .button_action button, .edit-vouchers .modal-content .delete-users .button_action button, .manage-admin-user-create .individual-approval .modal-content .button_action button, .individual-approval .modal-content .manage-admin-user-create .button_action button, .manage-admin-user-edit .individual-approval .modal-content .button_action button, .individual-approval .modal-content .manage-admin-user-edit .button_action button, .manage-admin-user-view .individual-approval .modal-content .button_action button, .individual-approval .modal-content .manage-admin-user-view .button_action button, .delete-users .individual-approval .modal-content .button_action button, .individual-approval .modal-content .delete-users .button_action button {
    margin-left: 20px; }

.manage-admin-user-edit .modal-content {
  height: 500px !important;
  overflow: inherit !important; }
  .manage-admin-user-edit .modal-content h1.title {
    margin-bottom: 20px !important; }

.manage-admin-user-edit .buttons_actions, .manage-admin-user-edit .delete-batches .modal-content .button_action, .delete-batches .modal-content .manage-admin-user-edit .button_action, .manage-admin-user-edit .contact-us .modal-content .button_action, .contact-us .modal-content .manage-admin-user-edit .button_action, .manage-admin-user-edit .gift-aid-dialog .modal-content .button_action, .gift-aid-dialog .modal-content .manage-admin-user-edit .button_action, .manage-admin-user-edit .contact-info-dialog .modal-content .button_action, .contact-info-dialog .modal-content .manage-admin-user-edit .button_action, .manage-admin-user-edit .overclaim-dialog .modal-content .button_action, .overclaim-dialog .modal-content .manage-admin-user-edit .button_action,
.manage-admin-user-edit .delete-cheques .modal-content .button_action, .delete-cheques .modal-content .manage-admin-user-edit .button_action,
.manage-admin-user-edit .insert-vouchers .modal-content .button_action, .insert-vouchers .modal-content .manage-admin-user-edit .button_action,
.manage-admin-user-edit .edit-vouchers .modal-content .button_action, .edit-vouchers .modal-content .manage-admin-user-edit .button_action, .manage-admin-user-edit .individual-approval .modal-content .button_action, .individual-approval .modal-content .manage-admin-user-edit .button_action {
  margin-top: 30px; }

.manage-admin-user-edit .error-message.css-1jb5wx2-ErrorMessage {
  text-align: left;
  margin-top: 1.5rem; }

.manage-admin-user-view .modal-content {
  height: 350px !important;
  width: 500px !important;
  overflow: inherit !important; }
  .manage-admin-user-view .modal-content h1.title {
    margin-bottom: 20px !important; }
  .manage-admin-user-view .modal-content span.information {
    display: flex;
    margin-bottom: 0.4rem; }
  .manage-admin-user-view .modal-content p.info {
    font-weight: bold;
    margin-right: 0.4rem; }

.manage-admin-user-view .buttons_actions, .manage-admin-user-view .delete-batches .modal-content .button_action, .delete-batches .modal-content .manage-admin-user-view .button_action, .manage-admin-user-view .contact-us .modal-content .button_action, .contact-us .modal-content .manage-admin-user-view .button_action, .manage-admin-user-view .gift-aid-dialog .modal-content .button_action, .gift-aid-dialog .modal-content .manage-admin-user-view .button_action, .manage-admin-user-view .contact-info-dialog .modal-content .button_action, .contact-info-dialog .modal-content .manage-admin-user-view .button_action, .manage-admin-user-view .overclaim-dialog .modal-content .button_action, .overclaim-dialog .modal-content .manage-admin-user-view .button_action,
.manage-admin-user-view .delete-cheques .modal-content .button_action, .delete-cheques .modal-content .manage-admin-user-view .button_action,
.manage-admin-user-view .insert-vouchers .modal-content .button_action, .insert-vouchers .modal-content .manage-admin-user-view .button_action,
.manage-admin-user-view .edit-vouchers .modal-content .button_action, .edit-vouchers .modal-content .manage-admin-user-view .button_action, .manage-admin-user-view .individual-approval .modal-content .button_action, .individual-approval .modal-content .manage-admin-user-view .button_action {
  margin-top: 35px;
  width: 100%;
  display: flex;
  justify-content: center !important; }

.delete-users .modal-content {
  height: 280px !important; }

.requests-charity-registration .table th:nth-of-type(1), .delete-view .table th:nth-of-type(1) {
  width: 400px; }

.requests-charity-registration .table th:nth-of-type(2), .delete-view .table th:nth-of-type(2) {
  width: 100px; }

.requests-charity-registration .table th:nth-of-type(3), .delete-view .table th:nth-of-type(3) {
  width: 200px; }

.requests-charity-registration .modal-content, .delete-view .modal-content {
  width: 700px !important;
  overflow: inherit !important; }
  .requests-charity-registration .modal-content h1.title, .delete-view .modal-content h1.title {
    margin-bottom: 20px !important; }
  .requests-charity-registration .modal-content span.information, .delete-view .modal-content span.information {
    display: flex;
    margin-bottom: 0.4rem; }
  .requests-charity-registration .modal-content p.info, .delete-view .modal-content p.info {
    font-weight: bold;
    margin-right: 0.4rem; }

.requests-charity-registration .buttons_actions, .delete-view .buttons_actions, .requests-charity-registration .delete-batches .modal-content .button_action, .delete-batches .modal-content .requests-charity-registration .button_action, .delete-view .delete-batches .modal-content .button_action, .delete-batches .modal-content .delete-view .button_action, .requests-charity-registration .contact-us .modal-content .button_action, .contact-us .modal-content .requests-charity-registration .button_action, .delete-view .contact-us .modal-content .button_action, .contact-us .modal-content .delete-view .button_action, .requests-charity-registration .gift-aid-dialog .modal-content .button_action, .gift-aid-dialog .modal-content .requests-charity-registration .button_action, .delete-view .gift-aid-dialog .modal-content .button_action, .gift-aid-dialog .modal-content .delete-view .button_action, .requests-charity-registration .contact-info-dialog .modal-content .button_action, .contact-info-dialog .modal-content .requests-charity-registration .button_action, .delete-view .contact-info-dialog .modal-content .button_action, .contact-info-dialog .modal-content .delete-view .button_action, .requests-charity-registration .overclaim-dialog .modal-content .button_action, .overclaim-dialog .modal-content .requests-charity-registration .button_action, .delete-view .overclaim-dialog .modal-content .button_action, .overclaim-dialog .modal-content .delete-view .button_action,
.requests-charity-registration .delete-cheques .modal-content .button_action, .delete-cheques .modal-content .requests-charity-registration .button_action,
.delete-view .delete-cheques .modal-content .button_action, .delete-cheques .modal-content .delete-view .button_action,
.requests-charity-registration .insert-vouchers .modal-content .button_action, .insert-vouchers .modal-content .requests-charity-registration .button_action,
.delete-view .insert-vouchers .modal-content .button_action, .insert-vouchers .modal-content .delete-view .button_action,
.requests-charity-registration .edit-vouchers .modal-content .button_action, .edit-vouchers .modal-content .requests-charity-registration .button_action,
.delete-view .edit-vouchers .modal-content .button_action, .edit-vouchers .modal-content .delete-view .button_action, .requests-charity-registration .individual-approval .modal-content .button_action, .individual-approval .modal-content .requests-charity-registration .button_action, .delete-view .individual-approval .modal-content .button_action, .individual-approval .modal-content .delete-view .button_action {
  margin-top: 35px;
  width: 100%;
  display: flex;
  justify-content: center !important; }

.delete-view .modal-content {
  width: 570px !important;
  height: 300px !important; }

.delete-view button {
  margin-left: 20px; }

.gift-aid-fail .modal-content {
  height: 300px !important;
  width: 600px !important; }
  .gift-aid-fail .modal-content h1.page-title.page-tittle {
    font-size: 30px;
    margin-top: 0px !important;
    margin-bottom: 1.5rem !important; }
  .gift-aid-fail .modal-content span {
    font-weight: bold; }
  .gift-aid-fail .modal-content .info-amounts {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-top: 1rem; }
  .gift-aid-fail .modal-content .buttons_actions-close {
    display: flex;
    flex-direction: row;
    justify-content: center;
    margin-top: 3.5rem; }
  .gift-aid-fail .modal-content .buttons_actions, .gift-aid-fail .delete-batches .modal-content .button_action, .delete-batches .gift-aid-fail .modal-content .button_action, .gift-aid-fail .contact-us .modal-content .button_action, .contact-us .gift-aid-fail .modal-content .button_action, .gift-aid-fail .gift-aid-dialog .modal-content .button_action, .gift-aid-dialog .gift-aid-fail .modal-content .button_action, .gift-aid-fail .contact-info-dialog .modal-content .button_action, .contact-info-dialog .gift-aid-fail .modal-content .button_action, .gift-aid-fail .overclaim-dialog .modal-content .button_action, .overclaim-dialog .gift-aid-fail .modal-content .button_action,
  .gift-aid-fail .delete-cheques .modal-content .button_action, .delete-cheques .gift-aid-fail .modal-content .button_action,
  .gift-aid-fail .insert-vouchers .modal-content .button_action, .insert-vouchers .gift-aid-fail .modal-content .button_action,
  .gift-aid-fail .edit-vouchers .modal-content .button_action, .edit-vouchers .gift-aid-fail .modal-content .button_action, .gift-aid-fail .individual-approval .modal-content .button_action, .individual-approval .gift-aid-fail .modal-content .button_action {
    margin-top: 30px;
    width: 100%;
    display: flex;
    justify-content: flex-end; }
    .gift-aid-fail .modal-content .buttons_actions button, .gift-aid-fail .delete-batches .modal-content .button_action button, .delete-batches .gift-aid-fail .modal-content .button_action button, .gift-aid-fail .contact-us .modal-content .button_action button, .contact-us .gift-aid-fail .modal-content .button_action button, .gift-aid-fail .gift-aid-dialog .modal-content .button_action button, .gift-aid-dialog .gift-aid-fail .modal-content .button_action button, .gift-aid-fail .contact-info-dialog .modal-content .button_action button, .contact-info-dialog .gift-aid-fail .modal-content .button_action button, .gift-aid-fail .overclaim-dialog .modal-content .button_action button, .overclaim-dialog .gift-aid-fail .modal-content .button_action button, .gift-aid-fail .delete-cheques .modal-content .button_action button, .delete-cheques .gift-aid-fail .modal-content .button_action button, .gift-aid-fail .insert-vouchers .modal-content .button_action button, .insert-vouchers .gift-aid-fail .modal-content .button_action button, .gift-aid-fail .edit-vouchers .modal-content .button_action button, .edit-vouchers .gift-aid-fail .modal-content .button_action button, .gift-aid-fail .individual-approval .modal-content .button_action button, .individual-approval .gift-aid-fail .modal-content .button_action button {
      margin-left: 20px; }

.worldpay-amex .modal-content {
  height: 300px !important;
  width: 600px !important; }
  .worldpay-amex .modal-content h1.page-title.page-tittle {
    font-size: 30px;
    margin-top: 0px !important;
    margin-bottom: 1.5rem !important; }
  .worldpay-amex .modal-content span {
    font-weight: bold; }
  .worldpay-amex .modal-content .info-amounts {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-top: 1rem; }
  .worldpay-amex .modal-content .buttons_actions-close {
    display: flex;
    flex-direction: row;
    justify-content: center;
    margin-top: 3.5rem; }
  .worldpay-amex .modal-content .buttons_actions, .worldpay-amex .delete-batches .modal-content .button_action, .delete-batches .worldpay-amex .modal-content .button_action, .worldpay-amex .contact-us .modal-content .button_action, .contact-us .worldpay-amex .modal-content .button_action, .worldpay-amex .gift-aid-dialog .modal-content .button_action, .gift-aid-dialog .worldpay-amex .modal-content .button_action, .worldpay-amex .contact-info-dialog .modal-content .button_action, .contact-info-dialog .worldpay-amex .modal-content .button_action, .worldpay-amex .overclaim-dialog .modal-content .button_action, .overclaim-dialog .worldpay-amex .modal-content .button_action,
  .worldpay-amex .delete-cheques .modal-content .button_action, .delete-cheques .worldpay-amex .modal-content .button_action,
  .worldpay-amex .insert-vouchers .modal-content .button_action, .insert-vouchers .worldpay-amex .modal-content .button_action,
  .worldpay-amex .edit-vouchers .modal-content .button_action, .edit-vouchers .worldpay-amex .modal-content .button_action, .worldpay-amex .individual-approval .modal-content .button_action, .individual-approval .worldpay-amex .modal-content .button_action {
    margin-top: 30px;
    width: 100%;
    display: flex;
    justify-content: flex-end; }
    .worldpay-amex .modal-content .buttons_actions button, .worldpay-amex .delete-batches .modal-content .button_action button, .delete-batches .worldpay-amex .modal-content .button_action button, .worldpay-amex .contact-us .modal-content .button_action button, .contact-us .worldpay-amex .modal-content .button_action button, .worldpay-amex .gift-aid-dialog .modal-content .button_action button, .gift-aid-dialog .worldpay-amex .modal-content .button_action button, .worldpay-amex .contact-info-dialog .modal-content .button_action button, .contact-info-dialog .worldpay-amex .modal-content .button_action button, .worldpay-amex .overclaim-dialog .modal-content .button_action button, .overclaim-dialog .worldpay-amex .modal-content .button_action button, .worldpay-amex .delete-cheques .modal-content .button_action button, .delete-cheques .worldpay-amex .modal-content .button_action button, .worldpay-amex .insert-vouchers .modal-content .button_action button, .insert-vouchers .worldpay-amex .modal-content .button_action button, .worldpay-amex .edit-vouchers .modal-content .button_action button, .edit-vouchers .worldpay-amex .modal-content .button_action button, .worldpay-amex .individual-approval .modal-content .button_action button, .individual-approval .worldpay-amex .modal-content .button_action button {
      margin-left: 20px; }

.cheques .modal-content {
  height: 210px !important;
  width: 700px !important; }
  .cheques .modal-content h1.page-title.page-tittle {
    font-size: 30px;
    margin-top: 0px !important;
    margin-bottom: 1.5rem !important; }
  .cheques .modal-content p.cheque-title {
    font-weight: 600;
    font-size: 18px;
    margin-top: 0rem;
    color: #01396C;
    margin-bottom: 2rem; }
  .cheques .modal-content span {
    font-weight: bold; }
  .cheques .modal-content .info-amounts {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-top: 1rem; }
  .cheques .modal-content .buttons_actions-close {
    display: flex;
    flex-direction: row;
    justify-content: center;
    margin-top: 3.5rem; }
  .cheques .modal-content .buttons_actions, .cheques .delete-batches .modal-content .button_action, .delete-batches .cheques .modal-content .button_action, .cheques .contact-us .modal-content .button_action, .contact-us .cheques .modal-content .button_action, .cheques .gift-aid-dialog .modal-content .button_action, .gift-aid-dialog .cheques .modal-content .button_action, .cheques .contact-info-dialog .modal-content .button_action, .contact-info-dialog .cheques .modal-content .button_action, .cheques .overclaim-dialog .modal-content .button_action, .overclaim-dialog .cheques .modal-content .button_action,
  .cheques .delete-cheques .modal-content .button_action, .delete-cheques .cheques .modal-content .button_action,
  .cheques .insert-vouchers .modal-content .button_action, .insert-vouchers .cheques .modal-content .button_action,
  .cheques .edit-vouchers .modal-content .button_action, .edit-vouchers .cheques .modal-content .button_action, .cheques .individual-approval .modal-content .button_action, .individual-approval .cheques .modal-content .button_action {
    margin-top: 4rem !important;
    width: 100%;
    display: flex;
    justify-content: flex-end; }
    .cheques .modal-content .buttons_actions button, .cheques .delete-batches .modal-content .button_action button, .delete-batches .cheques .modal-content .button_action button, .cheques .contact-us .modal-content .button_action button, .contact-us .cheques .modal-content .button_action button, .cheques .gift-aid-dialog .modal-content .button_action button, .gift-aid-dialog .cheques .modal-content .button_action button, .cheques .contact-info-dialog .modal-content .button_action button, .contact-info-dialog .cheques .modal-content .button_action button, .cheques .overclaim-dialog .modal-content .button_action button, .overclaim-dialog .cheques .modal-content .button_action button, .cheques .delete-cheques .modal-content .button_action button, .delete-cheques .cheques .modal-content .button_action button, .cheques .insert-vouchers .modal-content .button_action button, .insert-vouchers .cheques .modal-content .button_action button, .cheques .edit-vouchers .modal-content .button_action button, .edit-vouchers .cheques .modal-content .button_action button, .cheques .individual-approval .modal-content .button_action button, .individual-approval .cheques .modal-content .button_action button {
      margin-left: 20px; }

.form-action-buttons button {
  display: inline-block;
  margin-right: 20px !important; }

.rules .modal-content {
  height: 350px !important;
  overflow: inherit !important; }
  .rules .modal-content h1.title {
    margin-bottom: 10px !important; }

.rules .buttons_actions, .rules .delete-batches .modal-content .button_action, .delete-batches .modal-content .rules .button_action, .rules .contact-us .modal-content .button_action, .contact-us .modal-content .rules .button_action, .rules .gift-aid-dialog .modal-content .button_action, .gift-aid-dialog .modal-content .rules .button_action, .rules .contact-info-dialog .modal-content .button_action, .contact-info-dialog .modal-content .rules .button_action, .rules .overclaim-dialog .modal-content .button_action, .overclaim-dialog .modal-content .rules .button_action,
.rules .delete-cheques .modal-content .button_action, .delete-cheques .modal-content .rules .button_action,
.rules .insert-vouchers .modal-content .button_action, .insert-vouchers .modal-content .rules .button_action,
.rules .edit-vouchers .modal-content .button_action, .edit-vouchers .modal-content .rules .button_action, .rules .individual-approval .modal-content .button_action, .individual-approval .modal-content .rules .button_action {
  margin-top: 35px;
  width: 100%;
  display: flex;
  justify-content: center; }
  .rules .buttons_actions button, .rules .delete-batches .modal-content .button_action button, .delete-batches .modal-content .rules .button_action button, .rules .contact-us .modal-content .button_action button, .contact-us .modal-content .rules .button_action button, .rules .gift-aid-dialog .modal-content .button_action button, .gift-aid-dialog .modal-content .rules .button_action button, .rules .contact-info-dialog .modal-content .button_action button, .contact-info-dialog .modal-content .rules .button_action button, .rules .overclaim-dialog .modal-content .button_action button, .overclaim-dialog .modal-content .rules .button_action button, .rules .delete-cheques .modal-content .button_action button, .delete-cheques .modal-content .rules .button_action button, .rules .insert-vouchers .modal-content .button_action button, .insert-vouchers .modal-content .rules .button_action button, .rules .edit-vouchers .modal-content .button_action button, .edit-vouchers .modal-content .rules .button_action button, .rules .individual-approval .modal-content .button_action button, .individual-approval .modal-content .rules .button_action button {
    margin-left: 20px; }

.partially-consolidated .modal-content {
  height: 250px !important; }
  .partially-consolidated .modal-content h2.title {
    font-size: 20px !important;
    margin-bottom: 1.5rem !important; }
  .partially-consolidated .modal-content .standard-btns {
    display: flex;
    margin-top: 40px !important;
    width: 100%;
    justify-content: flex-end; }
  .partially-consolidated .modal-content .buttons_actions-close {
    display: flex;
    flex-direction: row;
    justify-content: center;
    margin-top: 3.5rem; }
  .partially-consolidated .modal-content .buttons_actions, .partially-consolidated .delete-batches .modal-content .button_action, .delete-batches .partially-consolidated .modal-content .button_action, .partially-consolidated .contact-us .modal-content .button_action, .contact-us .partially-consolidated .modal-content .button_action, .partially-consolidated .gift-aid-dialog .modal-content .button_action, .gift-aid-dialog .partially-consolidated .modal-content .button_action, .partially-consolidated .contact-info-dialog .modal-content .button_action, .contact-info-dialog .partially-consolidated .modal-content .button_action, .partially-consolidated .overclaim-dialog .modal-content .button_action, .overclaim-dialog .partially-consolidated .modal-content .button_action,
  .partially-consolidated .delete-cheques .modal-content .button_action, .delete-cheques .partially-consolidated .modal-content .button_action,
  .partially-consolidated .insert-vouchers .modal-content .button_action, .insert-vouchers .partially-consolidated .modal-content .button_action,
  .partially-consolidated .edit-vouchers .modal-content .button_action, .edit-vouchers .partially-consolidated .modal-content .button_action, .partially-consolidated .individual-approval .modal-content .button_action, .individual-approval .partially-consolidated .modal-content .button_action {
    margin-top: 30px;
    width: 100%;
    display: flex;
    justify-content: flex-end; }
    .partially-consolidated .modal-content .buttons_actions button, .partially-consolidated .delete-batches .modal-content .button_action button, .delete-batches .partially-consolidated .modal-content .button_action button, .partially-consolidated .contact-us .modal-content .button_action button, .contact-us .partially-consolidated .modal-content .button_action button, .partially-consolidated .gift-aid-dialog .modal-content .button_action button, .gift-aid-dialog .partially-consolidated .modal-content .button_action button, .partially-consolidated .contact-info-dialog .modal-content .button_action button, .contact-info-dialog .partially-consolidated .modal-content .button_action button, .partially-consolidated .overclaim-dialog .modal-content .button_action button, .overclaim-dialog .partially-consolidated .modal-content .button_action button, .partially-consolidated .delete-cheques .modal-content .button_action button, .delete-cheques .partially-consolidated .modal-content .button_action button, .partially-consolidated .insert-vouchers .modal-content .button_action button, .insert-vouchers .partially-consolidated .modal-content .button_action button, .partially-consolidated .edit-vouchers .modal-content .button_action button, .edit-vouchers .partially-consolidated .modal-content .button_action button, .partially-consolidated .individual-approval .modal-content .button_action button, .individual-approval .partially-consolidated .modal-content .button_action button {
      margin-left: 20px; }

.payments-widget .modal-content {
  height: 250px !important;
  overflow: inherit !important; }
  .payments-widget .modal-content h1.title {
    margin-bottom: 10px !important; }

.payments-widget .buttons_actions, .payments-widget .delete-batches .modal-content .button_action, .delete-batches .modal-content .payments-widget .button_action, .payments-widget .contact-us .modal-content .button_action, .contact-us .modal-content .payments-widget .button_action, .payments-widget .gift-aid-dialog .modal-content .button_action, .gift-aid-dialog .modal-content .payments-widget .button_action, .payments-widget .contact-info-dialog .modal-content .button_action, .contact-info-dialog .modal-content .payments-widget .button_action, .payments-widget .overclaim-dialog .modal-content .button_action, .overclaim-dialog .modal-content .payments-widget .button_action,
.payments-widget .delete-cheques .modal-content .button_action, .delete-cheques .modal-content .payments-widget .button_action,
.payments-widget .insert-vouchers .modal-content .button_action, .insert-vouchers .modal-content .payments-widget .button_action,
.payments-widget .edit-vouchers .modal-content .button_action, .edit-vouchers .modal-content .payments-widget .button_action, .payments-widget .individual-approval .modal-content .button_action, .individual-approval .modal-content .payments-widget .button_action {
  margin-top: 35px;
  width: 100%;
  display: flex;
  justify-content: flex-end; }
  .payments-widget .buttons_actions button, .payments-widget .delete-batches .modal-content .button_action button, .delete-batches .modal-content .payments-widget .button_action button, .payments-widget .contact-us .modal-content .button_action button, .contact-us .modal-content .payments-widget .button_action button, .payments-widget .gift-aid-dialog .modal-content .button_action button, .gift-aid-dialog .modal-content .payments-widget .button_action button, .payments-widget .contact-info-dialog .modal-content .button_action button, .contact-info-dialog .modal-content .payments-widget .button_action button, .payments-widget .overclaim-dialog .modal-content .button_action button, .overclaim-dialog .modal-content .payments-widget .button_action button, .payments-widget .delete-cheques .modal-content .button_action button, .delete-cheques .modal-content .payments-widget .button_action button, .payments-widget .insert-vouchers .modal-content .button_action button, .insert-vouchers .modal-content .payments-widget .button_action button, .payments-widget .edit-vouchers .modal-content .button_action button, .edit-vouchers .modal-content .payments-widget .button_action button, .payments-widget .individual-approval .modal-content .button_action button, .individual-approval .modal-content .payments-widget .button_action button {
    margin-left: 20px; }

.create_batch .modal-content {
  height: 320px !important;
  width: 700px !important; }
  .create_batch .modal-content h1.page-title.page-tittle {
    font-size: 30px;
    margin-top: 0px !important;
    margin-bottom: 1.5rem !important; }
  .create_batch .modal-content p.cheque-title {
    font-weight: 600;
    font-size: 18px;
    margin-top: 0rem;
    color: #01396C;
    margin-bottom: 2rem; }
  .create_batch .modal-content span {
    font-weight: bold; }
  .create_batch .modal-content .info-amounts {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-top: 1rem; }
  .create_batch .modal-content .buttons_actions-close {
    display: flex;
    flex-direction: row;
    justify-content: center;
    margin-top: 3.5rem; }
  .create_batch .modal-content .buttons_actions, .create_batch .delete-batches .modal-content .button_action, .delete-batches .create_batch .modal-content .button_action, .create_batch .contact-us .modal-content .button_action, .contact-us .create_batch .modal-content .button_action, .create_batch .gift-aid-dialog .modal-content .button_action, .gift-aid-dialog .create_batch .modal-content .button_action, .create_batch .contact-info-dialog .modal-content .button_action, .contact-info-dialog .create_batch .modal-content .button_action, .create_batch .overclaim-dialog .modal-content .button_action, .overclaim-dialog .create_batch .modal-content .button_action,
  .create_batch .delete-cheques .modal-content .button_action, .delete-cheques .create_batch .modal-content .button_action,
  .create_batch .insert-vouchers .modal-content .button_action, .insert-vouchers .create_batch .modal-content .button_action,
  .create_batch .edit-vouchers .modal-content .button_action, .edit-vouchers .create_batch .modal-content .button_action, .create_batch .individual-approval .modal-content .button_action, .individual-approval .create_batch .modal-content .button_action {
    margin-top: 4rem !important;
    width: 100%;
    display: flex;
    justify-content: flex-end; }
    .create_batch .modal-content .buttons_actions button, .create_batch .delete-batches .modal-content .button_action button, .delete-batches .create_batch .modal-content .button_action button, .create_batch .contact-us .modal-content .button_action button, .contact-us .create_batch .modal-content .button_action button, .create_batch .gift-aid-dialog .modal-content .button_action button, .gift-aid-dialog .create_batch .modal-content .button_action button, .create_batch .contact-info-dialog .modal-content .button_action button, .contact-info-dialog .create_batch .modal-content .button_action button, .create_batch .overclaim-dialog .modal-content .button_action button, .overclaim-dialog .create_batch .modal-content .button_action button, .create_batch .delete-cheques .modal-content .button_action button, .delete-cheques .create_batch .modal-content .button_action button, .create_batch .insert-vouchers .modal-content .button_action button, .insert-vouchers .create_batch .modal-content .button_action button, .create_batch .edit-vouchers .modal-content .button_action button, .edit-vouchers .create_batch .modal-content .button_action button, .create_batch .individual-approval .modal-content .button_action button, .individual-approval .create_batch .modal-content .button_action button {
      margin-left: 20px; }

.charity_page .modal-content {
  height: 290px !important;
  width: 700px !important; }
  .charity_page .modal-content h1.page-title.page-tittle {
    font-size: 30px;
    margin-top: 0px !important;
    margin-bottom: 1.5rem !important; }
  .charity_page .modal-content .buttons_actions, .charity_page .delete-batches .modal-content .button_action, .delete-batches .charity_page .modal-content .button_action, .charity_page .contact-us .modal-content .button_action, .contact-us .charity_page .modal-content .button_action, .charity_page .gift-aid-dialog .modal-content .button_action, .gift-aid-dialog .charity_page .modal-content .button_action, .charity_page .contact-info-dialog .modal-content .button_action, .contact-info-dialog .charity_page .modal-content .button_action, .charity_page .overclaim-dialog .modal-content .button_action, .overclaim-dialog .charity_page .modal-content .button_action,
  .charity_page .delete-cheques .modal-content .button_action, .delete-cheques .charity_page .modal-content .button_action,
  .charity_page .insert-vouchers .modal-content .button_action, .insert-vouchers .charity_page .modal-content .button_action,
  .charity_page .edit-vouchers .modal-content .button_action, .edit-vouchers .charity_page .modal-content .button_action, .charity_page .individual-approval .modal-content .button_action, .individual-approval .charity_page .modal-content .button_action {
    margin-top: 4rem !important;
    width: 100%;
    display: flex;
    justify-content: flex-end; }
    .charity_page .modal-content .buttons_actions button, .charity_page .delete-batches .modal-content .button_action button, .delete-batches .charity_page .modal-content .button_action button, .charity_page .contact-us .modal-content .button_action button, .contact-us .charity_page .modal-content .button_action button, .charity_page .gift-aid-dialog .modal-content .button_action button, .gift-aid-dialog .charity_page .modal-content .button_action button, .charity_page .contact-info-dialog .modal-content .button_action button, .contact-info-dialog .charity_page .modal-content .button_action button, .charity_page .overclaim-dialog .modal-content .button_action button, .overclaim-dialog .charity_page .modal-content .button_action button, .charity_page .delete-cheques .modal-content .button_action button, .delete-cheques .charity_page .modal-content .button_action button, .charity_page .insert-vouchers .modal-content .button_action button, .insert-vouchers .charity_page .modal-content .button_action button, .charity_page .edit-vouchers .modal-content .button_action button, .edit-vouchers .charity_page .modal-content .button_action button, .charity_page .individual-approval .modal-content .button_action button, .individual-approval .charity_page .modal-content .button_action button {
      margin-left: 20px; }

.delete_cheque .modal-content, .delete_rule .modal-content {
  height: 290px !important;
  width: 700px !important; }
  .delete_cheque .modal-content h1.page-title.page-tittle, .delete_rule .modal-content h1.page-title.page-tittle {
    font-size: 30px;
    margin-top: 0px !important;
    margin-bottom: 1.5rem !important; }
  .delete_cheque .modal-content .buttons_actions, .delete_rule .modal-content .buttons_actions, .delete_cheque .delete-batches .modal-content .button_action, .delete-batches .delete_cheque .modal-content .button_action, .delete_rule .delete-batches .modal-content .button_action, .delete-batches .delete_rule .modal-content .button_action, .delete_cheque .contact-us .modal-content .button_action, .contact-us .delete_cheque .modal-content .button_action, .delete_rule .contact-us .modal-content .button_action, .contact-us .delete_rule .modal-content .button_action, .delete_cheque .gift-aid-dialog .modal-content .button_action, .gift-aid-dialog .delete_cheque .modal-content .button_action, .delete_rule .gift-aid-dialog .modal-content .button_action, .gift-aid-dialog .delete_rule .modal-content .button_action, .delete_cheque .contact-info-dialog .modal-content .button_action, .contact-info-dialog .delete_cheque .modal-content .button_action, .delete_rule .contact-info-dialog .modal-content .button_action, .contact-info-dialog .delete_rule .modal-content .button_action, .delete_cheque .overclaim-dialog .modal-content .button_action, .overclaim-dialog .delete_cheque .modal-content .button_action, .delete_rule .overclaim-dialog .modal-content .button_action, .overclaim-dialog .delete_rule .modal-content .button_action,
  .delete_cheque .delete-cheques .modal-content .button_action, .delete-cheques .delete_cheque .modal-content .button_action,
  .delete_rule .delete-cheques .modal-content .button_action, .delete-cheques .delete_rule .modal-content .button_action,
  .delete_cheque .insert-vouchers .modal-content .button_action, .insert-vouchers .delete_cheque .modal-content .button_action,
  .delete_rule .insert-vouchers .modal-content .button_action, .insert-vouchers .delete_rule .modal-content .button_action,
  .delete_cheque .edit-vouchers .modal-content .button_action, .edit-vouchers .delete_cheque .modal-content .button_action,
  .delete_rule .edit-vouchers .modal-content .button_action, .edit-vouchers .delete_rule .modal-content .button_action, .delete_cheque .individual-approval .modal-content .button_action, .individual-approval .delete_cheque .modal-content .button_action, .delete_rule .individual-approval .modal-content .button_action, .individual-approval .delete_rule .modal-content .button_action {
    margin-top: 4rem !important;
    width: 100%;
    display: flex;
    justify-content: flex-end; }
    .delete_cheque .modal-content .buttons_actions button, .delete_rule .modal-content .buttons_actions button, .delete_cheque .delete-batches .modal-content .button_action button, .delete-batches .delete_cheque .modal-content .button_action button, .delete_rule .delete-batches .modal-content .button_action button, .delete-batches .delete_rule .modal-content .button_action button, .delete_cheque .contact-us .modal-content .button_action button, .contact-us .delete_cheque .modal-content .button_action button, .delete_rule .contact-us .modal-content .button_action button, .contact-us .delete_rule .modal-content .button_action button, .delete_cheque .gift-aid-dialog .modal-content .button_action button, .gift-aid-dialog .delete_cheque .modal-content .button_action button, .delete_rule .gift-aid-dialog .modal-content .button_action button, .gift-aid-dialog .delete_rule .modal-content .button_action button, .delete_cheque .contact-info-dialog .modal-content .button_action button, .contact-info-dialog .delete_cheque .modal-content .button_action button, .delete_rule .contact-info-dialog .modal-content .button_action button, .contact-info-dialog .delete_rule .modal-content .button_action button, .delete_cheque .overclaim-dialog .modal-content .button_action button, .overclaim-dialog .delete_cheque .modal-content .button_action button, .delete_rule .overclaim-dialog .modal-content .button_action button, .overclaim-dialog .delete_rule .modal-content .button_action button, .delete_cheque .delete-cheques .modal-content .button_action button, .delete-cheques .delete_cheque .modal-content .button_action button, .delete_rule .delete-cheques .modal-content .button_action button, .delete-cheques .delete_rule .modal-content .button_action button, .delete_cheque .insert-vouchers .modal-content .button_action button, .insert-vouchers .delete_cheque .modal-content .button_action button, .delete_rule .insert-vouchers .modal-content .button_action button, .insert-vouchers .delete_rule .modal-content .button_action button, .delete_cheque .edit-vouchers .modal-content .button_action button, .edit-vouchers .delete_cheque .modal-content .button_action button, .delete_rule .edit-vouchers .modal-content .button_action button, .edit-vouchers .delete_rule .modal-content .button_action button, .delete_cheque .individual-approval .modal-content .button_action button, .individual-approval .delete_cheque .modal-content .button_action button, .delete_rule .individual-approval .modal-content .button_action button, .individual-approval .delete_rule .modal-content .button_action button {
      margin-left: 20px; }

.manage-recurring-donations .modal-content {
  height: 590px !important;
  overflow: inherit !important; }
  .manage-recurring-donations .modal-content h1.title {
    margin-bottom: 10px !important; }
  .manage-recurring-donations .modal-content .form-all-data-users {
    margin-top: 15px;
    display: flex;
    flex-direction: row;
    width: 100%; }
    .manage-recurring-donations .modal-content .form-all-data-users input[type="text"] {
      width: 98%; }
    .manage-recurring-donations .modal-content .form-all-data-users input[type="password"] {
      width: 98%; }
    .manage-recurring-donations .modal-content .form-all-data-users .Select-control {
      width: 98%; }

.manage-recurring-donations .buttons_actions, .manage-recurring-donations .delete-batches .modal-content .button_action, .delete-batches .modal-content .manage-recurring-donations .button_action, .manage-recurring-donations .contact-us .modal-content .button_action, .contact-us .modal-content .manage-recurring-donations .button_action, .manage-recurring-donations .gift-aid-dialog .modal-content .button_action, .gift-aid-dialog .modal-content .manage-recurring-donations .button_action, .manage-recurring-donations .contact-info-dialog .modal-content .button_action, .contact-info-dialog .modal-content .manage-recurring-donations .button_action, .manage-recurring-donations .overclaim-dialog .modal-content .button_action, .overclaim-dialog .modal-content .manage-recurring-donations .button_action,
.manage-recurring-donations .delete-cheques .modal-content .button_action, .delete-cheques .modal-content .manage-recurring-donations .button_action,
.manage-recurring-donations .insert-vouchers .modal-content .button_action, .insert-vouchers .modal-content .manage-recurring-donations .button_action,
.manage-recurring-donations .edit-vouchers .modal-content .button_action, .edit-vouchers .modal-content .manage-recurring-donations .button_action, .manage-recurring-donations .individual-approval .modal-content .button_action, .individual-approval .modal-content .manage-recurring-donations .button_action {
  margin-top: 3.5rem;
  width: 100%;
  display: flex;
  justify-content: flex-end; }
  .manage-recurring-donations .buttons_actions button, .manage-recurring-donations .delete-batches .modal-content .button_action button, .delete-batches .modal-content .manage-recurring-donations .button_action button, .manage-recurring-donations .contact-us .modal-content .button_action button, .contact-us .modal-content .manage-recurring-donations .button_action button, .manage-recurring-donations .gift-aid-dialog .modal-content .button_action button, .gift-aid-dialog .modal-content .manage-recurring-donations .button_action button, .manage-recurring-donations .contact-info-dialog .modal-content .button_action button, .contact-info-dialog .modal-content .manage-recurring-donations .button_action button, .manage-recurring-donations .overclaim-dialog .modal-content .button_action button, .overclaim-dialog .modal-content .manage-recurring-donations .button_action button, .manage-recurring-donations .delete-cheques .modal-content .button_action button, .delete-cheques .modal-content .manage-recurring-donations .button_action button, .manage-recurring-donations .insert-vouchers .modal-content .button_action button, .insert-vouchers .modal-content .manage-recurring-donations .button_action button, .manage-recurring-donations .edit-vouchers .modal-content .button_action button, .edit-vouchers .modal-content .manage-recurring-donations .button_action button, .manage-recurring-donations .individual-approval .modal-content .button_action button, .individual-approval .modal-content .manage-recurring-donations .button_action button {
    margin-left: 20px; }

.cancel-recurring .modal-content {
  height: 280px !important;
  overflow: inherit !important; }
  .cancel-recurring .modal-content p.confirmation-title {
    margin-top: 2rem; }
  .cancel-recurring .modal-content .buttons-actions {
    display: flex;
    flex-direction: row-reverse;
    margin-top: 3rem; }
    .cancel-recurring .modal-content .buttons-actions button.button.button.save {
      margin-left: 20px;
      margin-right: 0rem; }

.token-expired-page {
  text-align: center; }
  .token-expired-page .a-link {
    color: #0a66b7; }

.payment-run-all .modal-content {
  height: 280px !important;
  overflow: inherit !important; }
  .payment-run-all .modal-content h2.title-dialog {
    font-size: 30px;
    font-weight: bold; }
  .payment-run-all .modal-content .total-payment-run-info {
    display: flex;
    font-size: 16px; }
    .payment-run-all .modal-content .total-payment-run-info .total-sucessfull {
      margin-right: 0.5rem; }
  .payment-run-all .modal-content .buttons-actions {
    display: flex;
    flex-direction: row-reverse;
    margin-top: 3rem; }
    .payment-run-all .modal-content .buttons-actions button.button.clear {
      margin-right: 2rem; }
  .payment-run-all .modal-content .buttons_actions-close {
    display: flex;
    flex-direction: row-reverse;
    margin-top: 4rem; }

.accordion-update-request {
  border: 1px solid #3DAA1D;
  margin-bottom: 1.2rem; }
  .accordion-update-request .accordion-header {
    padding: 0.5rem 1rem;
    color: #DBDBDB;
    font-weight: 800;
    background-color: #3DAA1D;
    cursor: pointer; }
  .accordion-update-request .accordion-body {
    padding: 1rem; }

/*
/// COMPONENTS ///
For smaller components, there is the components/ folder.
While layout/ is macro (defining the global wireframe), components/ is more
focused on widgets. It contains all kind of specific modules like a slider,
a loader, a widget, and basically anything along those lines. There are usually
a lot of files in components/ since the whole site/application should be mostly
composed of tiny modules.
*/
.inline-form {
  grid-template-columns: repeat(autofill, minmax(380px, 1fr));
  margin-bottom: 45px;
  max-width: 850px; }
  .inline-form-field {
    width: 450px;
    padding: 0px;
    height: 70px; }
    .inline-form-field .form-field-append {
      background: transparent; }
    .inline-form-field span {
      max-height: 50px;
      margin-top: 5px;
      padding-left: 50px;
      width: 100px; }
    .inline-form-field input {
      height: 50px;
      color: #3DAA1D;
      font-weight: bold;
      font-size: 28px; }
      .inline-form-field input::placeholder {
        color: #E2E1E1;
        font-weight: bold;
        font-size: 28px; }
  .inline-form button {
    max-height: 50px;
    min-width: 200px !important;
    margin-left: 140px; }

.sk-chase {
  width: 30px;
  height: 30px;
  position: relative;
  animation: sk-chase 2.5s infinite linear both; }
  .sk-chase.large {
    width: 60px;
    height: 60px; }
  .sk-chase.gold .sk-chase-dot:before {
    background-color: #FF8800 !important; }

.sk-chase-dot {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  animation: sk-chase-dot 2s infinite ease-in-out both; }

.sk-chase-dot:before {
  content: "";
  display: block;
  width: 25%;
  height: 25%;
  background-color: #fff;
  border-radius: 100%;
  animation: sk-chase-dot-before 2s infinite ease-in-out both; }

.sk-chase-dot:nth-of-type(1) {
  animation-delay: -1.1s; }

.sk-chase-dot:nth-of-type(2) {
  animation-delay: -1s; }

.sk-chase-dot:nth-of-type(3) {
  animation-delay: -0.9s; }

.sk-chase-dot:nth-of-type(4) {
  animation-delay: -0.8s; }

.sk-chase-dot:nth-of-type(5) {
  animation-delay: -0.7s; }

.sk-chase-dot:nth-of-type(6) {
  animation-delay: -0.6s; }

.sk-chase-dot:nth-of-type(1):before {
  animation-delay: -1.1s; }

.sk-chase-dot:nth-of-type(2):before {
  animation-delay: -1s; }

.sk-chase-dot:nth-of-type(3):before {
  animation-delay: -0.9s; }

.sk-chase-dot:nth-of-type(4):before {
  animation-delay: -0.8s; }

.sk-chase-dot:nth-of-type(5):before {
  animation-delay: -0.7s; }

.sk-chase-dot:nth-of-type(6):before {
  animation-delay: -0.6s; }

@keyframes sk-chase {
  100% {
    transform: rotate(360deg); } }

@keyframes sk-chase-dot {
  80%,
  100% {
    transform: rotate(360deg); } }

@keyframes sk-chase-dot-before {
  50% {
    transform: scale(0.4); }
  100%,
  0% {
    transform: scale(1); } }

.loader-wrapper {
  width: 100%;
  height: 200px;
  display: flex;
  align-items: center;
  justify-content: center; }

.modal-wrapper {
  position: fixed;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  z-index: 900; }
  .modal-wrapper .modal-backdrop {
    position: fixed;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    background-color: rgba(0, 0, 0, 0.5);
    z-index: 998; }
  .modal-wrapper .modal-content {
    position: relative;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 40%;
    height: auto;
    z-index: 999;
    background-color: white;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
    padding: 30px;
    overflow: auto; }
    @media screen and (max-width: 899px) {
      .modal-wrapper .modal-content {
        max-height: 100vh !important;
        min-height: 100vh !important;
        height: 100vh !important;
        width: 100% !important; } }
    .modal-wrapper .modal-content .x-close {
      position: absolute;
      top: 15px;
      right: 15px; }
      .modal-wrapper .modal-content .x-close:hover {
        cursor: pointer; }
    .modal-wrapper .modal-content .title {
      font-size: 30px;
      margin-bottom: 20px; }
    .modal-wrapper .modal-content .standard-btns {
      display: flex;
      margin-top: 1rem;
      width: 100%;
      justify-content: flex-end; }
      .modal-wrapper .modal-content .standard-btns button {
        margin-left: 20px; }

.insufficient-fund-modal p {
  margin: 1.25rem 0; }

.data-wrapper {
  display: grid;
  grid-template-columns: 1fr 1fr; }
  .data-wrapper .pair-wrapper {
    margin-bottom: 20px; }
    .data-wrapper .pair-wrapper.wide {
      grid-column: 1 / 3; }
    .data-wrapper .pair-wrapper .value {
      font-weight: bolder;
      color: #3DAA1D; }
    .data-wrapper .pair-wrapper .label {
      font-weight: bolder;
      margin-bottom: 5px; }

.react-toast-notifications__container {
  width: calc(100% / (12 / 9));
  margin-left: calc(100% / (12 / 2)); }

.react-toast-notifications__toast {
  width: 100% !important; }
  .react-toast-notifications__toast--info .react-toast-notifications__toast__content, .react-toast-notifications__toast--info .react-toast-notifications__toast__dismiss-button {
    background-color: #2684FF; }
  .react-toast-notifications__toast--error .react-toast-notifications__toast__content, .react-toast-notifications__toast--error .react-toast-notifications__toast__dismiss-button {
    background-color: #FF5630; }
  .react-toast-notifications__toast--success .react-toast-notifications__toast__content, .react-toast-notifications__toast--success .react-toast-notifications__toast__dismiss-button {
    background-color: #36B37E; }
  .react-toast-notifications__toast--warning .react-toast-notifications__toast__content, .react-toast-notifications__toast--warning .react-toast-notifications__toast__dismiss-button {
    background-color: #FFAB00; }
  .react-toast-notifications__toast__content, .react-toast-notifications__toast__dismiss-button {
    font-size: 1.25rem !important;
    font-weight: 600;
    color: white; }
  .react-toast-notifications__toast__dismiss-icon {
    fill: white; }
  .react-toast-notifications__toast__icon {
    display: none !important; }

@keyframes Toastify__trackProgress {
  0% {
    transform: scaleX(1); }
  100% {
    transform: scaleX(0); } }

@keyframes Toastify__bounceInRight {
  from, 60%, 75%, 90%, to {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  from {
    opacity: 0;
    transform: translate3d(3000px, 0, 0); }
  60% {
    opacity: 1;
    transform: translate3d(-25px, 0, 0); }
  75% {
    transform: translate3d(10px, 0, 0); }
  90% {
    transform: translate3d(-5px, 0, 0); }
  to {
    transform: none; } }

@keyframes Toastify__bounceOutRight {
  20% {
    opacity: 1;
    transform: translate3d(-20px, 0, 0); }
  to {
    opacity: 0;
    transform: translate3d(2000px, 0, 0); } }

@keyframes Toastify__bounceInLeft {
  from, 60%, 75%, 90%, to {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  0% {
    opacity: 0;
    transform: translate3d(-3000px, 0, 0); }
  60% {
    opacity: 1;
    transform: translate3d(25px, 0, 0); }
  75% {
    transform: translate3d(-10px, 0, 0); }
  90% {
    transform: translate3d(5px, 0, 0); }
  to {
    transform: none; } }

@keyframes Toastify__bounceOutLeft {
  20% {
    opacity: 1;
    transform: translate3d(20px, 0, 0); }
  to {
    opacity: 0;
    transform: translate3d(-2000px, 0, 0); } }

@keyframes Toastify__bounceInUp {
  from, 60%, 75%, 90%, to {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  from {
    opacity: 0;
    transform: translate3d(0, 3000px, 0); }
  60% {
    opacity: 1;
    transform: translate3d(0, -20px, 0); }
  75% {
    transform: translate3d(0, 10px, 0); }
  90% {
    transform: translate3d(0, -5px, 0); }
  to {
    transform: translate3d(0, 0, 0); } }

@keyframes Toastify__bounceOutUp {
  20% {
    transform: translate3d(0, -10px, 0); }
  40%, 45% {
    opacity: 1;
    transform: translate3d(0, 20px, 0); }
  to {
    opacity: 0;
    transform: translate3d(0, -2000px, 0); } }

@keyframes Toastify__bounceInDown {
  from, 60%, 75%, 90%, to {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  0% {
    opacity: 0;
    transform: translate3d(0, -3000px, 0); }
  60% {
    opacity: 1;
    transform: translate3d(0, 25px, 0); }
  75% {
    transform: translate3d(0, -10px, 0); }
  90% {
    transform: translate3d(0, 5px, 0); }
  to {
    transform: none; } }

@keyframes Toastify__bounceOutDown {
  20% {
    transform: translate3d(0, 10px, 0); }
  40%, 45% {
    opacity: 1;
    transform: translate3d(0, -20px, 0); }
  to {
    opacity: 0;
    transform: translate3d(0, 2000px, 0); } }

@keyframes Toastify__zoomIn {
  from {
    opacity: 0;
    transform: scale3d(0.3, 0.3, 0.3); }
  50% {
    opacity: 1; } }

@keyframes Toastify__zoomOut {
  from {
    opacity: 1; }
  50% {
    opacity: 0;
    transform: scale3d(0.3, 0.3, 0.3); }
  to {
    opacity: 0; } }

@keyframes Toastify__flipIn {
  from {
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    animation-timing-function: ease-in;
    opacity: 0; }
  40% {
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    animation-timing-function: ease-in; }
  60% {
    transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    opacity: 1; }
  80% {
    transform: perspective(400px) rotate3d(1, 0, 0, -5deg); }
  to {
    transform: perspective(400px); } }

@keyframes Toastify__flipOut {
  from {
    transform: perspective(400px); }
  30% {
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    opacity: 1; }
  to {
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    opacity: 0; } }

@keyframes Toastify__slideInRight {
  from {
    transform: translate3d(110%, 0, 0);
    visibility: visible; }
  to {
    transform: translate3d(0, 0, 0); } }

@keyframes Toastify__slideInLeft {
  from {
    transform: translate3d(-110%, 0, 0);
    visibility: visible; }
  to {
    transform: translate3d(0, 0, 0); } }

@keyframes Toastify__slideInUp {
  from {
    transform: translate3d(0, 110%, 0);
    visibility: visible; }
  to {
    transform: translate3d(0, 0, 0); } }

@keyframes Toastify__slideInDown {
  from {
    transform: translate3d(0, -110%, 0);
    visibility: visible; }
  to {
    transform: translate3d(0, 0, 0); } }

@keyframes Toastify__slideOutRight {
  from {
    transform: translate3d(0, 0, 0); }
  to {
    visibility: hidden;
    transform: translate3d(110%, 0, 0); } }

@keyframes Toastify__slideOutLeft {
  from {
    transform: translate3d(0, 0, 0); }
  to {
    visibility: hidden;
    transform: translate3d(-110%, 0, 0); } }

@keyframes Toastify__slideOutDown {
  from {
    transform: translate3d(0, 0, 0); }
  to {
    visibility: hidden;
    transform: translate3d(0, 500px, 0); } }

@keyframes Toastify__slideOutUp {
  from {
    transform: translate3d(0, 0, 0); }
  to {
    visibility: hidden;
    transform: translate3d(0, -500px, 0); } }

.Toastify {
  position: sticky;
  top: 100px;
  z-index: 9990; }
  .Toastify__toast {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-bottom: 0.5rem;
    border-radius: 10px;
    padding: 0.75rem;
    box-shadow: 0 1px 10px 0 rgba(0, 0, 0, 0.1), 0 2px 15px 0 rgba(0, 0, 0, 0.05); }
    .Toastify__toast-container {
      padding: 0 1.2rem 0.75rem 1.2rem; }
    .Toastify__toast--info {
      background-color: #2684FF; }
    .Toastify__toast--success {
      background-color: #3DAA1D; }
    .Toastify__toast--error {
      background-color: #FF5630; }
    .Toastify__toast--warning {
      background-color: #FFAB00; }
    .Toastify__toast-body {
      color: white;
      line-height: 1rem;
      margin: auto 1rem auto 0.5rem; }
  .Toastify__close-button {
    margin-left: auto;
    border: none;
    color: white;
    width: 25px;
    text-align: center;
    text-decoration: none;
    font-size: 20px;
    outline: none;
    opacity: 0.7;
    transition: 0.3s ease;
    -ms-flex-item-align: start;
    align-self: flex-start; }
    .Toastify__close-button--info {
      background-color: #2684FF; }
    .Toastify__close-button--success {
      background-color: #3DAA1D; }
    .Toastify__close-button--error {
      background-color: #FF5630; }
    .Toastify__close-button--warning {
      background-color: #FFAB00; }
    .Toastify__close-button > svg {
      fill: white; }
    .Toastify__close-button :hover, .Toastify__close-button :focus {
      opacity: 1; }
  .Toastify__progress-bar {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 5px;
    z-index: 9999;
    opacity: 0;
    background-color: rgba(255, 255, 255, 0);
    transform-origin: left; }
    .Toastify__progress-bar--animated {
      animation: Toastify__trackProgress linear 1 forwards; }

.Toastify__bounce-enter--top-center {
  animation-name: Toastify__bounceInDown; }

.Toastify__bounce-exit--top-center {
  animation-name: Toastify__bounceOutUp; }

.tab .tab-header-wrapper ul li {
  min-width: 80px;
  text-align: center; }

.notifications-sider {
  z-index: 500;
  width: 550px;
  height: 0px; }

.notifications-wrapper {
  background-color: white;
  position: relative;
  top: -100px;
  left: 400px;
  border: 1px solid #333;
  border-radius: 10px; }
  @media screen and (min-width: 1024px) {
    .notifications-wrapper {
      left: 410px; } }
  @media screen and (min-width: 1380px) {
    .notifications-wrapper {
      left: 460px; } }
  .notifications-wrapper:after {
    right: 100%;
    top: 60px;
    position: absolute;
    width: 17px;
    height: 17px;
    content: "\25C4";
    font-size: 1.2rem;
    color: #333; }

.notifications-container hr {
  margin: 0; }

.notifications-top, .notifications-footer {
  padding: 0.5rem 1rem; }

.notifications-title, .notifications-actions {
  padding: 0.25rem 0 0 0; }

.notifications-title h2 {
  font-size: 1.5rem;
  margin: 0.25rem;
  text-transform: uppercase; }

.notifications-content {
  overflow-y: scroll;
  max-height: 350px; }

.all-read-link,
.see-all-notifications {
  font-weight: 600;
  cursor: pointer;
  text-decoration: underline; }

.no-notifications {
  padding: 1rem; }

.all-read-link {
  float: right; }

.notification-item {
  padding: 1rem; }
  .notification-item.unread {
    font-weight: bold; }
  .notification-item .notification-time i {
    margin-right: 5px; }
  .notification-item:hover {
    background-color: #ccc; }

.preview-inside {
  position: relative; }
  .preview-inside .project-preview-actions {
    position: absolute;
    top: 10px;
    right: 10px; }
    .preview-inside .project-preview-actions .project-preview-action {
      font-size: 12px;
      color: #FFFFFF;
      cursor: pointer;
      display: inline-block;
      margin-left: 10px; }

.user-autocomplete-wrapper {
  position: relative; }
  .user-autocomplete-wrapper .user-autocomplete-users-wrapper {
    z-index: 100;
    position: absolute;
    left: 0;
    top: 60px;
    width: 100%;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);
    overflow-y: scroll;
    max-height: 250px; }
    .user-autocomplete-wrapper .user-autocomplete-users-wrapper .user-autocomplete-user-item {
      padding: 10px;
      background-color: #FFFFFF;
      cursor: pointer; }
    .user-autocomplete-wrapper .user-autocomplete-users-wrapper .user-autocomplete-user-item:hover {
      background: #f2f2f2; }

.charity-autocomplete-wrapper {
  position: relative; }
  .charity-autocomplete-wrapper .charity-autocomplete-charities-wrapper {
    z-index: 100;
    position: absolute;
    left: 0;
    top: 60px;
    width: 100%;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2); }
    .charity-autocomplete-wrapper .charity-autocomplete-charities-wrapper .charity-autocomplete-charity-item {
      padding: 10px;
      background-color: #FFFFFF;
      cursor: pointer; }
    .charity-autocomplete-wrapper .charity-autocomplete-charities-wrapper .charity-autocomplete-charity-item:hover {
      background: #f2f2f2; }

.company-autocomplete-wrapper {
  position: relative; }
  .company-autocomplete-wrapper .company-autocomplete-companies-wrapper {
    z-index: 100;
    position: absolute;
    left: 0;
    top: 60px;
    width: 100%;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2); }
    .company-autocomplete-wrapper .company-autocomplete-companies-wrapper .company-autocomplete-company-item {
      padding: 10px;
      background-color: #FFFFFF;
      cursor: pointer; }
    .company-autocomplete-wrapper .company-autocomplete-companies-wrapper .company-autocomplete-company-item:hover {
      background: #f2f2f2; }

.additional-news-list-section [class^="grid"] {
  padding: 0px !important; }

.additional-news-list-section .content-section-title {
  margin-bottom: 30px !important; }

.additional-news-list-section .news-wrapper {
  padding-left: 20px !important;
  padding-right: 20px !important; }
  .additional-news-list-section .news-wrapper img {
    object-fit: cover; }

.additional-news-list-section .news-wrapper:first-child {
  padding-left: 0px !important; }

.additional-news-list-section .news-wrapper:last-child {
  padding-right: 0px !important; }

.additional-news-list-section .news-img-wrapper {
  width: 100%; }
  .additional-news-list-section .news-img-wrapper img {
    object-fit: cover; }

.dashboard-widget {
  height: 100%; }

.amount-dashboard-widget {
  height: 100%;
  animation-name: dashboardWidgetAnimation;
  animation-duration: 2s; }

@keyframes dashboardWidgetAnimation {
  from {
    height: 0;
    opacity: 0; }
  to {
    height: 100%;
    opacity: 1; } }

.recent-donations-list {
  margin-top: 20px; }
  .recent-donations-list .recent-donation-list-date {
    font-size: 10px;
    display: block;
    padding-top: 13px;
    padding-bottom: 13px; }
  .recent-donations-list .supporter {
    margin-bottom: 20px; }

.recent-employees-list {
  margin-top: 20px; }
  .recent-employees-list .recent-employee-list-date {
    font-size: 10px;
    display: block;
    padding-top: 3px;
    padding-bottom: 3px;
    padding-left: 10px; }
  .recent-employees-list img.avatar-image {
    width: 35.5px;
    height: 35.5px;
    margin-right: 0.6rem; }
  .recent-employees-list .supporter {
    margin-bottom: 20px; }

.dashboard-widget-title {
  font-size: 1.125rem;
  font-weight: normal;
  color: #3DAA1D; }

.dashboard-widget-doughnut-chart-container {
  position: relative; }
  .dashboard-widget-doughnut-chart-container .dashboard-widget-doughnut-chart-stats {
    text-align: center;
    position: absolute;
    position: absolute;
    top: 50%;
    left: 50%;
    -moz-transform: translateX(-50%) translateY(-50%);
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    display: inline-block; }
    .dashboard-widget-doughnut-chart-container .dashboard-widget-doughnut-chart-stats h3 {
      font-size: 30px !important;
      font-weight: bolder;
      margin-bottom: 0px; }
    .dashboard-widget-doughnut-chart-container .dashboard-widget-doughnut-chart-stats p {
      font-size: 12px;
      color: #01396c; }
    @media screen and (max-width: 1639px) {
      .dashboard-widget-doughnut-chart-container .dashboard-widget-doughnut-chart-stats h3 {
        font-size: 25px !important; } }
    @media screen and (max-width: 1475px) {
      .dashboard-widget-doughnut-chart-container .dashboard-widget-doughnut-chart-stats {
        top: 45%; }
        .dashboard-widget-doughnut-chart-container .dashboard-widget-doughnut-chart-stats h3 {
          font-size: 23px !important; } }
    @media screen and (max-width: 1300px) {
      .dashboard-widget-doughnut-chart-container .dashboard-widget-doughnut-chart-stats {
        top: 40%; }
        .dashboard-widget-doughnut-chart-container .dashboard-widget-doughnut-chart-stats h3 {
          font-size: 20px !important; } }
    @media screen and (max-width: 1280px) {
      .dashboard-widget-doughnut-chart-container .dashboard-widget-doughnut-chart-stats {
        top: 50%; } }
    @media screen and (max-width: 320px) {
      .dashboard-widget-doughnut-chart-container .dashboard-widget-doughnut-chart-stats {
        top: 40%; } }

.dashboard-widget-doughnut-chart-label-list {
  text-align: center; }
  .dashboard-widget-doughnut-chart-label-list .table-wrapper {
    width: 260px;
    display: inline-block; }
    .dashboard-widget-doughnut-chart-label-list .table-wrapper table td {
      font-size: 15px; }
    .dashboard-widget-doughnut-chart-label-list .table-wrapper table .label-color-block-td {
      width: 20px; }
      .dashboard-widget-doughnut-chart-label-list .table-wrapper table .label-color-block-td .label-color-block {
        display: inline-block;
        width: 15px;
        height: 15px; }

.dashboard-amount .dot {
  opacity: 0.6; }

.dashboard-amount .after-dot-amount {
  opacity: 0.6; }

.line-chart-widget .title-name {
  margin-top: 1rem;
  display: flex;
  justify-content: space-between;
  font-size: 14px;
  color: #01396C;
  font-weight: bold; }

.pending-fundraisings-modal > .modal-content {
  width: 55%; }

.modal-pr-reference-info {
  padding: 2rem;
  border-radius: 10px;
  background: #E2E1E1;
  text-align: center;
  font-weight: 800;
  margin-top: 1rem; }

.dob-picker-wrapper .react-date-picker {
  width: 100% !important; }
  .dob-picker-wrapper .react-date-picker .react-date-picker__wrapper {
    position: relative;
    border: 1px solid #ccd0d2 !important;
    height: 3.125rem !important; }
    .dob-picker-wrapper .react-date-picker .react-date-picker__wrapper .react-date-picker__inputGroup__input:invalid {
      background-color: transparent !important; }
    .dob-picker-wrapper .react-date-picker .react-date-picker__wrapper .react-date-picker__inputGroup__day {
      padding-left: 50px; }
    .dob-picker-wrapper .react-date-picker .react-date-picker__wrapper input {
      display: inline-block;
      border: 0 !important;
      height: 2.8rem !important; }
    .dob-picker-wrapper .react-date-picker .react-date-picker__wrapper .react-date-picker__clear-button {
      display: none; }
    .dob-picker-wrapper .react-date-picker .react-date-picker__wrapper .react-date-picker__calendar-button {
      position: absolute;
      top: 0;
      left: 0;
      height: 50px;
      width: 50px; }
      .dob-picker-wrapper .react-date-picker .react-date-picker__wrapper .react-date-picker__calendar-button i {
        font-size: 35px;
        color: #3daa1d; }

.react-calendar__tile--now {
  background-color: #3daa1d; }
  .react-calendar__tile--now :hover {
    background-color: orange; }

.col-1 {
  grid-template-columns: repeat(1, minmax(200px, 1fr)); }

.col-span-1 {
  grid-column: 1 / 1; }

.col-2 {
  grid-template-columns: repeat(2, minmax(200px, 1fr)); }

.col-span-2 {
  grid-column: 1 / 2; }

.col-3 {
  grid-template-columns: repeat(3, minmax(200px, 1fr)); }

.col-span-3 {
  grid-column: 1 / 3; }

.col-4 {
  grid-template-columns: repeat(4, minmax(200px, 1fr)); }

.col-span-4 {
  grid-column: 1 / 4; }

.col-5 {
  grid-template-columns: repeat(5, minmax(200px, 1fr)); }

.col-span-5 {
  grid-column: 1 / 5; }

.col-6 {
  grid-template-columns: repeat(6, minmax(200px, 1fr)); }

.col-span-6 {
  grid-column: 1 / 6; }

.col-7 {
  grid-template-columns: repeat(7, minmax(200px, 1fr)); }

.col-span-7 {
  grid-column: 1 / 7; }

.col-8 {
  grid-template-columns: repeat(8, minmax(200px, 1fr)); }

.col-span-8 {
  grid-column: 1 / 8; }

.col-9 {
  grid-template-columns: repeat(9, minmax(200px, 1fr)); }

.col-span-9 {
  grid-column: 1 / 9; }

.col-10 {
  grid-template-columns: repeat(10, minmax(200px, 1fr)); }

.col-span-10 {
  grid-column: 1 / 10; }

.col-11 {
  grid-template-columns: repeat(11, minmax(200px, 1fr)); }

.col-span-11 {
  grid-column: 1 / 11; }

.col-12 {
  grid-template-columns: repeat(12, minmax(200px, 1fr)); }

.col-span-12 {
  grid-column: 1 / 12; }

.display-grid {
  display: grid;
  grid-gap: 20px; }

::selection {
  background: #b3d4fc; }

*,
*:before,
*:after {
  box-sizing: border-box; }

img {
  width: 100%;
  height: auto; }

.react-toast-notifications__container {
  top: 5rem !important; }

.modal-content {
  overflow: visible !important; }

.highlight-text {
  color: #3DAA1D; }

.info-card {
  padding: 30px;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2); }

.content-section-title {
  font-size: 35px !important; }

.additional-project-items-wrapper {
  margin-top: -20px !important; }

.button-accent {
  background: #FF8800 !important;
  border: 1px solid #FF8800 !important;
  outline: none !important; }

.filter-buttons .filter-button.active {
  color: #3DAA1D !important; }

.footer-search-field-wrapper {
  position: relative; }
  .footer-search-field-wrapper .footer-search-field-icon {
    position: absolute;
    width: 25px;
    left: 10px;
    top: 7px; }
  .footer-search-field-wrapper .footer-search-field-input {
    background: transparent;
    border: 1px solid #FFFFFF;
    height: 40px;
    min-width: 260px;
    color: #FFFFFF;
    padding-left: 45px;
    font-size: 16px; }
  .footer-search-field-wrapper .footer-search-field-input:focus {
    border: 1px solid #FFFFFF;
    outline: none; }
  .footer-search-field-wrapper .footer-search-field-input::placeholder {
    color: #FFFFFF;
    font-weight: bold;
    font-size: 16px; }

.want-to-support-us .content-section-title {
  line-height: 205% !important; }

.line-height {
  line-height: 200% !important; }
  .line-height ul li {
    margin-bottom: 10px; }
  .line-height ul li:last-child {
    margin-bottom: 0px; }

.info-card {
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);
  transition: 0.3s; }

.list-card-padding {
  padding: 30px; }

.margin-top-10 {
  margin-top: 10px; }

.button-bottom-arrow {
  padding-top: 40px;
  background-color: #1b1e2f;
  color: white;
  height: 100px; }

.button-bottom-arrow:after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  margin: 0 auto;
  width: 0;
  height: 0;
  border-top: 100px solid #1b1e2f;
  border-left: 150px solid transparent;
  border-right: 150px solid transparent; }

.preview-projects.grid-view {
  display: grid;
  justify-items: center;
  padding: 0;
  grid-template-columns: auto auto auto auto;
  grid-gap: 1.25rem; }
  @media only screen and (max-width: 1024px) {
    .preview-projects.grid-view {
      grid-template-columns: auto auto auto; } }
  @media only screen and (max-width: 600px) {
    .preview-projects.grid-view {
      grid-template-columns: auto; } }

.page-slogan-link {
  color: #3DAA1D; }

.card {
  box-shadow: 0 2px 15px 0 rgba(175, 175, 175, 0.35); }

.padding-30 {
  padding: 30px; }

.list-pagination-wrapper {
  margin-top: 20px; }

.client-past-transactions-filter {
  margin-bottom: 20px;
  display: flex; }

.client-past-transactions-filter .filter-button {
  margin-right: 20px;
  width: 30%; }