/*!**************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].oneOf[1].use[1]!./node_modules/resolve-url-loader/index.js??ruleSet[1].rules[4].oneOf[1].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[4].oneOf[1].use[3]!./styleguide/patterns/patterns.scss ***!
  \**************************************************************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
/*
 * Add the loader svg as a css variable using the
 */
/*
 Outputs all the theme colors as CSS variables in the :root element
 */
/**
 Returns the CSS variable for the given color variant (note that the result cannot be used by sass functions)
 */
/**
 Returns the color via a sass variable.
 */
@font-face {
  font-family: "icon-font";
  src: url(/javascript/app/fonts/icon-font.0723f238.ttf) format("truetype"), url(/javascript/app/fonts/icon-font.00175a51.woff) format("woff"), url(/javascript/app/images/icon-font.e557724e.svg#icon-font) format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: block;
}
[class^=ic-],
[class*=" ic-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "icon-font" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.ic-sc_x-twitter:before {
  content: "\e900";
}

.ic-sc_money:before {
  content: "\e99e";
}

.ic-sc_tv:before {
  content: "\e901";
}

.ic-sc-gift-2:before {
  content: "\e902";
}

.ic-sc_building-library:before {
  content: "\e903";
}

.ic-sc_rocket:before {
  content: "\e904";
}

.ic-sc_sparkles:before {
  content: "\e905";
}

.ic-sc_shrink:before {
  content: "\e906";
}

.ic-sc_pointing-out:before {
  content: "\e907";
}

.ic-sc_phone-mobile:before {
  content: "\e908";
}

.ic-sc_money-2:before {
  content: "\e909";
}

.ic-sc_inbox-stack:before {
  content: "\e90a";
}

.ic-sc_identification:before {
  content: "\e90b";
}

.ic-sc_home-modern:before {
  content: "\e90c";
}

.ic-sc_hearts:before {
  content: "\e90d";
}

.ic-sc_hashtag:before {
  content: "\e90e";
}

.ic-sc_face-smile:before {
  content: "\e90f";
}

.ic-sc_expand-2:before {
  content: "\e910";
}

.ic-sc_checkout:before {
  content: "\e911";
}

.ic-sc_check-circle_filled:before {
  content: "\e912";
}

.ic-sc_building-storefront:before {
  content: "\e913";
}

.ic-sc_bug-ant:before {
  content: "\e914";
}

.ic-sc_briefcase:before {
  content: "\e915";
}

.ic-sc_battery-50:before {
  content: "\e916";
}

.ic-sc_arrows-pointing-in:before {
  content: "\e917";
}

.ic-sc_user-group:before {
  content: "\e918";
}

.ic-sc_chat:before {
  content: "\e919";
}

.ic-sc_paper-clip:before {
  content: "\e91a";
}

.ic-sc_user-add:before {
  content: "\e91b";
}

.ic-sc_user-remove:before {
  content: "\e91c";
}

.ic-sc_eye-off:before {
  content: "\e91d";
}

.ic-sc_linkedin:before {
  content: "\e9b2";
}

.ic-sc_youtube:before {
  content: "\e9b3";
}

.ic-sc_table:before {
  content: "\e9b1";
}

.ic-sc_bell:before {
  content: "\e9a6";
}

.ic-sc_chevron-end:before {
  content: "\e9aa";
}

.ic-sc_chevron-start:before {
  content: "\e9ab";
}

.ic-sc_crop:before {
  content: "\e9ac";
}

.ic-sc_cup:before {
  content: "\e9ad";
}

.ic-sc_manage-submission:before {
  content: "\e9ae";
}

.ic-sc_my-submission:before {
  content: "\e9af";
}

.ic-sc_scheduled:before {
  content: "\e9b0";
}

.ic-sc_weight:before {
  content: "\e973";
}

.ic-sc_flower:before {
  content: "\e9a0";
}

.ic-sc_play:before {
  content: "\e9a5";
}

.ic-sc_heart-filled:before {
  content: "\e9a7";
}

.ic-sc_document-add:before {
  content: "\e9a8";
}

.ic-sc_folder-add:before {
  content: "\e9a9";
}

.ic-sc_chart-square-bar:before {
  content: "\e9a4";
}

.ic-sc_arrow-circle-left:before {
  content: "\e91e";
}

.ic-sc_arrow-left:before {
  content: "\e91f";
}

.ic-sc_arrows-switch:before {
  content: "\e920";
}

.ic-sc_at-symbol:before {
  content: "\e921";
}

.ic-sc_badge-check:before {
  content: "\e922";
}

.ic-sc_ban:before {
  content: "\e923";
}

.ic-sc_notification-bell:before {
  content: "\e924";
}

.ic-sc_bin:before {
  content: "\e925";
}

.ic-sc_calendar:before {
  content: "\e926";
}

.ic-sc_camera:before {
  content: "\e927";
}

.ic-sc_channel:before {
  content: "\e928";
}

.ic-sc_chat1:before {
  content: "\e929";
}

.ic-sc_check:before {
  content: "\e92a";
}

.ic-sc_chevron-double-down:before {
  content: "\e92b";
}

.ic-sc_chevron-double-up:before {
  content: "\e92c";
}

.ic-sc_chevron-down:before {
  content: "\e92d";
}

.ic-sc_chevron-left:before {
  content: "\e92e";
}

.ic-sc_chevron-right:before {
  content: "\e92f";
}

.ic-sc_chevron-up:before {
  content: "\e930";
}

.ic-sc_circle:before {
  content: "\e931";
}

.ic-sc_clipboard-checklist:before {
  content: "\e932";
}

.ic-sc_clipboard-checkmark:before {
  content: "\e933";
}

.ic-sc_cloud-upload:before {
  content: "\e934";
}

.ic-sc_coffee:before {
  content: "\e935";
}

.ic-sc_cog:before {
  content: "\e936";
}

.ic-sc_cross:before {
  content: "\e937";
}

.ic-sc_cube:before {
  content: "\e938";
}

.ic-sc_document:before {
  content: "\e939";
}

.ic-sc_dots-vertical:before {
  content: "\e93a";
}

.ic-sc_duplicate:before {
  content: "\e93b";
}

.ic-sc_exclamation:before {
  content: "\e93c";
}

.ic-sc_eye:before {
  content: "\e93d";
}

.ic-sc_facebook:before {
  content: "\e93e";
}

.ic-sc_filter:before {
  content: "\e93f";
}

.ic-sc_folder:before {
  content: "\e940";
}

.ic-sc_glasses:before {
  content: "\e941";
}

.ic-sc_heart:before {
  content: "\e942";
}

.ic-sc_home:before {
  content: "\e943";
}

.ic-sc_id:before {
  content: "\e944";
}

.ic-sc_information-circle:before {
  content: "\e945";
}

.ic-sc_instagram:before {
  content: "\e946";
}

.ic-sc_key:before {
  content: "\e947";
}

.ic-sc_label:before {
  content: "\e948";
}

.ic-sc_light-bulb:before {
  content: "\e949";
}

.ic-sc_like:before {
  content: "\e94a";
}

.ic-sc_link:before {
  content: "\e94b";
}

.ic-sc_location:before {
  content: "\e94c";
}

.ic-sc_lock:before {
  content: "\e94d";
}

.ic-sc_mail:before {
  content: "\e94e";
}

.ic-sc_manage-booking:before {
  content: "\e94f";
}

.ic-sc_megaphone:before {
  content: "\e950";
}

.ic-sc_menu:before {
  content: "\e951";
}

.ic-sc_mobile:before {
  content: "\e952";
}

.ic-sc_mouse:before {
  content: "\e953";
}

.ic-sc_my-bookings:before {
  content: "\e954";
}

.ic-sc_network:before {
  content: "\e955";
}

.ic-sc_newspaper:before {
  content: "\e956";
}

.ic-sc_office-building:before {
  content: "\e957";
}

.ic-sc_pencil:before {
  content: "\e958";
}

.ic-sc_phone:before {
  content: "\e959";
}

.ic-sc_photograph:before {
  content: "\e95a";
}

.ic-sc_pin:before {
  content: "\e95b";
}

.ic-sc_plus:before {
  content: "\e95c";
}

.ic-sc_rotate-left:before {
  content: "\e95d";
}

.ic-sc_rotate-right:before {
  content: "\e95e";
}

.ic-sc_ruler-alt:before {
  content: "\e95f";
}

.ic-sc_save:before {
  content: "\e960";
}

.ic-sc_search:before {
  content: "\e961";
}

.ic-sc_shield:before {
  content: "\e962";
}

.ic-sc_star:before {
  content: "\e963";
}

.ic-sc_tools:before {
  content: "\e964";
}

.ic-sc_trending-up:before {
  content: "\e965";
}

.ic-sc_users:before {
  content: "\e966";
}

.ic-sc_video-camera:before {
  content: "\e967";
}

.ic-sc_view-grid:before {
  content: "\e968";
}

.ic-sc_watch:before {
  content: "\e969";
}

.ic-sc_x:before {
  content: "\e96a";
}

.ic-sc_aed:before {
  content: "\e96b";
}

.ic-sc_agenda:before {
  content: "\e96c";
}

.ic-sc_apple:before {
  content: "\e96d";
}

.ic-sc_archive:before {
  content: "\e96e";
}

.ic-sc_asterisk:before {
  content: "\e96f";
}

.ic-sc_baby:before {
  content: "\e970";
}

.ic-sc_ball:before {
  content: "\e971";
}

.ic-sc_basket:before {
  content: "\e972";
}

.ic-sc_battery:before {
  content: "\e974";
}

.ic-sc_bed:before {
  content: "\e975";
}

.ic-sc_bike:before {
  content: "\e976";
}

.ic-sc_bottle:before {
  content: "\e977";
}

.ic-sc_bucket:before {
  content: "\e978";
}

.ic-sc_calculator:before {
  content: "\e979";
}

.ic-sc_car:before {
  content: "\e97a";
}

.ic-sc_card:before {
  content: "\e97b";
}

.ic-sc_chair:before {
  content: "\e97c";
}

.ic-sc_champagne:before {
  content: "\e97d";
}

.ic-sc_cloud:before {
  content: "\e97e";
}

.ic-sc_cocktail:before {
  content: "\e97f";
}

.ic-sc_coins-folder:before {
  content: "\e980";
}

.ic-sc_coins-list:before {
  content: "\e981";
}

.ic-sc_coins-share:before {
  content: "\e982";
}

.ic-sc_computer:before {
  content: "\e983";
}

.ic-sc_coronavirus:before {
  content: "\e984";
}

.ic-sc_cutlery:before {
  content: "\e985";
}

.ic-sc_database:before {
  content: "\e986";
}

.ic-sc_diamond:before {
  content: "\e987";
}

.ic-sc_discount:before {
  content: "\e988";
}

.ic-sc_disinfecting-gel:before {
  content: "\e989";
}

.ic-sc_drill:before {
  content: "\e98a";
}

.ic-sc_drink:before {
  content: "\e98b";
}

.ic-sc_face-mask:before {
  content: "\e98c";
}

.ic-sc_film:before {
  content: "\e98d";
}

.ic-sc_fire:before {
  content: "\e98e";
}

.ic-sc_flipchart-paper:before {
  content: "\e98f";
}

.ic-sc_flipchart:before {
  content: "\e990";
}

.ic-sc_frog:before {
  content: "\e991";
}

.ic-sc_gift:before {
  content: "\e992";
}

.ic-sc_globe:before {
  content: "\e993";
}

.ic-sc_graduate:before {
  content: "\e994";
}

.ic-sc_graph:before {
  content: "\e995";
}

.ic-sc_hand-washing:before {
  content: "\e996";
}

.ic-sc_hand:before {
  content: "\e997";
}

.ic-sc_ice:before {
  content: "\e998";
}

.ic-sc_lamp:before {
  content: "\e999";
}

.ic-sc_leaf:before {
  content: "\e99a";
}

.ic-sc_lightning:before {
  content: "\e99b";
}

.ic-sc_lipstick:before {
  content: "\e99c";
}

.ic-sc_microphone:before {
  content: "\e99d";
}

.ic-sc_mountain:before {
  content: "\e99f";
}

.ic-sc_muffin:before {
  content: "\e9a1";
}

.ic-sc_paint:before {
  content: "\e9a2";
}

.ic-sc_painting:before {
  content: "\e9a3";
}

.ic-sc_papers:before {
  content: "\e9b4";
}

.ic-sc_parking:before {
  content: "\e9b5";
}

.ic-sc_picture:before {
  content: "\e9b6";
}

.ic-sc_piggy:before {
  content: "\e9b7";
}

.ic-sc_pine:before {
  content: "\e9b8";
}

.ic-sc_pizza:before {
  content: "\e9b9";
}

.ic-sc_plexiglass:before {
  content: "\e9ba";
}

.ic-sc_plug:before {
  content: "\e9bb";
}

.ic-sc_printer:before {
  content: "\e9bc";
}

.ic-sc_projector:before {
  content: "\e9bd";
}

.ic-sc_pylon:before {
  content: "\e9be";
}

.ic-sc_question:before {
  content: "\e9bf";
}

.ic-sc_reception:before {
  content: "\e9c0";
}

.ic-sc_rugby:before {
  content: "\e9c1";
}

.ic-sc_ruler:before {
  content: "\e9c2";
}

.ic-sc_shoe:before {
  content: "\e9c3";
}

.ic-sc_soap:before {
  content: "\e9c4";
}

.ic-sc_social-distancing:before {
  content: "\e9c5";
}

.ic-sc_statistics:before {
  content: "\e9c6";
}

.ic-sc_sun:before {
  content: "\e9c7";
}

.ic-sc_tickets:before {
  content: "\e9c8";
}

.ic-sc_toilet-paper:before {
  content: "\e9c9";
}

.ic-sc_tree:before {
  content: "\e9ca";
}

.ic-sc_truck:before {
  content: "\e9cb";
}

.ic-sc_tshirt:before {
  content: "\e9cc";
}

.ic-sc_wash-hands:before {
  content: "\e9cd";
}

.ic-sc_wifi:before {
  content: "\e9ce";
}

.ic-sc_window:before {
  content: "\e9cf";
}

.ic-sc_wipers:before {
  content: "\e9d0";
}

.popup .user-profile-popup-container .user-profile-info .user-profile-txt, .popup .user-profile-popup-container .user-profile-info, .popup .user-profile-popup-container .user-profile-picture, .popup .user-profile-popup-container, .service-tile, .continue-wrapper .continue-button,
.continue-wrapper .continue-footer, .continue-wrapper .continue-list .item-right, .continue-wrapper .continue-list .item-left .item-logo, .continue-wrapper .continue-list .item-left p, .continue-wrapper .continue-list .item-left h4, .continue-wrapper .continue-list .item-left, .continue-wrapper .continue-list ul li, .continue-wrapper .continue-list, .continue-wrapper .continue-profile .continue-picture, .continue-wrapper .continue-profile h2, .continue-wrapper .continue-profile, .continue-wrapper, .landing-page_footer .landing-page_powered-by img,
.landing-page_footer .landing-page_powered-by .img,
.landing-page_footer .landing-page_made-by img,
.landing-page_footer .landing-page_made-by .img, .landing-page_footer .landing-page_powered-by,
.landing-page_footer .landing-page_made-by, .landing-page .landing-page_content .landing-page_content-about .landing-page_about .landing-page_app,
.landing-page .landing-page_content .landing-page_content-about .landing-about-wrapper .landing-page_app, .landing-page .landing-page_content .landing-page_content-about .landing-page_about .landing-about-text,
.landing-page .landing-page_content .landing-page_content-about .landing-about-wrapper .landing-about-text, .landing-page .landing-page_content .landing-page_content-about .landing-page_about .landing-about-header,
.landing-page .landing-page_content .landing-page_content-about .landing-about-wrapper .landing-about-header, .landing-page .landing-page_content .landing-page_content-about .landing-page_about .landing-about-logo,
.landing-page .landing-page_content .landing-page_content-about .landing-about-wrapper .landing-about-logo, .landing-page .landing-page_content .landing-page_content-about .landing-page_about,
.landing-page .landing-page_content .landing-page_content-about .landing-about-wrapper, .landing-page .landing-page_content .landing-page_content-box .landing-page_box, .or-wrapper .or-line, .or-wrapper, .thumb_square .img, .thumb .thumb-image-container .img, .thumb, .quicklist-counters, .drilldownMultiselect footer,
.drilldown.drilldownMultiselect footer, .drilldownMultiselect ul li,
.drilldown.drilldownMultiselect ul li {
  position: relative;
  display: block;
  float: left;
  width: 100%;
  height: auto;
  min-height: 1px;
  margin: 0;
  padding: 0;
}

.service-default-header .img, .service-tile .img, .thumb_square .img, .thumb .thumb-image-container .img {
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  width: 100%;
  height: 100%;
}

.continue-wrapper .continue-list ul {
  position: relative;
  display: block;
  float: left;
  width: 100%;
  height: auto;
  min-height: 1px;
  margin: 0;
  padding: 0;
}
.continue-wrapper .continue-list ul li {
  position: relative;
  display: block;
  float: left;
  width: 100%;
  height: auto;
  min-height: 1px;
  margin: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.thumb_circle .thumb-image-container,
.thumb_circle .thumb-image-container.img, .thumb_circle {
  box-shadow: inset 0px 0px 3px rgba(0, 0, 0, 0.2);
}

.landing-page .landing-page_content .landing-page_content-box .landing-page_box, #toast-container > div:hover, #toast-container > div {
  box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.5);
}

.landing-page .landing-page_content .landing-page_content-about h2,
.landing-page .landing-page_content .landing-page_content-about h3,
.landing-page .landing-page_content .landing-page_content-about h4,
.landing-page .landing-page_content .landing-page_content-about p,
.landing-page .landing-page_content .landing-page_content-about span,
.landing-page .landing-page_content .landing-page_content-about a, .thumb .thumb-title .thumb-title-text,
.thumb .thumb-title .thumb-title-icon {
  text-shadow: 2px 2px 5px rgba(0, 0, 0, 0.5);
}

.continue-wrapper .continue-list .item-left p, .continue-wrapper .continue-list .item-left h4 {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.thumb {
  border: 1px solid #d1d5db;
}

/**
Function that sets the maximum numbers of lines that are shown.
Fallback max height is used in case the browser does not support the line-clamps css property (e.g. IE)
 */
.accordion .ui-accordion-content {
  line-height: normal;
}
.accordion .ui-accordion-header {
  border: 1px #9ca3af solid;
  border-radius: 4px;
  padding: 8px;
  cursor: pointer;
  background-color: rgb(255, 255, 255);
  color: #111827;
  font-weight: 600;
  outline: none;
}
.accordion .ui-accordion-header:hover {
  background-color: #e5e7eb !important;
}
.accordion .ui-accordion-header:active {
  background-color: #f3f4f6 !important;
}
.accordion .ui-accordion-header:after {
  content: "\e95c";
  font-family: "icon-font";
  font-size: 9px;
  color: #111827;
  float: right;
  margin-left: 5px;
  margin-top: 3px;
}
.accordion .ui-accordion-header.ui-accordion-header-active:after {
  content: "−"; /* $icon-icon_minus Not yet available in this branch */
}
.accordion .ui-accordion-header .checkbox {
  display: inline-block;
  margin: 0 !important;
  min-height: 0 !important;
}
.accordion .ui-accordion-header .checkbox label {
  margin-bottom: 0 !important;
}

.booking-slot-selection {
  width: 100%;
  border-collapse: collapse;
  display: table;
}
.booking-slot-selection .slot-wrapper {
  display: table;
}
.booking-slot-selection .slot {
  height: 40px;
  display: table-row;
}
.booking-slot-selection .slot .slot-name {
  display: table-cell;
  vertical-align: middle;
  font-family: "Inter", sans-serif;
  font-weight: 500 !important;
  width: 20%;
  min-width: 20%;
  white-space: nowrap;
  padding-right: 16px;
}
.booking-slot-selection .slot .slot-date {
  display: table-cell;
  font-family: "Inter", sans-serif;
  font-weight: 500 !important;
  text-align: center;
  vertical-align: middle;
  border: 1px solid #d1d5db;
  border-right-width: 2px;
  border-left-width: 2px;
  background-color: rgb(255, 255, 255);
  cursor: pointer;
}
.booking-slot-selection .slot .slot-date:hover {
  background-color: #f9fafb;
}
.booking-slot-selection .slot .slot-label {
  display: table-cell;
  vertical-align: middle;
  font-family: "Inter", sans-serif;
  font-weight: 500 !important;
  width: 10%;
  min-width: 10%;
  white-space: nowrap;
  padding-left: 16px;
}
.booking-slot-selection .slot .slot-label .label.clickable {
  cursor: pointer;
}
.booking-slot-selection .slot.selected.first .slot-date, .booking-slot-selection .slot.selected.last .slot-date {
  background-color: var(--theme-color-positive-light);
  cursor: pointer;
}
.booking-slot-selection .slot.selected.first .slot-date:hover, .booking-slot-selection .slot.selected.last .slot-date:hover {
  background-color: rgba(var(--theme-color-positive-light), 0.5);
}
.booking-slot-selection .slot.selected .slot-date {
  background-color: var(--theme-color-positive-lighter);
  cursor: default;
  border-bottom-color: rgb(255, 255, 255);
}
.booking-slot-selection .slot.selected .slot-date:hover {
  background-color: var(--theme-color-positive-lighter);
}
.booking-slot-selection .slot.disabled .slot-date {
  background-color: #f3f4f6;
  cursor: default;
}
.booking-slot-selection .slot.disabled .slot-date span {
  opacity: 0.5;
}
.booking-slot-selection .slot.disabled .slot-date:hover {
  background-color: #f3f4f6;
}
.booking-slot-selection .slot-header {
  height: 70px;
  display: table-row;
}
.booking-slot-selection .slot-header .slot-date {
  display: table-cell;
  font-family: "Inter", sans-serif;
  font-weight: 500 !important;
  text-align: center;
  vertical-align: middle;
}

.booking-slot {
  display: block;
  padding: 8px 8px;
  text-align: center;
  font-size: 1em;
  font-weight: 700;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  border-radius: 4px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  color: #9ca3af;
  background-color: #f3f4f6;
}
.booking-slot.open {
  color: var(--theme-color-positive-darker);
  background-color: var(--theme-color-positive-lighter);
}

.bookable-info .booking-slots {
  margin-right: 0;
}
.bookable-info .booking-slots .booking-slot-container {
  padding-right: 0;
}

.icon.bordered {
  text-decoration: none;
  padding: 5px 5px;
  border: 1px #6b7280 solid;
  vertical-align: middle;
  text-align: center;
  color: #111827;
  background: rgb(255, 255, 255); /* Old browsers */
  display: inline-block;
  border-radius: 4px;
  width: auto !important;
  height: auto;
}
.icon.bordered.circle {
  border-radius: 100%;
}

.breadcrumbs {
  margin-bottom: 10px;
  font-weight: 400;
  font-size: 1.14rem !important;
  letter-spacing: 0.005em !important;
  padding: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
.breadcrumbs > .icon {
  margin-right: 4px;
}
.breadcrumbs > li {
  display: inline-block;
  list-style: none;
}
.breadcrumbs > li + :before {
  content: "\e92f";
  padding: 0 5px;
  font-family: "icon-font";
}
.breadcrumbs > li a {
  color: inherit;
}

.button.button-block {
  padding: 20px;
}
.button.button-block .icon {
  display: block;
  font-size: 2.3em;
}
.button.button-block .text {
  margin-top: 8px;
  display: block;
  font-weight: 700;
  font-size: 1.43rem;
}
.button.button-block .sub-line {
  margin-top: 16px;
  display: block;
  font-weight: 400;
  font-size: 0.86rem;
  letter-spacing: 0.005em;
}
.button.button-block.active {
  background-color: rgb(255, 255, 255) !important;
  border: solid 2px #111827;
}

.button-block-wrapper {
  display: flex;
  display: -webkit-flex;
  flex-wrap: wrap;
}
.button-block-wrapper .button-block {
  width: 100% !important;
  height: 100%;
  display: flex;
  flex-direction: column;
}
.button-block-wrapper > div {
  margin-bottom: 16px;
}

.floating-button {
  position: fixed;
  width: 56px;
  height: 56px;
  bottom: 16px;
  right: 16px;
  cursor: pointer;
  border-radius: 50px;
  text-align: center;
  font-size: 30px;
  font-weight: 800;
  line-height: 54px;
  background-color: var(--theme-color-primary-default);
  color: rgb(255, 255, 255) !important;
  border-color: var(--theme-color-primary-default);
  box-shadow: 1px 1px 4px 0px #9ca3af;
  -moz-box-shadow: 1px 1px 4px 0px #9ca3af;
  -webkit-box-shadow: 1px 1px 4px 0px #9ca3af;
}
.floating-button:hover, .floating-button.hover {
  background-color: var(--theme-color-primary-dark) !important;
  border-color: var(--theme-color-primary-dark) !important;
  color: rgb(255, 255, 255) !important;
}
.floating-button:active, .floating-button.active {
  background-color: var(--theme-color-primary-darker) !important;
  border-color: var(--theme-color-primary-darker) !important;
}
.floating-button:disabled, .floating-button.disabled {
  background-color: var(--theme-color-primary-dark) !important;
  border-color: var(--theme-color-primary-dark) !important;
  color: rgb(255, 255, 255) !important;
  text-decoration: none;
}
.floating-button span {
  color: rgb(255, 255, 255);
}

.button-group > .button:not(:first-child):not(:last-child):not(.dropdown-toggle) {
  border-radius: 0;
}
.button-group .button {
  margin: 0;
  margin-left: -1px;
}
.button-group .button:first-child {
  margin-left: 0;
}
.button-group .button:first-child:not(:last-child):not(.dropdown-toggle) {
  border-radius: 5px 0 0 5px;
}
.button-group .button:last-child:not(:first-child):not(.dropdown-toggle) {
  border-radius: 0 5px 5px 0;
}
.button-group .col-btn-1 {
  width: 8.3333333333% !important;
}
.button-group .col-btn-2 {
  width: 16.6666666667% !important;
}
.button-group .col-btn-3 {
  width: 25% !important;
}
.button-group .col-btn-4 {
  width: 33.3333333333% !important;
}
.button-group .col-btn-5 {
  width: 41.6666666667% !important;
}
.button-group .col-btn-6 {
  width: 50% !important;
}
.button-group .col-btn-7 {
  width: 58.3333333333% !important;
}
.button-group .col-btn-8 {
  width: 66.6666666667% !important;
}
.button-group .col-btn-9 {
  width: 75% !important;
}
.button-group .col-btn-10 {
  width: 83.3333333333% !important;
}
.button-group .col-btn-11 {
  width: 91.6666666667% !important;
}
.button-group .col-btn-12 {
  width: 100% !important;
}
.button-group.button-group-toggle .button.active {
  background-color: #f3f4f6 !important;
  color: #111827 !important;
}
.button-group.button-group-toggle .button.active span {
  color: #111827 !important;
}
.button-group.button-group-toggle .button.active.open {
  background-color: var(--theme-color-open-default) !important;
  border-color: var(--theme-color-open-default) !important;
  color: rgb(255, 255, 255) !important;
}
.button-group.button-group-toggle .button.active.open span {
  color: rgb(255, 255, 255) !important;
}
.button-group.button-group-toggle .button.active.inprogress {
  background-color: var(--theme-color-progress-default) !important;
  border-color: var(--theme-color-progress-default) !important;
  color: rgb(255, 255, 255) !important;
}
.button-group.button-group-toggle .button.active.inprogress span {
  color: rgb(255, 255, 255) !important;
}
.button-group.button-group-toggle .button.active.resolved {
  background-color: var(--theme-color-done-default) !important;
  border-color: var(--theme-color-done-default) !important;
  color: rgb(255, 255, 255) !important;
}
.button-group.button-group-toggle .button.active.resolved span {
  color: rgb(255, 255, 255) !important;
}
.button-group.button-group-toggle span {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  display: block;
}
.button-group.button-group-toggle span > i {
  padding-right: 5px;
}
.button-group.button-group-toggle.issue-status-toggle .button.active.open {
  background-color: var(--theme-color-open-default) !important;
  border-color: var(--theme-color-open-default) !important;
  color: rgb(255, 255, 255) !important;
}
.button-group.button-group-toggle.issue-status-toggle .button.active.open span {
  color: rgb(255, 255, 255) !important;
}
.button-group.button-group-toggle.issue-status-toggle .button.active.inprogress {
  background-color: var(--theme-color-progress-default) !important;
  border-color: var(--theme-color-progress-default) !important;
  color: rgb(255, 255, 255) !important;
}
.button-group.button-group-toggle.issue-status-toggle .button.active.inprogress span {
  color: rgb(255, 255, 255) !important;
}
.button-group.button-group-toggle.issue-status-toggle .button.active.resolved {
  background-color: var(--theme-color-done-default) !important;
  border-color: var(--theme-color-done-default) !important;
  color: rgb(255, 255, 255) !important;
}
.button-group.button-group-toggle.issue-status-toggle .button.active.resolved span {
  color: rgb(255, 255, 255) !important;
}

.button .icon + span {
  padding-left: 5px;
}
.button.text-large .icon {
  font-size: inherit !important;
}

.icon {
  font-size: 1.2rem;
}

.text-small .icon {
  font-size: 1rem;
}

.button {
  text-decoration: none;
  padding: 9px 25px;
  border: 1px #9ca3af solid;
  vertical-align: middle;
  font-family: "Inter", sans-serif;
  font-size: 1em;
  font-weight: 600;
  text-align: center;
  color: #111827;
  background: rgb(255, 255, 255); /* Old browsers */
  cursor: pointer;
  border-radius: 5px;
  width: auto !important;
  height: auto;
  line-height: normal;
  transition: background-color 0.1s ease;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
.button:hover, .button.hover {
  background-color: #e5e7eb !important;
}
.button:active, .button.active {
  background-color: #f3f4f6 !important;
}
.button:disabled, .button.disabled {
  cursor: default;
  background-color: #f3f4f6 !important;
  text-decoration: none;
  color: #374151;
}
.button:disabled.active, .button.disabled.active {
  background-color: #f3f4f6 !important;
}
.button:focus, .button.focus {
  outline: none;
}
.button.button-sm, .button.button-compact {
  padding: 7px 10px;
}
.button.button-no-border {
  border: none;
  background-color: transparent;
  color: initial !important;
}
.button.button-no-border:disabled, .button.button-no-border.disabled {
  background-color: transparent !important;
  color: #374151 !important;
}
.button.button-square {
  border-radius: 2px;
  padding: 7px;
  font-size: 1rem;
  line-height: 1;
}
.button.button-floating {
  border: 0 !important;
  width: 24px !important;
  height: 24px !important;
  padding: 4px !important;
  border-radius: 4px !important;
}
.button.button-floating:hover i {
  color: #111827;
}
.button.button-floating i {
  font-size: 20px;
  color: #6b7280;
}
.button.button-sm {
  font-size: 0.86rem;
}
.button.button-lg {
  font-size: 1.4rem;
  padding: 15px 30px;
}
.button.button-full-width {
  width: 100% !important;
}
.button.button-toggle.active {
  color: rgb(255, 255, 255);
  background-color: var(--theme-color-accent-default) !important;
  border-color: var(--theme-color-accent-default) !important;
}
.button.button-toggle.active span,
.button.button-toggle.active .icon {
  color: rgb(255, 255, 255);
}
.button a,
a.button {
  color: inherit !important;
  text-decoration: none;
}
.button a:hover,
a.button:hover {
  color: inherit !important;
  text-decoration: none;
}

.button.primary {
  background-color: var(--theme-color-primary-default);
  color: rgb(255, 255, 255) !important;
  border-color: var(--theme-color-primary-default);
}
.button.primary:hover, .button.primary.hover {
  background-color: var(--theme-color-primary-dark) !important;
  border-color: var(--theme-color-primary-dark) !important;
  color: rgb(255, 255, 255) !important;
}
.button.primary:active, .button.primary.active {
  background-color: var(--theme-color-primary-darker) !important;
  border-color: var(--theme-color-primary-darker) !important;
}
.button.primary:disabled, .button.primary.disabled {
  background-color: var(--theme-color-primary-dark) !important;
  border-color: var(--theme-color-primary-dark) !important;
  color: rgb(255, 255, 255) !important;
  text-decoration: none;
}
.button.primary span {
  color: rgb(255, 255, 255);
}
.button.primary.disabled, .button.primary:disabled, .button.primary.active, .button.primary:active {
  color: rgb(255, 255, 255);
}

.cke_dialog a.cke_dialog_ui_button_ok {
  background-color: var(--theme-color-primary-default);
  color: rgb(255, 255, 255) !important;
  border-color: var(--theme-color-primary-default);
}
.cke_dialog a.cke_dialog_ui_button_ok:hover, .cke_dialog a.cke_dialog_ui_button_ok.hover {
  background-color: var(--theme-color-primary-dark) !important;
  border-color: var(--theme-color-primary-dark) !important;
  color: rgb(255, 255, 255) !important;
}
.cke_dialog a.cke_dialog_ui_button_ok:active, .cke_dialog a.cke_dialog_ui_button_ok.active {
  background-color: var(--theme-color-primary-darker) !important;
  border-color: var(--theme-color-primary-darker) !important;
}
.cke_dialog a.cke_dialog_ui_button_ok:disabled, .cke_dialog a.cke_dialog_ui_button_ok.disabled {
  background-color: var(--theme-color-primary-dark) !important;
  border-color: var(--theme-color-primary-dark) !important;
  color: rgb(255, 255, 255) !important;
  text-decoration: none;
}
.cke_dialog a.cke_dialog_ui_button_ok span {
  color: rgb(255, 255, 255);
}

#legacy_content code {
  background-color: #f8f8f8;
  border: 1px solid #cccccc;
  border-radius: 3px;
  padding: 2px 5px;
}
#legacy_content pre {
  margin: 15px 0;
  background-color: #f8f8f8;
  border: 1px solid #cccccc;
  font-size: 13px;
  line-height: 19px;
  overflow: auto;
  padding: 6px 10px;
  text-align: left;
}
#legacy_content pre code {
  margin: 0;
  padding: 0;
  white-space: pre;
  border: none;
  background: transparent;
}
#legacy_content pre code,
#legacy_content pre tt {
  background-color: transparent;
  border: none;
}

.color-bar {
  display: block;
  height: 10px;
  margin-bottom: 5px;
  border: 0;
}
.color-bar.red {
  background-color: var(--theme-color-negative-default);
}
.color-bar.green {
  background-color: var(--theme-color-positive-default);
}
.color-bar.casablanca {
  background-color: var(--theme-color-warning-default);
}
.color-bar.dark {
  background-color: var(--theme-color-primary-default);
}
.color-bar.ban-warning {
  background-color: var(--theme-color-warning-default);
}
.color-bar.ban-individual {
  background-color: var(--theme-color-negative-default);
}
.color-bar.ban-collective {
  background-color: var(--theme-color-negative-default);
}
.color-bar.ban-collective-long {
  background-color: var(--theme-color-neutral-default);
}
.color-bar.gradient {
  background-image: linear-gradient(135deg, #374151 50%, #ee596c 50%, #ee596c), linear-gradient(135deg, #ee596c 50%, #fab642 50%, #fab642), linear-gradient(135deg, #fab642 50%, #37bdaf 50%, #37bdaf);
  background-size: 50% 100%, 10% 100%, 50% 100%;
  background-repeat: no-repeat;
  background-position: 0, 51%, 100%;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#374151", endColorstr="#37bdaf", GradientType=1); /* IE6-9 fallback on horizontal gradient */
}
.color-bar.with-text {
  height: auto;
  text-align: center;
  padding: 2px;
}
.color-bar.with-text span {
  color: white;
  font-size: 0.8em;
}

hr.color-bar {
  height: 5px;
  margin: 30px 0;
}

.bordered-section.red {
  border: 1px dashed var(--theme-color-negative-default);
  background-color: transparent;
}

.counters-box tr {
  display: flex;
}
.counters-box td {
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border: 1px solid #d1d5db;
  display: flex;
  align-items: center;
  flex-direction: column;
  max-width: 180px;
  text-align: center;
  padding: 16px;
}
.counters-box td:not(:last-child) {
  margin-right: 9px;
}
.counters-box .counters-box-item {
  padding: 0 15px;
}
.counters-box .counters-box-item .counters-box-item-count {
  margin-bottom: 5px;
}

.datetime-block h1, .datetime-block h2, .datetime-block h3, .datetime-block h4, .datetime-block h5, .datetime-block h5 {
  margin-bottom: 0;
}
.datetime-block .datetime-block-label {
  margin-bottom: 6px;
}

.icon-delta.delta-increase {
  display: inline-block;
  font-size: 1em;
  color: var(--theme-color-positive-default);
  transform: rotate(90deg);
}
.icon-delta.delta-decrease {
  display: inline-block;
  font-size: 1em;
  color: var(--theme-color-negative-default);
  transform: rotate(-90deg);
}
.icon-delta.delta-none {
  color: #9ca3af;
}

.button-dropdown {
  display: inline-block;
  position: relative;
}
.button-dropdown .button:after {
  content: "▼";
  font-size: 0.9em;
  margin-left: 4px;
}
.button-dropdown.dropdown-anchor-right .button-dropdown-list {
  right: 0;
  left: auto;
}
.button-dropdown.dropdown-anchor-left .button-dropdown-list {
  right: auto;
  left: 0;
}
.button-dropdown .button-dropdown-list {
  display: none;
  background-clip: padding-box;
  background-color: #fff;
  border: 1px #a5a5a5 solid;
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.176);
  float: left;
  left: 0;
  list-style: outside none none;
  margin: 2px 0 0;
  min-width: 160px;
  padding: 5px 0;
  position: absolute;
  text-align: left;
  top: 100%;
  z-index: 1000;
}
.button-dropdown .button-dropdown-list li {
  margin: 0;
  font-size: unset;
}
.button-dropdown .button-dropdown-list li > a {
  clear: both;
  color: #333;
  display: block;
  font-weight: 400;
  line-height: 1.42857;
  padding: 3px 10px;
  white-space: nowrap;
  text-decoration: none;
  width: 100%;
}
.button-dropdown .button-dropdown-list li > a:hover {
  background-color: var(--theme-color-primary-default);
  color: white;
}
.button-dropdown .button-dropdown-list a.selected {
  background-color: #f3f4f6;
  cursor: default;
}
.button-dropdown .button-dropdown-list a.selected:hover {
  background-color: #f3f4f6;
  color: unset;
}

.dropup,
.dropdown {
  position: relative;
}

.dropdown-toggle {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
}
.dropdown-toggle:not(.no-caret)::after {
  display: inline-block;
  margin-left: 0.3em;
  content: "▼";
}
.dropdown-toggle:focus {
  outline: 0;
}

.dropup .dropdown-toggle::after {
  border-top: 0;
  border-bottom: 0.3em solid;
}

.dropdown-menu {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 999;
  display: none;
  float: left;
  min-width: 160px;
  padding: 5px 0;
  margin: 3px 0 0;
  font-size: 1em;
  text-align: left;
  list-style: none;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid #d1d5db;
  box-shadow: 4px 4px 14px -4px rgba(0, 0, 0, 0.42);
  max-width: 100vw;
}

/*Links, buttons, and more within the dropdown menu
//
// `<button>`-specific styles are denoted with `// For <button>s` */
button.dropdown-item {
  width: 100%; /* For `<button>`s */
}

.dropdown-item {
  display: block;
  padding: 10px 20px;
  clear: both;
  font-weight: normal;
  text-align: inherit;
  white-space: nowrap;
  background: none;
  border: 0;
  color: #111827;
  /*
    @include hover-focus {
      color: $dropdown-link-hover-color;
      text-decoration: none;
      background-color: $dropdown-link-hover-bg;
    }

    // Active state
    &.active {
      @include plain-hover-focus {
        color: $dropdown-link-active-color;
        text-decoration: none;
        background-color: $dropdown-link-active-bg;
        outline: 0;
      }
    }

    // Disabled state
    //
    // Gray out text and ensure the hover/focus state remains gray
    &.disabled {
      @include plain-hover-focus {
        color: $dropdown-link-disabled-color;
      }

      /* Nuke hover/focus effects
      @include hover-focus {
        text-decoration: none;
        cursor: $cursor-disabled;
        background-color: transparent;
        background-image: none; // Remove CSS gradient
        @include reset-filter();
      }
    */
}
.dropdown-item:hover {
  text-decoration: none;
}
.dropdown-item:hover:not(.dropdown-header) {
  background-color: #f3f4f6;
  cursor: pointer;
}
.dropdown-item.ui-state-focus {
  background-color: #f3f4f6;
  cursor: pointer;
}
.dropdown-item.disabled {
  background-color: #f3f4f6;
}
.dropdown-item.disabled span {
  color: #111827;
}
.dropdown-item.disabled:hover {
  cursor: default;
}
.dropdown-item .secondary-info {
  display: block;
  width: 100%;
}
.dropdown-item.dropdown-sub-item {
  padding-left: 35px !important;
  width: 100%;
  display: inline-block;
}

/* Open state for the dropdown */
.open {
  /* Remove the outline when :focus is triggered */
}
.open > .dropdown-menu {
  display: block;
}
.open > a {
  outline: 0;
}

/* Menu positioning
//
// Add extra class to `.dropdown-menu` to flip the alignment of the dropdown
// menu with the parent. */
.dropdown-menu-right {
  right: 0;
  left: auto; /* Reset the default from `.dropdown-menu` */
}

.dropdown-menu-left {
  right: auto;
  left: 0;
}

.dropdown-header,
.dropdown-static-item {
  display: block;
  padding: 10px 20px;
}

/* Dropdown section headers */
.dropdown-header {
  font-size: 0.9em;
  font-weight: 600;
  color: #111827;
  white-space: nowrap;
}

/* Backdrop to catch body clicks on mobile, etc. */
.dropdown-backdrop {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 998;
}

.dropup,
.navbar-fixed-bottom .dropdown {
  /* Reverse the caret */
  /* Different positioning for bottom up menu */
}
.dropup .caret,
.navbar-fixed-bottom .dropdown .caret {
  content: "";
  border-top: 0;
  border-bottom: 0.3em solid;
}
.dropup .dropdown-menu,
.navbar-fixed-bottom .dropdown .dropdown-menu {
  top: auto;
  bottom: 100%;
  margin-bottom: 3px;
}

a.dropdown-item {
  display: block;
  width: 100%;
}

.divider {
  height: 1px;
  overflow: hidden;
  background-color: #f3f4f6;
  display: block;
  margin-top: 5px;
  margin-bottom: 5px;
}

.environment-button {
  display: table;
  width: 100%;
}
.environment-button .environment-info, .environment-button .environment-button-icon {
  display: table-cell;
  width: 100%;
}
.environment-button .environment-button-icon {
  vertical-align: middle;
  padding-left: 15px;
  padding-right: 10px;
  text-align: right;
}
.environment-button:hover {
  cursor: pointer;
  background-color: #f3f4f6;
}

#toast-container {
  position: fixed;
  z-index: 999999;
  /*overrides*/
  /*Additional properties for button version
  iOS requires the button element instead of an anchor tag.
  If you want the anchor version, it requires `href="#"`.*/
}
#toast-container * {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
#toast-container > div {
  position: relative;
  overflow: hidden;
  margin: 0 0 6px;
  padding: 11px 15px 15px 60px;
  width: 350px;
  -moz-border-radius: 3px 3px 3px 3px;
  -webkit-border-radius: 3px 3px 3px 3px;
  border-radius: 3px 3px 3px 3px;
  background-position: 15px center;
  background-repeat: no-repeat;
  color: #111827;
}
#toast-container > div:hover {
  cursor: pointer;
}
#toast-container > div.toast-top-center > div, #toast-container > div.toast-bottom-center > div {
  width: 350px;
  margin-left: auto;
  margin-right: auto;
}
#toast-container > div.toast-top-full-width > div, #toast-container > div.toast-bottom-full-width > div {
  width: 96%;
  margin-left: auto;
  margin-right: auto;
}
#toast-container button.toast-close-button {
  padding: 0;
  cursor: pointer;
  background: transparent;
  border: 0;
  -webkit-appearance: none;
}
#toast-container.toast-top-center {
  top: 80px;
  right: 0;
  width: 100%;
}
#toast-container.toast-bottom-center {
  bottom: 0;
  right: 0;
  width: 100%;
}
#toast-container.toast-top-full-width {
  top: 80px;
  right: 0;
  width: 100%;
}
#toast-container.toast-bottom-full-width {
  bottom: 0;
  right: 0;
  width: 100%;
}
#toast-container.toast-top-left {
  top: 80px;
  left: 12px;
}
#toast-container.toast-top-right {
  top: 80px;
  right: 12px;
}
#toast-container.toast-bottom-right {
  right: 12px;
  bottom: 12px;
}
#toast-container.toast-bottom-left {
  bottom: 12px;
  left: 12px;
}
#toast-container > .toast {
  background-size: 30px 30px;
  background-color: rgb(255, 255, 255);
  border: 5px solid var(--theme-color-neutral-default);
  border-right-width: 0;
  border-bottom-width: 0;
  border-top-width: 0;
}
#toast-container > .toast-info {
  position: relative;
  background-size: 30px 30px;
  background-color: rgb(255, 255, 255);
  border: 5px solid var(--theme-color-neutral-default);
  border-right-width: 0;
  border-bottom-width: 0;
  border-top-width: 0;
}
#toast-container > .toast-info:before {
  font-family: "icon-font" !important;
  content: "\e945";
  font-size: 30px;
  color: var(--theme-color-neutral-default);
  position: absolute;
  left: 12px;
  top: 4px;
}
#toast-container > .toast-error {
  position: relative;
  background-size: 30px 30px;
  background-color: rgb(255, 255, 255);
  border: 5px solid var(--theme-color-error-default);
  border-right-width: 0;
  border-bottom-width: 0;
  border-top-width: 0;
}
#toast-container > .toast-error:before {
  font-family: "icon-font" !important;
  content: "\e96a";
  font-size: 30px;
  color: var(--theme-color-error-default);
  position: absolute;
  left: 12px;
  top: 4px;
}
#toast-container > .toast-success {
  position: relative;
  background-size: 30px 30px;
  background-color: rgb(255, 255, 255);
  border: 5px solid var(--theme-color-positive-default);
  border-right-width: 0;
  border-bottom-width: 0;
  border-top-width: 0;
}
#toast-container > .toast-success:before {
  font-family: "icon-font" !important;
  content: "\e92a";
  font-size: 30px;
  color: var(--theme-color-positive-default);
  position: absolute;
  left: 12px;
  top: 4px;
}
#toast-container > .toast-warning {
  position: relative;
  background-size: 30px 30px;
  background-color: rgb(255, 255, 255);
  border: 5px solid var(--theme-color-warning-default);
  border-right-width: 0;
  border-bottom-width: 0;
  border-top-width: 0;
}
#toast-container > .toast-warning:before {
  font-family: "icon-font" !important;
  content: "\e93c";
  font-size: 30px;
  color: var(--theme-color-warning-default);
  position: absolute;
  left: 12px;
  top: 4px;
}
#toast-container .toast-title {
  font-weight: bold;
}
#toast-container .toast-message {
  -ms-word-wrap: break-word;
  word-wrap: break-word;
}
#toast-container .toast-message a,
#toast-container .toast-message label {
  color: rgb(255, 255, 255);
}
#toast-container .toast-message a:hover {
  color: #f9fafb;
  text-decoration: none;
}
#toast-container .toast-close-button {
  position: relative;
  right: -0.3em;
  top: -0.3em;
  float: right;
  font-size: 20px;
  font-weight: bold;
  color: #111827;
  -webkit-text-shadow: 0 1px 0 rgb(255, 255, 255);
  text-shadow: 0 1px 0 rgb(255, 255, 255);
  opacity: 0.8;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
  filter: alpha(opacity=80);
}
#toast-container .toast-close-button:hover, #toast-container .toast-close-button:focus {
  color: #111827;
  text-decoration: none;
  cursor: pointer;
  opacity: 0.4;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=40);
  filter: alpha(opacity=40);
}
#toast-container .toast-progress {
  position: absolute;
  left: 0;
  bottom: 0;
  height: 4px;
  background-color: var(--theme-color-primary-default);
  opacity: 0.4;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=40);
  filter: alpha(opacity=40);
}

/*Responsive Design*/
@media all and (max-width: 240px) {
  #toast-container > div {
    padding: 8px 8px 8px 50px;
    width: 11em;
  }
  #toast-container .toast-close-button {
    right: -0.2em;
    top: -0.2em;
  }
}
@media all and (min-width: 241px) and (max-width: 480px) {
  #toast-container > div {
    padding: 8px 8px 8px 50px;
    width: 18em;
  }
  #toast-container .toast-close-button {
    right: -0.2em;
    top: -0.2em;
  }
}
@media all and (min-width: 481px) and (max-width: 768px) {
  #toast-container > div {
    padding: 15px 15px 15px 50px;
    width: 25em;
  }
}
.favourite-button, .recommend-btn {
  cursor: pointer;
}
.favourite-button.active, .recommend-btn.active {
  color: var(--theme-color-accent-default) !important;
}

.file-label {
  background-color: var(--theme-color-neutral-lighter);
  border-radius: 4px;
  display: inline-block;
  padding: 4px;
}
.file-label a, .file-label .icon {
  color: #111827 !important;
  vertical-align: middle;
}
.file-label .icon {
  margin-right: 8px;
}

.file-labels .file-label {
  margin-bottom: 8px;
}
.file-labels .file-label:not(:last-child) {
  margin-right: 8px;
}

.flag {
  display: inline-block;
  width: 20px;
  height: 20px;
  background-repeat: no-repeat;
  vertical-align: middle;
}

.nl {
  background-image: url("data:image/svg+xml,%3Csvg id=%27Layer_1%27 data-name=%27Layer 1%27 xmlns=%27http://www.w3.org/2000/svg%27 xmlns:xlink=%27http://www.w3.org/1999/xlink%27 viewBox=%270 0 20 20%27%3E%3Cdefs%3E%3CclipPath id=%27clip-path%27%3E%3Ccircle cx=%2710%27 cy=%2710%27 r=%2710%27 fill=%27none%27/%3E%3C/clipPath%3E%3C/defs%3E%3Ctitle%3Eflag%3C/title%3E%3Cg clip-path=%27url%28%23clip-path%29%27%3E%3Crect y=%2713.36%27 width=%2720%27 height=%276.64%27 transform=%27translate%2820 33.36%29 rotate%28-180%29%27 fill=%27%23263b93%27/%3E%3Crect y=%276.72%27 width=%2720%27 height=%276.64%27 transform=%27translate%2820 20.08%29 rotate%28-180%29%27 fill=%27%23fff%27/%3E%3Crect y=%270.08%27 width=%2720%27 height=%276.64%27 transform=%27translate%2820 6.79%29 rotate%28-180%29%27 fill=%27%23d32627%27/%3E%3C/g%3E%3C/svg%3E");
}

.gb, .en {
  background-image: url("data:image/svg+xml,%3Csvg id=%27Layer_1%27 data-name=%27Layer 1%27 xmlns=%27http://www.w3.org/2000/svg%27 xmlns:xlink=%27http://www.w3.org/1999/xlink%27 viewBox=%270 0 20 20%27%3E%3Cdefs%3E%3CclipPath id=%27clip-path%27%3E%3Ccircle cx=%2710%27 cy=%2710%27 r=%2710%27 fill=%27%23005193%27/%3E%3C/clipPath%3E%3C/defs%3E%3Ctitle%3Eflag%3C/title%3E%3Ccircle cx=%2710%27 cy=%2710%27 r=%2710%27 fill=%27%23005193%27/%3E%3Cg clip-path=%27url%28%23clip-path%29%27%3E%3Crect x=%27-1.51%27 y=%278.58%27 width=%2723.61%27 height=%273.3%27 transform=%27translate%2810.25 -4.28%29 rotate%2845%29%27 fill=%27%23fff%27/%3E%3Crect x=%27-1.77%27 y=%278.29%27 width=%2723.61%27 height=%273.35%27 transform=%27translate%28-4.11 10.02%29 rotate%28-45%29%27 fill=%27%23fff%27/%3E%3Crect x=%270.4%27 y=%276.48%27 width=%2711.83%27 height=%271.34%27 transform=%27translate%286.91 -2.37%29 rotate%2845%29%27 fill=%27%23d32627%27/%3E%3Crect x=%277.86%27 y=%2712.15%27 width=%2711.83%27 height=%271.34%27 transform=%27translate%2813.1 -5.99%29 rotate%2845%29%27 fill=%27%23d32627%27/%3E%3Crect x=%271.29%27 y=%2713.05%27 width=%2711.83%27 height=%271.34%27 transform=%27translate%28-7.59 9.12%29 rotate%28-45%29%27 fill=%27%23d32627%27/%3E%3Crect x=%276.97%27 y=%275.59%27 width=%2711.83%27 height=%271.34%27 transform=%27translate%28-0.65 10.94%29 rotate%28-45%29%27 fill=%27%23d32627%27/%3E%3Crect x=%27-1.81%27 y=%277.37%27 width=%2723.61%27 height=%275.27%27 fill=%27%23fff%27/%3E%3Crect x=%27-1.81%27 y=%277.37%27 width=%2723.61%27 height=%275.27%27 transform=%27translate%280 20%29 rotate%28-90%29%27 fill=%27%23fff%27/%3E%3Crect x=%27-1.22%27 y=%278.18%27 width=%2722.45%27 height=%273.64%27 fill=%27%23d32627%27/%3E%3Crect x=%27-1.22%27 y=%278.18%27 width=%2722.45%27 height=%273.64%27 transform=%27translate%280 20%29 rotate%28-90%29%27 fill=%27%23d32627%27/%3E%3C/g%3E%3C/svg%3E");
}

.be {
  background-image: url("data:image/svg+xml,%3Csvg id=%27Layer_1%27 data-name=%27Layer 1%27 xmlns=%27http://www.w3.org/2000/svg%27 xmlns:xlink=%27http://www.w3.org/1999/xlink%27 viewBox=%270 0 20 20%27%3E%3Cdefs%3E%3CclipPath id=%27clip-path%27%3E%3Ccircle cx=%2710%27 cy=%2710%27 r=%2710%27 fill=%27none%27/%3E%3C/clipPath%3E%3C/defs%3E%3Ctitle%3Eflag%3C/title%3E%3Cg clip-path=%27url%28%23clip-path%29%27%3E%3Crect x=%27-6.68%27 y=%276.68%27 width=%2720%27 height=%276.64%27 transform=%27translate%28-6.68 13.32%29 rotate%28-90%29%27/%3E%3Crect x=%27-0.04%27 y=%276.68%27 width=%2720%27 height=%276.64%27 transform=%27translate%28-0.04 19.96%29 rotate%28-90%29%27 fill=%27%23fed004%27/%3E%3Crect x=%276.6%27 y=%276.68%27 width=%2720%27 height=%276.64%27 transform=%27translate%286.6 26.6%29 rotate%28-90%29%27 fill=%27%23d32627%27/%3E%3C/g%3E%3C/svg%3E");
}

.de {
  background-image: url("data:image/svg+xml,%3Csvg id=%27Layer_1%27 data-name=%27Layer 1%27 xmlns=%27http://www.w3.org/2000/svg%27 xmlns:xlink=%27http://www.w3.org/1999/xlink%27 viewBox=%270 0 20 20%27%3E%3Cdefs%3E%3CclipPath id=%27clip-path%27%3E%3Ccircle cx=%2710%27 cy=%2710%27 r=%2710%27 fill=%27none%27/%3E%3C/clipPath%3E%3C/defs%3E%3Ctitle%3Eflag%3C/title%3E%3Cg clip-path=%27url%28%23clip-path%29%27%3E%3Crect y=%2713.36%27 width=%2720%27 height=%276.64%27 transform=%27translate%2820 33.36%29 rotate%28-180%29%27 fill=%27%23fed004%27/%3E%3Crect y=%276.72%27 width=%2720%27 height=%276.64%27 transform=%27translate%2820 20.08%29 rotate%28-180%29%27 fill=%27%23d32627%27/%3E%3Crect y=%270.08%27 width=%2720%27 height=%276.64%27 transform=%27translate%2820 6.79%29 rotate%28-180%29%27/%3E%3C/g%3E%3C/svg%3E");
}

.fr {
  background-image: url("data:image/svg+xml,%3Csvg id=%27Layer_1%27 data-name=%27Layer 1%27 xmlns=%27http://www.w3.org/2000/svg%27 xmlns:xlink=%27http://www.w3.org/1999/xlink%27 viewBox=%270 0 20 20%27%3E%3Cdefs%3E%3CclipPath id=%27clip-path%27%3E%3Ccircle cx=%2710%27 cy=%2710%27 r=%2710%27 fill=%27none%27/%3E%3C/clipPath%3E%3C/defs%3E%3Ctitle%3Eflag%3C/title%3E%3Cg clip-path=%27url%28%23clip-path%29%27%3E%3Crect x=%27-6.68%27 y=%276.68%27 width=%2720%27 height=%276.64%27 transform=%27translate%28-6.68 13.32%29 rotate%28-90%29%27 fill=%27%23263b93%27/%3E%3Crect x=%27-0.04%27 y=%276.68%27 width=%2720%27 height=%276.64%27 transform=%27translate%28-0.04 19.96%29 rotate%28-90%29%27 fill=%27%23fff%27/%3E%3Crect x=%276.6%27 y=%276.68%27 width=%2720%27 height=%276.64%27 transform=%27translate%286.6 26.6%29 rotate%28-90%29%27 fill=%27%23d32627%27/%3E%3C/g%3E%3C/svg%3E");
}

.sv, .se {
  background-image: url("data:image/svg+xml,%3Csvg id=%27Layer_1%27 data-name=%27Layer 1%27 xmlns=%27http://www.w3.org/2000/svg%27 xmlns:xlink=%27http://www.w3.org/1999/xlink%27 viewBox=%270 0 20 20%27%3E%3Cdefs%3E%3CclipPath id=%27clip-path%27%3E%3Ccircle cx=%2710%27 cy=%2710%27 r=%2710%27 fill=%27none%27/%3E%3C/clipPath%3E%3CclipPath id=%27clip-path-2%27%3E%3Ccircle cx=%2736%27 cy=%2710%27 r=%2710%27 fill=%27none%27/%3E%3C/clipPath%3E%3C/defs%3E%3Ctitle%3Eflag%3C/title%3E%3Ccircle cx=%2710%27 cy=%2710%27 r=%2710%27 fill=%27%23005193%27/%3E%3Cg clip-path=%27url%28%23clip-path%29%27%3E%3Cpolygon points=%277.93 8.04 7.93 -0.39 4.02 -0.39 4.02 8.04 -1.09 8.04 -1.09 11.96 4.02 11.96 4.02 20.7 7.93 20.7 7.93 11.96 20.58 11.96 20.58 8.04 7.93 8.04%27 fill=%27%23fecd07%27/%3E%3C/g%3E%3Cg clip-path=%27url%28%23clip-path-2%29%27%3E%3Cpolygon points=%2733.23 8.83 33.23 -5.28 30.77 -5.28 30.77 8.83 18.75 8.83 18.75 11.29 30.77 11.29 30.77 20 33.23 20 33.23 11.29 47 11.29 47 8.83 33.23 8.83%27 fill=%27%231b79bf%27/%3E%3C/g%3E%3C/svg%3E");
}

.pl {
  background-image: url("data:image/svg+xml,%3Csvg version=%271.1%27 id=%27Layer_1%27 xmlns=%27http://www.w3.org/2000/svg%27 xmlns:xlink=%27http://www.w3.org/1999/xlink%27 x=%270px%27 y=%270px%27 viewBox=%270 0 512 512%27 style=%27enable-background:new 0 0 512 512;%27 xml:space=%27preserve%27%3E%3Ccircle style=%27fill:%23F0F0F0;%27 cx=%27256%27 cy=%27256%27 r=%27256%27/%3E%3Cpath style=%27fill:%23D80027;%27 d=%27M512,256c0,141.384-114.616,256-256,256S0,397.384,0,256%27/%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3C/svg%3E");
}

.es {
  background-image: url("data:image/svg+xml,%3Csvg id=%27Layer_1%27 data-name=%27Layer 1%27 xmlns=%27http://www.w3.org/2000/svg%27 xmlns:xlink=%27http://www.w3.org/1999/xlink%27 viewBox=%270 0 20 20%27%3E%3Cdefs%3E%3CclipPath id=%27clip-path%27%3E%3Ccircle cx=%2710%27 cy=%2710%27 r=%2710%27 fill=%27none%27/%3E%3C/clipPath%3E%3C/defs%3E%3Ctitle%3Eflag%3C/title%3E%3Cg clip-path=%27url%28%23clip-path%29%27%3E%3Crect y=%2713.36%27 width=%2720%27 height=%276.64%27 transform=%27translate%2820 33.36%29 rotate%28-180%29%27 fill=%27%23d32627%27/%3E%3Crect y=%270.08%27 width=%2720%27 height=%276.64%27 transform=%27translate%2820 6.79%29 rotate%28-180%29%27 fill=%27%23d32627%27/%3E%3Crect x=%27-5.38%27 y=%274.89%27 width=%2730.76%27 height=%2710.21%27 transform=%27translate%2820 20%29 rotate%28-180%29%27 fill=%27%23fed004%27/%3E%3C/g%3E%3C/svg%3E");
}

.pe {
  background-image: url("data:image/svg+xml,%3Csvg version=%271.1%27 id=%27Layer_1%27 xmlns=%27http://www.w3.org/2000/svg%27 xmlns:xlink=%27http://www.w3.org/1999/xlink%27 x=%270px%27 y=%270px%27 viewBox=%270 0 20 20%27 style=%27enable-background:new 0 0 20 20;%27 xml:space=%27preserve%27%3E%3Cstyle type=%27text/css%27%3E.st0%7Bclip-path:url%28%23SVGID_2_%29;%7D.st1%7Bfill:%23D32627;%7D.st2%7Bfill:%23FEFEFE;%7D%3C/style%3E%3Ctitle%3Eflag%3C/title%3E%3Cg%3E%3Cdefs%3E%3Ccircle id=%27SVGID_1_%27 cx=%2710%27 cy=%2710%27 r=%2710%27/%3E%3C/defs%3E%3CclipPath id=%27SVGID_2_%27%3E%3Cuse xlink:href=%27%23SVGID_1_%27 style=%27overflow:visible;%27/%3E%3C/clipPath%3E%3Cg class=%27st0%27%3E%3Crect class=%27st1%27 width=%276.6%27 height=%2720%27/%3E%3Crect x=%276.6%27 class=%27st2%27 width=%276.6%27 height=%2720%27/%3E%3Crect x=%2713.3%27 class=%27st1%27 width=%276.6%27 height=%2720%27/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
}

.ch {
  background-image: url("data:image/svg+xml,%3Csvg id=%27Layer_1%27 data-name=%27Layer 1%27 xmlns=%27http://www.w3.org/2000/svg%27 xmlns:xlink=%27http://www.w3.org/1999/xlink%27 viewBox=%270 0 20 20%27%3E%3Cdefs%3E%3CclipPath id=%27clip-path%27%3E%3Ccircle cx=%2710%27 cy=%2710%27 r=%2710%27 fill=%27none%27/%3E%3C/clipPath%3E%3C/defs%3E%3Ctitle%3Eflag%3C/title%3E%3Cg clip-path=%27url%28%23clip-path%29%27%3E%3Crect x=%270%27 y=%270%27 width=%2720%27 height=%2720%27 fill=%27%23FF0000%27/%3E%3Crect x=%278%27 y=%273.33%27 width=%274%27 height=%2713.2%27 fill=%27%23ffffff%27/%3E%3Crect x=%273.33%27 y=%278%27 width=%2713.2%27 height=%274%27 fill=%27%23ffffff%27/%3E%3C/g%3E%3C/svg%3E");
}

.cs, .cz {
  background-image: url("data:image/svg+xml,%3Csvg version=%271.1%27 id=%27Layer_1%27 xmlns=%27http://www.w3.org/2000/svg%27 xmlns:xlink=%27http://www.w3.org/1999/xlink%27 x=%270px%27 y=%270px%27 viewBox=%270 0 20 20%27 style=%27enable-background:new 0 0 20 20;%27 xml:space=%27preserve%27%3E%3Cstyle type=%27text/css%27%3E .st0%7Bclip-path:url%28%23SVGID_2_%29;fill:%23FFFFFF;%7D .st1%7Bclip-path:url%28%23SVGID_2_%29;fill:%23D32627;%7D .st2%7Bclip-path:url%28%23SVGID_2_%29;fill:%23004482;%7D%0A%3C/style%3E%3Ctitle%3Eflag%3C/title%3E%3Cg%3E%3Cdefs%3E%3Ccircle id=%27SVGID_1_%27 cx=%2710%27 cy=%2710%27 r=%2710%27/%3E%3C/defs%3E%3CclipPath id=%27SVGID_2_%27%3E%3Cuse xlink:href=%27%23SVGID_1_%27 style=%27overflow:visible;%27/%3E%3C/clipPath%3E%3Crect x=%270%27 class=%27st0%27 width=%2719.9%27 height=%2710%27/%3E%3Crect x=%270%27 y=%2710%27 class=%27st1%27 width=%2719.9%27 height=%2710%27/%3E%3Cpolyline class=%27st2%27 points=%270,0 10.1,10 0,20 %27/%3E%3C/g%3E%3C/svg%3E%0A");
}

.tr {
  background-image: url("data:image/svg+xml,%3Csvg version=%271.1%27 id=%27Layer_1%27 xmlns=%27http://www.w3.org/2000/svg%27 xmlns:xlink=%27http://www.w3.org/1999/xlink%27 x=%270px%27 y=%270px%27 viewBox=%270 0 20 20%27 style=%27enable-background:new 0 0 20 20;%27 xml:space=%27preserve%27%3E%3Cstyle type=%27text/css%27%3E .st0%7Bclip-path:url%28%23SVGID_2_%29;fill:%23FFFFFF;%7D .st1%7Bclip-path:url%28%23SVGID_4_%29;fill:%23D32627;%7D .st2%7Bfill:%23FFFFFF;%7D%0A%3C/style%3E%3Cg%3E%3Cg%3E%3Cdefs%3E%3Ccircle id=%27SVGID_1_%27 cx=%2710%27 cy=%2710%27 r=%2710%27/%3E%3C/defs%3E%3CclipPath id=%27SVGID_2_%27%3E%3Cuse xlink:href=%27%23SVGID_1_%27 style=%27overflow:visible;%27/%3E%3C/clipPath%3E%3Crect class=%27st0%27 width=%2719.9%27 height=%2710%27/%3E%3C/g%3E%3Cg%3E%3Cdefs%3E%3Ccircle id=%27SVGID_3_%27 cx=%2710%27 cy=%2710%27 r=%2710%27/%3E%3C/defs%3E%3CclipPath id=%27SVGID_4_%27%3E%3Cuse xlink:href=%27%23SVGID_3_%27 style=%27overflow:visible;%27/%3E%3C/clipPath%3E%3Crect class=%27st1%27 width=%2719.9%27 height=%2720%27/%3E%3C/g%3E%3Cg%3E%3Cdefs%3E%3Ccircle id=%27SVGID_5_%27 cx=%2710%27 cy=%2710%27 r=%2710%27/%3E%3C/defs%3E%3CclipPath id=%27SVGID_6_%27%3E%3Cuse xlink:href=%27%23SVGID_5_%27 style=%27overflow:visible;%27/%3E%3C/clipPath%3E%3C/g%3E%3C/g%3E%3Cpath class=%27st2%27 d=%27M9.5,13.8c-2.1,0-3.8-1.7-3.8-3.8c0-2.1,1.7-3.8,3.8-3.8c1.1,0,2.2,0.5,2.9,1.3C11.5,6.1,10,5.2,8.3,5.2 c-2.7,0-4.8,2.2-4.8,4.8s2.2,4.8,4.8,4.8c1.7,0,3.2-0.9,4.1-2.2C11.7,13.4,10.7,13.8,9.5,13.8z%27/%3E%3Cpolygon class=%27st2%27 points=%2715.5,10 16.5,8.6 14.8,9.1 13.8,7.7 13.8,9.5 12.1,10 13.8,10.5 13.8,12.3 14.8,10.9 16.5,11.4 %27/%3E%3C/svg%3E%0A");
}

.ru {
  background-image: url("data:image/svg+xml,%3Csvg version=%271.1%27 id=%27Layer_1%27 xmlns=%27http://www.w3.org/2000/svg%27 xmlns:xlink=%27http://www.w3.org/1999/xlink%27 x=%270px%27 y=%270px%27 viewBox=%270 0 20 20%27 style=%27enable-background:new 0 0 20 20;%27 xml:space=%27preserve%27%3E%3Cstyle type=%27text/css%27%3E .st0%7Bclip-path:url%28%23SVGID_00000094599965449514394700000000012495797418683031_%29;%7D .st1%7Bfill:%23FFFFFF;%7D .st2%7Bfill:%23004482;%7D .st3%7Bfill:%23D32627;%7D%0A%3C/style%3E%3Cg%3E%3Cdefs%3E%3Ccircle id=%27SVGID_1_%27 cx=%2710%27 cy=%2710%27 r=%2710%27/%3E%3C/defs%3E%3CclipPath id=%27SVGID_00000110449137955605579250000017544043920542070953_%27%3E%3Cuse xlink:href=%27%23SVGID_1_%27 style=%27overflow:visible;%27/%3E%3C/clipPath%3E%3Cg style=%27clip-path:url%28%23SVGID_00000110449137955605579250000017544043920542070953_%29;%27%3E%3Crect x=%270%27 class=%27st1%27 width=%2720%27 height=%276.6%27/%3E%3Crect x=%270%27 y=%276.6%27 class=%27st2%27 width=%2720%27 height=%276.6%27/%3E%3Crect x=%270%27 y=%2713.3%27 class=%27st3%27 width=%2720%27 height=%276.6%27/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
}

.it {
  background-image: url("data:image/svg+xml,%3Csvg version=%271.1%27 id=%27Layer_1%27 xmlns=%27http://www.w3.org/2000/svg%27 xmlns:xlink=%27http://www.w3.org/1999/xlink%27 x=%270px%27 y=%270px%27 viewBox=%270 0 20 20%27 style=%27enable-background:new 0 0 20 20;%27 xml:space=%27preserve%27%3E%3Cstyle type=%27text/css%27%3E .st0%7Bclip-path:url%28%23SVGID_00000129894817668454363780000010125241668078915217_%29;%7D .st1%7Bfill:%2300963B;%7D .st2%7Bfill:%23FFFFFF;%7D .st3%7Bfill:%23D32627;%7D%0A%3C/style%3E%3Cg%3E%3Cdefs%3E%3Ccircle id=%27SVGID_1_%27 cx=%2710%27 cy=%2710%27 r=%2710%27/%3E%3C/defs%3E%3CclipPath id=%27SVGID_00000026147929771694406080000003623306182018370218_%27%3E%3Cuse xlink:href=%27%23SVGID_1_%27 style=%27overflow:visible;%27/%3E%3C/clipPath%3E%3Cg style=%27clip-path:url%28%23SVGID_00000026147929771694406080000003623306182018370218_%29;%27%3E%3Crect x=%270%27 class=%27st1%27 width=%276.6%27 height=%2720%27/%3E%3Crect x=%276.6%27 class=%27st2%27 width=%276.6%27 height=%2720%27/%3E%3Crect x=%2713.3%27 class=%27st3%27 width=%276.6%27 height=%2720%27/%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A");
}

.hu {
  background-image: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 512 512%27%3E%3Cmask id=%27a%27%3E%3Ccircle cx=%27256%27 cy=%27256%27 r=%27256%27 fill=%27%23fff%27/%3E%3C/mask%3E%3Cg mask=%27url%28%23a%29%27%3E%3Cpath fill=%27%23eee%27 d=%27m0 167 253.8-19.3L512 167v178l-254.9 32.3L0 345z%27/%3E%3Cpath fill=%27%23d80027%27 d=%27M0 0h512v167H0z%27/%3E%3Cpath fill=%27%236da544%27 d=%27M0 345h512v167H0z%27/%3E%3C/g%3E%3C/svg%3E");
}

.ro {
  background-image: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 512 512%27%3E%3Cmask id=%27a%27%3E%3Ccircle cx=%27256%27 cy=%27256%27 r=%27256%27 fill=%27%23fff%27/%3E%3C/mask%3E%3Cg mask=%27url%28%23a%29%27%3E%3Cpath fill=%27%23ffda44%27 d=%27M167 0h178l25.9 252.3L345 512H167l-29.8-253.4z%27/%3E%3Cpath fill=%27%230052b4%27 d=%27M0 0h167v512H0z%27/%3E%3Cpath fill=%27%23d80027%27 d=%27M345 0h167v512H345z%27/%3E%3C/g%3E%3C/svg%3E");
}

.lt {
  background-image: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 512 512%27%3E%3Cmask id=%27a%27%3E%3Ccircle cx=%27256%27 cy=%27256%27 r=%27256%27 fill=%27%23fff%27/%3E%3C/mask%3E%3Cg mask=%27url%28%23a%29%27%3E%3Cpath fill=%27%236da544%27 d=%27m0 167 253.8-19.3L512 167v178l-254.9 32.3L0 345z%27/%3E%3Cpath fill=%27%23ffda44%27 d=%27M0 0h512v167H0z%27/%3E%3Cpath fill=%27%23d80027%27 d=%27M0 345h512v167H0z%27/%3E%3C/g%3E%3C/svg%3E");
}

.hr {
  background-image: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 512 512%27%3E%3Cmask id=%27a%27%3E%3Ccircle cx=%27256%27 cy=%27256%27 r=%27256%27 fill=%27%23fff%27/%3E%3C/mask%3E%3Cg mask=%27url%28%23a%29%27%3E%3Cpath fill=%27%23eee%27 d=%27m0 167 253.8-19.3L512 167v178l-254.9 32.3L0 345z%27/%3E%3Cpath fill=%27%23d80027%27 d=%27M0 0h512v167H0z%27/%3E%3Cpath fill=%27%230052b4%27 d=%27M0 345h512v167H0z%27/%3E%3Cpath fill=%27%23338af3%27 d=%27M322.8 178h-44.5l7.4-55.7 29.7-22.2 29.6 22.2V167zm-133.6 0h44.5l-7.4-55.7-29.7-22.2-29.6 22.2V167z%27/%3E%3Cpath fill=%27%230052b4%27 d=%27M285.7 178h-59.4v-55.7l29.7-22.2 29.7 22.2z%27/%3E%3Cpath fill=%27%23eee%27 d=%27M167 167v122.3a89 89 0 0 0 35.8 71.3l15.5-3.9 19.7 19.8a89.1 89.1 0 0 0 18 1.8 89 89 0 0 0 17.9-1.8l22.4-18.7 13 2.8a89 89 0 0 0 35.7-71.3V167z%27/%3E%3Cpath fill=%27%23d80027%27 d=%27M167 167h35.6v35.5H167zm71.2 0h35.6v35.5h-35.6zm71.2 0H345v35.5h-35.6zm-106.8 35.5h35.6v35.6h-35.6zm71.2 0h35.6v35.6h-35.6zM167 238.1h35.6v35.6H167zm35.6 35.6h35.6v35.6h-35.6zm35.6-35.6h35.6v35.6h-35.6zm71.2 0H345v35.6h-35.6zm-35.6 35.6h35.6v35.6h-35.6zm-35.6 35.6h35.6V345h-35.6zm-35.6 0h-33.3c3 13.3 9 25.4 17.3 35.6h16zM309.4 345h16a88.8 88.8 0 0 0 17.3-35.6h-33.3zm-106.8 0v15.6a88.7 88.7 0 0 0 35.6 16V345zm71.2 0v31.6a88.7 88.7 0 0 0 35.6-16V345z%27/%3E%3C/g%3E%3C/svg%3E");
}

.bg {
  background-image: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 512 512%27%3E%3Cmask id=%27a%27%3E%3Ccircle cx=%27256%27 cy=%27256%27 r=%27256%27 fill=%27%23fff%27/%3E%3C/mask%3E%3Cg mask=%27url%28%23a%29%27%3E%3Cpath fill=%27%23496e2d%27 d=%27m0 166.9 258-31.7 254 31.7v178l-251.4 41.3L0 344.9z%27/%3E%3Cpath fill=%27%23eee%27 d=%27M0 0h512v166.9H0z%27/%3E%3Cpath fill=%27%23d80027%27 d=%27M0 344.9h512V512H0z%27/%3E%3C/g%3E%3C/svg%3E");
}

.sk {
  background-image: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 512 512%27%3E%3Cmask id=%27a%27%3E%3Ccircle cx=%27256%27 cy=%27256%27 r=%27256%27 fill=%27%23fff%27/%3E%3C/mask%3E%3Cg mask=%27url%28%23a%29%27%3E%3Cpath fill=%27%230052b4%27 d=%27m0 160 256-32 256 32v192l-256 32L0 352z%27/%3E%3Cpath fill=%27%23eee%27 d=%27M0 0h512v160H0z%27/%3E%3Cpath fill=%27%23d80027%27 d=%27M0 352h512v160H0z%27/%3E%3Cpath fill=%27%23eee%27 d=%27M64 63v217c0 104 144 137 144 137s144-33 144-137V63z%27/%3E%3Cpath fill=%27%23d80027%27 d=%27M96 95v185a83 78 0 0 0 9 34h206a83 77 0 0 0 9-34V95z%27/%3E%3Cpath fill=%27%23eee%27 d=%27M288 224h-64v-32h32v-32h-32v-32h-32v32h-32v32h32v32h-64v32h64v32h32v-32h64z%27/%3E%3Cpath fill=%27%230052b4%27 d=%27M152 359a247 231 0 0 0 56 24c12-3 34-11 56-24a123 115 0 0 0 47-45 60 56 0 0 0-34-10l-14 2a60 56 0 0 0-110 0 60 56 0 0 0-14-2c-12 0-24 4-34 10a123 115 0 0 0 47 45z%27/%3E%3C/g%3E%3C/svg%3E");
}

.ie {
  background-image: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 512 512%27%3E%3Cmask id=%27a%27%3E%3Ccircle cx=%27256%27 cy=%27256%27 r=%27256%27 fill=%27%23fff%27/%3E%3C/mask%3E%3Cg mask=%27url%28%23a%29%27%3E%3Cpath fill=%27%23eee%27 d=%27M167 0h178l25.9 252.3L345 512H167l-29.8-253.4z%27/%3E%3Cpath fill=%27%236da544%27 d=%27M0 0h167v512H0z%27/%3E%3Cpath fill=%27%23ff9811%27 d=%27M345 0h167v512H345z%27/%3E%3C/g%3E%3C/svg%3E");
}

.fi {
  background-image: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 512 512%27%3E%3Cmask id=%27a%27%3E%3Ccircle cx=%27256%27 cy=%27256%27 r=%27256%27 fill=%27%23fff%27/%3E%3C/mask%3E%3Cg mask=%27url%28%23a%29%27%3E%3Cpath fill=%27%23eee%27 d=%27M0 0h512v512H0z%27/%3E%3Cpath fill=%27%230052b4%27 d=%27M0 192h133.6v-192h88.9v192H512v128H222.5v192h-88.9V320H0z%27/%3E%3C/g%3E%3C/svg%3E");
}

.no {
  background-image: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 512 512%27%3E%3Cmask id=%27a%27%3E%3Ccircle cx=%27256%27 cy=%27256%27 r=%27256%27 fill=%27%23fff%27/%3E%3C/mask%3E%3Cg mask=%27url%28%23a%29%27%3E%3Cpath fill=%27%23d80027%27 d=%27M0 0h512v512H0z%27/%3E%3Cpath fill=%27%23eee%27 d=%27M0 192h133.6v-192h88.9v192H512v128H222.5v192h-88.9V320H0z%27/%3E%3Cpath fill=%27%230052b4%27 d=%27M0 210.3h155.8V0h44.5v210.3H512v91.4H200.3V512h-44.5V301.7H0z%27/%3E%3C/g%3E%3C/svg%3E");
}

.et, .ee {
  background-image: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 512 512%27%3E%3Cmask id=%27a%27%3E%3Ccircle cx=%27256%27 cy=%27256%27 r=%27256%27 fill=%27%23fff%27/%3E%3C/mask%3E%3Cg mask=%27url%28%23a%29%27%3E%3Cpath fill=%27%23111%27 d=%27m0 167 253.8-19.3L512 167v178l-254.9 32.3L0 345z%27/%3E%3Cpath fill=%27%230052b4%27 d=%27M0 0h512v167H0z%27/%3E%3Cpath fill=%27%23eee%27 d=%27M0 345h512v167H0z%27/%3E%3C/g%3E%3C/svg%3E");
}

.da, .dk {
  background-image: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 512 512%27%3E%3Cmask id=%27a%27%3E%3Ccircle cx=%27256%27 cy=%27256%27 r=%27256%27 fill=%27%23fff%27/%3E%3C/mask%3E%3Cg mask=%27url%28%23a%29%27%3E%3Cpath fill=%27%23d80027%27 d=%27M0 0h512v512H0z%27/%3E%3Cpath fill=%27%23eee%27 d=%27M0 192h133.6v-192h88.9v192H512v128H222.5v192h-88.9V320H0z%27/%3E%3C/g%3E%3C/svg%3E");
}

.uk {
  background-image: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 512 512%27%3E%3Cmask id=%27a%27%3E%3Ccircle cx=%27256%27 cy=%27256%27 r=%27256%27 fill=%27%23fff%27/%3E%3C/mask%3E%3Cg mask=%27url%28%23a%29%27%3E%3Cpath fill=%27%23338af3%27 d=%27M0 0h512v256H0z%27/%3E%3Cpath fill=%27%23ffda44%27 d=%27M0 256h512v256H0z%27/%3E%3C/g%3E%3C/svg%3E");
}

.pt {
  background-image: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 512 512%27%3E%3Cmask id=%27a%27%3E%3Ccircle cx=%27256%27 cy=%27256%27 r=%27256%27 fill=%27%23fff%27/%3E%3C/mask%3E%3Cg mask=%27url%28%23a%29%27%3E%3Cpath fill=%27%23d80027%27 d=%27M167 0h345v512H167z%27/%3E%3Cpath fill=%27%236da544%27 d=%27M0 0h167v512H0z%27/%3E%3Ccircle cx=%27167%27 cy=%27256%27 r=%2789%27 fill=%27%23ffda44%27/%3E%3Ccircle cx=%27167%27 cy=%27256%27 r=%2766.8%27 fill=%27%23eee%27/%3E%3Cpath fill=%27%23d80027%27 d=%27M133.6 222.6h66.8v55.7a33.4 33.4 0 0 1-66.8 0z%27/%3E%3Cpath fill=%27%230052b4%27 d=%27M133.6 222.6h22.3v55.7h-22.3zm44.5 0h22.3v55.7H178z%27/%3E%3Cpath fill=%27%23eee%27 d=%27M133.6 278.3h66.8v22.3h-66.8z%27/%3E%3C/g%3E%3C/svg%3E");
}

.ca {
  background-image: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 512 512%27%3E%3Cmask id=%27a%27%3E%3Ccircle cx=%27256%27 cy=%27256%27 r=%27256%27 fill=%27%23fff%27/%3E%3C/mask%3E%3Cg mask=%27url%28%23a%29%27%3E%3Cpath fill=%27%23ffda44%27 d=%27M0 0h512v512H0z%27/%3E%3Cpath fill=%27%23d80027%27 d=%27M0 0h512v73H0zm0 146h512v73H0zm0 146h512v73H0zm0 146h512v73H0z%27/%3E%3C/g%3E%3C/svg%3E");
}

.valign-middle {
  display: flex;
  align-items: center; /* align vertical */
}

/* tabs */
.tab-group {
  clear: both;
  border-bottom: 1px #d1d5db solid;
  max-width: 100%;
  overflow: auto;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: row;
  align-items: stretch;
}
.tab-group .tab {
  text-decoration: none;
  display: inline-block;
  padding: 10px 10px;
  vertical-align: top;
  font-size: 0.8em;
  font-weight: 600;
  letter-spacing: 0.1em;
  text-align: center;
  cursor: pointer;
  text-transform: uppercase;
  flex: 1;
  color: #6b7280;
}
.tab-group .tab:hover {
  background-color: #f9fafb;
}
.tab-group .active {
  border-bottom: 3px solid var(--theme-color-accent-default);
  cursor: default;
  color: #111827;
}

.tab-content > div {
  display: none;
  padding-top: 20px;
}
.tab-content > div.active {
  display: block;
}

#legacy_content .checkbox,
#legacy_content .radio,
#popup .checkbox,
#popup .radio,
#widget_popup_overlay .checkbox,
#widget_popup_overlay .radio {
  margin-bottom: 3px;
  min-height: 2em;
  display: grid;
  align-content: center;
}
#legacy_content .checkbox label,
#legacy_content .radio label,
#popup .checkbox label,
#popup .radio label,
#widget_popup_overlay .checkbox label,
#widget_popup_overlay .radio label {
  padding-left: 5px;
  margin-bottom: 0 !important;
  display: flex !important;
  font-weight: 400;
}
#legacy_content .checkbox label input[type=text],
#legacy_content .radio label input[type=text],
#popup .checkbox label input[type=text],
#popup .radio label input[type=text],
#widget_popup_overlay .checkbox label input[type=text],
#widget_popup_overlay .radio label input[type=text] {
  width: auto;
}
#legacy_content .checkbox label.text-normal,
#legacy_content .radio label.text-normal,
#popup .checkbox label.text-normal,
#popup .radio label.text-normal,
#widget_popup_overlay .checkbox label.text-normal,
#widget_popup_overlay .radio label.text-normal {
  font-weight: normal;
  color: #111827;
}
.table #legacy_content .checkbox,
.table #legacy_content .radio,
.table #popup .checkbox,
.table #popup .radio,
.table #widget_popup_overlay .checkbox,
.table #widget_popup_overlay .radio {
  height: auto;
}
#legacy_content .checkbox .tip,
#legacy_content .radio .tip,
#popup .checkbox .tip,
#popup .radio .tip,
#widget_popup_overlay .checkbox .tip,
#widget_popup_overlay .radio .tip {
  display: block;
  margin-bottom: 7px;
  margin-left: 28px;
  font-weight: 400;
  font-size: 1rem;
  letter-spacing: 0.0025em;
  line-height: 160%;
}
#legacy_content .checkbox .tip:before,
#legacy_content .radio .tip:before,
#popup .checkbox .tip:before,
#popup .radio .tip:before,
#widget_popup_overlay .checkbox .tip:before,
#widget_popup_overlay .radio .tip:before {
  content: "\e945";
  font-family: "icon-font" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  padding-right: 3px;
}
#legacy_content .checkbox input[type=checkbox],
#popup .checkbox input[type=checkbox],
#widget_popup_overlay .checkbox input[type=checkbox] {
  border-width: 1px;
  height: 16px;
  width: 16px;
  background-color: rgb(255, 255, 255);
  border: 1px solid #9ca3af;
  transform: translate3d(0, 1px, 0);
  flex-shrink: 0;
  appearance: none;
  margin-right: 8px;
  border-radius: 15%;
}
#legacy_content .checkbox input[type=checkbox]:checked,
#popup .checkbox input[type=checkbox]:checked,
#widget_popup_overlay .checkbox input[type=checkbox]:checked {
  border: 1px solid transparent;
  background-color: var(--theme-color-accent-default);
  background-size: 100% 100%;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url("data:image/svg+xml,%3csvg viewBox=%270 0 16 16%27 fill=%27white%27 xmlns=%27http://www.w3.org/2000/svg%27%3e%3cpath d=%27M12.207 4.793a1 1 0 010 1.414l-5 5a1 1 0 01-1.414 0l-2-2a1 1 0 011.414-1.414L6.5 9.086l4.293-4.293a1 1 0 011.414 0z%27/%3e%3c/svg%3e");
}
#legacy_content .checkbox input[type=checkbox]:focus,
#popup .checkbox input[type=checkbox]:focus,
#widget_popup_overlay .checkbox input[type=checkbox]:focus {
  outline: none;
  border-color: var(--theme-color-accent-default);
}
#legacy_content .checkbox input[type=checkbox]:disabled,
#popup .checkbox input[type=checkbox]:disabled,
#widget_popup_overlay .checkbox input[type=checkbox]:disabled {
  border-color: #9ca3af;
  background: #9ca3af;
}
#legacy_content .checkbox input[type=checkbox]:disabled:before,
#popup .checkbox input[type=checkbox]:disabled:before,
#widget_popup_overlay .checkbox input[type=checkbox]:disabled:before {
  border: 1px solid transparent;
  background-size: 100% 100%;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url("data:image/svg+xml,%3csvg viewBox=%270 0 16 16%27 fill=%27white%27 xmlns=%27http://www.w3.org/2000/svg%27%3e%3cpath d=%27M12.207 4.793a1 1 0 010 1.414l-5 5a1 1 0 01-1.414 0l-2-2a1 1 0 011.414-1.414L6.5 9.086l4.293-4.293a1 1 0 011.414 0z%27/%3e%3c/svg%3e");
}
#legacy_content .radio input[type=radio],
#popup .radio input[type=radio],
#widget_popup_overlay .radio input[type=radio] {
  border-width: 1px;
  height: 16px;
  width: 16px;
  background-color: rgb(255, 255, 255);
  border: 1px solid #9ca3af;
  transform: translate3d(0, 1px, 0);
  flex-shrink: 0;
  appearance: none;
  margin-right: 8px;
  border-radius: 100%;
}
#legacy_content .radio input[type=radio]:checked,
#popup .radio input[type=radio]:checked,
#widget_popup_overlay .radio input[type=radio]:checked {
  background-color: var(--theme-color-accent-default);
  box-shadow: inset 0 0 0 2px rgb(255, 255, 255);
}
#legacy_content .radio input[type=radio]:focus,
#popup .radio input[type=radio]:focus,
#widget_popup_overlay .radio input[type=radio]:focus {
  outline: none;
  border-color: var(--theme-color-accent-default);
}
#legacy_content .radio input[type=radio]:disabled,
#popup .radio input[type=radio]:disabled,
#widget_popup_overlay .radio input[type=radio]:disabled {
  border-color: #9ca3af;
  background: #9ca3af;
}
#legacy_content .radio input[type=radio]:disabled:before,
#popup .radio input[type=radio]:disabled:before,
#widget_popup_overlay .radio input[type=radio]:disabled:before {
  background-color: var(--theme-color-accent-default);
  box-shadow: inset 0 0 0 2px rgb(255, 255, 255);
}

.input-days-hours-minutes input {
  text-align: center;
}
.input-days-hours-minutes input::placeholder {
  color: #6b7280;
}
.input-days-hours-minutes p {
  display: inline-block;
  text-align: center;
}
.input-days-hours-minutes .time-input {
  display: inline-block;
  width: 100px;
}
.input-days-hours-minutes .time-input:nth-child(1) {
  padding-right: 0;
}
.input-days-hours-minutes .time-input:nth-child(1) input {
  width: calc(100% - 15px) !important;
}
.input-days-hours-minutes .time-input:nth-child(1) p {
  width: 15px;
}
.input-days-hours-minutes .time-input:nth-child(2) {
  padding-left: 0;
  padding-right: 0;
}
.input-days-hours-minutes .time-input:nth-child(2) input {
  width: calc(100% - 15px) !important;
}
.input-days-hours-minutes .time-input:nth-child(2) p {
  width: 15px;
}
.input-days-hours-minutes .time-input:nth-child(3) {
  padding-left: 0;
}
.input-days-hours-minutes .time-input:nth-child(3) input {
  width: calc(100% - 15px) !important;
}
.input-days-hours-minutes .time-input:nth-child(3) p {
  width: 15px;
}

.drilldownMultiselect-wrapper {
  display: block;
  width: 100%;
  height: auto;
  min-height: 35px;
}

.drilldownMultiselect,
.drilldown.drilldownMultiselect {
  position: relative;
  display: block;
  float: left;
  width: 100%;
  height: auto;
  min-height: 20px;
  /* new drill down styling for target audience class="drilldown drilldown-navigation" */
}
.drilldownMultiselect .hide,
.drilldown.drilldownMultiselect .hide {
  display: none !important;
}
.drilldownMultiselect label,
.drilldown.drilldownMultiselect label {
  display: block;
  width: 100%;
}
.drilldownMultiselect ul,
.drilldown.drilldownMultiselect ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
}
.drilldownMultiselect header,
.drilldown.drilldownMultiselect header {
  display: block;
  float: left;
  width: 100%;
  height: auto;
  min-height: 10px;
}
.drilldownMultiselect footer,
.drilldown.drilldownMultiselect footer {
  min-height: 0;
  margin: 0;
}
.drilldownMultiselect .row,
.drilldown.drilldownMultiselect .row {
  margin-bottom: 20px;
}
.drilldownMultiselect .list-status .loading,
.drilldown.drilldownMultiselect .list-status .loading {
  text-align: left;
  width: auto;
  min-width: 20px;
  min-height: 20px;
  margin: 0;
  background-size: 20px 20px;
}
.drilldownMultiselect .drilldown.drilldown-navigation,
.drilldown.drilldownMultiselect .drilldown.drilldown-navigation {
  overflow: hidden;
  margin-bottom: 10px;
}
.drilldownMultiselect .drilldown.drilldown-navigation ul,
.drilldown.drilldownMultiselect .drilldown.drilldown-navigation ul {
  position: relative;
  width: 100%;
  height: auto;
  max-height: 282px;
  list-style-type: none;
  margin: 0;
  padding: 0;
  padding-top: 2px;
}
.drilldownMultiselect .drilldown.drilldown-navigation ul li,
.drilldown.drilldownMultiselect .drilldown.drilldown-navigation ul li {
  position: relative;
}
.drilldownMultiselect .drilldown.drilldown-navigation ul li a,
.drilldown.drilldownMultiselect .drilldown.drilldown-navigation ul li a {
  display: block;
  padding: 7px 10px 9px 10px;
  font-size: 1em;
  font-weight: normal;
  color: #1f2937;
  outline: none;
  text-decoration: none;
  width: 100%;
}
.drilldownMultiselect .drilldown.drilldown-navigation ul li a span,
.drilldown.drilldownMultiselect .drilldown.drilldown-navigation ul li a span {
  width: 100%;
  display: inline-block;
  height: auto;
}
.drilldownMultiselect .drilldown.drilldown-navigation ul li a span:after,
.drilldown.drilldownMultiselect .drilldown.drilldown-navigation ul li a span:after {
  content: "";
  background: white;
  border-radius: 15%;
  border: 1px solid #6b7280;
  display: inline-block;
  width: 15px;
  height: 15px;
  position: absolute;
  top: 9px;
  right: 10px;
  margin-right: 5px;
  vertical-align: top;
  cursor: pointer;
  text-align: center;
  transition: all 250ms ease;
  line-height: inherit;
}
.drilldownMultiselect .drilldown.drilldown-navigation ul li a:hover,
.drilldown.drilldownMultiselect .drilldown.drilldown-navigation ul li a:hover {
  text-decoration: none;
  background-color: #f3f4f6;
}
.drilldownMultiselect .drilldown.drilldown-navigation ul li a.selected span:after,
.drilldown.drilldownMultiselect .drilldown.drilldown-navigation ul li a.selected span:after {
  background-color: var(--theme-color-accent-default);
  box-shadow: inset 0 0 0 2px white;
}
.drilldownMultiselect .drilldown.drilldown-navigation ul li > a:not(:only-child):after,
.drilldown.drilldownMultiselect .drilldown.drilldown-navigation ul li > a:not(:only-child):after {
  position: absolute;
  top: 1px;
  right: 6px;
  line-height: 32px;
  speak: none;
  -webkit-font-smoothing: antialiased;
  content: "\e92f";
  font-family: "icon-font";
  -webkit-transform: rotate(0deg);
  transform: rotate(0deg);
}
.drilldownMultiselect .drilldown.drilldown-navigation ul li.drilldown-back:before, .drilldownMultiselect .drilldown.drilldown-navigation ul li.drilldown-clear:before,
.drilldown.drilldownMultiselect .drilldown.drilldown-navigation ul li.drilldown-back:before,
.drilldown.drilldownMultiselect .drilldown.drilldown-navigation ul li.drilldown-clear:before {
  content: none !important;
}
.drilldownMultiselect .drilldown.drilldown-navigation ul li.drilldown-back > a, .drilldownMultiselect .drilldown.drilldown-navigation ul li.drilldown-clear > a,
.drilldown.drilldownMultiselect .drilldown.drilldown-navigation ul li.drilldown-back > a,
.drilldown.drilldownMultiselect .drilldown.drilldown-navigation ul li.drilldown-clear > a {
  position: relative;
  display: block;
  font-size: 1em;
  font-weight: 600;
}
.drilldownMultiselect .drilldown.drilldown-navigation ul li.drilldown-back > a:hover, .drilldownMultiselect .drilldown.drilldown-navigation ul li.drilldown-back > a:active, .drilldownMultiselect .drilldown.drilldown-navigation ul li.drilldown-clear > a:hover, .drilldownMultiselect .drilldown.drilldown-navigation ul li.drilldown-clear > a:active,
.drilldown.drilldownMultiselect .drilldown.drilldown-navigation ul li.drilldown-back > a:hover,
.drilldown.drilldownMultiselect .drilldown.drilldown-navigation ul li.drilldown-back > a:active,
.drilldown.drilldownMultiselect .drilldown.drilldown-navigation ul li.drilldown-clear > a:hover,
.drilldown.drilldownMultiselect .drilldown.drilldown-navigation ul li.drilldown-clear > a:active {
  background-color: transparent !important;
}
.drilldownMultiselect .drilldown.drilldown-navigation ul li.drilldown-back > a.btn-back, .drilldownMultiselect .drilldown.drilldown-navigation ul li.drilldown-clear > a.btn-back,
.drilldown.drilldownMultiselect .drilldown.drilldown-navigation ul li.drilldown-back > a.btn-back,
.drilldown.drilldownMultiselect .drilldown.drilldown-navigation ul li.drilldown-clear > a.btn-back {
  float: left;
  padding-left: 25px;
  width: auto;
}
.drilldownMultiselect .drilldown.drilldown-navigation ul li.drilldown-back > a.btn-back:before, .drilldownMultiselect .drilldown.drilldown-navigation ul li.drilldown-clear > a.btn-back:before,
.drilldown.drilldownMultiselect .drilldown.drilldown-navigation ul li.drilldown-back > a.btn-back:before,
.drilldown.drilldownMultiselect .drilldown.drilldown-navigation ul li.drilldown-clear > a.btn-back:before {
  position: absolute;
  top: 1px;
  left: 6px;
  line-height: 30px;
  speak: none;
  -webkit-font-smoothing: antialiased;
  content: "\e92f";
  font-family: "icon-font";
  font-size: 1em;
  font-weight: 600;
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}
.drilldownMultiselect .drilldown.drilldown-navigation ul li.drilldown-back > a.btn-back:after, .drilldownMultiselect .drilldown.drilldown-navigation ul li.drilldown-clear > a.btn-back:after,
.drilldown.drilldownMultiselect .drilldown.drilldown-navigation ul li.drilldown-back > a.btn-back:after,
.drilldown.drilldownMultiselect .drilldown.drilldown-navigation ul li.drilldown-clear > a.btn-back:after {
  content: none !important;
}
.drilldownMultiselect .drilldown.drilldown-navigation ul li.drilldown-back > a.btn-clear, .drilldownMultiselect .drilldown.drilldown-navigation ul li.drilldown-clear > a.btn-clear,
.drilldown.drilldownMultiselect .drilldown.drilldown-navigation ul li.drilldown-back > a.btn-clear,
.drilldown.drilldownMultiselect .drilldown.drilldown-navigation ul li.drilldown-clear > a.btn-clear {
  float: right;
  padding-right: 14px;
  width: auto;
  color: var(--theme-color-negative-default);
}
.drilldownMultiselect .drilldown.drilldown-navigation ul li.drilldown-back > a.btn-clear:hover, .drilldownMultiselect .drilldown.drilldown-navigation ul li.drilldown-back > a.btn-clear:active, .drilldownMultiselect .drilldown.drilldown-navigation ul li.drilldown-clear > a.btn-clear:hover, .drilldownMultiselect .drilldown.drilldown-navigation ul li.drilldown-clear > a.btn-clear:active,
.drilldown.drilldownMultiselect .drilldown.drilldown-navigation ul li.drilldown-back > a.btn-clear:hover,
.drilldown.drilldownMultiselect .drilldown.drilldown-navigation ul li.drilldown-back > a.btn-clear:active,
.drilldown.drilldownMultiselect .drilldown.drilldown-navigation ul li.drilldown-clear > a.btn-clear:hover,
.drilldown.drilldownMultiselect .drilldown.drilldown-navigation ul li.drilldown-clear > a.btn-clear:active {
  color: var(--theme-color-negative-dark);
}
.drilldownMultiselect .drilldown.drilldown-navigation ul li.drilldown-back > a.btn-clear:after, .drilldownMultiselect .drilldown.drilldown-navigation ul li.drilldown-clear > a.btn-clear:after,
.drilldown.drilldownMultiselect .drilldown.drilldown-navigation ul li.drilldown-back > a.btn-clear:after,
.drilldown.drilldownMultiselect .drilldown.drilldown-navigation ul li.drilldown-clear > a.btn-clear:after {
  content: none !important;
}
.drilldownMultiselect .drilldown.drilldown-navigation ul li.drilldown-back > a.btn-clear:before, .drilldownMultiselect .drilldown.drilldown-navigation ul li.drilldown-clear > a.btn-clear:before,
.drilldown.drilldownMultiselect .drilldown.drilldown-navigation ul li.drilldown-back > a.btn-clear:before,
.drilldown.drilldownMultiselect .drilldown.drilldown-navigation ul li.drilldown-clear > a.btn-clear:before {
  content: none !important;
}
.drilldownMultiselect .drilldown.drilldown-navigation ul li .drilldown-parent a,
.drilldown.drilldownMultiselect .drilldown.drilldown-navigation ul li .drilldown-parent a {
  font-weight: 600;
}
.drilldownMultiselect .drilldown.drilldown-navigation .drilldown-cat,
.drilldown.drilldownMultiselect .drilldown.drilldown-navigation .drilldown-cat {
  font-weight: 600;
}
.drilldownMultiselect .drilldown.drilldown-navigation .drilldown-container,
.drilldown.drilldownMultiselect .drilldown.drilldown-navigation .drilldown-container {
  overflow: hidden;
  overflow-y: auto;
  margin-bottom: 2px;
  max-height: 230px;
}
.drilldownMultiselect .select-container,
.drilldown.drilldownMultiselect .select-container {
  position: absolute;
  top: 36px;
  left: 2%;
  right: 2%;
  z-index: 800;
  display: block;
  width: 96%;
  height: auto;
  min-height: 10px;
  margin: 0 auto;
  margin-bottom: 5px;
  background: rgb(255, 255, 255);
  border: 1px #9ca3af solid;
  border-radius: 5px;
  border-top: 0;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.drilldownMultiselect .select-container.direction-fixed,
.drilldown.drilldownMultiselect .select-container.direction-fixed {
  position: static !important;
  margin-top: 36px;
}
.drilldownMultiselect .select-container.direction-up,
.drilldown.drilldownMultiselect .select-container.direction-up {
  top: auto;
  bottom: 40px;
  height: auto;
  margin-bottom: 0;
  border-bottom: 0;
  border-top: 1px #9ca3af solid;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
.drilldownMultiselect .select-title-container,
.drilldown.drilldownMultiselect .select-title-container {
  display: block;
  float: left;
  width: 60%;
  height: 35px;
  min-height: 35px;
  padding: 14px 10px 5px 15px;
}
.drilldownMultiselect .select-toggle-container,
.drilldown.drilldownMultiselect .select-toggle-container {
  display: block;
  float: right;
  text-align: right;
  width: 40%;
  height: auto;
  min-height: 10px;
  text-align: right;
  padding: 10px;
}
.drilldownMultiselect .select-search-container,
.drilldown.drilldownMultiselect .select-search-container {
  display: block;
  float: left;
  width: 100%;
  height: auto;
  min-height: 10px;
  padding: 0 10px;
}
.drilldownMultiselect .select-search-container .form-group,
.drilldown.drilldownMultiselect .select-search-container .form-group {
  margin-bottom: 10px !important;
}
.drilldownMultiselect .select-drilldown-container,
.drilldown.drilldownMultiselect .select-drilldown-container {
  display: inline-block;
  width: 100%;
  height: auto;
  min-height: 10px;
  margin: 0 auto;
  border-top: 0px solid #9ca3af;
}
.drilldownMultiselect .list-overview-container,
.drilldown.drilldownMultiselect .list-overview-container {
  position: relative;
  display: block;
  float: left;
  width: 100%;
  height: auto;
  min-height: 5px;
  margin: 0;
  border: 1px #9ca3af solid;
  background: white;
  border-radius: 5px;
  padding: 7px 10px 7px 10px;
  font-size: 1em;
}
.drilldownMultiselect .list-overview-container a,
.drilldown.drilldownMultiselect .list-overview-container a {
  display: block;
  float: left;
  width: 100%;
  height: auto;
  min-height: 20px;
  position: relative;
  color: #1f2937;
  padding-right: 20px;
}
.drilldownMultiselect .list-overview-container a:hover,
.drilldown.drilldownMultiselect .list-overview-container a:hover {
  text-decoration: none;
}
.drilldownMultiselect .list-overview-container a:after,
.drilldown.drilldownMultiselect .list-overview-container a:after {
  position: absolute;
  top: 0;
  right: 0;
  line-height: 20px;
  font-family: "icon-font";
  speak: none;
  -webkit-font-smoothing: antialiased;
  content: "\e92f";
  -webkit-transform: rotate(0deg);
  transform: rotate(0deg);
}
.drilldownMultiselect .list-overview-container a.active:after,
.drilldown.drilldownMultiselect .list-overview-container a.active:after {
  right: 2px;
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
}
.drilldownMultiselect .list-overview-container .select-dropdown,
.drilldown.drilldownMultiselect .list-overview-container .select-dropdown {
  position: relative;
  display: block;
  float: left;
  min-height: 20px;
  max-height: 130px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.drilldownMultiselect .list-overview-container .select-dropdown p,
.drilldown.drilldownMultiselect .list-overview-container .select-dropdown p {
  display: inline-block;
  float: left;
  font-size: 1em;
  margin: 0;
  padding: 0;
}
.drilldownMultiselect .list-overview-container .select-dropdown ul,
.drilldown.drilldownMultiselect .list-overview-container .select-dropdown ul {
  float: left;
  width: 100%;
  padding-right: 10px;
}
.drilldownMultiselect .list-overview-container .select-dropdown ul li,
.drilldown.drilldownMultiselect .list-overview-container .select-dropdown ul li {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.drilldownMultiselect .list-overview-container .select-dropdown ul li:empty,
.drilldown.drilldownMultiselect .list-overview-container .select-dropdown ul li:empty {
  display: none;
}
.drilldownMultiselect .list-overview-container .select-dropdown div,
.drilldown.drilldownMultiselect .list-overview-container .select-dropdown div {
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.drilldownMultiselect .list-overview-container .select-dropdown.active,
.drilldown.drilldownMultiselect .list-overview-container .select-dropdown.active {
  height: auto;
  max-height: none;
  min-height: 20px;
}
.drilldownMultiselect .list-overview-container .select-dropdown.active div,
.drilldown.drilldownMultiselect .list-overview-container .select-dropdown.active div {
  overflow: auto;
  text-overflow: unset;
  white-space: normal;
}
.drilldownMultiselect .list-overview-container .select-dropdown.active ul li,
.drilldown.drilldownMultiselect .list-overview-container .select-dropdown.active ul li {
  overflow: hidden;
  white-space: normal;
}
.drilldownMultiselect .list-overview-container .select-dropdown.direction-up.active:after,
.drilldown.drilldownMultiselect .list-overview-container .select-dropdown.direction-up.active:after {
  top: -2px;
  right: 2px;
  -webkit-transform: rotate(-90deg);
  transform: rotate(-90deg);
}
.drilldownMultiselect .toggle-txt,
.drilldown.drilldownMultiselect .toggle-txt {
  padding-top: 5px !important;
}
.drilldownMultiselect .button-group-toggle,
.drilldown.drilldownMultiselect .button-group-toggle {
  margin-top: 0 !important;
}
.drilldownMultiselect .button-group.button-group-toggle.include-exclude-toggle .button,
.drilldown.drilldownMultiselect .button-group.button-group-toggle.include-exclude-toggle .button {
  font-weight: 600;
}
.drilldownMultiselect .button-group.button-group-toggle.include-exclude-toggle .button.include span,
.drilldown.drilldownMultiselect .button-group.button-group-toggle.include-exclude-toggle .button.include span {
  display: block;
  width: auto;
  float: left;
  color: #111827 !important;
}
.drilldownMultiselect .button-group.button-group-toggle.include-exclude-toggle .button.exclude span,
.drilldown.drilldownMultiselect .button-group.button-group-toggle.include-exclude-toggle .button.exclude span {
  display: block;
  width: auto;
  float: left;
  color: #111827 !important;
}
.drilldownMultiselect .button-group.button-group-toggle.include-exclude-toggle .button.active.include,
.drilldown.drilldownMultiselect .button-group.button-group-toggle.include-exclude-toggle .button.active.include {
  background-color: var(--theme-color-positive-default) !important;
  border-color: var(--theme-color-positive-default) !important;
}
.drilldownMultiselect .button-group.button-group-toggle.include-exclude-toggle .button.active.include span,
.drilldown.drilldownMultiselect .button-group.button-group-toggle.include-exclude-toggle .button.active.include span {
  color: rgb(255, 255, 255) !important;
}
.drilldownMultiselect .button-group.button-group-toggle.include-exclude-toggle .button.active.exclude,
.drilldown.drilldownMultiselect .button-group.button-group-toggle.include-exclude-toggle .button.active.exclude {
  background-color: var(--theme-color-negative-default) !important;
  border-color: var(--theme-color-negative-default) !important;
}
.drilldownMultiselect .button-group.button-group-toggle.include-exclude-toggle .button.active.exclude span,
.drilldown.drilldownMultiselect .button-group.button-group-toggle.include-exclude-toggle .button.active.exclude span {
  color: rgb(255, 255, 255) !important;
}

.tip {
  display: block;
  margin-bottom: 7px;
}
.tip:before {
  content: "\e945";
  font-family: "icon-font" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  padding-right: 3px;
}

.quicklist-counters.counter-top {
  margin-bottom: 10px !important;
}
.quicklist-counters.counter-bottom {
  margin-top: 10px !important;
}
.quicklist-counters.counter-dropdown {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

.drilldown {
  overflow: hidden;
}
.drilldown .dropdown-item {
  color: inherit;
  width: 100%;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.drilldown .dropdown-item.selected {
  color: white;
  background-color: var(--theme-color-accent-default) !important;
}
.drilldown .dropdown-item.selected:hover {
  background-color: var(--theme-color-accent-light);
}
.drilldown .drilldown-back::before {
  content: "\e92e";
  margin-right: 6px;
  vertical-align: middle;
  font-family: "icon-font";
}
.drilldown .drilldown-sub {
  display: none;
}
.drilldown .drilldown-parent {
  font-weight: 600;
  position: relative;
}
.drilldown .drilldown-parent::after {
  content: "\e92f";
  position: absolute;
  right: 10px;
  top: 13px;
  font-family: "icon-font";
  vertical-align: middle;
}
.drilldown .drilldown-parent.dropdown-item {
  padding-right: 20px;
}

#legacy_content .select,
#popup .select,
#widget_popup_overlay .select {
  -webkit-user-select: none;
  -moz-user-select: -moz-none;
  -ms-user-select: none;
  user-select: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: url("https://maxcdn.icons8.com/Share/icon/Arrows/expand_arrow1600.png") no-repeat right;
}
#legacy_content input:not(input[type=submit]):not([data-react-component] input,
.select2-search__field):not(input[type=checkbox]):not(input[type=radio]),
#legacy_content select:not([data-react-component] select),
#legacy_content .input:not([data-react-component] .input),
#legacy_content .select:not([data-react-component] .select),
#popup input:not(input[type=submit]):not([data-react-component] input,
.select2-search__field):not(input[type=checkbox]):not(input[type=radio]),
#popup select:not([data-react-component] select),
#popup .input:not([data-react-component] .input),
#popup .select:not([data-react-component] .select),
#widget_popup_overlay input:not(input[type=submit]):not([data-react-component] input,
.select2-search__field):not(input[type=checkbox]):not(input[type=radio]),
#widget_popup_overlay select:not([data-react-component] select),
#widget_popup_overlay .input:not([data-react-component] .input),
#widget_popup_overlay .select:not([data-react-component] .select) {
  height: 2.5em;
  line-height: normal;
}
#legacy_content input:not(input[type=submit]):not([data-react-component] input,
.select2-search__field):not(input[type=checkbox]):not(input[type=radio]):not(.col-xs-11,
.other-option,
.has-width,
input[type=checkbox],
input[type=radio]),
#legacy_content select:not([data-react-component] select):not(.col-xs-11,
.other-option,
.has-width,
input[type=checkbox],
input[type=radio]),
#legacy_content .input:not([data-react-component] .input):not(.col-xs-11,
.other-option,
.has-width,
input[type=checkbox],
input[type=radio]),
#legacy_content .select:not([data-react-component] .select):not(.col-xs-11,
.other-option,
.has-width,
input[type=checkbox],
input[type=radio]),
#popup input:not(input[type=submit]):not([data-react-component] input,
.select2-search__field):not(input[type=checkbox]):not(input[type=radio]):not(.col-xs-11,
.other-option,
.has-width,
input[type=checkbox],
input[type=radio]),
#popup select:not([data-react-component] select):not(.col-xs-11,
.other-option,
.has-width,
input[type=checkbox],
input[type=radio]),
#popup .input:not([data-react-component] .input):not(.col-xs-11,
.other-option,
.has-width,
input[type=checkbox],
input[type=radio]),
#popup .select:not([data-react-component] .select):not(.col-xs-11,
.other-option,
.has-width,
input[type=checkbox],
input[type=radio]),
#widget_popup_overlay input:not(input[type=submit]):not([data-react-component] input,
.select2-search__field):not(input[type=checkbox]):not(input[type=radio]):not(.col-xs-11,
.other-option,
.has-width,
input[type=checkbox],
input[type=radio]),
#widget_popup_overlay select:not([data-react-component] select):not(.col-xs-11,
.other-option,
.has-width,
input[type=checkbox],
input[type=radio]),
#widget_popup_overlay .input:not([data-react-component] .input):not(.col-xs-11,
.other-option,
.has-width,
input[type=checkbox],
input[type=radio]),
#widget_popup_overlay .select:not([data-react-component] .select):not(.col-xs-11,
.other-option,
.has-width,
input[type=checkbox],
input[type=radio]) {
  width: 100%;
}
#legacy_content input:not(input[type=submit]):not([data-react-component] input,
.select2-search__field):not(input[type=checkbox]):not(input[type=radio]):not([type=checkbox]):not([type=radio]),
#legacy_content select:not([data-react-component] select):not([type=checkbox]):not([type=radio]),
#legacy_content .input:not([data-react-component] .input):not([type=checkbox]):not([type=radio]),
#legacy_content .select:not([data-react-component] .select):not([type=checkbox]):not([type=radio]),
#popup input:not(input[type=submit]):not([data-react-component] input,
.select2-search__field):not(input[type=checkbox]):not(input[type=radio]):not([type=checkbox]):not([type=radio]),
#popup select:not([data-react-component] select):not([type=checkbox]):not([type=radio]),
#popup .input:not([data-react-component] .input):not([type=checkbox]):not([type=radio]),
#popup .select:not([data-react-component] .select):not([type=checkbox]):not([type=radio]),
#widget_popup_overlay input:not(input[type=submit]):not([data-react-component] input,
.select2-search__field):not(input[type=checkbox]):not(input[type=radio]):not([type=checkbox]):not([type=radio]),
#widget_popup_overlay select:not([data-react-component] select):not([type=checkbox]):not([type=radio]),
#widget_popup_overlay .input:not([data-react-component] .input):not([type=checkbox]):not([type=radio]),
#widget_popup_overlay .select:not([data-react-component] .select):not([type=checkbox]):not([type=radio]) {
  padding-right: 1rem;
  padding-left: 0.75rem;
  font-size: 1em;
  background-color: rgb(255, 255, 255);
  background-image: none;
  border: 1px solid #9ca3af;
  border-radius: 3px;
}
#legacy_content input:not(input[type=submit]):not([data-react-component] input,
.select2-search__field):not(input[type=checkbox]):not(input[type=radio]):not([type=checkbox]):not([type=radio]):focus,
#legacy_content select:not([data-react-component] select):not([type=checkbox]):not([type=radio]):focus,
#legacy_content .input:not([data-react-component] .input):not([type=checkbox]):not([type=radio]):focus,
#legacy_content .select:not([data-react-component] .select):not([type=checkbox]):not([type=radio]):focus,
#popup input:not(input[type=submit]):not([data-react-component] input,
.select2-search__field):not(input[type=checkbox]):not(input[type=radio]):not([type=checkbox]):not([type=radio]):focus,
#popup select:not([data-react-component] select):not([type=checkbox]):not([type=radio]):focus,
#popup .input:not([data-react-component] .input):not([type=checkbox]):not([type=radio]):focus,
#popup .select:not([data-react-component] .select):not([type=checkbox]):not([type=radio]):focus,
#widget_popup_overlay input:not(input[type=submit]):not([data-react-component] input,
.select2-search__field):not(input[type=checkbox]):not(input[type=radio]):not([type=checkbox]):not([type=radio]):focus,
#widget_popup_overlay select:not([data-react-component] select):not([type=checkbox]):not([type=radio]):focus,
#widget_popup_overlay .input:not([data-react-component] .input):not([type=checkbox]):not([type=radio]):focus,
#widget_popup_overlay .select:not([data-react-component] .select):not([type=checkbox]):not([type=radio]):focus {
  outline: 0px solid transparent !important;
  outline-offset: 0px !important;
  border-color: transparent !important;
  box-shadow: 0 0 0px 2px var(--theme-color-accent-default) !important;
  transition: none !important;
  -webkit-appearance: none;
}
#legacy_content input:not(input[type=submit]):not([data-react-component] input,
.select2-search__field):not(input[type=checkbox]):not(input[type=radio]):not([type=checkbox]):not([type=radio]):disabled,
#legacy_content select:not([data-react-component] select):not([type=checkbox]):not([type=radio]):disabled,
#legacy_content .input:not([data-react-component] .input):not([type=checkbox]):not([type=radio]):disabled,
#legacy_content .select:not([data-react-component] .select):not([type=checkbox]):not([type=radio]):disabled,
#popup input:not(input[type=submit]):not([data-react-component] input,
.select2-search__field):not(input[type=checkbox]):not(input[type=radio]):not([type=checkbox]):not([type=radio]):disabled,
#popup select:not([data-react-component] select):not([type=checkbox]):not([type=radio]):disabled,
#popup .input:not([data-react-component] .input):not([type=checkbox]):not([type=radio]):disabled,
#popup .select:not([data-react-component] .select):not([type=checkbox]):not([type=radio]):disabled,
#widget_popup_overlay input:not(input[type=submit]):not([data-react-component] input,
.select2-search__field):not(input[type=checkbox]):not(input[type=radio]):not([type=checkbox]):not([type=radio]):disabled,
#widget_popup_overlay select:not([data-react-component] select):not([type=checkbox]):not([type=radio]):disabled,
#widget_popup_overlay .input:not([data-react-component] .input):not([type=checkbox]):not([type=radio]):disabled,
#widget_popup_overlay .select:not([data-react-component] .select):not([type=checkbox]):not([type=radio]):disabled {
  background-color: #f3f4f6;
}
#legacy_content input:not(input[type=submit]):not([data-react-component] input,
.select2-search__field):not(input[type=checkbox]):not(input[type=radio]).success,
#legacy_content select:not([data-react-component] select).success,
#legacy_content .input:not([data-react-component] .input).success,
#legacy_content .select:not([data-react-component] .select).success,
#popup input:not(input[type=submit]):not([data-react-component] input,
.select2-search__field):not(input[type=checkbox]):not(input[type=radio]).success,
#popup select:not([data-react-component] select).success,
#popup .input:not([data-react-component] .input).success,
#popup .select:not([data-react-component] .select).success,
#widget_popup_overlay input:not(input[type=submit]):not([data-react-component] input,
.select2-search__field):not(input[type=checkbox]):not(input[type=radio]).success,
#widget_popup_overlay select:not([data-react-component] select).success,
#widget_popup_overlay .input:not([data-react-component] .input).success,
#widget_popup_overlay .select:not([data-react-component] .select).success {
  background-color: rgb(255, 255, 255) !important;
  border-color: var(--theme-color-positive-default) !important;
  background-repeat: no-repeat;
}
#legacy_content input:not(input[type=submit]):not([data-react-component] input,
.select2-search__field):not(input[type=checkbox]):not(input[type=radio]).error,
#legacy_content select:not([data-react-component] select).error,
#legacy_content .input:not([data-react-component] .input).error,
#legacy_content .select:not([data-react-component] .select).error,
#popup input:not(input[type=submit]):not([data-react-component] input,
.select2-search__field):not(input[type=checkbox]):not(input[type=radio]).error,
#popup select:not([data-react-component] select).error,
#popup .input:not([data-react-component] .input).error,
#popup .select:not([data-react-component] .select).error,
#widget_popup_overlay input:not(input[type=submit]):not([data-react-component] input,
.select2-search__field):not(input[type=checkbox]):not(input[type=radio]).error,
#widget_popup_overlay select:not([data-react-component] select).error,
#widget_popup_overlay .input:not([data-react-component] .input).error,
#widget_popup_overlay .select:not([data-react-component] .select).error {
  border: 0px !important;
  outline: 0px solid transparent !important;
  outline-offset: 0px !important;
  border-color: transparent !important;
  box-shadow: 0 0 0px 2px var(--theme-color-error-default) !important;
}
#legacy_content input:not(input[type=submit]):not([data-react-component] input,
.select2-search__field):not(input[type=checkbox]):not(input[type=radio]).searching,
#legacy_content select:not([data-react-component] select).searching,
#legacy_content .input:not([data-react-component] .input).searching,
#legacy_content .select:not([data-react-component] .select).searching,
#popup input:not(input[type=submit]):not([data-react-component] input,
.select2-search__field):not(input[type=checkbox]):not(input[type=radio]).searching,
#popup select:not([data-react-component] select).searching,
#popup .input:not([data-react-component] .input).searching,
#popup .select:not([data-react-component] .select).searching,
#widget_popup_overlay input:not(input[type=submit]):not([data-react-component] input,
.select2-search__field):not(input[type=checkbox]):not(input[type=radio]).searching,
#widget_popup_overlay select:not([data-react-component] select).searching,
#widget_popup_overlay .input:not([data-react-component] .input).searching,
#widget_popup_overlay .select:not([data-react-component] .select).searching {
  background-image: var(--theme-loader-svg);
  background-repeat: no-repeat;
  background-position: 90% 50%;
  background-size: 22px 22px;
}
#legacy_content input:not(input[type=submit]):not([data-react-component] input,
.select2-search__field):not(input[type=checkbox]):not(input[type=radio]).tinted,
#legacy_content select:not([data-react-component] select).tinted,
#legacy_content .input:not([data-react-component] .input).tinted,
#legacy_content .select:not([data-react-component] .select).tinted,
#popup input:not(input[type=submit]):not([data-react-component] input,
.select2-search__field):not(input[type=checkbox]):not(input[type=radio]).tinted,
#popup select:not([data-react-component] select).tinted,
#popup .input:not([data-react-component] .input).tinted,
#popup .select:not([data-react-component] .select).tinted,
#widget_popup_overlay input:not(input[type=submit]):not([data-react-component] input,
.select2-search__field):not(input[type=checkbox]):not(input[type=radio]).tinted,
#widget_popup_overlay select:not([data-react-component] select).tinted,
#widget_popup_overlay .input:not([data-react-component] .input).tinted,
#widget_popup_overlay .select:not([data-react-component] .select).tinted {
  background-color: #f3f4f6;
}
#legacy_content input:not(input[type=submit]):not([data-react-component] input,
.select2-search__field):not(input[type=checkbox]):not(input[type=radio]):focus,
#legacy_content select:not([data-react-component] select):focus,
#legacy_content .input:not([data-react-component] .input):focus,
#legacy_content .select:not([data-react-component] .select):focus,
#popup input:not(input[type=submit]):not([data-react-component] input,
.select2-search__field):not(input[type=checkbox]):not(input[type=radio]):focus,
#popup select:not([data-react-component] select):focus,
#popup .input:not([data-react-component] .input):focus,
#popup .select:not([data-react-component] .select):focus,
#widget_popup_overlay input:not(input[type=submit]):not([data-react-component] input,
.select2-search__field):not(input[type=checkbox]):not(input[type=radio]):focus,
#widget_popup_overlay select:not([data-react-component] select):focus,
#widget_popup_overlay .input:not([data-react-component] .input):focus,
#widget_popup_overlay .select:not([data-react-component] .select):focus {
  outline: none;
}
#legacy_content .input,
#legacy_content .select,
#popup .input,
#popup .select,
#widget_popup_overlay .input,
#widget_popup_overlay .select {
  padding: 5px 10px;
}
#legacy_content .input.dropdown-toggle,
#legacy_content .select.dropdown-toggle,
#popup .input.dropdown-toggle,
#popup .select.dropdown-toggle,
#widget_popup_overlay .input.dropdown-toggle,
#widget_popup_overlay .select.dropdown-toggle {
  text-align: left;
  font-weight: normal;
  display: flex;
  align-items: center;
}
#legacy_content .input.dropdown-toggle:after,
#legacy_content .select.dropdown-toggle:after,
#popup .input.dropdown-toggle:after,
#popup .select.dropdown-toggle:after,
#widget_popup_overlay .input.dropdown-toggle:after,
#widget_popup_overlay .select.dropdown-toggle:after {
  content: "▼";
  position: absolute;
  right: 10px;
  font-size: 0.8em;
  line-height: 2em;
  vertical-align: middle;
}
#legacy_content textarea,
#popup textarea,
#widget_popup_overlay textarea {
  min-height: 5em;
}
#legacy_content textarea:not(.col-xs-11,
.other-option,
.has-width,
input[type=checkbox],
input[type=radio]),
#popup textarea:not(.col-xs-11,
.other-option,
.has-width,
input[type=checkbox],
input[type=radio]),
#widget_popup_overlay textarea:not(.col-xs-11,
.other-option,
.has-width,
input[type=checkbox],
input[type=radio]) {
  width: 100%;
}
#legacy_content textarea:not([type=checkbox]):not([type=radio]),
#popup textarea:not([type=checkbox]):not([type=radio]),
#widget_popup_overlay textarea:not([type=checkbox]):not([type=radio]) {
  padding-right: 1rem;
  padding-left: 0.75rem;
  font-size: 1em;
  background-color: rgb(255, 255, 255);
  background-image: none;
  border: 1px solid #9ca3af;
  border-radius: 3px;
}
#legacy_content textarea:not([type=checkbox]):not([type=radio]):focus,
#popup textarea:not([type=checkbox]):not([type=radio]):focus,
#widget_popup_overlay textarea:not([type=checkbox]):not([type=radio]):focus {
  outline: 0px solid transparent !important;
  outline-offset: 0px !important;
  border-color: transparent !important;
  box-shadow: 0 0 0px 2px var(--theme-color-accent-default) !important;
  transition: none !important;
  -webkit-appearance: none;
}
#legacy_content textarea:not([type=checkbox]):not([type=radio]):disabled,
#popup textarea:not([type=checkbox]):not([type=radio]):disabled,
#widget_popup_overlay textarea:not([type=checkbox]):not([type=radio]):disabled {
  background-color: #f3f4f6;
}
#legacy_content textarea.success,
#popup textarea.success,
#widget_popup_overlay textarea.success {
  background-color: rgb(255, 255, 255) !important;
  border-color: var(--theme-color-positive-default) !important;
  background-repeat: no-repeat;
}
#legacy_content textarea.error,
#popup textarea.error,
#widget_popup_overlay textarea.error {
  border: 0px !important;
  outline: 0px solid transparent !important;
  outline-offset: 0px !important;
  border-color: transparent !important;
  box-shadow: 0 0 0px 2px var(--theme-color-error-default) !important;
}
#legacy_content textarea.searching,
#popup textarea.searching,
#widget_popup_overlay textarea.searching {
  background-image: var(--theme-loader-svg);
  background-repeat: no-repeat;
  background-position: 90% 50%;
  background-size: 22px 22px;
}
#legacy_content textarea.tinted,
#popup textarea.tinted,
#widget_popup_overlay textarea.tinted {
  background-color: #f3f4f6;
}
#legacy_content select[multiple],
#popup select[multiple],
#widget_popup_overlay select[multiple] {
  height: auto;
  max-height: 100px;
}

.search-cards-input {
  margin: 0 2px !important;
}

.input-search__input-wrapper {
  position: relative;
  width: 100%;
}

.input-search__button-wrapper {
  position: absolute;
  top: 0;
  right: 10px;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}

.input-search__icon-button {
  width: 20px;
  height: 20px;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0 !important;
  background-color: transparent;
  border: 0;
  cursor: pointer;
  height: auto !important;
}

.input-search__icon-button:hover svg {
  fill: #1f2937;
}

.input-search__icon-button svg {
  width: 35px;
  height: 30px;
}

.select2.select2-container {
  width: 100% !important;
  z-index: auto !important;
}
.select2 input:focus {
  box-shadow: none !important;
}
.select2 .select2-selection {
  width: 100%;
  min-height: 0;
  padding-top: 0.6rem !important;
  padding-right: 1rem !important;
  padding-bottom: 0.6rem !important;
  padding-left: 0.75rem !important;
  font-size: 1em;
  background-color: rgb(255, 255, 255);
  background-image: none;
  border: 1px solid #9ca3af;
  border-radius: 3px;
  box-shadow: none !important;
}
.select2 .select2-selection:disabled {
  background-color: #f3f4f6;
}
.select2 .select2-selection.select2-selection--single {
  line-height: 1em;
  vertical-align: middle;
  box-shadow: none;
}
.select2 .select2-selection.select2-selection--single:not(.col-xs-11,
.other-option,
.has-width,
input[type=checkbox],
input[type=radio]) {
  width: 100%;
}
.select2 .select2-selection.select2-selection--single:not([type=checkbox]):not([type=radio]) {
  padding-right: 1rem;
  padding-left: 0.75rem;
  font-size: 1em;
  background-color: rgb(255, 255, 255);
  background-image: none;
  border: 1px solid #9ca3af;
  border-radius: 3px;
}
.select2 .select2-selection.select2-selection--single:not([type=checkbox]):not([type=radio]):focus {
  outline: 0px solid transparent !important;
  outline-offset: 0px !important;
  border-color: transparent !important;
  box-shadow: 0 0 0px 2px var(--theme-color-accent-default) !important;
  transition: none !important;
  -webkit-appearance: none;
}
.select2 .select2-selection.select2-selection--single:not([type=checkbox]):not([type=radio]):disabled {
  background-color: #f3f4f6;
}
.select2 .select2-selection.select2-selection--single.success {
  background-color: rgb(255, 255, 255) !important;
  border-color: var(--theme-color-positive-default) !important;
  background-repeat: no-repeat;
}
.select2 .select2-selection.select2-selection--single.error {
  border: 0px !important;
  outline: 0px solid transparent !important;
  outline-offset: 0px !important;
  border-color: transparent !important;
  box-shadow: 0 0 0px 2px var(--theme-color-error-default) !important;
}
.select2 .select2-selection.select2-selection--single.searching {
  background-image: var(--theme-loader-svg);
  background-repeat: no-repeat;
  background-position: 90% 50%;
  background-size: 22px 22px;
}
.select2 .select2-selection.select2-selection--single.tinted {
  background-color: #f3f4f6;
}
.select2 .select2-search__field {
  -webkit-box-shadow: none !important;
  -moz-box-shadow: none !important;
  box-shadow: none !important;
  padding: 0 !important;
  height: 2.3em !important;
  line-height: 2.4em !important;
  min-width: 1px !important;
  width: 100% !important;
  border-color: transparent !important;
}
.select2 .select2-container--focus .select2-search__field {
  box-shadow: none !important;
}
.select2 .select2-selection__rendered {
  color: #111827 !important;
  overflow-x: auto !important;
}
.select2 .select2-selection__rendered .select2-selection__choice {
  position: relative;
  background-color: var(--theme-color-accent-lighter) !important;
  border-radius: 3px;
  color: var(--theme-color-accent-default) !important;
  font-size: 0.65rem;
  vertical-align: middle;
  margin: 3px;
  padding: 3px 18px 3px 10px;
  text-align: center;
  white-space: nowrap;
  display: inline-block;
  line-height: normal;
  letter-spacing: 0.8px;
  border: none;
}
.select2 .select2-selection__rendered .select2-selection__choice:hover {
  text-decoration: none;
}
.select2 .select2-selection__rendered .select2-selection__choice .select2-selection__choice__remove {
  position: absolute;
  right: 4px;
  margin-left: 4px;
  margin-right: 0;
  cursor: pointer;
  color: var(--theme-color-accent-default);
  font-size: 1.8em;
  line-height: 0.7em;
}
.select2 .select2-selection__rendered .select2-selection__choice .select2-selection__choice__remove:hover {
  background-color: var(--theme-color-accent-light);
}
.select2.select2-container--bootstrap .select2-selection__arrow {
  right: 24px;
}
.select2.select2-container--bootstrap .select2-selection__arrow b {
  border: none !important;
  margin-top: -8px !important;
  width: 18px;
  margin-right: 8px;
}
.select2.select2-container--bootstrap .select2-selection__arrow b:before {
  font-family: "icon-font" !important;
  content: "\e92d";
  font-size: 18px;
}
.select2.select2-container--bootstrap.select2-container--open .select2-selection__arrow b {
  border: none !important;
}
.select2.select2-container--bootstrap.select2-container--open .select2-selection__arrow b:before {
  font-family: "icon-font" !important;
  content: "\e930";
  font-size: 18px;
}

.table .select2 .select2-selection {
  width: 100% !important;
  min-height: 0 !important;
  padding: 0px 10px !important;
  font-size: 1em !important;
  background-color: rgb(255, 255, 255) !important;
  background-image: none !important;
  border: 1px solid #9ca3af !important;
  border-radius: 3px !important;
  -moz-box-shadow: inset 0 1px 1px transparent !important;
  -webkit-box-shadow: inset 0 1px 1px transparent !important;
  box-shadow: inset 0 1px 1px transparent !important;
}
.table .select2 .select2-selection:focus {
  box-shadow: inset 0 1px 1px transparent !important;
  border-color: transparent !important;
}

.select2-dropdown {
  -webkit-box-shadow: none !important;
  -moz-box-shadow: none !important;
  box-shadow: none !important;
  border-color: var(--theme-color-accent-default) !important;
}
.select2-dropdown .select2-results__options .select2-results__option--highlighted {
  background-color: var(--theme-color-accent-default);
  border: 1px solid white;
}

.select2-dropdown {
  border-radius: 4px !important;
  border-width: 0px !important;
  --ring-inset: var(--empty, /*!*/ /*!*/);
  --ring-offset-width: 0px;
  --ring-offset-color: #fff;
  --shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.06),
    0 4px 6px -2px rgba(0, 0, 0, 0.03);
  --ring-offset-shadow: 0 0 0 var(--ring-offset-width) var(--ring-offset-color);
  --ring-shadow: var(--ring-inset) 0 0 0 calc(1px + var(--ring-offset-width))
    var(--ring-color);
  --ring-color: rgba(0, 0, 0, var(--ring-opacity));
  --ring-opacity: 0.05;
  box-shadow: var(--ring-offset-shadow), var(--ring-shadow), var(--shadow, 0 0 rgba(0, 0, 0, 0)) !important;
}
.select2-dropdown .select2-search--dropdown {
  padding: 8px;
}
.select2-dropdown .select2-search__field:not(.col-xs-11,
.other-option,
.has-width,
input[type=checkbox],
input[type=radio]) {
  width: 100%;
}
.select2-dropdown .select2-search__field:not([type=checkbox]):not([type=radio]) {
  padding-right: 1rem;
  padding-left: 0.75rem;
  font-size: 1em;
  background-color: rgb(255, 255, 255);
  background-image: none;
  border: 1px solid #9ca3af;
  border-radius: 3px;
}
.select2-dropdown .select2-search__field:not([type=checkbox]):not([type=radio]):focus {
  outline: 0px solid transparent !important;
  outline-offset: 0px !important;
  border-color: transparent !important;
  box-shadow: 0 0 0px 2px var(--theme-color-accent-default) !important;
  transition: none !important;
  -webkit-appearance: none;
}
.select2-dropdown .select2-search__field:not([type=checkbox]):not([type=radio]):disabled {
  background-color: #f3f4f6;
}
.select2-dropdown .select2-search__field.success {
  background-color: rgb(255, 255, 255) !important;
  border-color: var(--theme-color-positive-default) !important;
  background-repeat: no-repeat;
}
.select2-dropdown .select2-search__field.error {
  border: 0px !important;
  outline: 0px solid transparent !important;
  outline-offset: 0px !important;
  border-color: transparent !important;
  box-shadow: 0 0 0px 2px var(--theme-color-error-default) !important;
}
.select2-dropdown .select2-search__field.searching {
  background-image: var(--theme-loader-svg);
  background-repeat: no-repeat;
  background-position: 90% 50%;
  background-size: 22px 22px;
}
.select2-dropdown .select2-search__field.tinted {
  background-color: #f3f4f6;
}

.select2-dropdown--above {
  transform: translate3d(0px, -11px, 0px);
}

.select2-dropdown--below {
  transform: translate3d(0px, 11px, 0px);
}

.select2-container {
  z-index: 9999;
}
.select2-container .select2-results__option {
  padding: 8px 12px !important;
  font-size: 1em !important;
  border-width: 0px;
}

.select2-container--bootstrap.select2-container--focus .select2-selection,
.select2-container--bootstrap.select2-container--open .select2-selection,
.select2-container--open .select2-container--bootstrap .select2-container--focus .select2-selection {
  outline: 0px solid transparent !important;
  outline-offset: 0px !important;
  border-color: transparent !important;
  box-shadow: 0 0 0px 2px var(--theme-color-accent-default) !important;
  transition: none !important;
  -webkit-appearance: none;
  border-radius: 3px !important;
}

.locked-tag .select2-selection__choice__remove {
  display: none !important;
}

.tablesorter-filter-row .select2-selection__choice {
  margin-top: 5px !important;
  margin-bottom: 5px !important;
}

.select2-results__option .rich-option {
  display: flex;
  align-items: center;
}
.select2-results__option .rich-option .thumb {
  display: inline-block;
}
.select2-results__option .rich-option > span {
  margin-left: 8px;
  color: inherit;
}

@media (min-width: 992px) {
  .select2.select2-selection--single {
    line-height: 1.2em;
  }
}
.select2-hidden-accessible {
  display: none;
}

#legacy_content .star-rating,
#popup .star-rating,
#widget_popup_overlay .star-rating {
  display: inline-block;
  position: relative;
  font-size: 2em;
}
#legacy_content .star-rating label,
#popup .star-rating label,
#widget_popup_overlay .star-rating label {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  cursor: pointer;
}
#legacy_content .star-rating label:last-child,
#popup .star-rating label:last-child,
#widget_popup_overlay .star-rating label:last-child {
  position: static;
}
#legacy_content .star-rating label:last-child .star,
#popup .star-rating label:last-child .star,
#widget_popup_overlay .star-rating label:last-child .star {
  color: #9ca3af;
}
#legacy_content .star-rating label:nth-child(1),
#popup .star-rating label:nth-child(1),
#widget_popup_overlay .star-rating label:nth-child(1) {
  z-index: 5;
}
#legacy_content .star-rating label:nth-child(2),
#popup .star-rating label:nth-child(2),
#widget_popup_overlay .star-rating label:nth-child(2) {
  z-index: 4;
}
#legacy_content .star-rating label:nth-child(3),
#popup .star-rating label:nth-child(3),
#widget_popup_overlay .star-rating label:nth-child(3) {
  z-index: 3;
}
#legacy_content .star-rating label:nth-child(4),
#popup .star-rating label:nth-child(4),
#widget_popup_overlay .star-rating label:nth-child(4) {
  z-index: 2;
}
#legacy_content .star-rating label:nth-child(5),
#popup .star-rating label:nth-child(5),
#widget_popup_overlay .star-rating label:nth-child(5) {
  z-index: 1;
}
#legacy_content .star-rating label .star,
#popup .star-rating label .star,
#widget_popup_overlay .star-rating label .star {
  float: left;
  color: transparent;
}
#legacy_content .star-rating label input,
#popup .star-rating label input,
#widget_popup_overlay .star-rating label input {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
}
#legacy_content .star-rating:not(:hover) label input:checked ~ .star,
#popup .star-rating:not(:hover) label input:checked ~ .star,
#widget_popup_overlay .star-rating:not(:hover) label input:checked ~ .star {
  color: #F7C845;
}
#legacy_content .star-rating:hover label:hover input ~ .star,
#popup .star-rating:hover label:hover input ~ .star,
#widget_popup_overlay .star-rating:hover label:hover input ~ .star {
  color: #F7C845;
}
#legacy_content .star-rating label input:focus:not(:checked) ~ .star:last-child,
#popup .star-rating label input:focus:not(:checked) ~ .star:last-child,
#widget_popup_overlay .star-rating label input:focus:not(:checked) ~ .star:last-child {
  color: #9ca3af;
  text-shadow: 0 0 5px #F7C845;
}

.upload-status-progress,
.upload-status-info {
  z-index: 500;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}

.upload-status-progress {
  z-index: 500;
}

.upload-status-txt .title {
  font-family: "Inter", sans-serif;
  font-weight: 500 !important;
  color: #111827 !important;
  padding: 0 10px 0 10px;
  font-size: 12px;
}
.upload-status-txt .description {
  font-family: "Inter", sans-serif;
  color: #111827 !important;
  padding: 0 10px 0 10px;
  font-size: 10px;
}

.upload-status-info {
  z-index: 501;
  top: 125px;
  height: auto;
  text-align: left;
}

.qq-upload-fail .upload-status-info {
  z-index: 501;
  top: 80px;
  height: auto;
  text-align: center;
}

.qq-upload-list li {
  max-width: 100% !important;
  height: 210px !important;
}
.qq-upload-list li.qq-upload-fail {
  width: 120px !important;
}

.qq-gallery *:focus {
  outline: none !important;
  box-shadow: none !important;
}
.qq-gallery .loading {
  top: 20px !important;
}
.qq-gallery .qq-upload-list {
  max-height: 470px !important;
}
.qq-gallery .qq-thumbnail-wrapper {
  width: auto;
  min-width: 120px;
}
.qq-gallery .qq-upload-status-text {
  width: 100%;
}

.qq-upload-fail,
.qq-upload-success {
  box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.1) !important;
}

.embed-attachment.qq-upload-fail {
  background: rgb(255, 255, 255);
  border-width: 0 0 0 5px !important;
  border-style: solid !important;
  border-color: var(--theme-color-error-default) !important;
}
.embed-attachment.qq-upload-fail .upload-status-error {
  display: none !important;
}
.embed-attachment.qq-upload-fail .upload-status-thumb {
  display: none;
}
.embed-attachment.qq-upload-fail .embed-bottom {
  display: none;
}
.embed-attachment .qq-upload-retry {
  font-family: "Inter", sans-serif;
  top: 85px;
  box-shadow: none;
  padding: 8px;
  background-color: transparent !important;
  border: #6b7280 1px solid !important;
  color: #111827 !important;
  border-radius: 5px !important;
  position: unset !important;
  left: unset !important;
  display: none;
  float: none;
  margin: 0 auto;
}
.embed-attachment .qq-upload-cancel {
  background-color: transparent !important;
  border: #6b7280 1px solid !important;
  color: #6b7280 !important;
}
.embed-attachment .qq-progress-bar {
  height: 2px;
  background: var(--theme-color-accent-default);
}

:root * > .qq-gallery .qq-thumbnail-selector {
  top: 46% !important;
}

.embed .embed-attachment-lg .thumbnail {
  max-height: 100% !important;
}
.embed .embed-description {
  height: 30px;
}

.qq-upload-retryable :not(.qq-upload-success) .qq-upload-retry {
  display: block;
}

#legacy_content .select,
#popup .select,
#widget_popup_overlay .select {
  -webkit-user-select: none;
  -moz-user-select: -moz-none;
  -ms-user-select: none;
  user-select: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: url("https://maxcdn.icons8.com/Share/icon/Arrows/expand_arrow1600.png") no-repeat right;
}
#legacy_content input:not(input[type=submit]):not([data-react-component] input,
.select2-search__field):not(input[type=checkbox]):not(input[type=radio]),
#legacy_content select:not([data-react-component] select),
#legacy_content .input:not([data-react-component] .input),
#legacy_content .select:not([data-react-component] .select),
#popup input:not(input[type=submit]):not([data-react-component] input,
.select2-search__field):not(input[type=checkbox]):not(input[type=radio]),
#popup select:not([data-react-component] select),
#popup .input:not([data-react-component] .input),
#popup .select:not([data-react-component] .select),
#widget_popup_overlay input:not(input[type=submit]):not([data-react-component] input,
.select2-search__field):not(input[type=checkbox]):not(input[type=radio]),
#widget_popup_overlay select:not([data-react-component] select),
#widget_popup_overlay .input:not([data-react-component] .input),
#widget_popup_overlay .select:not([data-react-component] .select) {
  height: 2.5em;
  line-height: normal;
}
#legacy_content input:not(input[type=submit]):not([data-react-component] input,
.select2-search__field):not(input[type=checkbox]):not(input[type=radio]):not(.col-xs-11,
.other-option,
.has-width,
input[type=checkbox],
input[type=radio]),
#legacy_content select:not([data-react-component] select):not(.col-xs-11,
.other-option,
.has-width,
input[type=checkbox],
input[type=radio]),
#legacy_content .input:not([data-react-component] .input):not(.col-xs-11,
.other-option,
.has-width,
input[type=checkbox],
input[type=radio]),
#legacy_content .select:not([data-react-component] .select):not(.col-xs-11,
.other-option,
.has-width,
input[type=checkbox],
input[type=radio]),
#popup input:not(input[type=submit]):not([data-react-component] input,
.select2-search__field):not(input[type=checkbox]):not(input[type=radio]):not(.col-xs-11,
.other-option,
.has-width,
input[type=checkbox],
input[type=radio]),
#popup select:not([data-react-component] select):not(.col-xs-11,
.other-option,
.has-width,
input[type=checkbox],
input[type=radio]),
#popup .input:not([data-react-component] .input):not(.col-xs-11,
.other-option,
.has-width,
input[type=checkbox],
input[type=radio]),
#popup .select:not([data-react-component] .select):not(.col-xs-11,
.other-option,
.has-width,
input[type=checkbox],
input[type=radio]),
#widget_popup_overlay input:not(input[type=submit]):not([data-react-component] input,
.select2-search__field):not(input[type=checkbox]):not(input[type=radio]):not(.col-xs-11,
.other-option,
.has-width,
input[type=checkbox],
input[type=radio]),
#widget_popup_overlay select:not([data-react-component] select):not(.col-xs-11,
.other-option,
.has-width,
input[type=checkbox],
input[type=radio]),
#widget_popup_overlay .input:not([data-react-component] .input):not(.col-xs-11,
.other-option,
.has-width,
input[type=checkbox],
input[type=radio]),
#widget_popup_overlay .select:not([data-react-component] .select):not(.col-xs-11,
.other-option,
.has-width,
input[type=checkbox],
input[type=radio]) {
  width: 100%;
}
#legacy_content input:not(input[type=submit]):not([data-react-component] input,
.select2-search__field):not(input[type=checkbox]):not(input[type=radio]):not([type=checkbox]):not([type=radio]),
#legacy_content select:not([data-react-component] select):not([type=checkbox]):not([type=radio]),
#legacy_content .input:not([data-react-component] .input):not([type=checkbox]):not([type=radio]),
#legacy_content .select:not([data-react-component] .select):not([type=checkbox]):not([type=radio]),
#popup input:not(input[type=submit]):not([data-react-component] input,
.select2-search__field):not(input[type=checkbox]):not(input[type=radio]):not([type=checkbox]):not([type=radio]),
#popup select:not([data-react-component] select):not([type=checkbox]):not([type=radio]),
#popup .input:not([data-react-component] .input):not([type=checkbox]):not([type=radio]),
#popup .select:not([data-react-component] .select):not([type=checkbox]):not([type=radio]),
#widget_popup_overlay input:not(input[type=submit]):not([data-react-component] input,
.select2-search__field):not(input[type=checkbox]):not(input[type=radio]):not([type=checkbox]):not([type=radio]),
#widget_popup_overlay select:not([data-react-component] select):not([type=checkbox]):not([type=radio]),
#widget_popup_overlay .input:not([data-react-component] .input):not([type=checkbox]):not([type=radio]),
#widget_popup_overlay .select:not([data-react-component] .select):not([type=checkbox]):not([type=radio]) {
  padding-right: 1rem;
  padding-left: 0.75rem;
  font-size: 1em;
  background-color: rgb(255, 255, 255);
  background-image: none;
  border: 1px solid #9ca3af;
  border-radius: 3px;
}
#legacy_content input:not(input[type=submit]):not([data-react-component] input,
.select2-search__field):not(input[type=checkbox]):not(input[type=radio]):not([type=checkbox]):not([type=radio]):focus,
#legacy_content select:not([data-react-component] select):not([type=checkbox]):not([type=radio]):focus,
#legacy_content .input:not([data-react-component] .input):not([type=checkbox]):not([type=radio]):focus,
#legacy_content .select:not([data-react-component] .select):not([type=checkbox]):not([type=radio]):focus,
#popup input:not(input[type=submit]):not([data-react-component] input,
.select2-search__field):not(input[type=checkbox]):not(input[type=radio]):not([type=checkbox]):not([type=radio]):focus,
#popup select:not([data-react-component] select):not([type=checkbox]):not([type=radio]):focus,
#popup .input:not([data-react-component] .input):not([type=checkbox]):not([type=radio]):focus,
#popup .select:not([data-react-component] .select):not([type=checkbox]):not([type=radio]):focus,
#widget_popup_overlay input:not(input[type=submit]):not([data-react-component] input,
.select2-search__field):not(input[type=checkbox]):not(input[type=radio]):not([type=checkbox]):not([type=radio]):focus,
#widget_popup_overlay select:not([data-react-component] select):not([type=checkbox]):not([type=radio]):focus,
#widget_popup_overlay .input:not([data-react-component] .input):not([type=checkbox]):not([type=radio]):focus,
#widget_popup_overlay .select:not([data-react-component] .select):not([type=checkbox]):not([type=radio]):focus {
  outline: 0px solid transparent !important;
  outline-offset: 0px !important;
  border-color: transparent !important;
  box-shadow: 0 0 0px 2px var(--theme-color-accent-default) !important;
  transition: none !important;
  -webkit-appearance: none;
}
#legacy_content input:not(input[type=submit]):not([data-react-component] input,
.select2-search__field):not(input[type=checkbox]):not(input[type=radio]):not([type=checkbox]):not([type=radio]):disabled,
#legacy_content select:not([data-react-component] select):not([type=checkbox]):not([type=radio]):disabled,
#legacy_content .input:not([data-react-component] .input):not([type=checkbox]):not([type=radio]):disabled,
#legacy_content .select:not([data-react-component] .select):not([type=checkbox]):not([type=radio]):disabled,
#popup input:not(input[type=submit]):not([data-react-component] input,
.select2-search__field):not(input[type=checkbox]):not(input[type=radio]):not([type=checkbox]):not([type=radio]):disabled,
#popup select:not([data-react-component] select):not([type=checkbox]):not([type=radio]):disabled,
#popup .input:not([data-react-component] .input):not([type=checkbox]):not([type=radio]):disabled,
#popup .select:not([data-react-component] .select):not([type=checkbox]):not([type=radio]):disabled,
#widget_popup_overlay input:not(input[type=submit]):not([data-react-component] input,
.select2-search__field):not(input[type=checkbox]):not(input[type=radio]):not([type=checkbox]):not([type=radio]):disabled,
#widget_popup_overlay select:not([data-react-component] select):not([type=checkbox]):not([type=radio]):disabled,
#widget_popup_overlay .input:not([data-react-component] .input):not([type=checkbox]):not([type=radio]):disabled,
#widget_popup_overlay .select:not([data-react-component] .select):not([type=checkbox]):not([type=radio]):disabled {
  background-color: #f3f4f6;
}
#legacy_content input:not(input[type=submit]):not([data-react-component] input,
.select2-search__field):not(input[type=checkbox]):not(input[type=radio]).success,
#legacy_content select:not([data-react-component] select).success,
#legacy_content .input:not([data-react-component] .input).success,
#legacy_content .select:not([data-react-component] .select).success,
#popup input:not(input[type=submit]):not([data-react-component] input,
.select2-search__field):not(input[type=checkbox]):not(input[type=radio]).success,
#popup select:not([data-react-component] select).success,
#popup .input:not([data-react-component] .input).success,
#popup .select:not([data-react-component] .select).success,
#widget_popup_overlay input:not(input[type=submit]):not([data-react-component] input,
.select2-search__field):not(input[type=checkbox]):not(input[type=radio]).success,
#widget_popup_overlay select:not([data-react-component] select).success,
#widget_popup_overlay .input:not([data-react-component] .input).success,
#widget_popup_overlay .select:not([data-react-component] .select).success {
  background-color: rgb(255, 255, 255) !important;
  border-color: var(--theme-color-positive-default) !important;
  background-repeat: no-repeat;
}
#legacy_content input:not(input[type=submit]):not([data-react-component] input,
.select2-search__field):not(input[type=checkbox]):not(input[type=radio]).error,
#legacy_content select:not([data-react-component] select).error,
#legacy_content .input:not([data-react-component] .input).error,
#legacy_content .select:not([data-react-component] .select).error,
#popup input:not(input[type=submit]):not([data-react-component] input,
.select2-search__field):not(input[type=checkbox]):not(input[type=radio]).error,
#popup select:not([data-react-component] select).error,
#popup .input:not([data-react-component] .input).error,
#popup .select:not([data-react-component] .select).error,
#widget_popup_overlay input:not(input[type=submit]):not([data-react-component] input,
.select2-search__field):not(input[type=checkbox]):not(input[type=radio]).error,
#widget_popup_overlay select:not([data-react-component] select).error,
#widget_popup_overlay .input:not([data-react-component] .input).error,
#widget_popup_overlay .select:not([data-react-component] .select).error {
  border: 0px !important;
  outline: 0px solid transparent !important;
  outline-offset: 0px !important;
  border-color: transparent !important;
  box-shadow: 0 0 0px 2px var(--theme-color-error-default) !important;
}
#legacy_content input:not(input[type=submit]):not([data-react-component] input,
.select2-search__field):not(input[type=checkbox]):not(input[type=radio]).searching,
#legacy_content select:not([data-react-component] select).searching,
#legacy_content .input:not([data-react-component] .input).searching,
#legacy_content .select:not([data-react-component] .select).searching,
#popup input:not(input[type=submit]):not([data-react-component] input,
.select2-search__field):not(input[type=checkbox]):not(input[type=radio]).searching,
#popup select:not([data-react-component] select).searching,
#popup .input:not([data-react-component] .input).searching,
#popup .select:not([data-react-component] .select).searching,
#widget_popup_overlay input:not(input[type=submit]):not([data-react-component] input,
.select2-search__field):not(input[type=checkbox]):not(input[type=radio]).searching,
#widget_popup_overlay select:not([data-react-component] select).searching,
#widget_popup_overlay .input:not([data-react-component] .input).searching,
#widget_popup_overlay .select:not([data-react-component] .select).searching {
  background-image: var(--theme-loader-svg);
  background-repeat: no-repeat;
  background-position: 90% 50%;
  background-size: 22px 22px;
}
#legacy_content input:not(input[type=submit]):not([data-react-component] input,
.select2-search__field):not(input[type=checkbox]):not(input[type=radio]).tinted,
#legacy_content select:not([data-react-component] select).tinted,
#legacy_content .input:not([data-react-component] .input).tinted,
#legacy_content .select:not([data-react-component] .select).tinted,
#popup input:not(input[type=submit]):not([data-react-component] input,
.select2-search__field):not(input[type=checkbox]):not(input[type=radio]).tinted,
#popup select:not([data-react-component] select).tinted,
#popup .input:not([data-react-component] .input).tinted,
#popup .select:not([data-react-component] .select).tinted,
#widget_popup_overlay input:not(input[type=submit]):not([data-react-component] input,
.select2-search__field):not(input[type=checkbox]):not(input[type=radio]).tinted,
#widget_popup_overlay select:not([data-react-component] select).tinted,
#widget_popup_overlay .input:not([data-react-component] .input).tinted,
#widget_popup_overlay .select:not([data-react-component] .select).tinted {
  background-color: #f3f4f6;
}
#legacy_content input:not(input[type=submit]):not([data-react-component] input,
.select2-search__field):not(input[type=checkbox]):not(input[type=radio]):focus,
#legacy_content select:not([data-react-component] select):focus,
#legacy_content .input:not([data-react-component] .input):focus,
#legacy_content .select:not([data-react-component] .select):focus,
#popup input:not(input[type=submit]):not([data-react-component] input,
.select2-search__field):not(input[type=checkbox]):not(input[type=radio]):focus,
#popup select:not([data-react-component] select):focus,
#popup .input:not([data-react-component] .input):focus,
#popup .select:not([data-react-component] .select):focus,
#widget_popup_overlay input:not(input[type=submit]):not([data-react-component] input,
.select2-search__field):not(input[type=checkbox]):not(input[type=radio]):focus,
#widget_popup_overlay select:not([data-react-component] select):focus,
#widget_popup_overlay .input:not([data-react-component] .input):focus,
#widget_popup_overlay .select:not([data-react-component] .select):focus {
  outline: none;
}
#legacy_content .input,
#legacy_content .select,
#popup .input,
#popup .select,
#widget_popup_overlay .input,
#widget_popup_overlay .select {
  padding: 5px 10px;
}
#legacy_content .input.dropdown-toggle,
#legacy_content .select.dropdown-toggle,
#popup .input.dropdown-toggle,
#popup .select.dropdown-toggle,
#widget_popup_overlay .input.dropdown-toggle,
#widget_popup_overlay .select.dropdown-toggle {
  text-align: left;
  font-weight: normal;
  display: flex;
  align-items: center;
}
#legacy_content .input.dropdown-toggle:after,
#legacy_content .select.dropdown-toggle:after,
#popup .input.dropdown-toggle:after,
#popup .select.dropdown-toggle:after,
#widget_popup_overlay .input.dropdown-toggle:after,
#widget_popup_overlay .select.dropdown-toggle:after {
  content: "▼";
  position: absolute;
  right: 10px;
  font-size: 0.8em;
  line-height: 2em;
  vertical-align: middle;
}
#legacy_content textarea,
#popup textarea,
#widget_popup_overlay textarea {
  min-height: 5em;
}
#legacy_content textarea:not(.col-xs-11,
.other-option,
.has-width,
input[type=checkbox],
input[type=radio]),
#popup textarea:not(.col-xs-11,
.other-option,
.has-width,
input[type=checkbox],
input[type=radio]),
#widget_popup_overlay textarea:not(.col-xs-11,
.other-option,
.has-width,
input[type=checkbox],
input[type=radio]) {
  width: 100%;
}
#legacy_content textarea:not([type=checkbox]):not([type=radio]),
#popup textarea:not([type=checkbox]):not([type=radio]),
#widget_popup_overlay textarea:not([type=checkbox]):not([type=radio]) {
  padding-right: 1rem;
  padding-left: 0.75rem;
  font-size: 1em;
  background-color: rgb(255, 255, 255);
  background-image: none;
  border: 1px solid #9ca3af;
  border-radius: 3px;
}
#legacy_content textarea:not([type=checkbox]):not([type=radio]):focus,
#popup textarea:not([type=checkbox]):not([type=radio]):focus,
#widget_popup_overlay textarea:not([type=checkbox]):not([type=radio]):focus {
  outline: 0px solid transparent !important;
  outline-offset: 0px !important;
  border-color: transparent !important;
  box-shadow: 0 0 0px 2px var(--theme-color-accent-default) !important;
  transition: none !important;
  -webkit-appearance: none;
}
#legacy_content textarea:not([type=checkbox]):not([type=radio]):disabled,
#popup textarea:not([type=checkbox]):not([type=radio]):disabled,
#widget_popup_overlay textarea:not([type=checkbox]):not([type=radio]):disabled {
  background-color: #f3f4f6;
}
#legacy_content textarea.success,
#popup textarea.success,
#widget_popup_overlay textarea.success {
  background-color: rgb(255, 255, 255) !important;
  border-color: var(--theme-color-positive-default) !important;
  background-repeat: no-repeat;
}
#legacy_content textarea.error,
#popup textarea.error,
#widget_popup_overlay textarea.error {
  border: 0px !important;
  outline: 0px solid transparent !important;
  outline-offset: 0px !important;
  border-color: transparent !important;
  box-shadow: 0 0 0px 2px var(--theme-color-error-default) !important;
}
#legacy_content textarea.searching,
#popup textarea.searching,
#widget_popup_overlay textarea.searching {
  background-image: var(--theme-loader-svg);
  background-repeat: no-repeat;
  background-position: 90% 50%;
  background-size: 22px 22px;
}
#legacy_content textarea.tinted,
#popup textarea.tinted,
#widget_popup_overlay textarea.tinted {
  background-color: #f3f4f6;
}
#legacy_content select[multiple],
#popup select[multiple],
#widget_popup_overlay select[multiple] {
  height: auto;
  max-height: 100px;
}

.search-cards-input {
  margin: 0 2px !important;
}

.input-search__input-wrapper {
  position: relative;
  width: 100%;
}

.input-search__button-wrapper {
  position: absolute;
  top: 0;
  right: 10px;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}

.input-search__icon-button {
  width: 20px;
  height: 20px;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0 !important;
  background-color: transparent;
  border: 0;
  cursor: pointer;
  height: auto !important;
}

.input-search__icon-button:hover svg {
  fill: #1f2937;
}

.input-search__icon-button svg {
  width: 35px;
  height: 30px;
}

html {
  font-size: 13px;
}

.label {
  background-color: var(--theme-color-neutral-lighter);
  border-radius: 4px;
  color: var(--theme-color-neutral-darker) !important;
  font-family: "Inter", sans-serif;
  font-size: 0.86em;
  font-size: 0.86rem;
  vertical-align: middle;
  font-weight: 600;
  margin: 0 3px;
  padding: 4px 12px;
  text-align: center;
  white-space: nowrap;
  display: inline-block;
  line-height: normal;
}
.label:hover {
  text-decoration: none;
}
.label:active {
  color: rgb(255, 255, 255);
}
.label:empty {
  display: none;
}
.label.primary {
  background-color: var(--theme-color-primary-lighter);
  color: var(--theme-color-primary-darker) !important;
}
.label.accent {
  background-color: var(--theme-color-accent-lighter);
  color: var(--theme-color-accent-darker) !important;
}
.label.progress, .label.pending {
  background-color: var(--theme-color-progress-lighter);
  color: var(--theme-color-progress-darker) !important;
}
.label.resolved {
  background-color: var(--theme-color-done-lighter);
  color: var(--theme-color-done-darker) !important;
}
.label.open {
  background-color: var(--theme-color-open-lighter);
  color: var(--theme-color-open-darker) !important;
}
.label.negative {
  background-color: var(--theme-color-negative-lighter);
  color: var(--theme-color-negative-darker) !important;
}
.label.success {
  background-color: var(--theme-color-positive-lighter);
  color: var(--theme-color-positive-darker) !important;
}
.label.closed {
  background-color: var(--theme-color-closed-lighter);
  color: var(--theme-color-closed-darker) !important;
}
.label.dark {
  color: #1f2937;
  color: rgb(255, 255, 255) !important;
}
.label.ban-warning {
  background-color: var(--theme-color-warning-lighter);
  color: var(--theme-color-warning-darker) !important;
}
.label.ban-individual {
  background-color: var(--theme-color-negative-lighter);
  color: var(--theme-color-negative-darker) !important;
}
.label.ban-collective {
  background-color: var(--theme-color-negative-lighter);
  color: var(--theme-color-negative-darker) !important;
}
.label.ban-collective-long {
  background-color: var(--theme-color-neutral-lighter);
  color: var(--theme-color-neutral-darker) !important;
}
.label.label-v2 {
  font-size: 0.75em;
  font-weight: 700;
}
.label.label-v2.positive {
  background-color: var(--theme-color-positive-lighter);
  color: var(--theme-color-positive-darker) !important;
}
.label.label-v2.negative {
  background-color: var(--theme-color-negative-lighter);
  color: var(--theme-color-negative-darker) !important;
}
.label [data-role=remove] {
  margin-left: 4px;
  cursor: pointer;
  transform: translate3d(0px, 1px, 0px);
  display: inline-flex;
  justify-content: center;
  align-items: center;
}
.label [data-role=remove]:after {
  content: "\e96a";
  padding: 1px 4px;
  font-family: "icon-font";
  font-size: 1.1em;
}
.label [data-role=remove]:hover:active {
  box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}

.language-selector.language-selector-inputs.language-selector-header .popover-menu a {
  font-weight: normal;
  font-size: small;
}

.pace {
  -webkit-pointer-events: none;
  pointer-events: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}

.pace-inactive {
  display: none;
}

.pace .pace-progress {
  background: var(--theme-color-accent-default);
  position: fixed;
  z-index: 2000;
  top: 0;
  right: 100%;
  width: 100%;
  height: 2px;
}

.loading {
  background: no-repeat scroll center center/50px 50px;
  background-image: var(--theme-loader-svg);
  min-height: 50px;
  min-width: 50px;
  margin-top: 10px;
  margin-bottom: 10px;
  float: left;
  text-align: center;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
}

.loader {
  background: no-repeat fixed center;
  background-image: var(--theme-loader-svg);
  margin: auto;
  font-size: 10px;
  position: absolute;
  left: 0;
  right: 0;
  text-indent: -9999em;
  border: 0.7em solid rgba(var(--theme-color-accent-default), 0.2);
}

.loader,
.loader:after {
  border-radius: 50%;
  width: 10em;
  height: 10em;
  border-left: 0.7em solid var(--theme-color-accent-default);
  -webkit-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-animation: load8 1.1s infinite linear;
  animation: load8 1.1s infinite linear;
}

@-webkit-keyframes load8 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes load8 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
div.blockMsg {
  padding: 10px;
  margin: 0;
  width: 25%;
  top: 40%;
  left: 38%;
  text-align: center;
  color: #000;
  border-radius: 4px;
  background-color: #fff;
  cursor: wait;
  max-width: 100%;
  border: 1px solid #ababac;
}
div.blockMsg:before {
  background-image: var(--theme-loader-svg);
  display: inline-block;
  content: " ";
  height: 4em;
  width: 4em;
  background-size: 100% 100%;
  left: 30%;
  margin-right: 20px;
  vertical-align: middle;
}
div.blockMsg p {
  display: inline-block;
}
@media (max-width: 768px) {
  div.blockMsg {
    width: 90%;
    left: 5%;
  }
}

.chart-error {
  position: absolute;
  left: 50%;
  top: 20%;
  background-color: white;
  box-shadow: 0 0 8px 0 rgb(240, 8, 8);
  padding: 5px;
  font-weight: bold;
  display: none;
  transform: translateX(-50%);
}

.thumb {
  height: 100%;
  background-color: rgb(255, 255, 255);
  line-height: normal !important;
  text-align: center;
  vertical-align: top;
  text-decoration: none;
}
.thumb .thumb-image-container {
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.thumb:hover {
  text-decoration: none;
}
.thumb .badge {
  background-color: var(--theme-color-accent-default);
  color: rgb(255, 255, 255);
  position: absolute;
  font-size: 0.8em !important;
  padding: 4px;
  right: -15px;
  z-index: 2;
  width: auto;
  height: auto;
  float: left;
  left: auto;
  border-radius: 50%;
  text-align: center;
  top: 50%;
}
.thumb .letter {
  font-family: "Inter", sans-serif;
  font-weight: bold !important;
  padding: 0;
  text-align: center;
}
.thumb.thumb_no-border {
  border: 0 !important;
  box-shadow: unset !important;
}
.thumb.thumb_no-border.img,
.thumb.thumb_no-border img {
  border: 0 !important;
  box-shadow: unset !important;
}
.thumb.thumb-rounded-corners {
  overflow: hidden;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
}
.thumb.thumb_badge {
  margin-right: 20px;
}
.thumb.thumb_channel {
  box-shadow: unset !important;
}
.thumb.thumb_channel.thumb-background .thumb-title .thumb-title-text {
  font-weight: 400;
  font-size: 1.14rem !important;
  letter-spacing: 0.005em !important;
}
.thumb.thumb-service .img {
  background-color: #111827;
}
.thumb.thumb-entity.thumb-placeholder {
  background-repeat: no-repeat;
}
.thumb.thumb-entity.thumb-placeholder.thumb-household {
  background-image: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 431 431%27%3E%3Cpath fill=%27%23FFF%27 fill-rule=%27evenodd%27 d=%27M379.544 166.397L235.706 22.7c-11.136-11.11-29.23-11.11-40.366 0L51.47 166.429c-5.404 5.399-8.371 12.552-8.371 20.17v215.866C43.1 418.2 55.913 431 71.647 431h133.68c7.719 0 13.978-6.269 13.978-13.98V298.49h54.36v118.53c0 7.711 6.244 13.98 13.963 13.98h70.575c15.656 0 28.454-12.739 28.547-28.364l1.15-215.881c.046-7.572-2.983-14.989-8.356-20.358%27 opacity=%27.6%27/%3E%3C/svg%3E");
}
.thumb.thumb-entity.thumb-placeholder.thumb-company, .thumb.thumb-entity.thumb-placeholder.thumb-community {
  background-image: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 30 30%27%3E%3Cpath fill=%27%23FFF%27 fill-rule=%27evenodd%27 d=%27M21.565 20.678h2.54c.547 0 .99.45.99 1.005 0 .555-.443 1.006-.99 1.006h-2.54c-.547 0-.99-.45-.99-1.006 0-.555.443-1.005.99-1.005m3.53-5.12c0 .556-.443 1.006-.99 1.006h-2.54c-.547 0-.99-.45-.99-1.006 0-.555.443-1.005.99-1.005h2.54c.547 0 .99.45.99 1.005m-11.55-5.119H6.617c-.547 0-.99-.45-.99-1.005 0-.555.443-1.006.99-1.006h6.928c.547 0 .99.45.99 1.006 0 .555-.443 1.005-.99 1.005m.99 11.244c0 .555-.443 1.006-.99 1.006H6.617c-.547 0-.99-.45-.99-1.006 0-.555.443-1.005.99-1.005h6.928c.547 0 .99.45.99 1.005m-.99-5.12H6.617c-.547 0-.99-.45-.99-1.005 0-.555.443-1.005.99-1.005h6.928c.547 0 .99.45.99 1.005 0 .556-.443 1.006-.99 1.006m12.669-8.136h-6.943c-.116 0-.223.03-.327.067V2.829c0-1.56-1.25-2.829-2.786-2.829H3.786C2.249 0 1 1.269 1 2.83v24.34C1 28.732 2.249 30 3.786 30h22.428C27.75 30 29 28.731 29 27.17V11.257c0-1.56-1.25-2.828-2.786-2.828%27 opacity=%27.6%27/%3E%3C/svg%3E");
}
.thumb.thumb-entity.thumb-placeholder.thumb-household, .thumb.thumb-entity.thumb-placeholder.thumb-community {
  background-color: var(--theme-color-primary-default);
  border: 1px solid rgba(var(--theme-color-primary-default), 0);
}
.thumb.thumb-entity.thumb-placeholder.thumb-company {
  background-color: #d1d5db;
  border: 1px solid rgba(var(--theme-color-primary-default), 0);
}
.thumb.thumb-user.thumb-placeholder {
  background-color: #d1d5db;
  background-repeat: no-repeat;
  background-image: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 xmlns:xlink=%27http://www.w3.org/1999/xlink%27 viewBox=%270 0 512 512%27%3E%3Cdefs%3E%3Ccircle id=%27d0h1vwvmka%27 cx=%27256%27 cy=%27256%27 r=%27256%27/%3E%3C/defs%3E%3Cg fill=%27none%27 fill-rule=%27evenodd%27%3E%3Cmask id=%27imfgbs15rb%27 fill=%27%23fff%27%3E%3Cuse xlink:href=%27%23d0h1vwvmka%27/%3E%3C/mask%3E%3Cuse fill=%27%23DEE3E3%27 xlink:href=%27%23d0h1vwvmka%27/%3E%3Cg fill=%27%23FFF%27 mask=%27url%28%23imfgbs15rb%29%27 opacity=%27.604%27%3E%3Cpath d=%27M261.483 513.722c48.488 0 96.975-.404 145.362.202 26.971.404 47.477-9.394 58.892-34.042 11.516-25.052 3.839-47.68-13.738-66.873-29.497-32.224-67.883-50.103-108.188-64.245-31.214-10.91-32.83-15.658-13.03-40.912 29.395-37.477 38.991-79.297 25.657-125.26-14.041-48.285-57.579-76.771-106.268-70.912-51.72 6.263-86.167 43.639-90.207 97.783-2.93 38.992 9.495 72.731 34.244 102.43 15.354 18.486 12.223 25.355-9.495 34.951-31.214 13.738-62.024 28.79-91.52 45.66-12.325 7.07-22.325 19.394-31.012 31.112-14.042 18.789-15.456 39.901-3.738 60.71 11.213 19.9 28.587 29.396 51.518 29.396 50.508-.202 101.016-.101 151.523 0z%27/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
}
.thumb.thumb-background {
  background-color: #374151;
}
.thumb.thumb-background img,
.thumb.thumb-background .img {
  opacity: 0.8;
  object-fit: cover;
}
.thumb .thumb-title {
  color: rgb(255, 255, 255);
  display: table;
  position: absolute;
  width: 100%;
  opacity: 1;
}
.thumb .thumb-title.thumb-title-background-gradient {
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.25));
}
.thumb .thumb-title .thumb-title-icon {
  padding-right: 15px;
  width: 30px;
}
.thumb .thumb-title .thumb-title-text,
.thumb .thumb-title .thumb-title-icon {
  font-weight: 700;
  font-size: 1.43rem;
  color: rgb(255, 255, 255);
}
.thumb .thumb-title .thumb-title-text i,
.thumb .thumb-title .thumb-title-icon i {
  font-size: inherit;
}
.thumb .thumb-title .thumb-title-text span,
.thumb .thumb-title .thumb-title-icon span {
  color: rgb(255, 255, 255);
}
.thumb .thumb-title .thumb-title-text.thumb-title-large,
.thumb .thumb-title .thumb-title-icon.thumb-title-large {
  font-size: 2em !important;
}
.thumb .thumb-title.thumb-title-bottom {
  bottom: 0;
  left: 0;
  padding: 30px;
  text-align: left;
}
.thumb .thumb-title.thumb-title-bottom .thumb-title-text-container,
.thumb .thumb-title.thumb-title-bottom .thumb-title-icon {
  display: table-cell;
}
.thumb .thumb-title.thumb-title-bottom .thumb-title-text {
  overflow: hidden;
  max-height: 50px;
}
@supports (-webkit-line-clamp: 2) {
  .thumb .thumb-title.thumb-title-bottom .thumb-title-text {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    max-height: none;
  }
}
.thumb .thumb-title.thumb-title-middle {
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) !important;
  padding: 5px;
  text-align: center;
}
.thumb .thumb-title.thumb-title-middle .thumb-title-text {
  overflow: hidden;
  max-height: 50px;
}
@supports (-webkit-line-clamp: 2) {
  .thumb .thumb-title.thumb-title-middle .thumb-title-text {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    max-height: none;
  }
}
.thumb:hover .thumb_text {
  -moz-transform: none;
  -webkit-transform: none;
  transform: none;
}

.thumb_square {
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  overflow: hidden;
  float: none;
  box-sizing: content-box !important;
}
.thumb_square .img {
  background-size: contain !important;
}

a.thumb_square:hover {
  border: 1px var(--theme-color-accent-default) solid;
}

.thumb_hover-zoom {
  z-index: 1;
}
.thumb_hover-zoom img,
.thumb_hover-zoom .img,
.thumb_hover-zoom span {
  -moz-transition: all 0.3s;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  -moz-transform: translateZ(0) scale(1, 1);
  transform: translateZ(0) scale(1, 1);
  -webkit-transform: translateZ(0) scale(1, 1);
}
.thumb_hover-zoom .img,
.thumb_hover-zoom img,
.thumb_hover-zoom .letter {
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
}
.thumb_hover-zoom:hover {
  cursor: pointer;
}
.thumb_hover-zoom:hover img,
.thumb_hover-zoom:hover .img {
  -moz-transform: translateZ(0) scale(1.07, 1.07);
  transform: translateZ(0) scale(1.07, 1.07);
  -webkit-transform: translateZ(0) scale(1.07, 1.07);
}

.thumb_xs {
  width: 22px;
  height: 22px;
}
.thumb_xs .letter {
  display: inline-block;
  font-size: 10.12px !important;
}
.thumb_xs.thumb_square .letter {
  position: absolute;
  bottom: 0px;
  left: 2.42px;
  color: white;
}
.thumb_xs.thumb_circle .letter {
  margin-left: 0;
  color: #111827;
  padding-top: 6.16px;
}
.thumb_xs.thumb-entity.thumb-placeholder {
  background-size: 18.7px 18.7px;
}
.thumb_xs.thumb-entity.thumb-placeholder.thumb-household {
  background-position: right -5.5px bottom -1.3px;
}
.thumb_xs.thumb-entity.thumb-placeholder.thumb-household .letter {
  display: none;
}
.thumb_xs.thumb-entity.thumb-placeholder.thumb-company, .thumb_xs.thumb-entity.thumb-placeholder.thumb-community {
  background-position: right -4.4px bottom -1.3px;
}
.thumb_xs.thumb-entity.thumb-placeholder.thumb-company .letter {
  color: #111827;
}

.thumb_s {
  width: 44px;
  height: 44px;
}
.thumb_s .letter {
  display: inline-block;
  font-size: 20.24px !important;
}
.thumb_s.thumb_square .letter {
  position: absolute;
  bottom: 0px;
  left: 4.84px;
  color: white;
}
.thumb_s.thumb_circle .letter {
  margin-left: 0;
  color: #111827;
  padding-top: 12.32px;
}
.thumb_s.thumb-entity.thumb-placeholder {
  background-size: 37.4px 37.4px;
}
.thumb_s.thumb-entity.thumb-placeholder.thumb-household {
  background-position: right -11px bottom -1.3px;
}
.thumb_s.thumb-entity.thumb-placeholder.thumb-household .letter {
  display: none;
}
.thumb_s.thumb-entity.thumb-placeholder.thumb-company, .thumb_s.thumb-entity.thumb-placeholder.thumb-community {
  background-position: right -8.8px bottom -1.3px;
}
.thumb_s.thumb-entity.thumb-placeholder.thumb-company .letter {
  color: #111827;
}

.thumb_m {
  width: 64px;
  height: 64px;
}
.thumb_m .letter {
  display: inline-block;
  font-size: 29.44px !important;
}
.thumb_m.thumb_square .letter {
  position: absolute;
  bottom: 0px;
  left: 7.04px;
  color: white;
}
.thumb_m.thumb_circle .letter {
  margin-left: 0;
  color: #111827;
  padding-top: 17.92px;
}
.thumb_m.thumb-entity.thumb-placeholder {
  background-size: 54.4px 54.4px;
}
.thumb_m.thumb-entity.thumb-placeholder.thumb-household {
  background-position: right -16px bottom -1.3px;
}
.thumb_m.thumb-entity.thumb-placeholder.thumb-household .letter {
  display: none;
}
.thumb_m.thumb-entity.thumb-placeholder.thumb-company, .thumb_m.thumb-entity.thumb-placeholder.thumb-community {
  background-position: right -12.8px bottom -1.3px;
}
.thumb_m.thumb-entity.thumb-placeholder.thumb-company .letter {
  color: #111827;
}

.thumb_l {
  width: 100px;
  height: 100px;
}
.thumb_l .letter {
  display: inline-block;
  font-size: 46px !important;
}
.thumb_l.thumb_square .letter {
  position: absolute;
  bottom: 0px;
  left: 11px;
  color: white;
}
.thumb_l.thumb_circle .letter {
  margin-left: 0;
  color: #111827;
  padding-top: 28px;
}
.thumb_l.thumb-entity.thumb-placeholder {
  background-size: 85px 85px;
}
.thumb_l.thumb-entity.thumb-placeholder.thumb-household {
  background-position: right -25px bottom -1.3px;
}
.thumb_l.thumb-entity.thumb-placeholder.thumb-household .letter {
  display: none;
}
.thumb_l.thumb-entity.thumb-placeholder.thumb-company, .thumb_l.thumb-entity.thumb-placeholder.thumb-community {
  background-position: right -20px bottom -1.3px;
}
.thumb_l.thumb-entity.thumb-placeholder.thumb-company .letter {
  color: #111827;
}

.thumb_xl {
  width: 275px;
  height: 275px;
}
.thumb_xl .letter {
  display: inline-block;
  font-size: 126.5px !important;
}
.thumb_xl.thumb_square .letter {
  position: absolute;
  bottom: 0px;
  left: 30.25px;
  color: white;
}
.thumb_xl.thumb_circle .letter {
  margin-left: 0;
  color: #111827;
  padding-top: 77px;
}
.thumb_xl.thumb-entity.thumb-placeholder {
  background-size: 233.75px 233.75px;
}
.thumb_xl.thumb-entity.thumb-placeholder.thumb-household {
  background-position: right -68.75px bottom -1.3px;
}
.thumb_xl.thumb-entity.thumb-placeholder.thumb-household .letter {
  display: none;
}
.thumb_xl.thumb-entity.thumb-placeholder.thumb-company, .thumb_xl.thumb-entity.thumb-placeholder.thumb-community {
  background-position: right -55px bottom -1.3px;
}
.thumb_xl.thumb-entity.thumb-placeholder.thumb-company .letter {
  color: #111827;
}

.thumb_lw {
  width: 100%;
  height: 100%;
}
.thumb_lw .letter {
  display: inline-block;
  font-size: 46% !important;
}
.thumb_lw.thumb_square .letter {
  position: absolute;
  bottom: 0px;
  left: 11%;
  color: white;
}
.thumb_lw.thumb_circle .letter {
  margin-left: 0;
  color: #111827;
  padding-top: 28%;
}
.thumb_lw.thumb-entity.thumb-placeholder {
  background-size: 85% 85%;
}
.thumb_lw.thumb-entity.thumb-placeholder.thumb-household {
  background-position: right -25% bottom -1.3px;
}
.thumb_lw.thumb-entity.thumb-placeholder.thumb-household .letter {
  display: none;
}
.thumb_lw.thumb-entity.thumb-placeholder.thumb-company, .thumb_lw.thumb-entity.thumb-placeholder.thumb-community {
  background-position: right -20% bottom -1.3px;
}
.thumb_lw.thumb-entity.thumb-placeholder.thumb-company .letter {
  color: #111827;
}
.thumb_lw .letter {
  display: inline-block;
  margin-left: 0;
}
.thumb_lw.thumb_square .letter {
  font-size: 130px !important;
  padding-top: 15px;
}
.thumb_lw.thumb_circle .letter {
  font-size: 90px !important;
  padding-top: 70px;
}
.thumb_lw.thumb-entity.thumb-placeholder {
  background-size: auto 85% !important;
  background-position: right -7px bottom -1.3px !important;
}

.thumb_landscape {
  width: 100%;
}

.thumb_circle {
  border: none;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
}
.thumb_circle .thumb-image-container,
.thumb_circle .thumb-image-container.img {
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
}

#messagecenter_small .thumb {
  width: 36px;
  height: 36px;
}
#messagecenter_small .thumb .letter {
  display: inline-block;
  font-size: 16.56px !important;
}
#messagecenter_small .thumb.thumb_square .letter {
  position: absolute;
  bottom: 0px;
  left: 3.96px;
  color: white;
}
#messagecenter_small .thumb.thumb_circle .letter {
  margin-left: 0;
  color: #111827;
  padding-top: 10.08px;
}
#messagecenter_small .thumb.thumb-entity.thumb-placeholder {
  background-size: 30.6px 30.6px;
}
#messagecenter_small .thumb.thumb-entity.thumb-placeholder.thumb-household {
  background-position: right -9px bottom -1.3px;
}
#messagecenter_small .thumb.thumb-entity.thumb-placeholder.thumb-household .letter {
  display: none;
}
#messagecenter_small .thumb.thumb-entity.thumb-placeholder.thumb-company, #messagecenter_small .thumb.thumb-entity.thumb-placeholder.thumb-community {
  background-position: right -7.2px bottom -1.3px;
}
#messagecenter_small .thumb.thumb-entity.thumb-placeholder.thumb-company .letter {
  color: #111827;
}

.thumb-with-overlay {
  position: relative;
}
.thumb-with-overlay .thumb-overlay {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 2;
}
.thumb-with-overlay .thumb-overlay.thumb-s-offset {
  transform: translate(33px, 27px);
}
.or-wrapper {
  position: relative;
  width: 100%;
  height: 40px;
  margin-top: 20px;
}
.or-wrapper .or-line {
  background-image: url("data:image/svg+xml,%3Csvg id=%27Layer_1%27 data-name=%27Layer 1%27 xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 20 2.1%27%3E%3Cdefs%3E%3Cstyle%3E.or-line-dotted%7Bfill:%23d1d5db;%7D%3C/style%3E%3C/defs%3E%3Ctitle%3Eor-line-dotted%3C/title%3E %3Cpath class=%27or-line-dotted%27 d=%27M1.02,2.04a1.0336,1.0336,0,0,1-.71-.29.9892.9892,0,0,1-.29-.71A1.0508,1.0508,0,0,1,.31.33a1.0467,1.0467,0,0,1,1.42,0,1.0531,1.0531,0,0,1,.29.71.9915.9915,0,0,1-.29.71A1.0341,1.0341,0,0,1,1.02,2.04Z%27/%3E %3Cpath class=%27or-line-dotted%27 d=%27M20.98,2.06a1.0029,1.0029,0,0,1-1-1h0a.9962.9962,0,0,1,1-.9995h0a.9962.9962,0,0,1,1,1h0a.9946.9946,0,0,1-.99,1h-.01Z%27/%3E %3Cpath class=%27or-line-dotted%27 d=%27M14.99,1.05a1.0032,1.0032,0,0,1,1-1h0a1.0029,1.0029,0,0,1,1,1h0a.9966.9966,0,0,1-1,1h0A.9969.9969,0,0,1,14.99,1.05Z%27/%3E %3Cpath class=%27or-line-dotted%27 d=%27M11,2.05a1.0029,1.0029,0,0,1-1-1h0a1.0029,1.0029,0,0,1,1-1h0a1.0032,1.0032,0,0,1,1,1h0a1.0032,1.0032,0,0,1-1,1Z%27/%3E %3Cpath class=%27or-line-dotted%27 d=%27M6.01,2.04a.9969.9969,0,0,1-1-1h0a1.0029,1.0029,0,0,1,1-1h0a1.0026,1.0026,0,0,1,1,1h0a.9966.9966,0,0,1-1,1Z%27/%3E %3C/svg%3E");
  background-repeat: repeat-x;
  background-position: center bottom;
  background-size: 20px 2px;
  width: 100%;
  height: 50%;
  margin-top: 0;
}
.or-wrapper .or-circle,
.or-wrapper .or-box {
  position: absolute;
  top: 8px;
  left: 50%;
  margin-left: -20px;
  width: auto;
  height: 40px;
  padding-left: 10px;
  padding-right: 10px;
  border: 0;
  background-color: rgb(255, 255, 255);
  text-align: center;
}
.or-wrapper .or-text {
  font-weight: 400;
  font-size: 1.14rem !important;
  letter-spacing: 0.005em !important;
  font-weight: 600;
  width: 100%;
  text-align: center;
  color: #d1d5db;
  text-transform: uppercase;
}

.popover {
  position: absolute;
  z-index: 9999999;
  display: none;
}
.popover .popover-menu,
.popover .popover-panel {
  min-width: 160px;
  list-style: none;
  background: rgb(255, 255, 255);
  border: solid 1px #d1d5db;
  border-radius: 6px;
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  overflow: visible;
  padding: 8px 0;
  margin: 0;
}
.popover .popover-panel {
  padding: 20px !important;
  max-height: 500px;
  overflow-y: auto;
}
.popover.popover-tip {
  margin-top: 8px;
}
.popover.popover-tip:before {
  position: absolute;
  top: -6px;
  left: 9px;
  content: "";
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  border-bottom: 7px solid #ccc;
  border-bottom-color: rgba(0, 0, 0, 0.2);
  display: inline-block;
}
.popover.popover-tip:after {
  position: absolute;
  top: -5px;
  left: 10px;
  content: "";
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-bottom: 6px solid rgb(255, 255, 255);
  display: inline-block;
}
.popover.popover-tip.popover-anchor-right:before {
  left: auto;
  right: 9px;
}
.popover.popover-tip.popover-anchor-right:after {
  left: auto;
  right: 10px;
}
.popover.popover-tip.popover-anchor-bottom {
  margin-top: 0;
  margin-bottom: 8px;
}
.popover.popover-tip.popover-anchor-bottom:before {
  top: unset;
  bottom: -6px;
  transform: rotate(180deg);
}
.popover.popover-tip.popover-anchor-bottom:after {
  bottom: -5px;
  transform: rotate(180deg);
  top: unset;
}
.popover.popover-scroll .popover-menu,
.popover.popover-scroll .popover-panel {
  max-height: 358px;
  overflow: auto;
}
.popover .popover-menu li {
  list-style: none;
  padding: 0 0;
  margin: 0;
  line-height: 18px;
}
.popover .popover-menu a,
.popover .popover-menu a:visited,
.popover .popover-menu label {
  display: block;
  color: #6b7280;
  text-decoration: none;
  line-height: 18px;
  padding: 6px 15px;
  white-space: nowrap;
}
.popover .popover-menu a:hover,
.popover .popover-menu a:visited:hover,
.popover .popover-menu label:hover {
  background-color: var(--theme-color-accent-default);
  color: rgb(255, 255, 255) !important;
  cursor: pointer;
}
.popover .popover-menu a .icon,
.popover .popover-menu a:visited .icon,
.popover .popover-menu label .icon {
  margin-right: 8px;
  vertical-align: text-bottom;
}
.popover .popover-menu .popover-divider {
  font-size: 1px;
  border-top: solid 1px #e5e5e5;
  padding: 0;
  margin: 5px 0;
}

.progress-bar {
  width: 100%;
  border-radius: 4px;
  background-color: #d1d5db;
}
.progress-bar .progress-bar-fill {
  display: block;
  height: 8px;
  background-color: var(--theme-color-primary-default);
  border-radius: 4px;
  transition: width 500ms ease-in-out;
}

.quicklist-dropdown .quicklist-counters {
  margin-top: 9px;
}
.quicklist-dropdown .quicklist-counters .quicklist-counters-clickable {
  cursor: pointer;
}

.quicklist-counters .quicklist-counters-clickable {
  cursor: pointer;
}

.icon.document {
  color: rgb(26, 115, 232);
}
.icon.excel {
  color: rgb(14, 157, 88);
}
.icon.presentation {
  color: rgb(244, 180, 0);
}
.icon.video {
  color: rgb(217, 48, 37);
}
.icon.music {
  color: var(--theme-color-primary-default);
}
.icon.text {
  color: rgb(26, 115, 232);
}
.icon.image {
  color: rgb(217, 48, 37);
}
.icon.pdf {
  color: rgb(217, 48, 37);
}

.status.status-circle {
  float: left;
  margin: 5px;
  text-align: center;
  background: #d1d5db;
  width: 12px;
  height: 12px;
  border-radius: 50%;
}
.status.status-circle .circle-inner {
  background: rgb(255, 255, 255);
}
.status.status-circle .circle-inner {
  width: calc(12px / 3);
  height: calc(12px / 3);
  margin: calc(12px / 3) calc(12px / 3);
  border-radius: 50%;
}
.status.status-circle.status-sm {
  width: 18px;
  height: 18px;
  border-radius: 50%;
}
.status.status-circle.status-sm .circle-inner {
  width: calc(18px / 3);
  height: calc(18px / 3);
  margin: calc(18px / 3) calc(18px / 3);
  border-radius: 50%;
}
.status.status-circle.status-md {
  width: 24px;
  height: 24px;
  border-radius: 50%;
}
.status.status-circle.status-md .circle-inner {
  width: calc(24px / 3);
  height: calc(24px / 3);
  margin: calc(24px / 3) calc(24px / 3);
  border-radius: 50%;
}
.status.status-circle.status-lg {
  width: 30px;
  height: 30px;
  border-radius: 50%;
}
.status.status-circle.status-lg .circle-inner {
  width: calc(30px / 3);
  height: calc(30px / 3);
  margin: calc(30px / 3) calc(30px / 3);
  border-radius: 50%;
}
.status.status-circle.red {
  background: var(--theme-color-negative-default);
}
.status.status-circle.orange {
  background: var(--theme-color-warning-default);
}
.status.status-circle.green {
  background: var(--theme-color-positive-default);
}

.status-icon-container-example {
  display: block;
  float: left;
  width: 50px;
  height: 50px;
}

.status-table {
  display: table;
}
.status-table .status-table-cell {
  display: table-cell;
  vertical-align: middle;
}
.status-table .status-table-cell > span {
  display: inline-block;
  width: 100%;
}
.status-table .status-table-cell > span p {
  padding: 0;
  margin: 0;
}
.status-table .status-table-cell > span:empty {
  display: none !important;
}

.text-alert {
  border-radius: 5px;
  border: solid 1px;
  padding: 8px;
  margin-bottom: 16px;
}
.text-alert.alert-success {
  background-color: var(--theme-color-positive-lighter);
  border-color: var(--theme-color-positive-light);
  color: var(--theme-color-positive-darker);
}
.text-alert.alert-warning {
  background-color: var(--theme-color-warning-lighter);
  border-color: var(--theme-color-warning-light);
  color: var(--theme-color-warning-darker);
}
.text-alert.alert-danger {
  background-color: var(--theme-color-primary-lighter);
  border-color: var(--theme-color-primary-light);
  color: var(--theme-color-primary-darker);
}

.thumb-info {
  display: table;
}
.thumb-info .thumb-info-cell {
  display: table-cell;
  vertical-align: middle;
}
.thumb-info .thumb-container .thumb {
  margin-right: 14px;
}
.thumb-info .thumb-info-text {
  max-width: 0;
  width: 100%;
}
.thumb-info .thumb-info-text .thumb-info-text-title .thumb-info-header {
  display: inline;
  margin: 0;
}
.thumb-info .thumb-info-text .thumb-info-text-secondary :first-child.icon,
.thumb-info .thumb-info-text .thumb-info-text-secondary :first-child .icon:first-child {
  margin-left: 1px;
}
.thumb-info.clickable {
  cursor: pointer;
}
.thumb-info.clickable:hover {
  background-color: #f3f4f6;
}

.tile-slider_container {
  position: relative;
}
.tile-slider_container.tile-slider-embeds .embed {
  width: 239px;
  cursor: pointer;
}
.tile-slider_container.tile-slider-embeds .embed .embed-image {
  max-height: 115px !important;
}
.tile-slider_container.tile-slider-booking-slots .booking-slot {
  min-width: 90px;
}
.tile-slider_container .row h3 {
  width: auto;
  padding: 4px;
}
.tile-slider_container .tile-slider .quick-filter-tile {
  text-align: center;
  color: rgb(255, 255, 255);
}
.tile-slider_container .tile-slider .quick-filter-tile .widget {
  padding: 0px;
}
.tile-slider_container .tile-slider .quick-filter-tile a {
  width: 100%;
  height: 200px;
  border: 0px;
  background-color: #374151;
}
.tile-slider_container .tile-slider .quick-filter-tile a img {
  width: 100%;
  height: 200px;
  object-fit: cover;
  opacity: 0.8;
  -moz-transition: all 0.3s;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.tile-slider_container .tile-slider .quick-filter-tile a .quick-filter-tile-text {
  font-weight: 700;
  font-size: 1.43rem;
  margin: 10px;
}
.tile-slider_container .tile-slider .quick-filter-tile a .quick-filter-tile-count,
.tile-slider_container .tile-slider .quick-filter-tile a .quick-filter-tile-info {
  position: absolute;
  bottom: 8px;
  top: inherit;
  opacity: 0;
  color: rgb(255, 255, 255);
}
.tile-slider_container .tile-slider .quick-filter-tile a .quick-filter-tile-count {
  left: 16px;
  text-align: left;
}
.tile-slider_container .tile-slider .quick-filter-tile a .quick-filter-tile-info {
  right: 16px;
  left: inherit;
  text-align: right;
}
.tile-slider_container .tile-slider .quick-filter-tile a .quick-filter-tile-info i:hover {
  color: var(--theme-color-accent-default);
  cursor: pointer;
}
.tile-slider_container .tile-slider .quick-filter-tile:hover img {
  opacity: 0.3;
}
.tile-slider_container .tile-slider .quick-filter-tile:hover .quick-filter-tile-count {
  opacity: 1;
}
.tile-slider_container .tile-slider .quick-filter-tile:hover .quick-filter-tile-info {
  opacity: 1;
}
.tile-slider_container .tile-slider .owl-stage {
  display: flex;
}
.tile-slider_container .tile-slider_nav-button-left,
.tile-slider_container .tile-slider_nav-button-right {
  position: absolute;
  height: 100%;
  width: 30px;
  z-index: 2;
  background-color: black;
  text-align: center;
  cursor: pointer;
  -webkit-transition: 0.5s; /* For Safari 3.1 to 6.0 */
  transition: 0.5s;
  visibility: hidden;
  opacity: 0;
}
.tile-slider_container .tile-slider_nav-button-left span,
.tile-slider_container .tile-slider_nav-button-right span {
  position: absolute;
  color: white !important;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.tile-slider_container .tile-slider_nav-button-left {
  left: 0;
}
.tile-slider_container .tile-slider_nav-button-right {
  right: 0;
}
.tile-slider_container:hover .tile-slider_nav-button-left,
.tile-slider_container:hover .tile-slider_nav-button-right {
  visibility: visible;
}
.tile-slider_container:hover .tile-slider_nav-button-left:hover:not(.disabled),
.tile-slider_container:hover .tile-slider_nav-button-right:hover:not(.disabled) {
  opacity: 0.7;
}
.tile-slider_container:hover .tile-slider_nav-button-left:not(.disabled),
.tile-slider_container:hover .tile-slider_nav-button-right:not(.disabled) {
  opacity: 0.5;
}
.tile-slider_container:hover .tile-slider_nav-button-left.disabled,
.tile-slider_container:hover .tile-slider_nav-button-right.disabled {
  opacity: 0.1;
  cursor: default;
}

.media-tipsy {
  font-size: 10px;
  position: absolute;
  padding: 5px;
  z-index: 100000;
}

.media-tipsy-inner {
  background-color: #000;
  color: #fff;
  max-width: 317px;
  padding: 2px 2px 0px 2px;
  text-align: center;
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
}

.media-tipsy-arrow {
  position: absolute;
  width: 0;
  height: 0;
  line-height: 0;
  border: 5px dashed #000;
}

.media-tipsy-arrow-n {
  border-bottom-color: #000;
}

.media-tipsy-n .media-tipsy-arrow {
  top: 0px;
  left: 50%;
  margin-left: -5px;
  border-bottom-style: solid;
  border-top: none;
  border-left-color: transparent;
  border-right-color: transparent;
}

.media-tipsy-nw .media-tipsy-arrow {
  top: 0;
  left: 10px;
  border-bottom-style: solid;
  border-top: none;
  border-left-color: transparent;
  border-right-color: transparent;
}

.media-tipsy-ne .media-tipsy-arrow {
  top: 0;
  right: 10px;
  border-bottom-style: solid;
  border-top: none;
  border-left-color: transparent;
  border-right-color: transparent;
}

.media-tipsy-s .media-tipsy-arrow {
  bottom: 0;
  left: 50%;
  margin-left: -5px;
  border-top-style: solid;
  border-bottom: none;
  border-left-color: transparent;
  border-right-color: transparent;
}

.media-tipsy-sw .media-tipsy-arrow {
  bottom: 0;
  left: 10px;
  border-top-style: solid;
  border-bottom: none;
  border-left-color: transparent;
  border-right-color: transparent;
}

.media-tipsy-se .media-tipsy-arrow {
  bottom: 0;
  right: 10px;
  border-top-style: solid;
  border-bottom: none;
  border-left-color: transparent;
  border-right-color: transparent;
}

.header-nav-item {
  background-color: rgb(255, 255, 255);
  padding-left: 20px;
  padding-right: 20px;
  display: inline-block;
  box-sizing: border-box;
  height: 100%;
  cursor: pointer;
}
.header-nav-item .txt-wrapper {
  margin-left: 16px;
  vertical-align: middle;
  display: inline-block;
}
.header-nav-item .txt-wrapper span {
  display: block;
  line-height: 20px;
  color: inherit;
  font-family: "Inter", sans-serif;
  font-weight: 500 !important;
  font-style: normal;
  font-size: 1.1em;
  text-overflow: ellipsis;
  overflow: hidden;
  max-width: 120px;
  white-space: nowrap;
}
.header-nav-item .txt-wrapper .sub-heading {
  font-size: 0.7em;
  font-weight: 700 !important;
  font-family: "Inter", sans-serif;
}
.header-nav-item i {
  vertical-align: middle;
}
.header-nav-item .caret {
  margin-left: 16px;
}
.header-nav-item .thumb {
  vertical-align: middle;
  display: inline-block;
  float: none;
}
.header-nav-item.active {
  width: 100%;
}
.header-nav-item.active .txt-wrapper span {
  max-width: unset;
}
@media (min-width: 768px) {
  .header-nav-item.active {
    width: auto;
  }
}
@media (min-width: 768px) and (max-width: 992px) {
  .header-collapse > .header-nav-item {
    padding-left: 1%;
    padding-right: 1%;
  }
}
.header-nav-item:hover {
  background-color: #f3f4f6 !important;
}
@media (max-width: 767px) {
  .header-nav-item {
    width: 100%;
    border-right: 0;
    border-left: 0;
  }
}

.header-env-item {
  background-color: rgb(255, 255, 255);
  padding-left: 20px;
  padding-right: 20px;
  display: inline-block;
  box-sizing: border-box;
  height: 69px;
  cursor: pointer;
}
@media (max-width: 767px) {
  .header-env-item {
    width: auto;
  }
}
.header-env-item:hover {
  background-color: #f3f4f6 !important;
}
.header-env-item .thumb {
  vertical-align: middle;
  display: inline-block;
}
.header-env-item .txt-wrapper {
  margin-left: 16px;
  vertical-align: middle;
  display: inline-block;
  line-height: normal;
  max-width: 300px;
}
.header-env-item .txt-wrapper .community {
  margin-bottom: 5px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.header-env-item .txt-wrapper .community .name {
  font-size: 1.17em;
  font-family: "Inter", sans-serif;
  font-weight: 500 !important;
  display: inline;
}
.header-env-item .txt-wrapper .community .sub-line {
  font-size: 0.85em;
}
.header-env-item .txt-wrapper .company {
  font-size: 0.85em;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.header-env-item .txt-wrapper .company .name {
  font-weight: 600;
}
.header-env-item .txt-wrapper .company .icon {
  margin-right: 4px;
  margin-left: 1px;
}
.header-env-item .txt-wrapper .sub-line {
  color: #6b7280;
}
.header-env-item .txt-wrapper .sub-line:before {
  content: " - ";
}

.header-coat .header-nav-item {
  background-color: var(--theme-color-primary-default);
  color: rgb(255, 255, 255);
}
.header-coat .header-nav-item.active {
  background-color: var(--theme-color-primary-dark) !important;
}
@media (min-width: 768px) {
  .header-coat .header-nav-item.active {
    width: auto;
  }
}
.header-coat .header-nav-item:hover {
  background-color: var(--theme-color-primary-darker) !important;
  color: white;
}

body {
  margin: 0;
  padding: 0;
  word-wrap: break-word;
  position: relative;
}

html {
  font-family: "Inter", sans-serif;
  font-size: 14px;
}

@media (max-width: 992px) {
  html {
    font-size: 16px !important;
  }
  input {
    font-size: 16px !important;
  }
}
body,
p,
button,
span,
li {
  color: #111827;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  background: none;
  margin-top: 0;
  margin-bottom: 0.8em;
}

h1 {
  font-weight: 700;
  font-size: 2.29rem;
}

h2 {
  font-weight: 700;
  font-size: 1.71rem;
}

h3 {
  font-weight: 700;
  font-size: 1.43rem;
}

h4 {
  font-weight: 700;
  font-size: 1.28rem;
}

p {
  margin-top: 0;
  margin-bottom: 1em;
  line-height: 160%;
}

p.secondary,
span.secondary,
a.secondary {
  font-weight: 400;
  font-size: 0.86rem;
  letter-spacing: 0.005em;
}
p.secondary,
p.secondary li,
p.secondary span,
span.secondary,
span.secondary li,
span.secondary span,
a.secondary,
a.secondary li,
a.secondary span {
  color: #6b7280;
}

a {
  color: var(--theme-color-accent-default);
  text-decoration: none;
  cursor: pointer;
}
a:hover {
  text-decoration: underline;
}
a:active {
  color: var(--theme-color-accent-darker);
}
a.text-color-default {
  color: inherit;
}

.text-left {
  text-align: left;
}

.text-right {
  text-align: right;
}

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

.text-justify {
  text-align: justify;
}

.text-nowrap {
  white-space: nowrap;
}

small,
.text-small {
  font-weight: 400;
  font-size: 0.86rem;
  letter-spacing: 0.005em;
}
small input,
.text-small input {
  line-height: normal;
}

.text-title {
  font-size: 3em;
}

.text-medium-large {
  font-size: 1.14em;
}

.text-large {
  font-size: 1.71em;
}

.text-semi-bold {
  font-weight: 600;
}

.text-mono {
  font-family: monospace;
}

.disabled-text p,
.disabled-text span,
.disabled-text label {
  color: #9ca3af;
}

.hlt,
mark {
  color: var(--theme-color-primary-default);
  font-weight: bold;
  font-style: normal;
  background: none;
}

.text-primary {
  color: var(--theme-color-primary-default) !important;
}

.text-secondary {
  color: #6b7280 !important;
}

.text-accent {
  color: var(--theme-color-accent-default) !important;
}

.text-progress,
.text-pending {
  color: var(--theme-color-progress-default) !important;
}

.text-success {
  color: var(--theme-color-positive-default) !important;
}

.text-closed {
  color: var(--theme-color-closed-default) !important;
}

.text-open {
  color: var(--theme-color-open-default) !important;
}

.text-negative {
  color: var(--theme-color-negative-default) !important;
}

.text-dark-gray {
  color: #111827 !important;
}

.text-truncate {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

#legacy_content hr:not(.prevent-legacy-css) {
  border-bottom: none;
  border-top: 1px solid #d1d5db;
  border-left-style: none;
  border-right-style: none;
}

.break-all {
  word-break: break-all;
}

.bookable-card .widget, .request-form-card .widget {
  border-radius: 10px !important;
  -webkit-border-radius: 10px !important;
  -moz-border-radius: 10px !important;
  transition: box-shadow 0.25s;
  box-shadow: 0 2px 5px 1px rgba(209, 213, 219, 0.5);
  -moz-box-shadow: 0 2px 5px 1px rgba(209, 213, 219, 0.5);
  -webkit-box-shadow: 0 2px 5px 1px rgba(209, 213, 219, 0.5);
  margin-bottom: 30px;
  flex-grow: 1;
}
.bookable-card .widget .bookable-category, .request-form-card .widget .bookable-category {
  color: #6b7280;
  font-weight: 400;
  font-size: 0.86rem;
  letter-spacing: 0.005em;
}
.bookable-card .widget .bookable-category .icon, .request-form-card .widget .bookable-category .icon {
  vertical-align: middle;
  display: inline-block;
  margin-right: 4px;
}
.bookable-card .widget .bookable-category span, .request-form-card .widget .bookable-category span {
  color: #6b7280;
  vertical-align: middle;
  display: inline-block;
}
.bookable-card .widget .bookable-thumb, .request-form-card .widget .bookable-thumb {
  position: relative;
  width: 100%;
  padding-bottom: 56.25%; /* 16:9 */
  overflow: hidden;
}
.bookable-card .widget .bookable-thumb .thumb-bookable, .request-form-card .widget .bookable-thumb .thumb-bookable {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
.bookable-card .widget .bookable-thumb .label, .request-form-card .widget .bookable-thumb .label {
  position: absolute;
  right: 24px;
  bottom: 14px;
}
.bookable-card .widget .bookable-info, .request-form-card .widget .bookable-info {
  padding: 24px;
}
.bookable-card .widget .bookable-info h2, .request-form-card .widget .bookable-info h2 {
  margin-bottom: 0;
}
.bookable-card .widget .bookable-info .bookable-details, .request-form-card .widget .bookable-info .bookable-details {
  margin-top: 16px;
}
.bookable-card .widget .bookable-info .bookable-price, .request-form-card .widget .bookable-info .bookable-price {
  margin-top: 8px;
}
.bookable-card .widget .bookable-info .bookable-price:empty, .request-form-card .widget .bookable-info .bookable-price:empty {
  margin-bottom: 17px;
}
.bookable-card .widget .bookable-info .booking-slots, .request-form-card .widget .bookable-info .booking-slots {
  margin-top: 14px;
  height: 33px;
}
.bookable-card .widget .bookable-info .booking-button-container, .request-form-card .widget .bookable-info .booking-button-container {
  margin-top: 14px;
}
.bookable-card .widget:hover, .request-form-card .widget:hover {
  box-shadow: 0 2px 5px 1px rgba(209, 213, 219, 0.8) !important;
  -moz-box-shadow: 0 2px 5px 1px rgba(209, 213, 219, 0.8) !important;
  -webkit-box-shadow: 0 2px 5px 1px rgba(209, 213, 219, 0.8) !important;
}
.bookable-card .widget .bookable-name .icon, .request-form-card .widget .bookable-name .icon {
  font-size: inherit;
  margin-right: 8px;
  padding-bottom: 3px;
}

.request-form-card {
  display: flex;
}
.request-form-card .bookable-name {
  overflow: hidden;
  max-height: 58px;
  margin-bottom: 16px !important;
}
@supports (-webkit-line-clamp: 2) {
  .request-form-card .bookable-name {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    max-height: none;
  }
}
.request-form-card .bookable-name span, .request-form-card .bookable-name .icon {
  display: table-cell;
}
.request-form-card .bookable-name span {
  width: 100%;
}
.request-form-card .bookable-name .icon {
  padding-right: 12px;
}

.card-grid {
  display: flex;
  flex-wrap: wrap;
}

.c3 .c3-tooltip-container .c3-tooltip {
  opacity: 1;
  overflow: hidden;
  border: 1px solid #d1d5db;
  border-collapse: initial;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  box-shadow: none;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
}
.c3 .c3-tooltip-container .c3-tooltip tr,
.c3 .c3-tooltip-container .c3-tooltip td {
  border: none;
  font-size: 13px;
}
.c3 .c3-tooltip-container .c3-tooltip th {
  background-color: rgb(255, 255, 255);
  color: #111827;
  font-size: 13px;
  border-bottom: 1px solid #d1d5db;
  font-weight: 600;
}

.calendar-dots {
  max-width: 100%;
  margin: 0 auto;
}
.calendar-dots .clndr .clndr-controls {
  display: inline-block;
  width: 100%;
  margin-bottom: 3px;
  font-weight: 600;
  padding-top: 5px;
}
.calendar-dots .clndr .clndr-controls .clndr-previous-button,
.calendar-dots .clndr .clndr-controls .clndr-next-button {
  float: left;
  width: 10% !important;
  -webkit-user-select: none;
  /* Chrome/Safari */
  -moz-user-select: none;
  /* Firefox */
  -ms-user-select: none;
  /* IE10+ */
}
.calendar-dots .clndr .clndr-controls .clndr-previous-button,
.calendar-dots .clndr .clndr-controls .clndr-next-button {
  text-align: center;
}
.calendar-dots .clndr .clndr-controls .month {
  float: left;
  width: 80%;
  text-align: center;
}
.calendar-dots .clndr .clndr-controls .month:first-letter, .calendar-dots .clndr .clndr-controls .month::first-letter {
  text-transform: uppercase;
}
.calendar-dots .clndr .clndr-table {
  table-layout: fixed;
  width: 100%;
  line-height: 25px;
}
.calendar-dots .clndr .clndr-table tr {
  height: 30px;
}
.calendar-dots .clndr .clndr-table .header-day {
  height: 25px;
  text-align: center;
}
.calendar-dots .clndr .clndr-table .day {
  height: inherit;
  width: 100%;
  text-align: center;
  padding: 3px;
  position: relative;
}
.calendar-dots .clndr .clndr-table .day .day-content {
  display: block;
  max-width: 32px;
  margin: 0 auto;
  width: 100%;
  height: 32px;
  border-radius: 16px;
  text-align: center;
  padding: 0;
  padding-top: 4px;
  color: inherit;
}
.calendar-dots .clndr .clndr-table .day.today .day-content {
  border: 1px solid var(--theme-color-positive-default);
  line-height: 21px;
}
.calendar-dots .clndr .clndr-table .day.empty, .calendar-dots .clndr .clndr-table .day.adjacent-month {
  color: rgb(197, 197, 197);
}
.calendar-dots .clndr .clndr-table .event.multi-middle .day-content::after, .calendar-dots .clndr .clndr-table .event.multi-end .day-content::after {
  content: " ";
  border-radius: 50%;
  color: #111827;
  width: 7px;
  display: block;
  height: 7px;
  text-align: center;
  padding-left: 2px;
  margin: 0 auto;
  margin-top: -5px;
  border: 1px rgb(255, 255, 255) solid;
}
.calendar-dots .clndr .clndr-table .event.group-event .day-content {
  background-color: var(--theme-color-primary-default);
  font-weight: bold;
  color: rgb(255, 255, 255);
  padding-left: 0;
}
.calendar-dots .clndr .clndr-table .event.group-event .day-content:hover {
  cursor: pointer;
  background-color: var(--theme-color-primary-dark);
  color: white;
}
.calendar-dots .clndr .clndr-table .event.group-event .day-content:after {
  background-color: var(--theme-color-primary-default);
}
.calendar-dots .clndr .clndr-table .event.group-event.past .day-content {
  background-color: var(--theme-color-primary-light);
  font-weight: normal;
  color: white;
}
.calendar-dots .clndr .clndr-table .event.group-event.past .day-content:hover {
  background-color: var(--theme-color-primary-default) !important;
}
.calendar-dots .clndr .clndr-table .event.group-event.past .day-content:after {
  background-color: var(--theme-color-primary-default) !important;
}
.calendar-dots .clndr .clndr-table .event.group-event.multi-middle:not(.multiple) .day-content, .calendar-dots .clndr .clndr-table .event.group-event.multi-end:not(.multiple) .day-content {
  background-color: transparent;
  color: #111827;
}
.calendar-dots .clndr .clndr-table .event.group-event.multi-middle .day-content:after, .calendar-dots .clndr .clndr-table .event.group-event.multi-end .day-content:after {
  background-color: var(--theme-color-primary-default);
}
.calendar-dots .clndr .clndr-table .event.group-event.multi-middle .day-content:hover, .calendar-dots .clndr .clndr-table .event.group-event.multi-end .day-content:hover {
  background-color: var(--theme-color-primary-default);
  color: rgb(255, 255, 255);
}
.calendar-dots .clndr .clndr-table .event.member-event .day-content {
  background-color: var(--theme-color-primary-default);
  font-weight: bold;
  color: rgb(255, 255, 255);
  padding-left: 0;
}
.calendar-dots .clndr .clndr-table .event.member-event .day-content:hover {
  cursor: pointer;
  background-color: var(--theme-color-primary-dark);
  color: white;
}
.calendar-dots .clndr .clndr-table .event.member-event .day-content:after {
  background-color: #f3f4f6;
}
.calendar-dots .clndr .clndr-table .event.member-event.past .day-content {
  background-color: var(--theme-color-primary-light);
  font-weight: normal;
  color: white;
}
.calendar-dots .clndr .clndr-table .event.member-event.past .day-content:hover {
  background-color: var(--theme-color-primary-default) !important;
}
.calendar-dots .clndr .clndr-table .event.member-event.past .day-content:after {
  background-color: var(--theme-color-primary-default) !important;
}
.calendar-dots .clndr .clndr-table .event.member-event.multi-middle:not(.multiple) .day-content, .calendar-dots .clndr .clndr-table .event.member-event.multi-end:not(.multiple) .day-content {
  background-color: transparent;
  color: #111827;
}
.calendar-dots .clndr .clndr-table .event.member-event.multi-middle .day-content:after, .calendar-dots .clndr .clndr-table .event.member-event.multi-end .day-content:after {
  background-color: #f3f4f6;
}
.calendar-dots .clndr .clndr-table .event.member-event.multi-middle .day-content:hover, .calendar-dots .clndr .clndr-table .event.member-event.multi-end .day-content:hover {
  background-color: #f3f4f6;
  color: rgb(255, 255, 255);
}
.calendar-dots .clndr .header-days .header-day {
  color: #111827;
  font-weight: 600;
}
.calendar-dots .clndr .event-listing {
  float: left;
  width: 100%;
  list-style: none;
  padding: 0;
}
.calendar-dots .clndr .event-item {
  padding-top: 5px;
  padding-bottom: 5px;
  cursor: pointer;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.calendar-dots .clndr .event-item .event-item-date {
  font-weight: 600;
}
.calendar-dots .clndr .event-item .event-item-date:after {
  content: "|";
}
.calendar-dots .clndr .event-item:hover {
  cursor: pointer;
  background-color: #f3f4f6;
}
.calendar-dots .clndr .event-item.past span {
  color: rgb(197, 197, 197) !important;
}

.card {
  margin-bottom: 20px;
}
.card .card-info {
  line-height: 1.5;
  padding-bottom: 13px;
}
.card .card-info div {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.card .card-header {
  font-weight: 400;
  font-size: 1.14rem !important;
  letter-spacing: 0.005em !important;
  font-weight: bold;
  padding-bottom: 6px;
}
.card .card-sub-header {
  font-weight: 400;
  font-size: 1rem;
  letter-spacing: 0.0025em;
  padding-bottom: 6px;
}
.card .card-icons a {
  margin-left: 1px;
  margin-right: 4px;
  text-decoration: none;
  color: black;
}
.card .card-icons a.thumb, .card .card-icons a.thumb.thumb_square {
  display: inline-block;
}
.card .widget {
  -o-transition: box-shadow ease-in-out 0.15s;
  -moz-transition: box-shadow ease-in-out 0.15s;
  -webkit-transition: box-shadow ease-in-out 0.15s;
  transition: box-shadow ease-in-out 0.15s;
}
.card .widget:hover {
  box-shadow: 1px 1px 1px 1px #e0e0e0;
  -moz-box-shadow: 1px 1px 1px 1px #e0e0e0;
  -webkit-box-shadow: 1px 1px 1px 1px #e0e0e0;
}

.account-card .widget {
  padding: 0;
  height: 177px;
}
.account-card .card-thumb {
  padding: 35px 15px 35px 15px;
  float: left;
}
.account-card .card-info {
  padding: 15px;
  overflow: hidden;
}
.account-card.slider {
  margin-bottom: 0px;
}
.account-card.slider .widget {
  -o-transition: none;
  -moz-transition: none;
  -webkit-transition: none;
  transition: none;
  box-shadow: none !important;
  -moz-box-shadow: none !important;
  -webkit-box-shadow: none !important;
}
.account-card.slider .card-thumb {
  padding-bottom: 20px;
}
.account-card.small > div {
  display: flex;
  align-items: center;
}
.account-card.small > div .card-thumb {
  padding: 0;
  padding-right: 15px;
  border: 0;
}

.card-entity {
  text-align: center;
}
.card-entity .widget {
  padding: 0px;
  height: 305px;
}
.card-entity.card-household .widget {
  height: 235px;
}
.card-entity .card-thumb {
  padding-top: 20px;
  padding-bottom: 20px;
}
.card-entity .card-thumb .thumb {
  border-radius: 7px;
  padding: 0;
  margin: 0 auto;
}
.card-entity .card-info {
  padding-left: 20px;
  padding-right: 20px;
}
.card-entity .card-info .card-address {
  color: #6b7280;
  margin-bottom: 10px;
}
.card-entity .card-icons {
  font-size: 1.35em;
}
.card-entity .card-icons.button-group {
  margin: 0 auto;
}
.card-entity .card-icons.button-group div {
  float: left;
  text-overflow: inherit;
}
.card-entity .card-icons.button-group div a {
  margin: 0;
}
.card-entity .card-icons.button-group div .button-compact {
  padding: 4px 8px;
}

.chaingrid {
  width: 100%;
  text-align: center;
  overflow-y: hidden;
}
.chaingrid .grid-cell {
  margin: 0 0 5px 5px;
  float: right;
  overflow: hidden;
}
.chaingrid .grid-cell .thumb {
  float: right;
  margin-left: 5px;
}

.sp-replacer {
  background: rgb(255, 255, 255);
  border-radius: 2px;
}
.sp-replacer:hover, .sp-replacer.sp-active {
  border-color: var(--theme-color-accent-default);
}
.sp-replacer .sp-preview {
  color: #30446e;
  width: 34px;
  height: 30px;
}

.sp-container {
  background-color: rgb(255, 255, 255);
  border-color: #d1d5db;
  box-shadow: 4px 4px 14px -4px rgba(0, 0, 0, 0.42);
}
.sp-container .sp-palette-container,
.sp-container .sp-picker-container {
  width: auto;
  border-right: none;
  padding: 15px;
  margin: 0;
  float: none;
}
.sp-container .sp-picker-container {
  height: 181px;
}
.sp-container .sp-initial span {
  height: 28px;
}
.sp-container .sp-input {
  background: rgb(255, 255, 255);
  border: 1px solid #9ca3af;
  border-radius: 2px;
  color: inherit;
  font: inherit !important;
  margin: inherit;
  padding: 5px 10px;
}

/* For jquery-ui version 1.11 */
.ui-icon-circle-triangle-w:before {
  content: "‹";
  display: inline-block;
  width: auto;
  font-size: medium;
}

.ui-icon-circle-triangle-e:before {
  content: "›";
  display: inline-block;
  width: auto;
  font-size: medium;
}

.ui-datepicker-unselectable span,
.ui-state-disabled span {
  color: rgb(197, 197, 197);
}

.ui-state-active {
  background-color: var(--theme-color-accent-default);
  border-radius: 16px;
  color: rgb(255, 255, 255) !important;
  font-weight: bold;
}
.ui-state-active:hover {
  background-color: var(--theme-color-accent-dark);
}

.ui-state-disabled {
  cursor: default !important;
  pointer-events: none;
  opacity: 0.5;
}

.ui-icon {
  display: inline-block;
  vertical-align: middle;
  margin-top: -0.25em;
  position: relative;
  overflow: hidden;
  background-repeat: no-repeat;
}

.ui-menu .ui-menu-icon {
  left: auto;
  right: 0;
}

.ui-button {
  padding: 0.4em 1em;
  display: inline-block;
  position: relative;
  line-height: normal;
  margin-right: 0.1em;
  cursor: pointer;
  vertical-align: middle;
  text-align: center;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  /* Support: IE <= 11 */
  overflow: visible;
}

.ui-button:link, .ui-button:visited, .ui-button:hover, .ui-button:active {
  text-decoration: none;
}

.ui-state-default a,
.ui-state-default a:link,
.ui-state-default a:visited,
.ui-state-default a.ui-button,
.ui-state-default .ui-button {
  color: #ddd;
  text-decoration: none;
}

.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus,
.ui-button:hover,
.ui-button:focus {
  background: #eee;
  color: #333;
}

.ui-state-hover a,
.ui-state-hover a:hover,
.ui-state-hover a:link,
.ui-state-hover a:visited,
.ui-state-hover a.ui-button:hover,
.ui-state-hover a.ui-button:focus,
.ui-state-focus a,
.ui-state-focus a:hover,
.ui-state-focus a:link,
.ui-state-focus a:visited,
.ui-state-focus a.ui-button:hover,
.ui-state-focus a.ui-button:focus {
  text-decoration: none;
}

.ui-state-active .ui-state-active:active, .ui-state-active .ui-state-active.ui-state-active:hover,
.ui-state-active a.ui-button:active,
.ui-state-active a.ui-button.ui-state-active:hover,
.ui-state-active .ui-button:active,
.ui-state-active .ui-button.ui-state-active:hover,
.ui-widget-content .ui-state-active:active,
.ui-widget-content .ui-state-active.ui-state-active:hover,
.ui-widget-content a.ui-button:active,
.ui-widget-content a.ui-button.ui-state-active:hover,
.ui-widget-content .ui-button:active,
.ui-widget-content .ui-button.ui-state-active:hover,
.ui-widget-header .ui-state-active:active,
.ui-widget-header .ui-state-active.ui-state-active:hover,
.ui-widget-header a.ui-button:active,
.ui-widget-header a.ui-button.ui-state-active:hover,
.ui-widget-header .ui-button:active,
.ui-widget-header .ui-button.ui-state-active:hover {
  text-decoration: none;
}

.ui-state-active a,
.ui-state-active a:link,
.ui-state-active a:visited {
  text-decoration: none;
}

/* UI Day */
.ui-datepicker {
  z-index: 9999 !important;
  display: none;
  float: left;
  width: 250px;
  margin: 3px 0 0 0;
  font-size: 1em;
  text-align: left;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid #d1d5db;
  box-shadow: 4px 4px 14px -4px rgba(0, 0, 0, 0.42);
  padding: 10px;
  /* with multiple calendars */
}
.ui-datepicker span {
  color: unset;
}
.ui-datepicker a {
  color: inherit;
  text-decoration: none;
}
.ui-datepicker a:hover, .ui-datepicker a:active {
  text-decoration: none !important;
}
.ui-datepicker table {
  width: 100%;
  table-layout: fixed;
}
.ui-datepicker table thead,
.ui-datepicker table th {
  height: 25px;
  border: 0;
  text-align: center;
}
.ui-datepicker table tr {
  height: 35px;
}
.ui-datepicker table tr td {
  border: 0;
  height: inherit;
  text-align: center;
  position: relative;
}
.ui-datepicker table tr td span,
.ui-datepicker table tr td a {
  display: block;
  max-width: 28px;
  margin: 0 auto;
  width: 100%;
  height: 28px;
  border-radius: 14px;
  text-align: center;
  padding: 0;
  padding-top: 4px;
}
.ui-datepicker table tr td span:hover,
.ui-datepicker table tr td a:hover {
  background-color: #f3f4f6;
}
.ui-datepicker.ui-datepicker-multi {
  width: auto;
}
.ui-datepicker.ui-datepicker-multi .ui-datepicker-group {
  float: left;
}
.ui-datepicker.ui-datepicker-multi .ui-datepicker-group table {
  width: 95%;
  margin: 0 auto 0.4em;
}
.ui-datepicker.ui-datepicker-multi .ui-datepicker-multi-2 .ui-datepicker-group {
  width: 50%;
}
.ui-datepicker.ui-datepicker-multi .ui-datepicker-multi-3 .ui-datepicker-group {
  width: 33.3%;
}
.ui-datepicker.ui-datepicker-multi .ui-datepicker-multi-4 .ui-datepicker-group {
  width: 25%;
}
.ui-datepicker.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {
  border-left-width: 0;
}
.ui-datepicker.ui-datepicker-multi .ui-datepicker-buttonpane {
  clear: left;
}
.ui-datepicker .ui-datepicker-multi,
.ui-datepicker .ui-datepicker-row-break {
  clear: both;
  width: 100%;
  font-size: 0;
}
.ui-datepicker .ui-datepicker-header {
  position: relative;
  display: inline-block;
  padding: 0.2em 0;
  width: 100%;
}
.ui-datepicker .ui-datepicker-title {
  margin: 0 2.3em;
  line-height: 1.8em;
  text-align: center;
  float: left;
  width: 80%;
  font-weight: bold;
}
.ui-datepicker .ui-datepicker-title a span {
  max-width: unset !important;
  width: 100% !important;
}
.ui-datepicker .ui-datepicker-title select {
  font-size: 1em;
  margin: 1px 0;
}
.ui-datepicker .ui-datepicker-year {
  margin-top: 5px;
}
.ui-datepicker .ui-datepicker-today a,
.ui-datepicker .ui-datepicker-today span {
  border: 1px solid var(--theme-color-positive-default);
}
.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {
  position: absolute;
  top: 2px;
  width: 1.8em;
  height: 1.8em;
}
.ui-datepicker .ui-datepicker-prev span,
.ui-datepicker .ui-datepicker-next span {
  font-size: 0;
}
.ui-datepicker .ui-datepicker-prev-hover,
.ui-datepicker .ui-datepicker-next-hover {
  top: 1px;
  background: transparent !important;
}
.ui-datepicker .ui-datepicker-prev-hover span,
.ui-datepicker .ui-datepicker-next-hover span {
  display: block;
}
.ui-datepicker .ui-datepicker-prev {
  left: 0;
  float: left;
  width: 10%;
  text-align: left;
}
.ui-datepicker .ui-datepicker-next {
  right: 0;
  float: right;
  width: 10%;
  text-align: right;
}
.ui-datepicker .ui-datepicker-buttonpane {
  background-image: none;
  margin: 0.7em 0 0 0;
  padding: 0 0.2em;
  border-left: 0;
  border-right: 0;
  border-bottom: 0;
}
.ui-datepicker .ui-datepicker-buttonpane button {
  float: right;
  margin: 0.5em 0.2em 0.4em;
  cursor: pointer;
  padding: 0.2em 0.6em 0.3em 0.6em;
  width: auto;
  overflow: visible;
}
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
  float: left;
}

/* UI Week */
.ui-weekpicker {
  width: 280px;
}

/* UI Month */
.month-picker {
  position: absolute;
  z-index: 9999 !important;
  display: none;
  float: left;
  width: auto;
  margin: 3px 0 0 0;
  font-size: 1em;
  text-align: left;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid #d1d5db;
  box-shadow: 4px 4px 14px -4px rgba(0, 0, 0, 0.42);
  padding: 10px;
}
.month-picker span {
  color: unset;
}
.month-picker a {
  color: inherit;
  text-decoration: none;
}
.month-picker a:hover, .month-picker a:active {
  text-decoration: none !important;
}
.month-picker table {
  width: 100%;
}
.month-picker table thead {
  height: 25px;
  text-align: center;
}
.month-picker table tbody tr {
  height: 35px;
}
.month-picker table tbody td {
  height: inherit;
  text-align: center;
  padding: 2px;
  position: relative;
}
.month-picker table tbody td a,
.month-picker table tbody td span {
  display: block;
  margin: 0 auto;
  width: 100%;
  border-radius: 4px;
  text-align: center;
}
.month-picker table tbody td a.ui-button {
  width: unset;
  padding-top: 3px;
}
.month-picker table tbody td a.ui-button .ui-button-text {
  display: unset;
  width: 100%;
}
.month-picker .month-picker-header {
  display: inline-block;
  width: 100%;
}
.month-picker .month-picker-title {
  text-align: center;
  width: 80% !important;
  font-weight: bold;
}
.month-picker .month-picker-title a {
  width: 100% !important;
  max-width: unset !important;
  padding-top: 4px;
}
.month-picker .month-picker-title a span {
  max-width: unset !important;
  width: 100% !important;
}
.month-picker .month-picker-previous span,
.month-picker .month-picker-next span {
  font-size: 0;
}
.month-picker .month-picker-previous {
  float: left;
  width: 10%;
}
.month-picker .month-picker-previous .ui-button:hover {
  background: transparent !important;
}
.month-picker .month-picker-previous .ui-button span {
  text-align: left;
}
.month-picker .month-picker-next {
  float: right;
  width: 10%;
  text-align: right;
}
.month-picker .month-picker-next .ui-button:hover {
  background: transparent !important;
}
.month-picker .month-picker-next .ui-button span {
  text-align: right;
}
.month-picker .month-picker-year {
  margin-top: 5px;
}
.month-picker .month-picker-month-table {
  width: 100%;
  -ms-user-select: none; /* IE 10+ */
  -moz-user-select: -moz-none;
  -khtml-user-select: none;
  -webkit-user-select: none;
  user-select: none;
}
.month-picker .month-picker-month-table tr td .ui-button {
  margin: 0 0.2em 5px 0.2em;
}
.month-picker .month-picker-open-button {
  height: 20px;
  width: 20px;
  vertical-align: bottom;
}
.month-picker .month-picker-invalid-message {
  display: none;
  background-color: var(--theme-color-accent-default);
}
.month-picker .month-picker-disabled {
  background-color: #eee;
}

.discount-content-wrapper {
  display: flex !important;
  flex-wrap: wrap;
}

.discount-card {
  position: relative;
}
.discount-card .half-circle {
  width: 20px;
  height: 30px;
  position: absolute;
  top: 72px;
  background: #fff;
  transition: box-shadow 0.25s;
}
.discount-card .half-circle.half-circle-left {
  left: -5px;
  border-top-right-radius: 100px;
  border-bottom-right-radius: 100px;
  box-shadow: inset 2px 0px 0px 0px #fff, inset -2px 0px 5px 0px rgba(209, 213, 219, 0.8) !important;
}
.discount-card .half-circle.half-circle-right {
  right: -5px;
  border-top-left-radius: 100px;
  border-bottom-left-radius: 100px;
  box-shadow: inset -2px 0px 0px 0px #fff, inset 2px 0px 5px 0px rgba(209, 213, 219, 0.8) !important;
}
.discount-card .widget {
  border-radius: 10px !important;
  -webkit-border-radius: 10px !important;
  -moz-border-radius: 10px !important;
  transition: box-shadow 0.25s;
  box-shadow: 0 2px 5px 1px rgba(209, 213, 219, 0.5) !important;
  margin-bottom: 15px;
}
.discount-card .widget .discount-member {
  border-bottom: 2px #d1d5db dashed;
  padding-bottom: 20px;
}
.discount-card .widget .discount-title-container {
  padding-top: 22px;
  margin-bottom: 24px;
  text-align: center;
}
.discount-card .widget .discount-title-container .discount-title {
  font-weight: 700;
  font-size: 1.71rem;
  display: inline-block;
  border-bottom: 2px solid black;
  max-width: 100%;
}
.discount-card .widget .discount-description-container {
  border: 2px solid black;
  text-align: center;
  margin-bottom: 24px;
  display: flex;
  justify-content: center;
  align-items: center;
  min-height: 76px;
}
.discount-card .widget .discount-description-container .discount-description {
  font-weight: 400;
  font-size: 1rem;
  letter-spacing: 0.0025em;
  margin: 18px 30px;
}
.discount-card .widget .discount-viewer {
  margin-bottom: 24px;
}
.discount-card .widget .discount-expiration-date {
  margin-bottom: 20px;
}
.discount-card .widget .widget-padding-side {
  padding-left: 44px !important;
  padding-right: 44px !important;
}
.discount-card .widget .discount-label {
  font-weight: 400;
  font-size: 0.86rem;
  letter-spacing: 0.005em;
  background-color: var(--theme-color-primary-default);
  color: white;
  margin: 0 auto;
  padding: 6px 0;
  text-align: center;
  width: 105px;
}
.discount-card .widget .discount-label .discount-label-new {
  background-color: var(--theme-color-accent-default);
}
.discount-card.discount-card-overview {
  cursor: pointer;
  padding-top: 16px;
}
.discount-card.discount-card-overview .widget:hover {
  box-shadow: 0 2px 5px 1px rgba(209, 213, 219, 0.8) !important;
}
.discount-card.discount-card-overview .widget:hover ~ .half-circle-left {
  box-shadow: inset 2px 0px 0px 0px #fff, inset -2px 0px 5px 0px rgba(209, 213, 219, 0.8) !important;
}
.discount-card.discount-card-overview .widget:hover ~ .half-circle-right {
  box-shadow: inset -2px 0px 0px 0px #fff, inset 2px 0px 5px 0px rgba(209, 213, 219, 0.8) !important;
}
.discount-card.discount-card-overview .discount-description-container {
  max-height: 76px;
}
.discount-card.discount-card-overview .discount-description-container .discount-description {
  overflow: hidden;
  max-height: 40px;
}
@supports (-webkit-line-clamp: 2) {
  .discount-card.discount-card-overview .discount-description-container .discount-description {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    max-height: none;
  }
}
.discount-card.discount-card-overview .discount-title {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.discount-popup .popup-content {
  padding: 40px;
  background-color: var(--theme-color-primary-default);
}
.discount-popup .popup-content .discount-card .widget {
  box-shadow: none !important;
  margin-bottom: 0;
}
.discount-popup .popup-content .discount-card .half-circle {
  background-color: var(--theme-color-primary-default);
  box-shadow: none !important;
  top: 92px;
}
.discount-popup .popup-content .discount-how-to {
  border-radius: 10px !important;
  -webkit-border-radius: 10px !important;
  -moz-border-radius: 10px !important;
  background-color: var(--theme-color-primary-dark);
  padding: 18px;
  margin-top: 28px;
}
.discount-popup .popup-content .discount-how-to > div {
  display: table-cell;
  vertical-align: middle;
}
.discount-popup .popup-content .discount-how-to .discount-how-to-icon-container,
.discount-popup .popup-content .discount-how-to .discount-how-to-icon {
  height: 54px;
  width: 54px;
}
.discount-popup .popup-content .discount-how-to .discount-how-to-icon-container .discount-how-to-icon {
  border-radius: 20px !important;
  -webkit-border-radius: 20px !important;
  -moz-border-radius: 20px !important;
  display: table-cell;
  vertical-align: middle;
  background-color: white;
  text-align: center;
}
.discount-popup .popup-content .discount-how-to .discount-how-to-icon-container .discount-how-to-icon .icon {
  font-size: 16px;
  color: var(--theme-color-primary-darker);
}
.discount-popup .popup-content .discount-how-to .discount-how-to-text {
  padding-left: 15px;
}
.discount-popup .popup-content .discount-how-to .discount-how-to-text span {
  font-weight: bold;
  color: white;
}
.discount-popup .popup-content .discount-terms {
  margin-top: 28px;
}
.discount-popup .popup-content .discount-terms * {
  color: white;
}
.discount-popup .popup-content .discount-terms .discount-terms-icon {
  display: inline;
  float: left;
}

.embed {
  overflow: hidden;
  display: inline-block;
  box-sizing: border-box;
  background-color: #fff;
  position: relative;
}
.embed.embed-link {
  display: block;
  width: auto;
  margin: 1px 2px 2px 1px;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  box-shadow: 1px 1px 2px 0px #d1d5db;
  -moz-box-shadow: 1px 1px 2px 0px #d1d5db;
  -webkit-box-shadow: 1px 1px 2px 0px #d1d5db;
}
.embed .embed-container {
  margin: 12px 12px 12px 8px;
  border-left: 3px solid var(--theme-color-accent-default);
}
.embed .embed-container .embed-wrapper {
  margin-left: 11px;
}
.embed .embed-container .embed-wrapper .embed-title {
  margin-bottom: 4px;
  overflow: hidden;
  max-height: 40px;
}
@supports (-webkit-line-clamp: 2) {
  .embed .embed-container .embed-wrapper .embed-title {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    max-height: none;
  }
}
.embed .embed-container .embed-wrapper .embed-provider {
  font-size: 0.88em;
}
.embed .embed-container .embed-wrapper .embed-description {
  margin-top: 8px;
  margin-bottom: 10px;
  height: auto;
  font-size: 0.88em;
  overflow: hidden;
  max-height: 32px;
}
@supports (-webkit-line-clamp: 2) {
  .embed .embed-container .embed-wrapper .embed-description {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    max-height: none;
  }
}
.embed .embed-container .embed-wrapper .embed-image {
  width: 100%;
  max-height: 300px;
  object-fit: cover;
  display: block;
  cursor: pointer;
}
.embed:not(.embed-disabled) .embed-overlay {
  opacity: 0;
}
.embed .embed-overlay {
  position: absolute;
  width: 100%;
  height: 100%;
  background-color: rgba(255, 255, 255, 0.5);
  opacity: 1;
  transition: all 0.3s;
}
.embed:not(.embed-selected) .embed-selected-icon {
  opacity: 0;
}
.embed .embed-selected-icon {
  position: absolute;
  bottom: 15px;
  right: 15px;
  text-align: center;
  width: 24px;
  height: 24px;
  background-color: var(--theme-color-primary-default);
  border: 2px solid white;
  color: white;
  opacity: 1;
  transition: all 0.3s;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
}
.embed .embed-selected-icon .icon {
  vertical-align: middle;
}
.embed.embed-attachment .thumbnail-wrapper, .embed.embed-attachment-lg .thumbnail-wrapper {
  position: relative;
}
.embed.embed-attachment .thumbnail-wrapper .icon, .embed.embed-attachment-lg .thumbnail-wrapper .icon {
  position: absolute;
  bottom: 10px;
  right: 10px;
  color: white;
  font-size: 2em;
}
.embed.embed-attachment .embed-bottom, .embed.embed-attachment-lg .embed-bottom {
  position: absolute;
  padding: 10px;
  width: 100%;
  box-sizing: border-box;
  bottom: 0;
  background-color: #fff;
}
.embed.embed-attachment .embed-description, .embed.embed-attachment-lg .embed-description {
  display: inline-block;
  float: left;
  width: 100%;
  font-size: 0.8em;
}
.embed.embed-attachment .embed-description .title, .embed.embed-attachment-lg .embed-description .title {
  display: block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  margin-bottom: 2px;
  font-size: inherit;
  font-weight: 600;
}
.embed.embed-attachment .embed-description .description, .embed.embed-attachment-lg .embed-description .description {
  text-decoration: none;
  color: inherit;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: inherit;
  display: block;
  width: 100%;
}
.embed.embed-attachment .embed-actions, .embed.embed-attachment-lg .embed-actions {
  display: inline-block;
  float: left;
  margin-left: 10px;
  padding-top: 5px;
  text-align: right;
}
.embed.embed-attachment {
  width: 120px;
  padding-top: 10px;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  box-shadow: 0 1px 3px #adadad;
  -moz-box-shadow: 0 1px 3px #adadad;
  -webkit-box-shadow: 0 1px 3px #adadad;
  border: none;
}
.embed.embed-attachment .thumbnail {
  max-height: 120px;
  max-width: 100%;
  overflow: hidden;
  object-fit: cover;
}
.embed.embed-attachment .thumbnail-wrapper {
  max-height: 120px;
}
.embed.embed-attachment .embed-description,
.embed.embed-attachment .embed-actions {
  display: inline-block;
  width: 100%;
  float: none;
  margin: 0;
}
.embed.embed-attachment-lg {
  height: auto;
  width: auto;
}
.embed.embed-attachment-lg .thumbnail {
  max-height: 100%;
  max-width: 300px;
}
.embed.embed-attachment-lg .embed-bottom {
  position: initial;
}
.embed.embed-attachment-lg .embed-actions {
  display: inline-block;
}

/* jsTree default theme */
.jstree-node,
.jstree-children,
.jstree-container-ul {
  display: block;
  margin: 0;
  padding: 0;
  list-style-type: none;
  list-style-image: none;
}

.jstree-node {
  white-space: nowrap;
}

.jstree-anchor {
  display: inline-block;
  color: black;
  white-space: nowrap;
  padding: 0 4px 0 1px;
  margin: 0;
  vertical-align: top;
}

.jstree-anchor:focus {
  outline: 0;
}

.jstree-anchor,
.jstree-anchor:link,
.jstree-anchor:visited,
.jstree-anchor:hover,
.jstree-anchor:active {
  text-decoration: none;
  color: inherit;
}

.jstree-icon {
  display: inline-block;
  text-decoration: none;
  margin: 0;
  padding: 0;
  vertical-align: top;
  text-align: center;
}

.jstree-icon:empty {
  display: inline-block;
  text-decoration: none;
  margin: 0;
  padding: 0;
  vertical-align: top;
  text-align: center;
}

.jstree-ocl {
  cursor: pointer;
}

.jstree-leaf > .jstree-ocl {
  cursor: default;
}

.jstree .jstree-open > .jstree-children {
  display: block;
}

.jstree .jstree-closed > .jstree-children,
.jstree .jstree-leaf > .jstree-children {
  display: none;
}

.jstree-anchor > .jstree-themeicon {
  margin-right: 2px;
}

.jstree-no-icons .jstree-themeicon,
.jstree-anchor > .jstree-themeicon-hidden {
  display: none;
}

.jstree-rtl .jstree-anchor {
  padding: 0 1px 0 4px;
}

.jstree-rtl .jstree-anchor > .jstree-themeicon {
  margin-left: 2px;
  margin-right: 0;
}

.jstree-rtl .jstree-node {
  margin-left: 0;
}

.jstree-rtl .jstree-container-ul > .jstree-node {
  margin-right: 0;
}

.jstree-wholerow-ul {
  position: relative;
  display: inline-block;
  min-width: 100%;
}

.jstree-wholerow-ul .jstree-leaf > .jstree-ocl {
  cursor: pointer;
}

.jstree-wholerow-ul .jstree-anchor,
.jstree-wholerow-ul .jstree-icon {
  position: relative;
}

.jstree-wholerow-ul .jstree-wholerow {
  width: 100%;
  cursor: pointer;
  position: absolute;
  left: 0;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.vakata-context {
  display: none;
}

.vakata-context,
.vakata-context ul {
  margin: 0;
  padding: 2px;
  position: absolute;
  background: #f5f5f5;
  border: 1px solid #979797;
  box-shadow: 2px 2px 2px #999999;
}

.vakata-context ul {
  list-style: none;
  left: 100%;
  margin-top: -2.7em;
  margin-left: -4px;
}

.vakata-context .vakata-context-right ul {
  left: auto;
  right: 100%;
  margin-left: auto;
  margin-right: -4px;
}

.vakata-context li {
  list-style: none;
  display: inline;
}

.vakata-context li > a {
  display: block;
  padding: 0 2em 0 2em;
  text-decoration: none;
  width: auto;
  color: black;
  white-space: nowrap;
  line-height: 2.4em;
  text-shadow: 1px 1px 0 white;
  border-radius: 1px;
}

.vakata-context li > a:hover {
  position: relative;
  background-color: #e8eff7;
  box-shadow: 0 0 2px #0a6aa1;
}

.vakata-context li > a.vakata-context-parent {
  background-image: url(data:image/gif;base64,R0lGODlhCwAHAIAAACgoKP///yH5BAEAAAEALAAAAAALAAcAAAIORI4JlrqN1oMSnmmZDQUAOw==);
  background-position: right center;
  background-repeat: no-repeat;
}

.vakata-context li > a:focus {
  outline: 0;
}

.vakata-context .vakata-context-hover > a {
  position: relative;
  background-color: #e8eff7;
  box-shadow: 0 0 2px #0a6aa1;
}

.vakata-context .vakata-context-separator > a,
.vakata-context .vakata-context-separator > a:hover {
  background: white;
  border: 0;
  border-top: 1px solid #e2e3e3;
  height: 1px;
  min-height: 1px;
  max-height: 1px;
  padding: 0;
  margin: 0 0 0 2.4em;
  border-left: 1px solid #e0e0e0;
  text-shadow: 0 0 0 transparent;
  box-shadow: 0 0 0 transparent;
  border-radius: 0;
}

.vakata-context .vakata-contextmenu-disabled a,
.vakata-context .vakata-contextmenu-disabled a:hover {
  color: silver;
  background-color: transparent;
  border: 0;
  box-shadow: 0 0 0;
}

.vakata-context li > a > i {
  text-decoration: none;
  display: inline-block;
  width: 2.4em;
  height: 2.4em;
  background: transparent;
  margin: 0 0 0 -2em;
  vertical-align: top;
  text-align: center;
  line-height: 2.4em;
}

.vakata-context li > a > i:empty {
  width: 2.4em;
  line-height: 2.4em;
}

.vakata-context li > a .vakata-contextmenu-sep {
  display: inline-block;
  width: 1px;
  height: 2.4em;
  background: white;
  margin: 0 0.5em 0 0;
  border-left: 1px solid #e2e3e3;
}

.vakata-context .vakata-contextmenu-shortcut {
  font-size: 0.8em;
  color: silver;
  opacity: 0.5;
  display: none;
}

.vakata-context-rtl ul {
  left: auto;
  right: 100%;
  margin-left: auto;
  margin-right: -4px;
}

.vakata-context-rtl li > a.vakata-context-parent {
  background-image: url(data:image/gif;base64,R0lGODlhCwAHAIAAACgoKP///yH5BAEAAAEALAAAAAALAAcAAAINjI+AC7rWHIsPtmoxLAA7);
  background-position: left center;
  background-repeat: no-repeat;
}

.vakata-context-rtl .vakata-context-separator > a {
  margin: 0 2.4em 0 0;
  border-left: 0;
  border-right: 1px solid #e2e3e3;
}

.vakata-context-rtl .vakata-context-left ul {
  right: auto;
  left: 100%;
  margin-left: -4px;
  margin-right: auto;
}

.vakata-context-rtl li > a > i {
  margin: 0 -2em 0 0;
}

.vakata-context-rtl li > a .vakata-contextmenu-sep {
  margin: 0 0 0 0.5em;
  border-left-color: white;
  background: #e2e3e3;
}

#jstree-marker {
  position: absolute;
  top: 0;
  left: 0;
  margin: -5px 0 0 0;
  padding: 0;
  border-right: 0;
  border-top: 5px solid transparent;
  border-bottom: 5px solid transparent;
  border-left: 5px solid;
  width: 0;
  height: 0;
  font-size: 0;
  line-height: 0;
}

#jstree-dnd {
  line-height: 16px;
  margin: 0;
  padding: 4px;
}

#jstree-dnd .jstree-icon,
#jstree-dnd .jstree-copy {
  display: inline-block;
  text-decoration: none;
  margin: 0 2px 0 0;
  padding: 0;
  width: 16px;
  height: 16px;
}

#jstree-dnd .jstree-ok {
  background: green;
}

#jstree-dnd .jstree-er {
  background: red;
}

#jstree-dnd .jstree-copy {
  margin: 0 2px 0 2px;
}

.jstree-default .jstree-node,
.jstree-default .jstree-icon {
  background-repeat: no-repeat;
  background-color: transparent;
}

.jstree-default .jstree-anchor,
.jstree-default .jstree-wholerow {
  transition: background-color 0.15s, box-shadow 0.15s;
}

.jstree-default .jstree-hovered {
  background: var(--theme-color-accent-lighter);
  color: rgb(255, 255, 255);
  border-radius: 2px;
  box-shadow: inset 0 0 1px #cccccc;
}

.jstree-default .jstree-clicked {
  background: var(--theme-color-accent-default);
  color: rgb(255, 255, 255);
  border-radius: 2px;
  box-shadow: inset 0 0 1px #6b7280;
}

.jstree-default.jstree-checkbox-selection .jstree-clicked {
  background: transparent;
  color: #1f2937;
}

.jstree-default .jstree-no-icons .jstree-anchor > .jstree-themeicon {
  display: none;
}

.jstree-default .jstree-leaf .jstree-disabled {
  background: transparent;
  color: #6b7280;
}

.jstree-default .jstree-leaf .jstree-disabled.jstree-hovered {
  background: transparent;
  color: #6b7280;
}

.jstree-default .jstree-disabled.jstree-hovered {
  background: transparent;
  box-shadow: none;
}

.jstree-default .jstree-disabled.jstree-clicked {
  background: #f3f4f6;
}

.jstree-default .jstree-disabled > .jstree-icon {
  opacity: 0.8;
  filter: url("data:image/svg+xml;utf8,<svg xmlns=%27http://www.w3.org/2000/svg%27><filter id=%27jstree-grayscale%27><feColorMatrix type=%27matrix%27 values=%270.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0%27/></filter></svg>#jstree-grayscale");
  /* Firefox 10+ */
  filter: gray;
  /* IE6-9 */
  -webkit-filter: grayscale(100%);
  /* Chrome 19+ & Safari 6+ */
}

.jstree-default .jstree-search {
  font-style: italic;
  color: #8b0000;
  font-weight: bold;
}

.jstree-default .jstree-no-checkboxes .jstree-checkbox {
  display: none !important;
}

.jstree-default.jstree-checkbox-no-clicked .jstree-clicked {
  background: transparent;
  box-shadow: none;
}

.jstree-default.jstree-checkbox-no-clicked .jstree-clicked.jstree-hovered {
  background: var(--theme-color-accent-lighter);
  color: rgb(255, 255, 255);
}

.jstree-default.jstree-checkbox-no-clicked > .jstree-wholerow-ul .jstree-wholerow-clicked {
  background: transparent;
}

.jstree-default.jstree-checkbox-no-clicked > .jstree-wholerow-ul .jstree-wholerow-clicked.jstree-wholerow-hovered {
  background: var(--theme-color-accent-lighter);
}

.jstree-default > .jstree-striped {
  min-width: 100%;
  display: inline-block;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAkCAMAAAB/qqA+AAAABlBMVEUAAAAAAAClZ7nPAAAAAnRSTlMNAMM9s3UAAAAXSURBVHjajcEBAQAAAIKg/H/aCQZ70AUBjAATb6YPDgAAAABJRU5ErkJggg==) left top repeat;
}

.jstree-default > .jstree-wholerow-ul .jstree-hovered,
.jstree-default > .jstree-wholerow-ul .jstree-clicked {
  background: transparent;
  box-shadow: none;
  border-radius: 0;
}

.jstree-default .jstree-wholerow {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.jstree-default .jstree-wholerow-hovered {
  background: #e7f4f9;
}

.jstree-default .jstree-wholerow-clicked {
  background: var(--theme-color-primary-darker);
}

.jstree-default .jstree-node {
  min-height: 24px;
  line-height: 24px;
  margin-left: 24px;
  min-width: 24px;
}

.jstree-default .jstree-anchor {
  line-height: 24px;
  height: 24px;
}

.jstree-default .jstree-icon {
  width: 24px;
  height: 24px;
  line-height: 24px;
}

.jstree-default .jstree-icon:empty {
  width: 24px;
  height: 24px;
  line-height: 24px;
}

.jstree-default.jstree-rtl .jstree-node {
  margin-right: 24px;
}

.jstree-default .jstree-wholerow {
  height: 24px;
}

.jstree-default .jstree-node,
.jstree-default .jstree-icon {
  background-image: url(/javascript/app/images/32px.526bcb30.png);
}

.jstree-default .jstree-node {
  background-position: -292px -4px;
  background-repeat: repeat-y;
}

.jstree-default .jstree-last {
  background: transparent;
}

.jstree-default .jstree-open > .jstree-ocl {
  background-position: -132px -4px;
}

.jstree-default .jstree-closed > .jstree-ocl {
  background-position: -100px -4px;
}

.jstree-default .jstree-leaf > .jstree-ocl {
  background-position: -68px -4px;
}

.jstree-default .jstree-themeicon {
  background-position: -260px -4px;
}

.jstree-default > .jstree-no-dots .jstree-node,
.jstree-default > .jstree-no-dots .jstree-leaf > .jstree-ocl {
  background: transparent;
}

.jstree-default > .jstree-no-dots .jstree-open > .jstree-ocl {
  background-position: -36px -4px;
}

.jstree-default > .jstree-no-dots .jstree-closed > .jstree-ocl {
  background-position: -4px -4px;
}

.jstree-default .jstree-disabled {
  background: transparent;
}

.jstree-default .jstree-disabled.jstree-hovered {
  background: transparent;
  color: #1f2937;
}

.jstree-default .jstree-disabled.jstree-clicked {
  background: #efefef;
}

.jstree-default .jstree-checkbox {
  background-position: -164px -4px;
}

.jstree-default .jstree-checkbox:hover {
  background-position: -164px -36px;
}

.jstree-default.jstree-checkbox-selection .jstree-clicked > .jstree-checkbox,
.jstree-default .jstree-checked > .jstree-checkbox {
  background-position: -228px -4px;
}

.jstree-default.jstree-checkbox-selection .jstree-clicked > .jstree-checkbox:hover,
.jstree-default .jstree-checked > .jstree-checkbox:hover {
  background-position: -228px -36px;
}

.jstree-default .jstree-anchor > .jstree-undetermined {
  background-position: -196px -4px;
}

.jstree-default .jstree-anchor > .jstree-undetermined:hover {
  background-position: -196px -36px;
}

.jstree-default > .jstree-striped {
  background-size: auto 48px;
}

.jstree-default.jstree-rtl .jstree-node {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAACAQMAAAB49I5GAAAABlBMVEUAAAAdHRvEkCwcAAAAAXRSTlMAQObYZgAAAAxJREFUCNdjAAMOBgAAGAAJMwQHdQAAAABJRU5ErkJggg==);
  background-position: 100% 1px;
  background-repeat: repeat-y;
}

.jstree-default.jstree-rtl .jstree-last {
  background: transparent;
}

.jstree-default.jstree-rtl .jstree-open > .jstree-ocl {
  background-position: -132px -36px;
}

.jstree-default.jstree-rtl .jstree-closed > .jstree-ocl {
  background-position: -100px -36px;
}

.jstree-default.jstree-rtl .jstree-leaf > .jstree-ocl {
  background-position: -68px -36px;
}

.jstree-default.jstree-rtl > .jstree-no-dots .jstree-node,
.jstree-default.jstree-rtl > .jstree-no-dots .jstree-leaf > .jstree-ocl {
  background: transparent;
}

.jstree-default.jstree-rtl > .jstree-no-dots .jstree-open > .jstree-ocl {
  background-position: -36px -36px;
}

.jstree-default.jstree-rtl > .jstree-no-dots .jstree-closed > .jstree-ocl {
  background-position: -4px -36px;
}

.jstree-default .jstree-themeicon-custom {
  background-color: transparent;
  background-image: none;
  background-position: 0 0;
}

.jstree-default > .jstree-container-ul .jstree-loading > .jstree-ocl {
  background: url(/javascript/app/images/throbber.203d1199.gif) center center no-repeat;
}

.jstree-default .jstree-file {
  background: url(/javascript/app/images/32px.526bcb30.png) -100px -68px no-repeat;
}

.jstree-default .jstree-folder {
  background: url(/javascript/app/images/32px.526bcb30.png) -260px -4px no-repeat;
}

.jstree-default > .jstree-container-ul > .jstree-node {
  margin-left: 0;
  margin-right: 0;
}

#jstree-dnd.jstree-default {
  line-height: 24px;
  padding: 0 4px;
}

#jstree-dnd.jstree-default .jstree-ok,
#jstree-dnd.jstree-default .jstree-er {
  background-image: url(/javascript/app/images/32px.526bcb30.png);
  background-repeat: no-repeat;
  background-color: transparent;
}

#jstree-dnd.jstree-default i {
  background: transparent;
  width: 24px;
  height: 24px;
  line-height: 24px;
}

#jstree-dnd.jstree-default .jstree-ok {
  background-position: -4px -68px;
}

#jstree-dnd.jstree-default .jstree-er {
  background-position: -36px -68px;
}

.jstree-default.jstree-rtl .jstree-node {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAACAQMAAAB49I5GAAAABlBMVEUAAAAdHRvEkCwcAAAAAXRSTlMAQObYZgAAAAxJREFUCNdjAAMOBgAAGAAJMwQHdQAAAABJRU5ErkJggg==);
}

.jstree-default.jstree-rtl .jstree-last {
  background: transparent;
}

.jstree-default-small .jstree-node {
  min-height: 18px;
  line-height: 18px;
  margin-left: 18px;
  min-width: 18px;
}

.jstree-default-small .jstree-anchor {
  line-height: 18px;
  height: 18px;
}

.jstree-default-small .jstree-icon {
  width: 18px;
  height: 18px;
  line-height: 18px;
}

.jstree-default-small .jstree-icon:empty {
  width: 18px;
  height: 18px;
  line-height: 18px;
}

.jstree-default-small.jstree-rtl .jstree-node {
  margin-right: 18px;
}

.jstree-default-small .jstree-wholerow {
  height: 18px;
}

.jstree-default-small .jstree-node,
.jstree-default-small .jstree-icon {
  background-image: url(/javascript/app/images/32px.526bcb30.png);
}

.jstree-default-small .jstree-node {
  background-position: -295px -7px;
  background-repeat: repeat-y;
}

.jstree-default-small .jstree-last {
  background: transparent;
}

.jstree-default-small .jstree-open > .jstree-ocl {
  background-position: -135px -7px;
}

.jstree-default-small .jstree-closed > .jstree-ocl {
  background-position: -103px -7px;
}

.jstree-default-small .jstree-leaf > .jstree-ocl {
  background-position: -71px -7px;
}

.jstree-default-small .jstree-themeicon {
  background-position: -263px -7px;
}

.jstree-default-small > .jstree-no-dots .jstree-node,
.jstree-default-small > .jstree-no-dots .jstree-leaf > .jstree-ocl {
  background: transparent;
}

.jstree-default-small > .jstree-no-dots .jstree-open > .jstree-ocl {
  background-position: -39px -7px;
}

.jstree-default-small > .jstree-no-dots .jstree-closed > .jstree-ocl {
  background-position: -7px -7px;
}

.jstree-default-small .jstree-disabled {
  background: transparent;
}

.jstree-default-small .jstree-disabled.jstree-hovered {
  background: transparent;
}

.jstree-default-small .jstree-disabled.jstree-clicked {
  background: #efefef;
}

.jstree-default-small .jstree-checkbox {
  background-position: -167px -7px;
}

.jstree-default-small .jstree-checkbox:hover {
  background-position: -167px -39px;
}

.jstree-default-small.jstree-checkbox-selection .jstree-clicked > .jstree-checkbox,
.jstree-default-small .jstree-checked > .jstree-checkbox {
  background-position: -231px -7px;
}

.jstree-default-small.jstree-checkbox-selection .jstree-clicked > .jstree-checkbox:hover,
.jstree-default-small .jstree-checked > .jstree-checkbox:hover {
  background-position: -231px -39px;
}

.jstree-default-small .jstree-anchor > .jstree-undetermined {
  background-position: -199px -7px;
}

.jstree-default-small .jstree-anchor > .jstree-undetermined:hover {
  background-position: -199px -39px;
}

.jstree-default-small > .jstree-striped {
  background-size: auto 36px;
}

.jstree-default-small.jstree-rtl .jstree-node {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAACAQMAAAB49I5GAAAABlBMVEUAAAAdHRvEkCwcAAAAAXRSTlMAQObYZgAAAAxJREFUCNdjAAMOBgAAGAAJMwQHdQAAAABJRU5ErkJggg==);
  background-position: 100% 1px;
  background-repeat: repeat-y;
}

.jstree-default-small.jstree-rtl .jstree-last {
  background: transparent;
}

.jstree-default-small.jstree-rtl .jstree-open > .jstree-ocl {
  background-position: -135px -39px;
}

.jstree-default-small.jstree-rtl .jstree-closed > .jstree-ocl {
  background-position: -103px -39px;
}

.jstree-default-small.jstree-rtl .jstree-leaf > .jstree-ocl {
  background-position: -71px -39px;
}

.jstree-default-small.jstree-rtl > .jstree-no-dots .jstree-node,
.jstree-default-small.jstree-rtl > .jstree-no-dots .jstree-leaf > .jstree-ocl {
  background: transparent;
}

.jstree-default-small.jstree-rtl > .jstree-no-dots .jstree-open > .jstree-ocl {
  background-position: -39px -39px;
}

.jstree-default-small.jstree-rtl > .jstree-no-dots .jstree-closed > .jstree-ocl {
  background-position: -7px -39px;
}

.jstree-default-small .jstree-themeicon-custom {
  background-color: transparent;
  background-image: none;
  background-position: 0 0;
}

.jstree-default-small > .jstree-container-ul .jstree-loading > .jstree-ocl {
  background: url(/javascript/app/images/throbber.203d1199.gif) center center no-repeat;
}

.jstree-default-small .jstree-file {
  background: url(/javascript/app/images/32px.526bcb30.png) -103px -71px no-repeat;
}

.jstree-default-small .jstree-folder {
  background: url(/javascript/app/images/32px.526bcb30.png) -263px -7px no-repeat;
}

.jstree-default-small > .jstree-container-ul > .jstree-node {
  margin-left: 0;
  margin-right: 0;
}

#jstree-dnd.jstree-default-small {
  line-height: 18px;
  padding: 0 4px;
}

#jstree-dnd.jstree-default-small .jstree-ok,
#jstree-dnd.jstree-default-small .jstree-er {
  background-image: url(/javascript/app/images/32px.526bcb30.png);
  background-repeat: no-repeat;
  background-color: transparent;
}

#jstree-dnd.jstree-default-small i {
  background: transparent;
  width: 18px;
  height: 18px;
  line-height: 18px;
}

#jstree-dnd.jstree-default-small .jstree-ok {
  background-position: -7px -71px;
}

#jstree-dnd.jstree-default-small .jstree-er {
  background-position: -39px -71px;
}

.jstree-default-small.jstree-rtl .jstree-node {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAACAQMAAABv1h6PAAAABlBMVEUAAAAdHRvEkCwcAAAAAXRSTlMAQObYZgAAAAxJREFUCNdjAAMHBgAAiABBI4gz9AAAAABJRU5ErkJggg==);
}

.jstree-default-small.jstree-rtl .jstree-last {
  background: transparent;
}

.jstree-default-large .jstree-node {
  min-height: 32px;
  line-height: 32px;
  margin-left: 32px;
  min-width: 32px;
}

.jstree-default-large .jstree-anchor {
  line-height: 32px;
  height: 32px;
}

.jstree-default-large .jstree-icon {
  width: 32px;
  height: 32px;
  line-height: 32px;
}

.jstree-default-large .jstree-icon:empty {
  width: 32px;
  height: 32px;
  line-height: 32px;
}

.jstree-default-large.jstree-rtl .jstree-node {
  margin-right: 32px;
}

.jstree-default-large .jstree-wholerow {
  height: 32px;
}

.jstree-default-large .jstree-node,
.jstree-default-large .jstree-icon {
  background-image: url(/javascript/app/images/32px.526bcb30.png);
}

.jstree-default-large .jstree-node {
  background-position: -288px 0px;
  background-repeat: repeat-y;
}

.jstree-default-large .jstree-last {
  background: transparent;
}

.jstree-default-large .jstree-open > .jstree-ocl {
  background-position: -128px 0px;
}

.jstree-default-large .jstree-closed > .jstree-ocl {
  background-position: -96px 0px;
}

.jstree-default-large .jstree-leaf > .jstree-ocl {
  background-position: -64px 0px;
}

.jstree-default-large .jstree-themeicon {
  background-position: -256px 0px;
}

.jstree-default-large > .jstree-no-dots .jstree-node,
.jstree-default-large > .jstree-no-dots .jstree-leaf > .jstree-ocl {
  background: transparent;
}

.jstree-default-large > .jstree-no-dots .jstree-open > .jstree-ocl {
  background-position: -32px 0px;
}

.jstree-default-large > .jstree-no-dots .jstree-closed > .jstree-ocl {
  background-position: 0px 0px;
}

.jstree-default-large .jstree-disabled {
  background: transparent;
}

.jstree-default-large .jstree-disabled.jstree-hovered {
  background: transparent;
}

.jstree-default-large .jstree-disabled.jstree-clicked {
  background: #efefef;
}

.jstree-default-large .jstree-checkbox {
  background-position: -160px 0px;
}

.jstree-default-large .jstree-checkbox:hover {
  background-position: -160px -32px;
}

.jstree-default-large.jstree-checkbox-selection .jstree-clicked > .jstree-checkbox,
.jstree-default-large .jstree-checked > .jstree-checkbox {
  background-position: -224px 0px;
}

.jstree-default-large.jstree-checkbox-selection .jstree-clicked > .jstree-checkbox:hover,
.jstree-default-large .jstree-checked > .jstree-checkbox:hover {
  background-position: -224px -32px;
}

.jstree-default-large .jstree-anchor > .jstree-undetermined {
  background-position: -192px 0px;
}

.jstree-default-large .jstree-anchor > .jstree-undetermined:hover {
  background-position: -192px -32px;
}

.jstree-default-large > .jstree-striped {
  background-size: auto 64px;
}

.jstree-default-large.jstree-rtl .jstree-node {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAACAQMAAAB49I5GAAAABlBMVEUAAAAdHRvEkCwcAAAAAXRSTlMAQObYZgAAAAxJREFUCNdjAAMOBgAAGAAJMwQHdQAAAABJRU5ErkJggg==);
  background-position: 100% 1px;
  background-repeat: repeat-y;
}

.jstree-default-large.jstree-rtl .jstree-last {
  background: transparent;
}

.jstree-default-large.jstree-rtl .jstree-open > .jstree-ocl {
  background-position: -128px -32px;
}

.jstree-default-large.jstree-rtl .jstree-closed > .jstree-ocl {
  background-position: -96px -32px;
}

.jstree-default-large.jstree-rtl .jstree-leaf > .jstree-ocl {
  background-position: -64px -32px;
}

.jstree-default-large.jstree-rtl > .jstree-no-dots .jstree-node,
.jstree-default-large.jstree-rtl > .jstree-no-dots .jstree-leaf > .jstree-ocl {
  background: transparent;
}

.jstree-default-large.jstree-rtl > .jstree-no-dots .jstree-open > .jstree-ocl {
  background-position: -32px -32px;
}

.jstree-default-large.jstree-rtl > .jstree-no-dots .jstree-closed > .jstree-ocl {
  background-position: 0px -32px;
}

.jstree-default-large .jstree-themeicon-custom {
  background-color: transparent;
  background-image: none;
  background-position: 0 0;
}

.jstree-default-large > .jstree-container-ul .jstree-loading > .jstree-ocl {
  background: url(/javascript/app/images/throbber.203d1199.gif) center center no-repeat;
}

.jstree-default-large .jstree-file {
  background: url(/javascript/app/images/32px.526bcb30.png) -96px -64px no-repeat;
}

.jstree-default-large .jstree-folder {
  background: url(/javascript/app/images/32px.526bcb30.png) -256px 0px no-repeat;
}

.jstree-default-large > .jstree-container-ul > .jstree-node {
  margin-left: 0;
  margin-right: 0;
}

#jstree-dnd.jstree-default-large {
  line-height: 32px;
  padding: 0 4px;
}

#jstree-dnd.jstree-default-large .jstree-ok,
#jstree-dnd.jstree-default-large .jstree-er {
  background-image: url(/javascript/app/images/32px.526bcb30.png);
  background-repeat: no-repeat;
  background-color: transparent;
}

#jstree-dnd.jstree-default-large i {
  background: transparent;
  width: 32px;
  height: 32px;
  line-height: 32px;
}

#jstree-dnd.jstree-default-large .jstree-ok {
  background-position: 0px -64px;
}

#jstree-dnd.jstree-default-large .jstree-er {
  background-position: -32px -64px;
}

.jstree-default-large.jstree-rtl .jstree-node {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAACAQMAAAAD0EyKAAAABlBMVEUAAAAdHRvEkCwcAAAAAXRSTlMAQObYZgAAAAxJREFUCNdjgIIGBgABCgCBvVLXcAAAAABJRU5ErkJggg==);
}

.jstree-default-large.jstree-rtl .jstree-last {
  background: transparent;
}

@media (max-width: 768px) {
  #jstree-dnd.jstree-dnd-responsive {
    line-height: 40px;
    font-weight: bold;
    font-size: 1.1em;
    text-shadow: 1px 1px white;
  }
  #jstree-dnd.jstree-dnd-responsive > i {
    background: transparent;
    width: 40px;
    height: 40px;
  }
  #jstree-dnd.jstree-dnd-responsive > .jstree-ok {
    background-image: url(/javascript/app/images/40px.4a7b4107.png);
    background-position: 0 -200px;
    background-size: 120px 240px;
  }
  #jstree-dnd.jstree-dnd-responsive > .jstree-er {
    background-image: url(/javascript/app/images/40px.4a7b4107.png);
    background-position: -40px -200px;
    background-size: 120px 240px;
  }
  #jstree-marker.jstree-dnd-responsive {
    border-left-width: 10px;
    border-top-width: 10px;
    border-bottom-width: 10px;
    margin-top: -10px;
  }
}
@media (max-width: 768px) {
  .jstree-default-responsive {
    /*
        .jstree-open > .jstree-ocl,
        .jstree-closed > .jstree-ocl { border-radius:20px; background-color:white; }
    */
  }
  .jstree-default-responsive .jstree-icon {
    background-image: url(/javascript/app/images/40px.4a7b4107.png);
  }
  .jstree-default-responsive .jstree-node,
  .jstree-default-responsive .jstree-leaf > .jstree-ocl {
    background: transparent;
  }
  .jstree-default-responsive .jstree-node {
    min-height: 40px;
    line-height: 40px;
    margin-left: 40px;
    min-width: 40px;
    white-space: nowrap;
  }
  .jstree-default-responsive .jstree-anchor {
    line-height: 40px;
    height: 40px;
  }
  .jstree-default-responsive .jstree-icon,
  .jstree-default-responsive .jstree-icon:empty {
    width: 40px;
    height: 40px;
    line-height: 40px;
  }
  .jstree-default-responsive > .jstree-container-ul > .jstree-node {
    margin-left: 0;
  }
  .jstree-default-responsive.jstree-rtl .jstree-node {
    margin-left: 0;
    margin-right: 40px;
  }
  .jstree-default-responsive.jstree-rtl .jstree-container-ul > .jstree-node {
    margin-right: 0;
  }
  .jstree-default-responsive .jstree-ocl,
  .jstree-default-responsive .jstree-themeicon,
  .jstree-default-responsive .jstree-checkbox {
    background-size: 120px 240px;
  }
  .jstree-default-responsive .jstree-leaf > .jstree-ocl {
    background: transparent;
  }
  .jstree-default-responsive .jstree-open > .jstree-ocl {
    background-position: 0 0px !important;
  }
  .jstree-default-responsive .jstree-closed > .jstree-ocl {
    background-position: 0 -40px !important;
  }
  .jstree-default-responsive.jstree-rtl .jstree-closed > .jstree-ocl {
    background-position: -40px 0px !important;
  }
  .jstree-default-responsive .jstree-themeicon {
    background-position: -40px -40px;
  }
  .jstree-default-responsive .jstree-checkbox,
  .jstree-default-responsive .jstree-checkbox:hover {
    background-position: -40px -80px;
  }
  .jstree-default-responsive.jstree-checkbox-selection .jstree-clicked > .jstree-checkbox,
  .jstree-default-responsive.jstree-checkbox-selection .jstree-clicked > .jstree-checkbox:hover,
  .jstree-default-responsive .jstree-checked > .jstree-checkbox,
  .jstree-default-responsive .jstree-checked > .jstree-checkbox:hover {
    background-position: 0 -80px;
  }
  .jstree-default-responsive .jstree-anchor > .jstree-undetermined,
  .jstree-default-responsive .jstree-anchor > .jstree-undetermined:hover {
    background-position: 0 -120px;
  }
  .jstree-default-responsive .jstree-anchor {
    font-weight: bold;
    font-size: 1.1em;
    text-shadow: 1px 1px white;
  }
  .jstree-default-responsive > .jstree-striped {
    background: transparent;
  }
  .jstree-default-responsive .jstree-wholerow {
    border-top: 1px solid rgba(255, 255, 255, 0.7);
    border-bottom: 1px solid rgba(64, 64, 64, 0.2);
    background: #ebebeb;
    height: 40px;
  }
  .jstree-default-responsive .jstree-wholerow-hovered {
    background: #e7f4f9;
  }
  .jstree-default-responsive .jstree-wholerow-clicked {
    background: #beebff;
  }
  .jstree-default-responsive .jstree-children .jstree-last > .jstree-wholerow {
    box-shadow: inset 0 -6px 3px -5px #666666;
  }
  .jstree-default-responsive .jstree-children .jstree-open > .jstree-wholerow {
    box-shadow: inset 0 6px 3px -5px #666666;
    border-top: 0;
  }
  .jstree-default-responsive .jstree-children .jstree-open + .jstree-open {
    box-shadow: none;
  }
  .jstree-default-responsive .jstree-node,
  .jstree-default-responsive .jstree-icon,
  .jstree-default-responsive .jstree-node > .jstree-ocl,
  .jstree-default-responsive .jstree-themeicon,
  .jstree-default-responsive .jstree-checkbox {
    background-image: url(/javascript/app/images/40px.4a7b4107.png);
    background-size: 120px 240px;
  }
  .jstree-default-responsive .jstree-node {
    background-position: -80px 0;
    background-repeat: repeat-y;
  }
  .jstree-default-responsive .jstree-last {
    background: transparent;
  }
  .jstree-default-responsive .jstree-leaf > .jstree-ocl {
    background-position: -40px -120px;
  }
  .jstree-default-responsive .jstree-last > .jstree-ocl {
    background-position: -40px -160px;
  }
  .jstree-default-responsive .jstree-themeicon-custom {
    background-color: transparent;
    background-image: none;
    background-position: 0 0;
  }
  .jstree-default-responsive .jstree-file {
    background: url(/javascript/app/images/40px.4a7b4107.png) 0 -160px no-repeat;
    background-size: 120px 240px;
  }
  .jstree-default-responsive .jstree-folder {
    background: url(/javascript/app/images/40px.4a7b4107.png) -40px -40px no-repeat;
    background-size: 120px 240px;
  }
  .jstree-default-responsive > .jstree-container-ul > .jstree-node {
    margin-left: 0;
    margin-right: 0;
  }
}
.jstree .no_checkbox > .jstree-anchor i.jstree-checkbox {
  display: none;
}

.input-group {
  position: relative;
  display: table;
  border-collapse: separate;
}
.input-group[class*=col-] {
  float: none;
  padding-right: 0;
  padding-left: 0;
}
.input-group .input {
  position: relative;
  z-index: 2;
  float: left;
  width: 100%;
  margin-bottom: 0;
}
.input-group .input:focus {
  z-index: 3;
}

.input-group-addon,
.input-group-button,
.input-group .input,
.input-group input,
.input-group select,
.input-group .select2 {
  display: table-cell;
}
.input-group-addon:not(:first-child):not(:last-child),
.input-group-button:not(:first-child):not(:last-child),
.input-group .input:not(:first-child):not(:last-child),
.input-group input:not(:first-child):not(:last-child),
.input-group select:not(:first-child):not(:last-child),
.input-group .select2:not(:first-child):not(:last-child) {
  border-radius: 0;
}

.input-group-addon,
.input-group-button {
  width: 1%;
  white-space: nowrap;
  vertical-align: middle;
}

.input-group-button .button {
  height: 2.5em;
}

.input-group-addon {
  padding: 0 8px;
  font-weight: 400;
  line-height: 1;
  color: #1f2937;
  text-align: center;
  background-color: #f3f4f6;
  border: 1px solid #9ca3af;
  border-radius: 2px;
}
.input-group-addon.text-medium-large {
  padding: 0 12px;
}
.input-group-addon input[type=radio],
.input-group-addon input[type=checkbox] {
  margin-top: 0;
}

.input-group-addon:first-child {
  border-right: 0;
}

.input-group .input:last-child,
.input-group input:last-child,
.input-group-addon:last-child,
.input-group-button:last-child > .button,
.input-group-button:last-child > .button-group > .button,
.input-group-button:last-child > .dropdown-toggle,
.input-group-button:first-child > .button:not(:first-child),
.input-group-button:first-child > .button-group:not(:first-child) > .button {
  border-radius: 0 2px 2px 0;
}

.input-group-addon:last-child {
  border-left: 0;
}

.input-group-button {
  position: relative;
  white-space: nowrap;
}
.input-group-button > .button {
  position: relative;
}
.input-group-button > .button + .button {
  margin-left: -1px;
}
.input-group-button > .button:hover, .input-group-button > .button:focus, .input-group-button > .button:active {
  z-index: 2;
}
.input-group-button:first-child > .button,
.input-group-button:first-child > .button-group {
  margin-right: -1px;
}
.input-group-button:last-child > .button,
.input-group-button:last-child > .button-group {
  z-index: 2;
  margin-left: -1px;
}

/**

.form-group {

  .form-group-button, input {
    display: table-cell;
  }

  .form-group-button, .form-group-addon {

    width: 1%;
    white-space: nowrap;
    vertical-align: middle; // Match the inputs

    .button {
      height: 2.5em;
      padding-top: 6px;
    }

  }
}

// Reset rounded corners
.form-group-button input:first-child,
.form-group-addon:first-child,
.form-group-button:first-child > .button,
.form-group-button:first-child > .button-group > .button,
.form-group-button:first-child > .dropdown-toggle,
.form-group-button:last-child > .button:not(:last-child):not(.dropdown-toggle),
.form-group-button:last-child > .button-group:not(:last-child) > .button {
  border-radius: 2px 0 0 2px;
}

.form-group-addon:first-child {
  border-right: 0;
}

.form-group-button input:last-child,
.form-group-addon:last-child,
.form-group-button:last-child > .button,
.form-group-button:last-child > .button-group > .button,
.form-group-button:last-child > .dropdown-toggle,
.form-group-button:first-child > .button:not(:first-child),
.form-group-button:first-child > .button-group:not(:first-child) > .button {
  border-radius: 0 2px 2px 0;
}

.form-group-addon:last-child {
  border-left: 0;
}

.form-group-button {

  position: relative;

  // Negative margin for spacing, position for bringing hovered/focused/actived
  // element above the siblings.
  > .button {
    position: relative;

    + .button {
      margin-left: -1px;
    }

    // Bring the "active" button to the front
    &:hover,
    &:focus,
    &:active {
      z-index: 2;
    }
  }

  // Negative margin to only have a 1px border between the two
  &:first-child {
    > .button,
    > .button-group {
      margin-right: -1px;
    }
  }

  &:last-child {
    > .button,
    > .button-group {
      z-index: 2;
      margin-left: -1px;
    }
  }
}


// Text input groups
// -------------------------
.form-group-addon {
  padding: 6px;
  font-size: inherit;
  font-weight: 400;
  line-height: 1;
  color: inherit;
  text-align: center;
  background-color: $gray100;
  border: 1px solid $gray400;
  border-radius: 2px;

  // Nuke default margins from checkboxes and radios to vertically center within.
  input[type="radio"],
  input[type="checkbox"] {
    margin-top: 0;
  }
}

.input-group {


}
*/
.form-inline .form-group {
  display: inline-block;
  margin-bottom: 0;
  vertical-align: middle;
  width: auto;
}
.form-inline .form-group > * {
  margin-right: 5px;
}
.form-inline .form-group label, .form-inline .form-group input, .form-inline .form-group select, .form-inline .form-group .button {
  display: inline-block;
  width: auto !important;
}

#legacy_content label:not(.ck-label),
#popup label:not(.ck-label),
#widget_popup_overlay label:not(.ck-label) {
  display: inline-block;
  max-width: 100%;
  margin-bottom: 7px;
  font-size: 1em;
  font-weight: 600;
  color: #374151 !important;
}
#legacy_content label:not(.ck-label) span,
#popup label:not(.ck-label) span,
#widget_popup_overlay label:not(.ck-label) span {
  color: #374151;
}
#legacy_content label:not(.ck-label).label-l,
#popup label:not(.ck-label).label-l,
#widget_popup_overlay label:not(.ck-label).label-l {
  font-size: 1.25em;
  margin-bottom: 11px;
}
#legacy_content label:not(.ck-label) .optional-label,
#popup label:not(.ck-label) .optional-label,
#widget_popup_overlay label:not(.ck-label) .optional-label {
  color: #6b7280;
  font-weight: 500;
  font-size: 0.9em;
}
#legacy_content label:not(.ck-label) .optional-label:before,
#popup label:not(.ck-label) .optional-label:before,
#widget_popup_overlay label:not(.ck-label) .optional-label:before {
  content: "-";
  padding: 0 4px 0 6px;
}

.form-group {
  display: table;
  border-collapse: separate;
  margin-bottom: 20px;
  width: 100%;
}
.form-group:empty {
  margin: 0;
}
.form-group.hidden {
  margin-bottom: 0;
}
.form-group:has(.fb.error:not(:empty)) .rich-text__wrapper {
  border-color: var(--theme-color-error-default) !important;
  box-shadow: 0 0 0px 1px var(--theme-color-error-default) !important;
}
.form-group .tip {
  display: block;
  margin-bottom: 7px;
  font-weight: 400;
  font-size: 1rem;
  letter-spacing: 0.0025em;
}
.form-group .tip:before {
  content: "\e945";
  font-family: "icon-font" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  padding-right: 3px;
}
.form-group .form-group {
  margin-bottom: 0;
}
.form-group .form-group.force-padding {
  margin-bottom: 20px;
}

.fb {
  background-color: inherit;
}
.fb.error {
  font-weight: 400;
  font-size: 0.86rem;
  letter-spacing: 0.005em;
  color: var(--theme-color-error-default);
  margin-top: 8px;
  display: inline-block;
}
.fb.error * {
  color: var(--theme-color-error-default);
}

.opening-hours-row .row {
  display: flex;
  align-items: center;
}
.opening-hours-row .hours {
  display: flex;
  align-items: center;
}

.drilldownMultiselect-wrapper .tip {
  font-weight: 400;
  font-size: 1rem;
  letter-spacing: 0.0025em;
}

.iconpicker-component.dropdown-toggle.iconpicker-empty, .iconpicker-component.dropdown-toggle:empty {
  font-size: 1em !important;
}
.iconpicker-component.dropdown-toggle.iconpicker-empty:after, .iconpicker-component.dropdown-toggle:empty:after {
  content: attr(data-content);
}
.iconpicker-component.disabled * {
  cursor: default !important;
}
.iconpicker-component.button.button-square {
  display: inherit !important;
  border-radius: 3px;
  font-size: 1.5em;
}

.iconpicker-container.dropdown-menu {
  top: inherit;
  left: inherit;
}

.iconpicker .iconpicker-item {
  box-shadow: 0 0 0 1px #6b7280;
  border-radius: 5px;
  text-decoration: none;
  width: 19px;
  height: 19px;
  font-size: 19px;
}
.iconpicker .iconpicker-item.iconpicker-selected {
  background: var(--theme-color-accent-default);
}
.iconpicker .iconpicker-item:hover:not(.iconpicker-selected) {
  background-color: #f3f4f6;
}

.iconpicker-popover.popover {
  background: #f3f4f6;
  width: 254px;
}
.iconpicker-popover.popover .popover-title {
  background-color: #f3f4f6;
  border-bottom: 1px solid #f3f4f6;
}
.iconpicker-popover.popover .popover-footer {
  background-color: #f3f4f6;
  border-top: 1px solid #d1d5db;
}

.image-slider img {
  margin: 0 auto;
}
.image-slider .bx-controls .bx-pager {
  position: inherit;
}
.image-slider .bx-wrapper .bx-controls-direction a {
  margin-top: -32px;
}
.image-slider .custom-caption {
  padding-top: 24px;
  text-align: center;
}
.image-slider .bx-clone {
  display: none;
}

.issue-list-item {
  padding-top: 15px;
  min-height: 120px;
  border-bottom: 1px solid #d1d5db;
}
.issue-list-item .info {
  margin-bottom: 8px;
}
.issue-list-item .title {
  margin-bottom: 0;
}
.issue-list-item .label {
  width: 100%;
  margin-bottom: 5px;
  margin-left: 0;
  margin-right: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.issue-list-item .image img {
  width: 100%;
  max-height: 70px;
  object-fit: cover;
}
.issue-list-item.item-hover:hover {
  cursor: pointer;
  background-color: white;
}
.issue-list-item .message-info .label {
  width: auto;
}

.owl-theme .owl-nav [class*=owl-] {
  background: #f3f4f6;
}
.owl-theme .owl-nav [class*=owl-]:hover {
  background: var(--theme-color-accent-default);
}
.owl-theme .owl-dots .owl-dot span {
  background: #f3f4f6;
}
.owl-theme .owl-dots .owl-dot.active span {
  background: #111827;
}
.owl-theme .owl-dots .owl-dot:hover span {
  background: var(--theme-color-accent-default);
}

.owl-carousel.owl-drag .owl-item.active:hover {
  cursor: grab !important;
  cursor: -webkit-grab !important;
}
.owl-carousel.owl-drag .owl-item.active:active {
  cursor: grabbing !important;
  cursor: -webkit-grabbing !important;
}
.owl-carousel .owl-stage {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-box;
  display: box;
}

.reminder-overview .reminder-graph, .reminder-overview .reminder-label, .reminder-overview {
  display: block;
  float: left;
  width: auto;
  height: auto;
  min-height: 10px;
}

.reminder-overview .reminder-label label {
  padding: 10px 10px 0 0;
}
.reminder-overview .reminder-graph {
  background-image: url("data:image/svg+xml,%3C?xml%20version=%271.0%27%20encoding=%27UTF-8%27?%3E%3Csvg%20id=%27Layer_1%27%20data-name=%27Layer%201%27%20xmlns=%27http://www.w3.org/2000/svg%27%20viewBox=%270%200%20101%201%27%3E%20%3Ctitle%3Eturnover-reminderoverview-line%3C/title%3E%3Crect%20fill=%27%23d1d5db%27%20width=%27101%27%20height=%271%27/%3E%3C/svg%3E");
  background-repeat: repeat-x;
  background-position: center center;
}
.reminder-overview .reminder-graph .status.status-circle {
  margin: 5px 20px 5px 0;
}
.reminder-overview .reminder-graph .status.status-circle:last-child {
  margin: 5px 0 5px 0;
}

.approval-indicator {
  display: inline-block;
  vertical-align: middle;
  /* .status {
     &.status-circle {
       margin: 5px 20px 5px 0;

       &:last-child {
         margin: 5px 0 5px 0;
       }
     }
   }*/
}

.reply {
  margin-bottom: 20px;
}
.reply .secondary {
  font-weight: 400;
  font-size: 0.86rem;
  letter-spacing: 0.005em;
}

.accent-color {
  color: var(--theme-color-accent-default) !important;
}

.sidebar {
  background-color: #f3f4f6;
  border-right: 1px solid #d1d5db;
  height: 100%;
  max-height: calc(100vh - 64px);
  overflow-y: auto;
  position: fixed;
  padding-top: 15px;
  margin-left: -15px;
  width: inherit;
  left: 0;
  top: 70px;
}
.sidebar i {
  margin-right: 20px;
}
.sidebar span {
  color: inherit;
}
.sidebar .sidebar-line-break {
  border-bottom: 1px #d1d5db solid;
  margin: 15px 0;
}
.sidebar .nav-list,
.sidebar .sub-nav {
  list-style-type: none;
  margin: 0;
  padding: 0;
}
.sidebar .nav-item {
  color: #111827;
  font-family: "Inter", sans-serif;
  font-weight: 500 !important;
  font-size: 1em;
  padding-top: 15px;
  padding-bottom: 15px;
  padding-left: 40px;
  padding-right: 20px;
  cursor: pointer;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
@media (min-width: 768px) and (max-width: 992px) {
  .sidebar .nav-item {
    overflow: visible;
    padding-left: 35px;
  }
  .sidebar .nav-item i {
    margin-right: 0;
  }
}
.sidebar .nav-item:hover, .sidebar .nav-item.active {
  color: var(--theme-color-accent-default);
}
.sidebar .nav-item.active {
  border-right: 2px solid var(--theme-color-accent-default);
}
.sidebar .active-sub .sub-nav {
  border-right: 0 !important;
  display: block;
}
.sidebar .active-sub .sub-nav:hover {
  color: var(--theme-color-accent-default);
}
.sidebar .active-sub .sub-nav .nav-item:hover {
  color: var(--theme-color-accent-default);
}
.sidebar .active-sub .sub-nav .nav-item.active {
  color: var(--theme-color-accent-default);
  border-right: 2px solid var(--theme-color-accent-default);
}
.sidebar .active.active-sub {
  border-right: 0 !important;
}
.sidebar .sub-nav {
  margin-top: 15px;
  display: none;
  padding: 0;
}
.sidebar .sub-nav .nav-item {
  color: #111827;
  font-size: 1em;
  padding-left: 30px;
  align-items: center;
  margin-right: -20px;
}
@media (min-width: 768px) and (max-width: 992px) {
  .sidebar .sub-nav .nav-item {
    padding-left: 35px;
    margin-left: -35px;
  }
}
@media (max-width: 767px) {
  .sidebar {
    position: fixed;
    height: auto;
    width: 100%;
    border-right: none;
    padding-top: 0;
    box-shadow: 4px 4px 14px -4px rgba(0, 0, 0, 0.42);
    z-index: 800;
  }
  .sidebar .nav-list {
    display: none;
  }
}
@media (min-width: 768px) {
  .sidebar .nav-list {
    display: block !important;
  }
}

.visible {
  display: block !important;
}

.page {
  height: 0;
  opacity: 0;
  overflow: hidden;
}
.page.active {
  height: auto;
  opacity: 1;
}

.sortable-list.ui-sortable,
.sortable-list .ui-sortable {
  overflow: visible;
  list-style-type: none;
  margin: 0;
  padding: 0;
  min-height: 15px;
}
.sortable-list.ui-sortable .ui-sortable-handle,
.sortable-list.ui-sortable .no-sort,
.sortable-list .ui-sortable .ui-sortable-handle,
.sortable-list .ui-sortable .no-sort {
  overflow: hidden;
}
.sortable-list.ui-sortable .ui-sortable-handle:hover,
.sortable-list .ui-sortable .ui-sortable-handle:hover {
  cursor: grab;
  cursor: -webkit-grab;
}
.sortable-list.ui-sortable .ui-sortable-handle:active,
.sortable-list .ui-sortable .ui-sortable-handle:active {
  cursor: grabbing;
  cursor: -webkit-grabbing;
}
.sortable-list.ui-sortable .no-sort > table > tbody > tr > .sortable-list-item-icon,
.sortable-list .ui-sortable .no-sort > table > tbody > tr > .sortable-list-item-icon {
  border-right: none !important;
  background-color: white !important;
}
.sortable-list.ui-sortable .no-sort > table > tbody > tr > .sortable-list-item-icon > span,
.sortable-list .ui-sortable .no-sort > table > tbody > tr > .sortable-list-item-icon > span {
  display: none;
}
.sortable-list .ui-sortable {
  padding-left: 30px;
}
.sortable-list .ui-sortable:not(:empty) {
  margin-top: 15px;
}
.sortable-list .sortable-placeholder {
  background-color: #f3f4f6;
  border: 1px #d1d5db dashed;
  margin-bottom: 15px !important;
  border-radius: 7px;
  -webkit-border-radius: 7px;
  -moz-border-radius: 7px;
}
.sortable-list.sortable-list-services.ui-sortable > li > .sortable-list-item {
  border: #6b7280 1px dashed;
}
.sortable-list.sortable-list-services .sortable-list-item {
  margin-bottom: 15px !important;
}
.sortable-list.sortable-list-services .sortable-list-item .ui-sortable {
  padding: 0 10px;
}

.sortable-list-item {
  list-style: none;
  background-color: white;
  border: #6b7280 1px solid;
  border-radius: 7px;
  -webkit-border-radius: 7px;
  -moz-border-radius: 7px;
  width: 100%;
}
.sortable-list-item .sortable-list-item-icon {
  width: 25px;
  text-align: center;
  border-right: #6b7280 1px solid;
  background-color: #f3f4f6;
  border-bottom-left-radius: 7px;
  -webkit-border-bottom-left-radius: 7px;
  -moz-border-radius-bottomleft: 7px;
  border-top-left-radius: 7px;
  -webkit-border-top-left-radius: 7px;
  -moz-border-radius-topleft: 7px;
}
.sortable-list-item .sortable-list-item-icon > span {
  font-size: 1.5em;
}
.sortable-list-item .sortable-list-item-content {
  padding: 10px;
}
.sortable-list-item .sortable-list-item-content .sortable-list-item-content-header {
  padding: 10px 20px;
}
.sortable-list-item .sortable-list-item-content > div {
  height: 24px;
  width: 100%;
  display: table;
  margin: 0;
}
.sortable-list-item .sortable-list-item-content > div > *:not(script) {
  display: table-cell;
  vertical-align: middle;
}

li.ui-sortable-handle {
  list-style: none;
}

.survey-slider .survey-slide {
  padding-bottom: 20px;
}
.survey-slider .survey-slide h3 {
  line-height: 1.5;
}
.survey-slider .survey-slide textarea {
  resize: none;
}
.survey-slider .survey-slide.answer-slide {
  text-align: center;
  padding-bottom: 35px;
}
.survey-slider .survey-slide.answer-slide label {
  font-size: 1em;
}
@media (max-width: 768px) {
  .survey-slider .survey-slide.answer-slide table,
  .survey-slider .survey-slide.answer-slide thead,
  .survey-slider .survey-slide.answer-slide tbody,
  .survey-slider .survey-slide.answer-slide th,
  .survey-slider .survey-slide.answer-slide td,
  .survey-slider .survey-slide.answer-slide tr {
    display: block;
  }
  .survey-slider .survey-slide.answer-slide td {
    text-align: center;
  }
  .survey-slider .survey-slide.answer-slide tr {
    margin-bottom: 8px;
  }
}
.survey-slider .survey-slide.answer-slide .survey-info-user-type {
  margin-bottom: 8px;
}
.survey-slider .survey-slide.question {
  counter-increment: listStyle;
}
.survey-slider .survey-slide.question h3:before {
  content: "#" counter(listStyle, decimal) ": ";
}
.survey-slider .survey-slide.question:first-of-type .question-move-back {
  display: none;
}
.survey-slider .survey-slide.question:last-of-type .question-move-forward {
  display: none;
}
.survey-slider .survey-slide .form {
  padding: 0 2px;
}
.survey-slider .back-to-start-btn {
  position: absolute;
  right: 0;
  z-index: 1;
  text-decoration: none !important;
}
.survey-slider .open-answer-results {
  max-height: 180px;
  overflow-y: auto;
  overflow-x: hidden;
}
.survey-slider .open-answer-results .col-xs-1 .thumb {
  margin-bottom: 5px;
  margin-top: 5px;
}
.survey-slider .open-answer-results .col-xs-11 .row:nth-child(2) {
  margin-bottom: 5px;
}
.survey-slider .survey-detail-item {
  white-space: nowrap;
}
.survey-slider .bx-wrapper {
  background-color: transparent;
}
.survey-slider .answer-content-wrapper {
  text-align: left;
  display: inline-block;
  margin-bottom: 8px;
}
.survey-slider .answer-upload {
  margin-bottom: 8px;
}
.survey-slider .bx-pager-item {
  font-size: 0.9em;
  line-height: 16px;
}
.survey-slider .bx-pager-item:first-of-type:last-of-type {
  display: none;
}
.survey-slider .bx-pager {
  bottom: 10px;
  counter-reset: slides;
  padding-top: 0;
}
.survey-slider .bx-pager a.bx-pager-link {
  width: 16px;
  height: 16px;
  border-radius: 8px;
  text-indent: unset;
  text-decoration: none;
  color: rgb(255, 255, 255);
  line-height: 16px;
  background-color: #6b7280;
}
.survey-slider .bx-pager a.bx-pager-link:hover, .survey-slider .bx-pager a.bx-pager-link.active {
  background-color: var(--theme-color-primary-default);
}
.survey-slider a.bx-prev,
.survey-slider a.bx-next {
  border-radius: 100%;
  background: transparent;
  border: 1px solid #9ca3af;
  text-indent: 0 !important;
  text-align: center;
  text-decoration: none;
  color: #9ca3af;
}
.survey-slider a.bx-prev:before,
.survey-slider a.bx-next:before {
  font-family: "icon-font";
  line-height: 32px;
  vertical-align: middle;
  font-size: 1.3em;
  color: #9ca3af;
}
.survey-slider .bx-prev {
  left: -45px;
}
.survey-slider .bx-prev:before {
  content: "\e92e";
}
.survey-slider .bx-next {
  right: -45px;
}
.survey-slider .bx-next:before {
  content: "\e92f";
}
@media (max-width: 768px) {
  .survey-slider .bx-next {
    right: -12px;
  }
  .survey-slider .bx-prev {
    left: -12px;
  }
}
.survey-slider .c3 .c3-axis-x path,
.survey-slider .c3 .c3-axis-x line,
.survey-slider .c3 .c3-axis-y path,
.survey-slider .c3 .c3-axis-y line {
  stroke: #111827;
}
.survey-slider .c3 .c3-axis-x g,
.survey-slider .c3 .c3-axis-y g,
.survey-slider .c3 .c3-legend-item-data text {
  fill: #111827;
}
.survey-slider .c3 .c3-tooltip {
  color: #111827;
  max-width: 200px;
}
.survey-slider .answerwrapper {
  counter-reset: listStyle;
}
.survey-slider .answerwrapper .answer {
  counter-increment: listStyle;
  margin-bottom: 1em;
  position: relative;
  padding: 2px 2px 2px 20px;
  height: 2.8em;
}
.survey-slider .answerwrapper .answer .valign-middle {
  height: 100%;
}
.survey-slider .answerwrapper .answer:before {
  position: absolute;
  left: 0;
  line-height: 2.5em;
  vertical-align: middle;
  height: 2.8em;
  content: counter(listStyle, upper-alpha);
}
.survey-slider .answerwrapper .answer.placeholder:before {
  opacity: 0.6;
}
.survey-slider .answerwrapper.matrix .answer:before {
  content: counter(listStyle, decimal);
}
.survey-slider .answerwrapper .sortable-list {
  list-style: none;
  padding-left: 0;
}
.survey-slider .answerwrapper .ui-sortable-handle:hover:before {
  content: "⁞⁞";
}
.survey-slider .answerwrapper .sortable-placeholder {
  background-color: #f9fafb;
}

.survey-start-slide {
  border: 1px dashed #d1d5db;
  border-radius: 5px;
  padding: 16px;
}
.survey-start-slide .main-btn {
  margin-bottom: 10px;
  display: inline-flex;
  justify-content: center;
  align-items: center;
}
.survey-start-slide .main-btn .icon {
  transform: translate3d(0px, -1px, 0px);
}
.survey-start-slide .main-btn:not(.survey-start-btn) {
  width: 100% !important;
}
.survey-start-slide .survey-details {
  font-weight: 400;
  font-size: 0.86rem;
  letter-spacing: 0.005em;
  display: block;
}
.survey-start-slide .survey-details .survey-info-user-type {
  margin-top: 4px;
}

.message-popup .system-reply {
  border-radius: 5px;
  background-color: #f3f4f6;
  padding-top: 12px;
  padding-bottom: 12px;
  margin-bottom: 20px;
}
.message-popup .system-reply .icon-wrapper {
  line-height: normal !important;
  height: unset;
  text-align: center;
}

.table {
  text-align: left;
  width: 100% !important;
  max-width: 100%;
  margin: 0;
  font-family: "Inter", sans-serif !important;
}
.table.no_data {
  text-align: center;
}
.table a {
  color: inherit;
  vertical-align: middle;
}
.table a:visited {
  color: inherit;
}
.table th,
.table td {
  padding: 5px;
}
.table thead {
  background-color: rgb(255, 255, 255);
  border-bottom: 1px #d1d5db solid;
}
.table thead,
.table thead span {
  color: unset;
}
.table thead tr:not(.remove-me) {
  height: 40px;
}
.table tfoot {
  background-color: #f9fafb;
}
.table tfoot,
.table tfoot span {
  color: unset;
}
.table.no-bg thead {
  background-color: rgb(255, 255, 255);
}
.table.no-bg thead,
.table.no-bg thead span {
  color: unset;
}
.table.clickable tbody tr:hover {
  background-color: #f3f4f6;
  cursor: pointer;
}
.table tbody tr:not(.remove-me) {
  height: 48px;
}
.table tbody tr:nth-child(even) {
  background-color: rgb(255, 255, 255);
}
.table tbody tr:nth-child(odd) {
  background-color: #fbfbfb;
}
.table tbody td,
.table tbody th {
  vertical-align: middle;
  border-bottom: 1px #e7e7e7 solid;
  background-color: transparent;
  font-size: 1em;
}
.table tbody .editw {
  top: 20%;
  background-color: transparent;
  color: initial;
}
.table td:first-child,
.table th:first-child {
  padding-left: 20px;
  padding-right: 3px;
}
.table.table-sm {
  font-size: 0.9em;
}
.table.table-sm thead tr:not(.remove-me) {
  height: 30px;
}
.table.table-sm tbody tr:not(.remove-me) {
  height: 35px;
}
table th [class*=col-],
table td [class*=col-] {
  position: static;
  display: table-cell;
  float: none;
}
table col[class*=col-] {
  position: static;
  display: table-column;
  float: none;
}
table.no-bg th {
  border-bottom: 1px #e7e7e7 solid;
}

.tablesorter .header,
.tablesorter .tablesorter-header {
  background-position: center right;
  background-repeat: no-repeat;
  cursor: pointer;
  white-space: normal;
}

.tablesorter thead .headerSortUp,
.tablesorter thead .tablesorter-headerSortUp,
.tablesorter thead .tablesorter-headerAsc {
  background-image: url("data:image/svg+xml,%3Csvg width=%2718%27 height=%2718%27 viewBox=%270 0 24 24%27 fill=%27none%27 xmlns=%27http://www.w3.org/2000/svg%27%3E%3Cpath d=%27M5 15L12 8L19 15%27 stroke=%27%23111827%27 stroke-width=%272%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27/%3E%3C/svg%3E");
  border-bottom: var(--theme-color-accent-default) 2px solid;
  padding-right: 20px;
}

.tablesorter thead .headerSortDown,
.tablesorter thead .tablesorter-headerSortDown,
.tablesorter thead .tablesorter-headerDesc {
  background-image: url("data:image/svg+xml,%3Csvg width=%2718%27 height=%2718%27 viewBox=%270 0 24 24%27 fill=%27none%27 xmlns=%27http://www.w3.org/2000/svg%27%3E%3Cpath d=%27M19 9L12 16L5 9%27 stroke=%27%23111827%27 stroke-width=%272%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27/%3E%3C/svg%3E");
  border-bottom: var(--theme-color-accent-default) 2px solid;
  padding-right: 20px;
}

.no-bg.tablesorter thead .headerSortUp,
.no-bg.tablesorter thead .tablesorter-headerSortUp,
.no-bg.tablesorter thead .tablesorter-headerAsc {
  background-image: url("data:image/svg+xml,%3Csvg width=%2718%27 height=%2718%27 viewBox=%270 0 24 24%27 fill=%27none%27 xmlns=%27http://www.w3.org/2000/svg%27%3E%3Cpath d=%27M5 15L12 8L19 15%27 stroke=%27%23111827%27 stroke-width=%272%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27/%3E%3C/svg%3E");
  padding-right: 20px;
}

.no-bg.tablesorter thead .headerSortDown,
.no-bg.tablesorter thead .tablesorter-headerSortDown,
.no-bg.tablesorter thead .tablesorter-headerDesc {
  background-image: url("data:image/svg+xml,%3Csvg width=%2718%27 height=%2718%27 viewBox=%270 0 24 24%27 fill=%27none%27 xmlns=%27http://www.w3.org/2000/svg%27%3E%3Cpath d=%27M19 9L12 16L5 9%27 stroke=%27%23111827%27 stroke-width=%272%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27/%3E%3C/svg%3E");
  padding-right: 20px;
}

.tablesorter thead .sorter-false {
  background-image: none;
  cursor: default;
}

.tablesorter-default th,
.tablesorter-default thead td {
  border-bottom: 1px solid #f3f4f6;
}

.tablesorter-scroller-table {
  overflow-y: auto !important;
}

.tablesorter-scroller-header img .select2,
.tablesorter-scroller-header span .select2 {
  display: inline;
}

.tablesorter-scroller-table {
  position: static !important; /* fix absolute dropdowns */
  overflow-x: auto !important;
}

.tablesorter-scroller {
  overflow: visible !important;
}

.tablesorter-scroller-hidden {
  display: none;
}

.tablesorter .filtered {
  display: none;
}

.tablesorter-filter-row {
  background-color: rgb(255, 255, 255);
}
.tablesorter-filter-row td.filter-active > select,
.tablesorter-filter-row td.filter-active > input {
  border: 2px var(--theme-color-accent-default) solid !important;
  box-shadow: none !important;
  font-weight: bold;
  padding: 4px 10px;
}

.tablesorter .tablesorter-filter.disabled {
  display: none;
}

.tablesorter-scroller-footer {
  border-top: 1px #d1d5db solid;
}
.tablesorter-scroller-footer table {
  table-layout: fixed;
}

.table_view {
  background-color: #f0efee;
  border-top: 1px #d1d5db solid;
  border-bottom: 1px #d1d5db solid;
  margin-bottom: 20px;
  margin-top: 20px;
  position: relative;
  width: 100%;
}
.table_view .table-view-config {
  padding-top: 12px;
  padding-bottom: 12px;
  background: rgb(255, 255, 255);
  border-bottom: 1px #d1d5db solid;
}
.table_view .table-view-config #table_switch {
  margin-right: 10px;
}
.table_view .table-view-config .table-config-actions .button:not(:last-child) {
  margin-right: 5px;
}
.table_view .table_container {
  position: relative;
}
.table_view .loading {
  position: absolute;
  background-color: rgba(243, 244, 246, 0.4);
  top: 0;
  bottom: 0;
  margin: 0 !important;
  z-index: 3;
  display: none;
}

.community-card {
  height: 200px;
}
.community-card.widget {
  padding: 0;
}
.community-card .cover {
  position: relative;
}
.community-card .cover img {
  width: 100%;
  height: 130px;
  object-fit: cover;
  display: block;
  cursor: pointer;
}
.community-card .badge {
  display: none;
  position: absolute;
  top: 12px;
  right: 12px;
  text-align: center;
  width: 29px;
  height: 29px;
  line-height: 27px;
  background-color: var(--theme-color-primary-default);
  border: 2px solid white;
  color: white;
  opacity: 1;
  transition: all 0.3s;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
}
.community-card .card-bottom {
  padding: 12px 12px;
  display: flex;
  align-items: center;
}
.community-card .thumb {
  display: inline-block;
  margin-right: 12px;
  flex-shrink: 0;
}
.community-card .title {
  display: inline-block;
  margin-bottom: 0;
  overflow: hidden;
  max-height: 45px;
}
@supports (-webkit-line-clamp: 2) {
  .community-card .title {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    max-height: none;
  }
}
.community-card .overlay {
  position: absolute;
  width: 100%;
  height: 100%;
  background-color: rgba(255, 255, 255, 0.5);
  opacity: 1;
  transition: all 0.3s;
  z-index: 1;
  display: none;
}

.community-card-select {
  margin-bottom: 20px;
}
.community-card-select .widget_wrapper {
  padding-left: 15px !important;
  padding-right: 15px !important;
}
.community-card-select .community-card.selected .badge {
  display: block;
}
.community-card-select .community-card.selected .overlay {
  display: none;
}
.community-card-select .community-card.not-selected .badge {
  display: none;
}
.community-card-select .community-card.not-selected .overlay {
  display: block;
}

.col-no-margin {
  padding-left: 0 !important;
  padding-right: 0 !important;
}

.tab-text {
  display: block;
  float: left;
  height: auto;
  min-height: 10px;
  margin-top: 10px;
  margin-bottom: 20px;
}

.tile-group .tile-group-wrapper {
  display: block;
  float: left;
  height: auto;
  min-height: 10px;
}
.tile-group .tile-group-wrapper .channels-tile {
  display: block;
  float: left;
  height: auto;
  min-height: 10px;
  padding-left: 10px;
  padding-right: 10px;
  margin-bottom: 20px;
}
@media (min-width: 800px) {
  .tile-group .tile-group-wrapper .channels-tile {
    padding-left: 10px;
    padding-right: 10px;
  }
  .tile-group .tile-group-wrapper .channels-tile:first-child, .tile-group .tile-group-wrapper .channels-tile:nth-child(3n+1) {
    padding-left: 0;
    padding-right: 10px;
  }
  .tile-group .tile-group-wrapper .channels-tile:nth-child(3n) {
    padding-left: 10px;
    padding-right: 0;
  }
}
@media (max-width: 800px) {
  .tile-group .tile-group-wrapper .channels-tile {
    padding-left: 10px;
    padding-right: 10px;
  }
  .tile-group .tile-group-wrapper .channels-tile:first-child, .tile-group .tile-group-wrapper .channels-tile:nth-child(2n+1) {
    padding-left: 0;
    padding-right: 10px;
  }
  .tile-group .tile-group-wrapper .channels-tile:nth-child(2n) {
    padding-left: 10px;
    padding-right: 0;
  }
}
.tile-group .tile-group-wrapper .channels-tile .tile-box {
  display: block;
  float: left;
  height: auto;
  min-height: 10px;
  width: 100%;
  min-height: 50px;
  border: 1px solid #ccc;
}
.tile-group .tile-group-wrapper .channels-tile .tile-box .tile-top {
  display: block;
  float: left;
  height: auto;
  min-height: 10px;
  width: 100%;
  min-height: 80px;
  padding-bottom: 6px;
  padding-top: 1.5em;
}
.tile-group .tile-group-wrapper .channels-tile .tile-box .tile-top .tile-top-left {
  display: block;
  float: left;
  height: auto;
  min-height: 10px;
  width: 60%;
  min-height: 5px;
  text-align: left;
}
.tile-group .tile-group-wrapper .channels-tile .tile-box .tile-top .tile-top-left h4 {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  padding-left: 15px;
  padding-right: 5px;
  padding-top: 0.8em;
  padding-bottom: 0.8em;
}
.tile-group .tile-group-wrapper .channels-tile .tile-box .tile-top .tile-top-right {
  display: block;
  float: left;
  height: auto;
  min-height: 10px;
  float: right;
  width: 40%;
  min-height: 5px;
  text-align: right;
}
.tile-group .tile-group-wrapper .channels-tile .tile-box .tile-bottom {
  display: block;
  float: left;
  height: auto;
  min-height: 10px;
  width: 100%;
  height: 150px;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  background-color: #374151;
}
.tile-group .tile-group-wrapper .channels-tile .tile-box .tile-bottom.tile-logo {
  background-color: #fff;
  background-size: 85%;
  background-position: center 35%;
  border-top: 1px solid #ccc;
}
.tile-group .tile-group-wrapper .channels-tile .tile-box .tile-bottom.tile-bottom-letter {
  background-color: #37bdaf;
}
.tile-group .tile-group-wrapper .channels-tile .tile-box .tile-bottom.tile-bottom-letter div {
  display: block;
  width: 50%;
  height: 50%;
  margin: 0 auto;
  padding: 0;
  font-size: 9em;
  text-align: center;
  color: #fff;
  line-height: normal;
}
.tile-group .tile-group-wrapper .channels-tile .tile-box .tile-bottom.tile-color-logo {
  background-color: #374151;
}
.tile-group .tile-group-wrapper .channels-tile .tile-box .button.btn-follow {
  margin: 6px 18px 0 0;
}

.tile {
  overflow: hidden;
  margin: 1px 2px 2px 1px;
  border-radius: 4px;
  box-shadow: 1px 1px 2px 0 #d1d5db;
  -moz-box-shadow: 1px 1px 2px 0 #d1d5db;
  -webkit-box-shadow: 1px 1px 2px 0 #d1d5db;
}
.tile.tile-widget-container {
  overflow: visible;
  border-radius: 0;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  box-shadow: 0 0 0 0 #6b7280;
  -moz-box-shadow: 0 0 0 0 #6b7280;
  -webkit-box-shadow: 0 0 0 0 #6b7280;
}
.tile .thumb_channel .icon {
  display: none;
}
.tile .thumb-title .thumb-title-text {
  padding-bottom: 2px;
}
.tile .thumb-title .thumb-title-text span {
  border-bottom: 2px solid transparent;
  font-weight: 600;
  overflow: visible;
}
.tile.tile-selected img {
  -moz-transform: scale(1.05);
  -webkit-transform: scale(1.05);
  transform: scale(1.05);
}
.tile.tile-selected .thumb-background img,
.tile.tile-selected .thumb-background .img {
  opacity: 0.5;
}
.tile.tile-selected .thumb-background .thumb-title .thumb-title-text span {
  border-bottom: 2px solid;
  font-weight: 600 !important;
}
.tile.tile-selected .thumb-background .thumb-title .thumb-icon-selected-container {
  display: block;
}
.tile.tile-selected .thumb-background .thumb-title .thumb-icon-selected-container .thumb-icon-selected {
  margin-top: 5px;
  color: white;
  border-radius: 50%;
  width: 24px;
  height: 24px;
  padding: 3px 0px 0px 1px;
  border: 2px solid;
  font-size: 0.8em;
  display: inline-block;
}
.tile.tile-selected .thumb-background .thumb-title .thumb-icon-selected-container .thumb-icon-selected .icon {
  display: block;
}
.tile.tile-community {
  width: 255px;
}
.tile.tile-community .community-card {
  height: 154px;
}
.tile.tile-community .community-card img {
  height: 87px;
}
.tile.tile_channel {
  width: 210px;
  height: 120px;
}
.tile.tile_channel.tile_channel-create {
  border: 1px dashed;
  color: #6b7280 !important;
  text-align: center;
  cursor: pointer !important;
  box-shadow: unset;
  -moz-box-shadow: unset;
  -webkit-box-shadow: unset;
  margin: 1px 0 0;
}
.tile.tile_channel.tile_channel-create > div {
  position: relative;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
}
.tile.tile_channel.tile_channel-create > div .tile_channel-create-icon {
  border-radius: 50%;
  width: 26px;
  height: 26px;
  border: 1px solid;
  display: inline-flex;
  justify-content: center;
  align-items: center;
}
.tile.tile_channel.tile_channel-system {
  cursor: pointer !important;
}
.tile.tile_channel.tile_channel-system .thumb-background {
  background-color: rgb(255, 255, 255);
  background-image: url(/javascript/app/images/dot-grid.4fef2152.png);
  background-repeat: repeat;
}
.tile.tile_channel.tile_channel-system .thumb-background .thumb-title-text,
.tile.tile_channel.tile_channel-system .thumb-background .thumb-title-text span {
  font-size: 1em !important;
}
.tile.tile_channel.tile_channel-system .thumb-title-text,
.tile.tile_channel.tile_channel-system .thumb-title-text span {
  color: #111827;
  text-shadow: unset;
  font-size: 1em !important;
}
.tile.tile_channel.tile_channel-system .tile_channel-info {
  color: #111827 !important;
}
.tile.tile_channel.tile_channel-system .tile_channel-system-icon {
  position: relative;
  top: 30%;
  font-size: 1.4em;
  color: #111827;
}
.tile.tile_channel.tile_channel-system .thumb-title-middle {
  top: 60%;
}
.tile.tile_channel .tile_channel-info,
.tile.tile_channel .tile_channel-options,
.tile.tile_channel .tile_channel-counter {
  position: absolute;
  z-index: 999;
  color: white !important;
  cursor: pointer;
  -webkit-transition: 0.5s; /* For Safari 3.1 to 6.0 */
  transition: 0.5s;
}
.tile.tile_channel .tile_channel-info {
  bottom: 5px;
  right: 5px;
  visibility: hidden;
  opacity: 0;
}
.tile.tile_channel .tile_channel-info:hover {
  color: var(--theme-color-accent-default) !important;
}
.tile.tile_channel .tile_channel-options {
  top: 5px;
  right: 5px;
  visibility: hidden;
  opacity: 0;
}
.tile.tile_channel .tile_channel-options:hover {
  color: var(--theme-color-accent-default) !important;
}
.tile.tile_channel .tile_channel-counter {
  top: 5px;
  right: 5px;
  border-radius: 50%;
  width: 29px;
  height: 29px;
  display: flex;
  justify-content: center;
  align-items: center;
  background: var(--theme-color-accent-default);
  border: 2px solid white;
  text-align: center;
  opacity: 1;
}
.tile.tile_channel:hover .tile_channel-info {
  visibility: visible;
  opacity: 1;
}
.tile.tile_channel:hover .tile_channel-options {
  visibility: visible;
  opacity: 1;
}
.tile.tile_channel:hover .tile_channel-counter {
  visibility: hidden;
  opacity: 0;
}
.tile.tile_report, .tile.tile_booking, .tile.tile_submission, .tile.tile_discount {
  display: block;
  width: 370px;
  min-height: 178px;
  height: calc(100% - 2px);
  background: #f9fafb;
}
.tile.tile_report .tile-container, .tile.tile_booking .tile-container, .tile.tile_submission .tile-container, .tile.tile_discount .tile-container {
  display: flex;
  flex-direction: column;
  height: 100%;
}
.tile.tile_report .tile-container .tile-top,
.tile.tile_report .tile-container .tile-bottom, .tile.tile_booking .tile-container .tile-top,
.tile.tile_booking .tile-container .tile-bottom, .tile.tile_submission .tile-container .tile-top,
.tile.tile_submission .tile-container .tile-bottom, .tile.tile_discount .tile-container .tile-top,
.tile.tile_discount .tile-container .tile-bottom {
  display: block;
  float: left;
  width: 100%;
  height: auto;
}
.tile.tile_report .tile-container .tile-top .tile-btn,
.tile.tile_report .tile-container .tile-bottom .tile-btn, .tile.tile_booking .tile-container .tile-top .tile-btn,
.tile.tile_booking .tile-container .tile-bottom .tile-btn, .tile.tile_submission .tile-container .tile-top .tile-btn,
.tile.tile_submission .tile-container .tile-bottom .tile-btn, .tile.tile_discount .tile-container .tile-top .tile-btn,
.tile.tile_discount .tile-container .tile-bottom .tile-btn {
  width: 156px !important;
}
.tile.tile_report .tile-container .tile-top .tile-btn:nth-child(2),
.tile.tile_report .tile-container .tile-bottom .tile-btn:nth-child(2), .tile.tile_booking .tile-container .tile-top .tile-btn:nth-child(2),
.tile.tile_booking .tile-container .tile-bottom .tile-btn:nth-child(2), .tile.tile_submission .tile-container .tile-top .tile-btn:nth-child(2),
.tile.tile_submission .tile-container .tile-bottom .tile-btn:nth-child(2), .tile.tile_discount .tile-container .tile-top .tile-btn:nth-child(2),
.tile.tile_discount .tile-container .tile-bottom .tile-btn:nth-child(2) {
  margin-left: 15px;
}
.tile.tile_report .tile-container .tile-top .tile-btn:only-child,
.tile.tile_report .tile-container .tile-bottom .tile-btn:only-child, .tile.tile_booking .tile-container .tile-top .tile-btn:only-child,
.tile.tile_booking .tile-container .tile-bottom .tile-btn:only-child, .tile.tile_submission .tile-container .tile-top .tile-btn:only-child,
.tile.tile_submission .tile-container .tile-bottom .tile-btn:only-child, .tile.tile_discount .tile-container .tile-top .tile-btn:only-child,
.tile.tile_discount .tile-container .tile-bottom .tile-btn:only-child {
  max-width: 200px !important;
}
.tile.tile_report .tile-container .tile-top, .tile.tile_booking .tile-container .tile-top, .tile.tile_submission .tile-container .tile-top, .tile.tile_discount .tile-container .tile-top {
  flex-grow: 1;
}
.tile.tile_report .tile-container .tile-top span,
.tile.tile_report .tile-container .tile-top h3,
.tile.tile_report .tile-container .tile-top p, .tile.tile_booking .tile-container .tile-top span,
.tile.tile_booking .tile-container .tile-top h3,
.tile.tile_booking .tile-container .tile-top p, .tile.tile_submission .tile-container .tile-top span,
.tile.tile_submission .tile-container .tile-top h3,
.tile.tile_submission .tile-container .tile-top p, .tile.tile_discount .tile-container .tile-top span,
.tile.tile_discount .tile-container .tile-top h3,
.tile.tile_discount .tile-container .tile-top p {
  padding: 0;
  margin: 0;
}
.tile.tile_report .tile-container .tile-top .tile-label span, .tile.tile_booking .tile-container .tile-top .tile-label span, .tile.tile_submission .tile-container .tile-top .tile-label span, .tile.tile_discount .tile-container .tile-top .tile-label span {
  font-weight: 400;
  font-size: 0.86rem;
  letter-spacing: 0.005em;
  font-size: 0.85em;
  letter-spacing: 0;
  line-height: 15px;
  padding: 15px 20px 5px 20px;
  display: inline-block;
}
.tile.tile_report .tile-container .tile-top .tile-label span:nth-child(1), .tile.tile_booking .tile-container .tile-top .tile-label span:nth-child(1), .tile.tile_submission .tile-container .tile-top .tile-label span:nth-child(1), .tile.tile_discount .tile-container .tile-top .tile-label span:nth-child(1) {
  width: 60%;
  color: #6b7280;
  padding: 15px 0 5px 20px;
}
.tile.tile_report .tile-container .tile-top .tile-label span:nth-child(2), .tile.tile_booking .tile-container .tile-top .tile-label span:nth-child(2), .tile.tile_submission .tile-container .tile-top .tile-label span:nth-child(2), .tile.tile_discount .tile-container .tile-top .tile-label span:nth-child(2) {
  width: 40%;
  text-align: right;
  padding: 15px 20px 5px 0;
}
.tile.tile_report .tile-container .tile-top h1,
.tile.tile_report .tile-container .tile-top h2,
.tile.tile_report .tile-container .tile-top h3,
.tile.tile_report .tile-container .tile-top h4,
.tile.tile_report .tile-container .tile-top h5, .tile.tile_booking .tile-container .tile-top h1,
.tile.tile_booking .tile-container .tile-top h2,
.tile.tile_booking .tile-container .tile-top h3,
.tile.tile_booking .tile-container .tile-top h4,
.tile.tile_booking .tile-container .tile-top h5, .tile.tile_submission .tile-container .tile-top h1,
.tile.tile_submission .tile-container .tile-top h2,
.tile.tile_submission .tile-container .tile-top h3,
.tile.tile_submission .tile-container .tile-top h4,
.tile.tile_submission .tile-container .tile-top h5, .tile.tile_discount .tile-container .tile-top h1,
.tile.tile_discount .tile-container .tile-top h2,
.tile.tile_discount .tile-container .tile-top h3,
.tile.tile_discount .tile-container .tile-top h4,
.tile.tile_discount .tile-container .tile-top h5 {
  padding: 0 20px 15px 20px;
  color: inherit;
  font-size: 1.5em;
}
.tile.tile_report .tile-container .tile-top p, .tile.tile_booking .tile-container .tile-top p, .tile.tile_submission .tile-container .tile-top p, .tile.tile_discount .tile-container .tile-top p {
  padding: 0 20px 0 20px;
  letter-spacing: 0;
}
.tile.tile_report .tile-container .tile-top p strong, .tile.tile_booking .tile-container .tile-top p strong, .tile.tile_submission .tile-container .tile-top p strong, .tile.tile_discount .tile-container .tile-top p strong {
  font-weight: 600 !important;
}
.tile.tile_report .tile-container .tile-bottom, .tile.tile_booking .tile-container .tile-bottom, .tile.tile_submission .tile-container .tile-bottom, .tile.tile_discount .tile-container .tile-bottom {
  padding: 14px 0;
  text-align: center;
}
.tile.tile_report.tile_empty .tile-container .tile-top label,
.tile.tile_report.tile_empty .tile-container .tile-top h3,
.tile.tile_report.tile_empty .tile-container .tile-top p, .tile.tile_booking.tile_empty .tile-container .tile-top label,
.tile.tile_booking.tile_empty .tile-container .tile-top h3,
.tile.tile_booking.tile_empty .tile-container .tile-top p, .tile.tile_submission.tile_empty .tile-container .tile-top label,
.tile.tile_submission.tile_empty .tile-container .tile-top h3,
.tile.tile_submission.tile_empty .tile-container .tile-top p, .tile.tile_discount.tile_empty .tile-container .tile-top label,
.tile.tile_discount.tile_empty .tile-container .tile-top h3,
.tile.tile_discount.tile_empty .tile-container .tile-top p {
  text-align: center !important;
}
.tile.tile_report.tile_empty .tile-container .tile-top h3, .tile.tile_booking.tile_empty .tile-container .tile-top h3, .tile.tile_submission.tile_empty .tile-container .tile-top h3, .tile.tile_discount.tile_empty .tile-container .tile-top h3 {
  padding: 0 20px 10px 20px;
}
.tile.tile_report.tile_empty .tile-container .tile-top .tile-icon, .tile.tile_booking.tile_empty .tile-container .tile-top .tile-icon, .tile.tile_submission.tile_empty .tile-container .tile-top .tile-icon, .tile.tile_discount.tile_empty .tile-container .tile-top .tile-icon {
  display: inline-block;
  width: 28px;
  height: 28px;
  margin-top: 15px;
  margin-bottom: 5px;
}
.tile.tile_report.tile_empty .tile-container .tile-top .tile-icon i, .tile.tile_booking.tile_empty .tile-container .tile-top .tile-icon i, .tile.tile_submission.tile_empty .tile-container .tile-top .tile-icon i, .tile.tile_discount.tile_empty .tile-container .tile-top .tile-icon i {
  font-size: 28px;
}
.tile.tile_report.tile_empty .tile-container .tile-top .tile-header, .tile.tile_booking.tile_empty .tile-container .tile-top .tile-header, .tile.tile_submission.tile_empty .tile-container .tile-top .tile-header, .tile.tile_discount.tile_empty .tile-container .tile-top .tile-header {
  text-align: center;
}
.tile.tile_submission.tile_submission_user_input, .tile.tile_submission.tile_discount_user_input, .tile.tile_discount.tile_submission_user_input, .tile.tile_discount.tile_discount_user_input {
  height: 196px !important;
}
.tile.tile_submission.tile_submission_user_input .tile-top, .tile.tile_submission.tile_discount_user_input .tile-top, .tile.tile_discount.tile_submission_user_input .tile-top, .tile.tile_discount.tile_discount_user_input .tile-top {
  height: 69% !important;
}
.tile.tile_submission.tile_submission_user_input .tile-bottom, .tile.tile_submission.tile_discount_user_input .tile-bottom, .tile.tile_discount.tile_submission_user_input .tile-bottom, .tile.tile_discount.tile_discount_user_input .tile-bottom {
  height: 31% !important;
}
.tile.tile_loading {
  animation: pulse 1s infinite ease-in-out;
}

@keyframes pulse {
  0% {
    background-color: #f9fafb;
  }
  50% {
    background-color: #f3f4f6;
  }
  100% {
    background-color: #f9fafb;
  }
}
/*progressbar*/
.timeline .progressbar {
  overflow: hidden;
  /*CSS counters to number the steps*/
  counter-reset: step;
  margin-bottom: 10px;
  color: white;
}

.timeline .progressbar li {
  list-style-type: none;
  color: white;
  text-transform: uppercase;
  font-size: 9px;
  float: left;
  position: relative;
}

.timeline .progressbar li:before {
  content: counter(step);
  counter-increment: step;
  width: 20px;
  line-height: 18px;
  height: 20px;
  display: block;
  font-size: 10px;
  border: 1px black solid;
  color: #333;
  background: white;
  border-radius: 50%;
  margin: 0 auto 0 auto;
  text-align: center;
}

.timeline .progressbar li:active:before, .timeline .progressbar li.selected:before {
  border: 2px black solid;
  /*width: 18px;
  line-height: 18px; */
}

/*progressbar connectors*/
.timeline .progressbar li:after {
  content: "";
  width: 100%;
  height: 3px;
  background: white;
  position: absolute;
  left: -50%;
  top: 8px;
  border-top: 1px gray solid;
  border-bottom: 1px gray solid;
  z-index: -1;
}

.timeline .progressbar li:last-child:after {
  width: 200%;
}

/*marking active/completed steps green*/
/*The number of the step and the connector before it = green*/
.timeline_blue .progressbar li.active:after {
  background: #90c1d1;
  color: white;
}

.timeline_blue .progressbar li.active:before {
  background: #90c1d1;
}

.timeline_blue .progressbar li:hover:before {
  cursor: pointer;
  background: #56B6D6 !important;
}

.timeline_red .progressbar li.active:after {
  background: #f18e89;
  color: white;
}

.timeline_red .progressbar li.active:before {
  background: #f18e89;
}

.timeline_red .progressbar li:hover:before {
  cursor: pointer;
  background: #F13C33 !important;
}

.timeline_green .progressbar li.active:after {
  background: #94C11F;
  color: white;
}

.timeline_green .progressbar li.active:before {
  background: #94C11F;
}

.timeline_green .progressbar li:hover:before {
  cursor: pointer;
  background: #7EAD04 !important;
}

.timeline_yellow .progressbar li.active:after {
  background: #fed062;
  color: white;
}

.timeline_yellow .progressbar li.active:before {
  background: #fed062;
}

.timeline_yellow .progressbar li:hover:before {
  cursor: pointer;
  background: #EAAB14 !important;
}

.timeline_orange .progressbar li.active:after {
  background: #F39200;
  color: white;
}

.timeline_orange .progressbar li.active:before {
  background: #F39200;
}

.timeline_orange .progressbar li:hover:before {
  cursor: pointer;
  background: #E48A01 !important;
}

.timeline_wrapper {
  position: relative;
  z-index: 10;
  border-left: 1px gray solid;
  border-right: 1px gray solid;
}

.title.title-status {
  position: relative;
  float: left;
  width: 100%;
  height: auto;
  min-height: 1px;
}
.title.title-status .status.status-circle {
  margin: 12px 0 0 0;
}
.title.title-status h3 {
  float: left;
}
.title.title-status.title-popup {
  margin-top: 30px;
  margin-bottom: 20px;
}
.title.title-status.title-popup h3 {
  margin-top: 14px;
  margin-left: 10px;
}

.header .dropdown {
  display: inline-block;
}
.header .dropdown .dropdown-item {
  padding-top: 10px;
  padding-bottom: 10px;
}
.header .dropdown.nav-menu .dropdown-item {
  transition: padding 0.1s linear;
  font-weight: 600;
}
.header .dropdown.nav-menu .dropdown-item:hover:not(.dropdown-item-static) {
  padding-left: 25px;
  color: var(--theme-color-primary-default);
}
.header .dropdown.nav-menu .dropdown-item .secondary {
  display: block;
  line-height: normal;
  max-width: 170px;
  overflow: hidden;
  text-overflow: ellipsis;
  font-weight: normal;
}
.header .label {
  line-height: normal;
}
.header .dropdown-menu {
  min-width: 220px;
  line-height: normal;
  margin-top: 0;
  box-shadow: 4px 4px 5px -4px rgba(0, 0, 0, 0.42);
}

.header-left .header-nav-item {
  border-right: 1px solid #d1d5db;
}
.header-left .header-nav-item:only-child, .header-left .header-nav-item.active:last-child {
  border-right: 0;
}

.nav-menu .dropdown-menu {
  max-height: calc(100vh - 150px);
  overflow-y: auto;
}
.nav-menu .dropdown-toggle:not(.no-caret)::after {
  display: inline-block;
  margin-left: 0.3em;
  line-height: 1;
  vertical-align: middle;
  font-family: "icon-font" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  content: "\e93a";
  font-size: 1.4em;
}

.turnover-report-table .turnover-result-td {
  white-space: nowrap;
  vertical-align: top;
  margin-right: 15px;
}
.turnover-report-table .turnover-field-td {
  width: 100%;
}
.turnover-report-table .turnover-field-td .turnover-field-name {
  overflow: hidden;
  max-height: 55px;
}
@supports (-webkit-line-clamp: 3) {
  .turnover-report-table .turnover-field-td .turnover-field-name {
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    max-height: none;
  }
}

.video-js:hover .vjs-big-play-button,
.video-js .vjs-big-play-button:focus,
.video-js .vjs-big-play-button:active {
  background-color: var(--theme-color-accent-default);
}

.video-js .vjs-play-progress,
.video-js .vjs-volume-level {
  background-color: var(--theme-color-accent-default);
}

.widget.add-widget {
  box-shadow: none !important;
  -webkit-box-shadow: none !important;
  -moz-box-shadow: none !important;
  text-align: center;
  line-height: 70px;
  text-transform: uppercase;
  border: 1px dashed #adadad;
  background-color: transparent !important;
  height: 100px;
  cursor: pointer;
}

.widget.button-widget {
  background-color: transparent;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  padding: 0;
  border-radius: 0px;
  -moz-border-radius: 0px;
  -webkit-border-radius: 0px;
}
.widget.button-widget .button {
  width: 100% !important;
}

.widget.cover_widget {
  padding: 0;
  max-height: 233px;
  position: relative;
}
.widget.cover_widget:after {
  padding-top: 33.33%;
  /* 3:1 ratio */
  display: block;
  content: "";
}
.widget.cover_widget .bx-wrapper {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
}
.widget.cover_widget .widget-caption {
  position: absolute;
  left: 0;
  bottom: 0;
  padding: 22px 0 22px 30px;
  z-index: 51;
  background-color: transparent;
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.25));
  color: rgb(255, 255, 255) !important;
}
.widget.cover_widget .widget-caption h2 {
  color: rgb(255, 255, 255);
  font-weight: 700;
  font-size: 1.71rem;
}
.widget.cover_widget .slide,
.widget.cover_widget img {
  max-height: 233px !important;
}
.widget.cover_widget .thumb.thumb_lw {
  height: 233px !important;
}
.widget.cover_widget .thumb.thumb_lw .letter {
  display: none;
}
.widget.image_widget .bx-wrapper .bx-viewport {
  left: 0 !important; /*fix*/
  border-radius: 4px;
}
.widget.image_widget .bx-wrapper .bx-controls {
  position: absolute;
  top: 0;
  width: 100%;
}
.widget.image_widget .slide {
  max-height: 294px;
}
.widget.image_widget .slide.fixed-height {
  height: 294px;
}
.widget .bx-wrapper {
  border: none !important;
  box-shadow: none !important;
  margin: 0 !important;
}
.widget .bx-next,
.widget .bx-prev {
  z-index: 20 !important;
}
.widget .custom-bx-pager {
  text-align: center;
}
.widget .custom-bx-pager a {
  padding: 5px;
}
.widget .custom-bx-pager img {
  height: 50px;
  max-width: 100px;
}
.widget .custom-bx-pager .active {
  display: inline-block;
}
.widget .custom-bx-pager .active {
  border-bottom: 2px solid var(--theme-color-accent-default);
}
.widget .slide img {
  text-align: center;
  margin: 0 auto;
}

.widget.image_widget {
  padding: 0;
  position: relative;
}
.widget.image_widget img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.widget .widget-caption {
  border-radius: 0px 0px 4px 4px;
  -webkit-border-radius: 0px 0px 4px 4px;
  -moz-border-radius: 0px 0px 4px 4px;
  padding: 0 25px 5px 25px;
  min-height: 44px;
  width: 100%;
  position: absolute;
  bottom: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  background: rgba(251, 251, 251, 0.7);
  -pie-background: rgba(251, 251, 251, 0.7);
}
.widget .widget-caption h2 {
  color: black;
  font-weight: 700;
  font-size: 1.71rem;
  margin-top: 12px;
}
.widget .widget-caption > .bx-wrapper {
  border: none;
}
.widget .widget-caption.top {
  top: 0;
  bottom: auto;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}

.widget.list-widget h1,
.widget.list-widget h2,
.widget.list-widget h3,
.widget.list-widget h4,
.widget.list-widget p,
.list-block h1,
.list-block h2,
.list-block h3,
.list-block h4,
.list-block p {
  margin-bottom: 20px;
}
.widget.list-widget .list-container,
.list-block .list-container {
  margin: -20px -30px;
  padding: 0;
}
.widget.list-widget .list-item,
.list-block .list-item {
  width: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  border-bottom: 1px #d1d5db solid;
  padding: 12px 30px;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  display: block;
}
.widget.list-widget .list-item .thumb,
.widget.list-widget .list-item .icon,
.widget.list-widget .list-item .static-thumb,
.list-block .list-item .thumb,
.list-block .list-item .icon,
.list-block .list-item .static-thumb {
  vertical-align: middle;
  margin-right: 10px;
}
.widget.list-widget .list-item span,
.widget.list-widget .list-item a,
.widget.list-widget .list-item i,
.list-block .list-item span,
.list-block .list-item a,
.list-block .list-item i {
  vertical-align: middle;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.widget.list-widget .list-item:last-child,
.list-block .list-item:last-child {
  border-bottom: none;
}
.widget.list-widget a.list-item,
.list-block a.list-item {
  color: #1f2937;
}
.widget.list-widget a.list-item:hover,
.list-block a.list-item:hover {
  text-decoration: none;
  background-color: #f3f4f6;
}

.widget-page {
  background-color: #f3f4f6;
  min-height: 100%;
}

html {
  height: 100%;
}

body {
  height: 100%;
}

.page_content {
  padding-bottom: 35px;
  padding-top: 83px;
}
.page_content h1:first-of-type {
  margin-top: 20px;
}
.page_content .entity-info-full.entity-header {
  margin-top: 20px;
  margin-bottom: 20px;
}
.page_content .entity-info-full.entity-header .entity-name {
  font-weight: 700;
  font-size: 2.29rem;
}
.page_content .entity-info-full.entity-sub-header {
  margin-bottom: 20px;
}

#settings_wrapper,
#edit_wrapper {
  padding-bottom: 75vh;
}

.widget.image-grid-widget {
  padding: 5px !important;
}
.widget_popup .widget.image-grid-widget {
  padding: 0 !important;
}
.widget.image-grid-widget .picture {
  overflow: hidden;
  max-height: 80px;
  padding: 2px 0 0 2px;
}
.widget.image-grid-widget .picture img {
  object-fit: cover;
  width: 100%;
  height: 80px;
}
.widget.image-grid-widget .directory {
  overflow: hidden;
  max-height: 80px;
  padding: 2px 0 0 2px;
  font-weight: 400;
  font-size: 0.86rem;
  letter-spacing: 0.005em;
  color: inherit;
}
.widget.image-grid-widget .directory .button {
  display: block;
  border: solid 1px lightgray;
  border-radius: 4px;
  padding: 5px;
  width: 100% !important;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.widget.image-grid-widget .directory .icon {
  margin-right: 5px;
}

.widget.table-widget table {
  width: 100%;
}
.widget.table-widget td {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  padding-left: 5px;
  padding-right: 5px;
  vertical-align: baseline;
}
.widget.table-widget.full-table-widget {
  padding: 0;
  overflow: visible;
}
.widget.table-widget.full-table-widget .table_view {
  margin-bottom: 0;
}

.widget_wrapper {
  padding-top: 15px;
}
@media (max-width: 768px) {
  .widget_wrapper {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
}
.widget_wrapper:empty {
  padding-top: 0;
}

.widget {
  position: relative;
  overflow: hidden;
  background-color: rgb(255, 255, 255);
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  box-shadow: 1px 1px 4px 1px #ededed;
  -moz-box-shadow: 1px 1px 4px 1px #ededed;
  -webkit-box-shadow: 1px 1px 4px 1px #ededed;
}
.widget:empty {
  display: none;
}
.widget.margin-bottom {
  margin-bottom: 20px;
}
.widget.no-bg {
  background-color: transparent;
  box-shadow: none;
}
.widget .close {
  position: absolute;
  right: 16px;
  top: 16px;
}
.widget.editable:hover .editw {
  display: block;
}
.widget.no-padding {
  padding: 0;
}
.widget.widget-category {
  color: #9ca3af;
  margin-top: 16px;
}
.widget.widget-category .widget-category-text {
  margin: 0;
}
.widget.widget-category .widget-category-text:after {
  display: inline-block;
  content: "";
  height: 2px;
  background: #d1d5db;
  position: absolute;
  width: 100%;
  top: 50%;
  margin-left: 10px;
}
.widget .loading {
  position: absolute;
  background-color: rgba(243, 244, 246, 0.4);
  top: 0;
  bottom: 0;
  margin: 0 0 0 -30px;
  z-index: 3;
  display: none;
}
.widget.notice.success {
  border-left: 4px var(--theme-color-positive-default) solid;
  background-color: var(--theme-color-positive-lighter);
}
.widget.notice.info {
  border-left: 4px var(--theme-color-warning-default) solid;
  background-color: var(--theme-color-warning-lighter);
}
.widget.notice.danger {
  border-left: 4px var(--theme-color-negative-default) solid;
  background-color: var(--theme-color-negative-lighter);
}
.widget.notice.neutral {
  border-left: 4px var(--theme-color-neutral-default) solid;
  background-color: var(--theme-color-neutral-lighter);
}
.widget.notice.compact {
  padding: 14px 20px;
  margin-bottom: 20px;
  display: table;
  width: 100%;
}
.widget.notice.compact > * {
  display: table-cell;
  vertical-align: middle;
}
.widget.notice.with-icon .icon {
  margin-right: 16px;
}
.widget.clickable {
  -o-transition: box-shadow ease-in-out 0.15s;
  -moz-transition: box-shadow ease-in-out 0.15s;
  -webkit-transition: box-shadow ease-in-out 0.15s;
  transition: box-shadow ease-in-out 0.15s;
  cursor: pointer;
}
.widget.clickable:hover {
  box-shadow: 1px 1px 4px 1px #e0e0e0;
  -moz-box-shadow: 1px 1px 4px 1px #e0e0e0;
  -webkit-box-shadow: 1px 1px 4px 1px #e0e0e0;
}
.widget.clickable > a {
  color: inherit;
  text-decoration: none;
}

.widget,
.widget .widget-padding-side,
.widget.widget-padding-side {
  padding-left: 30px;
  padding-right: 30px;
}

.widget,
.widget .widget-padding-top,
.widget.widget-padding-top {
  padding-top: 20px;
}

.widget,
.widget .widget-padding-bottom,
.widget.widget-padding-bottom {
  padding-bottom: 20px;
}

.editw {
  background-color: rgb(255, 255, 255);
  position: absolute;
  color: #6b7280;
  display: none;
  top: 0;
  right: 0;
  padding: 5px 5px;
  filter: alpha(opacity=80);
  opacity: 0.8;
  border-top-right-radius: 5px;
  text-decoration: none !important;
}
.editw span {
  font-size: 18px;
}
.editw:hover {
  filter: alpha(opacity=100);
  opacity: 1;
  cursor: pointer;
}

.bookable-page .cover .thumb-service {
  width: 100%;
  padding-bottom: 56.25%; /* 16:9 */
  position: relative;
  overflow: hidden;
}
.bookable-page .cover .thumb-service .thumb-image-container {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}
.bookable-page .media-files .thumb-service {
  height: 100px;
}
.bookable-page .service-default-header {
  margin-top: 20px;
}
.bookable-page .service-default-header .sub-header {
  color: #6b7280;
  font-size: 1.3em;
}
.bookable-page .service-default-header h1:first-of-type {
  margin-top: 0;
}
.bookable-page .pricing hr {
  margin-bottom: 20px;
}
.bookable-page .pricing .pricing-price {
  margin-bottom: 20px;
}
.bookable-page .bookable-policy + [data-readmore-toggle] {
  margin-bottom: 1em;
}

#booking-form .booking-slot-selection-list {
  overflow-y: auto;
  overflow-x: hidden;
  padding-right: 20px;
}
#booking-form .loading.slot-loading {
  position: absolute;
  top: 0;
  bottom: 0;
  margin: 0 0 0 -30px;
  z-index: 3;
  display: none;
}
#booking-form .booking-slot-selection-list {
  overflow-y: auto;
  overflow-x: hidden;
  padding-right: 20px;
}
#booking-form .booking-slot-selection-wrapper {
  padding: 0 55px 0;
  position: relative;
}
#booking-form .loading.slot-loading {
  background-color: rgba(243, 244, 246, 0.4);
}
#booking-form .date-pager {
  text-align: center;
}
#booking-form .date-pager .button {
  display: inline-block;
  margin-right: 8px;
  vertical-align: middle;
}
#booking-form .date-pager div {
  display: inline-block;
}
#booking-form .date-pager input {
  text-align: center;
}
#booking-form #datepicker {
  width: 0;
  padding: 0;
  border: none;
  margin: 0;
}

.booking-overview .filters-bookables {
  margin-bottom: 32px;
}
.booking-overview .filters-bookables .form-group {
  margin-bottom: 14px;
}
.booking-overview .filters-bookables .filter-categories .select2-selection {
  max-height: 35px;
  padding-top: 0rem !important;
  padding-right: 0rem !important;
  padding-bottom: 0rem !important;
  padding-left: 0.75rem !important;
}
.booking-overview .filters-bookables .filter-categories .select2-selection__choice {
  display: none !important;
}
.booking-overview .filters-bookables label {
  font-weight: 600;
  font-size: 1em;
}
.community-state-page {
  margin-top: 160px;
  margin-left: 20px;
  margin-right: 20px;
}
.community-state-page .community-state-title, .community-state-page .community-state-description {
  max-width: 450px;
  margin: auto;
  text-align: center;
  line-height: 1.5;
}
.community-state-page .community-state-image {
  display: table;
  margin: auto auto 20px;
}

/* bootstrap grid */
.max-width {
  max-width: 1700px;
}

.container {
  margin-right: auto;
  margin-left: auto;
  padding-left: 15px;
  padding-right: 15px;
}

@media (min-width: 768px) {
  .container {
    width: 750px;
  }
}
@media (min-width: 992px) {
  .container {
    width: 970px;
  }
}
@media (min-width: 1200px) {
  .container {
    width: 1170px;
  }
}
.container-fluid {
  margin-right: auto;
  margin-left: auto;
  padding-left: 15px;
  padding-right: 15px;
}

.row {
  margin-left: -15px;
  margin-right: -15px;
}

.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
  position: relative;
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px;
}

.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 {
  float: left;
}

.col-xs-12 {
  width: 100%;
}

.col-xs-11 {
  width: 91.66666667%;
}

.col-xs-10 {
  width: 83.33333333%;
}

.col-xs-9 {
  width: 75%;
}

.col-xs-8 {
  width: 66.66666667%;
}

.col-xs-7 {
  width: 58.33333333%;
}

.col-xs-6 {
  width: 50%;
}

.col-xs-5 {
  width: 41.66666667%;
}

.col-xs-4 {
  width: 33.33333333%;
}

.col-xs-3 {
  width: 25%;
}

.col-xs-2 {
  width: 16.66666667%;
}

.col-xs-1 {
  width: 8.33333333%;
}

.col-xs-pull-12 {
  right: 100%;
}

.col-xs-pull-11 {
  right: 91.66666667%;
}

.col-xs-pull-10 {
  right: 83.33333333%;
}

.col-xs-pull-9 {
  right: 75%;
}

.col-xs-pull-8 {
  right: 66.66666667%;
}

.col-xs-pull-7 {
  right: 58.33333333%;
}

.col-xs-pull-6 {
  right: 50%;
}

.col-xs-pull-5 {
  right: 41.66666667%;
}

.col-xs-pull-4 {
  right: 33.33333333%;
}

.col-xs-pull-3 {
  right: 25%;
}

.col-xs-pull-2 {
  right: 16.66666667%;
}

.col-xs-pull-1 {
  right: 8.33333333%;
}

.col-xs-pull-0 {
  right: auto;
}

.col-xs-push-12 {
  left: 100%;
}

.col-xs-push-11 {
  left: 91.66666667%;
}

.col-xs-push-10 {
  left: 83.33333333%;
}

.col-xs-push-9 {
  left: 75%;
}

.col-xs-push-8 {
  left: 66.66666667%;
}

.col-xs-push-7 {
  left: 58.33333333%;
}

.col-xs-push-6 {
  left: 50%;
}

.col-xs-push-5 {
  left: 41.66666667%;
}

.col-xs-push-4 {
  left: 33.33333333%;
}

.col-xs-push-3 {
  left: 25%;
}

.col-xs-push-2 {
  left: 16.66666667%;
}

.col-xs-push-1 {
  left: 8.33333333%;
}

.col-xs-push-0 {
  left: auto;
}

.col-xs-offset-12 {
  margin-left: 100%;
}

.col-xs-offset-11 {
  margin-left: 91.66666667%;
}

.col-xs-offset-10 {
  margin-left: 83.33333333%;
}

.col-xs-offset-9 {
  margin-left: 75%;
}

.col-xs-offset-8 {
  margin-left: 66.66666667%;
}

.col-xs-offset-7 {
  margin-left: 58.33333333%;
}

.col-xs-offset-6 {
  margin-left: 50%;
}

.col-xs-offset-5 {
  margin-left: 41.66666667%;
}

.col-xs-offset-4 {
  margin-left: 33.33333333%;
}

.col-xs-offset-3 {
  margin-left: 25%;
}

.col-xs-offset-2 {
  margin-left: 16.66666667%;
}

.col-xs-offset-1 {
  margin-left: 8.33333333%;
}

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

@media (min-width: 768px) {
  .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 {
    float: left;
  }
  .col-sm-12 {
    width: 100%;
  }
  .col-sm-11 {
    width: 91.66666667%;
  }
  .col-sm-10 {
    width: 83.33333333%;
  }
  .col-sm-9 {
    width: 75%;
  }
  .col-sm-8 {
    width: 66.66666667%;
  }
  .col-sm-7 {
    width: 58.33333333%;
  }
  .col-sm-6 {
    width: 50%;
  }
  .col-sm-5 {
    width: 41.66666667%;
  }
  .col-sm-4 {
    width: 33.33333333%;
  }
  .col-sm-3 {
    width: 25%;
  }
  .col-sm-2 {
    width: 16.66666667%;
  }
  .col-sm-1 {
    width: 8.33333333%;
  }
  .col-sm-pull-12 {
    right: 100%;
  }
  .col-sm-pull-11 {
    right: 91.66666667%;
  }
  .col-sm-pull-10 {
    right: 83.33333333%;
  }
  .col-sm-pull-9 {
    right: 75%;
  }
  .col-sm-pull-8 {
    right: 66.66666667%;
  }
  .col-sm-pull-7 {
    right: 58.33333333%;
  }
  .col-sm-pull-6 {
    right: 50%;
  }
  .col-sm-pull-5 {
    right: 41.66666667%;
  }
  .col-sm-pull-4 {
    right: 33.33333333%;
  }
  .col-sm-pull-3 {
    right: 25%;
  }
  .col-sm-pull-2 {
    right: 16.66666667%;
  }
  .col-sm-pull-1 {
    right: 8.33333333%;
  }
  .col-sm-pull-0 {
    right: auto;
  }
  .col-sm-push-12 {
    left: 100%;
  }
  .col-sm-push-11 {
    left: 91.66666667%;
  }
  .col-sm-push-10 {
    left: 83.33333333%;
  }
  .col-sm-push-9 {
    left: 75%;
  }
  .col-sm-push-8 {
    left: 66.66666667%;
  }
  .col-sm-push-7 {
    left: 58.33333333%;
  }
  .col-sm-push-6 {
    left: 50%;
  }
  .col-sm-push-5 {
    left: 41.66666667%;
  }
  .col-sm-push-4 {
    left: 33.33333333%;
  }
  .col-sm-push-3 {
    left: 25%;
  }
  .col-sm-push-2 {
    left: 16.66666667%;
  }
  .col-sm-push-1 {
    left: 8.33333333%;
  }
  .col-sm-push-0 {
    left: auto;
  }
  .col-sm-offset-12 {
    margin-left: 100%;
  }
  .col-sm-offset-11 {
    margin-left: 91.66666667%;
  }
  .col-sm-offset-10 {
    margin-left: 83.33333333%;
  }
  .col-sm-offset-9 {
    margin-left: 75%;
  }
  .col-sm-offset-8 {
    margin-left: 66.66666667%;
  }
  .col-sm-offset-7 {
    margin-left: 58.33333333%;
  }
  .col-sm-offset-6 {
    margin-left: 50%;
  }
  .col-sm-offset-5 {
    margin-left: 41.66666667%;
  }
  .col-sm-offset-4 {
    margin-left: 33.33333333%;
  }
  .col-sm-offset-3 {
    margin-left: 25%;
  }
  .col-sm-offset-2 {
    margin-left: 16.66666667%;
  }
  .col-sm-offset-1 {
    margin-left: 8.33333333%;
  }
  .col-sm-offset-0 {
    margin-left: 0%;
  }
}
@media (min-width: 992px) {
  .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 {
    float: left;
  }
  .col-md-12 {
    width: 100%;
  }
  .col-md-11 {
    width: 91.66666667%;
  }
  .col-md-10 {
    width: 83.33333333%;
  }
  .col-md-9 {
    width: 75%;
  }
  .col-md-8 {
    width: 66.66666667%;
  }
  .col-md-7 {
    width: 58.33333333%;
  }
  .col-md-6 {
    width: 50%;
  }
  .col-md-5 {
    width: 41.66666667%;
  }
  .col-md-4 {
    width: 33.33333333%;
  }
  .col-md-3 {
    width: 25%;
  }
  .col-md-2 {
    width: 16.66666667%;
  }
  .col-md-1 {
    width: 8.33333333%;
  }
  .col-md-pull-12 {
    right: 100%;
  }
  .col-md-pull-11 {
    right: 91.66666667%;
  }
  .col-md-pull-10 {
    right: 83.33333333%;
  }
  .col-md-pull-9 {
    right: 75%;
  }
  .col-md-pull-8 {
    right: 66.66666667%;
  }
  .col-md-pull-7 {
    right: 58.33333333%;
  }
  .col-md-pull-6 {
    right: 50%;
  }
  .col-md-pull-5 {
    right: 41.66666667%;
  }
  .col-md-pull-4 {
    right: 33.33333333%;
  }
  .col-md-pull-3 {
    right: 25%;
  }
  .col-md-pull-2 {
    right: 16.66666667%;
  }
  .col-md-pull-1 {
    right: 8.33333333%;
  }
  .col-md-pull-0 {
    right: auto;
  }
  .col-md-push-12 {
    left: 100%;
  }
  .col-md-push-11 {
    left: 91.66666667%;
  }
  .col-md-push-10 {
    left: 83.33333333%;
  }
  .col-md-push-9 {
    left: 75%;
  }
  .col-md-push-8 {
    left: 66.66666667%;
  }
  .col-md-push-7 {
    left: 58.33333333%;
  }
  .col-md-push-6 {
    left: 50%;
  }
  .col-md-push-5 {
    left: 41.66666667%;
  }
  .col-md-push-4 {
    left: 33.33333333%;
  }
  .col-md-push-3 {
    left: 25%;
  }
  .col-md-push-2 {
    left: 16.66666667%;
  }
  .col-md-push-1 {
    left: 8.33333333%;
  }
  .col-md-push-0 {
    left: auto;
  }
  .col-md-offset-12 {
    margin-left: 100%;
  }
  .col-md-offset-11 {
    margin-left: 91.66666667%;
  }
  .col-md-offset-10 {
    margin-left: 83.33333333%;
  }
  .col-md-offset-9 {
    margin-left: 75%;
  }
  .col-md-offset-8 {
    margin-left: 66.66666667%;
  }
  .col-md-offset-7 {
    margin-left: 58.33333333%;
  }
  .col-md-offset-6 {
    margin-left: 50%;
  }
  .col-md-offset-5 {
    margin-left: 41.66666667%;
  }
  .col-md-offset-4 {
    margin-left: 33.33333333%;
  }
  .col-md-offset-3 {
    margin-left: 25%;
  }
  .col-md-offset-2 {
    margin-left: 16.66666667%;
  }
  .col-md-offset-1 {
    margin-left: 8.33333333%;
  }
  .col-md-offset-0 {
    margin-left: 0%;
  }
}
@media (min-width: 1200px) {
  .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 {
    float: left;
  }
  .col-lg-12 {
    width: 100%;
  }
  .col-lg-11 {
    width: 91.66666667%;
  }
  .col-lg-10 {
    width: 83.33333333%;
  }
  .col-lg-9 {
    width: 75%;
  }
  .col-lg-8 {
    width: 66.66666667%;
  }
  .col-lg-7 {
    width: 58.33333333%;
  }
  .col-lg-6 {
    width: 50%;
  }
  .col-lg-5 {
    width: 41.66666667%;
  }
  .col-lg-4 {
    width: 33.33333333%;
  }
  .col-lg-3 {
    width: 25%;
  }
  .col-lg-2 {
    width: 16.66666667%;
  }
  .col-lg-1 {
    width: 8.33333333%;
  }
  .col-lg-pull-12 {
    right: 100%;
  }
  .col-lg-pull-11 {
    right: 91.66666667%;
  }
  .col-lg-pull-10 {
    right: 83.33333333%;
  }
  .col-lg-pull-9 {
    right: 75%;
  }
  .col-lg-pull-8 {
    right: 66.66666667%;
  }
  .col-lg-pull-7 {
    right: 58.33333333%;
  }
  .col-lg-pull-6 {
    right: 50%;
  }
  .col-lg-pull-5 {
    right: 41.66666667%;
  }
  .col-lg-pull-4 {
    right: 33.33333333%;
  }
  .col-lg-pull-3 {
    right: 25%;
  }
  .col-lg-pull-2 {
    right: 16.66666667%;
  }
  .col-lg-pull-1 {
    right: 8.33333333%;
  }
  .col-lg-pull-0 {
    right: auto;
  }
  .col-lg-push-12 {
    left: 100%;
  }
  .col-lg-push-11 {
    left: 91.66666667%;
  }
  .col-lg-push-10 {
    left: 83.33333333%;
  }
  .col-lg-push-9 {
    left: 75%;
  }
  .col-lg-push-8 {
    left: 66.66666667%;
  }
  .col-lg-push-7 {
    left: 58.33333333%;
  }
  .col-lg-push-6 {
    left: 50%;
  }
  .col-lg-push-5 {
    left: 41.66666667%;
  }
  .col-lg-push-4 {
    left: 33.33333333%;
  }
  .col-lg-push-3 {
    left: 25%;
  }
  .col-lg-push-2 {
    left: 16.66666667%;
  }
  .col-lg-push-1 {
    left: 8.33333333%;
  }
  .col-lg-push-0 {
    left: auto;
  }
  .col-lg-offset-12 {
    margin-left: 100%;
  }
  .col-lg-offset-11 {
    margin-left: 91.66666667%;
  }
  .col-lg-offset-10 {
    margin-left: 83.33333333%;
  }
  .col-lg-offset-9 {
    margin-left: 75%;
  }
  .col-lg-offset-8 {
    margin-left: 66.66666667%;
  }
  .col-lg-offset-7 {
    margin-left: 58.33333333%;
  }
  .col-lg-offset-6 {
    margin-left: 50%;
  }
  .col-lg-offset-5 {
    margin-left: 41.66666667%;
  }
  .col-lg-offset-4 {
    margin-left: 33.33333333%;
  }
  .col-lg-offset-3 {
    margin-left: 25%;
  }
  .col-lg-offset-2 {
    margin-left: 16.66666667%;
  }
  .col-lg-offset-1 {
    margin-left: 8.33333333%;
  }
  .col-lg-offset-0 {
    margin-left: 0%;
  }
}
.clearfix:before,
.clearfix:after,
.container:before,
.container:after,
.container-fluid:before,
.container-fluid:after,
.row:before,
.row:after {
  content: " ";
  display: table;
}

.clearfix:after,
.container:after,
.container-fluid:after,
.row:after {
  clear: both;
}

.center-block {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.pull-right {
  float: right !important;
}

.pull-left {
  float: left !important;
}

.hide {
  display: none !important;
}

.show {
  display: block !important;
}

.invisible {
  visibility: hidden;
}

.text-hide {
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
}

.hidden {
  display: none !important;
}

.affix {
  position: fixed;
}

@-ms-viewport {
  width: device-width;
}
.visible-xs,
.visible-sm,
.visible-md,
.visible-lg {
  display: none !important;
}

.visible-xs-block,
.visible-xs-inline,
.visible-xs-inline-block,
.visible-sm-block,
.visible-sm-inline,
.visible-sm-inline-block,
.visible-md-block,
.visible-md-inline,
.visible-md-inline-block,
.visible-lg-block,
.visible-lg-inline,
.visible-lg-inline-block {
  display: none !important;
}

@media (max-width: 767px) {
  .visible-xs {
    display: block !important;
  }
  table.visible-xs {
    display: table !important;
  }
  tr.visible-xs {
    display: table-row !important;
  }
  th.visible-xs,
  td.visible-xs {
    display: table-cell !important;
  }
}
@media (max-width: 767px) {
  .visible-xs-block {
    display: block !important;
  }
}
@media (max-width: 767px) {
  .visible-xs-inline {
    display: inline !important;
  }
}
@media (max-width: 767px) {
  .visible-xs-inline-block {
    display: inline-block !important;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .visible-sm {
    display: block !important;
  }
  table.visible-sm {
    display: table !important;
  }
  tr.visible-sm {
    display: table-row !important;
  }
  th.visible-sm,
  td.visible-sm {
    display: table-cell !important;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .visible-sm-block {
    display: block !important;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .visible-sm-inline {
    display: inline !important;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .visible-sm-inline-block {
    display: inline-block !important;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .visible-md {
    display: block !important;
  }
  table.visible-md {
    display: table !important;
  }
  tr.visible-md {
    display: table-row !important;
  }
  th.visible-md,
  td.visible-md {
    display: table-cell !important;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .visible-md-block {
    display: block !important;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .visible-md-inline {
    display: inline !important;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .visible-md-inline-block {
    display: inline-block !important;
  }
}
@media (min-width: 1200px) {
  .visible-lg {
    display: block !important;
  }
  table.visible-lg {
    display: table !important;
  }
  tr.visible-lg {
    display: table-row !important;
  }
  th.visible-lg,
  td.visible-lg {
    display: table-cell !important;
  }
}
@media (min-width: 1200px) {
  .visible-lg-block {
    display: block !important;
  }
}
@media (min-width: 1200px) {
  .visible-lg-inline {
    display: inline !important;
  }
}
@media (min-width: 1200px) {
  .visible-lg-inline-block {
    display: inline-block !important;
  }
}
@media (max-width: 767px) {
  .hidden-xs {
    display: none !important;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .hidden-sm {
    display: none !important;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .hidden-md {
    display: none !important;
  }
}
@media (min-width: 1200px) {
  .hidden-lg {
    display: none !important;
  }
}
.visible-print {
  display: none !important;
}

@media print {
  .visible-print {
    display: block !important;
  }
  table.visible-print {
    display: table !important;
  }
  tr.visible-print {
    display: table-row !important;
  }
  th.visible-print,
  td.visible-print {
    display: table-cell !important;
  }
}
.visible-print-block {
  display: none !important;
}

@media print {
  .visible-print-block {
    display: block !important;
  }
}
.visible-print-inline {
  display: none !important;
}

@media print {
  .visible-print-inline {
    display: inline !important;
  }
}
.visible-print-inline-block {
  display: none !important;
}

@media print {
  .visible-print-inline-block {
    display: inline-block !important;
  }
}
@media print {
  .hidden-print {
    display: none !important;
  }
}
* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

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

.body {
  padding-top: 64px;
}

.stop-scrolling {
  overflow: hidden;
  width: 100%;
}
.stop-scrolling body {
  overscroll-behavior: contain;
  position: relative !important;
  padding-left: 0px;
  padding-top: 0px;
  padding-right: var(--removed-scroll-bar-size) !important;
  margin-left: 0;
  margin-top: 0;
  margin-right: 0;
}

.row-list .row:not(:last-child) {
  padding-bottom: 6px;
}

.header {
  height: 70px;
  line-height: 65px;
  border-bottom: 1px solid #d1d5db;
  position: fixed;
  width: 100%;
  background-color: rgb(255, 255, 255);
  top: 0;
  z-index: 999;
}
.header .brand {
  padding-left: 20px;
  margin-right: -15px;
  /* display: inline-block;
      margin-left: $page-padding-left;
      margin-right: 80px;
      float: left;
      width: 100%;
  */
}
.header .brand .logo {
  float: left;
  text-decoration: none;
}
.header .brand .logo i {
  font-size: 30px;
  color: #111827;
  vertical-align: middle;
}
.header .brand .logo img {
  vertical-align: middle;
}
.header .container-fluid {
  padding-right: 0;
}
@media (max-width: 767px) {
  .header .brand {
    margin-left: 40px;
  }
}
.header .button {
  line-height: normal;
}
.header #login_btn {
  margin-right: 16px;
  margin-left: 16px;
}
.header:before, .header:after {
  content: " ";
  display: table;
}
.header:after {
  clear: both;
}
.header .header-content {
  float: none;
  padding-left: 0;
}

.header-collapse {
  overflow-x: visible;
  float: right;
  margin-right: -15px;
  margin-top: 1px;
  max-height: calc(100vh - 70px);
  overflow-y: auto;
}
.header-collapse:before, .header-collapse:after {
  content: " ";
  display: table;
}
.header-collapse:after {
  clear: both;
}
.header-collapse .in {
  overflow-y: auto;
}
.header-collapse .header-nav-item {
  height: 69px;
}
.header-collapse .header-right {
  height: auto;
}
@media (max-width: 767px) {
  .header-collapse .header-nav-item {
    background-color: white;
    border-left: 1px solid #d1d5db;
  }
  .header-collapse .header-nav-item .txt-wrapper {
    display: inline-block !important;
    width: 75%;
  }
  .header-collapse .header-nav-item .txt-wrapper .txt_menu_button {
    max-width: 100%;
  }
  .header-collapse .dropdown {
    width: 100%;
    border-left: 1px solid #d1d5db;
    border-bottom: 1px solid #d1d5db;
    cursor: pointer;
  }
  .header-collapse .dropdown-toggle {
    display: none;
  }
  .header-collapse .dropdown-menu {
    display: block !important;
    position: relative;
    border: none;
    border-top: 1px solid #d1d5db;
    width: 100%;
    margin-top: -3px;
  }
}
@media (min-width: 768px) {
  .header-collapse {
    width: auto;
    border: 0;
    box-shadow: none;
    float: none;
    background-color: transparent;
    margin-top: 0;
    margin-right: 0;
  }
  .header-collapse.collapse {
    display: block !important;
    height: auto !important;
    padding-bottom: 0;
    overflow: visible !important;
  }
  .header-collapse.in {
    overflow-y: visible;
  }
  .header-collapse.header {
    padding-left: -15px;
    padding-right: -15px;
  }
}

.header-right {
  border-top: 1px solid #d1d5db;
  height: 70px;
}

@media (min-width: 768px) {
  .header-left {
    float: left !important;
  }
  .header-right {
    float: right !important;
    margin-right: 0;
    border: none;
  }
  .header-right ~ .header-right {
    margin-right: 0;
  }
}
@media (max-width: 767px) {
  .header .brand .logo {
    display: none !important;
  }
  .header-toggle {
    margin-left: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
  .header-toggle > span {
    margin-left: 0 !important;
  }
  .header-toggle > .thumb {
    display: none !important;
  }
  .header-toggle > a.header-toggle {
    float: right !important;
  }
  .header-left {
    text-align: center;
  }
  .header-left .header-env-item {
    margin-left: auto;
    margin-right: auto;
  }
}
.collapse {
  display: none;
}

.header-form {
  display: inline-block;
}
input .header-form button .header-form .button {
  display: inline-block;
}

.header-toggle {
  margin-left: 30px;
  padding-left: 20px;
  padding-right: 30px;
  box-sizing: border-box;
  height: 100%;
  cursor: pointer;
  width: 100%;
}
@media (min-width: 768px) {
  .header-toggle {
    width: calc(100% - 60px);
  }
}
@media (max-width: 767px) {
  .header-toggle {
    width: calc(100% - 40px);
  }
}
.header-toggle .header-env-item {
  width: 90%;
  padding-right: 0;
  padding-left: 0;
}
.header-toggle .header-env-item .txt-wrapper {
  max-width: 100%;
}
.header-toggle .header-env-item .thumb {
  display: none;
}

.header .hamburger {
  position: absolute;
  left: 0;
  top: 0;
  margin: 0;
  padding: 0;
  font-size: 2em;
  width: 35px !important;
  height: 100%;
}

@media (max-width: 767px) {
  .header .hamburger {
    margin: 0 10px 0 10px;
  }
}
.header .hamburger:after {
  content: "\e951";
  font-family: "icon-font" !important;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  display: block;
  height: 100%;
  vertical-align: middle;
  line-height: 67px;
}

.header .brand .more-icon {
  color: #111827 !important;
  text-decoration: none;
  cursor: pointer;
}
.header .brand .more-icon:hover, .header .brand .more-icon:active, .header .brand .more-icon:link {
  text-decoration: none;
  color: #111827 !important;
}
.header .brand .more-icon:after {
  content: "\e93a";
  width: 24px;
  height: 100%;
  font-family: "icon-font" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  vertical-align: middle;
  font-size: 1.4em;
}

.header-coat {
  background-color: #f3f4f6;
}
.header-coat .brand .img {
  filter: grayscale(100%) brightness(0%) invert(100%);
}

.header .nav-overflow .dropdown-menu {
  max-height: calc(100vh - 150px);
  overflow-y: auto;
  min-width: 350px;
}
.header .nav-overflow .dropdown-menu .header-nav-item {
  line-height: 69px;
  width: 100%;
  border: none;
}
.header .nav-overflow .dropdown-menu .header-nav-item .txt-wrapper {
  display: inline-block !important;
  max-width: 250px;
  width: 100%;
}
.header .nav-overflow .dropdown-menu .header-nav-item .txt_menu_button {
  max-width: unset;
}
.header .nav-overflow .dropdown-toggle::after {
  margin-left: 0;
  content: "\e92e";
  font-family: "icon-font" !important;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  display: inline-block;
  line-height: 1;
  -webkit-transform: rotate(-90deg);
  transform: rotate(-90deg);
  vertical-align: middle;
}

#journal_widget {
  overflow: visible;
}

@media (max-width: 767px) {
  .journal-column-wrapper {
    margin: 0;
  }
  .journal-column {
    padding-left: 0;
    padding-right: 0;
  }
}
.landing-page {
  height: 100%;
  display: flex;
  display: -ms-flex;
  flex-direction: column;
  -ms-flex-direction: column;
  padding-top: 12%;
}
@media screen and (min-width: 767.98px) and (max-width: 991.98px) {
  .landing-page {
    padding-top: 40px;
    margin-left: 0;
    margin-right: 0;
  }
}
@media screen and (min-width: 575.98px) and (max-width: 767.98px) {
  .landing-page {
    padding-top: 20px;
    margin-left: 0;
    margin-right: 0;
  }
}
@media screen and (max-width: 575.98px) {
  .landing-page {
    padding-top: 20px;
    margin-left: 0;
    margin-right: 0;
  }
}
.landing-page .landing-page_content {
  position: relative;
  flex: none;
  height: 80%;
}
@media screen and (max-height: 800px) {
  .landing-page .landing-page_content {
    height: auto;
  }
}
@media screen and (max-width: 991.98px) {
  .landing-page .landing-page_content {
    height: auto;
    min-height: 1px;
    height: auto;
  }
}
@media screen and (max-width: 575.98px) {
  .landing-page .landing-page_content {
    height: auto;
    min-height: 1px;
  }
}
.landing-page .landing-page_content .landing-page_content-box {
  text-align: center;
}
@media screen and (max-width: 575.98px) {
  .landing-page .landing-page_content .landing-page_content-box {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
}
.landing-page .landing-page_content .landing-page_content-box .landing-page_box {
  float: none;
  display: inline-block;
  max-width: 400px;
  margin: 0 auto;
  padding: 25px 30px 30px 30px;
  background-color: white;
  border-radius: 8px;
  text-align: left;
}
@media screen and (min-width: 767.98px) and (max-width: 991.98px) {
  .landing-page .landing-page_content .landing-page_content-box .landing-page_box {
    max-width: 600px;
  }
}
@media screen and (min-width: 575.98px) and (max-width: 767.98px) {
  .landing-page .landing-page_content .landing-page_content-box .landing-page_box {
    max-width: none;
  }
}
@media screen and (max-width: 575.98px) {
  .landing-page .landing-page_content .landing-page_content-box .landing-page_box {
    max-width: none;
    border-radius: 0 !important;
    box-shadow: none;
  }
}
.landing-page .landing-page_content .landing-page_content-box .landing-page_box h2:not(.thumb-info-header) {
  float: left;
  padding-top: 0;
}
.landing-page .landing-page_content .landing-page_content-box .landing-page_box .button {
  width: 100% !important;
}
.landing-page .landing-page_content .landing-page_content-box .landing-page_box input:not(.environments-search-input),
.landing-page .landing-page_content .landing-page_content-box .landing-page_box .input {
  border-top: 0;
  border-left: 0;
  border-right: 0;
  border-radius: 0;
  box-shadow: none !important;
}
.landing-page .landing-page_content .landing-page_content-box .landing-page_box .language-selector-system {
  cursor: pointer;
}
.landing-page .landing-page_content .landing-page_content-about {
  color: rgb(255, 255, 255) !important;
  position: relative;
}
.landing-page .landing-page_content .landing-page_content-about .landing-page_about,
.landing-page .landing-page_content .landing-page_content-about .landing-about-wrapper {
  position: relative;
  height: auto;
  min-height: 1px;
  padding-right: 30px;
}
@media screen and (max-width: 991.98px) {
  .landing-page .landing-page_content .landing-page_content-about .landing-page_about,
  .landing-page .landing-page_content .landing-page_content-about .landing-about-wrapper {
    text-align: center;
    margin: 0 auto;
    min-height: 1px;
    float: none;
    padding-right: 0;
  }
}
@media screen and (min-width: 767.98px) and (max-width: 991.98px) {
  .landing-page .landing-page_content .landing-page_content-about .landing-page_about,
  .landing-page .landing-page_content .landing-page_content-about .landing-about-wrapper {
    max-width: 600px;
  }
}
@media screen and (min-width: 575.98px) and (max-width: 767.98px) {
  .landing-page .landing-page_content .landing-page_content-about .landing-page_about,
  .landing-page .landing-page_content .landing-page_content-about .landing-about-wrapper {
    max-width: none;
    width: 100%;
    padding-right: 0;
  }
}
@media screen and (max-width: 575.98px) {
  .landing-page .landing-page_content .landing-page_content-about .landing-page_about,
  .landing-page .landing-page_content .landing-page_content-about .landing-about-wrapper {
    max-width: none;
    width: 100%;
    padding-right: 0;
  }
}
.landing-page .landing-page_content .landing-page_content-about .landing-page_about .landing-about-logo img,
.landing-page .landing-page_content .landing-page_content-about .landing-page_about .landing-about-logo .img,
.landing-page .landing-page_content .landing-page_content-about .landing-about-wrapper .landing-about-logo img,
.landing-page .landing-page_content .landing-page_content-about .landing-about-wrapper .landing-about-logo .img {
  background-repeat: no-repeat;
  background-position: top left;
  background-size: contain;
  width: auto;
  height: 150px;
  margin-bottom: 20px;
}
.landing-page .landing-page_content .landing-page_content-about .landing-page_about .landing-about-logo svg,
.landing-page .landing-page_content .landing-page_content-about .landing-about-wrapper .landing-about-logo svg {
  height: 100%;
  max-height: 160px;
  max-width: 400px;
}
.landing-page .landing-page_content .landing-page_content-about .landing-page_about .landing-about-logo-mobile,
.landing-page .landing-page_content .landing-page_content-about .landing-about-wrapper .landing-about-logo-mobile {
  display: none;
}
.landing-page .landing-page_content .landing-page_content-about .landing-page_about .landing-about-logo-mobile img,
.landing-page .landing-page_content .landing-page_content-about .landing-page_about .landing-about-logo-mobile .img,
.landing-page .landing-page_content .landing-page_content-about .landing-page_about .landing-about-logo-mobile svg,
.landing-page .landing-page_content .landing-page_content-about .landing-about-wrapper .landing-about-logo-mobile img,
.landing-page .landing-page_content .landing-page_content-about .landing-about-wrapper .landing-about-logo-mobile .img,
.landing-page .landing-page_content .landing-page_content-about .landing-about-wrapper .landing-about-logo-mobile svg {
  width: auto;
  max-width: 100%;
  height: 80px;
  margin-bottom: 20px;
  background-repeat: no-repeat;
  background-position: top center;
  background-size: contain;
}
@media screen and (min-width: 767.98px) and (max-width: 991.98px) {
  .landing-page .landing-page_content .landing-page_content-about .landing-page_about .landing-about-logo,
  .landing-page .landing-page_content .landing-page_content-about .landing-about-wrapper .landing-about-logo {
    display: none;
  }
  .landing-page .landing-page_content .landing-page_content-about .landing-page_about .landing-about-logo-mobile,
  .landing-page .landing-page_content .landing-page_content-about .landing-about-wrapper .landing-about-logo-mobile {
    display: block;
  }
}
@media screen and (min-width: 575.98px) and (max-width: 767.98px) {
  .landing-page .landing-page_content .landing-page_content-about .landing-page_about .landing-about-logo,
  .landing-page .landing-page_content .landing-page_content-about .landing-about-wrapper .landing-about-logo {
    display: none;
  }
  .landing-page .landing-page_content .landing-page_content-about .landing-page_about .landing-about-logo-mobile,
  .landing-page .landing-page_content .landing-page_content-about .landing-about-wrapper .landing-about-logo-mobile {
    display: block;
  }
}
@media screen and (max-width: 575.98px) {
  .landing-page .landing-page_content .landing-page_content-about .landing-page_about .landing-about-logo,
  .landing-page .landing-page_content .landing-page_content-about .landing-about-wrapper .landing-about-logo {
    display: none;
  }
  .landing-page .landing-page_content .landing-page_content-about .landing-page_about .landing-about-logo-mobile,
  .landing-page .landing-page_content .landing-page_content-about .landing-about-wrapper .landing-about-logo-mobile {
    display: block;
  }
}
.landing-page .landing-page_content .landing-page_content-about .landing-page_about .landing-about-header h1,
.landing-page .landing-page_content .landing-page_content-about .landing-page_about .landing-about-header h2,
.landing-page .landing-page_content .landing-page_content-about .landing-about-wrapper .landing-about-header h1,
.landing-page .landing-page_content .landing-page_content-about .landing-about-wrapper .landing-about-header h2 {
  font-family: "Inter", sans-serif;
  font-weight: 500 !important;
  font-size: 4em;
}
@media screen and (min-width: 767.98px) and (max-width: 991.98px) {
  .landing-page .landing-page_content .landing-page_content-about .landing-page_about .landing-about-header h1,
  .landing-page .landing-page_content .landing-page_content-about .landing-page_about .landing-about-header h2,
  .landing-page .landing-page_content .landing-page_content-about .landing-about-wrapper .landing-about-header h1,
  .landing-page .landing-page_content .landing-page_content-about .landing-about-wrapper .landing-about-header h2 {
    font-size: 3.5em;
  }
}
@media screen and (min-width: 575.98px) and (max-width: 767.98px) {
  .landing-page .landing-page_content .landing-page_content-about .landing-page_about .landing-about-header h1,
  .landing-page .landing-page_content .landing-page_content-about .landing-page_about .landing-about-header h2,
  .landing-page .landing-page_content .landing-page_content-about .landing-about-wrapper .landing-about-header h1,
  .landing-page .landing-page_content .landing-page_content-about .landing-about-wrapper .landing-about-header h2 {
    font-size: 3.2em;
  }
}
@media screen and (max-width: 575.98px) {
  .landing-page .landing-page_content .landing-page_content-about .landing-page_about .landing-about-header h1,
  .landing-page .landing-page_content .landing-page_content-about .landing-page_about .landing-about-header h2,
  .landing-page .landing-page_content .landing-page_content-about .landing-about-wrapper .landing-about-header h1,
  .landing-page .landing-page_content .landing-page_content-about .landing-about-wrapper .landing-about-header h2 {
    font-size: 2.8em;
  }
}
.landing-page .landing-page_content .landing-page_content-about .landing-page_about .landing-about-text,
.landing-page .landing-page_content .landing-page_content-about .landing-about-wrapper .landing-about-text {
  padding: 0 0 30px 0;
}
.landing-page .landing-page_content .landing-page_content-about .landing-page_about .landing-about-text p,
.landing-page .landing-page_content .landing-page_content-about .landing-page_about .landing-about-text li,
.landing-page .landing-page_content .landing-page_content-about .landing-about-wrapper .landing-about-text p,
.landing-page .landing-page_content .landing-page_content-about .landing-about-wrapper .landing-about-text li {
  color: rgb(255, 255, 255);
  font-size: 1.1em;
  line-height: 1.6em;
}
@media screen and (max-width: 991.98px) {
  .landing-page .landing-page_content .landing-page_content-about .landing-page_about .landing-about-text p,
  .landing-page .landing-page_content .landing-page_content-about .landing-page_about .landing-about-text li,
  .landing-page .landing-page_content .landing-page_content-about .landing-about-wrapper .landing-about-text p,
  .landing-page .landing-page_content .landing-page_content-about .landing-about-wrapper .landing-about-text li {
    padding: 0 15px 20px 15px;
  }
}
.landing-page .landing-page_content .landing-page_content-about .landing-page_about .landing-page_app,
.landing-page .landing-page_content .landing-page_content-about .landing-about-wrapper .landing-page_app {
  text-align: left;
  margin-bottom: 30px;
}
.landing-page .landing-page_content .landing-page_content-about .landing-page_about .landing-page_app img,
.landing-page .landing-page_content .landing-page_content-about .landing-about-wrapper .landing-page_app img {
  height: 40px;
  width: auto;
  max-width: 130px;
}
.landing-page .landing-page_content .landing-page_content-about .landing-page_about .landing-page_app a,
.landing-page .landing-page_content .landing-page_content-about .landing-about-wrapper .landing-page_app a {
  margin-right: 10px;
}
.landing-page .landing-page_content .landing-page_content-about .landing-page_about .landing-page_app a:last-child,
.landing-page .landing-page_content .landing-page_content-about .landing-about-wrapper .landing-page_app a:last-child {
  margin-right: 10px;
}
@media screen and (max-width: 991.98px) {
  .landing-page .landing-page_content .landing-page_content-about .landing-page_about .landing-page_app,
  .landing-page .landing-page_content .landing-page_content-about .landing-about-wrapper .landing-page_app {
    text-align: center;
  }
}

.landing-page_space {
  min-height: 80px;
}
@media screen and (max-width: 991.98px) {
  .landing-page_space {
    min-height: 40px;
  }
}
.landing-page_space.landing-page_space-flex {
  flex: 1 0 auto;
}
@media screen and (max-width: 575.98px) {
  .landing-page_space {
    display: none;
  }
}

.landing-page_footer {
  flex: none;
  height: 20%;
  padding-right: 0;
  padding-bottom: 0;
}
@media screen and (max-height: 800px) {
  .landing-page_footer {
    height: auto;
  }
}
.landing-page_footer .footer-position {
  text-align: center;
  padding-bottom: 30px;
  padding-right: 20px;
}
@media screen and (min-height: 800px) and (min-width: 991.98px) {
  .landing-page_footer .footer-position {
    position: absolute;
    right: 20px;
    bottom: 30px;
    height: auto;
    padding-bottom: 0;
  }
}
.landing-page_footer .landing-page_powered-by,
.landing-page_footer .landing-page_made-by {
  color: rgb(255, 255, 255);
  padding-bottom: 10px;
}
@media screen and (max-width: 767.98px) {
  .landing-page_footer .landing-page_powered-by,
  .landing-page_footer .landing-page_made-by {
    margin-bottom: 0;
  }
}
.landing-page_footer .landing-page_powered-by div,
.landing-page_footer .landing-page_made-by div {
  float: right;
}
.landing-page_footer .landing-page_powered-by p,
.landing-page_footer .landing-page_made-by p {
  float: left;
  width: auto;
  color: rgb(255, 255, 255);
  padding-top: 6px;
}
.landing-page_footer .landing-page_powered-by img,
.landing-page_footer .landing-page_powered-by .img,
.landing-page_footer .landing-page_made-by img,
.landing-page_footer .landing-page_made-by .img {
  float: right;
  width: 32px;
  height: 32px;
  vertical-align: middle;
  margin-left: 10px;
}
.landing-page_footer .landing-page_powered-by img svg polygon,
.landing-page_footer .landing-page_powered-by img svg polyline,
.landing-page_footer .landing-page_powered-by img svg rect,
.landing-page_footer .landing-page_powered-by img svg line,
.landing-page_footer .landing-page_powered-by img svg ellipse,
.landing-page_footer .landing-page_powered-by img svg path,
.landing-page_footer .landing-page_powered-by img svg circle,
.landing-page_footer .landing-page_powered-by .img svg polygon,
.landing-page_footer .landing-page_powered-by .img svg polyline,
.landing-page_footer .landing-page_powered-by .img svg rect,
.landing-page_footer .landing-page_powered-by .img svg line,
.landing-page_footer .landing-page_powered-by .img svg ellipse,
.landing-page_footer .landing-page_powered-by .img svg path,
.landing-page_footer .landing-page_powered-by .img svg circle,
.landing-page_footer .landing-page_made-by img svg polygon,
.landing-page_footer .landing-page_made-by img svg polyline,
.landing-page_footer .landing-page_made-by img svg rect,
.landing-page_footer .landing-page_made-by img svg line,
.landing-page_footer .landing-page_made-by img svg ellipse,
.landing-page_footer .landing-page_made-by img svg path,
.landing-page_footer .landing-page_made-by img svg circle,
.landing-page_footer .landing-page_made-by .img svg polygon,
.landing-page_footer .landing-page_made-by .img svg polyline,
.landing-page_footer .landing-page_made-by .img svg rect,
.landing-page_footer .landing-page_made-by .img svg line,
.landing-page_footer .landing-page_made-by .img svg ellipse,
.landing-page_footer .landing-page_made-by .img svg path,
.landing-page_footer .landing-page_made-by .img svg circle {
  fill: rgb(255, 255, 255) !important;
}
.landing-page_footer .landing-page_powered-by .img,
.landing-page_footer .landing-page_powered-by img,
.landing-page_footer .landing-page_powered-by svg {
  width: auto;
  height: 32px;
  vertical-align: bottom;
}
@media screen and (max-width: 991.98px) {
  .landing-page_footer {
    margin-top: 30px;
    padding-bottom: 20px;
    height: auto;
    padding-left: 20px;
    padding-right: 20px;
  }
  .landing-page_footer .landing-page_app {
    text-align: center;
  }
  .landing-page_footer .landing-page_app a:first-child {
    margin-left: 0;
  }
  .landing-page_footer .landing-page_powered-by,
  .landing-page_footer .landing-page_made-by {
    display: inline-block;
    float: none;
  }
}
@media screen and (max-width: 575.98px) {
  .landing-page_footer {
    width: auto;
    padding-right: 30px;
    padding-left: 30px;
    margin-left: -15px;
    margin-right: -15px;
    margin-top: 0;
    background-color: rgb(255, 255, 255);
    color: #111827 !important;
  }
  .landing-page_footer .landing-page_powered-by,
  .landing-page_footer .landing-page_made-by {
    color: #111827 !important;
    text-align: center;
  }
  .landing-page_footer .landing-page_powered-by p,
  .landing-page_footer .landing-page_made-by p {
    color: #111827 !important;
  }
  .landing-page_footer .landing-page_powered-by img svg polygon,
  .landing-page_footer .landing-page_powered-by img svg polyline,
  .landing-page_footer .landing-page_powered-by img svg rect,
  .landing-page_footer .landing-page_powered-by img svg line,
  .landing-page_footer .landing-page_powered-by img svg ellipse,
  .landing-page_footer .landing-page_powered-by img svg path,
  .landing-page_footer .landing-page_powered-by img svg circle,
  .landing-page_footer .landing-page_powered-by .img svg polygon,
  .landing-page_footer .landing-page_powered-by .img svg polyline,
  .landing-page_footer .landing-page_powered-by .img svg rect,
  .landing-page_footer .landing-page_powered-by .img svg line,
  .landing-page_footer .landing-page_powered-by .img svg ellipse,
  .landing-page_footer .landing-page_powered-by .img svg path,
  .landing-page_footer .landing-page_powered-by .img svg circle,
  .landing-page_footer .landing-page_made-by img svg polygon,
  .landing-page_footer .landing-page_made-by img svg polyline,
  .landing-page_footer .landing-page_made-by img svg rect,
  .landing-page_footer .landing-page_made-by img svg line,
  .landing-page_footer .landing-page_made-by img svg ellipse,
  .landing-page_footer .landing-page_made-by img svg path,
  .landing-page_footer .landing-page_made-by img svg circle,
  .landing-page_footer .landing-page_made-by .img svg polygon,
  .landing-page_footer .landing-page_made-by .img svg polyline,
  .landing-page_footer .landing-page_made-by .img svg rect,
  .landing-page_footer .landing-page_made-by .img svg line,
  .landing-page_footer .landing-page_made-by .img svg ellipse,
  .landing-page_footer .landing-page_made-by .img svg path,
  .landing-page_footer .landing-page_made-by .img svg circle {
    fill: #111827 !important;
  }
}

.landing-signup {
  width: 100%;
  height: auto;
  min-height: 1px;
}

.landing-or {
  width: 100%;
  height: auto;
  min-height: 1px;
}

.landing-login {
  width: 100%;
  height: auto;
  min-height: 1px;
}
.landing-login #remember_box {
  margin-top: 5px;
  margin-bottom: 10px;
}

.continue-wrapper {
  float: none !important;
  display: inline-block;
}
.continue-wrapper .continue-profile h2 {
  width: 100% !important;
  text-align: center;
  padding: 0 0 40px 0;
}
.continue-wrapper .continue-profile .continue-picture {
  float: none;
  width: 200px;
  height: 200px;
  margin: 0 auto 15px auto;
}
.continue-wrapper .continue-list {
  float: none;
  display: inline-block;
}
.continue-wrapper .continue-list h3:not(.thumb-info-header) {
  padding: 0 0 10px 0;
}
.continue-wrapper .continue-list ul li {
  padding: 8px 0 10px 0;
}
@media screen and (max-width: 991.98px) {
  .continue-wrapper .continue-list {
    float: none;
  }
  .continue-wrapper .continue-list h3 {
    float: none;
  }
  .continue-wrapper .continue-list ul {
    float: none;
  }
  .continue-wrapper .continue-list ul li {
    float: none;
  }
}
.continue-wrapper .continue-list .item-left {
  float: left;
  width: 70%;
}
.continue-wrapper .continue-list .item-left h4 {
  float: none;
  width: auto;
  padding-top: 2px;
}
.continue-wrapper .continue-list .item-left p {
  width: auto;
  color: #111827;
  font-size: 10px;
}
@media screen and (max-width: 767.98px) {
  .continue-wrapper .continue-list .item-left p {
    width: 70%;
  }
}
.continue-wrapper .continue-list .item-left .item-logo {
  width: 35px;
  height: 35px;
  margin-right: 15px;
}
.continue-wrapper .continue-list .item-right {
  float: right;
  width: 30%;
}
.continue-wrapper .continue-list .item-right .button {
  margin-top: 3px;
  font-size: 12px;
  padding: 5px 10px;
}
.continue-wrapper .continue-button,
.continue-wrapper .continue-footer {
  float: none;
  display: inline-block;
  min-height: 1px;
}

#msgcenter_popup .media-preview .popup-slideshow .media-preview-item, #msgcenter_popup .media-preview .popup-slideshow .media-preview-item iframe {
  max-height: 300px;
  max-width: 100%;
}
#msgcenter_popup .media-preview .popup-slideshow .media-preview-item img, #msgcenter_popup .media-preview .popup-slideshow .media-preview-item video, #msgcenter_popup .media-preview .popup-slideshow .media-preview-item iframe img, #msgcenter_popup .media-preview .popup-slideshow .media-preview-item iframe video {
  max-height: 300px;
}
#msgcenter_popup #embeds.form-group {
  display: block;
}
#msgcenter_popup .send-btn-group {
  display: inline;
}
#msgcenter_popup .send-btn-group .button:not(:last-child), #msgcenter_popup .send-btn-group .button:not(:last-child):hover {
  border-right: 1px rgb(255, 255, 255) solid !important;
}
#msgcenter_popup .send-btn-group .button {
  margin: 0;
}
#msgcenter_popup .send-btn-group .button-compact {
  padding: 9px 10px;
}

.message-popup .message-body {
  cursor: default;
}
.message-popup .large-message-body {
  padding-top: 15px;
  padding-bottom: 25px;
}
.message-popup .large-message-body p {
  line-height: 1.6em;
}
.message-popup .large-message-body p:last-child {
  margin-bottom: 0;
}
.message-popup .large-message-event-register {
  padding-bottom: 25px;
}
.message-popup .message-survey-section {
  padding: 0 15px 25px 15px;
}
.message-popup .message-event-attendees-table {
  overflow: hidden;
}
.message-popup .message-details {
  padding: 0 !important;
  cursor: auto;
}
.message-popup .msg_bottom_tabs {
  margin-top: 20px;
}
.message-popup .button-group .count {
  display: inline-block;
  color: initial;
}
.message-popup .file-labels {
  padding-bottom: 2px;
}
.message-popup .map {
  height: 200px;
}
.message-popup .color-section:not(.widget) {
  margin-left: -70px;
  margin-right: -70px;
  margin-bottom: 20px;
  padding: 20px 55px 0;
  background-color: #f9fafb;
}
@media only screen and (min-width: 1px) and (max-width: 750px) {
  .message-popup .color-section:not(.widget) {
    margin-left: -16px;
    margin-right: -16px;
    padding: 20px 16px 0;
  }
}
.message-popup .color-section:not(.widget):empty, .message-popup .color-section:not(.widget).no-spacing {
  padding: 0 66px;
  margin-bottom: 0;
  background-color: unset;
}
.message-popup .color-section:not(.widget) hr {
  margin-bottom: 20px;
}
.message-popup .message-counters {
  padding-left: 15px;
  padding-right: 15px;
}
.message-popup .assignee-list .bx-pager {
  padding-top: 0;
  bottom: 0;
}
.message-popup .assignee-list .bx-pager.bx-default-pager a {
  width: 8px;
  height: 8px;
  margin: 0 4px -5px 4px;
}
.message-popup .loading {
  margin-left: -70px;
}
.message-popup #channel-tiles {
  margin: -5px !important;
}
.message-popup #channel-tiles > div {
  padding: 5px !important;
}
.message-popup #channel-tiles > div .tile {
  height: 100px;
  margin: 0;
  box-shadow: unset;
  -moz-box-shadow: unset;
  -webkit-box-shadow: unset;
}
.message-popup #message_type_and_recipients .button-group-toggle {
  margin-top: 10px;
}
.message-popup #message_type_and_recipients .button-group-toggle .button-message-type {
  width: 95px;
  display: inline-block;
  text-align: center;
  margin-right: 5px;
}
.message-popup #message_type_and_recipients .button-group-toggle .button-message-type > span {
  margin-top: 8px;
  display: block;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.message-popup #message_type_and_recipients .button-group-toggle .button-message-type .button.button-toggle.active ~ span {
  font-weight: 600;
}
.message-popup #message-writer #message-writer_logo {
  display: inline-block;
  float: left;
  margin-right: 15px;
}
.message-popup #message-writer #message-writer_details {
  display: inline-block;
}
.message-popup #message-writer #message-writer_language {
  display: inline;
}

.message-info {
  line-height: 2.5em;
}
.message-info .message-info-logo-block {
  display: inline-block;
  vertical-align: middle;
}
.message-info .message-info-block {
  display: inline;
}
.message-info span:not(.icon),
.message-info a:not(.icon) {
  font-weight: 400;
  font-size: 0.86rem;
  letter-spacing: 0.005em;
}
.message-info .label {
  font-size: 0.7em;
}
.message-info .message-company {
  color: var(--theme-color-accent-default);
}
.message-info > div > span:last-of-type {
  margin-right: 10px;
}
.message-info .thumb {
  vertical-align: middle;
  margin-right: 5px;
  display: inline-block;
}

.entity-info-full .logo {
  float: left;
}
.entity-info-full .entity-name-address {
  float: left;
  margin-left: 16px;
}
.entity-info-full .entity-name-address .entity-name {
  font-weight: 700;
  font-size: 1.28rem;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.67;
  letter-spacing: normal;
}

.newsletter-edit-page .c3 .c3-target-users path {
  fill: var(--theme-color-accent-default) !important;
}
.newsletter-edit-page .c3 .c3-target-users_excluded path {
  fill: #222529 !important;
}
.newsletter-edit-page .c3 .c3-target-relations path {
  fill: var(--theme-color-accent-darker) !important;
}
.newsletter-edit-page .c3 .c3-target-relations_excluded path {
  fill: #526a6a !important;
}
.newsletter-edit-page .c3 .c3-legend-item-users line {
  stroke: var(--theme-color-accent-default) !important;
}
.newsletter-edit-page .c3 .c3-legend-item-users_excluded line {
  stroke: #222529 !important;
}
.newsletter-edit-page .c3 .c3-legend-item-relations line {
  stroke: var(--theme-color-accent-darker) !important;
}
.newsletter-edit-page .c3 .c3-legend-item-relations_excluded line {
  stroke: #526a6a !important;
}
.newsletter-edit-page .c3 .c3-tooltip .c3-tooltip-name--users span {
  background-color: var(--theme-color-accent-default) !important;
}
.newsletter-edit-page .c3 .c3-tooltip .c3-tooltip-name--users_excluded span {
  background-color: #222529 !important;
}
.newsletter-edit-page .c3 .c3-tooltip .c3-tooltip-name--relations span {
  background-color: var(--theme-color-accent-darker) !important;
}
.newsletter-edit-page .c3 .c3-tooltip .c3-tooltip-name--relations_excluded span {
  background-color: #526a6a !important;
}

.dropdown-lg {
  width: 400px;
  max-height: 300px;
  overflow-y: scroll;
  overflow-x: hidden;
}
.dropdown-lg .divider {
  display: block;
}
.dropdown-lg .dropdown-notify {
  padding: 5px 0;
}
.dropdown-lg .dropdown-item, .dropdown-lg.dropdown-notify .dropdown-item {
  white-space: normal;
  width: inherit;
  vertical-align: middle;
  padding-bottom: 15px !important;
  padding-right: 0;
}
.dropdown-lg .dropdown-item .secondary, .dropdown-lg.dropdown-notify .dropdown-item .secondary {
  display: block;
}
.dropdown-lg .dropdown-item:nth-child(even) {
  background-color: #f3f4f6;
}
.dropdown-lg .dropdown-item:nth-child(even):hover {
  background-color: #f3f4f6;
}
.dropdown-lg .unread {
  background-color: var(--theme-color-accent-default) !important;
  color: rgb(255, 255, 255) !important;
}
.dropdown-lg .unread:hover {
  background-color: var(--theme-color-accent-light) !important;
  color: rgb(255, 255, 255) !important;
}
.dropdown-lg .unread p,
.dropdown-lg .unread li,
.dropdown-lg .unread span,
.dropdown-lg .unread .secondary {
  color: rgb(255, 255, 255) !important;
}
.dropdown-lg .unread p:hover,
.dropdown-lg .unread li:hover,
.dropdown-lg .unread span:hover,
.dropdown-lg .unread .secondary:hover {
  color: rgb(255, 255, 255) !important;
}
.dropdown-lg .unread a {
  color: rgb(255, 255, 255) !important;
}
.dropdown-lg .unread a:active, .dropdown-lg .unread a:link, .dropdown-lg .unread a:hover {
  color: rgb(255, 255, 255) !important;
}
.dropdown-lg .dropdown-links {
  padding-bottom: 5px !important;
  font-weight: 400;
  font-size: 0.86rem;
  letter-spacing: 0.005em;
  white-space: nowrap;
}

.dropdown-notify .dropdown-item p {
  white-space: normal;
}
.dropdown-notify .dropdown-item .secondary {
  float: left;
  margin-top: 5px;
}

.widget.dropdown-notify .dropdown-item {
  white-space: normal;
}

.popup-large .cropWrapper {
  position: relative;
  left: 50%;
  margin-left: -225px;
}

.popup-large {
  left: 50%;
  margin-left: -310px;
  width: 620px;
}
@media only screen and (min-width: 1px) and (max-width: 620px) {
  .popup-large {
    width: 100%;
    left: auto;
    margin-left: 0;
    display: block;
  }
}
.popup-large .crop-wrapper {
  max-width: 450px;
  text-align: center;
}
.popup-large .crop-wrapper img {
  width: 100%;
}
.popup-large.extra-width {
  margin-left: -400px;
  width: 800px;
}

#popup {
  position: fixed;
  width: 100%;
  height: calc(100vh - 80px);
  top: 80px;
  z-index: 1005;
  display: flex;
  align-items: center;
  justify-content: center;
}
#popup:empty {
  display: none;
}
#popup .floating-fixed_wrapper {
  display: flex !important;
  flex-direction: row;
  justify-content: center;
  align-items: flex-start;
  position: fixed;
  height: 85%;
  top: 20%;
  left: 50%;
  z-index: 1004;
  gap: 8px;
}
@media only screen and (min-width: 1px) and (max-width: 750px) {
  #popup .floating-fixed_wrapper {
    margin: 0 !important;
    left: 0 !important;
    width: 100% !important;
    padding: 0 16px !important;
  }
}
#popup > .blanket {
  z-index: 1001;
}

.popup {
  box-shadow: 0 1px 3px #adadad;
  border-radius: 5px;
  background-color: #fff;
  z-index: 1002;
  padding: 0;
  max-height: 70vh;
  overflow-y: auto;
  flex-direction: column;
  width: 100%;
}
.popup .close {
  position: absolute;
  top: 3px !important;
  right: 3px !important;
  z-index: 9000;
}
.popup .settings {
  position: absolute;
  top: 3px !important;
  right: 35px !important;
  z-index: 9000;
}

.popup-small {
  width: 440px;
  margin-left: -220px;
}
.popup-small .popup-content .thumb_channel {
  height: 205px;
  margin-bottom: 20px;
}

.popup-content {
  padding: 20px 20px 20px 20px;
  flex-grow: 1;
  overflow-y: auto;
}

.popup-header {
  padding: 20px 20px 0 20px;
}
.popup-header h2 {
  margin-bottom: 0;
}

.popup-footer {
  padding: 0px 20px 20px 20px;
  text-align: right;
}
.popup-footer .button {
  margin-right: 15px;
}
.popup-footer .button:last-child {
  margin-right: 0;
}
.popup-footer .button-group .button {
  margin-right: 0;
}
.popup-footer:empty {
  padding: 0;
}

@media only screen and (min-width: 1px) and (max-width: 400px) {
  .popup-small {
    width: 100%;
    left: auto;
    margin-left: 0;
    display: block;
  }
}
.window {
  height: 600px;
}

.floating-wrapper {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: center;
  top: 2px;
  z-index: 9000;
  gap: 8px;
}
.floating-wrapper .floating-buttons {
  display: flex;
  flex-direction: row;
  justify-content: center;
  gap: 8px;
  padding: 2px;
  border: 1px solid #d1d5db;
  padding: 2px;
  background-color: rgb(255, 255, 255);
  border-radius: 8px;
  --ring-inset: var(--empty, /*!*/ /*!*/);
  --ring-offset-width: 0px;
  --ring-offset-color: #fff;
  --shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.06),
    0 4px 6px -2px rgba(0, 0, 0, 0.03);
  --ring-offset-shadow: 0 0 0 var(--ring-offset-width)
    var(--ring-offset-color);
  --ring-shadow: var(--ring-inset) 0 0 0 calc(1px + var(--ring-offset-width))
    var(--ring-color);
  box-shadow: var(--ring-offset-shadow), var(--ring-shadow), var(--shadow, 0 0 rgba(0, 0, 0, 0));
  --ring-color: rgba(0, 0, 0, var(--ring-opacity));
  --ring-opacity: 0.05;
}

#widget_popup_overlay {
  position: relative;
  z-index: 1004;
}
#widget_popup_overlay .floating-fixed_wrapper {
  display: flex !important;
  flex-direction: row;
  justify-content: center;
  align-items: flex-start;
  position: fixed;
  height: 85%;
  top: 80px;
  width: 740px;
  margin-left: -370px;
  left: 50%;
  z-index: 1004;
  gap: 8px;
}
#widget_popup_overlay .floating-fixed_wrapper:has(.widget_popup_lg) {
  max-width: 1400px;
  width: 80%;
  left: 50%;
  margin-left: -40%;
}
#widget_popup_overlay .floating-fixed_wrapper:has(.widget_popup_sm) {
  height: auto;
}
#widget_popup_overlay .floating-fixed_wrapper:has(.popup-large) {
  width: 660px;
  margin-left: -330px;
  left: 50%;
}
#widget_popup_overlay .floating-fixed_wrapper:has(.popup-large):has(.extra-width) {
  width: 840px;
  margin-left: -420px;
}
#widget_popup_overlay .floating-fixed_wrapper:has(.popup-large) .widget_popup {
  width: 100%;
  margin-left: 0;
  left: 0%;
}
@media only screen and (min-width: 1px) and (max-width: 750px) {
  #widget_popup_overlay .floating-fixed_wrapper {
    margin: 0 !important;
    left: 0 !important;
    width: 100% !important;
    padding: 0 16px !important;
  }
}
#widget_popup_overlay > .blanket {
  background-color: #111827;
}

.blanket {
  background-color: #e5e7eb;
  filter: alpha(opacity=80);
  opacity: 0.82;
  position: fixed;
  z-index: 1003;
  top: 70px;
  left: 0;
  height: 100%;
  width: 100%;
  display: block;
}
.blanket.loading {
  z-index: 901;
}

.widget_popup {
  padding: 0 !important;
  height: 100%;
  max-width: 1400px;
  width: 100%;
  overflow: hidden;
  display: flex;
  flex-direction: row;
}
@media only screen and (min-width: 1px) and (max-width: 750px) {
  .widget_popup {
    margin: 0 !important;
    left: 0 !important;
    width: 100% !important;
  }
}
.widget_popup .widget_popup_content {
  width: 100%;
  padding-left: 70px;
  padding-right: 70px;
}
@media only screen and (min-width: 1px) and (max-width: 750px) {
  .widget_popup .widget_popup_content {
    padding-left: 16px;
    padding-right: 16px;
  }
}
.widget_popup .popup-slideshow {
  margin-bottom: 15px;
  background-color: rgb(249, 249, 249);
  border: 1px lightgrey solid;
  max-width: 100%;
  text-align: center;
}
.widget_popup .popup-slideshow .slide {
  position: relative;
}
.widget_popup .popup-slideshow .main_img,
.widget_popup .popup-slideshow .main_img > iframe,
.widget_popup .popup-slideshow .main_img > twitterwidget,
.widget_popup .popup-slideshow .main_img > video {
  display: block;
  max-width: 100%;
  max-height: 400px;
  min-height: 100px;
  margin: 0 auto;
}
.widget_popup .popup-slideshow .main_img {
  overflow-y: auto;
}
.widget_popup .popup-slideshow .main_img > video {
  width: 100%;
  height: auto;
}
.widget_popup .popup-slideshow .bx-wrapper {
  background: none;
}
.widget_popup .popup-slideshow .video-iframe-container {
  position: relative;
  padding-bottom: 56.25%;
  height: 0;
  overflow: hidden;
}
.widget_popup .popup-slideshow .video-iframe-container > iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.widget_popup .popup-footer {
  padding: 0 0 20px 20px;
}

.widget_popup_content {
  height: 100%;
  overflow-y: auto;
  padding: 20px 30px;
}

.service-tile {
  float: left;
  margin-bottom: 30px;
}
.service-tile .thumb {
  height: 225px;
  width: 100%;
}
.service-tile .thumb .thumb_text i {
  padding-right: 7px;
}
.service-tile:hover .service-tile-edit {
  display: inherit;
}
.service-tile .service-tile-edit {
  color: white;
  display: none;
  font-size: 1.3em;
  position: absolute;
  right: 25px;
  top: 10px;
  z-index: 999;
  -moz-transition: all 0.3s;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.service-tile .service-tile-edit:hover {
  color: var(--theme-color-accent-default);
  text-decoration: none;
}

.service-page-overview .label {
  margin: 0 0 10px 0;
}
.service-page-overview h1 .button {
  font-size: 1.2rem;
}

.service-default-header .thumb {
  margin-bottom: 40px;
  width: 100%;
  height: 400px;
}
.service-default-header h1:first-of-type {
  margin-bottom: 40px;
}
.service-default-header h1:first-of-type .button {
  font-size: 1.2rem;
}
.service-default-header h1:first-of-type select {
  width: auto !important;
  font-size: 1rem !important;
  font-weight: normal !important;
}

.service-page-content .content-block {
  margin-bottom: 40px;
}
.service-page-content .content-block.content-block-text, .service-page-content .content-block.content-block-button, .service-page-content .content-block.content-block-file {
  font-weight: 400;
  font-size: 1.14rem !important;
  letter-spacing: 0.005em !important;
}
.service-page-content .content-block.content-block-text p, .service-page-content .content-block.content-block-button p, .service-page-content .content-block.content-block-file p {
  line-height: 160% !important;
}
.service-page-content .content-block.content-block-image img {
  width: auto;
  max-width: 100%;
  max-height: 600px;
}
.service-page-content .content-block.content-block-file .file-row {
  padding: 0;
}

.popup-add-questions .checkbox-question {
  display: flex;
  margin-bottom: 32px;
}
.popup-add-questions .checkbox-question .checkbox {
  vertical-align: middle;
  width: 50px;
}

.message {
  padding: 0 !important;
  -o-transition: box-shadow ease-in-out 0.15s;
  -moz-transition: box-shadow ease-in-out 0.15s;
  -webkit-transition: box-shadow ease-in-out 0.15s;
  transition: box-shadow ease-in-out 0.15s;
  display: flex;
  flex-direction: column;
  gap: 22px;
}
.message:not(.ban) {
  margin-top: -15px;
  margin-bottom: 15px;
}
.message:not(.small-message) {
  overflow: visible !important;
}
.message.small-message {
  flex-direction: row;
}
.message.notice {
  padding-bottom: 22px !important;
}
.message .bx-pager {
  height: 20px;
  padding-top: 10px !important;
  top: 0 !important;
}
.message .bx-wrapper {
  margin-bottom: 0 !important;
}
.message .bx-wrapper .bx-pager.bx-default-pager a {
  border: 1px solid #fff;
  background-color: transparent;
  height: 8px;
  width: 8px;
  border-radius: 6px;
}
.message .bx-wrapper .bx-pager.bx-default-pager a:hover {
  background-color: #666;
}
.message .bx-wrapper .bx-pager.bx-default-pager a.active {
  background-color: #fff;
}
.message:hover {
  box-shadow: 1px 1px 1px 1px #e0e0e0;
  -moz-box-shadow: 1px 1px 1px 1px #e0e0e0;
  -webkit-box-shadow: 1px 1px 1px 1px #e0e0e0;
}
.message .file-labels {
  padding: 10px 22px 4px;
}

.message-header-info {
  padding: 22px 22px 0 22px;
  cursor: pointer;
}
.message-header-info:last-child {
  padding-bottom: 22px;
}
.message-header-info .message-info-logo-block {
  display: table;
}
.message-header-info .message-info-logo-block .message-logo-block {
  display: table-cell;
}
.message-header-info .message-info-logo-block .message-logo-block .thumb-with-overlay {
  margin-right: 12px;
}
.message-header-info .message-info-logo-block .message-logo-block .thumb-with-overlay .thumb-primary .thumb.thumb-entity {
  width: 28px;
  height: 28px;
}
.message-header-info .message-info-logo-block .message-logo-block .thumb-with-overlay .thumb-primary .thumb.thumb-entity .letter {
  display: inline-block;
  font-size: 12.88px !important;
}
.message-header-info .message-info-logo-block .message-logo-block .thumb-with-overlay .thumb-primary .thumb.thumb-entity.thumb_square .letter {
  position: absolute;
  bottom: 0px;
  left: 3.08px;
  color: white;
}
.message-header-info .message-info-logo-block .message-logo-block .thumb-with-overlay .thumb-primary .thumb.thumb-entity.thumb_circle .letter {
  margin-left: 0;
  color: #111827;
  padding-top: 7.84px;
}
.message-header-info .message-info-logo-block .message-logo-block .thumb-with-overlay .thumb-primary .thumb.thumb-entity.thumb-entity.thumb-placeholder {
  background-size: 23.8px 23.8px;
}
.message-header-info .message-info-logo-block .message-logo-block .thumb-with-overlay .thumb-primary .thumb.thumb-entity.thumb-entity.thumb-placeholder.thumb-household {
  background-position: right -7px bottom -1.3px;
}
.message-header-info .message-info-logo-block .message-logo-block .thumb-with-overlay .thumb-primary .thumb.thumb-entity.thumb-entity.thumb-placeholder.thumb-household .letter {
  display: none;
}
.message-header-info .message-info-logo-block .message-logo-block .thumb-with-overlay .thumb-primary .thumb.thumb-entity.thumb-entity.thumb-placeholder.thumb-company, .message-header-info .message-info-logo-block .message-logo-block .thumb-with-overlay .thumb-primary .thumb.thumb-entity.thumb-entity.thumb-placeholder.thumb-community {
  background-position: right -5.6px bottom -1.3px;
}
.message-header-info .message-info-logo-block .message-logo-block .thumb-with-overlay .thumb-primary .thumb.thumb-entity.thumb-entity.thumb-placeholder.thumb-company .letter {
  color: #111827;
}
.message-header-info .message-info-logo-block .message-logo-block .thumb-with-overlay .thumb-primary .thumb.thumb-user {
  width: 30px;
  height: 30px;
}
.message-header-info .message-info-logo-block .message-logo-block .thumb-with-overlay .thumb-primary .thumb.thumb-user .letter {
  display: inline-block;
  font-size: 13.8px !important;
}
.message-header-info .message-info-logo-block .message-logo-block .thumb-with-overlay .thumb-primary .thumb.thumb-user.thumb_square .letter {
  position: absolute;
  bottom: 0px;
  left: 3.3px;
  color: white;
}
.message-header-info .message-info-logo-block .message-logo-block .thumb-with-overlay .thumb-primary .thumb.thumb-user.thumb_circle .letter {
  margin-left: 0;
  color: #111827;
  padding-top: 8.4px;
}
.message-header-info .message-info-logo-block .message-logo-block .thumb-with-overlay .thumb-primary .thumb.thumb-user.thumb-entity.thumb-placeholder {
  background-size: 25.5px 25.5px;
}
.message-header-info .message-info-logo-block .message-logo-block .thumb-with-overlay .thumb-primary .thumb.thumb-user.thumb-entity.thumb-placeholder.thumb-household {
  background-position: right -7.5px bottom -1.3px;
}
.message-header-info .message-info-logo-block .message-logo-block .thumb-with-overlay .thumb-primary .thumb.thumb-user.thumb-entity.thumb-placeholder.thumb-household .letter {
  display: none;
}
.message-header-info .message-info-logo-block .message-logo-block .thumb-with-overlay .thumb-primary .thumb.thumb-user.thumb-entity.thumb-placeholder.thumb-company, .message-header-info .message-info-logo-block .message-logo-block .thumb-with-overlay .thumb-primary .thumb.thumb-user.thumb-entity.thumb-placeholder.thumb-community {
  background-position: right -6px bottom -1.3px;
}
.message-header-info .message-info-logo-block .message-logo-block .thumb-with-overlay .thumb-primary .thumb.thumb-user.thumb-entity.thumb-placeholder.thumb-company .letter {
  color: #111827;
}
.message-header-info .message-info-logo-block .message-logo-block .thumb-with-overlay .thumb-overlay {
  transform: translate(20px, 18px);
}
.message-header-info .message-info-logo-block .message-logo-block .thumb-with-overlay .thumb-overlay .thumb.thumb-entity {
  width: 14px;
  height: 14px;
}
.message-header-info .message-info-logo-block .message-logo-block .thumb-with-overlay .thumb-overlay .thumb.thumb-entity .letter {
  display: inline-block;
  font-size: 6.44px !important;
}
.message-header-info .message-info-logo-block .message-logo-block .thumb-with-overlay .thumb-overlay .thumb.thumb-entity.thumb_square .letter {
  position: absolute;
  bottom: 0px;
  left: 1.54px;
  color: white;
}
.message-header-info .message-info-logo-block .message-logo-block .thumb-with-overlay .thumb-overlay .thumb.thumb-entity.thumb_circle .letter {
  margin-left: 0;
  color: #111827;
  padding-top: 3.92px;
}
.message-header-info .message-info-logo-block .message-logo-block .thumb-with-overlay .thumb-overlay .thumb.thumb-entity.thumb-entity.thumb-placeholder {
  background-size: 11.9px 11.9px;
}
.message-header-info .message-info-logo-block .message-logo-block .thumb-with-overlay .thumb-overlay .thumb.thumb-entity.thumb-entity.thumb-placeholder.thumb-household {
  background-position: right -3.5px bottom -1.3px;
}
.message-header-info .message-info-logo-block .message-logo-block .thumb-with-overlay .thumb-overlay .thumb.thumb-entity.thumb-entity.thumb-placeholder.thumb-household .letter {
  display: none;
}
.message-header-info .message-info-logo-block .message-logo-block .thumb-with-overlay .thumb-overlay .thumb.thumb-entity.thumb-entity.thumb-placeholder.thumb-company, .message-header-info .message-info-logo-block .message-logo-block .thumb-with-overlay .thumb-overlay .thumb.thumb-entity.thumb-entity.thumb-placeholder.thumb-community {
  background-position: right -2.8px bottom -1.3px;
}
.message-header-info .message-info-logo-block .message-logo-block .thumb-with-overlay .thumb-overlay .thumb.thumb-entity.thumb-entity.thumb-placeholder.thumb-company .letter {
  color: #111827;
}
.message-header-info .message-info-logo-block .message-logo-block .thumb-with-overlay .thumb-overlay .thumb.thumb-user {
  width: 16px;
  height: 16px;
}
.message-header-info .message-info-logo-block .message-logo-block .thumb-with-overlay .thumb-overlay .thumb.thumb-user .letter {
  display: inline-block;
  font-size: 7.36px !important;
}
.message-header-info .message-info-logo-block .message-logo-block .thumb-with-overlay .thumb-overlay .thumb.thumb-user.thumb_square .letter {
  position: absolute;
  bottom: 0px;
  left: 1.76px;
  color: white;
}
.message-header-info .message-info-logo-block .message-logo-block .thumb-with-overlay .thumb-overlay .thumb.thumb-user.thumb_circle .letter {
  margin-left: 0;
  color: #111827;
  padding-top: 4.48px;
}
.message-header-info .message-info-logo-block .message-logo-block .thumb-with-overlay .thumb-overlay .thumb.thumb-user.thumb-entity.thumb-placeholder {
  background-size: 13.6px 13.6px;
}
.message-header-info .message-info-logo-block .message-logo-block .thumb-with-overlay .thumb-overlay .thumb.thumb-user.thumb-entity.thumb-placeholder.thumb-household {
  background-position: right -4px bottom -1.3px;
}
.message-header-info .message-info-logo-block .message-logo-block .thumb-with-overlay .thumb-overlay .thumb.thumb-user.thumb-entity.thumb-placeholder.thumb-household .letter {
  display: none;
}
.message-header-info .message-info-logo-block .message-logo-block .thumb-with-overlay .thumb-overlay .thumb.thumb-user.thumb-entity.thumb-placeholder.thumb-company, .message-header-info .message-info-logo-block .message-logo-block .thumb-with-overlay .thumb-overlay .thumb.thumb-user.thumb-entity.thumb-placeholder.thumb-community {
  background-position: right -3.2px bottom -1.3px;
}
.message-header-info .message-info-logo-block .message-logo-block .thumb-with-overlay .thumb-overlay .thumb.thumb-user.thumb-entity.thumb-placeholder.thumb-company .letter {
  color: #111827;
}
.message-header-info .message-info-logo-block .message-info-block {
  display: table-cell;
  vertical-align: top;
}
.message-header-info .message-info-logo-block .message-info-block .secondary {
  font-weight: 400;
  font-size: 0.86rem;
  letter-spacing: 0.005em;
}

.message-header {
  padding-left: 22px;
  padding-right: 22px;
  cursor: pointer;
}
.message-header h3 {
  margin: 0;
}

.message-body {
  padding: 0 22px;
  cursor: pointer;
}
.message-body .message-sender {
  margin-bottom: 17px;
}
.message-body .message-sender .label {
  margin: 0;
  padding-top: 1px;
  padding-bottom: 1px;
  font-weight: 400;
  font-size: 0.86rem;
  letter-spacing: 0.005em;
}
.message-body p:last-child {
  margin-bottom: 0;
}

.message-counters {
  padding: 0 22px 16px 22px;
}

.message-footer.button-group {
  width: 100%;
}
.message-footer.button-group .button:first-of-type {
  border-left: none;
}
.message-footer.button-group .button {
  float: left;
  margin: 0;
  border-color: #d1d5db;
  border-bottom: none;
  border-radius: 0 !important;
  border-right: none;
  font-weight: normal;
}
.message-footer.button-group .button:first-child:nth-last-child(1) {
  width: 100% !important;
}
.message-footer.button-group .button:first-child:nth-last-child(2), .message-footer.button-group .button:first-child:nth-last-child(2) ~ .button {
  width: 50% !important;
}
.message-footer.button-group .button:hover {
  background-color: #f3f4f6 !important;
}
.message-footer.button-group .button.active {
  font-weight: 600;
  background-color: rgb(255, 255, 255) !important;
}
.message-footer.button-group .button.active:hover {
  background-color: #f3f4f6 !important;
}
.message-footer.button-group .button .count {
  display: inline-block;
  color: initial;
}

.slide {
  position: relative;
}

.ban .message-attachments {
  padding-top: 0;
}

.ban .message-sender .label {
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
}

.message-attachments {
  box-sizing: content-box;
}
.message-attachments:empty, .ban .message-attachments:empty {
  display: none;
}
.message-attachments .msgImage,
.message-attachments iframe,
.message-attachments twitterwidget {
  object-fit: cover;
  width: 100% !important;
  max-height: 300px !important;
  height: auto;
  min-height: 200px;
  display: block;
  image-orientation: from-image;
}
.message-attachments .video-iframe-container {
  position: relative;
  padding-bottom: 56.25%;
  height: 0;
  overflow: hidden;
}
.message-attachments .video-iframe-container > iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.message-attachments .embed {
  margin: 0 22px 10px;
}
.message-attachments twitterwidget {
  overflow-y: auto;
}

.image-protection {
  background-color: rgba(0, 0, 0, 0.3);
  color: white;
  position: absolute;
  font-family: "Courier New", Courier, monospace;
  text-transform: uppercase;
  bottom: 20%;
  display: block;
  width: 100%;
  padding: 5px 10px;
  text-align: center;
}

.message-details {
  padding-left: 22px;
  padding-right: 22px;
  cursor: pointer;
}
.message-details:empty {
  display: none;
}
.message-details ul {
  list-style-type: none;
  padding: 0;
  margin: 0;
}
.message-details ul li {
  margin-bottom: 5px;
}
.message-details ul li > i,
.message-details ul li > span,
.message-details ul li > a {
  margin-right: 10px;
}

.message-event-register {
  padding-top: 20px;
}

.date-square {
  background-color: #111827;
  text-transform: uppercase;
  padding-bottom: 5px;
  padding-top: 5px;
  text-align: center;
  height: 100%;
}
.date-square span {
  color: rgb(255, 255, 255);
  display: block;
}
.date-square .day {
  font-weight: bold;
  font-size: 1.25em;
}
.date-square .date {
  font-size: 0.6em;
}

.small-message {
  cursor: pointer;
  margin-bottom: 15px;
}
.small-message h3 {
  margin: 0;
  padding-top: 10px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.small-message .secondary {
  font-weight: normal;
  color: initial;
}
.small-message .right-icon {
  border-left: #d1d5db 1px solid;
  height: 100%;
  padding-top: 13px;
  padding-bottom: 13px;
  text-align: center;
}
.small-message .right-icon i,
.small-message .right-icon span {
  font-size: 1.4em;
}

.message-loading-skeleton .text-line {
  height: 1em;
  margin-bottom: 16px;
  animation: pulse 1s infinite ease-in-out;
}
.message-loading-skeleton .square {
  height: 28px;
  width: 28px;
  border-radius: 3px;
  animation: pulse 1s infinite ease-in-out;
}
.message-loading-skeleton .message-sender .text-line {
  height: 0.8em;
  padding-top: 0;
}
.message-loading-skeleton .message-sender .text-line:nth-child(1) {
  width: 40%;
}
.message-loading-skeleton .text-line:nth-child(1) {
  width: auto;
}
.message-loading-skeleton .text-line:nth-child(2) {
  width: 30%;
}
.message-loading-skeleton .text-line:nth-child(3) {
  width: 80%;
}
.message-loading-skeleton .text-line:nth-child(7) {
  width: 80%;
}
.message-loading-skeleton .text-line:nth-child(5) {
  width: 70%;
}
.message-loading-skeleton .text-line:nth-child(9) {
  width: 70%;
}
.message-loading-skeleton .text-line:nth-child(6) {
  width: 90%;
}
.message-loading-skeleton .text-line:nth-child(10) {
  width: 90%;
}
.message-loading-skeleton .text-line:nth-child(7) {
  width: 50%;
}
.message-loading-skeleton .text-line:nth-child(4) {
  width: 70%;
}
.message-loading-skeleton .text-line:nth-child(8) {
  width: 70%;
}

@keyframes pulse {
  0% {
    background-color: rgba(165, 165, 165, 0.1);
  }
  50% {
    background-color: rgba(165, 165, 165, 0.3);
  }
  100% {
    background-color: rgba(165, 165, 165, 0.1);
  }
}
.popup .user-profile-popup-container .user-profile-picture .thumb_circle {
  margin: 0 auto 20px auto;
  float: none;
}
.popup .user-profile-popup-container .user-profile-info {
  padding: 0 20px;
}
.popup .user-profile-popup-container .user-profile-info .user-profile-txt {
  border: 1px solid #d1d5db;
  border-left-width: 0;
  border-right-width: 0;
  border-top-width: 0;
  border-bottom-width: 1px;
  padding-top: 20px;
  padding-bottom: 20px;
}
.popup .user-profile-popup-container .user-profile-info .user-profile-txt:first-child {
  padding-top: 0 !important;
}
.popup .user-profile-popup-container .user-profile-info .user-profile-txt:last-child {
  padding-bottom: 0 !important;
}
.popup .user-profile-popup-container .user-profile-info .user-profile-txt:last-child, .popup .user-profile-popup-container .user-profile-info .user-profile-txt:only-child {
  border-bottom-width: 0 !important;
}
.popup .user-profile-popup-container .user-profile-popup-contact div {
  text-align: left;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.popup .user-profile-popup-container .thumb-info {
  margin-bottom: 14px;
}
.popup .user-profile-popup-container .user-profile-roles {
  margin-top: 2px;
}
.popup .user-profile-popup-container .user-profile-entities {
  margin-bottom: 18px;
}

/*# sourceMappingURL=style.css.map*/