@charset "UTF-8";
@font-face {
  font-family: "proxima_nova_softregular";
  src: url("/fonts/proxima_nova_soft/mark_simonson_-_proxima_nova_soft_bold-webfont.eot");
  src: url("/fonts/proxima_nova_soft/mark_simonson_-_proxima_nova_soft_regular-webfont.eot?#iefix") format("embedded-opentype"), url("/fonts/proxima_nova_soft/mark_simonson_-_proxima_nova_soft_regular-webfont.woff") format("woff"), url("/fonts/proxima_nova_soft/mark_simonson_-_proxima_nova_soft_regular-webfont.ttf") format("truetype"), url("/fonts/proxima_nova_soft/mark_simonson_-_proxima_nova_soft_regular-webfont.svg#proxima_nova_softregular") format("svg");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "proxima_nova_softbold";
  src: url("/fonts/proxima_nova_soft/mark_simonson_-_proxima_nova_soft_bold-webfont.eot");
  src: url("/fonts/proxima_nova_soft/mark_simonson_-_proxima_nova_soft_bold-webfont.eot?#iefix") format("embedded-opentype"), url("/fonts/proxima_nova_soft/mark_simonson_-_proxima_nova_soft_bold-webfont.woff") format("woff"), url("/fonts/proxima_nova_soft/mark_simonson_-_proxima_nova_soft_bold-webfont.svg#proxima_nova_softbold") format("svg");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "AvianNormal";
  src: url("/fonts/alternate_avian/avian-webfont.eot");
  src: url("/fonts/alternate_avian/avian-webfont.eot?#iefix") format("embedded-opentype"), url("/fonts/alternate_avian/avian-webfont.woff") format("woff"), url("/fonts/alternate_avian/avian-webfont.ttf") format("truetype"), url("/fonts/alternate_avian/avian-webfont.svg#avianregular") format("svg");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "AvianBold";
  src: url("/fonts/alternate_avian/avianb-webfont.eot");
  src: url("/fonts/alternate_avian/avianb-webfont.eot?#iefix") format("embedded-opentype"), url("/fonts/alternate_avian/avianb-webfont.woff") format("woff"), url("/fonts/alternate_avian/avianb-webfont.ttf") format("truetype"), url("/fonts/alternate_avian/avianb-webfont.svg#avianbold") format("svg");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "avianbold_italic";
  src: url("/fonts/alternate_avian/avianbi-webfont.eot");
  src: url("/fonts/alternate_avian/avianbi-webfont.eot?#iefix") format("embedded-opentype"), url("/fonts/alternate_avian/avianbi-webfont.woff") format("woff"), url("/fonts/alternate_avian/avianbi-webfont.ttf") format("truetype"), url("/fonts/alternate_avian/avianbi-webfont.svg#avianbold_italic") format("svg");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "avianitalic";
  src: url("/fonts/alternate_avian/aviani-webfont.eot");
  src: url("/fonts/alternate_avian/aviani-webfont.eot?#iefix") format("embedded-opentype"), url("/fonts/alternate_avian/aviani-webfont.woff") format("woff"), url("/fonts/alternate_avian/aviani-webfont.ttf") format("truetype"), url("/fonts/alternate_avian/aviani-webfont.svg#avianitalic") format("svg");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "alternategothic2_btregular";
  src: url("/fonts/alternate_avian/altgot2n-webfont.eot");
  src: url("/fonts/alternate_avian/altgot2n-webfont.eot?#iefix") format("embedded-opentype"), url("/fonts/alternate_avian/altgot2n-webfont.woff") format("woff"), url("/fonts/alternate_avian/altgot2n-webfont.ttf") format("truetype"), url("/fonts/alternate_avian/altgot2n-webfont.svg#alternategothic2_btregular2_btregular") format("svg");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "bebas_neuebold";
  src: url("/fonts/bebas_neue/bebasneue_bold-webfont.eot");
  src: url("/fonts/bebas_neue/bebasneue_bold-webfont.eot?#iefix") format("embedded-opentype"), url("/fonts/bebas_neue/bebasneue_bold-webfont.woff") format("woff"), url("/fonts/bebas_neue/bebasneue_bold-webfont.ttf") format("truetype"), url("/fonts/bebas_neue/bebasneue_bold-webfont.svg#bebas_neuebold") format("svg");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "bebas_neuethin";
  src: url("/fonts/bebas_neue/bebasneue_thin-webfont.eot");
  src: url("/fonts/bebas_neue/bebasneue_thin-webfont.eot?#iefix") format("embedded-opentype"), url("/fonts/bebas_neue/bebasneue_thin-webfont.woff") format("woff"), url("/fonts/bebas_neue/bebasneue_thin-webfont.ttf") format("truetype"), url("/fonts/bebas_neue/bebasneue_thin-webfont.svg#bebas_neuethin") format("svg");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "bebas_neuelight";
  src: url("/fonts/bebas_neue/bebasneue_light-webfont.eot");
  src: url("/fonts/bebas_neue/bebasneue_light-webfont.eot?#iefix") format("embedded-opentype"), url("/fonts/bebas_neue/bebasneue_light-webfont.woff") format("woff"), url("/fonts/bebas_neue/bebasneue_light-webfont.ttf") format("truetype"), url("/fonts/bebas_neue/bebasneue_light-webfont.svg#bebas_neuelight") format("svg");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "bebas_neue_regularregular";
  src: url("/fonts/bebas_neue/bebasneue_regular-webfont.eot");
  src: url("/fonts/bebas_neue/bebasneue_regular-webfont.eot?#iefix") format("embedded-opentype"), url("/fonts/bebas_neue/bebasneue_regular-webfont.woff") format("woff"), url("/fonts/bebas_neue/bebasneue_regular-webfont.ttf") format("truetype"), url("/fonts/bebas_neue/bebasneue_regular-webfont.svg#bebas_neue_regularregular") format("svg");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "bebas_neuebook";
  src: url("/fonts/bebas_neue/bebasneue_book-webfont.eot");
  src: url("/fonts/bebas_neue/bebasneue_book-webfont.eot?#iefix") format("embedded-opentype"), url("/fonts/bebas_neue/bebasneue_book-webfont.woff") format("woff"), url("/fonts/bebas_neue/bebasneue_book-webfont.ttf") format("truetype"), url("/fonts/bebas_neue/bebasneue_book-webfont.svg#bebas_neuebook") format("svg");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "sansation_lightlight";
  src: url("/fonts/Sansation/Sansation-Light-webfont.eot");
  src: url("/fonts/Sansation/Sansation-Light-webfont.eot?#iefix") format("embedded-opentype"), url("/fonts/Sansation/Sansation-Light-webfont.woff") format("woff"), url("/fonts/Sansation/Sansation-Light-webfont.ttf") format("truetype"), url("/fonts/Sansation/Sansation-Light-webfont.svg#sansation_lightlight") format("svg");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "Sansation-Regular";
  src: url("/fonts/Sansation/Sansation-Regular-webfont.eot");
  src: url("/fonts/Sansation/Sansation-Regular-webfont.eot?#iefix") format("embedded-opentype"), url("/fonts/Sansation/Sansation-Regular-webfont.woff") format("woff"), url("/fonts/Sansation/Sansation-Regular-webfont.ttf") format("truetype"), url("/fonts/Sansation/Sansation-Regular-webfont.svg#sansation_Regular") format("svg");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 400;
  src: local("Open Sans"), local("OpenSans"), url(https://fonts.gstatic.com/s/opensans/v10/cJZKeOuBrn4kERxqtaUH3T8E0i7KZn-EPnyo3HZu7kw.woff) format("woff");
}
@font-face {
  font-family: "Ionicons";
  src: url("/fonts/ionicons/ionicons.eot?v=2.0.0");
  src: url("/fonts/ionicons/ionicons.eot?v=2.0.0#iefix") format("embedded-opentype"), url("/fonts/ionicons/ionicons.ttf?v=2.0.0") format("truetype"), url("/fonts/ionicons/ionicons.woff?v=2.0.0") format("woff"), url("/fonts/ionicons/ionicons.svg?v=2.0.0#Ionicons") format("svg");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 300;
  src: local("Open Sans Light"), local("OpenSans-Light"), url("/fonts/OpenSans/OpenSans-Light.ttf") format("truetype");
}
@font-face {
  font-family: "Open Sans";
  font-style: italic;
  font-weight: 300;
  src: local("Open Sans Light Italic"), local("OpenSans-LightItalic"), url("/fonts/OpenSans/OpenSans-LightItalic.ttf") format("truetype");
}
@font-face {
  font-family: "Open Sans";
  font-style: italic;
  font-weight: 400;
  src: local("Open Sans Italic"), local("OpenSans-Italic"), url("/fonts/OpenSans/OpenSans-Italic.ttf") format("truetype");
}
@font-face {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 600;
  src: local("Open Sans Semibold"), local("OpenSans-Semibold"), url("/fonts/OpenSans/OpenSans-Semibold.ttf") format("truetype");
}
@font-face {
  font-family: "Open Sans";
  font-style: italic;
  font-weight: 600;
  src: local("Open Sans Semibold Italic"), local("OpenSans-SemiboldItalic"), url("/fonts/OpenSans/OpenSans-SemiboldItalic.ttf") format("truetype");
}
@font-face {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 700;
  src: local("Open Sans Bold"), local("OpenSans-Bold"), url("/fonts/OpenSans/OpenSans-Bold.ttf") format("truetype");
}
@font-face {
  font-family: "Open Sans";
  font-style: italic;
  font-weight: 700;
  src: local("Open Sans Bold Italic"), local("OpenSans-BoldItalic"), url("/fonts/OpenSans/OpenSans-BoldItalic.ttf") format("truetype");
}
@font-face {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 800;
  src: local("Open Sans ExtraBold"), local("OpenSans-ExtraBold"), url("/fonts/OpenSans/OpenSans-ExtraBold.ttf") format("truetype");
}
@font-face {
  font-family: "Open Sans";
  font-style: italic;
  font-weight: 800;
  src: local("Open Sans ExtraBold Italic"), local("OpenSans-ExtraBoldItalic"), url("/fonts/OpenSans/OpenSans-ExtraBoldItalic.ttf") format("truetype");
}
/*!
  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.
*/
.ion, .ionicons, .ion-alert:before, .ion-alert-circled:before, .ion-android-add:before, .ion-android-add-circle:before, .ion-android-alarm-clock:before, .ion-android-alert:before, .ion-android-apps:before, .ion-android-archive:before, .ion-android-arrow-back:before, .ion-android-arrow-down:before, .ion-android-arrow-dropdown:before, .ion-android-arrow-dropdown-circle:before, .ion-android-arrow-dropleft:before, .ion-android-arrow-dropleft-circle:before, .ion-android-arrow-dropright:before, .ion-android-arrow-dropright-circle:before, .ion-android-arrow-dropup:before, .ion-android-arrow-dropup-circle:before, .ion-android-arrow-forward:before, .ion-android-arrow-up:before, .ion-android-attach:before, .ion-android-bar:before, .ion-android-bicycle:before, .ion-android-boat:before, .ion-android-bookmark:before, .ion-android-bulb:before, .ion-android-bus:before, .ion-android-calendar:before, .ion-android-call:before, .ion-android-camera:before, .ion-android-cancel:before, .ion-android-car:before, .ion-android-cart:before, .ion-android-chat:before, .ion-android-checkbox:before, .ion-android-checkbox-blank:before, .ion-android-checkbox-outline:before, .ion-android-checkbox-outline-blank:before, .ion-android-checkmark-circle:before, .ion-android-clipboard:before, .ion-android-close:before, .ion-android-cloud:before, .ion-android-cloud-circle:before, .ion-android-cloud-done:before, .ion-android-cloud-outline:before, .ion-android-color-palette:before, .ion-android-compass:before, .ion-android-contact:before, .ion-android-contacts:before, .ion-android-contract:before, .ion-android-create:before, .ion-android-delete:before, .ion-android-desktop:before, .ion-android-document:before, .ion-android-done:before, .ion-android-done-all:before, .ion-android-download:before, .ion-android-drafts:before, .ion-android-exit:before, .ion-android-expand:before, .ion-android-favorite:before, .ion-android-favorite-outline:before, .ion-android-film:before, .ion-android-folder:before, .ion-android-folder-open:before, .ion-android-funnel:before, .ion-android-globe:before, .ion-android-hand:before, .ion-android-hangout:before, .ion-android-happy:before, .ion-android-home:before, .ion-android-image:before, .ion-android-laptop:before, .ion-android-list:before, .ion-android-locate:before, .ion-android-lock:before, .ion-android-mail:before, .ion-android-map:before, .ion-android-menu:before, .ion-android-microphone:before, .ion-android-microphone-off:before, .ion-android-more-horizontal:before, .ion-android-more-vertical:before, .ion-android-navigate:before, .ion-android-notifications:before, .ion-android-notifications-none:before, .ion-android-notifications-off:before, .ion-android-open:before, .ion-android-options:before, .ion-android-people:before, .ion-android-person:before, .ion-android-person-add:before, .ion-android-phone-landscape:before, .ion-android-phone-portrait:before, .ion-android-pin:before, .ion-android-plane:before, .ion-android-playstore:before, .ion-android-print:before, .ion-android-radio-button-off:before, .ion-android-radio-button-on:before, .ion-android-refresh:before, .ion-android-remove:before, .ion-android-remove-circle:before, .ion-android-restaurant:before, .ion-android-sad:before, .ion-android-search:before, .ion-android-send:before, .ion-android-settings:before, .ion-android-share:before, .ion-android-share-alt:before, .ion-android-star:before, .ion-android-star-half:before, .ion-android-star-outline:before, .ion-android-stopwatch:before, .ion-android-subway:before, .ion-android-sunny:before, .ion-android-sync:before, .ion-android-textsms:before, .ion-android-time:before, .ion-android-train:before, .ion-android-unlock:before, .ion-android-upload:before, .ion-android-volume-down:before, .ion-android-volume-mute:before, .ion-android-volume-off:before, .ion-android-volume-up:before, .ion-android-walk:before, .ion-android-warning:before, .ion-android-watch:before, .ion-android-wifi:before, .ion-aperture:before, .ion-archive:before, .ion-arrow-down-a:before, .ion-arrow-down-b:before, .ion-arrow-down-c:before, .ion-arrow-expand:before, .ion-arrow-graph-down-left:before, .ion-arrow-graph-down-right:before, .ion-arrow-graph-up-left:before, .ion-arrow-graph-up-right:before, .ion-arrow-left-a:before, .ion-arrow-left-b:before, .ion-arrow-left-c:before, .ion-arrow-move:before, .ion-arrow-resize:before, .ion-arrow-return-left:before, .ion-arrow-return-right:before, .ion-arrow-right-a:before, .ion-arrow-right-b:before, .ion-arrow-right-c:before, .ion-arrow-shrink:before, .ion-arrow-swap:before, .ion-arrow-up-a:before, .ion-arrow-up-b:before, .ion-arrow-up-c:before, .ion-asterisk:before, .ion-at:before, .ion-backspace:before, .ion-backspace-outline:before, .ion-bag:before, .ion-battery-charging:before, .ion-battery-empty:before, .ion-battery-full:before, .ion-battery-half:before, .ion-battery-low:before, .ion-beaker:before, .ion-beer:before, .ion-bluetooth:before, .ion-bonfire:before, .ion-bookmark:before, .ion-bowtie:before, .ion-briefcase:before, .ion-bug:before, .ion-calculator:before, .ion-calendar:before, .ion-camera:before, .ion-card:before, .ion-cash:before, .ion-chatbox:before, .ion-chatbox-working:before, .ion-chatboxes:before, .ion-chatbubble:before, .ion-chatbubble-working:before, .ion-chatbubbles:before, .ion-checkmark:before, .ion-checkmark-circled:before, .ion-checkmark-round:before, .ion-chevron-down:before, .ion-chevron-left:before, .ion-chevron-right:before, .ion-chevron-up:before, .ion-clipboard:before, .ion-clock:before, .ion-close:before, .ion-close-circled:before, .ion-close-round:before, .ion-closed-captioning:before, .ion-cloud:before, .ion-code:before, .ion-code-download:before, .ion-code-working:before, .ion-coffee:before, .ion-compass:before, .ion-compose:before, .ion-connection-bars:before, .ion-contrast:before, .ion-crop:before, .ion-cube:before, .ion-disc:before, .ion-document:before, .ion-document-text:before, .ion-drag:before, .ion-earth:before, .ion-easel:before, .ion-edit:before, .ion-egg:before, .ion-eject:before, .ion-email:before, .ion-email-unread:before, .ion-erlenmeyer-flask:before, .ion-erlenmeyer-flask-bubbles:before, .ion-eye:before, .ion-eye-disabled:before, .ion-female:before, .ion-filing:before, .ion-film-marker:before, .ion-fireball:before, .ion-flag:before, .ion-flame:before, .ion-flash:before, .ion-flash-off:before, .ion-folder:before, .ion-fork:before, .ion-fork-repo:before, .ion-forward:before, .ion-funnel:before, .ion-gear-a:before, .ion-gear-b:before, .ion-grid:before, .ion-hammer:before, .ion-happy:before, .ion-happy-outline:before, .ion-headphone:before, .ion-heart:before, .ion-heart-broken:before, .ion-help:before, .ion-help-buoy:before, .ion-help-circled:before, .ion-home:before, .ion-icecream:before, .ion-image:before, .ion-images:before, .ion-information:before, .ion-information-circled:before, .ion-ionic:before, .ion-ios-alarm:before, .ion-ios-alarm-outline:before, .ion-ios-albums:before, .ion-ios-albums-outline:before, .ion-ios-americanfootball:before, .ion-ios-americanfootball-outline:before, .ion-ios-analytics:before, .ion-ios-analytics-outline:before, .ion-ios-arrow-back:before, .ion-ios-arrow-down:before, .ion-ios-arrow-forward:before, .ion-ios-arrow-left:before, .ion-ios-arrow-right:before, .ion-ios-arrow-thin-down:before, .ion-ios-arrow-thin-left:before, .ion-ios-arrow-thin-right:before, .ion-ios-arrow-thin-up:before, .ion-ios-arrow-up:before, .ion-ios-at:before, .ion-ios-at-outline:before, .ion-ios-barcode:before, .ion-ios-barcode-outline:before, .ion-ios-baseball:before, .ion-ios-baseball-outline:before, .ion-ios-basketball:before, .ion-ios-basketball-outline:before, .ion-ios-bell:before, .ion-ios-bell-outline:before, .ion-ios-body:before, .ion-ios-body-outline:before, .ion-ios-bolt:before, .ion-ios-bolt-outline:before, .ion-ios-book:before, .ion-ios-book-outline:before, .ion-ios-bookmarks:before, .ion-ios-bookmarks-outline:before, .ion-ios-box:before, .ion-ios-box-outline:before, .ion-ios-briefcase:before, .ion-ios-briefcase-outline:before, .ion-ios-browsers:before, .ion-ios-browsers-outline:before, .ion-ios-calculator:before, .ion-ios-calculator-outline:before, .ion-ios-calendar:before, .ion-ios-calendar-outline:before, .ion-ios-camera:before, .ion-ios-camera-outline:before, .ion-ios-cart:before, .ion-ios-cart-outline:before, .ion-ios-chatboxes:before, .ion-ios-chatboxes-outline:before, .ion-ios-chatbubble:before, .ion-ios-chatbubble-outline:before, .ion-ios-checkmark:before, .ion-ios-checkmark-empty:before, .ion-ios-checkmark-outline:before, .ion-ios-circle-filled:before, .ion-ios-circle-outline:before, .ion-ios-clock:before, .ion-ios-clock-outline:before, .ion-ios-close:before, .ion-ios-close-empty:before, .ion-ios-close-outline:before, .ion-ios-cloud:before, .ion-ios-cloud-download:before, .ion-ios-cloud-download-outline:before, .ion-ios-cloud-outline:before, .ion-ios-cloud-upload:before, .ion-ios-cloud-upload-outline:before, .ion-ios-cloudy:before, .ion-ios-cloudy-night:before, .ion-ios-cloudy-night-outline:before, .ion-ios-cloudy-outline:before, .ion-ios-cog:before, .ion-ios-cog-outline:before, .ion-ios-color-filter:before, .ion-ios-color-filter-outline:before, .ion-ios-color-wand:before, .ion-ios-color-wand-outline:before, .ion-ios-compose:before, .ion-ios-compose-outline:before, .ion-ios-contact:before, .ion-ios-contact-outline:before, .ion-ios-copy:before, .ion-ios-copy-outline:before, .ion-ios-crop:before, .ion-ios-crop-strong:before, .ion-ios-download:before, .ion-ios-download-outline:before, .ion-ios-drag:before, .ion-ios-email:before, .ion-ios-email-outline:before, .ion-ios-eye:before, .ion-ios-eye-outline:before, .ion-ios-fastforward:before, .ion-ios-fastforward-outline:before, .ion-ios-filing:before, .ion-ios-filing-outline:before, .ion-ios-film:before, .ion-ios-film-outline:before, .ion-ios-flag:before, .ion-ios-flag-outline:before, .ion-ios-flame:before, .ion-ios-flame-outline:before, .ion-ios-flask:before, .ion-ios-flask-outline:before, .ion-ios-flower:before, .ion-ios-flower-outline:before, .ion-ios-folder:before, .ion-ios-folder-outline:before, .ion-ios-football:before, .ion-ios-football-outline:before, .ion-ios-game-controller-a:before, .ion-ios-game-controller-a-outline:before, .ion-ios-game-controller-b:before, .ion-ios-game-controller-b-outline:before, .ion-ios-gear:before, .ion-ios-gear-outline:before, .ion-ios-glasses:before, .ion-ios-glasses-outline:before, .ion-ios-grid-view:before, .ion-ios-grid-view-outline:before, .ion-ios-heart:before, .ion-ios-heart-outline:before, .ion-ios-help:before, .ion-ios-help-empty:before, .ion-ios-help-outline:before, .ion-ios-home:before, .ion-ios-home-outline:before, .ion-ios-infinite:before, .ion-ios-infinite-outline:before, .ion-ios-information:before, .ion-ios-information-empty:before, .ion-ios-information-outline:before, .ion-ios-ionic-outline:before, .ion-ios-keypad:before, .ion-ios-keypad-outline:before, .ion-ios-lightbulb:before, .ion-ios-lightbulb-outline:before, .ion-ios-list:before, .ion-ios-list-outline:before, .ion-ios-location:before, .ion-ios-location-outline:before, .ion-ios-locked:before, .ion-ios-locked-outline:before, .ion-ios-loop:before, .ion-ios-loop-strong:before, .ion-ios-medical:before, .ion-ios-medical-outline:before, .ion-ios-medkit:before, .ion-ios-medkit-outline:before, .ion-ios-mic:before, .ion-ios-mic-off:before, .ion-ios-mic-outline:before, .ion-ios-minus:before, .ion-ios-minus-empty:before, .ion-ios-minus-outline:before, .ion-ios-monitor:before, .ion-ios-monitor-outline:before, .ion-ios-moon:before, .ion-ios-moon-outline:before, .ion-ios-more:before, .ion-ios-more-outline:before, .ion-ios-musical-note:before, .ion-ios-musical-notes:before, .ion-ios-navigate:before, .ion-ios-navigate-outline:before, .ion-ios-nutrition:before, .ion-ios-nutrition-outline:before, .ion-ios-paper:before, .ion-ios-paper-outline:before, .ion-ios-paperplane:before, .ion-ios-paperplane-outline:before, .ion-ios-partlysunny:before, .ion-ios-partlysunny-outline:before, .ion-ios-pause:before, .ion-ios-pause-outline:before, .ion-ios-paw:before, .ion-ios-paw-outline:before, .ion-ios-people:before, .ion-ios-people-outline:before, .ion-ios-person:before, .ion-ios-person-outline:before, .ion-ios-personadd:before, .ion-ios-personadd-outline:before, .ion-ios-photos:before, .ion-ios-photos-outline:before, .ion-ios-pie:before, .ion-ios-pie-outline:before, .ion-ios-pint:before, .ion-ios-pint-outline:before, .ion-ios-play:before, .ion-ios-play-outline:before, .ion-ios-plus:before, .ion-ios-plus-empty:before, .ion-ios-plus-outline:before, .ion-ios-pricetag:before, .ion-ios-pricetag-outline:before, .ion-ios-pricetags:before, .ion-ios-pricetags-outline:before, .ion-ios-printer:before, .ion-ios-printer-outline:before, .ion-ios-pulse:before, .ion-ios-pulse-strong:before, .ion-ios-rainy:before, .ion-ios-rainy-outline:before, .ion-ios-recording:before, .ion-ios-recording-outline:before, .ion-ios-redo:before, .ion-ios-redo-outline:before, .ion-ios-refresh:before, .ion-ios-refresh-empty:before, .ion-ios-refresh-outline:before, .ion-ios-reload:before, .ion-ios-reverse-camera:before, .ion-ios-reverse-camera-outline:before, .ion-ios-rewind:before, .ion-ios-rewind-outline:before, .ion-ios-rose:before, .ion-ios-rose-outline:before, .ion-ios-search:before, .ion-ios-search-strong:before, .ion-ios-settings:before, .ion-ios-settings-strong:before, .ion-ios-shuffle:before, .ion-ios-shuffle-strong:before, .ion-ios-skipbackward:before, .ion-ios-skipbackward-outline:before, .ion-ios-skipforward:before, .ion-ios-skipforward-outline:before, .ion-ios-snowy:before, .ion-ios-speedometer:before, .ion-ios-speedometer-outline:before, .ion-ios-star:before, .ion-ios-star-half:before, .ion-ios-star-outline:before, .ion-ios-stopwatch:before, .ion-ios-stopwatch-outline:before, .ion-ios-sunny:before, .ion-ios-sunny-outline:before, .ion-ios-telephone:before, .ion-ios-telephone-outline:before, .ion-ios-tennisball:before, .ion-ios-tennisball-outline:before, .ion-ios-thunderstorm:before, .ion-ios-thunderstorm-outline:before, .ion-ios-time:before, .ion-ios-time-outline:before, .ion-ios-timer:before, .ion-ios-timer-outline:before, .ion-ios-toggle:before, .ion-ios-toggle-outline:before, .ion-ios-trash:before, .ion-ios-trash-outline:before, .ion-ios-undo:before, .ion-ios-undo-outline:before, .ion-ios-unlocked:before, .ion-ios-unlocked-outline:before, .ion-ios-upload:before, .ion-ios-upload-outline:before, .ion-ios-videocam:before, .ion-ios-videocam-outline:before, .ion-ios-volume-high:before, .ion-ios-volume-low:before, .ion-ios-wineglass:before, .ion-ios-wineglass-outline:before, .ion-ios-world:before, .ion-ios-world-outline:before, .ion-ipad:before, .ion-iphone:before, .ion-ipod:before, .ion-jet:before, .ion-key:before, .ion-knife:before, .ion-laptop:before, .ion-leaf:before, .ion-levels:before, .ion-lightbulb:before, .ion-link:before, .ion-load-a:before, .ion-load-b:before, .ion-load-c:before, .ion-load-d:before, .ion-location:before, .ion-lock-combination:before, .ion-locked:before, .ion-log-in:before, .ion-log-out:before, .ion-loop:before, .ion-magnet:before, .ion-male:before, .ion-man:before, .ion-map:before, .ion-medkit:before, .ion-merge:before, .ion-mic-a:before, .ion-mic-b:before, .ion-mic-c:before, .ion-minus:before, .ion-minus-circled:before, .ion-minus-round:before, .ion-model-s:before, .ion-monitor:before, .ion-more:before, .ion-mouse:before, .ion-music-note:before, .ion-navicon:before, .ion-navicon-round:before, .ion-navigate:before, .ion-network:before, .ion-no-smoking:before, .ion-nuclear:before, .ion-outlet:before, .ion-paintbrush:before, .ion-paintbucket:before, .ion-paper-airplane:before, .ion-paperclip:before, .ion-pause:before, .ion-person:before, .ion-person-add:before, .ion-person-stalker:before, .ion-pie-graph:before, .ion-pin:before, .ion-pinpoint:before, .ion-pizza:before, .ion-plane:before, .ion-planet:before, .ion-play:before, .ion-playstation:before, .ion-plus:before, .ion-plus-circled:before, .ion-plus-round:before, .ion-podium:before, .ion-pound:before, .ion-power:before, .ion-pricetag:before, .ion-pricetags:before, .ion-printer:before, .ion-pull-request:before, .ion-qr-scanner:before, .ion-quote:before, .ion-radio-waves:before, .ion-record:before, .ion-refresh:before, .ion-reply:before, .ion-reply-all:before, .ion-ribbon-a:before, .ion-ribbon-b:before, .ion-sad:before, .ion-sad-outline:before, .ion-scissors:before, .ion-search:before, .ion-settings:before, .ion-share:before, .ion-shuffle:before, .ion-skip-backward:before, .ion-skip-forward:before, .ion-social-android:before, .ion-social-android-outline:before, .ion-social-angular:before, .ion-social-angular-outline:before, .ion-social-apple:before, .ion-social-apple-outline:before, .ion-social-bitcoin:before, .ion-social-bitcoin-outline:before, .ion-social-buffer:before, .ion-social-buffer-outline:before, .ion-social-chrome:before, .ion-social-chrome-outline:before, .ion-social-codepen:before, .ion-social-codepen-outline:before, .ion-social-css3:before, .ion-social-css3-outline:before, .ion-social-designernews:before, .ion-social-designernews-outline:before, .ion-social-dribbble:before, .ion-social-dribbble-outline:before, .ion-social-dropbox:before, .ion-social-dropbox-outline:before, .ion-social-euro:before, .ion-social-euro-outline:before, .ion-social-facebook:before, .ion-social-facebook-outline:before, .ion-social-foursquare:before, .ion-social-foursquare-outline:before, .ion-social-freebsd-devil:before, .ion-social-github:before, .ion-social-github-outline:before, .ion-social-google:before, .ion-social-google-outline:before, .ion-social-googleplus:before, .ion-social-googleplus-outline:before, .ion-social-hackernews:before, .ion-social-hackernews-outline:before, .ion-social-html5:before, .ion-social-html5-outline:before, .ion-social-instagram:before, .ion-social-instagram-outline:before, .ion-social-javascript:before, .ion-social-javascript-outline:before, .ion-social-linkedin:before, .ion-social-linkedin-outline:before, .ion-social-markdown:before, .ion-social-nodejs:before, .ion-social-octocat:before, .ion-social-pinterest:before, .ion-social-pinterest-outline:before, .ion-social-python:before, .ion-social-reddit:before, .ion-social-reddit-outline:before, .ion-social-rss:before, .ion-social-rss-outline:before, .ion-social-sass:before, .ion-social-skype:before, .ion-social-skype-outline:before, .ion-social-snapchat:before, .ion-social-snapchat-outline:before, .ion-social-tumblr:before, .ion-social-tumblr-outline:before, .ion-social-tux:before, .ion-social-twitch:before, .ion-social-twitch-outline:before, .ion-social-twitter:before, .ion-social-twitter-outline:before, .ion-social-usd:before, .ion-social-usd-outline:before, .ion-social-vimeo:before, .ion-social-vimeo-outline:before, .ion-social-whatsapp:before, .ion-social-whatsapp-outline:before, .ion-social-windows:before, .ion-social-windows-outline:before, .ion-social-wordpress:before, .ion-social-wordpress-outline:before, .ion-social-yahoo:before, .ion-social-yahoo-outline:before, .ion-social-yen:before, .ion-social-yen-outline:before, .ion-social-youtube:before, .ion-social-youtube-outline:before, .ion-soup-can:before, .ion-soup-can-outline:before, .ion-speakerphone:before, .ion-speedometer:before, .ion-spoon:before, .ion-star:before, .ion-stats-bars:before, .ion-steam:before, .ion-stop:before, .ion-thermometer:before, .ion-thumbsdown:before, .ion-thumbsup:before, .ion-toggle:before, .ion-toggle-filled:before, .ion-transgender:before, .ion-trash-a:before, .ion-trash-b:before, .ion-trophy:before, .ion-tshirt:before, .ion-tshirt-outline:before, .ion-umbrella:before, .ion-university:before, .ion-unlocked:before, .ion-upload:before, .ion-usb:before, .ion-videocamera:before, .ion-volume-high:before, .ion-volume-low:before, .ion-volume-medium:before, .ion-volume-mute:before, .ion-wand:before, .ion-waterdrop:before, .ion-wifi:before, .ion-wineglass:before, .ion-woman:before, .ion-wrench:before, .ion-xbox:before {
  display: inline-block;
  font-family: "Ionicons";
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  text-rendering: auto;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.ion-alert:before {
  content: "";
}

.ion-alert-circled:before {
  content: "";
}

.ion-android-add:before {
  content: "";
}

.ion-android-add-circle:before {
  content: "";
}

.ion-android-alarm-clock:before {
  content: "";
}

.ion-android-alert:before {
  content: "";
}

.ion-android-apps:before {
  content: "";
}

.ion-android-archive:before {
  content: "";
}

.ion-android-arrow-back:before {
  content: "";
}

.ion-android-arrow-down:before {
  content: "";
}

.ion-android-arrow-dropdown:before {
  content: "";
}

.ion-android-arrow-dropdown-circle:before {
  content: "";
}

.ion-android-arrow-dropleft:before {
  content: "";
}

.ion-android-arrow-dropleft-circle:before {
  content: "";
}

.ion-android-arrow-dropright:before {
  content: "";
}

.ion-android-arrow-dropright-circle:before {
  content: "";
}

.ion-android-arrow-dropup:before {
  content: "";
}

.ion-android-arrow-dropup-circle:before {
  content: "";
}

.ion-android-arrow-forward:before {
  content: "";
}

.ion-android-arrow-up:before {
  content: "";
}

.ion-android-attach:before {
  content: "";
}

.ion-android-bar:before {
  content: "";
}

.ion-android-bicycle:before {
  content: "";
}

.ion-android-boat:before {
  content: "";
}

.ion-android-bookmark:before {
  content: "";
}

.ion-android-bulb:before {
  content: "";
}

.ion-android-bus:before {
  content: "";
}

.ion-android-calendar:before {
  content: "";
}

.ion-android-call:before {
  content: "";
}

.ion-android-camera:before {
  content: "";
}

.ion-android-cancel:before {
  content: "";
}

.ion-android-car:before {
  content: "";
}

.ion-android-cart:before {
  content: "";
}

.ion-android-chat:before {
  content: "";
}

.ion-android-checkbox:before {
  content: "";
}

.ion-android-checkbox-blank:before {
  content: "";
}

.ion-android-checkbox-outline:before {
  content: "";
}

.ion-android-checkbox-outline-blank:before {
  content: "";
}

.ion-android-checkmark-circle:before {
  content: "";
}

.ion-android-clipboard:before {
  content: "";
}

.ion-android-close:before {
  content: "";
}

.ion-android-cloud:before {
  content: "";
}

.ion-android-cloud-circle:before {
  content: "";
}

.ion-android-cloud-done:before {
  content: "";
}

.ion-android-cloud-outline:before {
  content: "";
}

.ion-android-color-palette:before {
  content: "";
}

.ion-android-compass:before {
  content: "";
}

.ion-android-contact:before {
  content: "";
}

.ion-android-contacts:before {
  content: "";
}

.ion-android-contract:before {
  content: "";
}

.ion-android-create:before {
  content: "";
}

.ion-android-delete:before {
  content: "";
}

.ion-android-desktop:before {
  content: "";
}

.ion-android-document:before {
  content: "";
}

.ion-android-done:before {
  content: "";
}

.ion-android-done-all:before {
  content: "";
}

.ion-android-download:before {
  content: "";
}

.ion-android-drafts:before {
  content: "";
}

.ion-android-exit:before {
  content: "";
}

.ion-android-expand:before {
  content: "";
}

.ion-android-favorite:before {
  content: "";
}

.ion-android-favorite-outline:before {
  content: "";
}

.ion-android-film:before {
  content: "";
}

.ion-android-folder:before {
  content: "";
}

.ion-android-folder-open:before {
  content: "";
}

.ion-android-funnel:before {
  content: "";
}

.ion-android-globe:before {
  content: "";
}

.ion-android-hand:before {
  content: "";
}

.ion-android-hangout:before {
  content: "";
}

.ion-android-happy:before {
  content: "";
}

.ion-android-home:before {
  content: "";
}

.ion-android-image:before {
  content: "";
}

.ion-android-laptop:before {
  content: "";
}

.ion-android-list:before {
  content: "";
}

.ion-android-locate:before {
  content: "";
}

.ion-android-lock:before {
  content: "";
}

.ion-android-mail:before {
  content: "";
}

.ion-android-map:before {
  content: "";
}

.ion-android-menu:before {
  content: "";
}

.ion-android-microphone:before {
  content: "";
}

.ion-android-microphone-off:before {
  content: "";
}

.ion-android-more-horizontal:before {
  content: "";
}

.ion-android-more-vertical:before {
  content: "";
}

.ion-android-navigate:before {
  content: "";
}

.ion-android-notifications:before {
  content: "";
}

.ion-android-notifications-none:before {
  content: "";
}

.ion-android-notifications-off:before {
  content: "";
}

.ion-android-open:before {
  content: "";
}

.ion-android-options:before {
  content: "";
}

.ion-android-people:before {
  content: "";
}

.ion-android-person:before {
  content: "";
}

.ion-android-person-add:before {
  content: "";
}

.ion-android-phone-landscape:before {
  content: "";
}

.ion-android-phone-portrait:before {
  content: "";
}

.ion-android-pin:before {
  content: "";
}

.ion-android-plane:before {
  content: "";
}

.ion-android-playstore:before {
  content: "";
}

.ion-android-print:before {
  content: "";
}

.ion-android-radio-button-off:before {
  content: "";
}

.ion-android-radio-button-on:before {
  content: "";
}

.ion-android-refresh:before {
  content: "";
}

.ion-android-remove:before {
  content: "";
}

.ion-android-remove-circle:before {
  content: "";
}

.ion-android-restaurant:before {
  content: "";
}

.ion-android-sad:before {
  content: "";
}

.ion-android-search:before {
  content: "";
}

.ion-android-send:before {
  content: "";
}

.ion-android-settings:before {
  content: "";
}

.ion-android-share:before {
  content: "";
}

.ion-android-share-alt:before {
  content: "";
}

.ion-android-star:before {
  content: "";
}

.ion-android-star-half:before {
  content: "";
}

.ion-android-star-outline:before {
  content: "";
}

.ion-android-stopwatch:before {
  content: "";
}

.ion-android-subway:before {
  content: "";
}

.ion-android-sunny:before {
  content: "";
}

.ion-android-sync:before {
  content: "";
}

.ion-android-textsms:before {
  content: "";
}

.ion-android-time:before {
  content: "";
}

.ion-android-train:before {
  content: "";
}

.ion-android-unlock:before {
  content: "";
}

.ion-android-upload:before {
  content: "";
}

.ion-android-volume-down:before {
  content: "";
}

.ion-android-volume-mute:before {
  content: "";
}

.ion-android-volume-off:before {
  content: "";
}

.ion-android-volume-up:before {
  content: "";
}

.ion-android-walk:before {
  content: "";
}

.ion-android-warning:before {
  content: "";
}

.ion-android-watch:before {
  content: "";
}

.ion-android-wifi:before {
  content: "";
}

.ion-aperture:before {
  content: "";
}

.ion-archive:before {
  content: "";
}

.ion-arrow-down-a:before {
  content: "";
}

.ion-arrow-down-b:before {
  content: "";
}

.ion-arrow-down-c:before {
  content: "";
}

.ion-arrow-expand:before {
  content: "";
}

.ion-arrow-graph-down-left:before {
  content: "";
}

.ion-arrow-graph-down-right:before {
  content: "";
}

.ion-arrow-graph-up-left:before {
  content: "";
}

.ion-arrow-graph-up-right:before {
  content: "";
}

.ion-arrow-left-a:before {
  content: "";
}

.ion-arrow-left-b:before {
  content: "";
}

.ion-arrow-left-c:before {
  content: "";
}

.ion-arrow-move:before {
  content: "";
}

.ion-arrow-resize:before {
  content: "";
}

.ion-arrow-return-left:before {
  content: "";
}

.ion-arrow-return-right:before {
  content: "";
}

.ion-arrow-right-a:before {
  content: "";
}

.ion-arrow-right-b:before {
  content: "";
}

.ion-arrow-right-c:before {
  content: "";
}

.ion-arrow-shrink:before {
  content: "";
}

.ion-arrow-swap:before {
  content: "";
}

.ion-arrow-up-a:before {
  content: "";
}

.ion-arrow-up-b:before {
  content: "";
}

.ion-arrow-up-c:before {
  content: "";
}

.ion-asterisk:before {
  content: "";
}

.ion-at:before {
  content: "";
}

.ion-backspace:before {
  content: "";
}

.ion-backspace-outline:before {
  content: "";
}

.ion-bag:before {
  content: "";
}

.ion-battery-charging:before {
  content: "";
}

.ion-battery-empty:before {
  content: "";
}

.ion-battery-full:before {
  content: "";
}

.ion-battery-half:before {
  content: "";
}

.ion-battery-low:before {
  content: "";
}

.ion-beaker:before {
  content: "";
}

.ion-beer:before {
  content: "";
}

.ion-bluetooth:before {
  content: "";
}

.ion-bonfire:before {
  content: "";
}

.ion-bookmark:before {
  content: "";
}

.ion-bowtie:before {
  content: "";
}

.ion-briefcase:before {
  content: "";
}

.ion-bug:before {
  content: "";
}

.ion-calculator:before {
  content: "";
}

.ion-calendar:before {
  content: "";
}

.ion-camera:before {
  content: "";
}

.ion-card:before {
  content: "";
}

.ion-cash:before {
  content: "";
}

.ion-chatbox:before {
  content: "";
}

.ion-chatbox-working:before {
  content: "";
}

.ion-chatboxes:before {
  content: "";
}

.ion-chatbubble:before {
  content: "";
}

.ion-chatbubble-working:before {
  content: "";
}

.ion-chatbubbles:before {
  content: "";
}

.ion-checkmark:before {
  content: "";
}

.ion-checkmark-circled:before {
  content: "";
}

.ion-checkmark-round:before {
  content: "";
}

.ion-chevron-down:before {
  content: "";
}

.ion-chevron-left:before {
  content: "";
}

.ion-chevron-right:before {
  content: "";
}

.ion-chevron-up:before {
  content: "";
}

.ion-clipboard:before {
  content: "";
}

.ion-clock:before {
  content: "";
}

.ion-close:before {
  content: "";
}

.ion-close-circled:before {
  content: "";
}

.ion-close-round:before {
  content: "";
}

.ion-closed-captioning:before {
  content: "";
}

.ion-cloud:before {
  content: "";
}

.ion-code:before {
  content: "";
}

.ion-code-download:before {
  content: "";
}

.ion-code-working:before {
  content: "";
}

.ion-coffee:before {
  content: "";
}

.ion-compass:before {
  content: "";
}

.ion-compose:before {
  content: "";
}

.ion-connection-bars:before {
  content: "";
}

.ion-contrast:before {
  content: "";
}

.ion-crop:before {
  content: "";
}

.ion-cube:before {
  content: "";
}

.ion-disc:before {
  content: "";
}

.ion-document:before {
  content: "";
}

.ion-document-text:before {
  content: "";
}

.ion-drag:before {
  content: "";
}

.ion-earth:before {
  content: "";
}

.ion-easel:before {
  content: "";
}

.ion-edit:before {
  content: "";
}

.ion-egg:before {
  content: "";
}

.ion-eject:before {
  content: "";
}

.ion-email:before {
  content: "";
}

.ion-email-unread:before {
  content: "";
}

.ion-erlenmeyer-flask:before {
  content: "";
}

.ion-erlenmeyer-flask-bubbles:before {
  content: "";
}

.ion-eye:before {
  content: "";
}

.ion-eye-disabled:before {
  content: "";
}

.ion-female:before {
  content: "";
}

.ion-filing:before {
  content: "";
}

.ion-film-marker:before {
  content: "";
}

.ion-fireball:before {
  content: "";
}

.ion-flag:before {
  content: "";
}

.ion-flame:before {
  content: "";
}

.ion-flash:before {
  content: "";
}

.ion-flash-off:before {
  content: "";
}

.ion-folder:before {
  content: "";
}

.ion-fork:before {
  content: "";
}

.ion-fork-repo:before {
  content: "";
}

.ion-forward:before {
  content: "";
}

.ion-funnel:before {
  content: "";
}

.ion-gear-a:before {
  content: "";
}

.ion-gear-b:before {
  content: "";
}

.ion-grid:before {
  content: "";
}

.ion-hammer:before {
  content: "";
}

.ion-happy:before {
  content: "";
}

.ion-happy-outline:before {
  content: "";
}

.ion-headphone:before {
  content: "";
}

.ion-heart:before {
  content: "";
}

.ion-heart-broken:before {
  content: "";
}

.ion-help:before {
  content: "";
}

.ion-help-buoy:before {
  content: "";
}

.ion-help-circled:before {
  content: "";
}

.ion-home:before {
  content: "";
}

.ion-icecream:before {
  content: "";
}

.ion-image:before {
  content: "";
}

.ion-images:before {
  content: "";
}

.ion-information:before {
  content: "";
}

.ion-information-circled:before {
  content: "";
}

.ion-ionic:before {
  content: "";
}

.ion-ios-alarm:before {
  content: "";
}

.ion-ios-alarm-outline:before {
  content: "";
}

.ion-ios-albums:before {
  content: "";
}

.ion-ios-albums-outline:before {
  content: "";
}

.ion-ios-americanfootball:before {
  content: "";
}

.ion-ios-americanfootball-outline:before {
  content: "";
}

.ion-ios-analytics:before {
  content: "";
}

.ion-ios-analytics-outline:before {
  content: "";
}

.ion-ios-arrow-back:before {
  content: "";
}

.ion-ios-arrow-down:before {
  content: "";
}

.ion-ios-arrow-forward:before {
  content: "";
}

.ion-ios-arrow-left:before {
  content: "";
}

.ion-ios-arrow-right:before {
  content: "";
}

.ion-ios-arrow-thin-down:before {
  content: "";
}

.ion-ios-arrow-thin-left:before {
  content: "";
}

.ion-ios-arrow-thin-right:before {
  content: "";
}

.ion-ios-arrow-thin-up:before {
  content: "";
}

.ion-ios-arrow-up:before {
  content: "";
}

.ion-ios-at:before {
  content: "";
}

.ion-ios-at-outline:before {
  content: "";
}

.ion-ios-barcode:before {
  content: "";
}

.ion-ios-barcode-outline:before {
  content: "";
}

.ion-ios-baseball:before {
  content: "";
}

.ion-ios-baseball-outline:before {
  content: "";
}

.ion-ios-basketball:before {
  content: "";
}

.ion-ios-basketball-outline:before {
  content: "";
}

.ion-ios-bell:before {
  content: "";
}

.ion-ios-bell-outline:before {
  content: "";
}

.ion-ios-body:before {
  content: "";
}

.ion-ios-body-outline:before {
  content: "";
}

.ion-ios-bolt:before {
  content: "";
}

.ion-ios-bolt-outline:before {
  content: "";
}

.ion-ios-book:before {
  content: "";
}

.ion-ios-book-outline:before {
  content: "";
}

.ion-ios-bookmarks:before {
  content: "";
}

.ion-ios-bookmarks-outline:before {
  content: "";
}

.ion-ios-box:before {
  content: "";
}

.ion-ios-box-outline:before {
  content: "";
}

.ion-ios-briefcase:before {
  content: "";
}

.ion-ios-briefcase-outline:before {
  content: "";
}

.ion-ios-browsers:before {
  content: "";
}

.ion-ios-browsers-outline:before {
  content: "";
}

.ion-ios-calculator:before {
  content: "";
}

.ion-ios-calculator-outline:before {
  content: "";
}

.ion-ios-calendar:before {
  content: "";
}

.ion-ios-calendar-outline:before {
  content: "";
}

.ion-ios-camera:before {
  content: "";
}

.ion-ios-camera-outline:before {
  content: "";
}

.ion-ios-cart:before {
  content: "";
}

.ion-ios-cart-outline:before {
  content: "";
}

.ion-ios-chatboxes:before {
  content: "";
}

.ion-ios-chatboxes-outline:before {
  content: "";
}

.ion-ios-chatbubble:before {
  content: "";
}

.ion-ios-chatbubble-outline:before {
  content: "";
}

.ion-ios-checkmark:before {
  content: "";
}

.ion-ios-checkmark-empty:before {
  content: "";
}

.ion-ios-checkmark-outline:before {
  content: "";
}

.ion-ios-circle-filled:before {
  content: "";
}

.ion-ios-circle-outline:before {
  content: "";
}

.ion-ios-clock:before {
  content: "";
}

.ion-ios-clock-outline:before {
  content: "";
}

.ion-ios-close:before {
  content: "";
}

.ion-ios-close-empty:before {
  content: "";
}

.ion-ios-close-outline:before {
  content: "";
}

.ion-ios-cloud:before {
  content: "";
}

.ion-ios-cloud-download:before {
  content: "";
}

.ion-ios-cloud-download-outline:before {
  content: "";
}

.ion-ios-cloud-outline:before {
  content: "";
}

.ion-ios-cloud-upload:before {
  content: "";
}

.ion-ios-cloud-upload-outline:before {
  content: "";
}

.ion-ios-cloudy:before {
  content: "";
}

.ion-ios-cloudy-night:before {
  content: "";
}

.ion-ios-cloudy-night-outline:before {
  content: "";
}

.ion-ios-cloudy-outline:before {
  content: "";
}

.ion-ios-cog:before {
  content: "";
}

.ion-ios-cog-outline:before {
  content: "";
}

.ion-ios-color-filter:before {
  content: "";
}

.ion-ios-color-filter-outline:before {
  content: "";
}

.ion-ios-color-wand:before {
  content: "";
}

.ion-ios-color-wand-outline:before {
  content: "";
}

.ion-ios-compose:before {
  content: "";
}

.ion-ios-compose-outline:before {
  content: "";
}

.ion-ios-contact:before {
  content: "";
}

.ion-ios-contact-outline:before {
  content: "";
}

.ion-ios-copy:before {
  content: "";
}

.ion-ios-copy-outline:before {
  content: "";
}

.ion-ios-crop:before {
  content: "";
}

.ion-ios-crop-strong:before {
  content: "";
}

.ion-ios-download:before {
  content: "";
}

.ion-ios-download-outline:before {
  content: "";
}

.ion-ios-drag:before {
  content: "";
}

.ion-ios-email:before {
  content: "";
}

.ion-ios-email-outline:before {
  content: "";
}

.ion-ios-eye:before {
  content: "";
}

.ion-ios-eye-outline:before {
  content: "";
}

.ion-ios-fastforward:before {
  content: "";
}

.ion-ios-fastforward-outline:before {
  content: "";
}

.ion-ios-filing:before {
  content: "";
}

.ion-ios-filing-outline:before {
  content: "";
}

.ion-ios-film:before {
  content: "";
}

.ion-ios-film-outline:before {
  content: "";
}

.ion-ios-flag:before {
  content: "";
}

.ion-ios-flag-outline:before {
  content: "";
}

.ion-ios-flame:before {
  content: "";
}

.ion-ios-flame-outline:before {
  content: "";
}

.ion-ios-flask:before {
  content: "";
}

.ion-ios-flask-outline:before {
  content: "";
}

.ion-ios-flower:before {
  content: "";
}

.ion-ios-flower-outline:before {
  content: "";
}

.ion-ios-folder:before {
  content: "";
}

.ion-ios-folder-outline:before {
  content: "";
}

.ion-ios-football:before {
  content: "";
}

.ion-ios-football-outline:before {
  content: "";
}

.ion-ios-game-controller-a:before {
  content: "";
}

.ion-ios-game-controller-a-outline:before {
  content: "";
}

.ion-ios-game-controller-b:before {
  content: "";
}

.ion-ios-game-controller-b-outline:before {
  content: "";
}

.ion-ios-gear:before {
  content: "";
}

.ion-ios-gear-outline:before {
  content: "";
}

.ion-ios-glasses:before {
  content: "";
}

.ion-ios-glasses-outline:before {
  content: "";
}

.ion-ios-grid-view:before {
  content: "";
}

.ion-ios-grid-view-outline:before {
  content: "";
}

.ion-ios-heart:before {
  content: "";
}

.ion-ios-heart-outline:before {
  content: "";
}

.ion-ios-help:before {
  content: "";
}

.ion-ios-help-empty:before {
  content: "";
}

.ion-ios-help-outline:before {
  content: "";
}

.ion-ios-home:before {
  content: "";
}

.ion-ios-home-outline:before {
  content: "";
}

.ion-ios-infinite:before {
  content: "";
}

.ion-ios-infinite-outline:before {
  content: "";
}

.ion-ios-information:before {
  content: "";
}

.ion-ios-information-empty:before {
  content: "";
}

.ion-ios-information-outline:before {
  content: "";
}

.ion-ios-ionic-outline:before {
  content: "";
}

.ion-ios-keypad:before {
  content: "";
}

.ion-ios-keypad-outline:before {
  content: "";
}

.ion-ios-lightbulb:before {
  content: "";
}

.ion-ios-lightbulb-outline:before {
  content: "";
}

.ion-ios-list:before {
  content: "";
}

.ion-ios-list-outline:before {
  content: "";
}

.ion-ios-location:before {
  content: "";
}

.ion-ios-location-outline:before {
  content: "";
}

.ion-ios-locked:before {
  content: "";
}

.ion-ios-locked-outline:before {
  content: "";
}

.ion-ios-loop:before {
  content: "";
}

.ion-ios-loop-strong:before {
  content: "";
}

.ion-ios-medical:before {
  content: "";
}

.ion-ios-medical-outline:before {
  content: "";
}

.ion-ios-medkit:before {
  content: "";
}

.ion-ios-medkit-outline:before {
  content: "";
}

.ion-ios-mic:before {
  content: "";
}

.ion-ios-mic-off:before {
  content: "";
}

.ion-ios-mic-outline:before {
  content: "";
}

.ion-ios-minus:before {
  content: "";
}

.ion-ios-minus-empty:before {
  content: "";
}

.ion-ios-minus-outline:before {
  content: "";
}

.ion-ios-monitor:before {
  content: "";
}

.ion-ios-monitor-outline:before {
  content: "";
}

.ion-ios-moon:before {
  content: "";
}

.ion-ios-moon-outline:before {
  content: "";
}

.ion-ios-more:before {
  content: "";
}

.ion-ios-more-outline:before {
  content: "";
}

.ion-ios-musical-note:before {
  content: "";
}

.ion-ios-musical-notes:before {
  content: "";
}

.ion-ios-navigate:before {
  content: "";
}

.ion-ios-navigate-outline:before {
  content: "";
}

.ion-ios-nutrition:before {
  content: "";
}

.ion-ios-nutrition-outline:before {
  content: "";
}

.ion-ios-paper:before {
  content: "";
}

.ion-ios-paper-outline:before {
  content: "";
}

.ion-ios-paperplane:before {
  content: "";
}

.ion-ios-paperplane-outline:before {
  content: "";
}

.ion-ios-partlysunny:before {
  content: "";
}

.ion-ios-partlysunny-outline:before {
  content: "";
}

.ion-ios-pause:before {
  content: "";
}

.ion-ios-pause-outline:before {
  content: "";
}

.ion-ios-paw:before {
  content: "";
}

.ion-ios-paw-outline:before {
  content: "";
}

.ion-ios-people:before {
  content: "";
}

.ion-ios-people-outline:before {
  content: "";
}

.ion-ios-person:before {
  content: "";
}

.ion-ios-person-outline:before {
  content: "";
}

.ion-ios-personadd:before {
  content: "";
}

.ion-ios-personadd-outline:before {
  content: "";
}

.ion-ios-photos:before {
  content: "";
}

.ion-ios-photos-outline:before {
  content: "";
}

.ion-ios-pie:before {
  content: "";
}

.ion-ios-pie-outline:before {
  content: "";
}

.ion-ios-pint:before {
  content: "";
}

.ion-ios-pint-outline:before {
  content: "";
}

.ion-ios-play:before {
  content: "";
}

.ion-ios-play-outline:before {
  content: "";
}

.ion-ios-plus:before {
  content: "";
}

.ion-ios-plus-empty:before {
  content: "";
}

.ion-ios-plus-outline:before {
  content: "";
}

.ion-ios-pricetag:before {
  content: "";
}

.ion-ios-pricetag-outline:before {
  content: "";
}

.ion-ios-pricetags:before {
  content: "";
}

.ion-ios-pricetags-outline:before {
  content: "";
}

.ion-ios-printer:before {
  content: "";
}

.ion-ios-printer-outline:before {
  content: "";
}

.ion-ios-pulse:before {
  content: "";
}

.ion-ios-pulse-strong:before {
  content: "";
}

.ion-ios-rainy:before {
  content: "";
}

.ion-ios-rainy-outline:before {
  content: "";
}

.ion-ios-recording:before {
  content: "";
}

.ion-ios-recording-outline:before {
  content: "";
}

.ion-ios-redo:before {
  content: "";
}

.ion-ios-redo-outline:before {
  content: "";
}

.ion-ios-refresh:before {
  content: "";
}

.ion-ios-refresh-empty:before {
  content: "";
}

.ion-ios-refresh-outline:before {
  content: "";
}

.ion-ios-reload:before {
  content: "";
}

.ion-ios-reverse-camera:before {
  content: "";
}

.ion-ios-reverse-camera-outline:before {
  content: "";
}

.ion-ios-rewind:before {
  content: "";
}

.ion-ios-rewind-outline:before {
  content: "";
}

.ion-ios-rose:before {
  content: "";
}

.ion-ios-rose-outline:before {
  content: "";
}

.ion-ios-search:before {
  content: "";
}

.ion-ios-search-strong:before {
  content: "";
}

.ion-ios-settings:before {
  content: "";
}

.ion-ios-settings-strong:before {
  content: "";
}

.ion-ios-shuffle:before {
  content: "";
}

.ion-ios-shuffle-strong:before {
  content: "";
}

.ion-ios-skipbackward:before {
  content: "";
}

.ion-ios-skipbackward-outline:before {
  content: "";
}

.ion-ios-skipforward:before {
  content: "";
}

.ion-ios-skipforward-outline:before {
  content: "";
}

.ion-ios-snowy:before {
  content: "";
}

.ion-ios-speedometer:before {
  content: "";
}

.ion-ios-speedometer-outline:before {
  content: "";
}

.ion-ios-star:before {
  content: "";
}

.ion-ios-star-half:before {
  content: "";
}

.ion-ios-star-outline:before {
  content: "";
}

.ion-ios-stopwatch:before {
  content: "";
}

.ion-ios-stopwatch-outline:before {
  content: "";
}

.ion-ios-sunny:before {
  content: "";
}

.ion-ios-sunny-outline:before {
  content: "";
}

.ion-ios-telephone:before {
  content: "";
}

.ion-ios-telephone-outline:before {
  content: "";
}

.ion-ios-tennisball:before {
  content: "";
}

.ion-ios-tennisball-outline:before {
  content: "";
}

.ion-ios-thunderstorm:before {
  content: "";
}

.ion-ios-thunderstorm-outline:before {
  content: "";
}

.ion-ios-time:before {
  content: "";
}

.ion-ios-time-outline:before {
  content: "";
}

.ion-ios-timer:before {
  content: "";
}

.ion-ios-timer-outline:before {
  content: "";
}

.ion-ios-toggle:before {
  content: "";
}

.ion-ios-toggle-outline:before {
  content: "";
}

.ion-ios-trash:before {
  content: "";
}

.ion-ios-trash-outline:before {
  content: "";
}

.ion-ios-undo:before {
  content: "";
}

.ion-ios-undo-outline:before {
  content: "";
}

.ion-ios-unlocked:before {
  content: "";
}

.ion-ios-unlocked-outline:before {
  content: "";
}

.ion-ios-upload:before {
  content: "";
}

.ion-ios-upload-outline:before {
  content: "";
}

.ion-ios-videocam:before {
  content: "";
}

.ion-ios-videocam-outline:before {
  content: "";
}

.ion-ios-volume-high:before {
  content: "";
}

.ion-ios-volume-low:before {
  content: "";
}

.ion-ios-wineglass:before {
  content: "";
}

.ion-ios-wineglass-outline:before {
  content: "";
}

.ion-ios-world:before {
  content: "";
}

.ion-ios-world-outline:before {
  content: "";
}

.ion-ipad:before {
  content: "";
}

.ion-iphone:before {
  content: "";
}

.ion-ipod:before {
  content: "";
}

.ion-jet:before {
  content: "";
}

.ion-key:before {
  content: "";
}

.ion-knife:before {
  content: "";
}

.ion-laptop:before {
  content: "";
}

.ion-leaf:before {
  content: "";
}

.ion-levels:before {
  content: "";
}

.ion-lightbulb:before {
  content: "";
}

.ion-link:before {
  content: "";
}

.ion-load-a:before {
  content: "";
}

.ion-load-b:before {
  content: "";
}

.ion-load-c:before {
  content: "";
}

.ion-load-d:before {
  content: "";
}

.ion-location:before {
  content: "";
}

.ion-lock-combination:before {
  content: "";
}

.ion-locked:before {
  content: "";
}

.ion-log-in:before {
  content: "";
}

.ion-log-out:before {
  content: "";
}

.ion-loop:before {
  content: "";
}

.ion-magnet:before {
  content: "";
}

.ion-male:before {
  content: "";
}

.ion-man:before {
  content: "";
}

.ion-map:before {
  content: "";
}

.ion-medkit:before {
  content: "";
}

.ion-merge:before {
  content: "";
}

.ion-mic-a:before {
  content: "";
}

.ion-mic-b:before {
  content: "";
}

.ion-mic-c:before {
  content: "";
}

.ion-minus:before {
  content: "";
}

.ion-minus-circled:before {
  content: "";
}

.ion-minus-round:before {
  content: "";
}

.ion-model-s:before {
  content: "";
}

.ion-monitor:before {
  content: "";
}

.ion-more:before {
  content: "";
}

.ion-mouse:before {
  content: "";
}

.ion-music-note:before {
  content: "";
}

.ion-navicon:before {
  content: "";
}

.ion-navicon-round:before {
  content: "";
}

.ion-navigate:before {
  content: "";
}

.ion-network:before {
  content: "";
}

.ion-no-smoking:before {
  content: "";
}

.ion-nuclear:before {
  content: "";
}

.ion-outlet:before {
  content: "";
}

.ion-paintbrush:before {
  content: "";
}

.ion-paintbucket:before {
  content: "";
}

.ion-paper-airplane:before {
  content: "";
}

.ion-paperclip:before {
  content: "";
}

.ion-pause:before {
  content: "";
}

.ion-person:before {
  content: "";
}

.ion-person-add:before {
  content: "";
}

.ion-person-stalker:before {
  content: "";
}

.ion-pie-graph:before {
  content: "";
}

.ion-pin:before {
  content: "";
}

.ion-pinpoint:before {
  content: "";
}

.ion-pizza:before {
  content: "";
}

.ion-plane:before {
  content: "";
}

.ion-planet:before {
  content: "";
}

.ion-play:before {
  content: "";
}

.ion-playstation:before {
  content: "";
}

.ion-plus:before {
  content: "";
}

.ion-plus-circled:before {
  content: "";
}

.ion-plus-round:before {
  content: "";
}

.ion-podium:before {
  content: "";
}

.ion-pound:before {
  content: "";
}

.ion-power:before {
  content: "";
}

.ion-pricetag:before {
  content: "";
}

.ion-pricetags:before {
  content: "";
}

.ion-printer:before {
  content: "";
}

.ion-pull-request:before {
  content: "";
}

.ion-qr-scanner:before {
  content: "";
}

.ion-quote:before {
  content: "";
}

.ion-radio-waves:before {
  content: "";
}

.ion-record:before {
  content: "";
}

.ion-refresh:before {
  content: "";
}

.ion-reply:before {
  content: "";
}

.ion-reply-all:before {
  content: "";
}

.ion-ribbon-a:before {
  content: "";
}

.ion-ribbon-b:before {
  content: "";
}

.ion-sad:before {
  content: "";
}

.ion-sad-outline:before {
  content: "";
}

.ion-scissors:before {
  content: "";
}

.ion-search:before {
  content: "";
}

.ion-settings:before {
  content: "";
}

.ion-share:before {
  content: "";
}

.ion-shuffle:before {
  content: "";
}

.ion-skip-backward:before {
  content: "";
}

.ion-skip-forward:before {
  content: "";
}

.ion-social-android:before {
  content: "";
}

.ion-social-android-outline:before {
  content: "";
}

.ion-social-angular:before {
  content: "";
}

.ion-social-angular-outline:before {
  content: "";
}

.ion-social-apple:before {
  content: "";
}

.ion-social-apple-outline:before {
  content: "";
}

.ion-social-bitcoin:before {
  content: "";
}

.ion-social-bitcoin-outline:before {
  content: "";
}

.ion-social-buffer:before {
  content: "";
}

.ion-social-buffer-outline:before {
  content: "";
}

.ion-social-chrome:before {
  content: "";
}

.ion-social-chrome-outline:before {
  content: "";
}

.ion-social-codepen:before {
  content: "";
}

.ion-social-codepen-outline:before {
  content: "";
}

.ion-social-css3:before {
  content: "";
}

.ion-social-css3-outline:before {
  content: "";
}

.ion-social-designernews:before {
  content: "";
}

.ion-social-designernews-outline:before {
  content: "";
}

.ion-social-dribbble:before {
  content: "";
}

.ion-social-dribbble-outline:before {
  content: "";
}

.ion-social-dropbox:before {
  content: "";
}

.ion-social-dropbox-outline:before {
  content: "";
}

.ion-social-euro:before {
  content: "";
}

.ion-social-euro-outline:before {
  content: "";
}

.ion-social-facebook:before {
  content: "";
}

.ion-social-facebook-outline:before {
  content: "";
}

.ion-social-foursquare:before {
  content: "";
}

.ion-social-foursquare-outline:before {
  content: "";
}

.ion-social-freebsd-devil:before {
  content: "";
}

.ion-social-github:before {
  content: "";
}

.ion-social-github-outline:before {
  content: "";
}

.ion-social-google:before {
  content: "";
}

.ion-social-google-outline:before {
  content: "";
}

.ion-social-googleplus:before {
  content: "";
}

.ion-social-googleplus-outline:before {
  content: "";
}

.ion-social-hackernews:before {
  content: "";
}

.ion-social-hackernews-outline:before {
  content: "";
}

.ion-social-html5:before {
  content: "";
}

.ion-social-html5-outline:before {
  content: "";
}

.ion-social-instagram:before {
  content: "";
}

.ion-social-instagram-outline:before {
  content: "";
}

.ion-social-javascript:before {
  content: "";
}

.ion-social-javascript-outline:before {
  content: "";
}

.ion-social-linkedin:before {
  content: "";
}

.ion-social-linkedin-outline:before {
  content: "";
}

.ion-social-markdown:before {
  content: "";
}

.ion-social-nodejs:before {
  content: "";
}

.ion-social-octocat:before {
  content: "";
}

.ion-social-pinterest:before {
  content: "";
}

.ion-social-pinterest-outline:before {
  content: "";
}

.ion-social-python:before {
  content: "";
}

.ion-social-reddit:before {
  content: "";
}

.ion-social-reddit-outline:before {
  content: "";
}

.ion-social-rss:before {
  content: "";
}

.ion-social-rss-outline:before {
  content: "";
}

.ion-social-sass:before {
  content: "";
}

.ion-social-skype:before {
  content: "";
}

.ion-social-skype-outline:before {
  content: "";
}

.ion-social-snapchat:before {
  content: "";
}

.ion-social-snapchat-outline:before {
  content: "";
}

.ion-social-tumblr:before {
  content: "";
}

.ion-social-tumblr-outline:before {
  content: "";
}

.ion-social-tux:before {
  content: "";
}

.ion-social-twitch:before {
  content: "";
}

.ion-social-twitch-outline:before {
  content: "";
}

.ion-social-twitter:before {
  content: "";
}

.ion-social-twitter-outline:before {
  content: "";
}

.ion-social-usd:before {
  content: "";
}

.ion-social-usd-outline:before {
  content: "";
}

.ion-social-vimeo:before {
  content: "";
}

.ion-social-vimeo-outline:before {
  content: "";
}

.ion-social-whatsapp:before {
  content: "";
}

.ion-social-whatsapp-outline:before {
  content: "";
}

.ion-social-windows:before {
  content: "";
}

.ion-social-windows-outline:before {
  content: "";
}

.ion-social-wordpress:before {
  content: "";
}

.ion-social-wordpress-outline:before {
  content: "";
}

.ion-social-yahoo:before {
  content: "";
}

.ion-social-yahoo-outline:before {
  content: "";
}

.ion-social-yen:before {
  content: "";
}

.ion-social-yen-outline:before {
  content: "";
}

.ion-social-youtube:before {
  content: "";
}

.ion-social-youtube-outline:before {
  content: "";
}

.ion-soup-can:before {
  content: "";
}

.ion-soup-can-outline:before {
  content: "";
}

.ion-speakerphone:before {
  content: "";
}

.ion-speedometer:before {
  content: "";
}

.ion-spoon:before {
  content: "";
}

.ion-star:before {
  content: "";
}

.ion-stats-bars:before {
  content: "";
}

.ion-steam:before {
  content: "";
}

.ion-stop:before {
  content: "";
}

.ion-thermometer:before {
  content: "";
}

.ion-thumbsdown:before {
  content: "";
}

.ion-thumbsup:before {
  content: "";
}

.ion-toggle:before {
  content: "";
}

.ion-toggle-filled:before {
  content: "";
}

.ion-transgender:before {
  content: "";
}

.ion-trash-a:before {
  content: "";
}

.ion-trash-b:before {
  content: "";
}

.ion-trophy:before {
  content: "";
}

.ion-tshirt:before {
  content: "";
}

.ion-tshirt-outline:before {
  content: "";
}

.ion-umbrella:before {
  content: "";
}

.ion-university:before {
  content: "";
}

.ion-unlocked:before {
  content: "";
}

.ion-upload:before {
  content: "";
}

.ion-usb:before {
  content: "";
}

.ion-videocamera:before {
  content: "";
}

.ion-volume-high:before {
  content: "";
}

.ion-volume-low:before {
  content: "";
}

.ion-volume-medium:before {
  content: "";
}

.ion-volume-mute:before {
  content: "";
}

.ion-wand:before {
  content: "";
}

.ion-waterdrop:before {
  content: "";
}

.ion-wifi:before {
  content: "";
}

.ion-wineglass:before {
  content: "";
}

.ion-woman:before {
  content: "";
}

.ion-wrench:before {
  content: "";
}

.ion-xbox:before {
  content: "";
}

/* CES Color Palette */
/*$primary: #AA0B0B;
$secondary1: #7F3A00;
$secondary2: #004C4C;
$complement: #006600;
$complement-gray: #707173;
$complement-gray-D2: #494A4C;
$complement-white: #FFFFFD;
$complement-black: #000007;
$GraphDefaultFF: FF_DV_SANSSERIF;
$GraphDefaultFS: FS_NORMAL;
$GraphTitleFS: FS_ITALIC;*/
:root {
  /* CES Color Palette */
  /* Primary Color and Shades */
  --primary: #002855;
  --primary-U1: #004088;
  --primary-U2: #0058bb;
  --primary-U3: #0070ee;
  --primary-U4: #55a5ff;
  --primary-D1: #001022;
  --primary-D2: black;
  --primary-D3: black;
  /* Secondary1 Color and Shades */
  --secondary1: #A52A2A;
  --secondary1-U1: #cc3636;
  --secondary1-U2: #d65f5f;
  --secondary1-U3: #e18787;
  --secondary1-D1: #7c2020;
  --secondary1-D2: #541515;
  --secondary1-D3: #2b0b0b;
  /* Secondary2 Color and Shades */
  --secondary2: #DAA520;
  --secondary2-U1: #e4b849;
  --secondary2-U2: #ebc975;
  --secondary2-U3: #f1dba2;
  --secondary2-D1: #ae8319;
  --secondary2-D2: #816213;
  --secondary2-D3: #55400c;
  /* Complement Color and Shades */
  --complement: #5BC2E7;
  --complement-U1: #87d3ee;
  --complement-U2: #b4e3f4;
  --complement-U3: #e0f4fb;
  --complement-D1: #2fb1e0;
  --complement-D2: #1c95c0;
  --complement-D3: #167293;
  /* Additional Colors */
  --complement-gray: #707173;
  /* Main Gray Complement color */
  --complement-gray-U1: #898a8d;
  --complement-gray-U2: #a3a4a6;
  --complement-gray-U3: #bdbebf;
  --complement-gray-U4: #f1f1f1;
  --complement-gray-D1: #575859;
  --complement-gray-D2: #3e3e3f;
  --complement-gray-D3: #252525;
  --complement-white: #FFFFFD;
  --complement-black: #000007;
  /* Additional Graph Colors for graphs that need more colors */
  --extended1: #9F3000;
  /* Brown */
  --extended2: #CE2600;
  /* Red-ish brown */
  --extended3: #02967D;
  /* Blue-ish green */
  --extended4: #016453;
  /* Special Use Colors */
  --negatives: #CE2600;
  /* Color used for showing negative values */
  --positives: #02967d;
  /* Color used for showing positive values */
  --radarmiles: #7eb401;
  /* Used for displaying the distance labels on CES Radar Plot */
  /* Page Title Color */
  --PageTitle: #002855;
  /* References the primary color */
  /* =================  Font Family, Style, Size Section JPGRAPH ONLY! ================= */
  /* These definitions are meant to make it easier to change the overall color/font/type/size for JPGraphs
  They can still be overridden in the graphtheme.php for desired cases.
   */
  /* JPGraph Font Families Available:
  FF_DV_SANSSERIF
  FF_FONT0
  FF_FONT1
  FF_FONT2
  FF_ARIAL
  FF_VERDANA
  FF_TREBUCHE
  FF_GEORGIA
  FF_COMIC
  FF_COURIER
  FF_TIMES
  FF_VERA
  FF_VERAMONO
  FF_VERASERIF
  FF_DV_SERIF
  FF_DV_SANSSERIFMONO
  FF_DV_SERIFCOND
  FF_DV_SANSSERIFCOND
   */
  --GraphDefaultFF:FF_DV_SANSSERIF;
  /*This is the default Font Family FF*/
  --GraphTitleFF:FF_DV_SANSSERIF;
  --GraphSubtitleFF:FF_DV_SANSSERIF;
  --GraphXaxisTitleFF:FF_DV_SANSSERIF;
  --GraphYaxisTitleFF:FF_DV_SANSSERIF;
  --GraphXaxisFF:FF_DV_SANSSERIF;
  --GraphYaxisFF:FF_DV_SANSSERIF;
  --GraphLegendFF:FF_DV_SANSSERIF;
  --GraphFreetextFF:FF_DV_SANSSERIF;
  /* JPGraph Font Styles Available
  FS_NORMAL
  FS_ITALIC
  FS_BOLD
   */
  --GraphDefaultFS:FS_NORMAL;
  /*this is the default Font Style FS */
  --GraphTitleFS:FS_ITALIC;
  --GraphSubtitleFS:FS_NORMAL;
  --GraphXaxisTitleFS:FS_NORMAL;
  --GraphYaxisTitleFS:FS_NORMAL;
  --GraphXaxisFS:FS_NORMAL;
  --GraphYaxisFS:FS_NORMAL;
  --GraphLegendFS:FS_NORMAL;
  /* Font Sizes */
  --GraphDefaultFZ:11pt;
  /* This is the default Font Size FZ */
  --GraphTitleFZ:14pt;
  --GraphSubtitleFZ:11pt;
  --GraphXaxisFZ:10pt;
  --GraphXaxisTitleFZ:12pt;
  --GraphYaxisFZ:10pt;
  --GraphYaxisTitleFZ:12pt;
  --GraphLegendFZ:11pt;
  /* Font Colors */
  --GraphDefaultFC:#DAA520;
  /* This is the default Font Color FC */
  --GraphTitleFC:#DAA520;
  --GraphSubtitleFC:#5BC2E7;
  --GraphXaxisFC:#DAA520;
  --GraphXaxisTitleFC:#1c95c0;
  --GraphYaxisFC:#DAA520;
  --GraphYaxisTitleFC:#1c95c0;
  --GraphLegendFC:#1c95c0;
  /* JPGraph Color Ranges - JPGraph will repeat the list of colors if there are more ranges than colors */
  /* Color Palette 1 */
  --datacolor1:#7A4C51;
  --datacolor2:#2C836D;
  --datacolor3:#89AB6D;
  --datacolor4:#AFB063;
  --datacolor5:#68798A;
  --datacolor6:#5A9788;
  --datacolor7:#7C5868;
  --datacolor8:#5B898E;
  --datacolor9:#d8b266;
  --datacolor10:#2C836D;
  /*Can also add special definitions here: */
  --plotmarkborder: #707173;
  /* Need to add customizations for this section, relating to stylizing non-graph screen & report elements for
  fonts, styles, colors, etc.
  Primarily using font-family,
  font-weight bold, normal, 100-900 numeric
  font-style italic, normal
  font-variant normal, small-caps
  text-shadow 1px 1px #color
  border-radius

  ! I think the var(xxx) css keyword can be used to provide an entire css entry, i.e.
  --aproperty text-shadow 1px 1px red
  var(--aproperty);
  ...and
  --buttonbox --aproperty
  --infobox --aproperty
  etc.
   */
  /*
  /* =================  Font Family, Style, Size Section MinistryMatch Summary Report ONLY! ================= */
  /* ================= The standard color palette for the MinistryMatch Summary Report ONLY! ================= */
  /*  --MMSummary_0:#A15516;
      --MMSummary_1:#0D6161;
      --MMSummary_2:#AA0B0B;
      --MMSummary_3:#004700;
      --MMSummary_4:#02967d;
      --MMSummary_5:#9F3000;
      --MMSummaryCoverTitleFC:#494A4C;
      --MMSummaryCoverSubtitleFC:#494A4C;
      --MMSummaryCoverFooterFC:#494A4C;
      --MMSummaryPageHeaderBarBC:orange;
      --MMSummaryPageTitleFC:#494A4C;
      --MMSummaryPageSubtitleFC:#494A4C;
      --MMSummaryTraitGroupTitleFC:#494A4C;
      --MMSummaryTraitGroupHeadingFC:#494A4C;
      --MMSummaryBodyTextFC:#494A4C;
      --MMSummaryPageFooterFC:#494A4C;
      --MMSummaryGVTitleFC:#494A4C;
      --MMSummaryGVHeaderFC:#494A4C;
      --MMSummaryGVListFC:#494A4C;
      --MMSummaryShadow:#494A4C;
  */
  /* =================  Font Family, Style, Size Section MinistryMatch Detail Report ONLY! ================= */
  /*
      --MMDetailCoverTitleFC:#494A4C;
      --MMDetailCoverSubtitleFC:#494A4C;
      --MMDetailCoverFooterFC:#494A4C;
      --MMDetailCoverLinksFC:#494A4C;
      --MMDetailPageHeaderBarBC:orange;
      --MMDetailPageTitleFC:#494A4C;
      --MMDetailPageSubtitleFC:#494A4C;
      --MMDetailPageIntroTitleFC:#494A4C;
      --MMDetailPageBodyTextFC:#494A4C;
      --MMDetailPageFooterFC:#494A4C;
      --MMDetailTableHeaderFC:#494A4C;
      --MMDetailTraitGroupTitleFC:#494A4C;
      --MMDetailTraitTitleFC:#494A4C;
      --MMDetailTraitDescFC:#494A4C;
      --MMDetailTraigNameFC:#494A4C;
  */
  /* =================  Font Family, Style, Size Section CES Report ONLY! ================= */
  /*
  --CESCoverTitleFC:#494A4C;
  --CESCoverNameFC:black;
  --CESCoverSubtitleFC:black;             !*Not Used*!
  --CESCoverDateFC:#494A4C;

  --CESCopyrightTitleFC:#494A4C; !*The 2nd Page, containing the copyright notice and information *!
  --CESCopyrightText:#494A4C;    !* Body text on the copyright page *!

  --CESPageHeaderNameFC:#002855;         !*The org name in the page header*!
  --CESPageHeaderSurveyNameFC:#494A4C;   !*The survey name specified by the org *!
  --CESPageHeaderLinkFC:#000007;    !*The Powered By link in the page header *!
  --CESPageFooterFC:#494A4C;
  --CESPageTitleFC:black;
  --CESPageSubtitleFC:#494A4C;

  --CESSectionTitleFC:black;              !*The title beginning at each page/section*!
  --CESSectionSubtitleFC:#494A4C;        !*A subsection title *!
  --CESPargraphLinkFC:#000007;     !* Link color within page body text *!

  --CESQuestionTitleFC:#002855;                 !*The question title*!
  --CESQuestionScoreTitleFC:#000007;   !*The scoring data titles*!
  --CESQuestionScoreDataFC:#002855;          !*The scoring data for the question*!
  --CESQuestionNormDataFC:#000007;     !*National Norm Data *!
  --CESQuestionLocalDataFC:black;          !* Local Norm Data *!
  --CESQuestionBodyFC:#000007;         !*The question description body text*!
  --CESQuestionNotesTitleFC:black;            !*Note title for the notes section on each question*!

  --CESBoxBorderColor:#a3a4a6;       !*used for boxes around data*!
  --CESTableHeaderFC:#494A4C;
  --CESTableBodyTextFC:#494A4C;
  --CESTableNoteTextFC:#494A4C;
  --CESBodyNoticesFC:#494A4C;
  --CESGreatCommissionFC:#494A4C;
  */
  /* It is also possible to use the variable to describe more than one setting for the text
      --CESSomeText: color:#FC00AA; font-style:italic;  //You can't use variables here because the program doesn't account for it
   */
}

:root {
  /* ================= The standard color palette for the MinistryMatch Summary Report ONLY! ================= */
  --MMSummary_0: #A15516;
  --MMSummary_1: #0D6161;
  --MMSummary_2: #AA0B0B;
  --MMSummary_3: #004700;
  --MMSummary_4: #02967d;
  --MMSummary_5: #9F3000;
  --MMSummaryCoverTitleFC: darken(#494A4C, 20%);
  --MMSummaryCoverSubtitleFC: #494A4C;
  --MMSummaryCoverFooterFC: #494A4C;
  --MMSummaryPageHeaderBarBC: orange;
  --MMSummaryPageTitleFC: #494A4C;
  --MMSummaryPageSubtitleFC: #494A4C;
  --MMSummaryTraitGroupTitleFC: #494A4C;
  --MMSummaryTraitGroupHeadingFC: #494A4C;
  --MMSummaryBodyTextFC: #494A4C;
  --MMSummaryPageFooterFC: #494A4C;
  --MMSummaryGVTitleFC: #494A4C;
  --MMSummaryGVHeaderFC: #494A4C;
  --MMSummaryGVListFC: #494A4C;
  --MMSummaryShadow: #494A4C;
  /* =================  Font Family, Style, Size Section MinistryMatch Detail Report ONLY! ================= */
  --MMDetailCoverTitleFC: #494A4C;
  --MMDetailCoverSubtitleFC: #494A4C;
  --MMDetailCoverFooterFC: #494A4C;
  --MMDetailCoverLinksFC: #494A4C;
  --MMDetailPageHeaderBarBC: orange;
  --MMDetailPageTitleFC: #494A4C;
  --MMDetailPageSubtitleFC: #494A4C;
  --MMDetailPageIntroTitleFC: #494A4C;
  --MMDetailPageBodyTextFC: #494A4C;
  --MMDetailPageFooterFC: #494A4C;
  --MMDetailTableHeaderFC: #494A4C;
  --MMDetailTraitGroupTitleFC: #494A4C;
  --MMDetailTraitTitleFC: #494A4C;
  --MMDetailTraitDescFC: #494A4C;
  --MMDetailTraigNameFC: #494A4C;
  /* =================  Font Family, Style, Size Section CES Report ONLY! ================= */
  --CESCoverTitleFC: #494A4C;
  --CESCoverNameFC: darken(#002855, 20%);
  --CESCoverSubtitleFC: darken(#002855, 20%);
  /*Not Used*/
  --CESCoverDateFC: #494A4C;
  --CESCopyrightTitleFC: #494A4C;
  /*The 2nd Page, containing the copyright notice and information */
  --CESCopyrightText: #494A4C;
  /* Body text on the copyright page */
  --CESPageHeaderNameFC: #002855;
  /*The org name in the page header*/
  --CESPageHeaderSurveyNameFC: #494A4C;
  /*The survey name specified by the org */
  --CESPageHeaderLinkFC: #000007;
  /*The Powered By link in the page header */
  --CESPageFooterFC: #494A4C;
  --CESPageTitleFC: darken(#002855, 20%);
  --CESPageSubtitleFC: #494A4C;
  --CESSectionTitleFC: darken(#002855, 20%);
  /*The title beginning at each page/section*/
  --CESSectionSubtitleFC: #494A4C;
  /*A subsection title */
  --CESPargraphLinkFC: #000007;
  /* Link color within page body text */
  --CESQuestionTitleFC: #002855;
  /*The question title*/
  --CESQuestionScoreTitleFC: #000007;
  /*The scoring data titles*/
  --CESQuestionScoreDataFC: #002855;
  /*The scoring data for the question*/
  --CESQuestionNormDataFC: #000007;
  /*National Norm Data */
  --CESQuestionLocalDataFC: darken(#002855, 20%);
  /* Local Norm Data */
  --CESQuestionBodyFC: #000007;
  /*The question description body text*/
  --CESQuestionNotesTitleFC: darken(#002855, 20%);
  /*Note title for the notes section on each question*/
  --CESBoxBorderColor: #7b7d80;
  /*used for boxes around data*/
  --CESTableHeaderFC: #494A4C;
  --CESTableBodyTextFC: #494A4C;
  --CESTableNoteTextFC: #494A4C;
  --CESBodyNoticesFC: #494A4C;
  --CESGreatCommissionFC: #494A4C;
}

:root {
  --font-sans: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
  --font-serif: "Georgia", "Times New Roman", Times, serif;
  --font-mono: "Courier New", Courier, monospace;
}

@font-face {
  font-family: "proxima_nova_softregular";
  src: url("/fonts/proxima_nova_soft/mark_simonson_-_proxima_nova_soft_bold-webfont.eot");
  src: url("/fonts/proxima_nova_soft/mark_simonson_-_proxima_nova_soft_regular-webfont.eot?#iefix") format("embedded-opentype"), url("/fonts/proxima_nova_soft/mark_simonson_-_proxima_nova_soft_regular-webfont.woff") format("woff"), url("/fonts/proxima_nova_soft/mark_simonson_-_proxima_nova_soft_regular-webfont.ttf") format("truetype"), url("/fonts/proxima_nova_soft/mark_simonson_-_proxima_nova_soft_regular-webfont.svg#proxima_nova_softregular") format("svg");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "proxima_nova_softbold";
  src: url("/fonts/proxima_nova_soft/mark_simonson_-_proxima_nova_soft_bold-webfont.eot");
  src: url("/fonts/proxima_nova_soft/mark_simonson_-_proxima_nova_soft_bold-webfont.eot?#iefix") format("embedded-opentype"), url("/fonts/proxima_nova_soft/mark_simonson_-_proxima_nova_soft_bold-webfont.woff") format("woff"), url("/fonts/proxima_nova_soft/mark_simonson_-_proxima_nova_soft_bold-webfont.svg#proxima_nova_softbold") format("svg");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "AvianNormal";
  src: url("/fonts/alternate_avian/avian-webfont.eot");
  src: url("/fonts/alternate_avian/avian-webfont.eot?#iefix") format("embedded-opentype"), url("/fonts/alternate_avian/avian-webfont.woff") format("woff"), url("/fonts/alternate_avian/avian-webfont.ttf") format("truetype"), url("/fonts/alternate_avian/avian-webfont.svg#avianregular") format("svg");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "AvianBold";
  src: url("/fonts/alternate_avian/avianb-webfont.eot");
  src: url("/fonts/alternate_avian/avianb-webfont.eot?#iefix") format("embedded-opentype"), url("/fonts/alternate_avian/avianb-webfont.woff") format("woff"), url("/fonts/alternate_avian/avianb-webfont.ttf") format("truetype"), url("/fonts/alternate_avian/avianb-webfont.svg#avianbold") format("svg");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "avianbold_italic";
  src: url("/fonts/alternate_avian/avianbi-webfont.eot");
  src: url("/fonts/alternate_avian/avianbi-webfont.eot?#iefix") format("embedded-opentype"), url("/fonts/alternate_avian/avianbi-webfont.woff") format("woff"), url("/fonts/alternate_avian/avianbi-webfont.ttf") format("truetype"), url("/fonts/alternate_avian/avianbi-webfont.svg#avianbold_italic") format("svg");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "avianitalic";
  src: url("/fonts/alternate_avian/aviani-webfont.eot");
  src: url("/fonts/alternate_avian/aviani-webfont.eot?#iefix") format("embedded-opentype"), url("/fonts/alternate_avian/aviani-webfont.woff") format("woff"), url("/fonts/alternate_avian/aviani-webfont.ttf") format("truetype"), url("/fonts/alternate_avian/aviani-webfont.svg#avianitalic") format("svg");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "alternategothic2_btregular";
  src: url("/fonts/alternate_avian/altgot2n-webfont.eot");
  src: url("/fonts/alternate_avian/altgot2n-webfont.eot?#iefix") format("embedded-opentype"), url("/fonts/alternate_avian/altgot2n-webfont.woff") format("woff"), url("/fonts/alternate_avian/altgot2n-webfont.ttf") format("truetype"), url("/fonts/alternate_avian/altgot2n-webfont.svg#alternategothic2_btregular2_btregular") format("svg");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "bebas_neuebold";
  src: url("/fonts/bebas_neue/bebasneue_bold-webfont.eot");
  src: url("/fonts/bebas_neue/bebasneue_bold-webfont.eot?#iefix") format("embedded-opentype"), url("/fonts/bebas_neue/bebasneue_bold-webfont.woff") format("woff"), url("/fonts/bebas_neue/bebasneue_bold-webfont.ttf") format("truetype"), url("/fonts/bebas_neue/bebasneue_bold-webfont.svg#bebas_neuebold") format("svg");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "bebas_neuethin";
  src: url("/fonts/bebas_neue/bebasneue_thin-webfont.eot");
  src: url("/fonts/bebas_neue/bebasneue_thin-webfont.eot?#iefix") format("embedded-opentype"), url("/fonts/bebas_neue/bebasneue_thin-webfont.woff") format("woff"), url("/fonts/bebas_neue/bebasneue_thin-webfont.ttf") format("truetype"), url("/fonts/bebas_neue/bebasneue_thin-webfont.svg#bebas_neuethin") format("svg");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "bebas_neuelight";
  src: url("/fonts/bebas_neue/bebasneue_light-webfont.eot");
  src: url("/fonts/bebas_neue/bebasneue_light-webfont.eot?#iefix") format("embedded-opentype"), url("/fonts/bebas_neue/bebasneue_light-webfont.woff") format("woff"), url("/fonts/bebas_neue/bebasneue_light-webfont.ttf") format("truetype"), url("/fonts/bebas_neue/bebasneue_light-webfont.svg#bebas_neuelight") format("svg");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "bebas_neue_regularregular";
  src: url("/fonts/bebas_neue/bebasneue_regular-webfont.eot");
  src: url("/fonts/bebas_neue/bebasneue_regular-webfont.eot?#iefix") format("embedded-opentype"), url("/fonts/bebas_neue/bebasneue_regular-webfont.woff") format("woff"), url("/fonts/bebas_neue/bebasneue_regular-webfont.ttf") format("truetype"), url("/fonts/bebas_neue/bebasneue_regular-webfont.svg#bebas_neue_regularregular") format("svg");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "bebas_neuebook";
  src: url("/fonts/bebas_neue/bebasneue_book-webfont.eot");
  src: url("/fonts/bebas_neue/bebasneue_book-webfont.eot?#iefix") format("embedded-opentype"), url("/fonts/bebas_neue/bebasneue_book-webfont.woff") format("woff"), url("/fonts/bebas_neue/bebasneue_book-webfont.ttf") format("truetype"), url("/fonts/bebas_neue/bebasneue_book-webfont.svg#bebas_neuebook") format("svg");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "sansation_lightlight";
  src: url("/fonts/Sansation/Sansation-Light-webfont.eot");
  src: url("/fonts/Sansation/Sansation-Light-webfont.eot?#iefix") format("embedded-opentype"), url("/fonts/Sansation/Sansation-Light-webfont.woff") format("woff"), url("/fonts/Sansation/Sansation-Light-webfont.ttf") format("truetype"), url("/fonts/Sansation/Sansation-Light-webfont.svg#sansation_lightlight") format("svg");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "Sansation-Regular";
  src: url("/fonts/Sansation/Sansation-Regular-webfont.eot");
  src: url("/fonts/Sansation/Sansation-Regular-webfont.eot?#iefix") format("embedded-opentype"), url("/fonts/Sansation/Sansation-Regular-webfont.woff") format("woff"), url("/fonts/Sansation/Sansation-Regular-webfont.ttf") format("truetype"), url("/fonts/Sansation/Sansation-Regular-webfont.svg#sansation_Regular") format("svg");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 400;
  src: local("Open Sans"), local("OpenSans"), url(https://fonts.gstatic.com/s/opensans/v10/cJZKeOuBrn4kERxqtaUH3T8E0i7KZn-EPnyo3HZu7kw.woff) format("woff");
}
@font-face {
  font-family: "Ionicons";
  src: url("/fonts/ionicons/ionicons.eot?v=2.0.0");
  src: url("/fonts/ionicons/ionicons.eot?v=2.0.0#iefix") format("embedded-opentype"), url("/fonts/ionicons/ionicons.ttf?v=2.0.0") format("truetype"), url("/fonts/ionicons/ionicons.woff?v=2.0.0") format("woff"), url("/fonts/ionicons/ionicons.svg?v=2.0.0#Ionicons") format("svg");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 300;
  src: local("Open Sans Light"), local("OpenSans-Light"), url("/fonts/OpenSans/OpenSans-Light.ttf") format("truetype");
}
@font-face {
  font-family: "Open Sans";
  font-style: italic;
  font-weight: 300;
  src: local("Open Sans Light Italic"), local("OpenSans-LightItalic"), url("/fonts/OpenSans/OpenSans-LightItalic.ttf") format("truetype");
}
@font-face {
  font-family: "Open Sans";
  font-style: italic;
  font-weight: 400;
  src: local("Open Sans Italic"), local("OpenSans-Italic"), url("/fonts/OpenSans/OpenSans-Italic.ttf") format("truetype");
}
@font-face {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 600;
  src: local("Open Sans Semibold"), local("OpenSans-Semibold"), url("/fonts/OpenSans/OpenSans-Semibold.ttf") format("truetype");
}
@font-face {
  font-family: "Open Sans";
  font-style: italic;
  font-weight: 600;
  src: local("Open Sans Semibold Italic"), local("OpenSans-SemiboldItalic"), url("/fonts/OpenSans/OpenSans-SemiboldItalic.ttf") format("truetype");
}
@font-face {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 700;
  src: local("Open Sans Bold"), local("OpenSans-Bold"), url("/fonts/OpenSans/OpenSans-Bold.ttf") format("truetype");
}
@font-face {
  font-family: "Open Sans";
  font-style: italic;
  font-weight: 700;
  src: local("Open Sans Bold Italic"), local("OpenSans-BoldItalic"), url("/fonts/OpenSans/OpenSans-BoldItalic.ttf") format("truetype");
}
@font-face {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 800;
  src: local("Open Sans ExtraBold"), local("OpenSans-ExtraBold"), url("/fonts/OpenSans/OpenSans-ExtraBold.ttf") format("truetype");
}
@font-face {
  font-family: "Open Sans";
  font-style: italic;
  font-weight: 800;
  src: local("Open Sans ExtraBold Italic"), local("OpenSans-ExtraBoldItalic"), url("/fonts/OpenSans/OpenSans-ExtraBoldItalic.ttf") format("truetype");
}
html {
  min-height: 100%;
}

body {
  width: 100%;
  max-width: 970px;
  min-height: 100vh;
  margin: auto;
  background-color: var(--complement-gray-U3);
  background-position: center top;
  background-repeat: repeat-x;
  font-size: 16px;
  line-height: normal;
}

* {
  font-family: var(--font-sans), sans-serif;
}

p, a, span, td, legend {
  font-family: var(--font-sans), sans-serif;
}

a {
  color: var(--primary);
}

a:hover {
  opacity: 0.8;
}

.nsup {
  font-family: var(--font-sans), sans-serif !important;
  letter-spacing: 0.1em !important;
  text-transform: capitalize !important;
  font-size: 0.83em;
  vertical-align: super;
}

.rsup {
  font-family: var(--font-sans), sans-serif !important;
  letter-spacing: 1px !important;
  text-transform: capitalize !important;
  text-shadow: 1px 1px gray !important;
  color: var(--primary) !important;
  font-size: 0.7em;
  vertical-align: super;
}

.MM {
  font-size: 0.8em;
  font-weight: 500;
  letter-spacing: 1px !important;
}

.Ministry {
  font-family: var(--font-sans), sans-serif !important;
  letter-spacing: 1px !important;
  text-shadow: 1px 1px gray !important;
  text-transform: capitalize !important;
  color: var(--primary) !important;
}

.Match {
  font-family: var(--font-sans), sans-serif !important;
  letter-spacing: 0px !important;
  text-shadow: 1px 1px gray !important;
  text-transform: capitalize !important;
  color: var(--complement-gray-D2) !important;
}

.WelcomeSpacing .table {
  width: 90%;
}
.WelcomeSpacing .table tr:first-child td:first-child {
  width: 40%;
}
.WelcomeSpacing h2 {
  margin-left: 10% !important;
}

.top {
  position: relative;
  margin-top: -4px;
  line-height: 18px;
  margin-right: 40px;
  color: white;
  float: right;
  font-size: 0.75em;
  text-align: center;
}
@media screen and (max-width: 480px) {
  .top {
    margin-right: 0;
    line-height: 12px;
    width: 100px !important;
  }
}

.top > ul {
  visibility: hidden;
  border-radius: 15px;
  background-color: #ffffff;
  color: var(--primary);
  font-weight: bold;
  white-space: nowrap;
  height: auto;
  list-style-type: none;
  margin-top: -4px;
  opacity: 0;
  padding: 2px 10px;
  position: absolute;
  text-align: left;
  text-decoration: none;
  transition: opacity 0.5s linear 0s;
  width: auto;
  z-index: 1000;
}

.top ul li {
  color: var(--primary-U2) !important;
  text-decoration: underline;
}

.top a, .top a:visited, .top a:active {
  color: white;
  text-decoration: underline;
  cursor: pointer;
}

.top a:hover {
  color: var(--complement-white);
}

#orgReturn {
  margin-top: -8px;
}
#orgReturn a {
  color: var(--primary);
}

.enter_here:hover {
  color: var(--complement-white);
  cursor: pointer;
}

a.enter_here.color {
  color: var(--primary);
}

#signinbox a {
  color: var(--primary) !important;
}

#registerbox {
  line-height: 34px;
  left: 20px;
}
#registerbox a {
  color: var(--primary) !important;
}

.flags {
  margin-left: -6px;
}

.header {
  background-color: white;
  margin: 0 auto;
  width: 100%;
  max-width: 970px;
}
.header blockquote {
  margin-top: -44px;
  font-size: 13px;
  width: 844px;
  position: relative;
  font-family: var(--font-sans), sans-serif;
}
.header blockquote .quote_open {
  background-image: url("/images/quote.png");
  background-position: left center;
  float: left;
  height: 33px;
  margin-right: 14px;
  position: relative;
  width: 41px;
  top: -10px;
}
.header blockquote .quote_close {
  margin-top: 20px;
  background-image: url("/images/quote.png");
  background-position: right center;
  float: right;
  height: 33px;
  margin-right: 14px;
  position: relative;
  width: 41px;
  top: -32px;
  left: 67px;
}

.drop {
  background-repeat: no-repeat;
  color: var(--primary);
  font-size: 11px;
  position: relative;
  left: 0;
  right: 0;
  text-align: center;
  vertical-align: middle;
  font-weight: bold;
  text-transform: uppercase;
  width: auto;
  height: auto;
  white-space: nowrap !important;
}

.drop > ul {
  visibility: hidden;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  border-radius: 15px;
  background-color: #ffffff;
  border: 2px solid var(--primary);
  color: var(--primary);
  font-weight: bold;
  white-space: nowrap !important;
  height: auto;
  width: auto !important;
  line-height: 27px;
  list-style-type: none;
  margin: 0;
  opacity: 0;
  position: absolute;
  text-align: left;
  text-decoration: none;
  transition: opacity 0.5s linear 0s;
  z-index: 1000;
}

.drop:hover {
  color: var(--complement-gray);
}

.drop:hover > ul {
  opacity: 1;
  padding-top: 5px;
  padding-left: 10px;
  padding-right: 10px;
  margin-top: -8px;
  margin-left: -5px;
  visibility: visible;
}

.drop ul li a {
  color: var(--primary) !important;
  text-decoration: none;
  text-transform: uppercase !important;
  float: left !important;
}

.drop ul li a:hover {
  color: var(--primary-U2);
  text-decoration: underline;
}

.form_box {
  background-color: var(--primary);
  box-shadow: 1px 2px 1px grey inset;
  float: right;
  height: 180px;
  margin-left: 29px;
  margin-right: 20px;
  padding: 20px;
  width: 130px;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  border-radius: 20px;
}

.form_box legend {
  border-bottom: 1px dashed;
  color: white;
  font-family: var(--font-sans), sans-serif;
  font-size: 49px;
  font-style: normal;
  height: 42px;
  margin-top: 10px;
  text-align: center;
  text-shadow: 1px 1px 1px black;
  display: block;
  width: 100%;
}

.form_box input[type=submit] {
  background-color: var(--complement-gray-U3);
  border: 0 none;
  box-shadow: 1px 1px 0 black inset;
  color: var(--primary);
  display: block;
  font-size: 24px;
  font-weight: bold;
  height: 35px;
  margin: 0 auto;
  text-shadow: 2px 2px 0 white;
  width: 97px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
}

.gobtn {
  position: relative;
  top: 5px;
  padding: 5px 5px 5px 5px;
  width: auto;
  border: 0 none;
  min-width: 20px;
  margin: auto auto auto auto;
  background-color: var(--complement-gray-U3);
  box-shadow: 1px 1px 0 black inset;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  display: block;
  font-size: 24px;
  font-weight: normal;
  font-family: var(--font-sans), sans-serif;
  height: auto;
  line-height: normal;
  text-align: center;
  color: var(--primary);
  letter-spacing: 2px;
  text-shadow: 2px 2px 0 white;
  text-decoration: none;
}

.GSbtn {
  position: relative;
  top: 0;
  min-height: 100px;
  padding: 10px 15px 10px 15px;
  width: auto;
  border: 0 none;
  min-width: 300px;
  margin: auto auto auto auto;
  background-color: var(--primary);
  box-shadow: 1px 1px 0 gray inset;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  font-size: 18px;
  font-weight: normal;
  font-family: var(--font-sans), sans-serif;
  color: #ffffff;
  line-height: 37px;
  text-align: center;
  letter-spacing: 2px;
  text-shadow: 0 0 0 black;
  text-decoration: none;
}

.form_box input.submit2[type=submit] {
  left: 42px;
  position: relative;
  top: -40px;
}

.form_box input[type=submit]:hover {
  opacity: 0.8;
}

.form_box input[type=radio] {
  float: left;
  display: block;
}

.form_box h3 {
  color: #ffffff;
  font-family: var(--font-sans), sans-serif;
  font-size: 20px;
  margin-top: -9px;
  text-align: center;
}

.form_box label {
  position: relative;
  color: white;
  text-shadow: 1px 1px black;
  width: 140px;
  padding-bottom: 5px;
  padding-top: 5px;
}

.form_box .label2 {
  left: -3px !important;
  top: -9px !important;
}

.form_box .legend2 {
  font-size: 20px;
  margin: 0 auto 0 auto !important;
  padding-bottom: 0 !important;
}

.clearfix {
  clear: both;
}

#main {
  position: relative;
  width: 100%;
  max-width: 970px;
  margin: auto;
}

.table_heading {
  color: var(--complement-gray-U3);
  font-family: var(--font-sans), sans-serif;
  font-size: 26px;
  text-align: left;
}

.bullet {
  list-style: disc;
}

.table_style ul li {
  float: left;
  font-size: 12px;
  list-style: disc outside none;
  vertical-align: top;
  width: 283px;
}

.color {
  color: var(--primary);
}

.box1 {
  background-color: var(--primary);
}

.box2 {
  background-color: var(--primary-D1);
}

.box3 {
  background-color: var(--primary-D2);
}

.box1 span {
  border-color: var(--primary);
}

.box2 span {
  border-color: var(--primary-D1);
}

.box3 span {
  border-color: var(--primary-D2);
}

.mm_finish {
  display: block;
  margin: 0 auto;
  height: 20px !important;
  line-height: 20px !important;
  text-align: center !important;
  vertical-align: middle !important;
  font-weight: bold !important;
  width: 60%;
}
.mm_finish a {
  color: var(--extended2) !important;
  text-align: center !important;
}
.mm_finish .up {
  margin-bottom: 20px;
}
@media screen and (max-width: 480px) {
  .mm_finish {
    font-size: 0.6em;
  }
}

.mm-quest-table {
  width: 100%;
  margin-top: 0;
}
.mm-quest-table tr:hover > td {
  color: var(--primary-U2) !important;
  font-weight: bold;
}
.mm-quest-table table {
  width: 100%;
}
.mm-quest-table table td {
  border: none !important;
}
.mm-quest-table table tr:hover > td {
  background: transparent;
}
.mm-quest-table a, .mm-quest-table .button {
  cursor: pointer;
  width: 100px;
  padding: 0;
  height: 30px;
  line-height: 30px;
  vertical-align: middle;
}
.mm-quest-table input[type=radio] {
  display: none;
}
.mm-quest-table input[type=radio] + label::before {
  content: "";
  display: inline-block;
  border: 1px solid #000;
  border-radius: 50%;
  margin: -2px 0.5em;
}
.mm-quest-table input[type=radio]:checked + label::before {
  background-color: var(--primary) !important;
}
.mm-quest-table .radio-button + label::before {
  width: 0.75em;
  height: 0.75em;
}
.mm-quest-table .radio-button:hover {
  cursor: pointer;
}
@media screen and (max-width: 480px) {
  .mm-quest-table {
    width: 97%;
  }
  .mm-quest-table .radio-button + label::before {
    width: 0.6em;
    height: 0.6em;
  }
  .mm-quest-table input[type=radio] + label::before {
    margin: -2px 0.4em;
  }
}

.table_style {
  display: block;
  width: 96%;
}

* {
  font-family: var(--font-sans), sans-serif;
}

nav {
  width: 100%;
  margin: 0 auto;
  position: relative;
  text-align: center !important;
}

nav ul {
  margin: auto;
  text-align: center;
  left: 0;
  position: relative;
}

nav li {
  margin: 0 auto;
  float: left;
  list-style: none outside none;
  margin-right: 10px;
}

nav li a, nav li a:visited, nav li a:active {
  color: white;
  text-decoration: none;
  text-transform: uppercase;
  font-size: 11px;
  font-weight: bold;
  padding: 0 4px;
  font-family: var(--font-sans), sans-serif;
}

nav li a.current {
  color: var(--complement-gray-u4) !important;
}

nav li a:hover {
  color: var(--complement-white) !important;
}

.content.page {
  margin-top: -198px !important;
}

span.author {
  float: right;
  left: 0;
  position: relative;
  top: -4px;
  color: var(--primary);
  font-weight: bold;
  font-size: 14px;
}

/* The logo is a background image on .logo.app (already set by your build).
   Control sizing/position to fit in a 90px stack. */
.logo {
  background-image: var(--logo_background_image);
  width: var(--logo-width);
  height: var(--logo-height);
  position: relative;
  display: flex;
  flex-direction: column;
  background-position: left top;
  background-size: auto var(--logo-height);
  /* scales the SVG safely */
  background-repeat: no-repeat;
  /* Reserve space for the logo area + the 2px gap before tagline */
  padding-top: calc(var(--logo-height) + 2px);
  text-decoration: none;
  z-index: 1000;
  gap: 0;
}
.logo:hover {
  opacity: 0.5;
}
@media (max-width: 748px) {
  .logo {
    background-image: var(--logo_background_image_mobile);
  }
}

/* Tagline: multi-line, left-aligned, clipped to fit the height */
/* Tagline at the very bottom of the header column */
.logo-tagline {
  margin-top: auto;
  /* pushes tagline to the bottom of the column */
  font-size: 10pt;
  font-weight: 700;
  line-height: 1;
  text-align: left;
  color: var(--complement-gray, #666);
}

.menu_block {
  text-align: center;
  width: 100%;
  height: max-content;
  min-height: 70px;
  display: grid;
  grid-template-columns: var(--logo-width) 1fr var(--logo-width);
  align-items: start;
  column-gap: 0;
  padding: 10px;
  grid-gap: 10px;
  box-sizing: border-box;
  background-color: var(--complement-white, #ffffff);
  border-bottom: 3px solid #000;
}

.menu_row {
  position: relative;
  width: 100%;
  height: 100%;
  padding: 0;
  font-size: 16pt;
  text-align: center !important;
  margin: auto;
}

.org_name {
  margin: 0;
  padding: 0;
  font-weight: 700;
  font-size: 18px;
  line-height: 1.2;
  color: var(--complement-black);
}

/* Center the menu in the middle column */
.menu_row nav ul {
  position: relative;
  display: flex;
  justify-content: center;
  /* horizontally center items */
  align-items: center;
  /* align item heights */
  text-align: center;
  left: 0;
  flex-wrap: wrap;
  /* allow wrapping on narrow screens */
  gap: 12px;
  /* space between menu items */
  list-style: none;
  /* remove bullets */
  margin: auto;
  /* let UL sit centered in its container */
  padding: 0;
  /* clean up default padding */
}

/* Kill legacy float-based menu rules that prevent centering */
.menu_row nav ul li {
  float: none;
  /* override any global `float: left;` */
  margin: 0;
  /* use gap on UL instead */
  list-style: none outside none;
}

/* Make anchors align */
.menu_row nav li a, nav li a:visited, nav li a:active {
  display: inline-flex;
  align-items: center;
  color: var(--complement-black);
  font-weight: bold;
}

.menu_row nav li a:hover {
  color: var(--complement-gray) !important;
}

/* Right column: dropdown area to the right */
.dropdown_menu_block {
  width: 100% !important;
  height: 100% !important;
  display: flex;
  justify-content: flex-end;
  align-items: center;
  float: right;
  margin-right: 0 !important;
  margin-top: 0 !important;
}
@media screen and (max-width: 480px) {
  .dropdown_menu_block {
    font-size: 0.7em !important;
  }
}

.content {
  display: inline-block;
  background-color: var(--complement-gray-U4);
  width: 100%;
  /*border-radius: 8px;*/
}

.content > h3 {
  font-size: 16px;
  letter-spacing: -1px;
  color: var(--primary);
}

.servicesBlock {
  position: relative;
  width: 100%;
  margin: 0 auto;
}
.servicesBlock .action_box {
  width: 100%;
  max-width: 892px;
  margin: 0 auto;
}
.servicesBlock .action_box h1 {
  margin-bottom: 7px;
}
.servicesBlock .action_box td {
  text-align: center;
  font-size: 15px;
}
.servicesBlock .action_box td .left-col {
  width: 49.2%;
}
.servicesBlock .action_box td .center-col {
  width: 0.6%;
}
.servicesBlock .action_box td .right-col {
  width: 49.2%;
}
.servicesBlock .box {
  width: 100%;
  max-width: 430px;
  height: 383px;
  display: inline-block;
  margin: -22px auto -44px auto;
  border: 4px solid var(--complement-gray-U3);
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  border-radius: 20px;
  background-color: var(--complement-gray-U4);
}
.servicesBlock .box h1 {
  font-size: 1.7em;
  font-weight: bold;
  color: var(--complement-gray-D2);
  font-family: "alternategothic2_btregular";
  float: left;
  letter-spacing: -1px;
}
.servicesBlock .box h2 {
  display: inline-block;
  vertical-align: top;
  line-height: 0;
  text-align: left;
}
.servicesBlock .box img {
  margin-left: 4px;
  margin-top: 8px;
  padding-bottom: 0;
}
.servicesBlock .box p {
  float: left;
  font-size: 11px;
  position: relative;
  top: -30px;
  white-space: normal;
  padding-top: 18px;
  text-align: left;
}
.servicesBlock .box .readmore {
  color: var(--primary);
  font-family: var(--font-sans), sans-serif;
  font-size: 10px;
  font-weight: normal;
}
.servicesBlock .box .readmore a {
  top: 0;
  left: 0;
}
.servicesBlock .box td {
  overflow: hidden;
  text-align: left;
  padding-top: 0;
}

.actbutton {
  width: 308px !important;
}

.guide-box {
  width: 92%;
  margin: 0 auto;
}

.mytooltip {
  display: inline;
  position: relative;
}

.mytooltip:hover:after {
  background: var(--primary);
  border-radius: 10px;
  bottom: 26px;
  color: #fff;
  content: attr(title2);
  font-size: 12px;
  left: 80%;
  padding: 5px 15px;
  position: absolute;
  z-index: 98;
  width: 220px;
}

.page_title {
  display: block !important;
  position: relative;
  -webkit-margin-before: -0.2em !important;
  -webkit-margin-after: 0.2em !important;
  -webkit-margin-end: 0 !important;
  max-width: 100%;
  width: 100% !important;
  margin-left: 0;
  text-align: center;
  overflow: hidden;
  margin-top: 15px !important;
  padding-top: 20px;
  font-family: var(--font-sans), sans-serif !important;
  font-size: 2em !important;
  color: var(--primary) !important;
  font-variant: normal;
  font-weight: bold;
  outline: none !important;
}
@media screen and (max-width: 480px) {
  .page_title {
    margin-left: 0 !important;
    width: 100% !important;
    max-width: 100%;
    text-align: center;
    font-size: 1.5em !important;
  }
}

.page_title.margin {
  left: 32% !important;
  max-width: 65.5%;
  width: 0;
}
@media screen and (max-width: 480px) {
  .page_title.margin {
    left: 0 !important;
  }
}

.page_title.large {
  font-size: 2.25em !important;
}
@media screen and (max-width: 480px) {
  .page_title.large {
    font-size: 1.5em !important;
  }
}

.page_title.small {
  font-size: 1.25em !important;
}
@media screen and (max-width: 480px) {
  .page_title.small {
    font-size: 0.75em !important;
  }
}

.mm_InitialEntry {
  display: block;
  border: 1px solid var(--complement-gray-U3);
  border-radius: 25px;
  width: max-content;
  text-align: left;
  margin: 50px auto 150px auto;
  padding: 10px 50px 10px 50px;
}
.mm_InitialEntry .title {
  width: 100%;
  text-align: center;
  font-weight: bold;
  margin-bottom: 10px;
}
.mm_InitialEntry ol {
  width: 50%;
  margin: auto;
}
.mm_InitialEntry .olAlpha {
  list-style: lower-alpha;
  margin-left: 0 !important;
  width: 100%;
}
.mm_InitialEntry .button_div {
  width: 100%;
  margin-top: 10px;
  text-align: center;
  font-weight: bold;
}
.mm_InitialEntry .button_div .button {
  cursor: pointer;
  height: 30px;
  padding: 0 6px;
  line-height: 20px;
  vertical-align: middle;
}
.mm_InitialEntry .button_div .info {
  background-color: transparent;
  color: var(--complement-gray-D3);
}

.mm_assessmentBody {
  display: none;
}

.mm_inst {
  width: 100%;
  text-align: left;
}
@media screen and (max-width: 480px) {
  .mm_inst {
    font-size: 0.6em;
  }
}

.tit2 {
  margin-bottom: 7px !important;
}

.tit2.tit_page {
  border-bottom: 1px solid !important;
  font-size: 36px !important;
  text-transform: uppercase !important;
  color: var(--primary) !important;
  margin-bottom: 20px !important;
  margin-left: 293px !important;
  margin-top: 24px !important;
  width: 611px !important;
}

.tit2.tit_page.MM {
  text-transform: capitalize !important;
  font-weight: normal;
  font-size: 44px !important;
  letter-spacing: 2px !important;
}

.tit2.tit_page h1 {
  border-bottom: 1px solid;
  font-size: 24px;
  text-transform: uppercase !important;
  margin-top: 20px;
}

.tit2.tit_page h1 .h1-small {
  font-size: 18px;
}

.tit2 {
  margin-bottom: 7px !important;
}

.gradientBox {
  background: #FFFFFD;
  /* Older browsers */
  background: -moz-linear-gradient(bottom, #FFFFFD 0%, #dddddd 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left bottom, left top, color-stop(0%, #FFFFFD), color-stop(100%, #dddddd));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(bottom, #FFFFFD 0%, #dddddd 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(bottom, #FFFFFD 0%, #dddddd 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(bottom, #FFFFFD 0%, #dddddd 100%);
  /* IE10+ */
  background: linear-gradient(bottom, #FFFFFD 0%, #dddddd 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#FFFFFD", endColorstr="#dddddd",GradientType=0 );
  /* IE6-9 */
}

#tabs-0 {
  margin-top: -676px;
}

#tabs-1 {
  margin-top: -630px;
}

#tabs-2 {
  margin-top: -680px;
}

#tabs-3 {
  margin-top: -580px;
}

#tabs-4 {
  margin-top: -530px;
}

#tabs-5 {
  margin-top: -480px;
}

#tabs-6 {
  margin-top: -430px;
}

#tabs-7 {
  margin-top: -380px;
}

#tabs-8 {
  margin-top: -330px;
}

#tabs-9 {
  margin-top: -270px;
}

#tabs-10 {
  margin-top: -200px;
}

#tabs-11 {
  margin-top: -135px;
}

.tabBox {
  width: 620px !important;
  height: 120px;
  margin: 1em 0;
  text-align: left;
  padding-top: 30px !important;
  padding-left: 20px !important;
}

.tabBox hr {
  display: block;
  width: 97%;
  height: 1px;
  border: 0;
  border-top: 1px solid var(--primary);
  margin: 1em 0;
  padding: 0;
}

.tab_title {
  font-size: 40px !important;
  font-family: var(--font-sans), sans-serif;
  letter-spacing: 2px;
  color: var(--primary) !important;
}

.tab_subtitle {
  font-size: 26px !important;
  font-family: var(--font-sans), sans-serif;
  color: var(--primary) !important;
}

.consult_subtitle {
  font-size: 24px !important;
  font-family: var(--font-sans), sans-serif;
  letter-spacing: 0;
  text-transform: none !important;
  color: var(--complement-gray) !important;
  padding-bottom: 20px;
}

.consult_description {
  font-size: 20px !important;
  font-family: var(--font-sans), sans-serif;
  padding-bottom: 20px;
}

.consult_section {
  font-size: 20px !important;
  font-family: var(--font-sans), sans-serif;
  letter-spacing: 0;
  text-transform: capitalize !important;
  color: var(--complement-gray) !important;
}

.consult_list {
  width: 80% !important;
}

.tit3 {
  color: var(--primary);
  font-family: var(--font-sans), sans-serif;
  font-size: 33px;
  margin-bottom: 13px;
  text-align: center;
}

.services tr {
  width: 895px;
  display: block;
}

.services {
  font-size: 12px;
}

.services img {
  margin-right: 10px;
}

.services td {
  vertical-align: top;
}

.how_items {
  margin-top: 41px;
  margin-left: 0 !important;
  float: left;
  position: relative;
  left: -37px;
  height: 174px;
}

.how_items li h4 {
  color: white;
  position: relative;
  top: -69px;
  left: 69px;
  width: 120px;
  margin-top: 11px;
  margin-bottom: 10px;
}

.how_items li p {
  position: relative;
  top: -74px;
  font-size: 11px;
  width: 190px;
  margin-left: 13px;
  color: white;
}

.how_items > li {
  display: block;
  list-style: none;
  width: 202px;
  float: left;
  height: 144px;
  border: 3px solid var(--complement-gray-U2);
  margin-left: 10px;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  border-radius: 20px;
}

.sign_box {
  background-color: var(--complement-gray-D2);
  position: relative;
  text-align: center;
  line-height: 40px;
  height: 260px !important;
  vertical-align: center;
  margin: -34px auto 0 auto;
  color: white;
  display: block;
  font-size: 22px;
  font-weight: bolder;
  width: 140px;
  top: -112px;
}

.legend3 {
  color: white;
  display: block;
  font-size: 11px !important;
  font-weight: 600;
  margin-bottom: 5px;
  padding: 0 20px;
  position: relative;
  top: -3px !important;
  width: 185px;
  /*DGO-07/07/2015 change from 296px */
}

.legend4 {
  color: white;
  display: block;
  font-size: 12pt !important;
  font-weight: 600;
  margin-top: -44px;
  float: right;
}

.number {
  background-color: #ffffff;
  border: 4px solid;
  color: var(--primary-D1);
  display: block;
  font-family: var(--font-sans), sans-serif;
  font-size: 45px;
  height: 40px;
  left: -8px;
  line-height: 23px;
  padding-left: 11px;
  padding-right: 10px;
  padding-top: 20px;
  position: relative;
  text-align: center;
  top: -22px;
  width: 40px;
  -webkit-border-radius: 35px;
  -moz-border-radius: 35px;
  border-radius: 35px;
}

#newsletter_input {
  background-image: url(/images/news_back.jpg);
  background-repeat: no-repeat;
  /*DGO-07/07/2015 Added */
  background-size: 100%;
  /*DGO-07/07/2015 Added */
  float: left;
  width: 500px;
  height: 59px;
  margin: 0 auto;
}

#newsletter_input input {
  border: medium none;
  height: 30px;
  margin-left: 19px;
  margin-top: 11px;
  width: fit-content;
  width: -moz-fit-content;
  font-size: 22px;
  text-indent: 12px;
  color: var(--complement-gray-U2);
}

.news_link_font {
  color: #ffffff;
  font-family: var(--font-sans), sans-serif;
  font-size: 16px;
  text-decoration: none;
  letter-spacing: 2px;
  line-height: 14px;
}

.news_link {
  text-indent: 0.4em;
  margin-top: -32px;
  margin-left: 520px;
  color: #ffffff;
  display: block;
  float: right;
  font-family: var(--font-sans), sans-serif;
  position: relative;
  text-decoration: none;
  top: 12px;
  width: fit-content;
  width: -moz-fit-content;
  line-height: 17px;
}

.offer {
  float: left;
}

.offer:hover {
  opacity: 0.8;
}

.offer2:hover {
  opacity: 0.8;
}

.offer2 {
  display: block;
  float: none;
  margin: 25px auto 0;
  text-align: center;
  width: 100%;
}

.offer_btn {
  display: block;
  float: left;
  height: 50px;
  width: 216px !important;
  margin-top: 21px;
}

.btn_note {
  text-align: left;
  width: 97%;
  font-size: 13px;
}

footer {
  display: inline-block;
  background-color: var(--complement-gray);
  margin: 0 auto;
  width: 100%;
  max-width: 970px;
}

.info_footer {
  margin: 0 auto;
  width: 100%;
  max-width: 630px;
  text-align: center;
  margin-top: 11px;
  font-size: 11px;
  color: var(--complement-white);
  font-weight: normal;
}

.info_footer a {
  padding-left: 2px;
  padding-right: 2px;
  color: var(--complement-white) !important;
  text-decoration: none;
}

.info_footer a:hover {
  opacity: 0.5;
}

.quote_box {
  position: absolute;
  width: 250px;
  height: 203px;
  margin-left: 22px;
  margin-top: 18px;
  text-align: left;
  text-shadow: 1px 1px var(--complement-gray-U3);
}

.footer-designed {
  text-align: left;
  vert-align: bottom;
  font-size: 0.8em;
  color: white;
}

tr.border_bottom td {
  border-bottom: 1pt dashed var(--complement-gray-U2);
}

/****************iframe*******************/
.craft_iframe {
  border: 1px solid var(--complement-gray-U2);
  border-radius: 23px;
  margin: 0 auto 0 auto;
  vertical-align: top;
  padding: 0;
  border-spacing: 0;
  width: 100%;
  overflow: hidden;
}

.mla {
  width: 96.5% !important;
}

.cpm {
  width: 100% !important;
}

/****************TABLE*******************/
.table {
  margin: 0 auto 0 auto;
  padding: 0;
  collapse: collapse;
  border-collapse: collapse;
  border-spacing: 0;
}

.table.homeAdmin {
  width: 45%;
}

.table td, table th {
  border: 1px solid var(--complement-gray-U2);
  padding: 5px;
}

.table tr:first-child th:first-child {
  border-top-left-radius: 20px;
}

.table tr:first-child th:last-child {
  border-top-right-radius: 20px;
}

.table tr:first-child td:first-child {
  border-top-left-radius: 20px;
}

.table tr:first-child td:last-child {
  border-top-right-radius: 20px;
}

.table tr:last-child td:first-child {
  border-bottom-left-radius: 20px;
}

.table tr:last-child td:last-child {
  border-bottom-right-radius: 20px;
}

.table tr:last-child th:first-child {
  border-bottom-left-radius: 20px;
}

.table tr:last-child th:last-child {
  border-bottom-right-radius: 20px;
}

.table td {
  height: 36px;
  padding: 0 5px;
  vertical-align: middle;
  font-size: 16px;
}

.table th {
  background-color: var(--complement-gray-U3);
  font-size: 16px;
}

.table tr:hover > td {
  border-color: var(--secondary1-U1);
  background-color: var(--complement-white);
}

.table.pricing td, .table.pricing th {
  border: none;
}

/****************FILTER TABLE*******************/
.filter_table {
  border: 1px solid var(--complement-gray-U2);
  -webkit-border-radius: 23px;
  -moz-border-radius: 23px;
  border-radius: 23px 23px 0 0;
  margin: 0 auto 0 auto;
  padding: 0;
  border-spacing: 0;
}

.filter_table td, th {
  height: min-content;
  min-width: 27px;
  border: 1px solid var(--complement-gray-U2);
  vertical-align: middle;
  horiz-align: center;
  font-size: 10pt;
}

.filter_table th {
  background-color: var(--complement-gray-U3);
  text-align: center;
  font-size: 16px;
}

.filter_table tr:hover > td {
  border-color: var(--secondary1-U1);
  background-color: var(--complement-white);
}

.filter_table input[type=text] {
  width: 100px;
  height: 17px;
  padding: 3px;
  margin: 0 0 0 0;
  font-size: 11px;
}

.filter_table input[type=number] {
  width: 54px;
  height: 17px;
  padding: 3px;
  margin: 0 0 0 0;
  font-size: 11px;
}

.filter_table select {
  max-width: 85px !important;
  height: 24px;
  padding: 3px 3px 3px 3px;
  margin: 0 0 0 0;
  font-size: 11px;
}

.is_checkbox {
  position: relative;
  height: 18px;
  width: 18px;
  top: -4px;
  left: -5px;
}

.is_checkbox input[type=checkbox] {
  opacity: 0;
  position: absolute;
  height: 18px;
  width: 18px;
}

.is_checkbox label::before {
  background-color: transparent;
  background-size: contain;
  display: inline-block;
  cursor: pointer;
  height: 21px;
  width: 21px;
  padding: 0;
  border: 0 solid;
  z-index: 9;
}

.is_checkbox label::after {
  content: "";
  background-color: #f8f8f8;
  display: inline-block;
}

.is_checkbox label {
  position: relative;
}

.is_checkbox label::before,
.is_checkbox label::after {
  position: absolute;
}

/*Outer-box*/
.is_checkbox label::before {
  top: 3px;
}

/*Checkmark*/
.is_checkbox label::after {
  left: 4px;
  top: 7px;
}

/*Hide the checkmark by default*/
.is_checkbox input[type=checkbox] + label::after {
  content: none;
}

/*Unhide the checkmark on the checked state*/
.is_checkbox input[type=checkbox]:checked + label::after {
  content: "";
  background-color: white;
}

.not_checkbox {
  position: relative;
  height: 18px;
  width: 18px;
  top: -4px;
  left: -5px;
}

.not_checkbox input[type=checkbox] {
  opacity: 0;
  position: absolute;
  height: 18px;
  width: 18px;
}

.not_checkbox label::before {
  content: "";
  background-image: url("/images/false.png");
  background-color: transparent;
  background-size: contain;
  display: inline-block;
  cursor: pointer;
  height: 18px;
  width: 18px;
  padding: 0;
  border: 0 solid;
  z-index: 9;
}

.not_checkbox label::after {
  content: "";
  background-color: #f8f8f8;
  display: inline-block;
  height: 34px;
  width: 35px;
  margin-left: -12px;
  margin-top: -11px;
  padding: 0;
  border-left: 1px solid white;
  border-bottom: 1px solid darkgray;
  border-top: 1px solid white;
  border-right: 1px solid darkgray;
}

.not_checkbox label {
  position: relative;
}

.not_checkbox label::before,
.not_checkbox label::after {
  position: absolute;
}

/*Outer-box*/
.not_checkbox label::before {
  top: 3px;
}

/*Checkmark*/
.not_checkbox label::after {
  left: 4px;
  top: 7px;
}

/*Hide the checked by default*/
.not_checkbox input[type=checkbox] + label::after {
  content: none;
}

/*Unhide the checked on the checked state*/
.not_checkbox input[type=checkbox]:checked + label::after {
  content: "";
  background-color: white;
}

.old-table {
  margin: 15px auto 0 auto;
}

.old-table tr th, .old-table tr td {
  padding: 10px 15px;
  height: 33px;
}

.footer-tag:before {
  content: "MinistryMatch";
}

#progressbar {
  background: var(--complement-gray-U1);
  height: 10px;
}

#progressbar > .ui-progressbar-value {
  background: green;
}

#dup_overlay {
  display: none;
  width: 55%;
  height: max-content;
  margin: auto;
  padding: 20px;
  position: absolute;
  top: 100px;
  right: 0;
  bottom: 50px;
  left: 0;
  border: black 2px solid;
  border-bottom-left-radius: 15px;
  border-bottom-right-radius: 15px;
  background-color: white;
  color: #000;
  font-weight: bold;
  z-index: 5;
}

.mm_user_select_report {
  width: 100%;
  min-height: 480px;
  margin: 0 auto !important;
}
.mm_user_select_report .wait_msg {
  width: 60%;
  margin: 0 auto !important;
  border-bottom: 1px solid !important;
  font-size: 20px !important;
  text-transform: uppercase !important;
  text-align: center;
  color: var(--primary) !important;
  visibility: hidden;
}
@media screen and (max-width: 480px) {
  .mm_user_select_report .wait_msg {
    font-size: 18px !important;
  }
}
.mm_user_select_report .report_type {
  padding: 10px;
  margin: 0 auto !important;
  width: 38%;
}
.mm_user_select_report table {
  margin: 0 auto !important;
}
.mm_user_select_report td {
  text-align: left;
  font-size: large !important;
  font-weight: bold;
  text-transform: uppercase !important;
  color: var(--primary) !important;
}
.mm_user_select_report .button {
  cursor: pointer;
  width: 300px;
  height: 28px;
  line-height: 28px;
  vertical-align: middle;
  text-align: center;
}
.mm_user_select_report .old_mm_report_link {
  font-size: 8pt;
  font-weight: normal;
  text-align: right;
}

.MM-fini-menu {
  min-height: 300px;
}
.MM-fini-menu table {
  width: 90%;
  margin-left: 5%;
  margin-right: 5%;
}
@media screen and (max-width: 480px) {
  .MM-fini-menu td {
    font-size: 0.7em !important;
  }
}
.MM-fini-menu span {
  cursor: pointer;
  font-family: var(--font-sans), sans-serif;
  color: var(--primary);
  text-decoration: none;
  border: none;
  outline: none;
  font-size: 16px;
}
@media screen and (max-width: 480px) {
  .MM-fini-menu span {
    font-size: 0.9em !important;
  }
}
.MM-fini-menu .report_select {
  margin: 0 auto;
  text-align: center;
  line-height: 30px;
}
@media screen and (max-width: 480px) {
  .MM-fini-menu .report_select {
    line-height: normal;
  }
}
.MM-fini-menu .tooltip-right:hover:before {
  min-width: 200px !important;
}
@media screen and (max-width: 480px) {
  .MM-fini-menu .tooltip-right:hover:before {
    display: none;
  }
}
.MM-fini-menu .wait_msg {
  width: 60%;
  margin: 0 auto !important;
  border-bottom: 1px solid !important;
  font-size: 20px !important;
  text-transform: uppercase !important;
  text-align: center;
  color: var(--primary) !important;
  display: none;
}
@media screen and (max-width: 480px) {
  .MM-fini-menu .wait_msg {
    font-size: 18px !important;
  }
}

/*
Version: 3.4.6 Timestamp: Sat Mar 22 22:30:15 EDT 2014
*/
.select2-container {
  margin: 0;
  position: relative;
  display: inline-block;
  /* inline-block for ie7 */
  zoom: 1;
  *display: inline;
  vertical-align: middle;
  text-align: left;
}

.select2-container,
.select2-drop,
.select2-search,
.select2-search input {
  /*
    Force border-box so that % widths fit the parent
    container without overlap because of margin/padding.
    More Info : http://www.quirksmode.org/css/box.html
  */
  -webkit-box-sizing: border-box;
  /* webkit */
  -moz-box-sizing: border-box;
  /* firefox */
  box-sizing: border-box;
  /* css3 */
}

.select2-container .select2-choice {
  display: block;
  height: 33px;
  padding: 0 0 0 8px;
  margin-top: 8px;
  overflow: hidden;
  position: relative;
  width: 317px;
  border: 1px solid var(--complement-gray-U2);
  white-space: nowrap;
  line-height: 26px;
  color: var(--complement-gray-U2);
  text-decoration: none;
  border-radius: 5px;
  background-clip: padding-box;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  background-color: #fff;
}

.select2-container .select2-drop-above .select2-choice {
  border-bottom-color: #aaa;
  border-radius: 0 0 4px 4px;
  background-image: linear-gradient(to bottom, #eee 0%, #fff 90%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff", endColorstr="#eeeeee", GradientType=0);
}

.select2-container.select2-allowclear .select2-choice .select2-chosen {
  margin-right: 42px;
}

.select2-container .select2-choice > .select2-chosen {
  margin-right: 26px;
  display: block;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  float: none;
  width: auto;
  padding-top: 3px;
  font-size: 14px;
  font-weight: bold;
}

.select2-container .select2-choice abbr {
  display: none;
  width: 12px;
  height: 12px;
  position: absolute;
  right: 24px;
  top: 8px;
  font-size: 1px;
  text-decoration: none;
  border: 0;
  cursor: pointer;
  outline: 0;
}

.select2-container.select2-allowclear .select2-choice abbr {
  display: inline-block;
}

.select2-container .select2-choice abbr:hover {
  background-position: right -11px;
  cursor: pointer;
}

.select2-drop-mask {
  border: 0;
  margin: 0;
  padding: 0;
  position: fixed;
  left: 0;
  top: 0;
  min-height: 100%;
  min-width: 100%;
  height: auto;
  width: 100%;
  opacity: 0;
  z-index: 1000;
  /* styles required for IE to work */
  background-color: #fff;
  filter: alpha(opacity=0);
}

.select2-drop {
  width: 100%;
  margin-top: -1px;
  position: absolute;
  z-index: 1000;
  top: 100%;
  background: #fff;
  color: #000;
  border: 1px solid #aaa;
  border-top: 0;
  border-radius: 0 0 4px 4px;
}

.select2-drop.select2-drop-above {
  margin-top: 1px;
  border-top: 1px solid #aaa;
  border-bottom: 0;
  border-radius: 4px 4px 0 0;
}

.select2-drop-active {
  border: 1px solid var(--primary);
  border-top: none;
}

.select2-drop.select2-drop-above.select2-drop-active {
  border-top: 1px solid var(--primary);
}

.select2-drop-auto-width {
  border-top: 1px solid #aaa;
  width: auto;
}

.select2-drop-auto-width .select2-search {
  padding-top: 4px;
}

.select2-container .select2-choice .select2-arrow {
  display: inline-block;
  width: 18px;
  height: 100%;
  position: absolute;
  right: 0;
  top: 0;
  border-radius: 0 4px 4px 0;
  background-clip: padding-box;
  background: #fff;
}

.select2-container .select2-choice .select2-arrow b {
  display: block;
  width: 100%;
  height: 100%;
}

.select2-search {
  display: inline-block;
  width: 100%;
  min-height: 26px;
  margin: 0;
  padding-left: 4px;
  padding-right: 4px;
  position: relative;
  z-index: 1000;
  white-space: nowrap;
}

.select2-search input {
  width: 100% !important;
  height: auto !important;
  min-height: 26px;
  padding: 4px 20px 4px 5px;
  margin: 0;
  outline: 0;
  font-family: var(--font-sans), sans-serif;
  font-size: 1em;
  border: 1px solid #aaa;
  border-radius: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.select2-drop .select2-drop-above .select2-search input {
  margin-top: 4px;
}

.select2-container-active .select2-choice,
.select2-container-active .select2-choices {
  border: 1px solid var(--primary);
  outline: none;
}

.select2-dropdown-open .select2-choice {
  border-bottom-color: transparent;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  background-color: #fff;
}

.select2-dropdown-open .select2-choice .select2-arrow {
  background: transparent;
  border-left: none;
  filter: none;
}

.select2-dropdown-open .select2-choice .select2-arrow b {
  background-position: -18px 1px;
}

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

/* results */
.select2-results {
  max-height: 200px;
  padding: 0 0 0 4px;
  margin: 4px 4px 4px 0;
  position: relative;
  overflow-x: hidden;
  overflow-y: auto;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  width: 345px;
}

.select2-results ul.select2-result-sub {
  margin: 0;
  padding-left: 0;
}

.select2-results ul.select2-result-sub > li .select2-result-label {
  padding-left: 20px;
}

.select2-results ul.select2-result-sub ul.select2-result-sub > li .select2-result-label {
  padding-left: 40px;
}

.select2-results ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub > li .select2-result-label {
  padding-left: 60px;
}

.select2-results ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub > li .select2-result-label {
  padding-left: 80px;
}

.select2-results ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub > li .select2-result-label {
  padding-left: 100px;
}

.select2-results ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub > li .select2-result-label {
  padding-left: 110px;
}

.select2-results ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub > li .select2-result-label {
  padding-left: 120px;
}

.select2-results li {
  list-style: none;
  display: list-item;
  background-image: none;
}

.select2-results li.select2-result-with-children > .select2-result-label {
  font-weight: bold;
}

.select2-results .select2-result-label {
  padding: 3px 7px 4px;
  margin: 0;
  cursor: pointer;
  min-height: 1em;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.select2-results .select2-highlighted {
  background: var(--primary);
  color: #fff;
}

.select2-results li em {
  background: var(--complement-gray-U4);
  font-style: normal;
}

.select2-results .select2-highlighted em {
  background: transparent;
}

.select2-results .select2-highlighted ul {
  background: #fff;
  color: #000;
}

.select2-results .select2-no-results,
.select2-results .select2-searching,
.select2-results .select2-selection-limit {
  background: var(--complement-gray-U4);
  display: list-item;
  padding-left: 5px;
}

/*
disabled look for disabled choices in the results dropdown
*/
.select2-results .select2-disabled.select2-highlighted {
  color: var(--complement-gray);
  background: var(--complement-gray-U4);
  display: list-item;
  cursor: default;
}

.select2-results .select2-disabled {
  background: var(--complement-gray-U4);
  display: list-item;
  cursor: default;
}

.select2-results .select2-selected {
  display: none;
}

.select2-more-results.select2-active {
  background: var(--complement-gray-U4) url("../images/select2-spinner.gif") no-repeat;
  background-size: 100%;
}

.select2-more-results {
  background: var(--complement-gray-U4);
  display: list-item;
}

/* disabled styles */
.select2-container.select2-container-disabled .select2-choice {
  background-color: var(--complement-gray-U4);
  background-image: none;
  border: 1px solid var(--complement-gray-U3);
  cursor: default;
}

.select2-container.select2-container-disabled .select2-choice .select2-arrow {
  background-color: var(--complement-gray-U4);
  background-image: none;
  border-left: 0;
}

.select2-container.select2-container-disabled .select2-choice abbr {
  display: none;
}

/* multiselect */
.select2-container-multi .select2-choices {
  height: 1%;
  width: 350px;
  margin: 2px;
  padding: 0;
  position: relative;
  border: 1px solid var(--complement-gray-U2);
  cursor: text;
  overflow: hidden;
  background-color: #fff;
}

.select2-locked {
  padding: 3px 5px 3px 5px !important;
}

.select2-container-multi .select2-choices {
  min-height: 33px;
  border-radius: 5px;
}

.select2-container-multi.select2-container-active .select2-choices {
  border: 1px solid var(--secondary2-U2);
  outline: none;
}

.select2-container-multi .select2-choices li {
  float: left;
  list-style: none;
}

html[dir=rtl] .select2-container-multi .select2-choices li {
  float: right;
}

.select2-container-multi .select2-choices .select2-search-field {
  margin: 0;
  padding: 0;
  white-space: nowrap;
}

.select2-container-multi .select2-choices .select2-search-field input {
  padding: 13px 5px 5px 10px;
  margin: 1px 0;
  font-family: var(--font-sans), sans-serif;
  font-size: 13px;
  outline: 0;
  border: 0;
  box-shadow: none;
  background: transparent !important;
}

.select2-container-multi .select2-choices .select2-search-field input.select2-active {
  background: #fff url("../images/select2-spinner.gif") no-repeat 100% !important;
}

.select2-default {
  color: var(--complement-gray-U2) !important;
}

.select2-container-multi .select2-choices .select2-search-choice {
  padding: 3px 5px 3px 18px;
  margin: 6px 0 5px 7px;
  position: relative;
  line-height: 13px;
  font-size: 13px;
  cursor: default;
  border: 1px solid #aaaaaa;
  border-radius: 5px;
  background-clip: padding-box;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  background-color: var(--complement-gray-U3);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#eeeeee", endColorstr="#f4f4f4", GradientType=0);
}

html[dir=rtl] .select2-container-multi .select2-choices .select2-search-choice {
  margin-left: 0;
  margin-right: 5px;
}

.select2-container-multi .select2-choices .select2-search-choice .select2-chosen {
  cursor: default;
}

.select2-container-multi .select2-choices .select2-search-choice-focus {
  background: var(--complement-gray-U2);
}

.select2-search-choice-close {
  display: block;
  width: 12px;
  height: 13px;
  position: absolute;
  right: 3px;
  top: 4px;
  font-size: 1px;
  outline: none;
}

html[dir=rtl] .select2-search-choice-close {
  right: auto;
  left: 3px;
}

.select2-container-multi .select2-search-choice-close {
  left: 3px;
}

.select2-container-multi .select2-choices .select2-search-choice .select2-search-choice-close:hover {
  background-position: right -11px;
}

.select2-container-multi .select2-choices .select2-search-choice-focus .select2-search-choice-close {
  background-position: right -11px;
}

/* disabled styles */
.select2-container-multi.select2-container-disabled .select2-choices {
  background-color: var(--complement-gray-U4);
  background-image: none;
  border: 1px solid var(--complement-gray-U3);
  cursor: default;
}

.select2-container-multi.select2-container-disabled .select2-choices .select2-search-choice {
  padding: 3px 5px 3px 5px;
  border: 1px solid var(--complement-gray-U3);
  background-image: none;
  background-color: var(--complement-gray-U4);
}

.select2-container-multi.select2-container-disabled .select2-choices .select2-search-choice .select2-search-choice-close {
  display: none;
  background: none;
}

/* end multiselect */
.select2-result-selectable .select2-match,
.select2-result-unselectable .select2-match {
  text-decoration: underline;
}

.select2-offscreen, .select2-offscreen:focus {
  clip: rect(0 0 0 0) !important;
  width: 1px !important;
  height: 1px !important;
  border: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
  position: absolute !important;
  outline: 0 !important;
  left: 0 !important;
  top: 0 !important;
}

.select2-display-none {
  display: none;
}

.select2-measure-scrollbar {
  position: absolute;
  top: -10000px;
  left: -10000px;
  width: 100px;
  height: 100px;
  overflow: scroll;
}

.select2-search input {
  background-position: 100% -21px !important;
}

:root {
  --font-sans: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
  --font-serif: "Georgia", "Times New Roman", Times, serif;
  --font-mono: "Courier New", Courier, monospace;
}

/* ********** text position management ************ */
.text-left {
  text-align: left;
}

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

.text-right {
  text-align: right;
}

.relative {
  position: relative;
}

.margB15 {
  margin-bottom: 15px;
}

.margT15 {
  margin-top: 15px;
}

.margB10 {
  margin-bottom: 10px;
}

.margT10 {
  margin-top: 10px;
}

.margAuto {
  margin-left: auto;
  margin-right: auto;
}

.hidden {
  display: none;
}

.font-small {
  font-size: 10px;
}

.red {
  color: var(--primary-U2);
}

.green {
  color: var(--complement-U2);
}

.yellow {
  color: #ee0;
}

.blue {
  color: var(--secondary2-U1);
}

.bold {
  font-weight: bold;
}

.instinfo {
  color: var(--primary);
  text-align: center;
}

.instinfo .download_tab {
  background-color: var(--complement-white);
  border-radius: 10px;
  padding: 16px;
  color: var(--primary);
}

.resources_div {
  background-color: var(--complement-white);
  border-radius: 10px;
  padding: 10px;
  color: var(--complement-gray-D2);
  margin: auto;
}

.bordered_document {
  background-color: var(--complement-white);
  border-radius: 10px;
  padding: 10px;
  color: var(--complement-gray-D2);
}

.flow_button {
  cursor: pointer;
}
.flow_button:hover {
  border: red 3px solid;
  border-radius: 50%;
}

.pad10 {
  padding: 10px;
}

.cerc {
  border-radius: 50%;
}

.clear {
  clear: both;
}

.inline-block {
  display: inline-block;
}

.vertical-top {
  vertical-align: top;
}

.w70 {
  width: 70px;
}

.padtop5 {
  padding-top: 5px;
}

.topright {
  position: absolute;
  top: 10px;
  right: 15px;
}

.topright2 {
  position: absolute;
  top: 60px;
  right: 15px;
}

/***************Fields***************/
textarea {
  display: block;
  padding-top: 2px;
  padding-left: 1px;
  padding-right: 0;
  color: var(--complement-gray-D2);
  background-color: #fff;
  border: 1px solid var(--complement-gray-U2);
  border-radius: 5px;
  height: 100px;
  width: 98%;
  resize: none;
}

legend {
  font-size: 18px;
  background-color: var(--primary);
  color: #fff;
  text-shadow: 1px 1px #000;
  margin: 0 10px;
  padding: 5px 0 10px 0;
  border-radius: 4px;
}

* {
  border: none;
  outline: none;
}

a, a:visited, a:active {
  color: var(--primary);
  text-decoration: none;
  cursor: pointer;
}
@media screen and (max-width: 480px) {
  a, a:visited, a:active {
    font-size: 0.8em;
  }
}

/* Mpdify a:hover in style.css*/
a:hover {
  color: var(--primary);
  text-decoration: none;
}

h2 {
  padding: 0;
  margin: 5px 0;
  float: left;
}

h3 {
  margin-top: 0;
}

h3.noQuestions {
  padding: 100px 84px 84px;
  font-size: 32px;
}

input[type=submit], input[type=button] {
  cursor: pointer;
  display: inline-block;
  height: 34px !important;
  line-height: 34px !important;
  vertical-align: middle !important;
  text-align: center;
  padding: 0 4px 0 4px;
  width: auto;
  color: #fff;
  background-color: var(--primary);
  border-color: var(--secondary2-U1);
  border-radius: 5px;
  font-weight: bold;
  font-size: 15px;
  font-family: inherit;
  text-shadow: 1px 1px #000;
}

input[type=submit]:hover, input[type=button]:hover {
  background-color: var(--primary-U2);
}

/* Modify .mytooltip in style.css */
.mytooltip:hover:after {
  background: var(--complement-gray-D4);
  border-radius: 5px;
  font-size: 10px;
}

input[type=text], input[type=number], input[type=password], input[type=email], select {
  border: 1px solid var(--complement-gray-U2);
  border-radius: 5px;
  padding: 2px;
  padding-left: 5px;
  padding-right: 0;
  color: var(--complement-gray-D2);
  width: 100px;
  height: 29px;
  margin-top: 7px;
  font-size: 13px;
  font-weight: bold;
  margin-right: 100px;
}
.shorter {
  width: 250px !important;
  margin-right: 5px !important;
}

.longer {
  width: 350px !important;
}

label {
  font-weight: bold;
}

.active_btn {
  background-color: var(--secondary2-U2) !important;
  border: 1px solid black !important;
}

.top-left {
  border: 0 solid var(--primary);
  border-top-left-radius: 21px;
  margin: 0 auto 0 0;
  padding: 0;
  border-spacing: 0;
}

.top-right {
  border: 0 solid var(--primary);
  border-top-right-radius: 21px;
  margin: 0 auto 0 0;
  padding: 0;
  border-spacing: 0;
}

/**************button*************/
.buttons {
  overflow: hidden;
}

.buttons > a.active {
  background-color: var(--secondary2-D2);
}

.buttons > a:first-child {
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
}

.buttons > a:last-child {
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
}

.buttons > a {
  display: block;
  color: #fff;
  background-color: var(--complement-gray-U2);
  padding: 10px 15px;
  float: left;
  cursor: pointer;
  font-family: var(--font-sans), sans-serif;
}

.button {
  cursor: pointer;
  display: inline-block;
  text-align: center;
  margin: 0 auto;
  width: max-content;
  max-width: 300px;
  height: 34px !important;
  line-height: 34px !important;
  vertical-align: middle !important;
  padding: 0 4px 0 4px;
  color: #fff !important;
  background-color: var(--primary);
  border-color: var(--secondary2-U1);
  border-radius: 5px;
  font-weight: bold;
  font-size: 15px;
  font-family: inherit;
  text-shadow: 1px 1px #000;
}
.button .viewReportsButton {
  width: 300px;
}

.pointer {
  cursor: pointer;
}

/**************switch*****************/
/* The switch - the box around the slider */
.switch {
  position: relative;
  display: inline-block;
  width: 60px;
  height: 34px;
}

.switch_mode {
  position: relative;
  display: inline-block;
  font-size: 10pt;
  width: max-content;
  height: max-content;
  line-height: 34px;
  vertical-align: middle;
  margin-top: 18px;
}

.switch_on {
  font-size: 1.2em;
  font-weight: bold;
}

.switch_off {
  font-size: 0.8em;
  font-weight: normal;
}

/* Hide default HTML checkbox */
.switch input {
  opacity: 0;
  width: 0;
  height: 0;
}

/* The slider */
.slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}

.slider:before {
  position: absolute;
  content: "";
  height: 26px;
  width: 26px;
  left: 4px;
  bottom: 4px;
  background-color: white;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}

input:checked + .slider {
  background-color: var(--primary);
}

input:focus + .slider {
  box-shadow: 0 0 1px var(--primary);
}

input:checked + .slider:before {
  -webkit-transform: translateX(26px);
  -ms-transform: translateX(26px);
  transform: translateX(26px);
}

/* Rounded sliders */
.slider.round {
  border-radius: 34px;
}

.slider.round:before {
  border-radius: 50%;
}

/**************end switch*****************/
.answerQuestions .navTable {
  width: 90%;
  margin: 0 auto;
}
.answerQuestions .navTable tr td {
  border: none;
  padding: 4px;
  background-color: transparent;
}
@media screen and (max-width: 480px) {
  .answerQuestions .navTable tr td {
    width: 98%;
  }
}

.navTable tr td:hover {
  background-color: transparent;
}

.answerQuestions .button {
  width: 100px;
  font-size: 0.9em;
}
@media screen and (max-width: 480px) {
  .answerQuestions .button {
    font-size: 0.75em;
    padding: 0;
  }
}

.answerQuestions .ratings {
  padding-left: 1em;
}
@media screen and (max-width: 600px) {
  .answerQuestions .ratings {
    line-height: 30px;
    height: 30px;
    vertical-align: middle;
    padding-left: 0.7em;
  }
}

.wider {
  width: 275px;
}

.read {
  background-color: var(--complement);
}

.action_button {
  width: 150px;
}

.page_button {
  width: 190px;
}

.cat_add_button {
  width: 235px;
  font-size: 0.9em;
  height: 24px !important;
  line-height: 24px !important;
  vertical-align: middle !important;
}

.button-survey {
  width: 240px;
  margin-bottom: 10px;
  height: 24px !important;
  line-height: 24px !important;
  vertical-align: middle !important;
}

.button-container {
  display: inline-block;
  margin-left: 50px;
  vertical-align: middle;
}

.button-container > input {
  margin-left: -1px;
}

.button-select-drop {
  margin-top: auto;
  margin-bottom: auto;
  text-transform: uppercase !important;
  width: auto;
  min-width: 90px;
  font-size: 14pt;
  color: #ffffff !important;
}

/************Category*Group************/
.addCategory label {
  display: inline-block;
  width: 150px;
  padding-left: 50px;
  text-align: left;
}

.addCategory select, .addCategory input[type=text] {
  width: 507px;
  margin-right: 0;
  margin-top: 0;
}

.addCategory .select2-choice, .addCategory .select2-choice {
  width: 500px;
}

.addCategory .formRow {
  margin: 15px 0;
}

.categoryAddForm label {
  display: inline-block;
  width: 200px;
  margin-left: 100px;
}

.categoryAddValueForm label, .editGroupConditions label {
  display: inline-block;
  width: 80px;
  margin-left: 100px;
}

.categoryAddForm input[type=text], .categoryAddValueForm input[type=text] {
  margin-bottom: 10px;
  margin-right: 15px;
}

.categoriesContainer {
  margin-top: 15px;
  padding: 10px;
}

.categoriesLines {
  list-style-type: none;
  margin: 0 auto;
  padding: 0;
}

.categoriesLines li {
  font-size: 14px;
  margin: 0 5px 5px 5px;
  font-family: var(--font-sans), sans-serif;
  padding: 7px 5px 5px 5px;
  border: 1px solid var(--secondary1-U2);
  border-radius: 3px;
  cursor: pointer;
}

.categoriesLines li .head {
  overflow: hidden;
}

.conditionType {
  float: right;
}

#conditionFakeSelect {
  display: inline-block;
}

.condition {
  background-color: var(--secondary1-U2);
  padding: 5px;
  margin-bottom: 2px;
  color: #fff;
  line-height: 1.6;
}

.groups {
  background-color: var(--complement-gray-U3);
  padding: 5px;
  margin-top: 10px;
}

.groups img {
  border-radius: 5px;
  vertical-align: middle;
}

.groups select {
  border-radius: 5px;
  border: 1px solid var(--complement-gray-U2);
  height: 21px;
}

.group {
  padding: 5px;
  background-color: var(--complement-gray-U2);
  margin-bottom: 5px;
}

/************Question*************/
.QuestionDiv {
  border-top: 1px solid black;
  padding: 10px;
  width: 90%;
}

.questionContainer .panel {
  min-height: 10px;
}

.orderQuestions {
  border-radius: 40px;
  float: right;
  text-align: center;
  margin-top: -3px;
  width: 26px;
}

.orderQuestions.small {
  height: 25px;
}

.orderQuestions.small a {
  display: block;
}

.orderQuestions.small .iconMoveDownQuestion, .orderQuestions.small .iconMoveUpQuestion {
  margin-top: 1px;
}

.actionsQuestions {
  overflow: hidden;
}

.questionContainer {
  padding: 10px;
  overflow: hidden;
  min-height: 400px;
}

#questionsContainer {
  min-height: 500px;
}

.RadioQuestionOption {
  padding: 7px;
}

.questionsFilter legend {
  font-size: 18px;
  background-color: var(--primary);
  color: #fff;
  text-shadow: 1px 1px #000;
  margin: 0 10px;
  padding: 2px 5px;
  border-radius: 4px;
}

.questionsFilter label, .createSurvey label {
  display: inline-block;
  width: 250px;
  padding-left: 50px;
}

.questionsFilter label {
  display: inline-block;
  width: 150px;
  padding-left: 50px;
}

#TabQuestions .panelheading {
  margin-right: 40px;
}

.LabelQuestionOrder {
  display: inline;
}

.LabelQuestion {
  padding-right: 120px;
  padding-left: 5px;
  display: inline;
}

.editQuestion label, .addQuestion label {
  display: inline-block;
  vertical-align: top;
  padding-top: 42px;
  text-align: left;
  line-height: 1;
  width: 100px;
  padding-left: 50px;
}

.editQuestion textarea, .addQuestion textarea {
  display: inline-block;
  max-width: 650px;
}

.editQuestion label, .addQuestion label {
  display: inline-block;
  vertical-align: top;
  padding-top: 42px;
  text-align: left;
  line-height: 1;
  width: 100px;
  padding-left: 50px;
}

.editQuestion textarea, .addQuestion textarea {
  display: inline-block;
  max-width: 650px;
}

/*************Icon**************/
.iconDeleteQuestion {
  float: right;
  margin-right: 15px;
}

.iconEditQuestion {
  float: right;
  margin-right: 15px;
}

.iconMoveDownQuestion {
  margin-top: 3px;
  display: block;
}

/***********ToolTip***************/
.tooltip-default {
  color: black;
  cursor: auto;
}

.tooltip-default:hover {
  color: black;
  cursor: auto;
  z-index: 999999;
}

.tooltip {
  position: relative;
  display: inline-block;
  margin: unset;
  font-family: inherit;
  font-style: inherit;
  font-weight: normal;
  line-height: normal;
  text-align: center;
  text-decoration: none;
  text-shadow: none;
  text-transform: none;
  letter-spacing: normal;
  word-break: normal;
  word-spacing: normal;
  white-space: normal;
  line-break: normal;
  font-size: 12pt;
  word-wrap: normal;
  opacity: 1;
}

.tooltip:hover:before {
  position: absolute;
  visibility: visible;
  opacity: 1 !important;
  content: attr(alt);
  height: auto;
  line-height: 20px;
  padding: 10px;
  font-size: 14px !important;
  text-align: left;
  text-transform: none;
  text-shadow: none;
  color: var(--complement-D2) !important;
  background: var(--complement-white);
  border: 4px solid var(--primary) !important;
  border-radius: 5px;
  box-shadow: rgba(0, 0, 0, 0.2) 1px 1px 2px 0;
  bottom: 40px;
  right: 0px;
  left: 0px;
  width: max-content;
  max-width: 300px;
  min-width: 200px;
  margin-top: 20px;
  margin-left: 0px;
  white-space: pre-wrap;
  z-index: 999999;
}

.tooltip-left {
  position: relative;
}

.tooltip-left:hover:before {
  position: absolute;
  opacity: 1;
  content: attr(alt);
  bottom: 40px;
  right: -20px;
  min-width: 200px;
  height: auto;
  line-height: 20px;
  padding: 10px;
  font-size: 14px !important;
  text-align: center;
  color: var(--complement-D2) !important;
  background: #fff;
  border: 4px solid var(--primary) !important;
  border-radius: 5px;
  /*text-shadow: rgba(0, 0, 0, 1) 1px 1px 1px;*/
  box-shadow: black 1px 1px 2px 0;
  margin-top: -50px;
  margin-left: -240px;
  z-index: 999999;
}

.tooltip-left-bottom {
  position: relative;
}

.tooltip-left-bottom:hover:before {
  position: absolute;
  opacity: 1;
  content: attr(alt);
  top: 90px;
  bottom: 40px;
  right: -20px;
  max-width: 240px;
  min-width: 200px;
  height: max-content;
  line-height: 20px;
  padding: 10px;
  font-size: 14px !important;
  font-weight: bold !important;
  text-align: center;
  color: var(--complement-D2) !important;
  background: #fff;
  border: 2px solid var(--primary) !important;
  border-radius: 7px;
  box-shadow: rgba(0, 0, 0, 0) 1px 1px 2px 0;
  margin-top: -50px;
  margin-left: -240px;
  z-index: 999999;
}

.tooltip-right {
  position: relative;
}

.tooltip-right:hover:before {
  position: absolute;
  visibility: visible;
  opacity: 1;
  content: attr(alt);
  left: 0;
  height: auto;
  width: max-content;
  max-width: 300px;
  height: auto;
  padding: 4px;
  line-height: 20px;
  font-size: 14px !important;
  font-weight: normal !important;
  text-align: center;
  color: var(--complement-D2) !important;
  text-transform: none;
  background: var(--complement-white);
  border: 4px solid var(--primary) !important;
  border-radius: 5px;
  box-shadow: black 1px 1px 2px 0;
  bottom: 40px;
  white-space: pre-wrap;
  z-index: 999999;
}

.tooltip-bottom {
  position: relative;
}

.tooltip-bottom:hover:before {
  position: absolute;
  content: attr(alt);
  top: 90px;
  right: -50px;
  left: 200px;
  min-width: 200px;
  height: auto;
  line-height: 20px;
  padding: 10px;
  font-size: 14px !important;
  text-align: center;
  color: var(--complement-D2) !important;
  background: #fff;
  border: 4px solid var(--primary) !important;
  border-radius: 5px;
  /*text-shadow: rgba(0, 0, 0, 0.2) 1px 1px 1px;*/
  box-shadow: rgba(0, 0, 0, 0.2) 1px 1px 2px 0;
  margin-top: -50px;
  margin-left: -240px;
  z-index: 999999;
}

.tool-tip {
  color: #fff;
  background-color: rgba(0, 0, 0, 0.7);
  text-shadow: none;
  font-size: 12px;
  line-height: 20px;
  visibility: hidden;
  text-align: center;
  opacity: 0;
  z-index: 999;
  padding: 3px 8px;
  position: absolute;
  top: auto;
  left: 50%;
  width: 150px;
  height: max-content;
  margin-left: -43px;
  cursor: default;
  transition: all 240ms ease-in-out;
}

/* tool tip position right */
.tool-tip.right {
  top: 48%;
  right: auto;
  left: 106%;
  margin-top: -18px;
  margin-right: auto;
  margin-left: auto;
}

.on-focus .tool-tip {
  margin-top: -19px;
}

/* tooltip on focus left and right */
.on-focus .tool-tip.right {
  margin-top: -19px;
}

/* on hover of element containing tooltip default*/
*:not(.on-focus):hover > .tool-tip,
.on-focus input:focus + .tool-tip {
  visibility: visible;
  opacity: 1;
  transition: all 240ms ease-in-out;
}

/* tool tip slide out */
*:not(.on-focus) > .tool-tip.slideIn,
.on-focus > .tool-tip {
  display: block;
}

.on-focus > .tool-tip.slideIn {
  z-index: -1;
}

.on-focus > input:focus + .tool-tip.slideIn {
  z-index: 1;
}

/* top slideIn */
*:not(.on-focus) > .tool-tip.slideIn,
.on-focus > .tool-tip.slideIn {
  bottom: 80%;
}

*:not(.on-focus):hover > .tool-tip.slideIn,
.on-focus > input:focus + .tool-tip.slideIn {
  bottom: 80%;
}

/* right slideIn */
*:not(.on-focus) > .tool-tip.slideIn.right,
.on-focus > .tool-tip.slideIn.right {
  left: 10%;
}

*:not(.on-focus):hover > .tool-tip.slideIn.right,
.on-focus > input:focus + .tool-tip.slideIn.right {
  left: 10%;
}

.on-focus.clearfix {
  position: relative;
}

/*************Organization*************/
.organizationListContainer h1 {
  margin: 0;
  padding: 5px;
}

.organizationListContainer {
  margin: 0 5px 5px;
  padding-bottom: 5px;
}

.organizationListContainer table {
  width: 100%;
  max-width: 865px;
  margin: 0 auto;
}

.organizationView {
  padding: 10px;
  overflow: hidden;
  font-family: var(--font-sans), sans-serif;
}

.organizationView input[type=text], .organizationView input[type=email] {
  margin-bottom: 8px;
  padding: 0 5px;
}

.organizationView input:disabled {
  background-color: var(--complement-gray-U3);
}

.organizationView fieldset {
  margin: 10px auto 20px;
  padding: 5px 30px 15px 0;
  border: 1px solid var(--complement-gray-U2);
  border-radius: 0 0 5px 5px;
  width: max-content;
  overflow: hidden;
}

.organizationView input[type=submit], .organizationView input[type=button] {
  padding: 0 10px;
  height: 34px;
  vertical-align: top;
}

.organizationView fieldset.importants {
  background-color: var(--complement-white);
  line-height: 30px;
  width: 97.5%;
  margin: 10px auto 10px auto;
}

.organizationView label {
  display: inline-block;
  text-align: left;
  width: 250px;
  padding-left: 40px;
}

.organizationView input[type=text], .organizationView input[type=email], .organizationView input[type=password] {
  width: 345px;
}

.organizationView legend {
  font-size: 18px;
  background-color: var(--primary);
  color: #fff;
  text-shadow: 1px 1px #000;
  margin: 0 10px;
  padding: 2px 5px;
  border-radius: 4px;
}

.organizationView input.licenceCode, .organizationView input.rejectedMessage {
  width: 170px;
}

.organizationView fieldset input {
  margin-right: 0;
}

.organizationView .green {
  color: var(--complement-U2);
}

.organizationView .red {
  color: var(--primary-U2);
}

.organizationView .email {
  position: relative;
}

.organizationView .licenses {
  padding: 10px 0 0;
}

.organizationView .licenseReason {
  text-align: left;
  float: none;
  vertical-align: initial;
  display: inline-block;
  width: auto;
  line-height: 20px;
  margin-bottom: 0;
}

.organizationView fieldset.importants div.errorMessage {
  color: var(--primary-U2);
  text-align: right;
  width: auto;
  min-width: 210px;
  padding: 0 2px;
  margin: 0 0 0 85px;
  font-weight: bold;
  display: none;
  position: absolute;
  bottom: 11px;
  left: 440px;
  line-height: 23px;
}

.organizationView .error {
  border: 1px solid var(--primary-U2);
}

.organizationView .licenses {
  padding: 10px;
}

.organizationView .licenses table {
  width: 100%;
  border: 1px solid var(--complement-gray-U2);
  border-radius: 5px;
  font-weight: bold;
}

.organizationView .licenses tr:nth-child(odd) {
  background-color: var(--complement-gray-U3);
}

.organizationView .licenses tr:nth-child(even) {
  background-color: var(--complement-gray-U4);
}

.organizationView .licenses td {
  padding: 3px;
}

/*************Organization*************/
/*************OrgUsers*************/
.orgUserView {
  padding: 10px;
  overflow: hidden;
  font-family: var(--font-sans), sans-serif;
}
.orgUserView fieldset {
  margin: 10px auto 20px auto;
  padding: 5px 0 15px 0;
  border: 1px solid var(--complement-gray-U2);
  background-color: var(--complement-gray-U3);
  border-radius: 0 0 5px 5px;
  width: 98%;
  overflow: hidden;
}
.orgUserView fieldset .importants {
  background-color: var(--complement-gray-U3);
  line-height: 30px;
  margin: 0 auto;
}
.orgUserView fieldset .importants div.errorMessage {
  color: var(--primary-U2);
  text-align: right;
  width: auto;
  min-width: 210px;
  padding: 0 2px;
  margin: 0 0 0 85px;
  font-weight: bold;
  display: none;
  position: absolute;
  bottom: 11px;
  left: 440px;
  line-height: 23px;
}
.orgUserView fieldset table {
  width: 100%;
  border-collapse: collapse;
  border: 1px solid var(--primary) !important;
}
.orgUserView fieldset th {
  font-weight: bold;
}
.orgUserView fieldset th, .orgUserView fieldset td {
  width: 23%;
  border: 1px solid var(--primary) !important;
  padding: 4px;
  font-size: 11pt;
  text-align: left;
}
.orgUserView fieldset td:last-child {
  width: 8%;
}
.orgUserView fieldset tr:last-child td:first-child {
  border-bottom-left-radius: 10px !important;
}
.orgUserView fieldset tr:last-child, .orgUserView fieldset td:last-child {
  border-bottom-right-radius: 10px;
}
.orgUserView legend {
  font-size: 18px;
  background-color: var(--primary);
  color: #fff;
  text-shadow: 1px 1px #000;
  margin: 0 10px;
  padding: 2px 5px;
  border-radius: 4px;
}
.orgUserView input[type=text], .orgUserView input[type=email], .orgUserView input[type=password] {
  margin-bottom: 4px;
  padding: 0 5px;
  width: 38%;
  max-width: 345px;
}
.orgUserView input:disabled {
  background-color: var(--complement-gray-U3);
}
.orgUserView input[type=submit], .orgUserView input[type=button] {
  padding: 0 10px;
  height: 34px;
  vertical-align: top;
}
.orgUserView label {
  display: inline-block;
  text-align: left;
  width: 27%;
  max-width: 250px;
  padding-left: 40px;
}
.orgUserView .error {
  border: 1px solid var(--primary-U2);
}

/*************OrgUsers*************/
.churchhistoryView {
  width: 100%;
  margin-left: 0;
  overflow: hidden;
  font-family: var(--font-sans), sans-serif;
}

.churchcontactView fieldset {
  margin: 0 auto 0 auto;
  padding: 5px 0 5px 0;
  border: 1px solid var(--complement-gray-U2);
  border-radius: 0 0 5px 5px;
  width: 100%;
  overflow: hidden;
  background-color: var(--complement-gray-U4);
}

.churchcontactView fieldset.importants {
  background-color: var(--complement-gray-U4);
  line-height: 30px;
}

.churchcontactView legend {
  font-size: 18px;
  background-color: var(--primary);
  color: #fff;
  text-shadow: 1px 1px #000;
  margin: 0 10px;
  padding: 2px 5px;
  border-radius: 4px;
}

.churchhistoryView input[type=text],
.churchhistoryView input[type=number],
.churchhistoryView input[type=email] {
  margin-bottom: 8px;
  padding: 0 5px;
}

.churchhistoryView input:disabled {
  background-color: var(--complement-gray-U3);
}

.churchhistoryView fieldset {
  margin: 10px auto 20px;
  padding: 5px 0 15px 0;
  border: 1px solid var(--complement-gray-U2);
  border-radius: 0 0 5px 5px;
  width: 98%;
  overflow: hidden;
}

.churchhistoryView input[type=submit],
.churchhistoryView input[type=button] {
  padding: 0 10px;
  height: 34px;
  vertical-align: top;
}

.churchhistoryView fieldset.importants {
  background-color: var(--complement-gray-U4);
  line-height: 30px;
}

.churchhistoryView label {
  display: inline-block;
  text-align: left;
  width: 600px;
  padding-left: 40px;
}

.churchhistoryView input[type=text],
.churchhistoryView input[type=number],
.churchhistoryView input[type=email],
.churchhistoryView input[type=password] {
  width: 20ch;
}

.churchhistoryView legend {
  font-size: 18px;
  background-color: var(--primary);
  color: #fff;
  text-shadow: 1px 1px #000;
  margin: 0 10px;
  padding: 2px 5px;
  border-radius: 4px;
}

.churchhistoryView input.licenceCode,
.churchhistoryView input.rejectedMessage {
  width: 170px;
}

.churchhistoryView fieldset input {
  margin-right: 0;
}

.churchhistoryView .green {
  color: var(--complement-U2);
}

.churchhistoryView .red {
  color: var(--primary-U2);
}

.churchhistoryView .email {
  position: relative;
}

.churchhistoryView .licenses {
  padding: 10px 0 0;
}

.churchhistoryView .licenseReason {
  text-align: left;
  float: none;
  vertical-align: initial;
  display: inline-block;
  width: auto;
  line-height: 20px;
  margin-bottom: 0;
}

.churchhistoryView fieldset.importants div.errorMessage {
  color: var(--primary-U2);
  text-align: right;
  width: auto;
  min-width: 210px;
  padding: 0 2px;
  margin: 0 0 0 85px;
  font-weight: bold;
  display: none;
  position: absolute;
  bottom: 11px;
  left: 440px;
  line-height: 23px;
}

.churchhistoryView .error {
  border: 1px solid var(--primary-U2);
}

.churchhistoryView .licenses {
  padding: 10px;
}

.churchhistoryView .licenses table {
  width: 100%;
  border: 1px solid var(--complement-gray-U2);
  border-radius: 5px;
  font-weight: bold;
}

.churchhistoryView .licenses tr:nth-child(odd) {
  background-color: var(--complement-gray-U3);
}

.churchhistoryView .licenses tr:nth-child(even) {
  background-color: var(--complement-gray-U4);
}

.churchhistoryView .licenses td {
  padding: 3px;
}

/* DivTable.com */
.divTable {
  display: table;
  width: 100%;
  border-collapse: collapse;
}

.divTableRow {
  display: table-row;
}

.divTableHeading {
  background-color: var(--complement-gray-U2);
  display: table-header-group;
}

.divTableCell, .divTableHead {
  display: table-cell;
  text-align: center;
}

.divTableLeft, .divTableHead {
  display: table-cell;
  text-align: right;
  padding-right: 20px;
  width: 50%;
}

.divTableRight, .divTableHead {
  display: table-cell;
  text-align: left;
  padding-left: 20px;
  width: 50%;
}

.divTableCell label {
  display: inline-block;
  text-align: right;
  width: 100%;
  padding-left: 0;
}

.divTableLeft label {
  display: inline-block;
  text-align: right;
  padding-left: 0;
}

.divTableHeading {
  background-color: var(--complement-gray-U2);
  display: table-header-group;
  font-weight: bold;
}

.divTableFoot {
  background-color: var(--complement-gray-U2);
  display: table-footer-group;
  font-weight: bold;
}

.divTableBody {
  display: table-row-group;
}

.divTableCell .col6 {
  width: 8%;
}

.col6 input {
  width: 10ch !important;
  font-size: 0.8em;
  height: 2em;
}

.input-error {
  outline: 1px solid red;
}

/***********notification***********/
.alert, #notificationBar {
  color: #fff;
  font-size: 18px;
  text-align: left;
  line-height: 24px;
  padding: 10px 0;
  /*margin-right: 30px;*/
}

.alert .container, #notificationBar .container {
  padding: 0 10px;
}

.alert .close, #notificationBar .close {
  cursor: pointer;
  font-size: 50px;
  float: right;
  margin-right: 5px;
}

.alert.ntSuccess, #notificationBar.ntSuccess {
  text-align: center;
  background-color: var(--extended3);
}

.alert.ntWarning, #notificationBar.ntWarning {
  background-color: #dd0;
  color: #000;
}

.alert.ntError, #notificationBar.ntError {
  background-color: var(--extended2);
  color: white;
}

.alert.ntInformation, #notificationBar.ntInformation {
  color: black;
  font-size: 14px;
}

/**************Popup****************/
.popupMessage {
  width: max-content;
  text-align: center;
  padding: 10px;
  background-color: #fff;
  position: fixed;
  z-index: 99999;
  top: 50%;
  left: 50%;
  margin-left: -300px;
  margin-top: -67px;
  border-radius: 10px;
}

.popupMessage .relative {
  border: 1px solid var(--complement-gray-U3);
  padding: 10px;
}

.popupMessage .close {
  position: absolute;
  right: 0;
  top: -10px;
  font-weight: bold;
  font-size: 28px;
  cursor: pointer;
}

.popupMessage input[type=text] {
  margin-right: 0;
}

.overlay {
  background-color: rgba(0, 0, 0, 0.5);
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 99998;
}

/*************color blocks *****************/
.grayBlock {
  background-color: var(--complement-gray-U3);
  border: 1px solid var(--complement-gray-U2);
  margin: 0 auto;
  overflow: hidden;
  border-radius: 0 0 5px 5px;
}

.grayBlock2 {
  background-color: var(--complement-white);
  border: 1px solid var(--complement-gray-U2);
  margin: 0 auto;
  overflow: hidden;
  border-radius: 0 0 5px 5px;
}

.grayBlock2 legend {
  background-color: var(--primary);
  border-radius: 4px;
  color: #fff;
  font-size: 18px;
  margin: 0 10px;
  padding: 2px 5px;
  text-shadow: 1px 1px #000;
}

.grayBlock3 {
  background-color: var(--complement-gray-U3) !important;
  border: 2px solid var(--complement-gray-U2);
  margin: -2px;
  overflow: hidden;
  border-radius: 23px 23px 0 0;
}

.grayBlock3 legend {
  border-radius: 8px;
  font-size: 10pt;
  padding: 8px;
  font-weight: bold;
  background-color: var(--complement-U1);
}

.halfRedLeft {
  background: #4E82DF;
  background: -moz-linear-gradient(left, #4E82DF 0%, #4E82DF 50%, #7E0100 51%, #7E0100 100%);
  background: -webkit-gradient(linear, left top, right top, color-stop(0%, #4E82DF), color-stop(50%, #4E82DF), color-stop(51%, #7E0100), color-stop(100%, #7E0100));
  background: -webkit-linear-gradient(left, #4E82DF 0%, #4E82DF 50%, #7E0100 51%, #7E0100 100%);
  background: -o-linear-gradient(left, #4E82DF 0%, #4E82DF 50%, #7E0100 51%, #7E0100 100%);
  background: -ms-linear-gradient(left, #4E82DF 0%, #4E82DF 50%, #7E0100 51%, #7E0100 100%);
  background: linear-gradient(to right, #4E82DF 0%, #4E82DF 50%, #7E0100 51%, #7E0100 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#4E82DF", endColorstr="#7E0100",GradientType=1 );
  border-right: 2px solid #3e72cf !important;
}

.halfRedTop {
  background: #4E82DF;
  background: -moz-linear-gradient(top, #4E82DF 0%, #4E82DF 50%, #7E0100 51%, #7E0100 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #4E82DF), color-stop(50%, #4E82DF), color-stop(51%, #7E0100), color-stop(100%, #7E0100));
  background: -webkit-linear-gradient(top, #4E82DF 0%, #4E82DF 50%, #7E0100 51%, #7E0100 100%);
  background: -o-linear-gradient(top, #4E82DF 0%, #4E82DF 50%, #7E0100 51%, #7E0100 100%);
  background: -ms-linear-gradient(top, #4E82DF 0%, #4E82DF 50%, #7E0100 51%, #7E0100 100%);
  background: linear-gradient(to bottom, #4E82DF 0%, #4E82DF 50%, #7E0100 51%, #7E0100 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#4E82DF", endColorstr="#7E0100",GradientType=1 );
  border-right: 2px solid #3e72cf !important;
}

.halfRedBottom {
  background: #4E82DF;
  background: -moz-linear-gradient(bottom, #4E82DF 0%, #4E82DF 50%, #7E0100 51%, #7E0100 100%);
  background: -webkit-gradient(linear, left bottom, left top, color-stop(0%, #4E82DF), color-stop(50%, #4E82DF), color-stop(51%, #7E0100), color-stop(100%, #7E0100));
  background: -webkit-linear-gradient(bottom, #4E82DF 0%, #4E82DF 50%, #7E0100 51%, #7E0100 100%);
  background: -o-linear-gradient(bottom, #4E82DF 0%, #4E82DF 50%, #7E0100 51%, #7E0100 100%);
  background: -ms-linear-gradient(bottom, #4E82DF 0%, #4E82DF 50%, #7E0100 51%, #7E0100 100%);
  background: linear-gradient(to top, #4E82DF 0%, #4E82DF 50%, #7E0100 51%, #7E0100 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#7E0100", endColorstr="#4E82DF",GradientType=1 );
  border-right: 2px solid #3e72cf !important;
}

.halfRedBottom {
  background: #4E82DF;
  background: -moz-linear-gradient(bottom, #4E82DF 0%, #7E0100 51%, #7E0100 100%);
  background: -webkit-gradient(linear, left bottom, left top, color-stop(0%, #4E82DF), color-stop(51%, #7E0100), color-stop(100%, #7E0100));
  background: -webkit-linear-gradient(bottom, #4E82DF 0%, #7E0100 51%, #7E0100 100%);
  background: -o-linear-gradient(bottom, #4E82DF 0%, #7E0100 51%, #7E0100 100%);
  background: -ms-linear-gradient(bottom, #4E82DF 0%, #7E0100 51%, #7E0100 100%);
  background: linear-gradient(to top, #4E82DF 0%, #7E0100 51%, #7E0100 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#7E0100", endColorstr="#4E82DF",GradientType=1 );
  border-right: 2px solid #3e72cf !important;
}

/*************Menu*************/
/**************Panel***************/
.panel {
  width: 50%;
  min-width: 300px;
  margin: 0 auto 26px auto;
  background-color: #fff;
  border: none;
  border-radius: 10px;
  padding-bottom: 1px;
  min-height: 10px;
  -webkit-box-shadow: 0 3px 0 rgba(9, 9, 9, 0.03);
  box-shadow: 0 3px 0 rgba(9, 9, 9, 0.03);
  overflow: hidden;
}

.question_block {
  width: 90%;
  margin: auto;
}

.panel .questionContainer {
  min-height: 10px;
}

.panel-default {
  border-color: var(--complement-gray-U3);
}

.panel-heading {
  padding: 10px 0 25px 0;
  border-bottom: 1px solid transparent;
  border-top-right-radius: 10px;
  border-top-left-radius: 10px;
}

.panel-default > .panel-heading {
  color: var(--complement-gray-D4);
  background-color: var(--complement-white);
  border-color: var(--complement-gray-U3);
}

.panel.panel-default.question {
  position: relative;
  margin-right: 10px;
  margin-left: 10px;
}

.panel.panel-default.question form {
  position: relative;
  background-color: #fff;
  padding: 10px;
  width: 810px;
  z-index: 99;
  margin: -5px 0 5px 5px;
}

.panel.panel-default.question textarea {
  width: 99%;
}

/**************Tabs***************/
.Tabs-left {
  position: relative;
  padding-left: 170px;
}

#TabsOptionForVersioning.stickyTabs {
  position: fixed;
  top: 50px;
  padding-left: 137px;
}

.Tabs-left .ui-tabs-nav {
  position: absolute;
  width: 130px;
  padding: 0.2em 0 0.2em 0.2em;
  left: 0;
  top: -16px;
  text-align: center;
}

.Tabs-left .ui-tabs-nav li {
  border-right: none;
  border-bottom-width: 1px !important;
  -moz-border-radius: 4px 0 0 4px;
  -webkit-border-radius: 4px 0 0 4px;
  border-radius: 5px 5px 5px 5px;
  overflow: hidden;
  padding: 2px 10px 2px 10px;
  margin-bottom: 5px;
  margin-right: 20px;
  background: var(--secondary1-U2);
  font-family: inherit;
  font-weight: bold;
  font-size: 13px;
  width: 120px;
}

.Tabs-left .ui-tabs-nav li.ui-tabs-selected,
.Tabs-left .ui-tabs-nav li.ui-state-active {
  border: 1px solid transparent;
  background: #7E0100;
}

.Tabs-left .ui-tabs-nav a {
  color: #ffffff;
}

.Tabs-left .ui-tabs-nav li a {
  float: right;
  width: 100%;
}

#TabsOptionForVersioning.stickyTabs {
  margin-left: -660px;
}

/***************EnterAnswers****************/
.enterAnswers {
  overflow: hidden;
}

.enterAnswers label {
  display: inline-block;
  vertical-align: middle;
  width: 31px;
  padding-left: 10px;
  text-align: center;
}

.enterAnswers .answer {
  float: left;
  padding: 5px 0 10px;
  border-radius: 10px;
}

.enterAnswers input[type=text] {
  display: inline-block;
  vertical-align: middle;
  width: 50px;
  margin-right: 10px;
  padding-right: 10px;
  text-align: center;
}

.enterAnswers label.big {
  width: 250px;
  padding-left: 150px;
}

/***************enterInGraph****************/
.enterInGraph {
  overflow: hidden;
}

.enterInGraph label {
  display: inline-block;
  vertical-align: middle;
  width: 31px;
  padding-left: 35px;
  text-align: center;
}

.enterInGraph .selectedQ {
  float: left;
  padding: 5px 0 10px;
  border-radius: 10px;
}

.enterInGraph input[type=checkbox] {
  display: inline-block;
  vertical-align: middle;
  width: 50px;
  margin-right: 0;
  margin-left: 0;
  padding-right: 10px;
  text-align: center;
}

.enterInGraph label.big {
  width: 250px;
  padding-left: 150px;
}

/************DatePicker***************/
#ui-datepicker-div {
  background-color: #fff;
  border: 1px solid var(--complement-gray-U2);
  box-shadow: 0 0 3px var(--complement-gray-U2);
  padding: 5px;
  font-size: 9pt;
  text-align: center;
  display: none;
  width: 248px !important;
}

#ui-datepicker-div td {
  padding: 2px 5px;
}

#ui-datepicker-div .ui-datepicker-prev, #ui-datepicker-div .ui-datepicker-next {
  display: inline-block;
  background-color: var(--complement-gray-U3);
  border: 1px solid var(--secondary1-U1);
  border-radius: 3px;
  color: #fff;
  padding: 1px 5px;
  cursor: pointer;
}

#ui-datepicker-div .ui-datepicker-next {
  margin-left: 100px;
}

#ui-datepicker-div td {
  border: 1px solid var(--complement-white);
}

#ui-datepicker-div .ui-state-highlight {
  color: #fff;
}

#ui-datepicker-div .ui-datepicker-today {
  background-color: var(--complement-gray);
}

.ui-state-highlight,
.ui-widget-content .ui-state-highlight,
.ui-widget-header .ui-state-highlight {
  border: 1px solid var(--complement-gray-U2) !important;
  background: var(--complement-gray) !important;
}

/*************SignUp*Login*Recover*************/
.loginContainer {
  width: 100% !important;
  margin: 0 auto 0 auto;
}

.loginContainerUser {
  width: 100% !important;
  margin: 0 auto 0 auto;
}

.loginFrame {
  overflow: hidden;
}

.loginFrame .buttons {
  overflow: hidden;
  padding: 5px;
  background-color: var(--complement-white);
  margin: 5px 10px -10px 10px;
}

.loginFrame .form {
  clear: both;
  border-top: 1px solid var(--complement-gray-U2);
}

.loginFrame form input[type=submit], .loginFrame .button {
  width: 212px !important;
}

.loginFrame .buttons a {
  display: block;
  float: left;
  margin: 5px;
  padding: 5px;
}

.loginFrame .buttons a.dataentry {
  float: right;
}

.loginFrame .buttons a.dataentry.current {
  margin-bottom: 15px;
}

.loginFrame .buttons a.current {
  background-color: var(--primary);
  color: #fff;
}

#LoginForm, #LoginForm2 {
  margin: 0 auto;
  padding: 10px 25px 20px 20px !important;
  width: 272px;
  background-color: transparent;
}

#LoginForm input, #LoginForm .button, #LoginForm2 input, #LoginForm2 .button {
  width: 100% !important;
  min-width: 10px;
  height: 30px;
  line-height: 30px;
  vertical-align: middle;
}

#LoginForm label, #LoginForm2 label {
  width: 200px;
  display: inline-block;
  padding-left: 170px;
  text-align: left;
}

#LoginForm a, #LoginForm2 a {
  display: inline-block;
  font-size: 12px;
}

#LoginForm .links a:hover, #LoginForm2 .links a:hover {
  text-decoration: underline;
}

#LoginForm a.button, #LoginForm2 a.button {
  font-size: 15px;
}

.SignUpForm {
  display: block;
  margin: 0 auto;
  width: 100%;
}
.SignUpForm label {
  display: inline-block;
  text-align: left;
  width: max-content !important;
  min-width: 220px;
  padding: 0;
  margin-left: 100px;
}
@media screen and (max-width: 480px) {
  .SignUpForm label {
    margin-left: 10px;
  }
}
.SignUpForm .personDetails input[type=text], .SignUpForm .personDetails input[type=email], .SignUpForm .personDetails input[type=password] {
  width: 356px !important;
}
@media screen and (max-width: 480px) {
  .SignUpForm .personDetails input[type=text], .SignUpForm .personDetails input[type=email], .SignUpForm .personDetails input[type=password] {
    margin: 10px;
    padding: 0 !important;
    width: 80% !important;
  }
}
.SignUpForm a.tab-action.tooltip:hover:after {
  opacity: 1 !important;
  height: max-content;
  width: 300px;
  position: absolute;
  bottom: -50px;
  right: 0;
  left: -50px;
}
.SignUpForm .churchlinks {
  background-color: #EBEBE4;
  display: inline-block;
  font-size: 10pt;
  width: 356px;
  border: 1px solid var(--complement-gray-U2) !important;
  border-radius: 5px;
  padding: 4px;
}
.SignUpForm .churchlinks_label {
  font-size: 10pt;
}
.SignUpForm fieldset {
  border: 1px solid var(--complement-gray-U2);
  border-radius: 0 0 5px 5px;
  margin: 0 auto 80px auto !important;
  text-align: left;
  padding: 0 !important;
  width: 100%;
  height: 95%;
}
.SignUpForm fieldset legend {
  padding: 5px;
}
@media screen and (max-width: 480px) {
  .SignUpForm fieldset {
    margin: 0 auto 120px auto !important;
    width: 100%;
    height: 0;
  }
}
.SignUpForm .importants {
  background-color: var(--complement-gray-U3);
  line-height: 30px;
}
.SignUpForm input[type=text], .SignUpForm input[type=email] {
  margin: 7px 0 0 0;
  width: 45% !important;
  max-width: 320px;
}
@media screen and (max-width: 480px) {
  .SignUpForm input[type=text], .SignUpForm input[type=email] {
    margin: 3px;
    width: 97% !important;
  }
}
.SignUpForm #username {
  margin: 7px 0 0 0;
  width: 28.75% !important;
}
@media screen and (max-width: 480px) {
  .SignUpForm #username {
    margin: 3px;
    width: 97% !important;
  }
}
.SignUpForm input[type=password] {
  margin: 7px 0 0 0;
  width: 28.75%;
  min-width: 160px;
}
@media screen and (max-width: 480px) {
  .SignUpForm input[type=password] {
    margin: 3px;
    width: 97%;
  }
}
.SignUpForm .edituser {
  width: 43.8% !important;
  min-width: 320px;
}
@media screen and (max-width: 480px) {
  .SignUpForm .edituser {
    margin: 3px;
    width: 97% !important;
  }
}
.SignUpForm select {
  width: 46% !important;
  height: 35px;
  max-width: 327px;
}
@media screen and (max-width: 480px) {
  .SignUpForm select {
    width: 98% !important;
  }
}
.SignUpForm input[type=radio] {
  width: 110%;
  margin: 0 auto;
}
.SignUpForm .inputWide {
  width: 100% !important;
  max-width: 408px !important;
}
@media screen and (max-width: 480px) {
  .SignUpForm .inputWide {
    width: 200px;
  }
}
.SignUpForm .UserNameRules {
  display: none;
}
.SignUpForm .PasswordRules {
  display: none;
}
.SignUpForm .RulesTip {
  color: #fff;
  background-color: rgba(0, 0, 0, 0.7);
  text-shadow: none;
  font-size: 12px;
  line-height: 20px;
  text-align: center;
  z-index: 999;
  padding: 3px 8px;
  position: absolute;
  top: auto;
  left: 50%;
  width: 150px;
  height: max-content;
  margin-left: -43px;
  cursor: default;
  transition: all 240ms ease-in-out;
}
.SignUpForm .wider {
  width: 250px;
}
.SignUpForm .backbutton1, .SignUpForm .backbutton2 {
  width: 30px;
  line-height: 20px;
  height: 20px;
  vertical-align: middle;
  margin: 0 auto;
}
.SignUpForm .SelectProduct {
  margin: 0 auto 0 auto !important;
  text-align: center !important;
}
.SignUpForm table {
  margin: 0 auto;
}
@media screen and (max-width: 480px) {
  .SignUpForm .create_indv, .SignUpForm input[type=text], .SignUpForm input[type=email], .SignUpForm input[type=password] {
    width: 100%;
    padding-left: 4px;
    height: 24px;
  }
  .SignUpForm .create_indv .wide, .SignUpForm input[type=text] .wide, .SignUpForm input[type=email] .wide, .SignUpForm input[type=password] .wide {
    width: 100% !important;
    max-width: 448px !important;
  }
}
@media screen and (max-width: 480px) {
  .SignUpForm .create_indv, .SignUpForm select {
    width: 102%;
    padding-left: 4px;
    height: 28px;
  }
}
.SignUpForm .pricing {
  width: 100%;
  max-width: 520px;
  margin: 0 auto;
  font-weight: bold;
}
.SignUpForm .userInfo {
  display: block;
  width: 75% !important;
  margin: 0 auto;
}
.SignUpForm .emailAddress {
  display: inline-block;
}
.SignUpForm .therest {
  display: none;
}
.SignUpForm .credentials {
  display: block;
  width: 100%;
  margin: auto;
}
.SignUpForm .existingAccount {
  border: 3px solid var(--complement-gray-U2);
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  display: none;
  margin: auto;
  padding: 4px;
  max-width: 65%;
  font-weight: bold;
  text-align: center;
}
.SignUpForm .existingAccount label {
  display: inline-block;
  margin: 0;
  min-width: 0;
  padding: 0;
  text-align: left;
  width: max-content;
}
.SignUpForm .existingAccount input[type=radio] {
  width: 20px;
  margin: 3px auto;
}
.SignUpForm .productSelection, .SignUpForm .mlaSelection {
  display: none;
  width: 100%;
  max-width: 520px;
  margin: 0 auto 0 auto;
  height: available;
  text-align: left;
  font-size: 0.95em;
  line-height: 1.15em;
  font-weight: bold;
  vertical-align: top;
}
@media screen and (max-width: 480px) {
  .SignUpForm .productSelection, .SignUpForm .mlaSelection {
    max-width: 90%;
    margin: 0 auto 0 auto;
    height: available;
    text-align: left;
    font-size: 0.95em;
    line-height: 1.15em;
    font-weight: bold;
    vertical-align: top;
  }
}
.SignUpForm .productSelection th, .SignUpForm .mlaSelection th {
  background-color: var(--complement-gray-U3);
  text-align: center;
}
.SignUpForm .productSelection tr, .SignUpForm .mlaSelection tr {
  background-color: white;
}
.SignUpForm .productSelection td:nth-child(1), .SignUpForm .mlaSelection td:nth-child(1) {
  width: 80% !important;
  height: 1.15em;
  text-align: left;
  padding: 4px 4px 4px 8px;
}
.SignUpForm .productSelection td:nth-child(2), .SignUpForm .mlaSelection td:nth-child(2) {
  text-align: center;
  padding: 4px 4px 4px 8px;
}
.SignUpForm .productSelection td:nth-child(3), .SignUpForm .mlaSelection td:nth-child(3) {
  text-align: center;
  padding: 4px 4px 4px 8px;
}
.SignUpForm .productPurchase {
  width: 100%;
  max-width: 445px !important;
  display: block;
  margin: 10px auto;
  height: available;
  text-align: left;
  font-size: 0.95em;
  line-height: 1.15em;
  font-weight: bold;
  vertical-align: top;
}
.SignUpForm .productPurchase .inst {
  text-align: center;
  font-size: 0.8em;
  font-weight: normal;
}

.jobForm {
  width: 95% !important;
}

.process_notes {
  border: 1px solid var(--complement-gray-U2);
  -webkit-border-radius: 23px;
  -moz-border-radius: 23px;
  border-radius: 23px;
  margin: 0 auto 0 auto;
  padding: 0;
  border-spacing: 0;
  width: 100%;
  min-height: 200px;
  overflow: hidden;
}

.SpamFilter {
  font-size: 10pt;
  font-weight: bold;
  text-align: center;
}

.AlreadyHaveLicense {
  font-size: 10pt;
  font-weight: bold;
  text-align: center;
}

.BackHaveLicense:hover {
  cursor: pointer;
}

.BackHaveLicense {
  display: inline !important;
  color: var(--primary);
  margin-left: 10px;
}

.PurchaseLicense {
  display: inline !important;
  color: var(--primary);
  margin-left: 10px;
}

.PurchaseLicense:hover {
  cursor: pointer;
}

.haveLicenseCode {
  display: none;
  width: 100%;
  max-width: max-content;
  margin: 0 auto;
  height: available;
  text-align: center;
  font-size: 1em;
  line-height: 1.15em;
  font-weight: bold;
  vertical-align: top;
}
.haveLicenseCode input[type=text] {
  font-size: 1em;
  width: 15ch !important;
}
@media screen and (max-width: 480px) {
  .haveLicenseCode {
    width: 100%;
  }
}

.licenseError {
  text-align: center;
  background-color: red;
  color: white;
  height: 34px;
  line-height: 34px;
  display: none;
}

#SNInput input[type=text] {
  font-size: 2em;
}

#RecoverForm {
  margin: 10px;
  padding: 30px;
}

#RecoverForm label {
  display: inline-block;
  padding-left: 170px;
  text-align: left;
}

#RecoverForm .links {
  text-align: center;
}

.signupLanguages .select2-choice, .signupDenomination .select2-choice {
  width: 500px;
}

.signupLanguages .select2-choice, .PastorMM .select2-choice {
  width: 500px;
}

/************Adduser************/
#addUserForm {
  width: 50%;
  min-width: 300px;
  padding-bottom: 15px;
}

#addUserForm label {
  display: inline-block;
  width: 200px;
  padding: 10px 25px 10px 75px;
}

#addUserForm label.small {
  display: inline-block;
  width: auto;
  padding: 10px 10px;
}

#addUserForm input[type=text] {
  margin-right: 25px;
}

.radioButtons {
  display: inline-block;
}

/************Survey************/
#surveyLanguages {
  margin-right: 20px;
  padding-top: 7px;
}

.createSurvey input[type=submit] {
  height: 35px;
  margin-left: 15px;
}

.surveyLabel {
  min-width: 125px;
  display: inline-block;
}

/***********Sticky**********/
.sticky {
  position: fixed;
  width: 1000px;
  left: 50%;
  top: 0;
  margin-left: -500px;
  z-index: 100;
  border-top: 0;
}

.stickyTabs {
  left: 52% !important;
  z-index: 100;
}

/**************License**************/
#addLicenseForm {
  text-align: center;
  padding-bottom: 15px;
}

#addLicenseForm label {
  display: inline-block;
  width: 100px;
  padding: 0 25px;
}

#addLicenseForm input[type=text] {
  margin-right: 25px;
}

/************advance modifications***************/
.operationDone {
  background-color: var(--complement-U1);
  color: #fff;
  text-align: center;
  position: fixed;
  left: 50%;
  top: 50%;
  margin-left: -100px;
  margin-top: -50px;
  font-size: 16px;
  padding: 20px;
  display: none;
}

.import fieldset {
  background-color: var(--complement-gray-D4);
  margin: 10px auto 20px;
  padding: 5px 0 15px 0;
  border: 1px solid var(--complement-gray-U2);
  border-radius: 0 0 5px 5px;
  width: 98%;
  overflow: hidden;
}

.label {
  padding-top: 1px;
  padding-left: 4px;
  padding-bottom: 5px;
}

.contain {
  width: 968px;
  margin: 0 auto;
}

#content {
  background-color: white;
  padding-left: 30px;
  padding-right: 30px;
  padding-bottom: 43px;
}

#content.page {
  margin-top: 28px;
}

#content h1 {
  font-family: var(--font-sans), sans-serif;
  color: var(--primary);
}

#LoginAdmin {
  width: 370px;
  margin: 0 auto;
}

.noRevision input[type=submit] {
  margin-top: 0;
}

#itemRows, .itemRows {
  display: inline-block;
}

#itemRows input[type=text], .itemRows input[type=text] {
  margin: 0 10px;
}

.newRowsLabel {
  vertical-align: top;
  line-height: 60px;
}

.opaque50 {
  opacity: 0.5;
  filter: alpha(opacity=50);
}

.select2-results {
  width: 98%;
}

.ajaxLink {
  cursor: pointer;
}

.actionsTable {
  display: table;
  margin: 0 auto 0 auto;
}

.actionsTitle {
  display: table-caption;
  text-align: center;
  font-weight: bold;
  font-size: larger;
}

.actionsHeading {
  display: table-row;
  font-weight: bold;
  text-align: center;
  height: 35px;
}

.actionsRow {
  display: table-row;
}

.actionsCell {
  display: table-cell;
  border: solid thin;
  padding-left: 5px;
  padding-right: 5px;
}

.wrongOption {
  border-color: var(--primary-U2) !important;
}

.loader {
  width: 200px;
  filter: Alpha(Opacity=88);
  opacity: 0.88;
  box-shadow: 0 1px 1px -1px #fff;
  height: auto;
  margin-left: -110px;
  margin-top: -43px;
  padding: 10px;
  z-index: 9999999;
  position: fixed;
  top: 50%;
  left: 50%;
  background: var(--complement-gray-D4);
  color: #fff;
  text-shadow: 0 1px 0 var(--complement-gray-D4);
  font-weight: 400;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#444), to(#222));
  background-image: -webkit-linear-gradient(#444, #222);
  background-image: -moz-linear-gradient(#444, #222);
  background-image: -ms-linear-gradient(#444, #222);
  background-image: -o-linear-gradient(#444, #222);
  background-image: linear-gradient(#444, #222);
  border-radius: 15px;
}

.ui-icon-loading {
  background: #000 url("/shared/images/ajax-loader.gif");
  background-size: 46px 46px;
  display: block;
  margin: 0 auto 10px;
  width: 44px;
  height: 44px;
  padding: 1px;
  -webkit-border-radius: 36px;
  border-radius: 36px;
  filter: Alpha(Opacity=75);
  opacity: 0.75;
}

.loader h1 {
  font-size: 16px;
  margin: 0;
  text-align: center;
}

.btnPrev.disabled, .btnNext.disabled {
  opacity: 0.4;
  filter: alpha(opacity=40);
}

.reportContainer {
  width: 7.5in;
  padding: 20px 30px;
}

#currentPageTextBox {
  width: 40px;
  height: 22px;
  margin-right: -1px;
  padding: 0 2px 2px 0;
  font-size: 24px;
  font-weight: bold;
  font-family: var(--font-sans), sans-serif;
  text-align: right;
}

#currentPageLabel {
  width: 66px;
  height: 39px;
  display: inline-block;
  margin-right: 7px;
  padding-right: 3px;
  background: #FFFFFF;
  border-radius: 5px;
  text-align: right;
}

#submenu {
  height: 38px;
  position: absolute;
  width: 100%;
  top: 64px;
  background-image: url("../images/submenu-bg.png");
  background-repeat: repeat-x;
}

#submenu ul {
  list-style-type: none;
  width: 355px;
  margin: 11px auto 0 auto;
  padding-left: 6px;
}

#submenu ul li {
  display: inline-block;
  margin-right: 10px;
}

#submenu ul li a, #submenu ul li a:visited, #submenu ul li a:active {
  color: #fff;
  text-decoration: none;
  cursor: pointer;
}

#submenu ul li a:hover {
  color: var(--complement-gray-U2);
}

.small-header-text {
  font-size: 13px;
  color: #000;
}

h2.old {
  float: none;
  color: var(--primary);
}

.red_btn, .red_btn:visited, .red_btn:active {
  cursor: pointer;
  display: inline-block;
  text-align: center;
  padding: 8px 15px;
  color: #fff;
  background-color: var(--primary);
  border-color: var(--secondary2-U1);
  border-radius: 5px;
  font-weight: bold;
  font-family: inherit;
  text-shadow: 1px 1px #000;
}

.red_btn:hover {
  color: #fff;
  background-color: var(--primary-D2);
}

.paginator a:hover {
  opacity: 0.7;
}

.paginator a {
  background-image: url("/images/arrows_spread.png");
  display: block;
  float: left;
  height: 20px;
  margin-left: 10px;
  width: 29px;
}

.next {
  background-position: 57px center;
}

.next2 {
  background-position: 29px center;
}

.prev {
  background-position: 1px center;
}

.prev2 {
  background-position: -26px center;
}

/* razvan  */
.return_arrow {
  background-image: url("../images/arrows_spread.png");
  background-position: -29px center;
  display: inline-block;
  height: 34px;
  width: 24px;
}

.forward_arrow {
  background-image: url("../images/arrows_spread.png");
  background-position: -58px center;
  display: inline-block;
  height: 34px;
  width: 24px;
}

.return {
  font-size: 20px;
  float: right;
}

.ol_instructions li {
  margin-bottom: 10px;
}

.red_btn {
  border-radius: 15px !important;
}

/* end razvan */
.tbl-pad10 tr td {
  padding: 10px 15px;
}

.tbl-pad4 tr td {
  padding: 4px 14px;
}

input.small-btn {
  font-size: 13px;
  padding: 5px 10px;
  height: 28px;
}

.licenseFilters .aFilter {
  display: inline-block;
}

.licenseFilters .aFilter input text {
  margin-right: 5px;
  width: 270px !important;
}

.licenseFilters .aFilter label {
  display: inline-block;
  width: 150px;
}

.licenseFilters .select2-choice {
  width: 267px;
}

.licenseFilters legend {
  padding: 5px 10px;
}

.peopleFilters {
  margin: 0 auto;
}

.peopleFilters .button {
  width: 160px;
  font-size: 10pt;
  cursor: pointer;
}

.has-error {
  border-color: red !important;
}

.has-error a {
  border-color: red !important;
}

.tabs {
  width: 100%;
  display: inline-block;
}

/*----- Tab Links -----*/
/* Clearfix */
.tab-links:after {
  display: block;
  clear: both;
  content: "";
}

.tab-links-bottom {
  margin-bottom: 0;
  margin-left: -35px;
}

.tab-links li {
  margin: 0 5px;
  float: left;
  list-style: none;
}

.tab-links a {
  padding: 9px;
  display: inline-block;
  border-radius: 8px 8px 0 0;
  border: 1px solid;
  border-bottom-width: 0;
  font-size: 16px;
  font-weight: 600;
  transition: all linear 0.15s;
}

.tab-links a:hover {
  background: var(--primary-U2);
  color: #fff;
  text-decoration: none;
}

li.active a, li.active a:hover {
  background: var(--primary);
  color: #fff;
}

/*----- Content of Tabs -----*/
.tab-content {
  margin-top: 0;
  padding: 15px;
  border-radius: 3px;
  border: 1px solid var(--primary);
  background: #fff;
}

.tab {
  display: none;
}

.tab.active {
  display: block;
}

.table-no-hover tr:hover > td {
  background-color: transparent !important;
}

.table-no-hover tr:hover > .hover {
  background-color: var(--complement-white) !important;
}

.cce-active a {
  color: var(--secondary1) !important;
}

.order {
  cursor: pointer;
}

.orderInactive {
  color: rgba(74, 57, 57, 0.31);
}

.wizardBox {
  opacity: 1;
  border-radius: 26px;
  border: 1px solid var(--primary);
  padding: 10px;
  font-size: 14px;
}

.three_row_header {
  display: block;
  text-align: center;
  vertical-align: middle;
  padding: 0;
  min-width: 0;
  font-size: 0.8em;
}

.table_style3 td {
  height: 40px;
}

.table_style3 input[type=checkbox],
.table_style3 input[type=radio] {
  height: 20px;
  width: 20px;
  cursor: pointer;
}

.job-left-column {
  padding-left: 15px !important;
}

.job-right-center {
  width: max-content;
  text-align: center;
}

.job-cell-center {
  min-width: 40px;
  text-align: center;
}

.job-cell-left {
  min-width: 40px;
  text-align: left;
}

.job-weight-col {
  text-align: center;
  width: 70px;
  border-right: none;
}

.job-weight-input {
  width: 50% !important;
  height: 30px !important;
  margin: 0 !important;
}

.job-weight-input select option {
  border: red 2px solid;
}

.help {
  cursor: help;
}

.printValue {
  width: 30px;
  padding-left: 2px;
  top: -1px;
  position: relative;
}

.ui-datepicker.dob .ui-datepicker-title {
  padding: 5px 0;
}

.ui-datepicker.dob .ui-datepicker-title select {
  padding: 4px;
  border: 1px solid var(--primary);
  margin-right: 5px;
}

.ui-datepicker.dob .ui-datepicker-title select:last-child {
  margin-right: 0;
}

.ui-datepicker.dob a.ui-datepicker-next, .ui-datepicker.dob a.ui-datepicker-prev {
  display: none !important;
}

.footer-tag:before {
  content: '<span style="color(--complement-white)>Ministry</span><span style="color(--complement-gray)>Match</span>';
}

@-webkit-keyframes scale-fade {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.8) rotateX(-40deg);
    transform: scale(0.8) rotateX(-40deg);
  }
  50% {
    opacity: 1;
  }
  70% {
    -webkit-transform: scale(1.05) rotateX(0);
    transform: scale(1.05) rotateX(0);
  }
  100% {
    -webkit-transform: scale(1) rotateX(0);
    transform: scale(1) rotateX(0);
  }
}
@keyframes scale-fade {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.8) rotateX(-40deg);
    transform: scale(0.8) rotateX(-40deg);
  }
  50% {
    opacity: 1;
  }
  70% {
    -webkit-transform: scale(1.05) rotateX(0);
    transform: scale(1.05) rotateX(0);
  }
  100% {
    -webkit-transform: scale(1) rotateX(0);
    transform: scale(1) rotateX(0);
  }
}
.msc-confirm--animate {
  -webkit-transform-origin: bottom center;
  -ms-transform-origin: bottom center;
  transform-origin: bottom center;
  -webkit-animation: scale-fade 300ms forwards cubic-bezier(0.8, 0.02, 0.45, -1.09);
  animation: scale-fade 300ms forwards cubic-bezier(0.8, 0.02, 0.45, 0.91);
}

.msc-confirm {
  display: none;
  color: #252525;
  -webkit-font-smoothing: antialiased;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.msc-overlay {
  position: fixed;
  top: 0;
  height: 100%;
  width: 100%;
  opacity: 0.9;
  left: 0;
  background-color: #fff;
  z-index: 20;
}

.msc-confirm button {
  background: none;
  border: none;
  cursor: pointer;
  transition: all 0.2s ease-in;
}

.msc-confirm button:focus {
  outline: none;
}

.msc-close {
  position: absolute;
  top: 0;
  right: 0;
  width: 40px;
  height: 40px;
  border-radius: 20px;
  font-size: 1.2em;
  text-align: center;
  vertical-align: middle;
}

.msc-close:hover {
  background: #eee;
}

.msc-content {
  position: relative;
  z-index: 21;
  background: #fff;
  opacity: 1;
  max-width: 480px;
  margin: 10% auto 10% auto;
  padding: 40px;
  text-align: center;
}

@media (max-width: 600px) {
  .msc-content {
    padding: 10px 0;
  }
}
.msc-title {
  font-size: 2em;
  margin: 0 0 0.1em 0;
}

.msc-body {
  font-size: 1.2em;
  margin-bottom: 1em;
  color: #666;
}

.msc-body p {
  margin: 0 0 10px 0;
}

.msc-input {
  box-sizing: border-box;
  width: 100%;
  height: 38px;
  font-size: 14px;
  text-align: center;
  letter-spacing: 0.02em;
  font-weight: 400;
  font-style: normal;
  font-family: var(--font-sans), sans-serif;
  border: none;
  border-bottom: 1px solid rgba(0, 0, 0, 0.15);
  padding: 0 15px;
}

.msc-input:focus {
  outline: none;
  border-color: #0F985A;
}

.msc-action button {
  border: 1px solid #ccc;
  padding: 10px 20px;
  border-radius: 25px;
  min-width: 80px;
  background: #fff;
}

.msc-action button:focus {
  outline: none;
}

.msc-ok {
  margin-right: 10px;
}

button.msc-ok:hover, button.msc-ok:focus {
  border: 1px solid #0F985A;
  color: #0F985A;
}

button.msc-cancel:hover, button.msc-cancel:focus {
  border: 1px solid #111;
  color: #111;
}

.msc-sub {
  white-space: pre-line;
}

.StripeElement {
  box-sizing: border-box;
  height: 40px;
  padding: 10px 12px;
  border: 1px solid var(--complement-gray-U2);
  border-radius: 10px;
  background-color: var(--complement-white);
  box-shadow: 0 1px 3px 0 #e6ebf1;
  -webkit-transition: box-shadow 150ms ease;
  transition: box-shadow 150ms ease;
}

.StripeElement--focus {
  box-shadow: 0 1px 3px 0 #cfd7df;
}

.StripeElement--invalid {
  border-color: #fa755a;
}

.StripeElement--webkit-autofill {
  background-color: #fefde5 !important;
}

.card_errors {
  background-color: red;
  color: white;
  border-radius: 8px;
  line-height: 30px;
  width: 320px;
  margin: auto;
  text-align: center;
  padding: 4px;
  display: none;
}

.err_exit {
  display: inline-block;
  margin-top: 0;
  margin-right: 6px;
  float: right;
  cursor: pointer;
}

.stripeSubmit, .licSubmit, .toLogin {
  display: block;
  margin: auto;
  padding: 0 10px 0 10px !important;
  height: 28px !important;
  line-height: 28px !important;
  vertical-align: middle !important;
}

/* Reusable, lightweight spinner */
.cc-spinner {
  display: none;
  width: 22px;
  height: 22px;
  border: 3px solid rgba(0, 0, 0, 0.1);
  border-top-color: var(--primary, #007bff);
  border-radius: 50%;
  animation: cc-spin 0.8s linear infinite;
  vertical-align: middle;
}

@keyframes cc-spin {
  to {
    transform: rotate(360deg);
  }
}
/* Modal overlay to block interactions */
.cc-processing-overlay {
  display: none;
  position: fixed;
  inset: 0;
  background: rgba(0, 0, 0, 0.25);
  z-index: 9998;
}

.cc-processing-overlay .cc-spinner {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: block;
  width: 36px;
  height: 36px;
  border-width: 4px;
}

:root {
  --font-sans: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
  --font-serif: "Georgia", "Times New Roman", Times, serif;
  --font-mono: "Courier New", Courier, monospace;
}

:root {
  --logo-height: 26px;
  --logo-width: 190px;
  --logo_background_image: url("/custom/cce/images/logos/newlogo.svg");
  --logo_background_image_mobile: url("/custom/cce/images/logos/newlogo.svg");
}

body {
  background-color: var(--complement-gray-U2) !important;
  font-family: var(--font-sans), sans-serif;
}

.top {
  color: var(--complement-black);
  font-weight: bold;
}

a.enter_here {
  color: var(--complement-black) !important;
  font-weight: bold;
}

a.enter_here:hover {
  color: var(--primary) !important;
}

.drop {
  color: var(--complement-black);
  font-weight: bold;
}

.content {
  background-color: var(--complement-gray-U4);
  padding-bottom: 48px;
  margin-bottom: -16px;
}

.spacing_from_title {
  margin-top: 10px;
}

.content {
  margin-top: 0;
}

/*# sourceMappingURL=app.css.map */