/* ==========================================================================
   1. FUNDAMENTOS, RESET Y UTILIDADES GLOBALES
   ========================================================================== */
@import url('https://fonts.googleapis.com/css2?family=Outfit:wght@400;600;700&family=Inter:wght@300;400;500&display=swap');

@keyframes highlight {
  0% {
    background-color: #09c
  }

  100% {
    background-color: inherit
  }
}

:not(.ui)>.slide.open {
  overflow: hidden;
  opacity: 1;
  transition-property: all;
  transition-duration: .5s;
  transition-timing-function: ease-out
}

:not(.ui)>.slide.close {
  overflow: hidden;
  max-height: 0 !important;
  opacity: 0;
  transition-property: all;
  transition-duration: .5s;
  transition-timing-function: ease-out
}

.flexrow,
#move-timetable-entry-dialog .item,
#form-group-recipients .recipients-smaller,
.conference-page section .header-row,
.rule-list .rule,
.rule-list .rule .rule-condition,
.sortable-list ul li,
.sortable-list.two-columns,
.categorynav .category-list .spinner-wrapper,
.categorynav .category-list .item,
.categorynav .category-list .item .button-wrapper,
.categorynav .category-list .item.subcategory,
.categorynav .category-list .item.subcategory .icon-wrapper,
.categorynav .category-list .placeholder,
.categorynav .category-list .search-result-info,
.item-picker-qbubble .dropdown-container .dropdown-items-container .dropdown-item,
table.palette-picker .palette-color .background-box,
.i-timeline-item,
.list-filter .list-column,
.list-filter .list-column>.filter,
.list-filter ul.i-dropdown>li,
.info-message-box,
.message-message-box,
.info-message-box .message-box-content,
.message-message-box .message-box-content,
.highlight-message-box,
.highlight-message-box .message-box-content,
.success-message-box,
.success-message-box .message-box-content,
.warning-message-box,
.warning-message-box .message-box-content,
.error-message-box,
.error-message-box .message-box-content,
.danger-message-box,
.danger-message-box .message-box-content,
.i-has-action,
.toolbar .group,
.banner,
.layout-side-menu,
.action-box>.section,
.flexcol,
.action-menu-buttons,
.conference-page section .header,
.categorynav,
.categorynav .category-list,
body {
  display: flex
}

.flexrow,
#move-timetable-entry-dialog .item,
#form-group-recipients .recipients-smaller,
.conference-page section .header-row,
.rule-list .rule,
.rule-list .rule .rule-condition,
.sortable-list ul li,
.sortable-list.two-columns,
.categorynav .category-list .spinner-wrapper,
.categorynav .category-list .item,
.categorynav .category-list .item .button-wrapper,
.categorynav .category-list .item.subcategory,
.categorynav .category-list .item.subcategory .icon-wrapper,
.categorynav .category-list .placeholder,
.categorynav .category-list .search-result-info,
.item-picker-qbubble .dropdown-container .dropdown-items-container .dropdown-item,
table.palette-picker .palette-color .background-box,
.i-timeline-item,
.list-filter .list-column,
.list-filter .list-column>.filter,
.list-filter ul.i-dropdown>li,
.info-message-box,
.message-message-box,
.info-message-box .message-box-content,
.message-message-box .message-box-content,
.highlight-message-box,
.highlight-message-box .message-box-content,
.success-message-box,
.success-message-box .message-box-content,
.warning-message-box,
.warning-message-box .message-box-content,
.error-message-box,
.error-message-box .message-box-content,
.danger-message-box,
.danger-message-box .message-box-content,
.i-has-action,
.toolbar .group,
.banner,
.layout-side-menu,
.action-box>.section {
  flex-flow: row nowrap
}

.flexcol,
.action-menu-buttons,
.conference-page section .header,
.categorynav,
.categorynav .category-list,
body {
  flex-flow: column nowrap
}

.f-j-start {
  justify-content: flex-start
}

.f-j-end {
  justify-content: flex-end
}

.f-j-center {
  justify-content: center
}

.f-j-space-between {
  justify-content: space-between
}

.f-j-space-around {
  justify-content: space-around
}

.f-a-start {
  align-items: flex-start
}

.f-a-end {
  align-items: flex-end
}

.f-a-center {
  align-items: center
}

.f-a-stretch {
  align-items: stretch
}

.f-a-baseline {
  align-items: baseline
}

.f-wrap {
  flex-wrap: wrap
}

.f-self-stretch {
  flex-grow: 1;
  flex-basis: 0%
}

.f-self-no-shrink {
  flex-shrink: 0
}

@font-face {
  font-family: "icomoon-ultimate";
  src: url(/fonts/icomoon/icomoon__v00837cb2.svg#icomoon-ultimate) format("svg"), url(/fonts/icomoon/icomoon__va11486f5.woff) format("woff"), url(/fonts/icomoon/icomoon__v1153fc56.ttf) format("truetype");
  font-weight: normal;
  font-style: normal
}

[data-icon]::before {
  font-family: "icomoon-ultimate";
  content: attr(data-icon);
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased
}

[class^=icon-]::before,
[class*=" icon-"]::before,
.sortable-list ul.enabled li .toggle-enabled::before,
.sortable-list ul.disabled li .toggle-enabled::before,
table.i-table th.header-sort-desc::before,
table.i-table th.header-sort-asc::before,
.i-table-widget th.header-sort-desc::before,
.i-table-widget th.header-sort-asc::before,
.i-table-widget .ui-sortable-handle::before,
#global-menu ind-menu>button::after,
#global-menu li :is(a, button).arrow::after,
div.announcement-bar:not([hidden]) .close-button::before,
.timeTableLegend .legendCloseButton::before,
#move-timetable-entry-dialog .days .scroll-btn::before,
.entry-attachments::before,
ul.category-list li .category-description .protection::before,
.tree tr.expandable>td:first-child>span::before,
.tree tr.expandable.collapsed>td:first-child>span::before,
.material-list .folder .attachment[data-attachment-source]::after,
.attachments-tooltip-button::before,
.attachments-tooltip-button.open::before,
#category-toolbar ind-menu>menu>li :is(a, button).arrow::after,
.create-event-button menu>li :is(a, button).arrow::after,
#global-menu>menu>li :is(a, button).arrow::after,
#tz-selector-widget .options input+*::before,
#tz-selector-widget .options input+*::after,
#tz-selector-widget [type=checkbox]:checked::before,
.datetime-widget .timezone::before,
.date-widget .timezone::before,
.time-widget .timezone::before,
.datetime-widget .clear-pickers::before,
.date-widget .clear-pickers::before,
.time-widget .clear-pickers::before,
.designer-template-type-icon.template-icon-poster::before,
.designer-template-type-icon.template-icon-badge::before,
i.info-helper::before,
.multiple-items-widget .sort-handle::before,
.i-box .ui-i-box-sortable-handle::before,
.i-box ul.group-list>li.ui-sortable>.ui-sortable-handle>.handle::before,
.registrant-stats>.i-box>.i-box-content>table tr.header-row td:first-child::before,
.registrant-stats>.regform-section>.i-box-content>table tr.header-row td:first-child::before,
.registrant-stats>.regform-done>.i-box-content>table tr.header-row td:first-child::before,
.registrant-stats>.regform-section-sortable-placeholder>.i-box-content>table tr.header-row td:first-child::before,
[id^=wmd-bold-button] span::before,
[id^=wmd-italic-button] span::before,
[id^=wmd-link-button] span::before,
[id^=wmd-quote-button] span::before,
[id^=wmd-code-button] span::before,
[id^=wmd-image-button] span::before,
[id^=wmd-olist-button] span::before,
[id^=wmd-ulist-button] span::before,
[id^=wmd-heading-button] span::before,
[id^=wmd-hr-button] span::before,
[id^=wmd-undo-button] span::before,
[id^=wmd-redo-button] span::before,
.wmd-help-button::before,
.ui-datepicker .ui-datepicker-header .ui-datepicker-prev::before,
.ui-datepicker .ui-datepicker-header .ui-datepicker-next::before,
.ui-datepicker-trigger::before,
input.hasDatepicker::before,
.side-menu ul.menu-items>li.section .title-wrapper::before,
.info-message-box .icon::before,
.message-message-box .icon::before,
.highlight-message-box .icon::before,
.success-message-box .icon::before,
.warning-message-box .icon::before,
.error-message-box .icon::before,
.danger-message-box .icon::before,
.dropup-menu::after,
.review-item-content .ui-i-box-sortable-handle::before,
.regform-section .ui-i-box-sortable-handle::before,
.regform-done .ui-i-box-sortable-handle::before,
.regform-section-sortable-placeholder .ui-i-box-sortable-handle::before,
#email-template-manager .email-template-wrapper .regform-section-sortable-placeholder .ui-i-box-sortable-handle::before,
.categorynav .category-list .ui-i-box-sortable-handle::before,
.i-timeline-item .i-timeline-item-box .ui-i-box-sortable-handle::before,
.review-item-content ul.group-list>li.ui-sortable>.ui-sortable-handle>.handle::before,
.regform-section ul.group-list>li.ui-sortable>.ui-sortable-handle>.handle::before,
.regform-done ul.group-list>li.ui-sortable>.ui-sortable-handle>.handle::before,
.regform-section-sortable-placeholder ul.group-list>li.ui-sortable>.ui-sortable-handle>.handle::before,
#email-template-manager .email-template-wrapper .regform-section-sortable-placeholder ul.group-list>li.ui-sortable>.ui-sortable-handle>.handle::before,
.categorynav .category-list ul.group-list>li.ui-sortable>.ui-sortable-handle>.handle::before,
.i-timeline-item .i-timeline-item-box ul.group-list>li.ui-sortable>.ui-sortable-handle>.handle::before,
.event-user::before,
.action-menu .clones a::after,
.menu-entries>li>.menu-entry>.i-label>.entry-internal_link::before,
.menu-entries>li>.menu-entry>.i-label>.entry-user_link::before,
.menu-entries>li>.menu-entry>.i-label>.entry-plugin_link::before,
.menu-entries>li>.menu-entry>.i-label>.entry-page::before,
.menu-entries>li>.menu-entry>.i-label>.entry-separator::before,
.menu-entries>li>.menu-entry>.i-label>.actions>.enabled::before,
.menu-entries>li>.menu-entry>.i-label>.actions>.enabled:hover::before,
.menu-entries>li>.menu-entry>.i-label>.actions>.not-enabled::before,
.menu-entries>li>.menu-entry>.i-label>.actions>.not-enabled:hover::before,
.menu-entries>li>.menu-entry>.i-label>.actions>.default::before,
.menu-entries>li>.menu-entry>.i-label>.actions>.not-default::before,
.menu-entries>li>.menu-entry>.i-label>.actions>.edit-entry::before,
.menu-entries>li>.menu-entry>.i-label>.actions>.delete-entry::before,
table.category-management th.sortable-column a.desc::before,
table.event-management th.sortable-column a.desc::before,
table.category-management th.sortable-column a.asc::before,
table.event-management th.sortable-column a.asc::before,
.auth-scopes li::before,
.occurrences-widget .timezone::before,
.occurrences-widget .duration-info::before,
.multi-text-fields .handle::before,
.list .i-table th.header-sort-asc::before,
.list .i-table th.header-sort-desc::before,
.list .change-columns-width:not(.active)::before,
.list .change-columns-width.active::before,
.list-filter .i-label.title-wrapper>.actions>.visibility.enabled::before,
.list-filter .i-label.title-wrapper>.actions>.visibility:not(.enabled)::before,
.i-label>.handle:first-child::before,
.i-button.next::after,
a.arrow::after,
.i-button.arrow::after,
.i-button.color-button::before,
.next.action-button::after,
.i-button.action-button::after,
.action-button::after,
.categorynav .category-list .item .button-wrapper .action-button::after,
.arrow.action-button::after,
.categorynav .category-list .item .button-wrapper .arrow.action-button::after,
.color-button.action-button::before,
.categorynav .category-list .item .button-wrapper .color-button.action-button::before {
  font-family: "icomoon-ultimate";
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased
}

i[class^=icon-]::before {
  cursor: default
}

.inactive[class^=icon-]::before,
.inactive[class*=" icon-"]::before {
  opacity: .15
}

.icon-agreement::before{content:""}.icon-alarm::before{content:""}.icon-arrow-down::before{content:""}.icon-arrow-left::before{content:""}.icon-arrow-right-sparse::before{content:""}.icon-arrow-up::before{content:""}.icon-arrows-vert::before{content:""}.icon-attachment::before{content:""}.icon-bell::before{content:""}.icon-bold::before{content:""}.icon-book::before{content:""}.icon-bookmark::before{content:""}.icon-broadcast::before{content:""}.icon-bubble-quote::before{content:""}.icon-bullhorn::before{content:""}.icon-calendar::before{content:""}.icon-camera::before{content:""}.icon-chart::before{content:""}.icon-checkbox-checked::before{content:""}.icon-checkbox-unchecked::before{content:""}.icon-checkmark::before{content:""}.icon-circle-small::before{content:""}.icon-clipboard::before{content:""}.icon-close::before{content:""}.icon-cloud2::before{content:""}.icon-code::before{content:""}.icon-coins::before{content:""}.icon-collapse::before{content:""}.icon-compass2::before{content:""}.icon-copy::before{content:""}.icon-copy1::before{content:""}.icon-cross::before{content:""}.icon-disable::before{content:""}.icon-drag-indicator::before{content:""}.icon-dropmenu::before{content:""}.icon-earth::before{content:""}.icon-edit::before{content:""}.icon-enlarge::before{content:""}.icon-enter::before{content:""}.icon-equalizer::before{content:""}.icon-exit::before{content:""}.icon-expand::before{content:""}.icon-eye::before{content:""}.icon-eye-blocked::before,.icon-unlisted-event::before{content:""}.icon-file::before{content:""}.icon-file-check::before{content:""}.icon-file-content::before{content:""}.icon-file-css::before{content:""}.icon-file-download::before{content:""}.icon-file-excel::before{content:""}.icon-file-eye::before{content:""}.icon-file-filled::before{content:""}.icon-file-image::before{content:""}.icon-file-music::before{content:""}.icon-file-openoffice::before{content:""}.icon-file-pdf::before{content:""}.icon-file-play::before{content:""}.icon-file-presentation::before{content:""}.icon-file-spreadsheet::before{content:""}.icon-file-text::before{content:""}.icon-file-video::before{content:""}.icon-file-word::before{content:""}.icon-file-xml::before{content:""}.icon-file-zip::before{content:""}.icon-filter::before{content:""}.icon-first::before{content:""}.icon-floppy::before{content:""}.icon-folder::before{content:""}.icon-folder-open::before{content:""}.icon-folder-plus::before{content:""}.icon-font-size::before{content:""}.icon-grid::before{content:""}.icon-grid2::before{content:""}.icon-hammer::before{content:""}.icon-handle::before{content:""}.icon-home::before{content:""}.icon-hour-glass2::before{content:""}.icon-id-badge::before{content:""}.icon-image::before{content:""}.icon-import::before{content:""}.icon-info::before{content:""}.icon-italic::before{content:""}.icon-key::before{content:""}.icon-key-a::before{content:""}.icon-lamp::before{content:""}.icon-lan::before{content:""}.icon-last::before{content:""}.icon-layout::before{content:""}.icon-link::before{content:""}.icon-list::before{content:""}.icon-location::before{content:""}.icon-lock::before,.icon-protection-self::before{content:""}.icon-lock-center::before{content:""}.icon-loop::before{content:""}.icon-mail::before{content:""}.icon-medal::before{content:""}.icon-mic::before{content:""}.icon-mobile::before{content:""}.icon-move::before{content:""}.icon-new::before{content:""}.icon-next::before{content:""}.icon-no-camera::before{content:""}.icon-numbered-list::before{content:""}.icon-package-download::before{content:""}.icon-pagebreak::before{content:""}.icon-palette::before{content:""}.icon-phone::before{content:""}.icon-play::before{content:""}.icon-plus::before{content:""}.icon-prev::before{content:""}.icon-price-tag::before{content:""}.icon-printer::before{content:""}.icon-projector::before{content:""}.icon-puzzle::before{content:""}.icon-qrcode::before{content:""}.icon-question::before{content:""}.icon-quill::before{content:""}.icon-redo::before{content:""}.icon-remove::before{content:""}.icon-rulers::before{content:""}.icon-search::before{content:""}.icon-settings::before{content:""}.icon-seven-segment9::before{content:""}.icon-shield::before{content:""}.icon-shrink::before{content:""}.icon-sort::before{content:""}.icon-sort-alpha-asc::before{content:""}.icon-sort-alpha-desc::before{content:""}.icon-split::before{content:""}.icon-stack::before{content:""}.icon-stack-minus::before{content:""}.icon-stack-plus::before{content:""}.icon-stack-text::before{content:""}.icon-star::before{content:""}.icon-star-empty::before{content:""}.icon-stop::before{content:""}.icon-switchoff::before{content:""}.icon-switchon::before{content:""}.icon-tag::before{content:""}.icon-text-color::before{content:""}.icon-textarea::before{content:""}.icon-textfield::before{content:""}.icon-ticket::before{content:""}.icon-tilde::before{content:""}.icon-time::before{content:""}.icon-transmission::before{content:""}.icon-type::before{content:""}.icon-undo::before{content:""}.icon-unlocked::before,.icon-protection-public::before{content:""}.icon-upload::before{content:""}.icon-user::before{content:""}.icon-user-block::before{content:""}.icon-user-chairperson::before{content:""}.icon-user-check::before{content:""}.icon-user-reading::before{content:""}.icon-users::before{content:""}.icon-warning::before{content:""}.icon-wrench::before{content:""}

.icon-spinner::before {
  content: "";
  display: inline-block;
  min-width: 1.2em;
  min-height: 1.2em;
  height: 100%;
  background-image: url(/images/loading__v7b977607.gif);
  background-repeat: no-repeat;
  background-size: 1.2em 1.2em;
  vertical-align: middle !important;
  opacity: .6
}

.icon-none::before{content:" "}

.disabled .icon-spinner::before {
  opacity: .4
}

.icon-protection-public::before {
  color: #00c851
}

.icon-protection-self::before {
  color: #f91f1f
}

.icon-unlisted-event::before {
  color: #f91f1f
}

/* ==========================================================================
   3. ESTRUCTURA GLOBAL Y LAYOUT (GRID, COLUMNAS, WRAPPERS)
   ========================================================================== */
.ellipsis {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis
}

/* Estructura del cuerpo principal de la página */
body {
  overflow-x: inherit
}

body>.main {
  flex-grow: 1
}

body>* {
  flex-shrink: 0
}

.fixed-width,
.category-calendar-page header .page-description,
.agreement-dashboard,
.dialog-page header .page-description,
.management-page header .page-description,
.management-page div.page-content,
.fixed-width-standalone-page header .page-description,
.fixed-width-standalone-text-page header .page-description,
.conference-page header .page-description,
.meeting-page header .page-description,
.search-page header .page-description {
  max-width: 800px !important
}

.full-width-content-wrapper .management-page>.page-content {
  max-width: 100% !important
}

/* Sistema de columnas y rejilla (Grid) */
.layout-wrapper .row .column {
  float: left;
  padding: 0 1em 0 1em
}

.layout-wrapper .row .column.col-40 {
  width: 40%
}

.layout-wrapper .row .column.col-50 {
  width: 50%
}

.layout-wrapper .row .column.col-60 {
  width: 60%
}

.layout-wrapper .row .column.col-full {
  width: 100%
}

.layout-wrapper .row .column:first-of-type {
  padding-left: 0
}

.layout-wrapper .row .column:last-of-type {
  padding-right: 0
}

.layout-wrapper .row::after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden
}

.layout-side-menu {
  min-height: 100%;
  margin-left: 30px;
  margin-right: 30px
}

.layout-side-menu:first-of-type {
  margin-top: 20px
}

.layout-side-menu .banner>.menu-column {
  flex-grow: 0;
  width: 200px;
  margin-left: 30px;
  margin-right: 30px
}

.layout-side-menu .banner>.page-column {
  flex-grow: 1
}

.layout-side-menu .banner .action-menu {
  flex-shrink: 0;
  margin-top: -0.5%
}

.layout-side-menu>.menu-column {
  width: 200px;
  margin-right: 30px
}

.layout-side-menu>.menu-column .group:first-child {
  margin-top: 5px;
  margin-bottom: 23px
}

.layout-side-menu>.menu-column .group:first-child a {
  width: 100%;
  padding: 5px 5px 5px 26px;
  text-align: left
}

.layout-side-menu>.menu-column .group:first-child a span {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis
}

.layout-side-menu>.content-column {
  flex-grow: 1;
  width: 0
}

.layout-side-menu .side-menu-label {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  margin-right: .5rem
}

.layout-side-menu .side-menu-label+.badge {
  margin-right: .5em
}

.banner {
  color: #000;
  max-width: 800px;
  margin-top: 10px
}

.banner.full-width {
  max-width: none;
  margin-bottom: -19px
}

.banner.full-width .title {
  flex-grow: 1
}

.banner .toolbar {
  padding: 0
}

.banner .title {
  margin-bottom: 19px;
  font-family: "Roboto Light", sans-serif;
  font-size: 2em;
  color: #cb6d04
}

.banner .title a:not(:hover) {
  color: inherit
}

.banner .title .subtitle {
  color: #999;
  font-size: .5em
}

.banner .title .subtitle a {
  border-bottom: 1px dashed
}

.banner .title .date {
  color: #000;
  font-size: .75em;
  font-style: italic
}

.dialog-page {
  max-width: 800px
}

.dialog-page header {
  position: relative;
  margin-bottom: 1.8em
}

.dialog-page header .title .text {
  font-size: 1.428em
}

.dialog-page header h2,
.dialog-page header h3 {
  display: inline-block;
  margin-top: 0;
  margin-bottom: 0;
  color: #333
}

.dialog-page header h2 {
  margin-right: .5rem;
  font-size: 150%;
  font-weight: normal
}

.dialog-page header h3 {
  margin-top: .42rem;
  font-size: 100%
}

.dialog-page header .back-button {
  position: absolute;
  top: 11px;
  left: -20px;
  font-size: 15px;
  color: #dfdfdf
}

.dialog-page header .back-button:hover {
  color: #999
}

.dialog-page header .title {
  display: flex;
  align-items: flex-start;
  padding-top: .4rem;
  min-height: 2rem;
  border-bottom: 1px solid #ebebeb;
  margin-bottom: 1rem
}

.dialog-page header .title>.text {
  flex-grow: 1
}

.dialog-page header .title>.text>.title-with-actions {
  display: flex;
  align-items: center;
  gap: 1em
}

.dialog-page header .title>.text>.title-with-actions h2,
.dialog-page header .title>.text>.title-with-actions h3 {
  font-size: 120%;
  font-weight: normal;
  display: inline;
  margin-right: 0
}

.dialog-page header .title>.text>.title-with-actions .actions {
  display: inline-block;
  vertical-align: bottom;
  font-size: .8em
}

.dialog-page header .title>.text>.title-with-actions .i-button[class*=icon-]::before,
.dialog-page header .title>.text>.title-with-actions [class*=icon-].action-button::before {
  font-size: 1em;
  margin-right: .2em
}

.dialog-page header .title>.text>.title-with-actions .i-dropdown>li a {
  line-height: 1.7em
}

.dialog-page header .title>.actions {
  flex-grow: 0;
  flex-shrink: 0;
  white-space: nowrap
}

.dialog-page header .page-description {
  font-family: "Roboto Light", sans-serif;
  color: #999;
  font-size: 1.2em;
  margin-top: .42rem
}

.dialog-page header .page-info {
  font-family: "Roboto", sans-serif;
  color: #999;
  margin-top: .42rem
}

.management-page header {
  position: relative;
  margin-bottom: 1.8em
}

.management-page header .title .text {
  font-size: 1.428em
}

.management-page header h2,
.management-page header h3 {
  display: inline-block;
  margin-top: 0;
  margin-bottom: 0;
  color: #333
}

.management-page header h2 {
  margin-right: .5rem;
  font-size: 150%;
  font-weight: normal
}

.management-page header h3 {
  margin-top: .42rem;
  font-size: 100%
}

.management-page header .back-button {
  position: absolute;
  top: 11px;
  left: -20px;
  font-size: 15px;
  color: #dfdfdf
}

.management-page header .back-button:hover {
  color: #999
}

.management-page header .title {
  display: flex;
  align-items: flex-start;
  padding-top: .4rem;
  min-height: 2rem;
  border-bottom: 1px solid #ebebeb;
  margin-bottom: 1rem
}

.management-page header .title>.text {
  flex-grow: 1
}

.management-page header .title>.text>.title-with-actions {
  display: flex;
  align-items: center;
  gap: 1em
}

.management-page header .title>.text>.title-with-actions h2,
.management-page header .title>.text>.title-with-actions h3 {
  font-size: 120%;
  font-weight: normal;
  display: inline;
  margin-right: 0
}

.management-page header .title>.text>.title-with-actions .actions {
  display: inline-block;
  vertical-align: bottom;
  font-size: .8em
}

.management-page header .title>.text>.title-with-actions .i-button[class*=icon-]::before,
.management-page header .title>.text>.title-with-actions [class*=icon-].action-button::before {
  font-size: 1em;
  margin-right: .2em
}

.management-page header .title>.text>.title-with-actions .i-dropdown>li a {
  line-height: 1.7em
}

.management-page header .title>.actions {
  flex-grow: 0;
  flex-shrink: 0;
  white-space: nowrap
}

.management-page header .page-description {
  font-family: "Roboto Light", sans-serif;
  color: #999;
  font-size: 1.2em;
  margin-top: .42rem
}

.management-page header .page-info {
  font-family: "Roboto", sans-serif;
  color: #999;
  margin-top: .42rem
}

.management-page.wide .page-content {
  max-width: 1000px !important
}

.management-page.ultra-wide .page-content {
  max-width: 1600px !important
}

.fixed-width-standalone-page,
.fixed-width-standalone-text-page {
  margin-left: auto;
  margin-right: auto;
  width: 1000px
}

.fixed-width-standalone-page header,
.fixed-width-standalone-text-page header {
  position: relative;
  margin-bottom: 1.8em
}

.fixed-width-standalone-page header .title .text,
.fixed-width-standalone-text-page header .title .text {
  font-size: 1.428em
}

.fixed-width-standalone-page header h2,
.fixed-width-standalone-text-page header h2,
.fixed-width-standalone-page header h3,
.fixed-width-standalone-text-page header h3 {
  display: inline-block;
  margin-top: 0;
  margin-bottom: 0;
  color: #333
}

.fixed-width-standalone-page header h2,
.fixed-width-standalone-text-page header h2 {
  margin-right: .5rem;
  font-size: 150%;
  font-weight: normal
}

.fixed-width-standalone-page header h3,
.fixed-width-standalone-text-page header h3 {
  margin-top: .42rem;
  font-size: 100%
}

.fixed-width-standalone-page header .back-button,
.fixed-width-standalone-text-page header .back-button {
  position: absolute;
  top: 11px;
  left: -20px;
  font-size: 15px;
  color: #dfdfdf
}

.fixed-width-standalone-page header .back-button:hover,
.fixed-width-standalone-text-page header .back-button:hover {
  color: #999
}

.fixed-width-standalone-page header .title,
.fixed-width-standalone-text-page header .title {
  display: flex;
  align-items: flex-start;
  padding-top: .4rem;
  min-height: 2rem;
  border-bottom: 1px solid #ebebeb;
  margin-bottom: 1rem
}

.fixed-width-standalone-page header .title>.text,
.fixed-width-standalone-text-page header .title>.text {
  flex-grow: 1
}

.fixed-width-standalone-page header .title>.text>.title-with-actions,
.fixed-width-standalone-text-page header .title>.text>.title-with-actions {
  display: flex;
  align-items: center;
  gap: 1em
}

.fixed-width-standalone-page header .title>.text>.title-with-actions h2,
.fixed-width-standalone-text-page header .title>.text>.title-with-actions h2,
.fixed-width-standalone-page header .title>.text>.title-with-actions h3,
.fixed-width-standalone-text-page header .title>.text>.title-with-actions h3 {
  font-size: 120%;
  font-weight: normal;
  display: inline;
  margin-right: 0
}

.fixed-width-standalone-page header .title>.text>.title-with-actions .actions,
.fixed-width-standalone-text-page header .title>.text>.title-with-actions .actions {
  display: inline-block;
  vertical-align: bottom;
  font-size: .8em
}

.fixed-width-standalone-page header .title>.text>.title-with-actions .i-button[class*=icon-]::before,
.fixed-width-standalone-page header .title>.text>.title-with-actions [class*=icon-].action-button::before,
.fixed-width-standalone-text-page header .title>.text>.title-with-actions .i-button[class*=icon-]::before,
.fixed-width-standalone-text-page header .title>.text>.title-with-actions [class*=icon-].action-button::before {
  font-size: 1em;
  margin-right: .2em
}

.fixed-width-standalone-page header .title>.text>.title-with-actions .i-dropdown>li a,
.fixed-width-standalone-text-page header .title>.text>.title-with-actions .i-dropdown>li a {
  line-height: 1.7em
}

.fixed-width-standalone-page header .title>.actions,
.fixed-width-standalone-text-page header .title>.actions {
  flex-grow: 0;
  flex-shrink: 0;
  white-space: nowrap
}

.fixed-width-standalone-page header .page-description,
.fixed-width-standalone-text-page header .page-description {
  font-family: "Roboto Light", sans-serif;
  color: #999;
  font-size: 1.2em;
  margin-top: .42rem
}

.fixed-width-standalone-page header .page-info,
.fixed-width-standalone-text-page header .page-info {
  font-family: "Roboto", sans-serif;
  color: #999;
  margin-top: .42rem
}

.fixed-width-standalone-page header,
.fixed-width-standalone-text-page header {
  margin-top: 1em
}

.fixed-width-standalone-page .page-content,
.fixed-width-standalone-text-page .page-content {
  max-width: 1000px
}

.fixed-width-standalone-text-page {
  width: 800px
}

.fixed-width-standalone-text-page .page-content {
  max-width: 800px;
  font-size: 1.2em
}

.fixed-width-standalone-text-page .page-content p:first-child {
  margin-top: 0
}

.fixed-width-standalone-text-page .page-content p:last-child {
  margin-bottom: 0
}

.conference-page header {
  position: relative;
  margin-bottom: 1.8em
}

.conference-page header .title .text {
  font-size: 1.428em
}

.conference-page header h2,
.conference-page header h3 {
  display: inline-block;
  margin-top: 0;
  margin-bottom: 0;
  color: #333
}

.conference-page header h2 {
  margin-right: .5rem;
  font-size: 150%;
  font-weight: normal
}

.conference-page header h3 {
  margin-top: .42rem;
  font-size: 100%
}

.conference-page header .back-button {
  position: absolute;
  top: 11px;
  left: -20px;
  font-size: 15px;
  color: #dfdfdf
}

.conference-page header .back-button:hover {
  color: #999
}

.conference-page header .title {
  display: flex;
  align-items: flex-start;
  padding-top: .4rem;
  min-height: 2rem;
  border-bottom: 1px solid #ebebeb;
  margin-bottom: 1rem;
  place-self: center;
}

.conference-page header .title>.text {
  flex-grow: 1
}

.conference-page header .title>.text>.title-with-actions {
  display: flex;
  align-items: center;
  gap: 1em
}

.conference-page header .title>.text>.title-with-actions h2,
.conference-page header .title>.text>.title-with-actions h3 {
  /* font-size: 120%; */
  font-weight: normal;
  display: inline;
  margin-right: 0
}

.conference-page header .title>.text>.title-with-actions .actions {
  display: inline-block;
  vertical-align: bottom;
  font-size: .8em
}

.conference-page header .title>.text>.title-with-actions .i-button[class*=icon-]::before,
.conference-page header .title>.text>.title-with-actions [class*=icon-].action-button::before {
  font-size: 1em;
  margin-right: .2em
}

.conference-page header .title>.text>.title-with-actions .i-dropdown>li a {
  line-height: 1.7em
}

.conference-page header .title>.actions {
  flex-grow: 0;
  flex-shrink: 0;
  white-space: nowrap
}

.conference-page header .page-description {
  font-family: "Roboto Light", sans-serif;
  color: #999;
  font-size: 1.2em;
  margin-top: .42rem
}

.conference-page header .page-info {
  font-family: "Roboto", sans-serif;
  color: #999;
  margin-top: .42rem
}

.conference-page header h2 {
  color: var(--text-title) !important;
  padding-right: 5px
}

.conference-page header h2 .track-name {
  font-style: italic
}

.meeting-header {
  max-width: 800px;
  margin: 2em auto 0 auto
}

.meeting-header h1 {
  color: #007cac
}

.meeting-page {
  max-width: 800px;
  margin: 2em auto 0 auto
}

.meeting-page header {
  position: relative;
  margin-bottom: 1.8em
}

.meeting-page header .title .text {
  font-size: 1.428em
}

.meeting-page header h2,
.meeting-page header h3 {
  display: inline-block;
  margin-top: 0;
  margin-bottom: 0;
  color: #333
}

.meeting-page header h2 {
  margin-right: .5rem;
  font-size: 150%;
  font-weight: normal
}

.meeting-page header h3 {
  margin-top: .42rem;
  font-size: 100%
}

.meeting-page header .back-button {
  position: absolute;
  top: 11px;
  left: -20px;
  font-size: 15px;
  color: #dfdfdf
}

.meeting-page header .back-button:hover {
  color: #999
}

.meeting-page header .title {
  display: flex;
  align-items: flex-start;
  padding-top: .4rem;
  min-height: 2rem;
  border-bottom: 1px solid #ebebeb;
  margin-bottom: 1rem
}

.meeting-page header .title>.text {
  flex-grow: 1
}

.meeting-page header .title>.text>.title-with-actions {
  display: flex;
  align-items: center;
  gap: 1em
}

.meeting-page header .title>.text>.title-with-actions h2,
.meeting-page header .title>.text>.title-with-actions h3 {
  font-size: 120%;
  font-weight: normal;
  display: inline;
  margin-right: 0
}

.meeting-page header .title>.text>.title-with-actions .actions {
  display: inline-block;
  vertical-align: bottom;
  font-size: .8em
}

.meeting-page header .title>.text>.title-with-actions .i-button[class*=icon-]::before,
.meeting-page header .title>.text>.title-with-actions [class*=icon-].action-button::before {
  font-size: 1em;
  margin-right: .2em
}

.meeting-page header .title>.text>.title-with-actions .i-dropdown>li a {
  line-height: 1.7em
}

.meeting-page header .title>.actions {
  flex-grow: 0;
  flex-shrink: 0;
  white-space: nowrap
}

.meeting-page header .page-description {
  font-family: "Roboto Light", sans-serif;
  color: #999;
  font-size: 1.2em;
  margin-top: .42rem
}

.meeting-page header .page-info {
  font-family: "Roboto", sans-serif;
  color: #999;
  margin-top: .42rem
}

.event-wrapper {
  width: 1000px;
  margin: 30px auto;
  margin-top: 18px
}

.conference-title-link {
  font-size: 33px;
  background: rgba(0, 0, 0, 0);
  color: #fff
}

.search-page header {
  position: relative;
  margin-bottom: 1.8em
}

.search-page header .title .text {
  font-size: 1.428em
}

.search-page header h2,
.search-page header h3 {
  display: inline-block;
  margin-top: 0;
  margin-bottom: 0;
  color: #333
}

.search-page header h2 {
  margin-right: .5rem;
  font-size: 150%;
  font-weight: normal
}

.search-page header h3 {
  margin-top: .42rem;
  font-size: 100%
}

.search-page header .back-button {
  position: absolute;
  top: 11px;
  left: -20px;
  font-size: 15px;
  color: #dfdfdf
}

.search-page header .back-button:hover {
  color: #999
}

.search-page header .title {
  display: flex;
  align-items: flex-start;
  padding-top: .4rem;
  min-height: 2rem;
  border-bottom: 1px solid #ebebeb;
  margin-bottom: 1rem
}

.search-page header .title>.text {
  flex-grow: 1
}

.search-page header .title>.text>.title-with-actions {
  display: flex;
  align-items: center;
  gap: 1em
}

.search-page header .title>.text>.title-with-actions h2,
.search-page header .title>.text>.title-with-actions h3 {
  font-size: 120%;
  font-weight: normal;
  display: inline;
  margin-right: 0
}

.search-page header .title>.text>.title-with-actions .actions {
  display: inline-block;
  vertical-align: bottom;
  font-size: .8em
}

.search-page header .title>.text>.title-with-actions .i-button[class*=icon-]::before,
.search-page header .title>.text>.title-with-actions [class*=icon-].action-button::before {
  font-size: 1em;
  margin-right: .2em
}

.search-page header .title>.text>.title-with-actions .i-dropdown>li a {
  line-height: 1.7em
}

.search-page header .title>.actions {
  flex-grow: 0;
  flex-shrink: 0;
  white-space: nowrap
}

.search-page header .page-description {
  font-family: "Roboto Light", sans-serif;
  color: #999;
  font-size: 1.2em;
  margin-top: .42rem
}

.search-page header .page-info {
  font-family: "Roboto", sans-serif;
  color: #999;
  margin-top: .42rem
}

.search-page header {
  margin-top: 1em
}

.search-page .title .text {
  margin-left: 2%
}

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

button,
input,
textarea,
select,
blockquote {
  font: inherit
}

fieldset,
legend,
ol,
ul,
menu {
  padding: 0
}

fieldset,
ol,
ul,
blockquote,
menu {
  margin: 0
}

fieldset {
  border: none
}

button:not(:disabled),
select:not(:disabled),
input[type=checkbox]:not(:disabled),
input[type=radio]:not(:disabled),
label,
summary {
  cursor: pointer
}

:disabled label,
label:has(:disabled) {
  cursor: default
}

summary {
  list-style: none
}

.semantic-text {
  color: #999
}

.semantic-text.highlight,
.semantic-text.action-button,
.categorynav .category-list .item .button-wrapper .semantic-text.action-button {
  color: #09c
}

.semantic-text.success {
  color: #00c851
}

.semantic-text.error {
  color: #f91f1f
}

.semantic-text.warning,
div.session-bar .semantic-text.i-button.protection-network {
  color: #e99e18
}

.semantic-text.visited {
  color: #6e5494
}

.semantic-text.strong {
  color: #555
}

.semantic-text.editing-rejected {
  color: #31393c
}

.semantic-text.editing-make-changes {
  color: #ffcf00
}

.semantic-text.editing-request-changes {
  color: #c00
}

.semantic-text.editing-accepted-submitter {
  color: #b5cc18
}

.semantic-background {
  border-top: 1px solid #999;
  border-bottom: 1px solid #999;
  border-right: 1px solid #999;
  border-left: 1px solid #999;
  background: #999;
  color: #fff
}

.semantic-background.highlight,
.semantic-background.action-button,
.categorynav .category-list .item .button-wrapper .semantic-background.action-button {
  border-top: 1px solid #09c;
  border-bottom: 1px solid #09c;
  border-right: 1px solid #09c;
  border-left: 1px solid #09c;
  background: #09c
}

.semantic-background.success {
  border-top: 1px solid #00c851;
  border-bottom: 1px solid #00c851;
  border-right: 1px solid #00c851;
  border-left: 1px solid #00c851;
  background: #00c851
}

.semantic-background.error {
  border-top: 1px solid #f91f1f;
  border-bottom: 1px solid #f91f1f;
  border-right: 1px solid #f91f1f;
  border-left: 1px solid #f91f1f;
  background: #f91f1f
}

.semantic-background.warning,
div.session-bar .semantic-background.i-button.protection-network {
  border-top: 1px solid #e99e18;
  border-bottom: 1px solid #e99e18;
  border-right: 1px solid #e99e18;
  border-left: 1px solid #e99e18;
  background: #e99e18
}

.semantic-background.visited {
  border-top: 1px solid #6e5494;
  border-bottom: 1px solid #6e5494;
  border-right: 1px solid #6e5494;
  border-left: 1px solid #6e5494;
  background: #6e5494
}

.semantic-background.strong {
  border-top: 1px solid #555;
  border-bottom: 1px solid #555;
  border-right: 1px solid #555;
  border-left: 1px solid #555;
  background: #555
}

.semantic-background.editing-rejected {
  border-top: 1px solid #31393c;
  border-bottom: 1px solid #31393c;
  border-right: 1px solid #31393c;
  border-left: 1px solid #31393c;
  background: #31393c
}

.semantic-background.editing-make-changes {
  border-top: 1px solid #ffcf00;
  border-bottom: 1px solid #ffcf00;
  border-right: 1px solid #ffcf00;
  border-left: 1px solid #ffcf00;
  background: #ffcf00
}

.semantic-background.editing-request-changes {
  border-top: 1px solid #c00;
  border-bottom: 1px solid #c00;
  border-right: 1px solid #c00;
  border-left: 1px solid #c00;
  background: #c00
}

.semantic-background.editing-accepted-submitter {
  border-top: 1px solid #b5cc18;
  border-bottom: 1px solid #b5cc18;
  border-right: 1px solid #b5cc18;
  border-left: 1px solid #b5cc18;
  background: #b5cc18
}

html,
body {
  height: 100%
}

body {
  background: #fff;
  padding: 0;
  margin: 0;
  font-family: 'Inter', sans-serif;
  font-size: 13px
}

.ui, .ui.form input:not([type]), .ui.form input[type="date"], .ui.form input[type="datetime-local"], .ui.form input[type="email"], .ui.form input[type="number"], .ui.form input[type="password"], .ui.form input[type="search"], .ui.form input[type="tel"], .ui.form input[type="time"], .ui.form input[type="text"], .ui.form input[type="file"], .ui.form input[type="url"], .col2 {
  font-family: 'Inter', sans-serif!important;
}

h1,
h2,
h3,
h4,
h5,
h6,
td,
dl,
ol,
blockquote {
  color: #555
}

h1 {
  font-family: "Roboto", sans-serif;
  font-size: 1.7em
}

h1.category-title {
  font-size: 2em
}

h2,
h3,
h4 {
  font-family: "Roboto Light", sans-serif
}

h2 {
  font-size: 1.6em
}

h3 {
  font-size: 1.2em
}

sup,
sub {
  vertical-align: baseline;
  position: relative;
  top: -0.4em
}

sub {
  top: .4em
}

pre {
  white-space: pre-wrap;
  white-space: -moz-pre-wrap;
  white-space: -o-pre-wrap;
  word-wrap: break-word;
  margin: 0
}

.page-title {
  margin-top: 0;
  font-size: 2em;
  font-weight: normal;
  color: #cb6d04
}

.group-title {
  border-bottom: 2px solid #eaeaea;
  display: block;
  font-size: 2em;
  font-weight: normal
}

.group-title>i {
  font-size: 1.2em;
  padding-right: .2em;
  vertical-align: middle
}

.groupTitle,
.groupTitleNoBorder,
.groupSubTitle {
  display: block;
  width: 100%;
  font-family: "Helvetica Neue", Helvetica, Verdana, Arial, sans-serif;
  font-size: 24px;
  font-weight: normal;
  color: #4a4a4a;
  padding: 3px 3px 5px 3px;
  border-bottom: 1px solid #aaa;
  margin-bottom: 1em
}

td.groupTitle,
td.groupTitleNoBorder,
td.groupSubTitle {
  display: table-cell
}

.groupTitle>[class*=icon-],
.groupTitleNoBorder>[class*=icon-] {
  color: #ccc;
  font-size: 1.2em;
  vertical-align: middle
}

.reviewingsubtitle {
  font-family: "Times New Roman", Verdana, Arial, sans-serif;
  font-size: 15pt;
  color: #4e4c46;
  letter-spacing: 1px;
  padding: 3px;
  margin: 10px 0
}

.groupTitleNoBorder {
  border-bottom: none
}

.quotation {
  margin: 10px;
  padding-left: 10px;
  color: #777;
  border-left: 4px solid #ddd
}

.nohtml {
  white-space: pre-line
}

.overflow {
  overflow: auto
}

.bold {
  font-weight: bold
}

.italic {
  font-style: italic
}

.text-right {
  text-align: right
}

.text-important {
  color: #111
}

.text-normal {
  color: #444
}

.text-error,
input[type=checkbox].validate:not(:checked)+label {
  color: #f91f1f
}

.text-not-important {
  color: #777
}

.text-superfluous,
.submission-info .custom-field-values .field-value .value.empty,
.auth-scopes li.authorized,
i.info-helper {
  color: #bbb
}

.text-paper,
.agreement-form-sections .legal-body,
.abstract-content {
  font-family: "Liberation Serif", serif;
  text-align: justify;
  text-indent: 2em
}

.text-paper h3,
.agreement-form-sections .legal-body h3,
.abstract-content h3 {
  color: inherit;
  font-family: inherit;
  font-size: 1.1em;
  font-weight: inherit;
  margin: 0 0 1.2em 0;
  text-align: center;
  text-indent: 0;
  text-transform: uppercase
}

a.small-link {
  color: #777;
  font-size: 11px
}

.mono,
textarea.log,
code {
  font-family: "Liberation Mono", monospace
}

textarea.log {
  color: #999;
  font-size: .7em
}

.preformatted {
  white-space: pre-wrap
}

.pre-line {
  white-space: pre-line
}

.underline {
  text-decoration: underline
}

body {
  --text-color: #333;
  --text-inverse-color: #fff;
  --text-disabled-color: #999;
  --text-secondary-color: #141414!important;
  --background-primary: #fff;
  --background-secondary: #f7f7f7;
  --surface-default: #e8e8e8;
  --surface-inverse-color: #555;
  --surface-accent-color: var(--accent-color);
  --surface-accent-secondary-color: #cee8f5;
  --surface-highlight-color: #c4c4c4;
  --surface-highlight-inverse-color: var(--text-secondary-color);
  --surface-disabled-color: #f9f9f9;
  --surface-disabled-inverse-color: #757575;
  --border-default-color: #5a5a5a;
  --border-disabled-color: #c4c4c4;
  --accent-color: #0075a3;
  --accent-secondary-color: #aa5302;
  --accent-highlight-color: #035e81;
  --accent-border-color: #05425b;
  --active-color: #db1a1a;
  --visited-color: #5c079b;
  --protected-color: #cc6300;
  --highlight-color: #fff9b8;
  --attention-color: #fd0;
  --text-red-color: #db1a1a;
  --text-green-color: #216901;
  --text-blue-color: #0164c1;
  --text-brown-color: #60331f;
  --text-orange-color: #b73701;
  --control-border-color: var(--border-default-color);
  --control-text-color: var(--text-color);
  --control-clickable-surface-color: var(--surface-default);
  --control-clickable-surface-focus-color: var(--surface-highlight-color);
  --control-clickable-border-color: var(--control-border-color);
  --control-alt-text-color: var(--text-inverse-color);
  --control-alt-clickable-surface-color: var(--accent-color);
  --control-alt-clickable-surface-focus-color: var(--accent-highlight-color);
  --control-alt-border-color: var(--accent-border-color);
  --control-disabled-text-color: var(--text-disabled-color);
  --control-disabled-clickable-surface-color: var(--surface-disabled-color);
  --control-disabled-border-color: var(--surface-disabled-color);
  --control-indented-bg-color: var(--surface-disabled-color);
  --control-disabled-indented-bg-color: var(--text-disabled-color);
  --control-disabled-inset-indented-color: var(--text-disabled-color);
  --control-border-width: 1px;
  --control-border-radius: 0.3em;
  --control-border: var(--control-border-width) solid var(--control-border-color);
  --control-padding: 0.5em 1em;
  --control-internal-gap: 0.2em;
  --control-raised-shadow: 0 0.2em 0.5em rgba(0, 0, 0, 0.3);
  --clickable-text-color: var(--accent-color);
  --clickable-text-highlight-color: var(--accent-secondary-color);
  --clickable-text-active-color: var(--active-color);
  --clickable-text-used-color: var(--visited-color);
  --clickable-text-disabled-color: var(--text-disabled-color);
  --table-border-color: var(--control-border-color);
  --table-border-width: 1px;
  --table-header-border-color: var(--control-border-color);
  --table-header-border-width: 2px;
  --container-padding: 1em;
  --container-narrow-padding: 1em 0.5em;
  --container-element-spacing: 0.5em;
  --container-separator-color: #d0d0d0;
  --content-gap-within-inline: 0.2em;
  --content-gap-normal: 0.5em;
  --content-gap-between-groups: 1em;
  --content-gap-between-sections: 2em;
  --content-max-readable-width: 40em;
  --message-important-surface-color: var(--highlight-color);
  --message-important-text-color: var(--text-color);
  --text-size-rel-xs: 75%;
  --text-size-rel-s: 87.5%;
  --text-size-rel-n: 100%;
  --text-size-rel-l: 120%;
  --text-size-rel-xl: 150%;
  --text-size-rel-xxl: 200%;
  --text-size-abs-s: 0.875rem;
  --text-size-abs-n: 1rem;
  --text-size-abs-l: 1.2rem;
  --text-size-abs-xl: 1.5rem;
  --text-size-abs-xxl: 2rem;
  --text-size-global-adjust: 1.14;
  --transition-quick: 0.2s;
  --tag-generic-color: var(--accent-color);
  --tag-disabled-color: var(--surface-disabled-inverse-color);
  --modal-control-box-shadow: 0 0.5em 2em rgba(0, 0, 0, 0.3);
  --menu-background-color: var(--background-primary);
  --menu-text-color: var(--clickable-text-color);
  --menu-text-hover-color: var(--clickable-text-highlight-color);
  --menu-background-hover-color: var(--background-secondary);
  --menu-border-color: var(--border-disabled-color);
  --menu-shadow: var(--control-raised-shadow);
  --menu-padding: 1em;
  --menu-vertical-padding-ratio: 0.7;
  --menu-border: 1px solid var(--menu-border-color)
}

.footer.dark {
  --text-secondary-color: #141414;
  --clickable-text-color: #21c0ff
}

.ui.label.green {
  color: #333 !important
}

.ui.dropdown:not(.button)>.default.text,
.ui.default.dropdown:not(.button)>.text {
  color: #737373 !important
}

.ui.primary.button {
  background-color: var(--accent-color)
}

.ui.primary.button:hover {
  background-color: var(--accent-highlight-color)
}

.ui.info.message,
.ui.info.message .header {
  color: var(--accent-highlight-color) !important;
  border-radius: 20px;
}

.action-box {
  border-radius: 2px;
  margin-bottom: 1rem;
  padding: 10px;
  width: 100%;
  border-top: 1px solid #999;
  border-bottom: 1px solid #999;
  border-right: 1px solid #999;
  border-left: 1px solid #999;
  background: #f9f9f9;
  color: #999
}

.action-box>.section {
  overflow: hidden;
  align-items: center;
  overflow: visible
}

.action-box>.section.align-top {
  align-items: flex-start
}

.action-box>.section>.toolbar {
  margin: 0;
  padding: 0 0 0 .5em;
  flex-shrink: 0;
  margin-left: auto
}

.action-box>.section>.toolbar.right {
  padding-left: .5em
}

.action-box>.section>.toolbar a:not(.i-button),
.action-box>.section>.toolbar a:not(.ui.button) {
  line-height: 2.2em
}

.action-box>.section>.toolbar>.group {
  margin-bottom: 0
}

.action-box>.section:not(:first-child) {
  margin-top: 5px;
  padding-top: 5px;
  border-top: 1px solid #bbb
}

.action-box>.section>.text {
  flex-grow: 1
}

.action-box>.section>.text>.label {
  font-weight: bold
}

.action-box>.section>.icon {
  font-size: 3rem;
  padding-right: .5rem;
  flex-shrink: 0;
  align-self: center
}

.action-box>.section>.icon.align-top {
  align-self: flex-start;
  margin-top: .15em
}

.action-box .section>.sui-icon-wrapper {
  padding-right: .5rem
}

.action-box .section>.sui-icon-wrapper i.icon {
  font-size: 1.825em;
  margin-right: 0
}

.action-box .section:not(.highlight):not(.warning):not(.danger):not(.disabled):not(.accept):not(.plain)>.icon {
  color: #777
}

.action-box .section:not(.highlight):not(.warning):not(.danger):not(.disabled):not(.accept):not(.plain) .text .label {
  color: #777
}

.action-box .section:not(.highlight):not(.warning):not(.danger):not(.disabled):not(.accept):not(.plain)>.sui-icon-wrapper {
  color: #777
}

.action-box.highlight {
  border-top: 1px solid #09c;
  border-bottom: 1px solid #09c;
  border-right: 1px solid #09c;
  border-left: 1px solid #09c;
  background: #edf3fd;
  color: #777
}

.action-box.highlight .section:not(.highlight):not(.warning):not(.danger):not(.disabled):not(.accept):not(.plain)>.icon {
  color: #ffffff;
}

.action-box.highlight .section:not(.highlight):not(.warning):not(.danger):not(.disabled):not(.accept):not(.plain) .text .label {
  color: #09c
}

.action-box.highlight .section:not(.highlight):not(.warning):not(.danger):not(.disabled):not(.accept):not(.plain)>.sui-icon-wrapper {
  color: #09c
}

.action-box.warning {
  border-top: 1px solid #e99e18;
  border-bottom: 1px solid #e99e18;
  border-right: 1px solid #e99e18;
  border-left: 1px solid #e99e18;
  background: #ffe6ba;
  color: #999
}

.action-box.warning .section:not(.highlight):not(.warning):not(.danger):not(.disabled):not(.accept):not(.plain)>.icon {
  color: #e99e18
}

.action-box.warning .section:not(.highlight):not(.warning):not(.danger):not(.disabled):not(.accept):not(.plain) .text .label {
  color: #e99e18
}

.action-box.warning .section:not(.highlight):not(.warning):not(.danger):not(.disabled):not(.accept):not(.plain)>.sui-icon-wrapper {
  color: #e99e18
}

.action-box.danger {
  border-top: 1px solid #f91f1f;
  border-bottom: 1px solid #f91f1f;
  border-right: 1px solid #f91f1f;
  border-left: 1px solid #f91f1f;
  background: #f2dede;
  color: #777
}

.action-box.danger .section:not(.highlight):not(.warning):not(.danger):not(.disabled):not(.accept):not(.plain)>.icon {
  color: #f91f1f
}

.action-box.danger .section:not(.highlight):not(.warning):not(.danger):not(.disabled):not(.accept):not(.plain) .text .label {
  color: #f91f1f
}

.action-box.danger .section:not(.highlight):not(.warning):not(.danger):not(.disabled):not(.accept):not(.plain)>.sui-icon-wrapper {
  color: #f91f1f
}

.action-box.disabled {
  border-top: 1px solid #555;
  border-bottom: 1px solid #555;
  border-right: 1px solid #555;
  border-left: 1px solid #555;
  background: #dfdfdf;
  color: #777
}

.action-box.disabled .section:not(.highlight):not(.warning):not(.danger):not(.disabled):not(.accept):not(.plain)>.icon {
  color: #555
}

.action-box.disabled .section:not(.highlight):not(.warning):not(.danger):not(.disabled):not(.accept):not(.plain) .text .label {
  color: #555
}

.action-box.disabled .section:not(.highlight):not(.warning):not(.danger):not(.disabled):not(.accept):not(.plain)>.sui-icon-wrapper {
  color: #555
}

.action-box.accept {
  border-top: 1px solid #00c851;
  border-bottom: 1px solid #00c851;
  border-right: 1px solid #00c851;
  border-left: 1px solid #00c851;
  background: #def2de;
  color: #777
}

.action-box.accept .section:not(.highlight):not(.warning):not(.danger):not(.disabled):not(.accept):not(.plain)>.icon {
  color: #00c851
}

.action-box.accept .section:not(.highlight):not(.warning):not(.danger):not(.disabled):not(.accept):not(.plain) .text .label {
  color: #00c851
}

.action-box.accept .section:not(.highlight):not(.warning):not(.danger):not(.disabled):not(.accept):not(.plain)>.sui-icon-wrapper {
  color: #00c851
}

.action-box.plain {
  border: none;
  background-color: rgba(0, 0, 0, 0)
}

.action-box.draft-mode {
  max-width: 800px
}

.action-box ul:not(.i-dropdown):not(.ck) {
  margin: 0;
  padding-left: 1.5em;
  max-height: 100px;
  overflow: auto
}

.action-box .date {
  font-weight: bold
}

.action-box.mid-form {
  margin-top: 5px;
  margin-bottom: 6px
}

#tz-selector-widget>div,
#tz-selector-widget form,
.i-badge,
.i-badge>.i-badge-content {
  --flex-gap: var(--content-gap-normal);
  display: flex;
  flex-direction: column;
  gap: var(--flex-gap)
}

.timeTableLegend .legendItem,
#tz-remember-setting,
#global-menu>menu,
#global-menu li :is(a, button),
.i-badges-list,
.i-badges-list-space-evenly,
#category-toolbar ind-menu>menu>li :is(a, button),
.create-event-button menu>li :is(a, button),
#tz-selector-widget .options {
  --flex-gap: var(--content-gap-normal);
  --flex-wrap: wrap;
  display: flex;
  align-items: center;
  gap: var(--flex-gap);
  flex-wrap: var(--flex-wrap)
}

#tz-selector-widget [type=checkbox],
#tz-selector-widget button,
div.announcement-bar:not([hidden]) .close-button,
#tz-selector-widget .options input+* {
  display: inline-flex;
  justify-content: center;
  align-items: center
}

ul.category-list li .category-description .protection>span,
#category-list,
#tz-selector-widget [type=radio],
#tz-custom-field span,
div.announcement-bar:not([hidden]) .close-button span,
nav.main-breadcrumb .path .current-page-indicator,
.infogrid h2,
.infogrid h3 span,
.infoline.date .timezone-label {
  position: absolute;
  clip-path: inset(50%);
  width: 1px;
  height: 1px;
  overflow: hidden
}

#tz-selector-widget .options input+:active,
#tz-selector-widget button:active {
  box-shadow: inset .2em .2em .2em rgba(0, 0, 0, .3)
}

#tz-selector-widget .options input+*,
#tz-selector-widget button {
  --button-border-color: var(--control-border-color);
  --button-text-color: var(--control-text-color);
  --button-surface-color: var(--control-clickable-surface-color);
  --button-surface-hover-color: var(--control-clickable-surface-focus-color);
  gap: var(--control-internal-gap);
  padding: var(--control-padding);
  border: 0;
  color: var(--button-text-color);
  background: var(--button-surface-color);
  line-height: 1.1;
  font-weight: bold
}

#tz-selector-widget .options input+:focus,
#tz-selector-widget button:focus,
#tz-selector-widget .options input+:hover,
#tz-selector-widget button:hover {
  color: var(--button-text-color);
  background-color: var(--button-surface-hover-color)
}

#tz-selector-widget button {
  border-radius: var(--control-border-radius)
}

#tz-selector-widget .options label:first-of-type input+* {
  border-top-left-radius: var(--control-border-radius);
  border-bottom-left-radius: var(--control-border-radius)
}

#tz-selector-widget .options label:last-of-type input+* {
  border-top-right-radius: var(--control-border-radius);
  border-bottom-right-radius: var(--control-border-radius)
}

#tz-selector-widget .options :disabled+*,
#tz-selector-widget button:disabled {
  --button-disabled-border-color: var(--control-disabled-border-color);
  --button-disabled-surface-color: var(--control-disabled-clickable-surface-color);
  --button-disabled-text-color: var(--control-disabled-text-color);
  background: var(--buttton-disabled-surface-color);
  color: var(--button-disabled-text-color);
  border-color: var(--button-disabled-border-color)
}

#tz-selector-widget .options :checked+*,
#tz-selector-widget button {
  --button-surface-color: var(--control-alt-clickable-surface-color);
  --button-text-color: var(--control-alt-text-color);
  --button-border-color: var(--control-alt-border-color);
  --button-surface-hover-color: var(--control-alt-clickable-surface-focus-color)
}

div.announcement-bar:not([hidden]) .close-button {
  border: 0;
  background: rgba(0, 0, 0, 0);
  font: inherit;
  color: inherit
}

div.announcement-bar:not([hidden]) .close-button {
  padding: 0
}

#tz-selector,
#tz-selector-widget legend,
#tz-profile-setting>:first-of-type,
#tz-remember-setting span {
  color: inherit;
  font: inherit
}

#tz-selector-widget .options :focus-visible+* {
  outline: medium solid Highlight;
  outline: medium solid -webkit-focus-ring-color
}

#global-menu {
  font-size: 1.143rem
}

#tz-profile-setting>:first-of-type,
#tz-remember-setting span,
#tz-selector-widget legend {
  font-weight: bold
}

#tz-selector-widget legend {
  display: block;
  margin-bottom: .5em
}

#tz-selector-widget select {
  border: var(--control-border);
  border-radius: var(--control-border-radius)
}

#tz-selector-widget select option:not(:checked):hover {
  background: var(--control-clickable-surface-color)
}

#tz-selector-widget select option:checked {
  background: var(--control-alt-clickable-surface-color);
  color: var(--control-alt-text-color)
}

#tz-selector-widget [type=checkbox] {
  appearance: none;
  width: 1.5em;
  height: 1.5em;
  background: var(--control-indented-bg-color);
  border: var(--control-border);
  border-radius: var(--control-border-radius)
}

#tz-selector-widget [type=checkbox]:checked {
  background: var(--control-alt-clickable-surface-color);
  color: var(--control-alt-text-color)
}

#tz-selector-widget [type=checkbox]:focus-visible:not(:checked) {
  background: var(--control-clickable-surface-focus-color)
}

#tz-selector-widget [type=checkbox]:focus-visible:checked {
  background: var(--control-alt-clickable-surface-focus-color)
}

#tz-selector-widget [type=checkbox]:disabled {
  background: var(--control-disabled-indented-bg-color);
  color: var(--control-disabled-text-color);
  border-color: var(--control-disabled-border-color)
}

#tz-selector-widget .options {
  --flex-gap: 0;
  position: relative
}

#tz-selector-widget .options label {
  display: contents
}

#tz-selector-widget .options input[type=radio] {
  appearance: none;
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%
}

#tz-selector-widget .options input+* {
  flex: 1 0 auto
}

#tz-selector-widget .options input+*::before {
  visibility: hidden
}

#tz-selector-widget .options input+*::after {
  content: " ";
  width: 1ch
}

#tz-selector-widget .options :focus-visible+* {
  z-index: 1
}

#tz-selector-widget .options :checked+* {
  cursor: default
}

#tz-selector-widget .options :checked+*::before {
  visibility: visible
}

#tz-selector-widget .options {
  align-items: center
}

#tz-selector-widget .options label:not(:last-child) input+* {
  margin-right: -1px
}

ul.category-list li a,
.event-list li .list-name a,
.infogrid a,
.footer a,
.event-list .toggle-hidden-events {
  --link-color: var(--clickable-text-color);
  --link-highlight-color: var(--clickable-text-highlight-color);
  --link-active-color: var(--clickable-text-active-color);
  --link-disabled-color: var(--clickable-text-disabled-color);
  color: var(--link-color);
  text-decoration: none;
  transition: color var(--transition-quick)
}

ul.category-list li a:hover,
.event-list li .list-name a:hover,
.infogrid a:hover,
.footer a:hover,
.event-list .toggle-hidden-events:hover,
ul.category-list li a:focus-visible,
.event-list li .list-name a:focus-visible,
.infogrid a:focus-visible,
.footer a:focus-visible,
.event-list .toggle-hidden-events:focus-visible {
  color: var(--link-highlight-color)
}

ul.category-list li a:active,
.event-list li .list-name a:active,
.infogrid a:active,
.footer a:active,
.event-list .toggle-hidden-events:active {
  color: var(--link-active-color)
}

ul.category-list li a[aria-disabled=true],
.event-list li .list-name a[aria-disabled=true],
.infogrid a[aria-disabled=true],
.footer a[aria-disabled=true],
.event-list [aria-disabled=true].toggle-hidden-events {
  color: var(--link-disabled-color)
}

.event-list .toggle-hidden-events {
  font: inherit;
  background: rgba(0, 0, 0, 0);
  padding: 0;
  border: 0
}

.event-list .toggle-hidden-events:disabled {
  color: var(--link-disabled-color);
  cursor: not-allowed
}

#tz-selector {
  font-weight: bold;
  font-size: var(--text-size-rel-l)
}

.footer span,
.footer .version {
  color: var(--text-secondary-color)
}

body {
  --msgbox-alert-key-color: #c00;
  --msgbox-alert-sub-color: #fff6f6;
  --msgbox-alert-text-color: var(--text-color)
}

#category-toolbar ind-menu>menu>li,
.create-event-button menu>li,
#global-menu>menu>li {
  padding: 0
}

#category-toolbar ind-menu>menu>li :is(a, button),
.create-event-button menu>li :is(a, button),
#global-menu>menu>li :is(a, button) {
  flex: none;
  background: var(--menu-background-color);
  color: var(--menu-text-color);
  padding: calc(var(--menu-vertical-padding-ratio)*var(--menu-padding)) var(--menu-padding);
  border: none
}

#category-toolbar ind-menu>menu>li :is(a, button):first-child,
.create-event-button menu>li :is(a, button):first-child,
#global-menu>menu>li :is(a, button):first-child,
#category-toolbar ind-menu>menu>li :is(a, button).arrow:last-of-type,
.create-event-button menu>li :is(a, button).arrow:last-of-type,
#global-menu>menu>li :is(a, button).arrow:last-of-type {
  border-radius: 0
}

#category-toolbar ind-menu>menu>li :is(a, button):hover,
.create-event-button menu>li :is(a, button):hover,
#global-menu>menu>li :is(a, button):hover,
#category-toolbar ind-menu>menu>li :is(a, button).open,
.create-event-button menu>li :is(a, button).open,
#global-menu>menu>li :is(a, button).open {
  color: var(--menu-text-hover-color);
  background: var(--menu-background-hover-color)
}

#category-toolbar ind-menu>menu>li :is(a, button).arrow::after,
.create-event-button menu>li :is(a, button).arrow::after,
#global-menu>menu>li :is(a, button).arrow::after {
  vertical-align: middle;
  display: inline-block;
  margin-left: .5em
}

#category-toolbar ind-menu>menu,
.create-event-button menu,
#global-menu>menu {
  list-style: none;
  border: var(--menu-border);
  box-shadow: var(--menu-shadow)
}

.i-badges-list-space-evenly,
.i-badges-list {
  flex-wrap: wrap;
  align-items: stretch
}

.i-badges-list {
  justify-content: flex-start
}

.i-badges-list-space-evenly {
  justify-content: space-evenly
}

.i-badge {
  border-radius: 2px;
  transition: background-color .25s ease-out;
  --flex-gap: 0;
  justify-content: space-between;
  text-align: center;
  box-shadow: 0 2px 1px 0 #bbb;
  min-width: 10em;
  background-color: #007cac
}

.i-badge,
.i-badge * {
  color: #edf3fd
}

.i-badge>.i-badge-legend {
  border-color: #f9f9f9
}

.i-badge:not(.i-badge-disabled):hover {
  background-color: #006a93
}

.i-badge.i-badge-gray {
  background-color: #f9f9f9
}

.i-badge.i-badge-gray,
.i-badge.i-badge-gray * {
  color: #777
}

.i-badge.i-badge-gray>.i-badge-legend {
  border-color: #bbb
}

.i-badge.i-badge-gray:not(.i-badge-disabled):hover {
  background-color: #ececec
}

.i-badge.i-badge-disabled {
  cursor: default
}

.i-badge>.i-badge-content {
  --flex-gap: 0.5em;
  flex-grow: 1;
  justify-content: center;
  padding: 1em
}

.i-badge>.i-badge-content>.i-badge-value {
  font-size: 3.6em;
  font-weight: bold;
  line-height: 1
}

.i-badge>.i-badge-content>.i-badge-img {
  font-size: 3em;
  max-height: 1em
}

.i-badge>.i-badge-content>.i-badge-img>img {
  max-width: 100%;
  max-height: 1em
}

.i-badge>.i-badge-content>.i-badge-title {
  max-width: 100%;
  font-size: 1.1em;
  font-weight: bold
}

.i-badge>.i-badge-legend {
  display: flex;
  padding: 0 .5em;
  border-top-width: 1px;
  border-top-style: solid
}

.i-badge>.i-badge-legend>.i-badge-legend-right {
  margin-left: auto
}

.i-badge>.i-badge-legend>.ellipsize {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis
}

span.badge {
  border-radius: 5px;
  padding: .1em .4em;
  font-size: .8em;
  margin-left: .5em;
  color: #fff;
  background: #09c;
  white-space: nowrap;
  line-height: initial
}

.i-button,
.action-button,
.categorynav .category-list .item .button-wrapper .action-button {
  -webkit-user-select: none;
  user-select: none;
  border-radius: 2px;
  border-top: 0px solid #dfdfdf;
  border-bottom: 0px solid #dfdfdf;
  border-right: 0px solid #dfdfdf;
  border-left: 0px solid #dfdfdf;
  background-color: transparent;
  display: inline-block;
  cursor: pointer;
  color: #fff;
  text-align: center;
  vertical-align: middle;
  transition: color .25s ease-out;
  margin: 0;
  padding: 4px 10px 4px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  white-space: nowrap;
  border: 0px !important;
}

.i-button:not(.label),
.action-button:not(.label),
.categorynav .category-list .item .button-wrapper .action-button:not(.label) {
  background: transparent !important;
  border-color: transparent !important;
  color: #097e8d !important;
  font-weight: 100 !important;
}

.description.js-mathjax.editor-output img.img-fluid {
  width: 100%;
}

.i-button:not(.label):hover,
.action-button:not(.label):hover,
.categorynav .category-list .item .button-wrapper .action-button:not(.label):hover,
.i-button:not(.label):active,
.action-button:not(.label):active,
.categorynav .category-list .item .button-wrapper .action-button:not(.label):active {
  border-color: #bbb;
  color: #555
}

.i-button:not(.label):hover,
.action-button:not(.label):hover,
.categorynav .category-list .item .button-wrapper .action-button:not(.label):hover {
  background: #ececec;
  background-image: linear-gradient(to bottom, #ececec, #e0e0e0)
}

.i-button:not(.label):active,
.action-button:not(.label):active,
.categorynav .category-list .item .button-wrapper .action-button:not(.label):active,
.i-button:not(.label).open,
.action-button:not(.label).open,
.categorynav .category-list .item .button-wrapper .action-button:not(.label).open {
  background: #e0e0e0;
  background-image: linear-gradient(to bottom, #e0e0e0, #ececec)
}

.i-button.borderless,
.borderless.action-button,
.categorynav .category-list .item .button-wrapper .borderless.action-button {
  box-shadow: none !important;
  background: none !important;
  border-color: rgba(0, 0, 0, 0) !important;
  color: #777
}

.i-button.borderless:hover,
.borderless.action-button:hover,
.categorynav .category-list .item .button-wrapper .borderless.action-button:hover,
.i-button.borderless:active,
.borderless.action-button:active,
.categorynav .category-list .item .button-wrapper .borderless.action-button:active {
  color: #555
}

.i-button.text-color:not(.color-on-hover),
.text-color.action-button:not(.color-on-hover),
.categorynav .category-list .item .button-wrapper .text-color.action-button:not(.color-on-hover) {
  color: #097e8d !important;
}

.i-button.text-color.color-on-hover:hover,
.text-color.color-on-hover.action-button:hover,
.categorynav .category-list .item .button-wrapper .text-color.color-on-hover.action-button:hover {
  color: #777
}

.i-button.text-color:hover,
.text-color.action-button:hover,
.categorynav .category-list .item .button-wrapper .text-color.action-button:hover,
.i-button.text-color:active,
.text-color.action-button:active,
.categorynav .category-list .item .button-wrapper .text-color.action-button:active {
  color: #555
}

.i-button.text-color.outline,
.text-color.outline.action-button,
.categorynav .category-list .item .button-wrapper .text-color.outline.action-button {
  border-color: #777;
  background: #fff
}

.i-button.text-color.dashed,
.text-color.dashed.action-button,
.categorynav .category-list .item .button-wrapper .text-color.dashed.action-button {
  border-style: dashed;
  background: #fff
}

.i-button.text-color.subtle:not(:hover):not(:active),
.text-color.subtle.action-button:not(:hover):not(:active) {
  box-shadow: none;
  background: rgba(0, 0, 0, 0);
  border-color: rgba(0, 0, 0, 0)
}

.i-button~.i-button,
.action-button~.i-button,
.categorynav .category-list .item .button-wrapper .action-button~.i-button,
.i-button~.action-button,
.action-button~.action-button,
.categorynav .category-list .item .button-wrapper .action-button~.action-button,
.categorynav .category-list .item .button-wrapper .i-button~.action-button,
.i-button~.group,
.action-button~.group,
.categorynav .category-list .item .button-wrapper .action-button~.group {
  margin-left: .3rem
}

.i-button:hover,
.action-button:hover,
.categorynav .category-list .item .button-wrapper .action-button:hover {
  box-shadow: 1px 1px 4px rgba(20, 20, 20, .1)
}

.i-button:active,
.action-button:active,
.categorynav .category-list .item .button-wrapper .action-button:active,
.i-button.open,
.open.action-button,
.categorynav .category-list .item .button-wrapper .open.action-button {
  box-shadow: 1px 1px 4px rgba(20, 20, 20, .1) inset
}

.i-button:disabled,
.action-button:disabled,
.categorynav .category-list .item .button-wrapper .action-button:disabled,
.i-button.disabled,
.disabled.action-button,
.categorynav .category-list .item .button-wrapper .disabled.action-button {
  color: #bbb !important;
  cursor: default
}

.i-button:disabled:not(.borderless),
.action-button:disabled:not(.borderless),
.categorynav .category-list .item .button-wrapper .action-button:disabled:not(.borderless),
.i-button.disabled:not(.borderless),
.disabled.action-button:not(.borderless),
.categorynav .category-list .item .button-wrapper .disabled.action-button:not(.borderless) {
  border-color: #dfdfdf !important;
  background: #ececec !important;
  box-shadow: none !important
}

.i-button[class*=icon-]::before,
[class*=icon-].action-button::before,
.categorynav .category-list .item .button-wrapper [class*=icon-].action-button::before {
  font-size: 1.2em
}

.i-button[class*=icon-]:not(:empty)::before,
[class*=icon-].action-button:not(:empty)::before,
.categorynav .category-list .item .button-wrapper [class*=icon-].action-button:not(:empty)::before {
  margin-right: .5em
}

.i-button.accept:not(.label):not(.borderless):not(.text-color),
.accept.action-button:not(.label):not(.borderless):not(.text-color),
div.session-bar .i-button.protection-public:not(.label):not(.borderless):not(.text-color) {
  background: #00c851;
  border-color: #67a766;
  color: #f9f9f9
}

.i-button.accept:not(.label):not(.borderless):not(.text-color):hover,
.accept.action-button:not(.label):not(.borderless):not(.text-color):hover,
div.session-bar .i-button.protection-public:not(.label):not(.borderless):not(.text-color):hover,
.i-button.accept:not(.label):not(.borderless):not(.text-color):active,
.accept.action-button:not(.label):not(.borderless):not(.text-color):active,
div.session-bar .i-button.protection-public:not(.label):not(.borderless):not(.text-color):active {
  border-color: #67a766;
  color: #fff
}

.i-button.accept:not(.label):not(.borderless):not(.text-color):hover,
.accept.action-button:not(.label):not(.borderless):not(.text-color):hover,
div.session-bar .i-button.protection-public:not(.label):not(.borderless):not(.text-color):hover {
  background: #00c851;
  background-image: linear-gradient(to bottom, #00c851, #00af47)
}

.i-button.accept:not(.label):not(.borderless):not(.text-color):active,
.accept.action-button:not(.label):not(.borderless):not(.text-color):active,
div.session-bar .i-button.protection-public:not(.label):not(.borderless):not(.text-color):active,
.i-button.accept:not(.label):not(.borderless):not(.text-color).open,
.accept.action-button:not(.label):not(.borderless):not(.text-color).open,
div.session-bar .i-button.protection-public:not(.label):not(.borderless):not(.text-color).open {
  background: #00af47;
  background-image: linear-gradient(to bottom, #00af47, #00c851)
}

.i-button.accept.borderless,
.accept.borderless.action-button,
.categorynav .category-list .item .button-wrapper .accept.borderless.action-button,
div.session-bar .i-button.borderless.protection-public {
  box-shadow: none !important;
  background: none !important;
  border-color: rgba(0, 0, 0, 0) !important;
  color: #00c851
}

.i-button.accept.borderless:hover,
.accept.borderless.action-button:hover,
.categorynav .category-list .item .button-wrapper .accept.borderless.action-button:hover,
div.session-bar .i-button.borderless.protection-public:hover,
.i-button.accept.borderless:active,
.accept.borderless.action-button:active,
.categorynav .category-list .item .button-wrapper .accept.borderless.action-button:active,
div.session-bar .i-button.borderless.protection-public:active {
  color: #00af47
}

.i-button.accept.text-color:not(.color-on-hover),
.accept.text-color.action-button:not(.color-on-hover),
.categorynav .category-list .item .button-wrapper .accept.text-color.action-button:not(.color-on-hover),
div.session-bar .i-button.text-color.protection-public:not(.color-on-hover) {
  color: #00c851
}

.i-button.accept.text-color.color-on-hover:hover,
.accept.text-color.color-on-hover.action-button:hover,
div.session-bar .i-button.text-color.color-on-hover.protection-public:hover {
  color: #00c851
}

.i-button.accept.text-color:hover,
.accept.text-color.action-button:hover,
.categorynav .category-list .item .button-wrapper .accept.text-color.action-button:hover,
div.session-bar .i-button.text-color.protection-public:hover,
.i-button.accept.text-color:active,
.accept.text-color.action-button:active,
.categorynav .category-list .item .button-wrapper .accept.text-color.action-button:active,
div.session-bar .i-button.text-color.protection-public:active {
  color: #00af47
}

.i-button.accept.text-color.outline,
.accept.text-color.outline.action-button,
.categorynav .category-list .item .button-wrapper .accept.text-color.outline.action-button,
div.session-bar .i-button.text-color.outline.protection-public {
  border-color: #00c851;
  background: #fff
}

.i-button.accept.text-color.dashed,
.accept.text-color.dashed.action-button,
.categorynav .category-list .item .button-wrapper .accept.text-color.dashed.action-button,
div.session-bar .i-button.text-color.dashed.protection-public {
  border-style: dashed;
  background: #fff
}

.i-button.accept.text-color.subtle:not(:hover):not(:active),
.accept.text-color.subtle.action-button:not(:hover):not(:active),
div.session-bar .i-button.text-color.subtle.protection-public:not(:hover):not(:active) {
  box-shadow: none;
  background: rgba(0, 0, 0, 0);
  border-color: rgba(0, 0, 0, 0)
}

.i-button.danger:not(.label):not(.borderless):not(.text-color),
.danger.action-button:not(.label):not(.borderless):not(.text-color),
div.session-bar .i-button.protection-restricted:not(.label):not(.borderless):not(.text-color) {
  background: #f91f1f;
  border-color: #c00;
  color: #f9f9f9
}

.i-button.danger:not(.label):not(.borderless):not(.text-color):hover,
.danger.action-button:not(.label):not(.borderless):not(.text-color):hover,
div.session-bar .i-button.protection-restricted:not(.label):not(.borderless):not(.text-color):hover,
.i-button.danger:not(.label):not(.borderless):not(.text-color):active,
.danger.action-button:not(.label):not(.borderless):not(.text-color):active,
div.session-bar .i-button.protection-restricted:not(.label):not(.borderless):not(.text-color):active {
  border-color: #c00;
  color: #fff
}

.i-button.danger:not(.label):not(.borderless):not(.text-color):hover,
.danger.action-button:not(.label):not(.borderless):not(.text-color):hover,
div.session-bar .i-button.protection-restricted:not(.label):not(.borderless):not(.text-color):hover {
  background: #f91f1f;
  background-image: linear-gradient(to bottom, #f91f1f, #f80707)
}

.i-button.danger:not(.label):not(.borderless):not(.text-color):active,
.danger.action-button:not(.label):not(.borderless):not(.text-color):active,
div.session-bar .i-button.protection-restricted:not(.label):not(.borderless):not(.text-color):active,
.i-button.danger:not(.label):not(.borderless):not(.text-color).open,
.danger.action-button:not(.label):not(.borderless):not(.text-color).open,
div.session-bar .i-button.protection-restricted:not(.label):not(.borderless):not(.text-color).open {
  background: #f80707;
  background-image: linear-gradient(to bottom, #f80707, #f91f1f)
}

.i-button.danger.borderless,
.danger.borderless.action-button,
.categorynav .category-list .item .button-wrapper .danger.borderless.action-button,
div.session-bar .i-button.borderless.protection-restricted {
  box-shadow: none !important;
  background: none !important;
  border-color: rgba(0, 0, 0, 0) !important;
  color: #f91f1f
}

.i-button.danger.borderless:hover,
.danger.borderless.action-button:hover,
.categorynav .category-list .item .button-wrapper .danger.borderless.action-button:hover,
div.session-bar .i-button.borderless.protection-restricted:hover,
.i-button.danger.borderless:active,
.danger.borderless.action-button:active,
.categorynav .category-list .item .button-wrapper .danger.borderless.action-button:active,
div.session-bar .i-button.borderless.protection-restricted:active {
  color: #f80707
}

.i-button.danger.text-color:not(.color-on-hover),
.danger.text-color.action-button:not(.color-on-hover),
.categorynav .category-list .item .button-wrapper .danger.text-color.action-button:not(.color-on-hover),
div.session-bar .i-button.text-color.protection-restricted:not(.color-on-hover) {
  color: #f91f1f
}

.i-button.danger.text-color.color-on-hover:hover,
.danger.text-color.color-on-hover.action-button:hover,
div.session-bar .i-button.text-color.color-on-hover.protection-restricted:hover {
  color: #f91f1f
}

.i-button.danger.text-color:hover,
.danger.text-color.action-button:hover,
.categorynav .category-list .item .button-wrapper .danger.text-color.action-button:hover,
div.session-bar .i-button.text-color.protection-restricted:hover,
.i-button.danger.text-color:active,
.danger.text-color.action-button:active,
.categorynav .category-list .item .button-wrapper .danger.text-color.action-button:active,
div.session-bar .i-button.text-color.protection-restricted:active {
  color: #f80707
}

.i-button.danger.text-color.outline,
.danger.text-color.outline.action-button,
.categorynav .category-list .item .button-wrapper .danger.text-color.outline.action-button,
div.session-bar .i-button.text-color.outline.protection-restricted {
  border-color: #f91f1f;
  background: #fff
}

.i-button.danger.text-color.dashed,
.danger.text-color.dashed.action-button,
.categorynav .category-list .item .button-wrapper .danger.text-color.dashed.action-button,
div.session-bar .i-button.text-color.dashed.protection-restricted {
  border-style: dashed;
  background: #fff
}

.i-button.danger.text-color.subtle:not(:hover):not(:active),
.danger.text-color.subtle.action-button:not(:hover):not(:active),
div.session-bar .i-button.text-color.subtle.protection-restricted:not(:hover):not(:active) {
  box-shadow: none;
  background: rgba(0, 0, 0, 0);
  border-color: rgba(0, 0, 0, 0)
}

.i-button.highlight:not(.label):not(.borderless):not(.text-color),
.action-button:not(.label):not(.borderless):not(.text-color),
.categorynav .category-list .item .button-wrapper .action-button:not(.label):not(.borderless):not(.text-color) {
  background: #09c;
  border-color: #007cac;
  color: #f9f9f9
}

.i-button.highlight:not(.label):not(.borderless):not(.text-color):hover,
.action-button:not(.label):not(.borderless):not(.text-color):hover,
.i-button.highlight:not(.label):not(.borderless):not(.text-color):active,
.action-button:not(.label):not(.borderless):not(.text-color):active {
  border-color: #007cac;
  color: #fff
}

.i-button.highlight:not(.label):not(.borderless):not(.text-color):hover,
.action-button:not(.label):not(.borderless):not(.text-color):hover {
  background: #09c;
  background-image: linear-gradient(to bottom, #09c, #0086b3)
}

.i-button.highlight:not(.label):not(.borderless):not(.text-color):active,
.action-button:not(.label):not(.borderless):not(.text-color):active,
.i-button.highlight:not(.label):not(.borderless):not(.text-color).open,
.action-button:not(.label):not(.borderless):not(.text-color).open {
  background: #0086b3;
  background-image: linear-gradient(to bottom, #0086b3, #09c)
}

.i-button.highlight.borderless,
.borderless.action-button,
.categorynav .category-list .item .button-wrapper .borderless.action-button {
  box-shadow: none !important;
  background: none !important;
  border-color: rgba(0, 0, 0, 0) !important;
  color: #09c
}

.i-button.highlight.borderless:hover,
.borderless.action-button:hover,
.categorynav .category-list .item .button-wrapper .borderless.action-button:hover,
.i-button.highlight.borderless:active,
.borderless.action-button:active,
.categorynav .category-list .item .button-wrapper .borderless.action-button:active {
  color: #0086b3
}

.i-button.highlight.text-color:not(.color-on-hover),
.text-color.action-button:not(.color-on-hover),
.categorynav .category-list .item .button-wrapper .text-color.action-button:not(.color-on-hover) {
  color: #09c
}

.i-button.highlight.text-color.color-on-hover:hover,
.text-color.color-on-hover.action-button:hover,
.categorynav .category-list .item .button-wrapper .text-color.color-on-hover.action-button:hover {
  color: #09c
}

.i-button.highlight.text-color:hover,
.text-color.action-button:hover,
.categorynav .category-list .item .button-wrapper .text-color.action-button:hover,
.i-button.highlight.text-color:active,
.text-color.action-button:active,
.categorynav .category-list .item .button-wrapper .text-color.action-button:active {
  color: #0086b3
}

.i-button.highlight.text-color.outline,
.text-color.outline.action-button,
.categorynav .category-list .item .button-wrapper .text-color.outline.action-button {
  border-color: #09c;
  background: #fff
}

.i-button.highlight.text-color.dashed,
.text-color.dashed.action-button,
.categorynav .category-list .item .button-wrapper .text-color.dashed.action-button {
  border-style: dashed;
  background: #fff
}

.i-button.highlight.text-color.subtle:not(:hover):not(:active),
.text-color.subtle.action-button:not(:hover):not(:active) {
  box-shadow: none;
  background: rgba(0, 0, 0, 0);
  border-color: rgba(0, 0, 0, 0)
}

.i-button.warning:not(.label):not(.borderless):not(.text-color),
.warning.action-button:not(.label):not(.borderless):not(.text-color),
div.session-bar .i-button.protection-network:not(.label):not(.borderless):not(.text-color) {
  background: #e99e18;
  border-color: #9c793b;
  color: #f9f9f9
}

.i-button.warning:not(.label):not(.borderless):not(.text-color):hover,
.warning.action-button:not(.label):not(.borderless):not(.text-color):hover,
div.session-bar .i-button.protection-network:not(.label):not(.borderless):not(.text-color):hover,
.i-button.warning:not(.label):not(.borderless):not(.text-color):active,
.warning.action-button:not(.label):not(.borderless):not(.text-color):active,
div.session-bar .i-button.protection-network:not(.label):not(.borderless):not(.text-color):active {
  border-color: #9c793b;
  color: #fff
}

.i-button.warning:not(.label):not(.borderless):not(.text-color):hover,
.warning.action-button:not(.label):not(.borderless):not(.text-color):hover,
div.session-bar .i-button.protection-network:not(.label):not(.borderless):not(.text-color):hover {
  background: #e99e18;
  background-image: linear-gradient(to bottom, #e99e18, #d38f14)
}

.i-button.warning:not(.label):not(.borderless):not(.text-color):active,
.warning.action-button:not(.label):not(.borderless):not(.text-color):active,
div.session-bar .i-button.protection-network:not(.label):not(.borderless):not(.text-color):active,
.i-button.warning:not(.label):not(.borderless):not(.text-color).open,
.warning.action-button:not(.label):not(.borderless):not(.text-color).open,
div.session-bar .i-button.protection-network:not(.label):not(.borderless):not(.text-color).open {
  background: #d38f14;
  background-image: linear-gradient(to bottom, #d38f14, #e99e18)
}

.i-button.warning.borderless,
.warning.borderless.action-button,
.categorynav .category-list .item .button-wrapper .warning.borderless.action-button,
div.session-bar .i-button.borderless.protection-network {
  box-shadow: none !important;
  background: none !important;
  border-color: rgba(0, 0, 0, 0) !important;
  color: #e99e18
}

.i-button.warning.borderless:hover,
.warning.borderless.action-button:hover,
.categorynav .category-list .item .button-wrapper .warning.borderless.action-button:hover,
div.session-bar .i-button.borderless.protection-network:hover,
.i-button.warning.borderless:active,
.warning.borderless.action-button:active,
.categorynav .category-list .item .button-wrapper .warning.borderless.action-button:active,
div.session-bar .i-button.borderless.protection-network:active {
  color: #d38f14
}

.i-button.warning.text-color:not(.color-on-hover),
.warning.text-color.action-button:not(.color-on-hover),
.categorynav .category-list .item .button-wrapper .warning.text-color.action-button:not(.color-on-hover),
div.session-bar .i-button.text-color.protection-network:not(.color-on-hover) {
  color: #e99e18
}

.i-button.warning.text-color.color-on-hover:hover,
.warning.text-color.color-on-hover.action-button:hover,
div.session-bar .i-button.text-color.color-on-hover.protection-network:hover {
  color: #e99e18
}

.i-button.warning.text-color:hover,
.warning.text-color.action-button:hover,
.categorynav .category-list .item .button-wrapper .warning.text-color.action-button:hover,
div.session-bar .i-button.text-color.protection-network:hover,
.i-button.warning.text-color:active,
.warning.text-color.action-button:active,
.categorynav .category-list .item .button-wrapper .warning.text-color.action-button:active,
div.session-bar .i-button.text-color.protection-network:active {
  color: #d38f14
}

.i-button.warning.text-color.outline,
.warning.text-color.outline.action-button,
.categorynav .category-list .item .button-wrapper .warning.text-color.outline.action-button,
div.session-bar .i-button.text-color.outline.protection-network {
  border-color: #e99e18;
  background: #fff
}

.i-button.warning.text-color.dashed,
.warning.text-color.dashed.action-button,
.categorynav .category-list .item .button-wrapper .warning.text-color.dashed.action-button,
div.session-bar .i-button.text-color.dashed.protection-network {
  border-style: dashed;
  background: #fff
}

.i-button.warning.text-color.subtle:not(:hover):not(:active),
.warning.text-color.subtle.action-button:not(:hover):not(:active),
div.session-bar .i-button.text-color.subtle.protection-network:not(:hover):not(:active) {
  box-shadow: none;
  background: rgba(0, 0, 0, 0);
  border-color: rgba(0, 0, 0, 0)
}

.i-button.label,
.label.action-button,
.categorynav .category-list .item .button-wrapper .label.action-button,
.i-button.label:hover,
.i-button.label:active {
  background: #fff;
  box-shadow: none;
  color: #777;
  cursor: default;
  font-weight: normal
}

.i-button.label.heavy,
.label.heavy.action-button,
.categorynav .category-list .item .button-wrapper .label.heavy.action-button,
.i-button.label:hover.heavy,
.i-button.label:active.heavy {
  background: #f9f9f9
}

.i-button.label.active,
.label.active.action-button,
.categorynav .category-list .item .button-wrapper .label.active.action-button,
.i-button.label:hover.active,
.i-button.label:active.active {
  background-color: #ffe6ba;
  border-color: #9c793b;
  color: #9c793b
}

.i-button.label.clickable,
.label.clickable.action-button,
.categorynav .category-list .item .button-wrapper .label.clickable.action-button,
.i-button.label:hover.clickable,
.i-button.label:active.clickable {
  cursor: pointer
}

button.i-button,
button.action-button,
.categorynav .category-list .item .button-wrapper button.action-button,
input.i-button[type=submit],
input[type=submit].action-button,
.categorynav .category-list .item .button-wrapper input[type=submit].action-button {
  line-height: 1em
}

button.i-button[class*=icon-]::before,
button[class*=icon-].action-button::before,
.categorynav .category-list .item .button-wrapper button[class*=icon-].action-button::before,
input.i-button[type=submit][class*=icon-]::before,
input[type=submit][class*=icon-].action-button::before,
.categorynav .category-list .item .button-wrapper input[type=submit][class*=icon-].action-button::before {
  vertical-align: -15%
}

button.i-button.arrow::after,
button.arrow.action-button::after,
.categorynav .category-list .item .button-wrapper button.arrow.action-button::after,
input.i-button[type=submit].arrow::after,
input[type=submit].arrow.action-button::after,
.categorynav .category-list .item .button-wrapper input[type=submit].arrow.action-button::after {
  vertical-align: -10%
}

a.i-big-button {
  -webkit-user-select: none;
  user-select: none;
  border-radius: 2px;
  border-top: 1px solid #dfdfdf;
  border-bottom: 1px solid #dfdfdf;
  border-right: 1px solid #dfdfdf;
  border-left: 1px solid #dfdfdf;
  display: inline-block;
  cursor: pointer;
  color: #777;
  text-align: center;
  vertical-align: middle;
  background: #fff;
  width: 60px;
  height: 60px
}

a.i-big-button i {
  display: block;
  font-size: 3em;
  line-height: 40px
}

a.i-big-button span {
  font-weight: bold;
  line-height: 20px;
  overflow: hidden;
  white-space: nowrap
}

a.i-big-button:hover {
  background: #777;
  transition: background .25s ease-out
}

a.i-big-button:hover>i,
a.i-big-button:hover>span {
  color: #fff;
  transition: color .25s ease-out
}

a.i-big-button.icon-only i {
  line-height: 60px
}

.i-button.next,
.next.action-button,
.i-button.action-button,
/* ==========================================================================
   4. BOTONES, BARRAS DE HERRAMIENTAS Y ACCIONES
   ========================================================================== */
.action-button,
.categorynav .category-list .item .button-wrapper .action-button {
  font-weight: bold
}

.i-button.next::after,
.next.action-button::after,
.i-button.action-button::after,
.action-button::after,
.categorynav .category-list .item .button-wrapper .action-button::after {
  margin-left: .2em
}

button::-moz-focus-inner {
  border: 0
}

.fav-button.enabled:hover {
  color: #f5f1c5 !important
}

.fav-button.enabled {
  background-color: #fad74c;
  background-image: linear-gradient(to bottom, #fad74c, #dac34a);
  border-color: #b6ad6f;
  color: #e2e28b !important;
  text-shadow: 0 0 1px rgba(0, 0, 0, .5);
  box-shadow: 0 0 6px #e6db64
}

.i-button.big[class*=icon-]::before,
[class*=icon-].action-button::before,
.categorynav .category-list .item .button-wrapper [class*=icon-].action-button::before {
  display: block;
  font-size: 2em;
  margin-right: 0;
  margin-bottom: .2em;
  text-align: center
}

.i-button.big,
.action-button,
.categorynav .category-list .item .button-wrapper .action-button {
  padding: .7em;
  font-weight: bold;
  font-size: 1.1em
}

.i-button-small {
  font-size: 11px;
  line-height: 16px;
  padding: 9px
}

.i-button.inline,
.inline.action-button,
.categorynav .category-list .item .button-wrapper .inline.action-button {
  padding: 0
}

.i-button.right,
.right.action-button,
.categorynav .category-list .item .button-wrapper .right.action-button {
  margin-right: 5px;
  margin-top: 5px
}

.i-button.bottom,
.bottom.action-button,
.categorynav .category-list .item .button-wrapper .bottom.action-button {
  margin-top: 1em
}

.i-button[class*=icon-].icon-only::before,
[class*=icon-].icon-only.action-button::before,
.categorynav .category-list .item .button-wrapper [class*=icon-].icon-only.action-button::before {
  margin-right: 0
}

.i-button>[class*=icon-]::before,
.action-button>[class*=icon-]::before,
.categorynav .category-list .item .button-wrapper .action-button>[class*=icon-]::before {
  font-size: 1.2em;
  vertical-align: -15%
}

a.arrow::after,
.i-button.arrow::after,
.arrow.action-button::after,
.categorynav .category-list .item .button-wrapper .arrow.action-button::after {
  margin-left: .2em
}

.i-button.color-button,
.color-button.action-button,
.categorynav .category-list .item .button-wrapper .color-button.action-button {
  padding: 1px;
  border-radius: 50%;
  vertical-align: baseline
}

.i-button.height-full,
.height-full.action-button,
.categorynav .category-list .item .button-wrapper .height-full.action-button {
  height: 100%
}

button::-moz-focus-inner,
input[type=button]::-moz-focus-inner,
input[type=submit]::-moz-focus-inner,
input[type=reset]::-moz-focus-inner {
  border: 0 none !important;
  appearance: none
}

.sticky-scrolling .toolbar {
  margin: .5em 0 .5em 0
}

.toolbar {
  display: flex;
  flex-shrink: 0;
  align-items: center;
  gap: .5em;
  min-height: 2.2em
}

.toolbar.fixed-height {
  max-height: 1.75rem
}

.toolbar.space-before {
  margin-top: 10px
}

.toolbar.space-after {
  margin-bottom: 10px
}

.toolbar.thin {
  min-height: 1.9em
}

.toolbar.thin .i-button,
.toolbar.thin .categorynav .category-list .item .button-wrapper .action-button,
.categorynav .category-list .item .button-wrapper .toolbar.thin .action-button,
.toolbar.thin .action-button {
  height: 1.9em
}

.toolbar.thin input[type=text] {
  height: 1.9em
}

.toolbar.thin :not(.ui)>input[type=text] {
  height: 1.9em
}

.toolbar.thinner {
  min-height: 1em
}

.toolbar.thinner .i-button,
.toolbar.thinner .categorynav .category-list .item .button-wrapper .action-button,
.categorynav .category-list .item .button-wrapper .toolbar.thinner .action-button,
.toolbar.thinner .action-button {
  height: 1.5em
}

.toolbar.thinner .i-button[class*=icon-]::before,
.toolbar.thinner .categorynav .category-list .item .button-wrapper [class*=icon-].action-button::before,
.categorynav .category-list .item .button-wrapper .toolbar.thinner [class*=icon-].action-button::before,
.toolbar.thinner [class*=icon-].action-button::before {
  font-size: 1em
}

.toolbar>.option {
  line-height: 2.5em;
  margin-right: 1em
}

.toolbar .i-button,
.toolbar .categorynav .category-list .item .button-wrapper .action-button,
.categorynav .category-list .item .button-wrapper .toolbar .action-button,
.toolbar .action-button {
  height: 2.2em;
  padding: .2em .7em .1em .7em !important
}

.toolbar .i-button:not(.label),
.toolbar .categorynav .category-list .item .button-wrapper .action-button:not(.label),
.categorynav .category-list .item .button-wrapper .toolbar .action-button:not(.label),
.toolbar .action-button:not(.label) {
  font-weight: bold
}

.toolbar .i-button.arrow:last-of-type:not(.borderless),
.toolbar .arrow.action-button:last-of-type:not(.borderless) {
  border-right-width: 1px;
  border-right-style: solid
}

.toolbar :not(.ui)>input[type=text] {
  color: #555;
  display: block;
  float: left;
  height: 2.2em;
  margin: 0;
  padding: .2em .7em .1em .7em
}

.toolbar .i-dropdown {
  z-index: 3
}

.toolbar .i-dropdown>li {
  white-space: nowrap
}

.toolbar .group label.i-button:not(.label):hover~.i-button,
.toolbar .group label.action-button:not(.label):hover~.i-button,
.toolbar .group label.i-button:not(.label):hover~.action-button,
.toolbar .group label.action-button:not(.label):hover~.action-button {
  border-left-color: #bbb
}

.toolbar .group label.i-button:not(.label):hover~.i-button~.i-button,
.toolbar .group label.action-button:not(.label):hover~.i-button~.i-button,
.toolbar .group label.i-button:not(.label):hover~.action-button~.i-button,
.toolbar .group label.action-button:not(.label):hover~.action-button~.i-button,
.toolbar .group label.i-button:not(.label):hover~.i-button~.action-button,
.toolbar .group label.action-button:not(.label):hover~.i-button~.action-button,
.toolbar .group label.i-button:not(.label):hover~.action-button~.action-button,
.toolbar .group label.action-button:not(.label):hover~.action-button~.action-button {
  border-left-color: #dfdfdf
}

.toolbar .group input[type=radio]:first-child+.i-button,
.toolbar .group input[type=radio]:first-child+.action-button,
.toolbar .group input[type=text]:first-child+.i-button,
.toolbar .group input[type=text]:first-child+.action-button,
.toolbar .group input[type=password]:first-child+.i-button,
.toolbar .group input[type=password]:first-child+.action-button {
  border-bottom-left-radius: 2px;
  border-top-left-radius: 2px
}

.toolbar .group>.clearableinput {
  float: left
}

.toolbar .group>input[type=text]:first-child,
.toolbar .group>input[type=password]:first-child,
.toolbar .group>.clearableinput:first-child input[type=text] {
  border-bottom-right-radius: 2px;
  border-top-right-radius: 2px
}

.toolbar .group>input[type=text]:last-child,
.toolbar .group>input[type=password]:last-child,
.toolbar .group>.clearableinput:last-child input[type=text] {
  border-bottom-left-radius: 0;
  border-top-left-radius: 0
}

.toolbar .group>input[type=text]:not(:last-child),
.toolbar .group>input[type=password]:not(:last-child),
.toolbar .group>.clearableinput:not(:last-child) {
  border-bottom-right-radius: 0;
  border-top-right-radius: 0
}

.toolbar .group>input[type=text]:not(:last-child)+.i-button,
.toolbar .group>input[type=text]:not(:last-child)+.action-button,
.toolbar .group>input[type=password]:not(:last-child)+.i-button,
.toolbar .group>input[type=password]:not(:last-child)+.action-button,
.toolbar .group>.clearableinput:not(:last-child)+.i-button,
.toolbar .group>.clearableinput:not(:last-child)+.action-button {
  border-left: none;
  border-bottom-left-radius: 0;
  border-top-left-radius: 0
}

.toolbar .group.with-datepicker .datepicker {
  position: relative
}

.toolbar .group.with-datepicker .datepicker:last-child input[type=text] {
  border-bottom-right-radius: 2px;
  border-top-right-radius: 2px
}

.toolbar .group.with-datepicker .datepicker .ui-datepicker-trigger {
  float: right;
  font-size: 1em;
  position: absolute;
  margin: 0;
  right: 5px;
  top: auto
}

.toolbar .group.with-datepicker .datepicker.thin .ui-datepicker-trigger {
  line-height: 1.9em
}

.toolbar .group.with-slider .slider {
  padding-left: 1em !important;
  padding-right: 1em !important;
  width: 150px
}

.toolbar .group.with-slider .slider .ui-slider {
  display: inline-block !important;
  margin-top: 3px;
  margin-left: -2px;
  width: 100% !important
}

.toolbar .group~.i-button,
.toolbar .categorynav .category-list .item .button-wrapper .group~.action-button,
.categorynav .category-list .item .button-wrapper .toolbar .group~.action-button,
.toolbar .group~.action-button {
  margin-left: .3rem
}

.toolbar .group .i-button,
.toolbar .group .categorynav .category-list .item .button-wrapper .action-button,
.categorynav .category-list .item .button-wrapper .toolbar .group .action-button,
.toolbar .group .action-button {
  border-radius: 0;
  border-right-width: 0;
  margin: 0
}

.toolbar .group .i-button:not(.label):not(.accept):not(.danger):not(.highlight):not(.action-button):not(.warning):not(.disabled):not(:disabled):hover+.i-button,
.toolbar .group .action-button:not(.label):not(.accept):not(.danger):not(.highlight):not(.action-button):not(.warning):not(.disabled):not(:disabled):hover+.i-button,
.toolbar .group .i-button:not(.label):not(.accept):not(.danger):not(.highlight):not(.action-button):not(.warning):not(.disabled):not(:disabled):hover+.action-button,
.toolbar .group .action-button:not(.label):not(.accept):not(.danger):not(.highlight):not(.action-button):not(.warning):not(.disabled):not(:disabled):hover+.action-button {
  border-left-color: #bbb
}

.toolbar .group ind-menu>.i-button,
.toolbar .group .categorynav .category-list .item .button-wrapper ind-menu>.action-button,
.categorynav .category-list .item .button-wrapper .toolbar .group ind-menu>.action-button,
.toolbar .group ind-menu>.action-button {
  border-radius: 0 !important;
  border-right-width: 0 !important;
  margin: 0
}

.toolbar .group .i-button.arrow:last-of-type,
.toolbar .group .arrow.action-button:last-of-type {
  border-bottom-right-radius: 2px;
  border-top-right-radius: 2px
}

.toolbar .group>.i-button:not(.hidden):first-child,
.toolbar .group>.action-button:not(.hidden):first-child {
  border-bottom-left-radius: 2px;
  border-top-left-radius: 2px
}

.toolbar .group>.i-button:not(.hidden):last-child,
.toolbar .group>.action-button:not(.hidden):last-child {
  border-bottom-right-radius: 2px;
  border-top-right-radius: 2px;
  border-right-width: 1px
}

.toolbar .group>.i-button:not(.hidden).label:not(:last-child),
.toolbar .group>.action-button:not(.hidden).label:not(:last-child) {
  border-bottom-right-radius: 0;
  border-top-right-radius: 0;
  border-right: none !important
}

.toolbar .group>.i-button:not(.hidden).label~.i-button:not(.hidden):first-child,
.toolbar .group>.action-button:not(.hidden).label~.i-button:not(.hidden):first-child,
.toolbar .group>.i-button:not(.hidden).label~.action-button:not(.hidden):first-child,
.toolbar .group>.action-button:not(.hidden).label~.action-button:not(.hidden):first-child {
  border-bottom-left-radius: 0;
  border-top-left-radius: 0
}

.toolbar .group>ind-with-tooltip:first-child ind-menu>.i-button,
.toolbar .group>ind-with-tooltip:first-child .categorynav .category-list .item .button-wrapper ind-menu>.action-button,
.categorynav .category-list .item .button-wrapper .toolbar .group>ind-with-tooltip:first-child ind-menu>.action-button,
.toolbar .group>ind-with-tooltip:first-child ind-menu>.action-button,
.toolbar .group>ind-menu:first-child>.i-button,
.toolbar .categorynav .category-list .item .button-wrapper .group>ind-menu:first-child>.action-button,
.categorynav .category-list .item .button-wrapper .toolbar .group>ind-menu:first-child>.action-button,
.toolbar .group>ind-menu:first-child>.action-button {
  border-bottom-left-radius: 2px;
  border-top-left-radius: 2px
}

.toolbar .group>ind-with-tooltip:last-child ind-menu>.i-button,
.toolbar .group>ind-with-tooltip:last-child .categorynav .category-list .item .button-wrapper ind-menu>.action-button,
.categorynav .category-list .item .button-wrapper .toolbar .group>ind-with-tooltip:last-child ind-menu>.action-button,
.toolbar .group>ind-with-tooltip:last-child ind-menu>.action-button,
.toolbar .group>ind-menu:last-child>.i-button,
.toolbar .categorynav .category-list .item .button-wrapper .group>ind-menu:last-child>.action-button,
.categorynav .category-list .item .button-wrapper .toolbar .group>ind-menu:last-child>.action-button,
.toolbar .group>ind-menu:last-child>.action-button {
  border-bottom-right-radius: 2px;
  border-top-right-radius: 2px;
  border-right-width: 1px
}

.toolbar .group .i-button-wrapper:not(.hidden):first-child .i-button,
.toolbar .group .i-button-wrapper:not(.hidden):first-child .action-button {
  border-bottom-left-radius: 2px;
  border-top-left-radius: 2px
}

.toolbar .group .i-button-wrapper:not(.hidden):last-child .i-button,
.toolbar .group .i-button-wrapper:not(.hidden):last-child .action-button {
  border-bottom-right-radius: 2px;
  border-top-right-radius: 2px;
  border-right-width: 1px
}

.toolbar .search-box {
  min-width: 300px
}

.toolbars {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  flex-wrap: wrap;
  margin-top: -10px
}

.toolbars.space-before {
  margin-top: 0
}

.toolbars.space-after {
  margin-bottom: 10px
}

.toolbars .toolbar {
  margin-top: 10px
}

.toolbars .toolbar:not(:last-child) {
  margin-right: .5em
}

.toolbar.table {
  display: table;
  table-layout: fixed
}

.toolbar.table .group {
  display: table-row
}

.toolbar.table .group .i-button,
.toolbar.table .group .categorynav .category-list .item .button-wrapper .action-button,
.categorynav .category-list .item .button-wrapper .toolbar.table .group .action-button,
.toolbar.table .group .action-button {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: table-cell;
  float: none
}

.i-box,
.review-item-content,
.regform-section,
.regform-done,
.regform-section-sortable-placeholder,
#email-template-manager .email-template-wrapper .regform-section-sortable-placeholder,
.categorynav .category-list,
.i-timeline-item .i-timeline-item-box {
  padding-left: 10px;
  padding-right: 10px;
  padding-top: 10px;
  padding-bottom: 10px;
  border-radius: 2px;
  border-top: 1px solid #dfdfdf;
  border-bottom: 1px solid #dfdfdf;
  border-right: 1px solid #dfdfdf;
  border-left: 1px solid #dfdfdf;
  box-shadow: 1px 1px 1px #e1e1e1;
  transition: padding-bottom .25s ease-out;
  background: #fff;
  color: #555
}

.i-box hr,
.review-item-content hr,
.regform-section hr,
.regform-done hr,
.regform-section-sortable-placeholder hr,
#email-template-manager .email-template-wrapper .regform-section-sortable-placeholder hr,
.categorynav .category-list hr,
.i-timeline-item .i-timeline-item-box hr {
  border-bottom: 1px solid #dfdfdf;
  height: 0;
  overflow: hidden;
  background: rgba(0, 0, 0, 0);
  border: none;
  margin-left: -10px;
  margin-right: -10px
}

.i-box hr.inline,
.review-item-content hr.inline,
.regform-section hr.inline,
.regform-done hr.inline,
.regform-section-sortable-placeholder hr.inline,
#email-template-manager .email-template-wrapper .regform-section-sortable-placeholder hr.inline,
.categorynav .category-list hr.inline,
.i-timeline-item .i-timeline-item-box hr.inline {
  margin-left: 0;
  margin-right: 0
}

.i-box>.empty,
.review-item-content>.empty,
.regform-section>.empty,
.regform-done>.empty,
.regform-section-sortable-placeholder>.empty,
#email-template-manager .email-template-wrapper .regform-section-sortable-placeholder>.empty,
.categorynav .category-list>.empty,
.i-timeline-item .i-timeline-item-box>.empty {
  color: #999;
  display: block;
  font-size: 1em;
  font-style: italic;
  text-align: left
}

.i-box .ui-i-box-sortable-handle,
.review-item-content .ui-i-box-sortable-handle,
.regform-section .ui-i-box-sortable-handle,
.regform-done .ui-i-box-sortable-handle,
.regform-section-sortable-placeholder .ui-i-box-sortable-handle,
#email-template-manager .email-template-wrapper .regform-section-sortable-placeholder .ui-i-box-sortable-handle,
.categorynav .category-list .ui-i-box-sortable-handle,
.i-timeline-item .i-timeline-item-box .ui-i-box-sortable-handle {
  transition: background-color .25s ease-out;
  background-color: #bfbfbf;
  cursor: move;
  transition: background-color .25s ease-out, height .25s ease-out;
  font-size: 1.2em;
  height: 10px;
  margin: -10px -10px 10px -10px;
  text-align: center
}

.i-box .ui-i-box-sortable-handle::before,
.review-item-content .ui-i-box-sortable-handle::before,
.regform-section .ui-i-box-sortable-handle::before,
.regform-done .ui-i-box-sortable-handle::before,
.regform-section-sortable-placeholder .ui-i-box-sortable-handle::before,
#email-template-manager .email-template-wrapper .regform-section-sortable-placeholder .ui-i-box-sortable-handle::before,
.categorynav .category-list .ui-i-box-sortable-handle::before,
.i-timeline-item .i-timeline-item-box .ui-i-box-sortable-handle::before,
.i-box .ui-i-box-sortable-handle>.handle::before,
.review-item-content .ui-i-box-sortable-handle>.handle::before,
.regform-section .ui-i-box-sortable-handle>.handle::before,
.regform-done .ui-i-box-sortable-handle>.handle::before,
.regform-section-sortable-placeholder .ui-i-box-sortable-handle>.handle::before,
#email-template-manager .email-template-wrapper .regform-section-sortable-placeholder .ui-i-box-sortable-handle>.handle::before,
.categorynav .category-list .ui-i-box-sortable-handle>.handle::before,
.i-timeline-item .i-timeline-item-box .ui-i-box-sortable-handle>.handle::before {
  color: #f9f9f9
}

.i-box .ui-i-box-sortable-handle:active,
.review-item-content .ui-i-box-sortable-handle:active,
.regform-section .ui-i-box-sortable-handle:active,
.regform-done .ui-i-box-sortable-handle:active,
.regform-section-sortable-placeholder .ui-i-box-sortable-handle:active,
#email-template-manager .email-template-wrapper .regform-section-sortable-placeholder .ui-i-box-sortable-handle:active,
.categorynav .category-list .ui-i-box-sortable-handle:active,
.i-timeline-item .i-timeline-item-box .ui-i-box-sortable-handle:active,
.i-box .ui-i-box-sortable-handle:hover,
.review-item-content .ui-i-box-sortable-handle:hover,
.regform-section .ui-i-box-sortable-handle:hover,
.regform-done .ui-i-box-sortable-handle:hover,
.regform-section-sortable-placeholder .ui-i-box-sortable-handle:hover,
#email-template-manager .email-template-wrapper .regform-section-sortable-placeholder .ui-i-box-sortable-handle:hover,
.categorynav .category-list .ui-i-box-sortable-handle:hover,
.i-timeline-item .i-timeline-item-box .ui-i-box-sortable-handle:hover {
  background-color: #fff
}

.i-box .ui-i-box-sortable-handle:active::before,
.review-item-content .ui-i-box-sortable-handle:active::before,
.regform-section .ui-i-box-sortable-handle:active::before,
.regform-done .ui-i-box-sortable-handle:active::before,
.regform-section-sortable-placeholder .ui-i-box-sortable-handle:active::before,
#email-template-manager .email-template-wrapper .regform-section-sortable-placeholder .ui-i-box-sortable-handle:active::before,
.categorynav .category-list .ui-i-box-sortable-handle:active::before,
.i-timeline-item .i-timeline-item-box .ui-i-box-sortable-handle:active::before,
.i-box .ui-i-box-sortable-handle:active>.handle::before,
.review-item-content .ui-i-box-sortable-handle:active>.handle::before,
.regform-section .ui-i-box-sortable-handle:active>.handle::before,
.regform-done .ui-i-box-sortable-handle:active>.handle::before,
.regform-section-sortable-placeholder .ui-i-box-sortable-handle:active>.handle::before,
#email-template-manager .email-template-wrapper .regform-section-sortable-placeholder .ui-i-box-sortable-handle:active>.handle::before,
.categorynav .category-list .ui-i-box-sortable-handle:active>.handle::before,
.i-timeline-item .i-timeline-item-box .ui-i-box-sortable-handle:active>.handle::before,
.i-box .ui-i-box-sortable-handle:hover::before,
.review-item-content .ui-i-box-sortable-handle:hover::before,
.regform-section .ui-i-box-sortable-handle:hover::before,
.regform-done .ui-i-box-sortable-handle:hover::before,
.regform-section-sortable-placeholder .ui-i-box-sortable-handle:hover::before,
#email-template-manager .email-template-wrapper .regform-section-sortable-placeholder .ui-i-box-sortable-handle:hover::before,
.categorynav .category-list .ui-i-box-sortable-handle:hover::before,
.i-timeline-item .i-timeline-item-box .ui-i-box-sortable-handle:hover::before,
.i-box .ui-i-box-sortable-handle:hover>.handle::before,
.review-item-content .ui-i-box-sortable-handle:hover>.handle::before,
.regform-section .ui-i-box-sortable-handle:hover>.handle::before,
.regform-done .ui-i-box-sortable-handle:hover>.handle::before,
.regform-section-sortable-placeholder .ui-i-box-sortable-handle:hover>.handle::before,
#email-template-manager .email-template-wrapper .regform-section-sortable-placeholder .ui-i-box-sortable-handle:hover>.handle::before,
.categorynav .category-list .ui-i-box-sortable-handle:hover>.handle::before,
.i-timeline-item .i-timeline-item-box .ui-i-box-sortable-handle:hover>.handle::before {
  color: #999
}

.i-box .ui-i-box-sortable-handle:hover,
.review-item-content .ui-i-box-sortable-handle:hover,
.regform-section .ui-i-box-sortable-handle:hover,
.regform-done .ui-i-box-sortable-handle:hover,
.regform-section-sortable-placeholder .ui-i-box-sortable-handle:hover,
#email-template-manager .email-template-wrapper .regform-section-sortable-placeholder .ui-i-box-sortable-handle:hover,
.categorynav .category-list .ui-i-box-sortable-handle:hover,
.i-timeline-item .i-timeline-item-box .ui-i-box-sortable-handle:hover,
.i-box .ui-i-box-sortable-handle:active,
.review-item-content .ui-i-box-sortable-handle:active,
.regform-section .ui-i-box-sortable-handle:active,
.regform-done .ui-i-box-sortable-handle:active,
.regform-section-sortable-placeholder .ui-i-box-sortable-handle:active,
#email-template-manager .email-template-wrapper .regform-section-sortable-placeholder .ui-i-box-sortable-handle:active,
.categorynav .category-list .ui-i-box-sortable-handle:active,
.i-timeline-item .i-timeline-item-box .ui-i-box-sortable-handle:active {
  border-bottom: 1px solid #dfdfdf;
  height: 20px
}

.i-box .ui-i-box-sortable-handle:hover::before,
.review-item-content .ui-i-box-sortable-handle:hover::before,
.regform-section .ui-i-box-sortable-handle:hover::before,
.regform-done .ui-i-box-sortable-handle:hover::before,
.regform-section-sortable-placeholder .ui-i-box-sortable-handle:hover::before,
#email-template-manager .email-template-wrapper .regform-section-sortable-placeholder .ui-i-box-sortable-handle:hover::before,
.categorynav .category-list .ui-i-box-sortable-handle:hover::before,
.i-timeline-item .i-timeline-item-box .ui-i-box-sortable-handle:hover::before,
.i-box .ui-i-box-sortable-handle:active::before,
.review-item-content .ui-i-box-sortable-handle:active::before,
.regform-section .ui-i-box-sortable-handle:active::before,
.regform-done .ui-i-box-sortable-handle:active::before,
.regform-section-sortable-placeholder .ui-i-box-sortable-handle:active::before,
#email-template-manager .email-template-wrapper .regform-section-sortable-placeholder .ui-i-box-sortable-handle:active::before,
.categorynav .category-list .ui-i-box-sortable-handle:active::before,
.i-timeline-item .i-timeline-item-box .ui-i-box-sortable-handle:active::before {
  color: #999;
  top: 3px
}

.i-box .ui-i-box-sortable-handle::before,
.review-item-content .ui-i-box-sortable-handle::before,
.regform-section .ui-i-box-sortable-handle::before,
.regform-done .ui-i-box-sortable-handle::before,
.regform-section-sortable-placeholder .ui-i-box-sortable-handle::before,
#email-template-manager .email-template-wrapper .regform-section-sortable-placeholder .ui-i-box-sortable-handle::before,
.categorynav .category-list .ui-i-box-sortable-handle::before,
.i-timeline-item .i-timeline-item-box .ui-i-box-sortable-handle::before {
  transition: top .25s ease-out;
  transform: rotate(90deg);
  display: inline-block;
  position: relative;
  top: -3px
}

.i-box .titled-rule,
.review-item-content .titled-rule,
.regform-section .titled-rule,
.regform-done .titled-rule,
.regform-section-sortable-placeholder .titled-rule,
#email-template-manager .email-template-wrapper .regform-section-sortable-placeholder .titled-rule,
.categorynav .category-list .titled-rule,
.i-timeline-item .i-timeline-item-box .titled-rule {
  margin-top: 5px;
  margin-bottom: 5px
}

.i-box>.titled-rule:first-child,
.review-item-content>.titled-rule:first-child,
.regform-section>.titled-rule:first-child,
.regform-done>.titled-rule:first-child,
.regform-section-sortable-placeholder>.titled-rule:first-child,
#email-template-manager .email-template-wrapper .regform-section-sortable-placeholder>.titled-rule:first-child,
.categorynav .category-list>.titled-rule:first-child,
.i-timeline-item .i-timeline-item-box>.titled-rule:first-child,
.i-box>*:first-child>.titled-rule:first-child,
.review-item-content>*:first-child>.titled-rule:first-child,
.regform-section>*:first-child>.titled-rule:first-child,
.regform-done>*:first-child>.titled-rule:first-child,
.regform-section-sortable-placeholder>*:first-child>.titled-rule:first-child,
#email-template-manager .email-template-wrapper .regform-section-sortable-placeholder>*:first-child>.titled-rule:first-child,
.categorynav .category-list>*:first-child>.titled-rule:first-child,
.i-timeline-item .i-timeline-item-box>*:first-child>.titled-rule:first-child {
  margin-left: -10px;
  margin-right: -10px;
  margin-top: -18px
}

.i-box.titled,
.titled.review-item-content,
.titled.regform-section,
.titled.regform-done,
.titled.regform-section-sortable-placeholder,
#email-template-manager .email-template-wrapper .titled.regform-section-sortable-placeholder,
.categorynav .titled.category-list,
.i-timeline-item .titled.i-timeline-item-box {
  border-top: none
}

.i-box .i-box-footer,
.review-item-content .i-box-footer,
.regform-section .i-box-footer,
.regform-done .i-box-footer,
.regform-section-sortable-placeholder .i-box-footer,
#email-template-manager .email-template-wrapper .regform-section-sortable-placeholder .i-box-footer,
.categorynav .category-list .i-box-footer,
.i-timeline-item .i-timeline-item-box .i-box-footer {
  margin-left: -10px;
  margin-right: -10px;
  margin-top: -10px;
  margin-bottom: -10px;
  background-color: #f9f9f9;
  box-shadow: inset 0 15px 20px -20px #bbb;
  overflow: auto;
  padding: 10px;
  margin-top: 10px
}

.i-box .i-box-header,
.review-item-content .i-box-header,
.regform-section .i-box-header,
.regform-done .i-box-header,
.regform-section-sortable-placeholder .i-box-header,
#email-template-manager .email-template-wrapper .regform-section-sortable-placeholder .i-box-header,
.categorynav .category-list .i-box-header,
.i-timeline-item .i-timeline-item-box .i-box-header {
  margin-left: -10px;
  margin-right: -10px;
  margin-top: -10px;
  margin-bottom: -10px;
  padding-left: 10px;
  padding-right: 10px;
  padding-top: 10px;
  padding-bottom: 10px;
  border-bottom: 1px solid #dfdfdf;
  transition: margin-bottom .25s ease-out;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  background-color: #f9f9f9;
  overflow: hidden;
  margin-bottom: 10px;
  word-break: break-word
}

.i-box .i-box-header .i-box-title,
.review-item-content .i-box-header .i-box-title,
.regform-section .i-box-header .i-box-title,
.regform-done .i-box-header .i-box-title,
.regform-section-sortable-placeholder .i-box-header .i-box-title,
#email-template-manager .email-template-wrapper .regform-section-sortable-placeholder .i-box-header .i-box-title,
.categorynav .category-list .i-box-header .i-box-title,
.i-timeline-item .i-timeline-item-box .i-box-header .i-box-title {
  font-family: "Roboto Light", sans-serif;
  color: #007cac;
  display: inline-block;
  font-size: 1.5em;
  font-weight: bold
}

.i-box .i-box-header h4.i-box-title,
.review-item-content .i-box-header h4.i-box-title,
.regform-section .i-box-header h4.i-box-title,
.regform-done .i-box-header h4.i-box-title,
.regform-section-sortable-placeholder .i-box-header h4.i-box-title,
#email-template-manager .email-template-wrapper .regform-section-sortable-placeholder .i-box-header h4.i-box-title,
.categorynav .category-list .i-box-header h4.i-box-title,
.i-timeline-item .i-timeline-item-box .i-box-header h4.i-box-title {
  margin: 0
}

.i-box .i-box-header .i-box-description,
.review-item-content .i-box-header .i-box-description,
.regform-section .i-box-header .i-box-description,
.regform-done .i-box-header .i-box-description,
.regform-section-sortable-placeholder .i-box-header .i-box-description,
#email-template-manager .email-template-wrapper .regform-section-sortable-placeholder .i-box-header .i-box-description,
.categorynav .category-list .i-box-header .i-box-description,
.i-timeline-item .i-timeline-item-box .i-box-header .i-box-description {
  font-family: "Liberation Serif", serif;
  color: #999;
  font-size: 14px
}

.i-box .i-box-header .i-box-buttons,
.review-item-content .i-box-header .i-box-buttons,
.regform-section .i-box-header .i-box-buttons,
.regform-done .i-box-header .i-box-buttons,
.regform-section-sortable-placeholder .i-box-header .i-box-buttons,
#email-template-manager .email-template-wrapper .regform-section-sortable-placeholder .i-box-header .i-box-buttons,
.categorynav .category-list .i-box-header .i-box-buttons,
.i-timeline-item .i-timeline-item-box .i-box-header .i-box-buttons {
  margin: 0;
  padding: 0
}

.i-box .i-box-header .i-box-align-buttons,
.review-item-content .i-box-header .i-box-align-buttons,
.regform-section .i-box-header .i-box-align-buttons,
.regform-done .i-box-header .i-box-align-buttons,
.regform-section-sortable-placeholder .i-box-header .i-box-align-buttons,
#email-template-manager .email-template-wrapper .regform-section-sortable-placeholder .i-box-header .i-box-align-buttons,
.categorynav .category-list .i-box-header .i-box-align-buttons,
.i-timeline-item .i-timeline-item-box .i-box-header .i-box-align-buttons {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 5px
}

.i-box .i-box-header .i-box-metadata,
.review-item-content .i-box-header .i-box-metadata,
.regform-section .i-box-header .i-box-metadata,
.regform-done .i-box-header .i-box-metadata,
.regform-section-sortable-placeholder .i-box-header .i-box-metadata,
#email-template-manager .email-template-wrapper .regform-section-sortable-placeholder .i-box-header .i-box-metadata,
.categorynav .category-list .i-box-header .i-box-metadata,
.i-timeline-item .i-timeline-item-box .i-box-header .i-box-metadata {
  float: right;
  line-height: 1.9em
}

.i-box .i-box-header .i-box-metadata .label,
.review-item-content .i-box-header .i-box-metadata .label,
.regform-section .i-box-header .i-box-metadata .label,
.regform-done .i-box-header .i-box-metadata .label,
.regform-section-sortable-placeholder .i-box-header .i-box-metadata .label,
#email-template-manager .email-template-wrapper .regform-section-sortable-placeholder .i-box-header .i-box-metadata .label,
.categorynav .category-list .i-box-header .i-box-metadata .label,
.i-timeline-item .i-timeline-item-box .i-box-header .i-box-metadata .label {
  color: #555;
  font-weight: bold
}

.i-box .i-box-header .i-box-metadata .label:not(:first-child),
.review-item-content .i-box-header .i-box-metadata .label:not(:first-child),
.regform-section .i-box-header .i-box-metadata .label:not(:first-child),
.regform-done .i-box-header .i-box-metadata .label:not(:first-child),
.regform-section-sortable-placeholder .i-box-header .i-box-metadata .label:not(:first-child),
#email-template-manager .email-template-wrapper .regform-section-sortable-placeholder .i-box-header .i-box-metadata .label:not(:first-child),
.categorynav .category-list .i-box-header .i-box-metadata .label:not(:first-child),
.i-timeline-item .i-timeline-item-box .i-box-header .i-box-metadata .label:not(:first-child) {
  margin-left: .7em
}

.i-box .i-box-header .i-box-metadata .content,
.review-item-content .i-box-header .i-box-metadata .content,
.regform-section .i-box-header .i-box-metadata .content,
.regform-done .i-box-header .i-box-metadata .content,
.regform-section-sortable-placeholder .i-box-header .i-box-metadata .content,
#email-template-manager .email-template-wrapper .regform-section-sortable-placeholder .i-box-header .i-box-metadata .content,
.categorynav .category-list .i-box-header .i-box-metadata .content,
.i-timeline-item .i-timeline-item-box .i-box-header .i-box-metadata .content {
  color: #777;
  font-style: italic
}

.i-box .i-box-header .i-box-buttons+.i-box-metadata,
.review-item-content .i-box-header .i-box-buttons+.i-box-metadata,
.regform-section .i-box-header .i-box-buttons+.i-box-metadata,
.regform-done .i-box-header .i-box-buttons+.i-box-metadata,
.regform-section-sortable-placeholder .i-box-header .i-box-buttons+.i-box-metadata,
#email-template-manager .email-template-wrapper .regform-section-sortable-placeholder .i-box-header .i-box-buttons+.i-box-metadata,
.categorynav .category-list .i-box-header .i-box-buttons+.i-box-metadata,
.i-timeline-item .i-timeline-item-box .i-box-header .i-box-buttons+.i-box-metadata {
  margin-right: 1em
}

.i-box .i-box-table-widget,
.review-item-content .i-box-table-widget,
.regform-section .i-box-table-widget,
.regform-done .i-box-table-widget,
.regform-section-sortable-placeholder .i-box-table-widget,
#email-template-manager .email-template-wrapper .regform-section-sortable-placeholder .i-box-table-widget,
.categorynav .category-list .i-box-table-widget,
.i-timeline-item .i-timeline-item-box .i-box-table-widget {
  margin-left: -10px;
  margin-right: -10px;
  margin-top: -10px;
  margin-bottom: -10px
}

.i-box .i-box-table-widget>table.i-table-widget,
.review-item-content .i-box-table-widget>table.i-table-widget,
.regform-section .i-box-table-widget>table.i-table-widget,
.regform-done .i-box-table-widget>table.i-table-widget,
.regform-section-sortable-placeholder .i-box-table-widget>table.i-table-widget,
#email-template-manager .email-template-wrapper .regform-section-sortable-placeholder .i-box-table-widget>table.i-table-widget,
.categorynav .category-list .i-box-table-widget>table.i-table-widget,
.i-timeline-item .i-timeline-item-box .i-box-table-widget>table.i-table-widget {
  border: none
}

.i-box .i-box-table-widget>*:not(table),
.review-item-content .i-box-table-widget>*:not(table),
.regform-section .i-box-table-widget>*:not(table),
.regform-done .i-box-table-widget>*:not(table),
.regform-section-sortable-placeholder .i-box-table-widget>*:not(table),
#email-template-manager .email-template-wrapper .regform-section-sortable-placeholder .i-box-table-widget>*:not(table),
.categorynav .category-list .i-box-table-widget>*:not(table),
.i-timeline-item .i-timeline-item-box .i-box-table-widget>*:not(table) {
  padding-left: 10px;
  padding-right: 10px;
  padding-top: 10px;
  padding-bottom: 10px
}

.i-box.header-only,
.header-only.review-item-content,
.header-only.regform-section,
.header-only.regform-done,
.header-only.regform-section-sortable-placeholder,
#email-template-manager .email-template-wrapper .header-only.regform-section-sortable-placeholder,
.categorynav .header-only.category-list,
.i-timeline-item .header-only.i-timeline-item-box {
  padding-bottom: 0
}

.i-box.header-only .i-box-header,
.header-only.review-item-content .i-box-header,
.header-only.regform-section .i-box-header,
.header-only.regform-done .i-box-header,
.header-only.regform-section-sortable-placeholder .i-box-header,
#email-template-manager .email-template-wrapper .header-only.regform-section-sortable-placeholder .i-box-header,
.categorynav .header-only.category-list .i-box-header,
.i-timeline-item .header-only.i-timeline-item-box .i-box-header {
  margin-bottom: 0
}

.i-box.header-only .i-box-header,
.header-only.review-item-content .i-box-header,
.header-only.regform-section .i-box-header,
.header-only.regform-done .i-box-header,
.header-only.regform-section-sortable-placeholder .i-box-header,
#email-template-manager .email-template-wrapper .header-only.regform-section-sortable-placeholder .i-box-header,
.categorynav .header-only.category-list .i-box-header,
.i-timeline-item .header-only.i-timeline-item-box .i-box-header {
  border-bottom: none
}

.i-box.header-only-transition,
.header-only-transition.review-item-content,
.header-only-transition.regform-section,
.header-only-transition.regform-done,
.header-only-transition.regform-section-sortable-placeholder,
#email-template-manager .email-template-wrapper .header-only-transition.regform-section-sortable-placeholder,
.categorynav .header-only-transition.category-list,
.i-timeline-item .header-only-transition.i-timeline-item-box {
  padding-bottom: 0
}

.i-box.header-only-transition .i-box-header,
.header-only-transition.review-item-content .i-box-header,
.header-only-transition.regform-section .i-box-header,
.header-only-transition.regform-done .i-box-header,
.header-only-transition.regform-section-sortable-placeholder .i-box-header,
#email-template-manager .email-template-wrapper .header-only-transition.regform-section-sortable-placeholder .i-box-header,
.categorynav .header-only-transition.category-list .i-box-header,
.i-timeline-item .header-only-transition.i-timeline-item-box .i-box-header {
  margin-bottom: 0
}

.i-box.no-shadow,
.no-shadow.regform-section,
.no-shadow.regform-done,
.no-shadow.regform-section-sortable-placeholder,
#email-template-manager .email-template-wrapper .no-shadow.regform-section-sortable-placeholder,
.review-item-content,
#email-template-manager .email-template-wrapper .regform-section-sortable-placeholder.review-item-content,
#email-template-manager .email-template-wrapper .categorynav .regform-section-sortable-placeholder.category-list,
.categorynav #email-template-manager .email-template-wrapper .regform-section-sortable-placeholder.category-list,
.categorynav .category-list,
#email-template-manager .email-template-wrapper .i-timeline-item .regform-section-sortable-placeholder.i-timeline-item-box,
.i-timeline-item #email-template-manager .email-template-wrapper .regform-section-sortable-placeholder.i-timeline-item-box,
.i-timeline-item .i-timeline-item-box {
  box-shadow: none
}

.i-box.highlight,
.highlight.review-item-content,
.highlight.regform-section,
.highlight.regform-done,
.highlight.regform-section-sortable-placeholder,
#email-template-manager .email-template-wrapper .highlight.regform-section-sortable-placeholder,
.categorynav .highlight.category-list,
.i-timeline-item .highlight.i-timeline-item-box,
.i-box.action-button,
.review-item-content.action-button,
.regform-section.action-button,
.regform-done.action-button,
.regform-section-sortable-placeholder.action-button,
#email-template-manager .email-template-wrapper .regform-section-sortable-placeholder.action-button,
.categorynav .category-list.action-button,
.i-timeline-item .i-timeline-item-box.action-button,
.categorynav .category-list .item .button-wrapper .i-box.action-button,
.categorynav .category-list .item .button-wrapper .review-item-content.action-button,
.categorynav .category-list .item .button-wrapper .regform-section.action-button,
.categorynav .category-list .item .button-wrapper .regform-done.action-button,
.categorynav .category-list .item .button-wrapper .regform-section-sortable-placeholder.action-button,
.categorynav .category-list .item .button-wrapper .category-list.action-button,
.i-timeline-item .categorynav .category-list .item .button-wrapper .i-timeline-item-box.action-button,
.categorynav .category-list .item .button-wrapper .i-timeline-item .i-timeline-item-box.action-button {
  border-color: #cde1ff
}

.i-box.highlight .i-box-header,
.highlight.review-item-content .i-box-header,
.highlight.regform-section .i-box-header,
.highlight.regform-done .i-box-header,
.highlight.regform-section-sortable-placeholder .i-box-header,
#email-template-manager .email-template-wrapper .highlight.regform-section-sortable-placeholder .i-box-header,
.categorynav .highlight.category-list .i-box-header,
.i-timeline-item .highlight.i-timeline-item-box .i-box-header,
.i-box.action-button .i-box-header,
.review-item-content.action-button .i-box-header,
.regform-section.action-button .i-box-header,
.regform-done.action-button .i-box-header,
.regform-section-sortable-placeholder.action-button .i-box-header,
#email-template-manager .email-template-wrapper .regform-section-sortable-placeholder.action-button .i-box-header,
.categorynav .category-list.action-button .i-box-header,
.i-timeline-item .i-timeline-item-box.action-button .i-box-header,
.categorynav .category-list .item .button-wrapper .i-box.action-button .i-box-header,
.categorynav .category-list .item .button-wrapper .review-item-content.action-button .i-box-header,
.categorynav .category-list .item .button-wrapper .regform-section.action-button .i-box-header,
.categorynav .category-list .item .button-wrapper .regform-done.action-button .i-box-header,
.categorynav .category-list .item .button-wrapper .regform-section-sortable-placeholder.action-button .i-box-header,
.categorynav .category-list .item .button-wrapper .category-list.action-button .i-box-header,
.i-timeline-item .categorynav .category-list .item .button-wrapper .i-timeline-item-box.action-button .i-box-header,
.categorynav .category-list .item .button-wrapper .i-timeline-item .i-timeline-item-box.action-button .i-box-header {
  background-color: #edf3fd;
  border-bottom-color: #cde1ff
}

.i-box.footer-only,
.footer-only.review-item-content,
.footer-only.regform-section,
.footer-only.regform-done,
.footer-only.regform-section-sortable-placeholder,
#email-template-manager .email-template-wrapper .footer-only.regform-section-sortable-placeholder,
.categorynav .footer-only.category-list,
.i-timeline-item .footer-only.i-timeline-item-box {
  padding-top: 0
}

.i-box.footer-only .i-box-footer,
.footer-only.review-item-content .i-box-footer,
.footer-only.regform-section .i-box-footer,
.footer-only.regform-done .i-box-footer,
.footer-only.regform-section-sortable-placeholder .i-box-footer,
#email-template-manager .email-template-wrapper .footer-only.regform-section-sortable-placeholder .i-box-footer,
.categorynav .footer-only.category-list .i-box-footer,
.i-timeline-item .footer-only.i-timeline-item-box .i-box-footer {
  box-shadow: none;
  margin-top: 0
}

.i-box-group+.i-box-group,
.agreement-form-sections+.i-box-group,
.i-box-group+.agreement-form-sections,
.agreement-form-sections+.agreement-form-sections {
  margin-top: 15px
}

.i-box-group.horz,
.horz.agreement-form-sections {
  overflow: hidden;
  padding-bottom: 15px
}

.i-box-group.horz .i-box,
.horz.agreement-form-sections .i-box,
.i-box-group.horz .review-item-content,
.horz.agreement-form-sections .review-item-content,
.i-box-group.horz .regform-section,
.horz.agreement-form-sections .regform-section,
.i-box-group.horz .regform-done,
.horz.agreement-form-sections .regform-done,
.i-box-group.horz .regform-section-sortable-placeholder,
.horz.agreement-form-sections .regform-section-sortable-placeholder,
.i-box-group.horz #email-template-manager .email-template-wrapper .regform-section-sortable-placeholder,
#email-template-manager .email-template-wrapper .i-box-group.horz .regform-section-sortable-placeholder,
.horz.agreement-form-sections #email-template-manager .email-template-wrapper .regform-section-sortable-placeholder,
#email-template-manager .email-template-wrapper .horz.agreement-form-sections .regform-section-sortable-placeholder,
.i-box-group.horz .categorynav .category-list,
.categorynav .i-box-group.horz .category-list,
.horz.agreement-form-sections .categorynav .category-list,
.categorynav .horz.agreement-form-sections .category-list,
.i-box-group.horz .i-timeline-item .i-timeline-item-box,
.i-timeline-item .i-box-group.horz .i-timeline-item-box,
.horz.agreement-form-sections .i-timeline-item .i-timeline-item-box,
.i-timeline-item .horz.agreement-form-sections .i-timeline-item-box {
  float: left;
  margin-right: 15px
}

.i-box-group.horz .i-box:last-child,
.horz.agreement-form-sections .i-box:last-child,
.i-box-group.horz .review-item-content:last-child,
.horz.agreement-form-sections .review-item-content:last-child,
.i-box-group.horz .regform-section:last-child,
.horz.agreement-form-sections .regform-section:last-child,
.i-box-group.horz .regform-done:last-child,
.horz.agreement-form-sections .regform-done:last-child,
.i-box-group.horz .regform-section-sortable-placeholder:last-child,
.horz.agreement-form-sections .regform-section-sortable-placeholder:last-child,
.i-box-group.horz #email-template-manager .email-template-wrapper .regform-section-sortable-placeholder:last-child,
#email-template-manager .email-template-wrapper .i-box-group.horz .regform-section-sortable-placeholder:last-child,
.horz.agreement-form-sections #email-template-manager .email-template-wrapper .regform-section-sortable-placeholder:last-child,
#email-template-manager .email-template-wrapper .horz.agreement-form-sections .regform-section-sortable-placeholder:last-child,
.i-box-group.horz .categorynav .category-list:last-child,
.categorynav .i-box-group.horz .category-list:last-child,
.horz.agreement-form-sections .categorynav .category-list:last-child,
.categorynav .horz.agreement-form-sections .category-list:last-child,
.i-box-group.horz .i-timeline-item .i-timeline-item-box:last-child,
.i-timeline-item .i-box-group.horz .i-timeline-item-box:last-child,
.horz.agreement-form-sections .i-timeline-item .i-timeline-item-box:last-child,
.i-timeline-item .horz.agreement-form-sections .i-timeline-item-box:last-child {
  margin-right: 0
}

.i-box-group.vert .i-box,
.agreement-form-sections .i-box,
.i-box-group.vert .review-item-content,
.agreement-form-sections .review-item-content,
.i-box-group.vert .regform-section,
.agreement-form-sections .regform-section,
.i-box-group.vert .regform-done,
.agreement-form-sections .regform-done,
.i-box-group.vert .regform-section-sortable-placeholder,
.agreement-form-sections .regform-section-sortable-placeholder,
.i-box-group.vert #email-template-manager .email-template-wrapper .regform-section-sortable-placeholder,
#email-template-manager .email-template-wrapper .i-box-group.vert .regform-section-sortable-placeholder,
.agreement-form-sections #email-template-manager .email-template-wrapper .regform-section-sortable-placeholder,
#email-template-manager .email-template-wrapper .agreement-form-sections .regform-section-sortable-placeholder,
.i-box-group.vert .categorynav .category-list,
.categorynav .i-box-group.vert .category-list,
.agreement-form-sections .categorynav .category-list,
.categorynav .agreement-form-sections .category-list,
.i-box-group.vert .i-timeline-item .i-timeline-item-box,
.i-timeline-item .i-box-group.vert .i-timeline-item-box,
.agreement-form-sections .i-timeline-item .i-timeline-item-box,
.i-timeline-item .agreement-form-sections .i-timeline-item-box {
  margin-bottom: 15px
}

.i-box-group.vert .i-box:last-child,
.agreement-form-sections .i-box:last-child,
.i-box-group.vert .review-item-content:last-child,
.agreement-form-sections .review-item-content:last-child,
.i-box-group.vert .regform-section:last-child,
.agreement-form-sections .regform-section:last-child,
.i-box-group.vert .regform-done:last-child,
.agreement-form-sections .regform-done:last-child,
.i-box-group.vert .regform-section-sortable-placeholder:last-child,
.agreement-form-sections .regform-section-sortable-placeholder:last-child,
.i-box-group.vert #email-template-manager .email-template-wrapper .regform-section-sortable-placeholder:last-child,
#email-template-manager .email-template-wrapper .i-box-group.vert .regform-section-sortable-placeholder:last-child,
.agreement-form-sections #email-template-manager .email-template-wrapper .regform-section-sortable-placeholder:last-child,
#email-template-manager .email-template-wrapper .agreement-form-sections .regform-section-sortable-placeholder:last-child,
.i-box-group.vert .categorynav .category-list:last-child,
.categorynav .i-box-group.vert .category-list:last-child,
.agreement-form-sections .categorynav .category-list:last-child,
.categorynav .agreement-form-sections .category-list:last-child,
.i-box-group.vert .i-timeline-item .i-timeline-item-box:last-child,
.i-timeline-item .i-box-group.vert .i-timeline-item-box:last-child,
.agreement-form-sections .i-timeline-item .i-timeline-item-box:last-child,
.i-timeline-item .agreement-form-sections .i-timeline-item-box:last-child {
  margin-bottom: 0
}

.i-box-group .i-box-sortable-placeholder,
.agreement-form-sections .i-box-sortable-placeholder {
  border-top: 1px dashed #dfdfdf;
  border-bottom: 1px dashed #dfdfdf;
  border-right: 1px dashed #dfdfdf;
  border-left: 1px dashed #dfdfdf;
  background-color: #f9f9f9;
  margin-bottom: 15px
}

.i-box.just-group-list,
.just-group-list.review-item-content,
.just-group-list.regform-section,
.just-group-list.regform-done,
.just-group-list.regform-section-sortable-placeholder,
#email-template-manager .email-template-wrapper .just-group-list.regform-section-sortable-placeholder,
.i-timeline-item .just-group-list.i-timeline-item-box,
#email-template-manager .email-template-wrapper .categorynav .regform-section-sortable-placeholder.category-list,
.categorynav #email-template-manager .email-template-wrapper .regform-section-sortable-placeholder.category-list,
.categorynav .category-list {
  padding-bottom: 0;
  padding-top: 0
}

.i-box.just-group-list .i-box-header,
.just-group-list.review-item-content .i-box-header,
.just-group-list.regform-section .i-box-header,
.just-group-list.regform-done .i-box-header,
.just-group-list.regform-section-sortable-placeholder .i-box-header,
#email-template-manager .email-template-wrapper .just-group-list.regform-section-sortable-placeholder .i-box-header,
.i-timeline-item .just-group-list.i-timeline-item-box .i-box-header,
#email-template-manager .email-template-wrapper .categorynav .regform-section-sortable-placeholder.category-list .i-box-header,
.categorynav #email-template-manager .email-template-wrapper .regform-section-sortable-placeholder.category-list .i-box-header,
.categorynav .category-list .i-box-header {
  margin-bottom: 0;
  margin-top: 0
}

.i-box.just-group-list ul.group-list>li:first-child,
.just-group-list.review-item-content ul.group-list>li:first-child,
.just-group-list.regform-section ul.group-list>li:first-child,
.just-group-list.regform-done ul.group-list>li:first-child,
.just-group-list.regform-section-sortable-placeholder ul.group-list>li:first-child,
#email-template-manager .email-template-wrapper .just-group-list.regform-section-sortable-placeholder ul.group-list>li:first-child,
.i-timeline-item .just-group-list.i-timeline-item-box ul.group-list>li:first-child,
#email-template-manager .email-template-wrapper .categorynav .regform-section-sortable-placeholder.category-list ul.group-list>li:first-child,
.categorynav #email-template-manager .email-template-wrapper .regform-section-sortable-placeholder.category-list ul.group-list>li:first-child,
.categorynav .category-list ul.group-list>li:first-child {
  border-top: none
}

.i-box.just-group-list ul.group-list>li[class*=icon-]:not(:empty)::before,
.just-group-list.review-item-content ul.group-list>li[class*=icon-]:not(:empty)::before,
.just-group-list.regform-section ul.group-list>li[class*=icon-]:not(:empty)::before,
.just-group-list.regform-done ul.group-list>li[class*=icon-]:not(:empty)::before,
.just-group-list.regform-section-sortable-placeholder ul.group-list>li[class*=icon-]:not(:empty)::before,
#email-template-manager .email-template-wrapper .just-group-list.regform-section-sortable-placeholder ul.group-list>li[class*=icon-]:not(:empty)::before,
.i-timeline-item .just-group-list.i-timeline-item-box ul.group-list>li[class*=icon-]:not(:empty)::before,
#email-template-manager .email-template-wrapper .categorynav .regform-section-sortable-placeholder.category-list ul.group-list>li[class*=icon-]:not(:empty)::before,
.categorynav #email-template-manager .email-template-wrapper .regform-section-sortable-placeholder.category-list ul.group-list>li[class*=icon-]:not(:empty)::before,
.categorynav .category-list ul.group-list>li[class*=icon-]:not(:empty)::before {
  margin-right: .5em
}

.i-box.just-group-list ul.group-list>li:last-child,
.just-group-list.review-item-content ul.group-list>li:last-child,
.just-group-list.regform-section ul.group-list>li:last-child,
.just-group-list.regform-done ul.group-list>li:last-child,
.just-group-list.regform-section-sortable-placeholder ul.group-list>li:last-child,
#email-template-manager .email-template-wrapper .just-group-list.regform-section-sortable-placeholder ul.group-list>li:last-child,
.i-timeline-item .just-group-list.i-timeline-item-box ul.group-list>li:last-child,
#email-template-manager .email-template-wrapper .categorynav .regform-section-sortable-placeholder.category-list ul.group-list>li:last-child,
.categorynav #email-template-manager .email-template-wrapper .regform-section-sortable-placeholder.category-list ul.group-list>li:last-child,
.categorynav .category-list ul.group-list>li:last-child {
  margin-bottom: 10px
}

.i-box.just-group-list.with-hover-effect ul.group-list>li:hover,
.just-group-list.with-hover-effect.review-item-content ul.group-list>li:hover,
.just-group-list.with-hover-effect.regform-section ul.group-list>li:hover,
.just-group-list.with-hover-effect.regform-done ul.group-list>li:hover,
.just-group-list.with-hover-effect.regform-section-sortable-placeholder ul.group-list>li:hover,
#email-template-manager .email-template-wrapper .just-group-list.with-hover-effect.regform-section-sortable-placeholder ul.group-list>li:hover,
.i-timeline-item .just-group-list.with-hover-effect.i-timeline-item-box ul.group-list>li:hover,
.categorynav #email-template-manager .email-template-wrapper .with-hover-effect.regform-section-sortable-placeholder.category-list ul.group-list>li:hover,
.categorynav .with-hover-effect.category-list ul.group-list>li:hover,
.categorynav #email-template-manager .email-template-wrapper .just-group-list.regform-section-sortable-placeholder.category-list ul.group-list>li:hover,
.categorynav .just-group-list.category-list ul.group-list>li:hover,
.categorynav .i-box.category-list ul.group-list>li:hover,
.categorynav .review-item-content.category-list ul.group-list>li:hover,
.categorynav .regform-section.category-list ul.group-list>li:hover,
.categorynav .regform-done.category-list ul.group-list>li:hover,
.categorynav .regform-section-sortable-placeholder.category-list ul.group-list>li:hover,
#email-template-manager .email-template-wrapper .categorynav .regform-section-sortable-placeholder.category-list ul.group-list>li:hover,
.categorynav .categorynav .category-list ul.group-list>li:hover,
.i-timeline-item .categorynav .i-timeline-item-box.category-list ul.group-list>li:hover {
  background-color: #f9f9f9
}

.i-box ul.group-list,
.review-item-content ul.group-list,
.regform-section ul.group-list,
.regform-done ul.group-list,
.regform-section-sortable-placeholder ul.group-list,
#email-template-manager .email-template-wrapper .regform-section-sortable-placeholder ul.group-list,
.categorynav .category-list ul.group-list,
.i-timeline-item .i-timeline-item-box ul.group-list {
  color: #777;
  list-style: outside none none;
  padding: 0;
  margin: 0 -10px;
  position: relative
}

.i-box ul.group-list>li,
.review-item-content ul.group-list>li,
.regform-section ul.group-list>li,
.regform-done ul.group-list>li,
.regform-section-sortable-placeholder ul.group-list>li,
#email-template-manager .email-template-wrapper .regform-section-sortable-placeholder ul.group-list>li,
.categorynav .category-list ul.group-list>li,
.i-timeline-item .i-timeline-item-box ul.group-list>li {
  border-top: 1px solid #dfdfdf;
  padding: 10px
}

.i-box ul.group-list>li>span:not(:last-child),
.review-item-content ul.group-list>li>span:not(:last-child),
.regform-section ul.group-list>li>span:not(:last-child),
.regform-done ul.group-list>li>span:not(:last-child),
.regform-section-sortable-placeholder ul.group-list>li>span:not(:last-child),
#email-template-manager .email-template-wrapper .regform-section-sortable-placeholder ul.group-list>li>span:not(:last-child),
.categorynav .category-list ul.group-list>li>span:not(:last-child),
.i-timeline-item .i-timeline-item-box ul.group-list>li>span:not(:last-child) {
  margin-right: 10px
}

.i-box ul.group-list>li .list-item-title,
.review-item-content ul.group-list>li .list-item-title,
.regform-section ul.group-list>li .list-item-title,
.regform-done ul.group-list>li .list-item-title,
.regform-section-sortable-placeholder ul.group-list>li .list-item-title,
#email-template-manager .email-template-wrapper .regform-section-sortable-placeholder ul.group-list>li .list-item-title,
.categorynav .category-list ul.group-list>li .list-item-title,
.i-timeline-item .i-timeline-item-box ul.group-list>li .list-item-title {
  font-weight: bold
}

.i-box ul.group-list>li .list-item-info,
.review-item-content ul.group-list>li .list-item-info,
.regform-section ul.group-list>li .list-item-info,
.regform-done ul.group-list>li .list-item-info,
.regform-section-sortable-placeholder ul.group-list>li .list-item-info,
#email-template-manager .email-template-wrapper .regform-section-sortable-placeholder ul.group-list>li .list-item-info,
.categorynav .category-list ul.group-list>li .list-item-info,
.i-timeline-item .i-timeline-item-box ul.group-list>li .list-item-info {
  margin: 0 1em
}

.i-box ul.group-list>li .list-item-info>span:not(:last-child),
.review-item-content ul.group-list>li .list-item-info>span:not(:last-child),
.regform-section ul.group-list>li .list-item-info>span:not(:last-child),
.regform-done ul.group-list>li .list-item-info>span:not(:last-child),
.regform-section-sortable-placeholder ul.group-list>li .list-item-info>span:not(:last-child),
#email-template-manager .email-template-wrapper .regform-section-sortable-placeholder ul.group-list>li .list-item-info>span:not(:last-child),
.categorynav .category-list ul.group-list>li .list-item-info>span:not(:last-child),
.i-timeline-item .i-timeline-item-box ul.group-list>li .list-item-info>span:not(:last-child) {
  margin-right: .7em
}

.i-box ul.group-list>li .list-item-info .label,
.review-item-content ul.group-list>li .list-item-info .label,
.regform-section ul.group-list>li .list-item-info .label,
.regform-done ul.group-list>li .list-item-info .label,
.regform-section-sortable-placeholder ul.group-list>li .list-item-info .label,
#email-template-manager .email-template-wrapper .regform-section-sortable-placeholder ul.group-list>li .list-item-info .label,
.categorynav .category-list ul.group-list>li .list-item-info .label,
.i-timeline-item .i-timeline-item-box ul.group-list>li .list-item-info .label {
  font-weight: bold
}

.i-box ul.group-list>li .list-item-info .content,
.review-item-content ul.group-list>li .list-item-info .content,
.regform-section ul.group-list>li .list-item-info .content,
.regform-done ul.group-list>li .list-item-info .content,
.regform-section-sortable-placeholder ul.group-list>li .list-item-info .content,
#email-template-manager .email-template-wrapper .regform-section-sortable-placeholder ul.group-list>li .list-item-info .content,
.categorynav .category-list ul.group-list>li .list-item-info .content,
.i-timeline-item .i-timeline-item-box ul.group-list>li .list-item-info .content {
  font-style: italic
}

.i-box ul.group-list>li.ui-sortable,
.review-item-content ul.group-list>li.ui-sortable,
.regform-section ul.group-list>li.ui-sortable,
.regform-done ul.group-list>li.ui-sortable,
.regform-section-sortable-placeholder ul.group-list>li.ui-sortable,
#email-template-manager .email-template-wrapper .regform-section-sortable-placeholder ul.group-list>li.ui-sortable,
.categorynav .category-list ul.group-list>li.ui-sortable,
.i-timeline-item .i-timeline-item-box ul.group-list>li.ui-sortable {
  display: flex;
  margin: 0
}

.i-box ul.group-list>li.ui-sortable>.ui-sortable-handle,
.review-item-content ul.group-list>li.ui-sortable>.ui-sortable-handle,
.regform-section ul.group-list>li.ui-sortable>.ui-sortable-handle,
.regform-done ul.group-list>li.ui-sortable>.ui-sortable-handle,
.regform-section-sortable-placeholder ul.group-list>li.ui-sortable>.ui-sortable-handle,
#email-template-manager .email-template-wrapper .regform-section-sortable-placeholder ul.group-list>li.ui-sortable>.ui-sortable-handle,
.categorynav .category-list ul.group-list>li.ui-sortable>.ui-sortable-handle,
.i-timeline-item .i-timeline-item-box ul.group-list>li.ui-sortable>.ui-sortable-handle {
  transition: background-color .25s ease-out;
  background-color: #bfbfbf;
  cursor: move;
  display: flex;
  align-items: center;
  visibility: hidden;
  width: 1em
}

.i-box ul.group-list>li.ui-sortable>.ui-sortable-handle::before,
.review-item-content ul.group-list>li.ui-sortable>.ui-sortable-handle::before,
.regform-section ul.group-list>li.ui-sortable>.ui-sortable-handle::before,
.regform-done ul.group-list>li.ui-sortable>.ui-sortable-handle::before,
.regform-section-sortable-placeholder ul.group-list>li.ui-sortable>.ui-sortable-handle::before,
#email-template-manager .email-template-wrapper .regform-section-sortable-placeholder ul.group-list>li.ui-sortable>.ui-sortable-handle::before,
.categorynav .category-list ul.group-list>li.ui-sortable>.ui-sortable-handle::before,
.i-timeline-item .i-timeline-item-box ul.group-list>li.ui-sortable>.ui-sortable-handle::before,
.i-box ul.group-list>li.ui-sortable>.ui-sortable-handle>.handle::before,
.review-item-content ul.group-list>li.ui-sortable>.ui-sortable-handle>.handle::before,
.regform-section ul.group-list>li.ui-sortable>.ui-sortable-handle>.handle::before,
.regform-done ul.group-list>li.ui-sortable>.ui-sortable-handle>.handle::before,
.regform-section-sortable-placeholder ul.group-list>li.ui-sortable>.ui-sortable-handle>.handle::before,
#email-template-manager .email-template-wrapper .regform-section-sortable-placeholder ul.group-list>li.ui-sortable>.ui-sortable-handle>.handle::before,
.categorynav .category-list ul.group-list>li.ui-sortable>.ui-sortable-handle>.handle::before,
.i-timeline-item .i-timeline-item-box ul.group-list>li.ui-sortable>.ui-sortable-handle>.handle::before {
  color: #f9f9f9
}

.i-box ul.group-list>li.ui-sortable>.ui-sortable-handle:active,
.review-item-content ul.group-list>li.ui-sortable>.ui-sortable-handle:active,
.regform-section ul.group-list>li.ui-sortable>.ui-sortable-handle:active,
.regform-done ul.group-list>li.ui-sortable>.ui-sortable-handle:active,
.regform-section-sortable-placeholder ul.group-list>li.ui-sortable>.ui-sortable-handle:active,
#email-template-manager .email-template-wrapper .regform-section-sortable-placeholder ul.group-list>li.ui-sortable>.ui-sortable-handle:active,
.categorynav .category-list ul.group-list>li.ui-sortable>.ui-sortable-handle:active,
.i-timeline-item .i-timeline-item-box ul.group-list>li.ui-sortable>.ui-sortable-handle:active,
.i-box ul.group-list>li.ui-sortable>.ui-sortable-handle:hover,
.review-item-content ul.group-list>li.ui-sortable>.ui-sortable-handle:hover,
.regform-section ul.group-list>li.ui-sortable>.ui-sortable-handle:hover,
.regform-done ul.group-list>li.ui-sortable>.ui-sortable-handle:hover,
.regform-section-sortable-placeholder ul.group-list>li.ui-sortable>.ui-sortable-handle:hover,
#email-template-manager .email-template-wrapper .regform-section-sortable-placeholder ul.group-list>li.ui-sortable>.ui-sortable-handle:hover,
.categorynav .category-list ul.group-list>li.ui-sortable>.ui-sortable-handle:hover,
.i-timeline-item .i-timeline-item-box ul.group-list>li.ui-sortable>.ui-sortable-handle:hover {
  background-color: #fff
}

.i-box ul.group-list>li.ui-sortable>.ui-sortable-handle:active::before,
.review-item-content ul.group-list>li.ui-sortable>.ui-sortable-handle:active::before,
.regform-section ul.group-list>li.ui-sortable>.ui-sortable-handle:active::before,
.regform-done ul.group-list>li.ui-sortable>.ui-sortable-handle:active::before,
.regform-section-sortable-placeholder ul.group-list>li.ui-sortable>.ui-sortable-handle:active::before,
#email-template-manager .email-template-wrapper .regform-section-sortable-placeholder ul.group-list>li.ui-sortable>.ui-sortable-handle:active::before,
.categorynav .category-list ul.group-list>li.ui-sortable>.ui-sortable-handle:active::before,
.i-timeline-item .i-timeline-item-box ul.group-list>li.ui-sortable>.ui-sortable-handle:active::before,
.i-box ul.group-list>li.ui-sortable>.ui-sortable-handle:active>.handle::before,
.review-item-content ul.group-list>li.ui-sortable>.ui-sortable-handle:active>.handle::before,
.regform-section ul.group-list>li.ui-sortable>.ui-sortable-handle:active>.handle::before,
.regform-done ul.group-list>li.ui-sortable>.ui-sortable-handle:active>.handle::before,
.regform-section-sortable-placeholder ul.group-list>li.ui-sortable>.ui-sortable-handle:active>.handle::before,
#email-template-manager .email-template-wrapper .regform-section-sortable-placeholder ul.group-list>li.ui-sortable>.ui-sortable-handle:active>.handle::before,
.categorynav .category-list ul.group-list>li.ui-sortable>.ui-sortable-handle:active>.handle::before,
.i-timeline-item .i-timeline-item-box ul.group-list>li.ui-sortable>.ui-sortable-handle:active>.handle::before,
.i-box ul.group-list>li.ui-sortable>.ui-sortable-handle:hover::before,
.review-item-content ul.group-list>li.ui-sortable>.ui-sortable-handle:hover::before,
.regform-section ul.group-list>li.ui-sortable>.ui-sortable-handle:hover::before,
.regform-done ul.group-list>li.ui-sortable>.ui-sortable-handle:hover::before,
.regform-section-sortable-placeholder ul.group-list>li.ui-sortable>.ui-sortable-handle:hover::before,
#email-template-manager .email-template-wrapper .regform-section-sortable-placeholder ul.group-list>li.ui-sortable>.ui-sortable-handle:hover::before,
.categorynav .category-list ul.group-list>li.ui-sortable>.ui-sortable-handle:hover::before,
.i-timeline-item .i-timeline-item-box ul.group-list>li.ui-sortable>.ui-sortable-handle:hover::before,
.i-box ul.group-list>li.ui-sortable>.ui-sortable-handle:hover>.handle::before,
.review-item-content ul.group-list>li.ui-sortable>.ui-sortable-handle:hover>.handle::before,
.regform-section ul.group-list>li.ui-sortable>.ui-sortable-handle:hover>.handle::before,
.regform-done ul.group-list>li.ui-sortable>.ui-sortable-handle:hover>.handle::before,
.regform-section-sortable-placeholder ul.group-list>li.ui-sortable>.ui-sortable-handle:hover>.handle::before,
#email-template-manager .email-template-wrapper .regform-section-sortable-placeholder ul.group-list>li.ui-sortable>.ui-sortable-handle:hover>.handle::before,
.categorynav .category-list ul.group-list>li.ui-sortable>.ui-sortable-handle:hover>.handle::before,
.i-timeline-item .i-timeline-item-box ul.group-list>li.ui-sortable>.ui-sortable-handle:hover>.handle::before {
  color: #999
}

.i-box ul.group-list>li.ui-sortable:hover>.ui-sortable-handle,
.review-item-content ul.group-list>li.ui-sortable:hover>.ui-sortable-handle,
.regform-section ul.group-list>li.ui-sortable:hover>.ui-sortable-handle,
.regform-done ul.group-list>li.ui-sortable:hover>.ui-sortable-handle,
.regform-section-sortable-placeholder ul.group-list>li.ui-sortable:hover>.ui-sortable-handle,
#email-template-manager .email-template-wrapper .regform-section-sortable-placeholder ul.group-list>li.ui-sortable:hover>.ui-sortable-handle,
.categorynav .category-list ul.group-list>li.ui-sortable:hover>.ui-sortable-handle,
.i-timeline-item .i-timeline-item-box ul.group-list>li.ui-sortable:hover>.ui-sortable-handle {
  visibility: visible
}

.i-box ul.group-list>li.ui-sortable>.ui-sortable-content,
.review-item-content ul.group-list>li.ui-sortable>.ui-sortable-content,
.regform-section ul.group-list>li.ui-sortable>.ui-sortable-content,
.regform-done ul.group-list>li.ui-sortable>.ui-sortable-content,
.regform-section-sortable-placeholder ul.group-list>li.ui-sortable>.ui-sortable-content,
#email-template-manager .email-template-wrapper .regform-section-sortable-placeholder ul.group-list>li.ui-sortable>.ui-sortable-content,
.categorynav .category-list ul.group-list>li.ui-sortable>.ui-sortable-content,
.i-timeline-item .i-timeline-item-box ul.group-list>li.ui-sortable>.ui-sortable-content {
  flex-grow: 1
}

.i-box ul.group-list>li.ui-sortable-helper,
.review-item-content ul.group-list>li.ui-sortable-helper,
.regform-section ul.group-list>li.ui-sortable-helper,
.regform-done ul.group-list>li.ui-sortable-helper,
.regform-section-sortable-placeholder ul.group-list>li.ui-sortable-helper,
#email-template-manager .email-template-wrapper .regform-section-sortable-placeholder ul.group-list>li.ui-sortable-helper,
.categorynav .category-list ul.group-list>li.ui-sortable-helper,
.i-timeline-item .i-timeline-item-box ul.group-list>li.ui-sortable-helper {
  border-top: 1px solid #e1e1e1;
  border-bottom: 1px solid #e1e1e1;
  border-top-width: 1px !important
}

.i-box ul.group-list.content-after,
.review-item-content ul.group-list.content-after,
.regform-section ul.group-list.content-after,
.regform-done ul.group-list.content-after,
.regform-section-sortable-placeholder ul.group-list.content-after,
#email-template-manager .email-template-wrapper .regform-section-sortable-placeholder ul.group-list.content-after,
.categorynav .category-list ul.group-list.content-after,
.i-timeline-item .i-timeline-item-box ul.group-list.content-after {
  margin-top: -10px;
  margin-bottom: 10px
}

.i-box ul.group-list.content-after>li:first-child,
.review-item-content ul.group-list.content-after>li:first-child,
.regform-section ul.group-list.content-after>li:first-child,
.regform-done ul.group-list.content-after>li:first-child,
.regform-section-sortable-placeholder ul.group-list.content-after>li:first-child,
#email-template-manager .email-template-wrapper .regform-section-sortable-placeholder ul.group-list.content-after>li:first-child,
.categorynav .category-list ul.group-list.content-after>li:first-child,
.i-timeline-item .i-timeline-item-box ul.group-list.content-after>li:first-child {
  border-top: none
}

.i-box ul.group-list.content-after>li:last-child,
.review-item-content ul.group-list.content-after>li:last-child,
.regform-section ul.group-list.content-after>li:last-child,
.regform-done ul.group-list.content-after>li:last-child,
.regform-section-sortable-placeholder ul.group-list.content-after>li:last-child,
#email-template-manager .email-template-wrapper .regform-section-sortable-placeholder ul.group-list.content-after>li:last-child,
.categorynav .category-list ul.group-list.content-after>li:last-child,
.i-timeline-item .i-timeline-item-box ul.group-list.content-after>li:last-child {
  border-bottom: 1px solid #dfdfdf
}

.i-box ul.group-list.no-content-before>li:first-child,
.review-item-content ul.group-list.no-content-before>li:first-child,
.regform-section ul.group-list.no-content-before>li:first-child,
.regform-done ul.group-list.no-content-before>li:first-child,
.regform-section-sortable-placeholder ul.group-list.no-content-before>li:first-child,
#email-template-manager .email-template-wrapper .regform-section-sortable-placeholder ul.group-list.no-content-before>li:first-child,
.categorynav .category-list ul.group-list.no-content-before>li:first-child,
.i-timeline-item .i-timeline-item-box ul.group-list.no-content-before>li:first-child {
  border-top-width: 0
}

.i-box ul.group-list.with-buttons,
.review-item-content ul.group-list.with-buttons,
.regform-section ul.group-list.with-buttons,
.regform-done ul.group-list.with-buttons,
.regform-section-sortable-placeholder ul.group-list.with-buttons,
#email-template-manager .email-template-wrapper .regform-section-sortable-placeholder ul.group-list.with-buttons,
.categorynav .category-list ul.group-list.with-buttons,
.i-timeline-item .i-timeline-item-box ul.group-list.with-buttons {
  line-height: 1.8em
}

.i-box ul.group-list.with-buttons .i-button,
.review-item-content ul.group-list.with-buttons .i-button,
.regform-section ul.group-list.with-buttons .i-button,
.regform-done ul.group-list.with-buttons .i-button,
.regform-section-sortable-placeholder ul.group-list.with-buttons .i-button,
#email-template-manager .email-template-wrapper .regform-section-sortable-placeholder ul.group-list.with-buttons .i-button,
.categorynav .category-list ul.group-list.with-buttons .i-button,
.i-timeline-item .i-timeline-item-box ul.group-list.with-buttons .i-button,
.i-box ul.group-list.with-buttons .action-button,
.review-item-content ul.group-list.with-buttons .action-button,
.regform-section ul.group-list.with-buttons .action-button,
.regform-done ul.group-list.with-buttons .action-button,
.regform-section-sortable-placeholder ul.group-list.with-buttons .action-button,
#email-template-manager .email-template-wrapper .regform-section-sortable-placeholder ul.group-list.with-buttons .action-button,
.categorynav .category-list ul.group-list.with-buttons .action-button,
.i-timeline-item .i-timeline-item-box ul.group-list.with-buttons .action-button,
.i-box ul.group-list.with-buttons .categorynav .category-list .item .button-wrapper .action-button,
.review-item-content ul.group-list.with-buttons .categorynav .category-list .item .button-wrapper .action-button,
.regform-section ul.group-list.with-buttons .categorynav .category-list .item .button-wrapper .action-button,
.regform-done ul.group-list.with-buttons .categorynav .category-list .item .button-wrapper .action-button,
.regform-section-sortable-placeholder ul.group-list.with-buttons .categorynav .category-list .item .button-wrapper .action-button,
.categorynav .category-list ul.group-list.with-buttons .item .button-wrapper .action-button,
.categorynav .category-list .item .button-wrapper ul.group-list.with-buttons .action-button,
.i-timeline-item .i-timeline-item-box ul.group-list.with-buttons .categorynav .category-list .item .button-wrapper .action-button {
  margin-top: 0
}

.i-box ul.group-list:last-child,
.review-item-content ul.group-list:last-child,
.regform-section ul.group-list:last-child,
.regform-done ul.group-list:last-child,
.regform-section-sortable-placeholder ul.group-list:last-child,
#email-template-manager .email-template-wrapper .regform-section-sortable-placeholder ul.group-list:last-child,
.categorynav .category-list ul.group-list:last-child,
.i-timeline-item .i-timeline-item-box ul.group-list:last-child {
  margin-bottom: -10px
}

.error-box {
  border-top: 1px solid #dfdfdf;
  border-bottom: 1px solid #dfdfdf;
  border-right: 1px solid #dfdfdf;
  border-left: 1px solid #dfdfdf;
  font-size: 1.2em;
  padding: 2em;
  background-color: #f9f9f9;
  width: 400px;
  margin: 50px auto;
  padding-top: 20px;
  text-align: center;
  border-radius: .5em
}

.error-box h1 {
  color: #007cac;
  font-size: 2em;
  padding-bottom: 10px
}

.error-box p {
  color: #777;
  word-wrap: break-word
}

.error-box .error-box-small {
  margin-top: 2em;
  font-size: .8em
}

.right:not(.ui.labeled) {
  float: right;
  margin-left: auto
}

.left {
  float: left
}

.center {
  margin: 0 auto;
  text-align: center
}

.text-left {
  text-align: left
}

.text-right {
  text-align: right
}

.text-center {
  text-align: center
}

.inline-vcentered {
  display: inline-block;
  vertical-align: middle
}

.header-aligned {
  margin-top: .35em
}

.clear {
  clear: both
}

.hidden {
  display: none !important
}

.weak-hidden {
  display: none
}

.hidden-if-empty:empty {
  display: none !important
}

.icon-medium {
  font-size: 3em
}

.icon-large {
  font-size: 5em
}

.icon-background {
  font-size: 10em;
  color: #eee
}

.area {
  color: #555;
  margin-top: 1em;
  padding: 1em;
  background: #fafafa
}

.area h2:first-of-type {
  margin-top: 0
}

.area h2 {
  color: #aaa
}

.prevent-scrolling {
  overflow-x: hidden;
  overflow-y: auto
}

.transparent-overlay,
.track-list .track-content-collapsed {
  position: relative
}

.transparent-overlay::before,
.track-list .track-content-collapsed::before {
  background: rgba(0, 0, 0, 0);
  background-image: linear-gradient(to bottom, transparent, white);
  bottom: 0;
  content: "";
  height: 3em;
  position: absolute;
  width: 100%;
  z-index: 1
}

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

@media print {
  .noprint {
    visibility: hidden
  }

  .print {
    visibility: visible
  }
}

img {
  border: 0
}

.i-form label,
.i-form .label,
.i-button.label,
.i-button.label:hover {
  font-weight: bold
}

@keyframes _fadein {
  from {
    opacity: 0
  }

  to {
    opacity: 1
  }
}

@keyframes _barberpole {
  from {
    background-position: 0 0
  }

  to {
    background-position: 50px 50px
  }
}

#corner-message-container {
  position: fixed;
  bottom: 60px;
  right: 20px;
  max-width: 500px
}

.corner-message {
  font-family: "Roboto", sans-serif;
  border-top: 1px solid #777;
  border-bottom: 1px solid #777;
  border-right: 1px solid #777;
  border-left: 1px solid #777;
  box-shadow: 0 3px 2px rgba(150, 150, 150, .2);
  transition: background-color .5s ease-out, color .5s ease-out, border-color .5s ease-out, width .5s ease-out;
  animation-name: _fadein;
  -webkit-animation-name: _fadein;
  -moz-animation-name: _fadein;
  animation-duration: .5s;
  -webkit-animation-duration: .5s;
  -moz-animation-duration: .5s;
  animation-timing-function: normal forwards ease-in-out;
  -webkit-animation-timing-function: normal forwards ease-in-out;
  -moz-animation-timing-function: normal forwards ease-in-out;
  animation-iteration-count: 1;
  -webkit-animation-iteration-count: 1;
  -moz-animation-iteration-count: 1;
  display: flex;
  flex: 1;
  margin-bottom: 1em;
  color: #777;
  background-color: #f9f9f9;
  border-radius: 2px
}

.corner-message.progress {
  animation-name: _barberpole;
  -webkit-animation-name: _barberpole;
  -moz-animation-name: _barberpole;
  animation-duration: 3s;
  -webkit-animation-duration: 3s;
  -moz-animation-duration: 3s;
  animation-timing-function: linear;
  -webkit-animation-timing-function: linear;
  -moz-animation-timing-function: linear;
  animation-iteration-count: infinite;
  -webkit-animation-iteration-count: infinite;
  -moz-animation-iteration-count: infinite;
  background-color: #eee;
  background-image: linear-gradient(-45deg, #eeeeee 25%, #f9f9f9 25%, #f9f9f9 50%, #eeeeee 50%, #eeeeee 75%, #f9f9f9 75%, #f9f9f9);
  background-size: 50px 50px
}

.corner-message.success {
  color: #67a766;
  border-color: #67a766;
  background-color: #def2de
}

.corner-message.success.progress {
  animation-name: _barberpole;
  -webkit-animation-name: _barberpole;
  -moz-animation-name: _barberpole;
  animation-duration: 3s;
  -webkit-animation-duration: 3s;
  -moz-animation-duration: 3s;
  animation-timing-function: linear;
  -webkit-animation-timing-function: linear;
  -moz-animation-timing-function: linear;
  animation-iteration-count: infinite;
  -webkit-animation-iteration-count: infinite;
  -moz-animation-iteration-count: infinite;
  background-color: #def2de;
  background-image: linear-gradient(-45deg, #def2de 25%, #f9fdf9 25%, #f9fdf9 50%, #def2de 50%, #def2de 75%, #f9fdf9 75%, #f9fdf9);
  background-size: 50px 50px
}

.corner-message.warning {
  color: #9c793b;
  background-color: #ffe6ba;
  border-color: #9c793b
}

.corner-message.warning.progress {
  animation-name: _barberpole;
  -webkit-animation-name: _barberpole;
  -moz-animation-name: _barberpole;
  animation-duration: 3s;
  -webkit-animation-duration: 3s;
  -moz-animation-duration: 3s;
  animation-timing-function: linear;
  -webkit-animation-timing-function: linear;
  -moz-animation-timing-function: linear;
  animation-iteration-count: infinite;
  -webkit-animation-iteration-count: infinite;
  -moz-animation-iteration-count: infinite;
  background-color: #ffe6ba;
  background-image: linear-gradient(-45deg, #ffe6ba 25%, #fff4e0 25%, #fff4e0 50%, #ffe6ba 50%, #ffe6ba 75%, #fff4e0 75%, #fff4e0);
  background-size: 50px 50px
}

.corner-message.error {
  color: #c00;
  background-color: #f2dede;
  border-color: #c00
}

.corner-message.error.progress {
  animation-name: _barberpole;
  -webkit-animation-name: _barberpole;
  -moz-animation-name: _barberpole;
  animation-duration: 3s;
  -webkit-animation-duration: 3s;
  -moz-animation-duration: 3s;
  animation-timing-function: linear;
  -webkit-animation-timing-function: linear;
  -moz-animation-timing-function: linear;
  animation-iteration-count: infinite;
  -webkit-animation-iteration-count: infinite;
  -moz-animation-iteration-count: infinite;
  background-color: #f2dede;
  background-image: linear-gradient(-45deg, #f2dede 25%, #f6e9e9 25%, #f6e9e9 50%, #f2dede 50%, #f2dede 75%, #f6e9e9 75%, #f6e9e9);
  background-size: 50px 50px
}

.corner-message.highlight {
  color: #777;
  background-color: #edf3fd;
  border-color: #007cac
}

.corner-message.highlight.progress {
  animation-name: _barberpole;
  -webkit-animation-name: _barberpole;
  -moz-animation-name: _barberpole;
  animation-duration: 3s;
  -webkit-animation-duration: 3s;
  -moz-animation-duration: 3s;
  animation-timing-function: linear;
  -webkit-animation-timing-function: linear;
  -moz-animation-timing-function: linear;
  animation-iteration-count: infinite;
  -webkit-animation-iteration-count: infinite;
  -moz-animation-iteration-count: infinite;
  background-color: #cde1ff;
  background-image: linear-gradient(-45deg, #cde1ff 25%, #edf3fd 25%, #edf3fd 50%, #cde1ff 50%, #cde1ff 75%, #edf3fd 75%, #edf3fd);
  background-size: 50px 50px
}

.corner-message .corner-message-text,
.corner-message .corner-message-action {
  padding: 0 1.2em;
  margin: 1.2em 0
}

.corner-message .corner-message-action {
  border-left: 1px solid #dfdfdf;
  display: flex;
  align-items: center;
  font-weight: bold;
  text-transform: uppercase;
  flex: none
}

.message {
  color: #555;
  background: #f8f5f4;
  border: 1px solid #e7e0dd;
  padding: 1em
}

.message.info {
  background: #ebf2f3;
  border: 1px solid #cfdee0
}

.confirmation-dialog {
  overflow: auto;
  display: inline-block
}

.confirmation-dialog .body {
  max-width: 600px;
  padding: 8px 15px 8px 15px;
  margin-bottom: .5em;
  background-color: #eee;
  border: 1px solid;
  border-color: #dbdbdb #dbdbdb silver #dbdbdb;
  color: #555;
  float: left;
  line-height: 1.8em
}

.confirmation-dialog .body .target {
  font-family: Georgia, Times, serif;
  padding-left: 10px;
  color: #777;
  margin: 1em 0 1em 0;
  font-size: 1.2em
}

.confirmation-dialog .body.element {
  display: block
}

.confirmation-dialog .body.bordered {
  border-left: 1px solid #cacaca
}

.confirmation-dialog .body h3 {
  width: auto;
  margin: 0 0 .3em 0;
  font-size: 1.3em;
  font-weight: bold
}

.confirmation-dialog .clearer {
  clear: both
}

.confirmation-dialog>h3 {
  margin-bottom: .1em;
  font-size: 1.7em;
  font-weight: bold;
  padding-bottom: 10px
}

.confirmation-dialog>h3.warning {
  color: #e99e18
}

.confirmation-dialog>h3.danger {
  color: #af0000
}

.confirmation-dialog>h3.accept {
  color: #0b8d00
}

.confirmation-dialog>h3.highlight {
  color: #0b63a5
}

.confirmation-dialog .body ul.categ-list {
  padding-left: 13px;
  margin: 0
}

.confirmation-dialog ul.categ-list span.event-date {
  padding-left: 10px;
  color: #888;
  font-size: .9em;
  margin: 0
}

.confirmation-dialog ul.categ-list span.event-title {
  font-style: italic
}

.dialog-window.no-page-header header {
  display: none
}

.dialog-subtitle {
  background-color: #f9f9f9;
  border-bottom: 1px solid #dfdfdf;
  padding: 5px 15px;
  box-shadow: inset 0 15px 20px -20px #bbb;
  color: #555
}

.confirmation-dialog-content {
  font-size: 1.2em;
  margin-bottom: 15px
}

.confirmation-dialog-content strong {
  font-size: 1.2em
}

.confirmation-dialog-content ul {
  font-size: .85em;
  max-height: 100px;
  overflow: auto
}

form.confirmation-dialog {
  max-width: 800px
}

form.confirmation-dialog label {
  font-weight: bold
}

.i-dropdown {
  border-top: 1px solid #dfdfdf;
  border-bottom: 1px solid #dfdfdf;
  border-right: 1px solid #dfdfdf;
  border-left: 1px solid #dfdfdf;
  border-radius: 2px;
  box-shadow: 1px 1px 1px #e1e1e1;
  background: #f9f9f9;
  margin-top: 0;
  padding: 0;
  position: absolute;
  z-index: 1;
  display: none;
  box-sizing: initial
}

.i-dropdown>li {
  cursor: pointer;
  display: block;
  list-style-type: none;
  min-width: 1em;
  padding: .1em 1em
}

.i-dropdown>li a {
  display: block;
  line-height: 1.7rem;
  width: 100%
}

.i-dropdown>li a[class*=icon-]::before {
  font-size: 1.2rem;
  margin-right: .3em;
  vertical-align: -10%
}

.i-dropdown>li a.disabled {
  color: #bbb;
  cursor: default
}

.i-dropdown>li:hover a:not(.disabled),
.i-dropdown>li:hover a:not(.disabled)[class*=icon-]::before {
  color: #777
}

.dropup-menu::after {
  margin-left: .2em
}

.dropup-menu::after {
  transform: rotate(-180deg)
}

@font-face {
  font-family: "Roboto";
  src: url(/fonts/roboto/roboto-regular-webfont__ved8bcd26.eot);
  src: url(/fonts/roboto/roboto-regular-webfont__ved8bcd26.eot?#iefix) format("embedded-opentype"), url(/fonts/roboto/roboto-regular-webfont__v1e7cc4e9.woff2) format("woff2"), url(/fonts/roboto/roboto-regular-webfont__veff2b390.woff) format("woff"), url(/fonts/roboto/roboto-regular-webfont__vd84b77aa.ttf) format("truetype"), url(/fonts/roboto/roboto-regular-webfont__vd19ef9cd.svg#Roboto) format("svg");
  font-style: normal;
  font-weight: normal
}

@font-face {
  font-family: "Roboto";
  src: url(/fonts/roboto/roboto-bold-webfont__vdccda8fb.eot);
  src: url(/fonts/roboto/roboto-bold-webfont__vdccda8fb.eot?#iefix) format("embedded-opentype"), url(/fonts/roboto/roboto-bold-webfont__v8a318ea0.woff2) format("woff2"), url(/fonts/roboto/roboto-bold-webfont__v24ef8f3b.woff) format("woff"), url(/fonts/roboto/roboto-bold-webfont__v093b8ab3.ttf) format("truetype"), url(/fonts/roboto/roboto-bold-webfont__v5c9f568f.svg#Roboto) format("svg");
  font-style: bold;
  font-weight: bold
}

@font-face {
  font-family: "Roboto Light";
  src: url(/fonts/roboto/Roboto-Light-webfont__vf6e4bd54.eot);
  src: url(/fonts/roboto/Roboto-Light-webfont__vf6e4bd54.eot?#iefix) format("embedded-opentype"), url(/fonts/roboto/Roboto-Light-webfont__v664ae11a.woff) format("woff"), url(/fonts/roboto/Roboto-Light-webfont__v25e374a1.ttf) format("truetype"), url(/fonts/roboto/Roboto-Light-webfont__va8842de2.svg#Roboto) format("svg");
  font-style: normal;
  font-weight: normal
}

@font-face {
  font-family: "Maven Pro";
  src: url(/fonts/maven_pro/maven_pro_medium-webfont__vcacaf395.eot);
  src: url(/fonts/maven_pro/maven_pro_medium-webfont__vcacaf395.eot) format("embedded-opentype"), url(/fonts/maven_pro/maven_pro_medium-webfont__v49ba30d8.woff) format("woff"), url(/fonts/maven_pro/maven_pro_medium-webfont__v1bf1ede2.ttf) format("truetype"), url(/fonts/maven_pro/maven_pro_medium-webfont__vbc4aa1d5.svg) format("svg");
  font-style: normal;
  font-weight: normal
}

@font-face {
  font-family: "Liberation Sans";
  src: url(/fonts/liberation_sans/liberationsans-regular-webfont__vc471a10f.eot);
  src: url(/fonts/liberation_sans/liberationsans-regular-webfont__vc471a10f.eot?#iefix) format("embedded-opentype"), url(/fonts/liberation_sans/liberationsans-regular-webfont__vb25835ff.woff2) format("woff2"), url(/fonts/liberation_sans/liberationsans-regular-webfont__vc89c8c53.woff) format("woff"), url(/fonts/liberation_sans/liberationsans-regular-webfont__v05679c1a.ttf) format("truetype"), url(/fonts/liberation_sans/liberationsans-regular-webfont__v87545e9d.svg#liberation_sansregular) format("svg");
  font-weight: normal;
  font-style: normal
}

@font-face {
  font-family: "Liberation Sans";
  src: url(/fonts/liberation_sans/liberationsans-bold-webfont__vacb1e937.eot);
  src: url(/fonts/liberation_sans/liberationsans-bold-webfont__vacb1e937.eot?#iefix) format("embedded-opentype"), url(/fonts/liberation_sans/liberationsans-bold-webfont__vba8788b9.woff2) format("woff2"), url(/fonts/liberation_sans/liberationsans-bold-webfont__vd2b401cc.woff) format("woff"), url(/fonts/liberation_sans/liberationsans-bold-webfont__v33bdddd9.ttf) format("truetype"), url(/fonts/liberation_sans/liberationsans-bold-webfont__v306e137e.svg#liberation_sansbold) format("svg");
  font-weight: bold;
  font-style: normal
}

@font-face {
  font-family: "Liberation Sans";
  src: url(/fonts/liberation_sans/liberationsans-italic-webfont__va93afc43.eot);
  src: url(/fonts/liberation_sans/liberationsans-italic-webfont__va93afc43.eot?#iefix) format("embedded-opentype"), url(/fonts/liberation_sans/liberationsans-italic-webfont__va5a38c9f.woff2) format("woff2"), url(/fonts/liberation_sans/liberationsans-italic-webfont__vf11fce4f.woff) format("woff"), url(/fonts/liberation_sans/liberationsans-italic-webfont__vbae87860.ttf) format("truetype"), url(/fonts/liberation_sans/liberationsans-italic-webfont__v0d2b1b2b.svg#liberation_sansitalic) format("svg");
  font-weight: normal;
  font-style: italic
}

@font-face {
  font-family: "Liberation Sans";
  src: url(/fonts/liberation_sans/liberationsans-bolditalic-webfont__v2e42ccab.eot);
  src: url(/fonts/liberation_sans/liberationsans-bolditalic-webfont__v2e42ccab.eot?#iefix) format("embedded-opentype"), url(/fonts/liberation_sans/liberationsans-bolditalic-webfont__v1a1ac53b.woff2) format("woff2"), url(/fonts/liberation_sans/liberationsans-bolditalic-webfont__vb5c58fac.woff) format("woff"), url(/fonts/liberation_sans/liberationsans-bolditalic-webfont__ve702533f.ttf) format("truetype"), url(/fonts/liberation_sans/liberationsans-bolditalic-webfont__v1cccce4e.svg#liberation_sansbold_italic) format("svg");
  font-weight: bold;
  font-style: italic
}

@font-face {
  font-family: "Liberation Serif";
  src: url(/fonts/liberation_serif/liberationserif-regular-webfont__v022c7536.eot);
  src: url(/fonts/liberation_serif/liberationserif-regular-webfont__v022c7536.eot?#iefix) format("embedded-opentype"), url(/fonts/liberation_serif/liberationserif-regular-webfont__v474f05bd.woff2) format("woff2"), url(/fonts/liberation_serif/liberationserif-regular-webfont__va450ad1e.woff) format("woff"), url(/fonts/liberation_serif/liberationserif-regular-webfont__v8dde624f.ttf) format("truetype"), url(/fonts/liberation_serif/liberationserif-regular-webfont__v53105e05.svg#liberation_serifregular) format("svg");
  font-weight: normal;
  font-style: normal
}

@font-face {
  font-family: "Liberation Serif";
  src: url(/fonts/liberation_serif/liberationserif-bold-webfont__vaac2b20a.eot);
  src: url(/fonts/liberation_serif/liberationserif-bold-webfont__vaac2b20a.eot?#iefix) format("embedded-opentype"), url(/fonts/liberation_serif/liberationserif-bold-webfont__vbcb8274a.woff2) format("woff2"), url(/fonts/liberation_serif/liberationserif-bold-webfont__v472ac217.woff) format("woff"), url(/fonts/liberation_serif/liberationserif-bold-webfont__vdea5a644.ttf) format("truetype"), url(/fonts/liberation_serif/liberationserif-bold-webfont__vc7fa4781.svg#liberation_serifbold) format("svg");
  font-weight: bold;
  font-style: normal
}

@font-face {
  font-family: "Liberation Serif";
  src: url(/fonts/liberation_serif/liberationserif-italic-webfont__vd9c03251.eot);
  src: url(/fonts/liberation_serif/liberationserif-italic-webfont__vd9c03251.eot?#iefix) format("embedded-opentype"), url(/fonts/liberation_serif/liberationserif-italic-webfont__vfbe3a318.woff2) format("woff2"), url(/fonts/liberation_serif/liberationserif-italic-webfont__ve295feab.woff) format("woff"), url(/fonts/liberation_serif/liberationserif-italic-webfont__v684be42f.ttf) format("truetype"), url(/fonts/liberation_serif/liberationserif-italic-webfont__vf7f38410.svg#liberation_serifitalic) format("svg");
  font-weight: normal;
  font-style: italic
}

@font-face {
  font-family: "Liberation Serif";
  src: url(/fonts/liberation_serif/liberationserif-bolditalic-webfont__v47c98eb2.eot);
  src: url(/fonts/liberation_serif/liberationserif-bolditalic-webfont__v47c98eb2.eot?#iefix) format("embedded-opentype"), url(/fonts/liberation_serif/liberationserif-bolditalic-webfont__v1baafe34.woff2) format("woff2"), url(/fonts/liberation_serif/liberationserif-bolditalic-webfont__vbee0e548.woff) format("woff"), url(/fonts/liberation_serif/liberationserif-bolditalic-webfont__v2cffd1ad.ttf) format("truetype"), url(/fonts/liberation_serif/liberationserif-bolditalic-webfont__v60ee13ba.svg#liberation_serifbold_italic) format("svg");
  font-weight: bold;
  font-style: italic
}

@font-face {
  font-family: "Liberation Mono";
  src: url(/fonts/liberation_mono/liberationmono-regular-webfont__v94a9d878.eot);
  src: url(/fonts/liberation_mono/liberationmono-regular-webfont__v94a9d878.eot?#iefix) format("embedded-opentype"), url(/fonts/liberation_mono/liberationmono-regular-webfont__v945c62d1.woff2) format("woff2"), url(/fonts/liberation_mono/liberationmono-regular-webfont__v64cd8d6a.woff) format("woff"), url(/fonts/liberation_mono/liberationmono-regular-webfont__ve341b5ce.ttf) format("truetype"), url(/fonts/liberation_mono/liberationmono-regular-webfont__ve1161978.svg#liberation_monoregular) format("svg");
  font-weight: normal;
  font-style: normal
}

@font-face {
  font-family: "Liberation Mono";
  src: url(/fonts/liberation_mono/liberationmono-bold-webfont__v9c1a4151.eot);
  src: url(/fonts/liberation_mono/liberationmono-bold-webfont__v9c1a4151.eot?#iefix) format("embedded-opentype"), url(/fonts/liberation_mono/liberationmono-bold-webfont__vcc3e9457.woff2) format("woff2"), url(/fonts/liberation_mono/liberationmono-bold-webfont__vfc2f8be4.woff) format("woff"), url(/fonts/liberation_mono/liberationmono-bold-webfont__v6e18b773.ttf) format("truetype"), url(/fonts/liberation_mono/liberationmono-bold-webfont__v9f054597.svg#liberation_monobold) format("svg");
  font-weight: bold;
  font-style: normal
}

@font-face {
  font-family: "Liberation Mono";
  src: url(/fonts/liberation_mono/liberationmono-italic-webfont__vac6e8aae.eot);
  src: url(/fonts/liberation_mono/liberationmono-italic-webfont__vac6e8aae.eot?#iefix) format("embedded-opentype"), url(/fonts/liberation_mono/liberationmono-italic-webfont__v6a9c6992.woff2) format("woff2"), url(/fonts/liberation_mono/liberationmono-italic-webfont__v72678311.woff) format("woff"), url(/fonts/liberation_mono/liberationmono-italic-webfont__vf5d30bb3.ttf) format("truetype"), url(/fonts/liberation_mono/liberationmono-italic-webfont__v3c550b1c.svg#liberation_monoitalic) format("svg");
  font-weight: normal;
  font-style: italic
}

@font-face {
  font-family: "Liberation Mono";
  src: url(/fonts/liberation_mono/liberationmono-bolditalic-webfont__v3b19457a.eot);
  src: url(/fonts/liberation_mono/liberationmono-bolditalic-webfont__v3b19457a.eot?#iefix) format("embedded-opentype"), url(/fonts/liberation_mono/liberationmono-bolditalic-webfont__vf48039f1.woff2) format("woff2"), url(/fonts/liberation_mono/liberationmono-bolditalic-webfont__vfeadce14.woff) format("woff"), url(/fonts/liberation_mono/liberationmono-bolditalic-webfont__v3b454d13.ttf) format("truetype"), url(/fonts/liberation_mono/liberationmono-bolditalic-webfont__vc1b744a5.svg#liberation_monobold_italic) format("svg");
  font-weight: bold;
  font-style: italic
}

.footer {
  padding: 10px 5px 10px 10px
}

.footer.dark {
  color: #bbb
}

.footer img {
  vertical-align: middle
}

.footer .footer-logo {
  height: 40px
}

.footer * {
  line-height: 40px
}

.footer .footer-links {
  list-style-type: none;
  padding: 0;
  color: #bbb
}

.footer .footer-links li {
  display: inline-block
}

.footer .footer-links li:not(:first-child)::before {
  content: "|"
}

.footer .footer-extra {
  text-align: right
}

.footer .footer-extra.f-self-stretch img {
  width: 30px;
}

.social-share {
  display: none
}

.social-button-container {
  display: none;
  border-radius: 10px;
  opacity: .5
}

.social-button-container .social-button:hover {
  cursor: pointer
}

.i-label {
  border-radius: 2px;
  border-top: 1px solid #bbb;
  border-bottom: 1px solid #bbb;
  border-right: 1px solid #bbb;
  border-left: 1px solid #bbb;
  -webkit-user-select: none;
  user-select: none;
  display: inline-flex;
  color: #777;
  outline: none;
  justify-content: center;
  align-items: center;
  line-height: 1em;
  padding: 4px 10px;
  background: #fff;
  margin: 0 5px
}

.i-label.borderless {
  box-shadow: none !important;
  background: none !important;
  border-color: rgba(0, 0, 0, 0) !important;
  color: #777
}

.i-label.text-color:not(.color-on-hover) {
  color: #777
}

.i-label.text-color.color-on-hover:hover {
  color: #777
}

.i-label.text-color.outline {
  border-color: #777;
  background: #fff
}

.i-label.text-color.dashed {
  border-style: dashed;
  background: #fff
}

.i-label.text-color.subtle:not(:hover) {
  box-shadow: none;
  background: rgba(0, 0, 0, 0);
  border-color: rgba(0, 0, 0, 0)
}

.i-label.striped {
  background: repeating-linear-gradient(-40deg, #f2f2f2, #f2f2f2 10px, #fafafa 10px, #fafafa 20px)
}

.i-label.small {
  padding: 3px 5px
}

.i-label.accept:not(.label):not(.borderless):not(.text-color):not(.striped) {
  background: #00c851;
  border-color: #67a766;
  color: #f9f9f9
}

.i-label.accept.borderless {
  box-shadow: none !important;
  background: none !important;
  border-color: rgba(0, 0, 0, 0) !important;
  color: #00c851
}

.i-label.accept.text-color:not(.color-on-hover) {
  color: #00c851
}

.i-label.accept.text-color.color-on-hover:hover {
  color: #00c851
}

.i-label.accept.text-color.outline {
  border-color: #00c851;
  background: #fff
}

.i-label.accept.text-color.dashed {
  border-style: dashed;
  background: #fff
}

.i-label.accept.text-color.subtle:not(:hover) {
  box-shadow: none;
  background: rgba(0, 0, 0, 0);
  border-color: rgba(0, 0, 0, 0)
}

.i-label.color-teal:not(.label):not(.borderless):not(.text-color):not(.striped) {
  background: #7dcfb6;
  border-color: #45ba97;
  color: #f9f9f9
}

.i-label.color-teal.borderless {
  box-shadow: none !important;
  background: none !important;
  border-color: rgba(0, 0, 0, 0) !important;
  color: #7dcfb6
}

.i-label.color-teal.text-color:not(.color-on-hover) {
  color: #7dcfb6
}

.i-label.color-teal.text-color.color-on-hover:hover {
  color: #7dcfb6
}

.i-label.color-teal.text-color.outline {
  border-color: #7dcfb6;
  background: #fff
}

.i-label.color-teal.text-color.dashed {
  border-style: dashed;
  background: #fff
}

.i-label.color-teal.text-color.subtle:not(:hover) {
  box-shadow: none;
  background: rgba(0, 0, 0, 0);
  border-color: rgba(0, 0, 0, 0)
}

.i-label.danger:not(.label):not(.borderless):not(.text-color):not(.striped),
.i-label.color-red:not(.label):not(.borderless):not(.text-color):not(.striped) {
  background: #f91f1f;
  border-color: #c00;
  color: #f9f9f9
}

.i-label.danger.borderless,
.i-label.color-red.borderless {
  box-shadow: none !important;
  background: none !important;
  border-color: rgba(0, 0, 0, 0) !important;
  color: #f91f1f
}

.i-label.danger.text-color:not(.color-on-hover),
.i-label.color-red.text-color:not(.color-on-hover) {
  color: #f91f1f
}

.i-label.danger.text-color.color-on-hover:hover,
.i-label.color-red.text-color.color-on-hover:hover {
  color: #f91f1f
}

.i-label.danger.text-color.outline,
.i-label.color-red.text-color.outline {
  border-color: #f91f1f;
  background: #fff
}

.i-label.danger.text-color.dashed,
.i-label.color-red.text-color.dashed {
  border-style: dashed;
  background: #fff
}

.i-label.danger.text-color.subtle:not(:hover),
.i-label.color-red.text-color.subtle:not(:hover) {
  box-shadow: none;
  background: rgba(0, 0, 0, 0);
  border-color: rgba(0, 0, 0, 0)
}

.i-label.highlight:not(.label):not(.borderless):not(.text-color):not(.striped),
.categorynav .category-list .item .button-wrapper .i-label.action-button:not(.label):not(.borderless):not(.text-color):not(.striped) {
  background: #09c;
  border-color: #007cac;
  color: #f9f9f9
}

.i-label.highlight.borderless,
.categorynav .category-list .item .button-wrapper .i-label.borderless.action-button {
  box-shadow: none !important;
  background: none !important;
  border-color: rgba(0, 0, 0, 0) !important;
  color: #09c
}

.i-label.highlight.text-color:not(.color-on-hover),
.categorynav .category-list .item .button-wrapper .i-label.text-color.action-button:not(.color-on-hover) {
  color: #09c
}

.i-label.highlight.text-color.color-on-hover:hover,
.categorynav .category-list .item .button-wrapper .i-label.text-color.color-on-hover.action-button:hover {
  color: #09c
}

.i-label.highlight.text-color.outline,
.categorynav .category-list .item .button-wrapper .i-label.text-color.outline.action-button {
  border-color: #09c;
  background: #fff
}

.i-label.highlight.text-color.dashed,
.categorynav .category-list .item .button-wrapper .i-label.text-color.dashed.action-button {
  border-style: dashed;
  background: #fff
}

.i-label.highlight.text-color.subtle:not(:hover),
.categorynav .category-list .item .button-wrapper .i-label.text-color.subtle.action-button:not(:hover) {
  box-shadow: none;
  background: rgba(0, 0, 0, 0);
  border-color: rgba(0, 0, 0, 0)
}

.i-label.highlight.striped,
.categorynav .category-list .item .button-wrapper .i-label.striped.action-button {
  color: #fff;
  background: repeating-linear-gradient(-40deg, #09c, #09c 10px, #00aae3 10px, #00aae3 20px)
}

.i-label.warning:not(.label):not(.borderless):not(.text-color):not(.striped) {
  background: #e99e18;
  border-color: #9c793b;
  color: #f9f9f9
}

.i-label.warning.borderless {
  box-shadow: none !important;
  background: none !important;
  border-color: rgba(0, 0, 0, 0) !important;
  color: #e99e18
}

.i-label.warning.text-color:not(.color-on-hover) {
  color: #e99e18
}

.i-label.warning.text-color.color-on-hover:hover {
  color: #e99e18
}

.i-label.warning.text-color.outline {
  border-color: #e99e18;
  background: #fff
}

.i-label.warning.text-color.dashed {
  border-style: dashed;
  background: #fff
}

.i-label.warning.text-color.subtle:not(:hover) {
  box-shadow: none;
  background: rgba(0, 0, 0, 0);
  border-color: rgba(0, 0, 0, 0)
}

.i-label.disabled {
  border-top: 1px solid #d2d2d2;
  border-bottom: 1px solid #d2d2d2;
  border-right: 1px solid #d2d2d2;
  border-left: 1px solid #d2d2d2;
  background: #dfdfdf;
  color: #777
}

.i-label.disabled.striped {
  background: repeating-linear-gradient(-40deg, #dfdfdf, #dfdfdf 10px, #d4d4d4 10px, #d4d4d4 20px)
}

.i-label[class*=icon-]::before {
  font-size: 1.2em
}

.i-label[class*=icon-]:not(:empty)::before {
  margin-right: .5em
}

.i-label>.handle:first-child {
  margin-left: -10px;
  margin-right: 5px
}

.label-group {
  display: inline-block
}

.label-group .i-label {
  border-radius: none;
  margin: 0;
  float: left;
  border-right-width: 0
}

.label-group .i-label:first-child {
  border-bottom-left-radius: 2px;
  border-top-left-radius: 2px
}

.label-group .i-label:last-child {
  border-bottom-right-radius: 2px;
  border-top-right-radius: 2px;
  border-right-width: 1px
}

.label-group .i-label.highlight,
.label-group .categorynav .category-list .item .button-wrapper .i-label.action-button,
.categorynav .category-list .item .button-wrapper .label-group .i-label.action-button {
  border-right-width: 1px
}

.label-group .i-label.highlight+.i-label,
.label-group .categorynav .category-list .item .button-wrapper .i-label.action-button+.i-label,
.categorynav .category-list .item .button-wrapper .label-group .i-label.action-button+.i-label {
  border-left: none
}

.label-group .i-label.highlight>a::before,
.label-group .categorynav .category-list .item .button-wrapper .i-label.action-button>a::before,
.categorynav .category-list .item .button-wrapper .label-group .i-label.action-button>a::before {
  color: #fff
}

:not(.ui)>input[type=date],
:not(.ui)>input[type=datetime],
:not(.ui)>input[type=datetime-local],
:not(.ui)>input[type=email],
:not(.ui)>input[type=month],
:not(.ui)>input[type=number],
:not(.ui)>input[type=password],
:not(.ui)>input[type=search],
:not(.ui)>input[type=tel],
:not(.ui)>input[type=text],
:not(.ui)>input[type=time],
:not(.ui)>input[type=url],
:not(.ui)>input[type=week],
:not(.ui)>.tox-tinymce {
  border-top: 1px solid #dfdfdf;
  border-bottom: 1px solid #dfdfdf;
  border-right: 1px solid #dfdfdf;
  border-left: 1px solid #dfdfdf;
  border-radius: 2px;
  transition: border-color .12s ease-out;
  color: #555;
  font-family: inherit;
  outline: none;
  padding: 0 4px
}

:not(.ui)>input[type=date]:focus,
:not(.ui)>input[type=datetime]:focus,
:not(.ui)>input[type=datetime-local]:focus,
:not(.ui)>input[type=email]:focus,
:not(.ui)>input[type=month]:focus,
:not(.ui)>input[type=number]:focus,
:not(.ui)>input[type=password]:focus,
:not(.ui)>input[type=search]:focus,
:not(.ui)>input[type=tel]:focus,
:not(.ui)>input[type=text]:focus,
:not(.ui)>input[type=time]:focus,
:not(.ui)>input[type=url]:focus,
:not(.ui)>input[type=week]:focus,
:not(.ui)>.tox-tinymce:focus {
  border-top: 1px solid #09c;
  border-bottom: 1px solid #09c;
  border-right: 1px solid #09c;
  border-left: 1px solid #09c
}

:not(.ui)>input[type=date].hasError,
:not(.ui)>input[type=datetime].hasError,
:not(.ui)>input[type=datetime-local].hasError,
:not(.ui)>input[type=email].hasError,
:not(.ui)>input[type=month].hasError,
:not(.ui)>input[type=number].hasError,
:not(.ui)>input[type=password].hasError,
:not(.ui)>input[type=search].hasError,
:not(.ui)>input[type=tel].hasError,
:not(.ui)>input[type=text].hasError,
:not(.ui)>input[type=time].hasError,
:not(.ui)>input[type=url].hasError,
:not(.ui)>input[type=week].hasError,
:not(.ui)>.tox-tinymce.hasError {
  border-top: 1px solid #f91f1f;
  border-bottom: 1px solid #f91f1f;
  border-right: 1px solid #f91f1f;
  border-left: 1px solid #f91f1f
}

:not(.ui)>input[type=date]:-moz-ui-invalid,
:not(.ui)>input[type=datetime]:-moz-ui-invalid,
:not(.ui)>input[type=datetime-local]:-moz-ui-invalid,
:not(.ui)>input[type=email]:-moz-ui-invalid,
:not(.ui)>input[type=month]:-moz-ui-invalid,
:not(.ui)>input[type=number]:-moz-ui-invalid,
:not(.ui)>input[type=password]:-moz-ui-invalid,
:not(.ui)>input[type=search]:-moz-ui-invalid,
:not(.ui)>input[type=tel]:-moz-ui-invalid,
:not(.ui)>input[type=text]:-moz-ui-invalid,
:not(.ui)>input[type=time]:-moz-ui-invalid,
:not(.ui)>input[type=url]:-moz-ui-invalid,
:not(.ui)>input[type=week]:-moz-ui-invalid,
:not(.ui)>.tox-tinymce:-moz-ui-invalid {
  box-shadow: none
}

:not(.ui)>input:not([type]),
:not(.ui)>select {
  font-family: inherit
}

input[type=file].hasError {
  border-top: 1px solid #f91f1f;
  border-bottom: 1px solid #f91f1f;
  border-right: 1px solid #f91f1f;
  border-left: 1px solid #f91f1f;
  color: #f91f1f;
  background: #f2dede
}

input[type=checkbox],
input[type=radio] {
  margin: 0;
  vertical-align: middle
}

input[type=time]::-webkit-inner-spin-button,
input[type=time]::-webkit-outer-spin-button,
input[type=time]::-webkit-clear-button {
  -webkit-appearance: none;
  padding-right: 0
}

input[type=number]:not([data-internal]),
input[type=time] {
  -moz-appearance: textfield;
  padding-right: 0
}

input[type=number]:not([data-internal])::-webkit-inner-spin-button,
input[type=number]:not([data-internal])::-webkit-outer-spin-button,
input[type=time]::-webkit-inner-spin-button,
input[type=time]::-webkit-outer-spin-button {
  cursor: pointer;
  margin-left: 4px;
  padding-top: 1px;
  position: relative
}

textarea {
  border-top: 1px solid #dfdfdf;
  border-bottom: 1px solid #dfdfdf;
  border-right: 1px solid #dfdfdf;
  border-left: 1px solid #dfdfdf;
  border-radius: 2px;
  transition: border-color .12s ease-out;
  color: #555;
  font-family: inherit;
  outline: none;
  padding: 0 4px;
  resize: vertical
}

textarea:focus {
  border-top: 1px solid #09c;
  border-bottom: 1px solid #09c;
  border-right: 1px solid #09c;
  border-left: 1px solid #09c
}

textarea.hasError {
  border-top: 1px solid #f91f1f;
  border-bottom: 1px solid #f91f1f;
  border-right: 1px solid #f91f1f;
  border-left: 1px solid #f91f1f
}

textarea:-moz-ui-invalid {
  box-shadow: none
}

select:not([data-internal]) {
  border-top: 1px solid #dfdfdf;
  border-bottom: 1px solid #dfdfdf;
  border-right: 1px solid #dfdfdf;
  border-left: 1px solid #dfdfdf;
  border-radius: 2px;
  transition: border-color .12s ease-out;
  color: #555;
  font-family: inherit;
  outline: none;
  padding: 0 4px;
  background: #fff
}

select:not([data-internal]):focus {
  border-top: 1px solid #09c;
  border-bottom: 1px solid #09c;
  border-right: 1px solid #09c;
  border-left: 1px solid #09c
}

select:not([data-internal]).hasError {
  border-top: 1px solid #f91f1f;
  border-bottom: 1px solid #f91f1f;
  border-right: 1px solid #f91f1f;
  border-left: 1px solid #f91f1f
}

select:not([data-internal]):-moz-ui-invalid {
  box-shadow: none
}

select:not([data-internal]).no-value {
  font-style: italic;
  color: #999
}

select:not([data-internal]):-moz-focusring {
  color: rgba(0, 0, 0, 0) !important;
  text-shadow: 0 0 0 #555 !important
}

select:not([data-internal]) option {
  font-style: normal;
  color: #555
}

select:not([data-internal]) option[value=__None] {
  font-style: italic;
  color: #999
}

select:not([data-internal]) option[disabled] {
  color: #999;
  background-color: #f9f9f9
}

select.hasError,
ul.hasError {
  border-top: 1px solid #f91f1f;
  border-bottom: 1px solid #f91f1f;
  border-right: 1px solid #f91f1f;
  border-left: 1px solid #f91f1f;
  color: #f91f1f
}

.i-selection input[type=checkbox],
.i-selection input[type=radio] {
  display: none
}

.i-selection input[type=checkbox]:checked+label:not(.label):not(.borderless):not(.text-color):not(.striped),
.i-selection input[type=radio]:checked+label:not(.label):not(.borderless):not(.text-color):not(.striped) {
  background: #09c;
  border-color: #007cac;
  color: #f9f9f9
}

.i-selection input[type=checkbox]:checked+label.borderless,
.i-selection input[type=radio]:checked+label.borderless {
  box-shadow: none !important;
  background: none !important;
  border-color: rgba(0, 0, 0, 0) !important;
  color: #09c
}

.i-selection input[type=checkbox]:checked+label.text-color:not(.color-on-hover),
.i-selection input[type=radio]:checked+label.text-color:not(.color-on-hover) {
  color: #09c
}

.i-selection input[type=checkbox]:checked+label.text-color.color-on-hover:hover,
.i-selection input[type=radio]:checked+label.text-color.color-on-hover:hover {
  color: #09c
}

.i-selection input[type=checkbox]:checked+label.text-color.outline,
.i-selection input[type=radio]:checked+label.text-color.outline {
  border-color: #09c;
  background: #fff
}

.i-selection input[type=checkbox]:checked+label.text-color.dashed,
.i-selection input[type=radio]:checked+label.text-color.dashed {
  border-style: dashed;
  background: #fff
}

.i-selection input[type=checkbox]:checked+label.text-color.subtle:not(:hover),
.i-selection input[type=radio]:checked+label.text-color.subtle:not(:hover) {
  box-shadow: none;
  background: rgba(0, 0, 0, 0);
  border-color: rgba(0, 0, 0, 0)
}

.i-selection input[type=checkbox]:checked+label.striped,
.i-selection input[type=radio]:checked+label.striped {
  color: #fff;
  background: repeating-linear-gradient(-40deg, #09c, #09c 10px, #00aae3 10px, #00aae3 20px)
}

.i-selection input[type=checkbox]:checked+label:not(.label):not(.borderless):not(.text-color),
.i-selection input[type=radio]:checked+label:not(.label):not(.borderless):not(.text-color) {
  background: #09c;
  border-color: #007cac;
  color: #f9f9f9
}

.i-selection input[type=checkbox]:checked+label:not(.label):not(.borderless):not(.text-color):hover,
.i-selection input[type=checkbox]:checked+label:not(.label):not(.borderless):not(.text-color):active,
.i-selection input[type=radio]:checked+label:not(.label):not(.borderless):not(.text-color):hover,
.i-selection input[type=radio]:checked+label:not(.label):not(.borderless):not(.text-color):active {
  border-color: #007cac;
  color: #fff
}

.i-selection input[type=checkbox]:checked+label:not(.label):not(.borderless):not(.text-color):hover,
.i-selection input[type=radio]:checked+label:not(.label):not(.borderless):not(.text-color):hover {
  background: #09c;
  background-image: linear-gradient(to bottom, #09c, #0086b3)
}

.i-selection input[type=checkbox]:checked+label:not(.label):not(.borderless):not(.text-color):active,
.i-selection input[type=checkbox]:checked+label:not(.label):not(.borderless):not(.text-color).open,
.i-selection input[type=radio]:checked+label:not(.label):not(.borderless):not(.text-color):active,
.i-selection input[type=radio]:checked+label:not(.label):not(.borderless):not(.text-color).open {
  background: #0086b3;
  background-image: linear-gradient(to bottom, #0086b3, #09c)
}

.i-selection input[type=checkbox]:checked+label.borderless,
.i-selection input[type=radio]:checked+label.borderless {
  box-shadow: none !important;
  background: none !important;
  border-color: rgba(0, 0, 0, 0) !important;
  color: #09c
}

.i-selection input[type=checkbox]:checked+label.borderless:hover,
.i-selection input[type=checkbox]:checked+label.borderless:active,
.i-selection input[type=radio]:checked+label.borderless:hover,
.i-selection input[type=radio]:checked+label.borderless:active {
  color: #0086b3
}

.i-selection input[type=checkbox]:checked+label.text-color:not(.color-on-hover),
.i-selection input[type=radio]:checked+label.text-color:not(.color-on-hover) {
  color: #09c
}

.i-selection input[type=checkbox]:checked+label.text-color.color-on-hover:hover,
.i-selection input[type=radio]:checked+label.text-color.color-on-hover:hover {
  color: #09c
}

.i-selection input[type=checkbox]:checked+label.text-color:hover,
.i-selection input[type=checkbox]:checked+label.text-color:active,
.i-selection input[type=radio]:checked+label.text-color:hover,
.i-selection input[type=radio]:checked+label.text-color:active {
  color: #0086b3
}

.i-selection input[type=checkbox]:checked+label.text-color.outline,
.i-selection input[type=radio]:checked+label.text-color.outline {
  border-color: #09c;
  background: #fff
}

.i-selection input[type=checkbox]:checked+label.text-color.dashed,
.i-selection input[type=radio]:checked+label.text-color.dashed {
  border-style: dashed;
  background: #fff
}

.i-selection input[type=checkbox]:checked+label.text-color.subtle:not(:hover):not(:active),
.i-selection input[type=radio]:checked+label.text-color.subtle:not(:hover):not(:active) {
  box-shadow: none;
  background: rgba(0, 0, 0, 0);
  border-color: rgba(0, 0, 0, 0)
}

.i-selection input[type=checkbox]:first-child+label,
.i-selection input[type=radio]:first-child+label {
  border-top-left-radius: 2px;
  border-bottom-left-radius: 2px
}

.i-selection input[type=checkbox]:disabled+label.i-button,
.i-selection .categorynav .category-list .item .button-wrapper input[type=checkbox]:disabled+label.action-button,
.categorynav .category-list .item .button-wrapper .i-selection input[type=checkbox]:disabled+label.action-button,
.i-selection input[type=radio]:disabled+label.i-button,
.i-selection .categorynav .category-list .item .button-wrapper input[type=radio]:disabled+label.action-button,
.categorynav .category-list .item .button-wrapper .i-selection input[type=radio]:disabled+label.action-button {
  color: #bbb !important;
  cursor: default
}

.i-selection input[type=checkbox]:disabled+label.i-button:not(.borderless),
.i-selection .categorynav .category-list .item .button-wrapper input[type=checkbox]:disabled+label.action-button:not(.borderless),
.categorynav .category-list .item .button-wrapper .i-selection input[type=checkbox]:disabled+label.action-button:not(.borderless),
.i-selection input[type=radio]:disabled+label.i-button:not(.borderless),
.i-selection .categorynav .category-list .item .button-wrapper input[type=radio]:disabled+label.action-button:not(.borderless),
.categorynav .category-list .item .button-wrapper .i-selection input[type=radio]:disabled+label.action-button:not(.borderless) {
  border-color: #dfdfdf !important;
  background: #ececec !important;
  box-shadow: none !important
}

.i-selection input[type=radio]:checked+label {
  cursor: default
}

.i-selection input[type=radio]:checked+label:hover:not(.label):not(.borderless):not(.text-color):not(.striped),
.i-selection input[type=radio]:checked+label:active:not(.label):not(.borderless):not(.text-color):not(.striped) {
  background: #09c;
  border-color: #007cac;
  color: #f9f9f9
}

.i-selection input[type=radio]:checked+label:hover.borderless,
.i-selection input[type=radio]:checked+label:active.borderless {
  box-shadow: none !important;
  background: none !important;
  border-color: rgba(0, 0, 0, 0) !important;
  color: #09c
}

.i-selection input[type=radio]:checked+label:hover.text-color:not(.color-on-hover),
.i-selection input[type=radio]:checked+label:active.text-color:not(.color-on-hover) {
  color: #09c
}

.i-selection input[type=radio]:checked+label:hover.text-color.color-on-hover:hover,
.i-selection input[type=radio]:checked+label:active.text-color.color-on-hover:hover {
  color: #09c
}

.i-selection input[type=radio]:checked+label:hover.text-color.outline,
.i-selection input[type=radio]:checked+label:active.text-color.outline {
  border-color: #09c;
  background: #fff
}

.i-selection input[type=radio]:checked+label:hover.text-color.dashed,
.i-selection input[type=radio]:checked+label:active.text-color.dashed {
  border-style: dashed;
  background: #fff
}

.i-selection input[type=radio]:checked+label:hover.text-color.subtle:not(:hover),
.i-selection input[type=radio]:checked+label:active.text-color.subtle:not(:hover) {
  box-shadow: none;
  background: rgba(0, 0, 0, 0);
  border-color: rgba(0, 0, 0, 0)
}

.i-selection input[type=radio]:checked+label:hover.striped,
.i-selection input[type=radio]:checked+label:active.striped {
  color: #fff;
  background: repeating-linear-gradient(-40deg, #09c, #09c 10px, #00aae3 10px, #00aae3 20px)
}

.i-selection input[type=radio]:checked+label:hover:not(.label):not(.borderless):not(.text-color),
.i-selection input[type=radio]:checked+label:active:not(.label):not(.borderless):not(.text-color) {
  background: #09c;
  border-color: #007cac;
  color: #f9f9f9
}

.i-selection input[type=radio]:checked+label:hover:not(.label):not(.borderless):not(.text-color):hover,
.i-selection input[type=radio]:checked+label:hover:not(.label):not(.borderless):not(.text-color):active,
.i-selection input[type=radio]:checked+label:active:not(.label):not(.borderless):not(.text-color):hover,
.i-selection input[type=radio]:checked+label:active:not(.label):not(.borderless):not(.text-color):active {
  border-color: #007cac;
  color: #fff
}

.i-selection input[type=radio]:checked+label:hover:not(.label):not(.borderless):not(.text-color):hover,
.i-selection input[type=radio]:checked+label:active:not(.label):not(.borderless):not(.text-color):hover {
  background: #09c;
  background-image: linear-gradient(to bottom, #09c, #0086b3)
}

.i-selection input[type=radio]:checked+label:hover:not(.label):not(.borderless):not(.text-color):active,
.i-selection input[type=radio]:checked+label:hover:not(.label):not(.borderless):not(.text-color).open,
.i-selection input[type=radio]:checked+label:active:not(.label):not(.borderless):not(.text-color):active,
.i-selection input[type=radio]:checked+label:active:not(.label):not(.borderless):not(.text-color).open {
  background: #0086b3;
  background-image: linear-gradient(to bottom, #0086b3, #09c)
}

.i-selection input[type=radio]:checked+label:hover.borderless,
.i-selection input[type=radio]:checked+label:active.borderless {
  box-shadow: none !important;
  background: none !important;
  border-color: rgba(0, 0, 0, 0) !important;
  color: #09c
}

.i-selection input[type=radio]:checked+label:hover.borderless:hover,
.i-selection input[type=radio]:checked+label:hover.borderless:active,
.i-selection input[type=radio]:checked+label:active.borderless:hover,
.i-selection input[type=radio]:checked+label:active.borderless:active {
  color: #0086b3
}

.i-selection input[type=radio]:checked+label:hover.text-color:not(.color-on-hover),
.i-selection input[type=radio]:checked+label:active.text-color:not(.color-on-hover) {
  color: #09c
}

.i-selection input[type=radio]:checked+label:hover.text-color.color-on-hover:hover,
.i-selection input[type=radio]:checked+label:active.text-color.color-on-hover:hover {
  color: #09c
}

.i-selection input[type=radio]:checked+label:hover.text-color:hover,
.i-selection input[type=radio]:checked+label:hover.text-color:active,
.i-selection input[type=radio]:checked+label:active.text-color:hover,
.i-selection input[type=radio]:checked+label:active.text-color:active {
  color: #0086b3
}

.i-selection input[type=radio]:checked+label:hover.text-color.outline,
.i-selection input[type=radio]:checked+label:active.text-color.outline {
  border-color: #09c;
  background: #fff
}

.i-selection input[type=radio]:checked+label:hover.text-color.dashed,
.i-selection input[type=radio]:checked+label:active.text-color.dashed {
  border-style: dashed;
  background: #fff
}

.i-selection input[type=radio]:checked+label:hover.text-color.subtle:not(:hover):not(:active),
.i-selection input[type=radio]:checked+label:active.text-color.subtle:not(:hover):not(:active) {
  box-shadow: none;
  background: rgba(0, 0, 0, 0);
  border-color: rgba(0, 0, 0, 0)
}

.checkbox-with-text input[type=checkbox] {
  float: left;
  margin-left: 1px
}

.checkbox-with-text div {
  margin-left: 21px
}

.timedelta-widget input[type=number] {
  display: inline;
  width: 6em !important
}

.timedelta-widget select {
  display: inline;
  width: auto
}

.datetime-widget .rc-time-picker-input,
.date-widget .rc-time-picker-input,
.time-widget .rc-time-picker-input {
  width: 100% !important;
  font-size: 1em
}

.datetime-widget .rc-time-picker-panel-select ul,
.date-widget .rc-time-picker-panel-select ul,
.time-widget .rc-time-picker-panel-select ul {
  padding-left: 0 !important;
  max-height: none
}

.datetime-widget .rc-time-picker,
.date-widget .rc-time-picker,
.time-widget .rc-time-picker {
  width: 22% !important;
  color: #555;
  vertical-align: top;
  font-size: 1em
}

.datetime-widget .rc-time-picker-panel-input-wrap,
.date-widget .rc-time-picker-panel-input-wrap,
.time-widget .rc-time-picker-panel-input-wrap {
  padding-left: calc(1em - 1px);
  padding-top: calc(.5em + 1px)
}

.datetime-widget .rc-time-picker-panel-input,
.datetime-widget .rc-time-picker-panel-select,
.datetime-widget .rc-time-picker-panel-inner,
.date-widget .rc-time-picker-panel-input,
.date-widget .rc-time-picker-panel-select,
.date-widget .rc-time-picker-panel-inner,
.time-widget .rc-time-picker-panel-input,
.time-widget .rc-time-picker-panel-select,
.time-widget .rc-time-picker-panel-inner {
  font-size: 1em;
  color: #555
}

.datetime-widget .rc-time-picker-input[disabled],
.date-widget .rc-time-picker-input[disabled],
.time-widget .rc-time-picker-input[disabled] {
  cursor: default
}

.datetime-widget .timezone,
.date-widget .timezone,
.time-widget .timezone {
  color: #777;
  position: relative;
  top: 2px
}

.datetime-widget .clear-pickers,
.date-widget .clear-pickers,
.time-widget .clear-pickers {
  font-size: 1.3em;
  position: relative;
  left: 20px;
  top: 4px
}

.datetime-widget .clear-pickers:hover,
.date-widget .clear-pickers:hover,
.time-widget .clear-pickers:hover {
  color: #f91f1f;
  cursor: pointer
}

.datetime-widget>div {
  display: flex;
  gap: 1em;
  align-items: center
}

.datetime-widget>div .rc-time-picker {
  align-self: flex-start
}

.date-widget>span {
  display: flex;
  align-items: center;
  gap: .2em
}

.date-widget .clear-pickers,
.datetime-widget .clear-pickers {
  display: flex;
  align-items: center;
  justify-content: center;
  position: static;
  border: 0;
  background: none;
  height: 1em !important;
  aspect-ratio: 1
}

.date-widget .clear-pickers>span,
.datetime-widget .clear-pickers>span {
  position: absolute;
  clip-path: inset(50%);
  width: 1px;
  height: 1px;
  overflow: hidden
}

.i-form .form-group .form-field .datetime-widget input[type=text],
.i-form .form-group .form-field .date-widget input[type=text] {
  font-size: 1em;
  width: 150px
}

.has-warning {
  color: #e99e18
}

.i-radio,
.i-checkbox {
  display: flex
}

.i-radio input,
.i-checkbox input {
  flex-shrink: 0;
  flex-grow: 0;
  margin-top: 2px
}

.i-radio label,
.i-checkbox label {
  display: inline-block;
  margin-left: .5em
}

.i-radio i.icon-padding,
.i-checkbox i.icon-padding {
  padding-left: 5px
}

.i-radio span.checkbox-label,
.i-checkbox span.checkbox-label {
  display: flex
}

.i-has-action {
  padding: 0
}

.i-has-action label.i-button:not(.label):hover~.i-button,
.i-has-action .categorynav .category-list .item .button-wrapper label.action-button:not(.label):hover~.i-button,
.categorynav .category-list .item .button-wrapper .i-has-action label.action-button:not(.label):hover~.i-button,
.i-has-action .categorynav .category-list .item .button-wrapper label.i-button:not(.label):hover~.action-button,
.categorynav .category-list .item .button-wrapper .i-has-action label.i-button:not(.label):hover~.action-button,
.i-has-action .categorynav .category-list .item .button-wrapper label.action-button:not(.label):hover~.action-button,
.categorynav .category-list .item .button-wrapper .i-has-action label.action-button:not(.label):hover~.action-button {
  border-left-color: #bbb
}

.i-has-action label.i-button:not(.label):hover~.i-button~.i-button,
.i-has-action .categorynav .category-list .item .button-wrapper label.action-button:not(.label):hover~.i-button~.i-button,
.categorynav .category-list .item .button-wrapper .i-has-action label.action-button:not(.label):hover~.i-button~.i-button,
.i-has-action .categorynav .category-list .item .button-wrapper label.i-button:not(.label):hover~.action-button~.i-button,
.categorynav .category-list .item .button-wrapper .i-has-action label.i-button:not(.label):hover~.action-button~.i-button,
.i-has-action .categorynav .category-list .item .button-wrapper label.action-button:not(.label):hover~.action-button~.i-button,
.categorynav .category-list .item .button-wrapper .i-has-action label.action-button:not(.label):hover~.action-button~.i-button,
.i-has-action .categorynav .category-list .item .button-wrapper label.i-button:not(.label):hover~.i-button~.action-button,
.categorynav .category-list .item .button-wrapper .i-has-action label.i-button:not(.label):hover~.i-button~.action-button,
.i-has-action .categorynav .category-list .item .button-wrapper label.action-button:not(.label):hover~.i-button~.action-button,
.categorynav .category-list .item .button-wrapper .i-has-action label.action-button:not(.label):hover~.i-button~.action-button,
.i-has-action .categorynav .category-list .item .button-wrapper label.i-button:not(.label):hover~.action-button~.action-button,
.categorynav .category-list .item .button-wrapper .i-has-action label.i-button:not(.label):hover~.action-button~.action-button,
.i-has-action .categorynav .category-list .item .button-wrapper label.action-button:not(.label):hover~.action-button~.action-button,
.categorynav .category-list .item .button-wrapper .i-has-action label.action-button:not(.label):hover~.action-button~.action-button {
  border-left-color: #dfdfdf
}

.i-has-action input[type=radio]:first-child+.i-button,
.i-has-action .categorynav .category-list .item .button-wrapper input[type=radio]:first-child+.action-button,
.categorynav .category-list .item .button-wrapper .i-has-action input[type=radio]:first-child+.action-button,
.i-has-action input[type=text]:first-child+.i-button,
.i-has-action .categorynav .category-list .item .button-wrapper input[type=text]:first-child+.action-button,
.categorynav .category-list .item .button-wrapper .i-has-action input[type=text]:first-child+.action-button,
.i-has-action input[type=password]:first-child+.i-button,
.i-has-action .categorynav .category-list .item .button-wrapper input[type=password]:first-child+.action-button,
.categorynav .category-list .item .button-wrapper .i-has-action input[type=password]:first-child+.action-button {
  border-bottom-left-radius: 2px;
  border-top-left-radius: 2px
}

.i-has-action>.clearableinput {
  float: left
}

.i-has-action>input[type=text]:first-child,
.i-has-action>input[type=password]:first-child,
.i-has-action>.clearableinput:first-child input[type=text] {
  border-bottom-right-radius: 2px;
  border-top-right-radius: 2px
}

.i-has-action>input[type=text]:last-child,
.i-has-action>input[type=password]:last-child,
.i-has-action>.clearableinput:last-child input[type=text] {
  border-bottom-left-radius: 0;
  border-top-left-radius: 0
}

.i-has-action>input[type=text]:not(:last-child),
.i-has-action>input[type=password]:not(:last-child),
.i-has-action>.clearableinput:not(:last-child) {
  border-bottom-right-radius: 0;
  border-top-right-radius: 0
}

.i-has-action>input[type=text]:not(:last-child)+.i-button,
.categorynav .category-list .item .button-wrapper .i-has-action>input[type=text]:not(:last-child)+.action-button,
.i-has-action>input[type=password]:not(:last-child)+.i-button,
.categorynav .category-list .item .button-wrapper .i-has-action>input[type=password]:not(:last-child)+.action-button,
.i-has-action>.clearableinput:not(:last-child)+.i-button,
.categorynav .category-list .item .button-wrapper .i-has-action>.clearableinput:not(:last-child)+.action-button {
  border-left: none;
  border-bottom-left-radius: 0;
  border-top-left-radius: 0
}

.i-has-action.with-datepicker .datepicker {
  position: relative
}

.i-has-action.with-datepicker .datepicker:last-child input[type=text] {
  border-bottom-right-radius: 2px;
  border-top-right-radius: 2px
}

.i-has-action.with-datepicker .datepicker .ui-datepicker-trigger {
  float: right;
  font-size: 1em;
  position: absolute;
  margin: 0;
  right: 5px;
  top: auto
}

.i-has-action.with-datepicker .datepicker.thin .ui-datepicker-trigger {
  line-height: 1.9em
}

.i-has-action.with-slider .slider {
  padding-left: 1em !important;
  padding-right: 1em !important;
  width: 150px
}

.i-has-action.with-slider .slider .ui-slider {
  display: inline-block !important;
  margin-top: 3px;
  margin-left: -2px;
  width: 100% !important
}

.i-has-action~.i-button,
.categorynav .category-list .item .button-wrapper .i-has-action~.action-button {
  margin-left: .3rem
}

.i-has-action .i-button,
.i-has-action .categorynav .category-list .item .button-wrapper .action-button,
.categorynav .category-list .item .button-wrapper .i-has-action .action-button {
  border-radius: 0;
  border-right-width: 0;
  margin: 0
}

.i-has-action .i-button:not(.label):not(.accept):not(.danger):not(.highlight):not(.warning):not(.disabled):not(:disabled):hover+.i-button,
.i-has-action .categorynav .category-list .item .button-wrapper .action-button:not(.label):not(.accept):not(.danger):not(.highlight):not(.warning):not(.disabled):not(:disabled):hover+.i-button,
.categorynav .category-list .item .button-wrapper .i-has-action .action-button:not(.label):not(.accept):not(.danger):not(.highlight):not(.warning):not(.disabled):not(:disabled):hover+.i-button,
.i-has-action .categorynav .category-list .item .button-wrapper .i-button:not(.label):not(.accept):not(.danger):not(.highlight):not(.warning):not(.disabled):not(:disabled):hover+.action-button,
.categorynav .category-list .item .button-wrapper .i-has-action .i-button:not(.label):not(.accept):not(.danger):not(.highlight):not(.warning):not(.disabled):not(:disabled):hover+.action-button,
.i-has-action .categorynav .category-list .item .button-wrapper .action-button:not(.label):not(.accept):not(.danger):not(.highlight):not(.warning):not(.disabled):not(:disabled):hover+.action-button,
.categorynav .category-list .item .button-wrapper .i-has-action .action-button:not(.label):not(.accept):not(.danger):not(.highlight):not(.warning):not(.disabled):not(:disabled):hover+.action-button {
  border-left-color: #bbb
}

.i-has-action ind-menu>.i-button,
.i-has-action .categorynav .category-list .item .button-wrapper ind-menu>.action-button,
.categorynav .category-list .item .button-wrapper .i-has-action ind-menu>.action-button {
  border-radius: 0 !important;
  border-right-width: 0 !important;
  margin: 0
}

.i-has-action .i-button.arrow:last-of-type,
.i-has-action .categorynav .category-list .item .button-wrapper .arrow.action-button:last-of-type,
.categorynav .category-list .item .button-wrapper .i-has-action .arrow.action-button:last-of-type {
  border-bottom-right-radius: 2px;
  border-top-right-radius: 2px
}

.i-has-action>.i-button:not(.hidden):first-child,
.categorynav .category-list .item .button-wrapper .i-has-action>.action-button:not(.hidden):first-child {
  border-bottom-left-radius: 2px;
  border-top-left-radius: 2px
}

.i-has-action>.i-button:not(.hidden):last-child,
.categorynav .category-list .item .button-wrapper .i-has-action>.action-button:not(.hidden):last-child {
  border-bottom-right-radius: 2px;
  border-top-right-radius: 2px;
  border-right-width: 1px
}

.i-has-action>.i-button:not(.hidden).label:not(:last-child),
.categorynav .category-list .item .button-wrapper .i-has-action>.action-button:not(.hidden).label:not(:last-child) {
  border-bottom-right-radius: 0;
  border-top-right-radius: 0;
  border-right: none !important
}

.i-has-action>.i-button:not(.hidden).label~.i-button:not(.hidden):first-child,
.categorynav .category-list .item .button-wrapper .i-has-action>.action-button:not(.hidden).label~.i-button:not(.hidden):first-child,
.categorynav .category-list .item .button-wrapper .i-has-action>.i-button:not(.hidden).label~.action-button:not(.hidden):first-child,
.categorynav .category-list .item .button-wrapper .i-has-action>.action-button:not(.hidden).label~.action-button:not(.hidden):first-child {
  border-bottom-left-radius: 0;
  border-top-left-radius: 0
}

.i-has-action>ind-with-tooltip:first-child ind-menu>.i-button,
.i-has-action>ind-with-tooltip:first-child .categorynav .category-list .item .button-wrapper ind-menu>.action-button,
.categorynav .category-list .item .button-wrapper .i-has-action>ind-with-tooltip:first-child ind-menu>.action-button,
.i-has-action>ind-menu:first-child>.i-button,
.categorynav .category-list .item .button-wrapper .i-has-action>ind-menu:first-child>.action-button {
  border-bottom-left-radius: 2px;
  border-top-left-radius: 2px
}

.i-has-action>ind-with-tooltip:last-child ind-menu>.i-button,
.i-has-action>ind-with-tooltip:last-child .categorynav .category-list .item .button-wrapper ind-menu>.action-button,
.categorynav .category-list .item .button-wrapper .i-has-action>ind-with-tooltip:last-child ind-menu>.action-button,
.i-has-action>ind-menu:last-child>.i-button,
.categorynav .category-list .item .button-wrapper .i-has-action>ind-menu:last-child>.action-button {
  border-bottom-right-radius: 2px;
  border-top-right-radius: 2px;
  border-right-width: 1px
}

.i-has-action .i-button-wrapper:not(.hidden):first-child .i-button,
.i-has-action .i-button-wrapper:not(.hidden):first-child .categorynav .category-list .item .button-wrapper .action-button,
.categorynav .category-list .item .button-wrapper .i-has-action .i-button-wrapper:not(.hidden):first-child .action-button {
  border-bottom-left-radius: 2px;
  border-top-left-radius: 2px
}

.i-has-action .i-button-wrapper:not(.hidden):last-child .i-button,
.i-has-action .i-button-wrapper:not(.hidden):last-child .categorynav .category-list .item .button-wrapper .action-button,
.categorynav .category-list .item .button-wrapper .i-has-action .i-button-wrapper:not(.hidden):last-child .action-button {
  border-bottom-right-radius: 2px;
  border-top-right-radius: 2px;
  border-right-width: 1px
}

.i-has-action>input,
.i-has-action>textarea {
  flex-grow: 1;
  height: 2.5em;
  line-height: 1.2em;
  margin: 0;
  padding: .5em 1em
}

.i-has-action>textarea {
  border-top-right-radius: 0 !important
}

.i-has-action>textarea+.i-button,
.categorynav .category-list .item .button-wrapper .i-has-action>textarea+.action-button {
  border-left: 0
}

.i-has-action+.i-has-action-message {
  display: inline-block;
  visibility: hidden;
  opacity: 0;
  height: 1em
}

dd>.i-has-action {
  vertical-align: middle
}

dd>.i-has-action>.i-button,
.categorynav .category-list .item .button-wrapper dd>.i-has-action>.action-button,
dd>.i-has-action>input {
  height: 2em;
  font-size: 90%
}

dd>.i-has-action>input {
  width: 18em;
  background-color: #fff
}

.qtip-content dl>dd>.i-has-action>* {
  line-height: 1em
}

.qtip-content dl>dd>.i-has-action>input {
  width: 110px
}

.advanced-placeholders {
  margin-top: .5em
}

.advanced-placeholders .toggle {
  margin-top: .5em
}

.advanced-placeholders .placeholders {
  padding: .25em 0
}

code.placeholder {
  font-style: normal;
  font-size: .9em
}

.ui.checkbox>input.hidden {
  display: inline-block !important
}

.form-field-input,
.i-form .form-group .form-field input[type=date],
.i-form .form-group .form-field input[type=datetime],
.i-form .form-group .form-field input[type=datetime-local],
.i-form .form-group .form-field input[type=email],
.i-form .form-group .form-field input[type=month],
.i-form .form-group .form-field input[type=number],
.i-form .form-group .form-field input[type=password],
.i-form .form-group .form-field input[type=search],
.i-form .form-group .form-field input[type=tel],
.i-form .form-group .form-field input[type=text],
.i-form .form-group .form-field input[type=time],
.i-form .form-group .form-field input[type=url],
.i-form .form-group .form-field input[type=week] {
  line-height: 1.5;
  padding: .5em 1em;
  vertical-align: top;
  height: 2.5em
}

form {
  margin: 0
}

.i-form-field-fixed-width {
  width: 400px
}

.i-form-field-fluid,
.i-form .form-group .form-field>select,
.i-form .form-group .form-field>textarea,
.i-form .form-group .form-field input[type=datetime],
.i-form .form-group .form-field input[type=datetime-local],
.i-form .form-group .form-field input[type=email],
.i-form .form-group .form-field input[type=month],
.i-form .form-group .form-field input[type=password],
.i-form .form-group .form-field input[type=search],
.i-form .form-group .form-field input[type=tel],
.i-form .form-group .form-field input[type=text],
.i-form .form-group .form-field input[type=url],
.i-form .form-group .form-field input[type=week] {
  width: 100%
}

.i-form {
  font-family: "Liberation Sans", sans-serif;
  max-width: 800px;
  display: block;
  font-size: 1em;
  color: #777;
  margin-top: 1em
}

.i-form *,
.i-form *::before,
.i-form *::after {
  box-sizing: inherit
}

.i-form.management-area {
  box-shadow: 0 2px 1px -1px #dfdfdf;
  padding-top: 1em;
  border: 1px solid #dfdfdf;
  background-color: #f9f9f9
}

.i-form.horizontal .form-label,
.i-form .form-group.horizontal .form-label {
  float: left;
  text-align: right;
  width: 20%
}

.i-form.horizontal .form-field,
.i-form .form-group.horizontal .form-field {
  float: left;
  width: 70%
}

.i-form.vertical .form-label,
.i-form .form-group.vertical .form-label {
  float: none;
  height: 1em;
  margin-bottom: -1em;
  text-align: left
}

.i-form.vertical .form-label-empty,
.i-form .form-group.vertical .form-label-empty {
  margin-top: 0
}

.i-form.vertical .form-field,
.i-form .form-group.vertical .form-field {
  width: 100%;
  margin-top: .4em
}

.i-form.vertical .form-group-footer .form-label,
.i-form .form-group.vertical .form-group-footer .form-label {
  display: none
}

.i-form.no-block-padding .form-label,
.i-form.no-block-padding .form-field {
  padding-left: 0
}

.i-form .typeahead__field {
  font-size: 1em
}

.i-form.no-max-width {
  max-width: none
}

.i-form .form-group {
  clear: both;
  display: inline-block;
  width: 100%
}

.i-form .form-group .form-field .form-field-description {
  font-style: italic;
  margin-top: .25em;
  margin-bottom: .5em;
  width: 90%
}

.i-form .form-group .form-field .static-text {
  display: block;
  padding: .5em .5em 0 0;
  line-height: 1.5;
  color: #555;
  width: 400px
}

.i-form .form-group .form-field .static-text .form-field-description {
  font-style: italic;
  color: #777
}

.i-form .form-group .form-field.fit-to-parent {
  width: 100%
}

.i-form .form-group.has-error .form-label,
.i-form .form-group.has-error .form-field-error {
  color: #f91f1f
}

.i-form .form-group.has-error .form-field input,
.i-form .form-group.has-error .form-field select:not([data-internal]),
.i-form .form-group.has-error .form-field textarea,
.i-form .form-group.has-error .form-field .ui.dropdown,
.i-form .form-group.has-error .form-field .i-table-widget {
  border-top: 1px solid #f91f1f;
  border-bottom: 1px solid #f91f1f;
  border-right: 1px solid #f91f1f;
  border-left: 1px solid #f91f1f
}

.i-form .form-group .form-label {
  display: inline-block;
  line-height: 1.5;
  margin-top: 0;
  margin-bottom: 0;
  min-height: 2.5em;
  position: relative;
  word-wrap: break-word;
  padding-right: 1em
}

.i-form .form-group .form-label>.required {
  position: absolute;
  right: .1em;
  color: #af0000;
  font-size: 1.4em;
  top: .03em
}

.i-form .form-group .form-label.form-label-empty {
  height: 1px
}

.i-form .form-group .form-label.form-label-middle {
  padding-top: .5em
}

.i-form .form-group .form-label.form-label-middle .required {
  top: .4em
}

.i-form .form-group .form-checkbox-label {
  bottom: 1px;
  display: inline-block;
  margin-left: .5em;
  position: relative;
  vertical-align: middle
}

.i-form .form-group .form-field {
  padding-left: 1em;
  margin-bottom: .7em
}

.i-form .form-group .form-field textarea {
  line-height: 1.5;
  padding: .5em 1em;
  vertical-align: top;
  height: 2.5em;
  height: auto
}

.i-form .form-group .form-field select:not([data-internal]) {
  line-height: 1.5;
  padding: .5em 1em;
  vertical-align: top;
  height: 2.5em;
  padding-left: .7em
}

.i-form .form-group .form-field select:not([data-internal])[multiple] {
  height: auto
}

.i-form .form-group .form-field input[type=number]:not([data-internal]) {
  min-width: 80px
}

.i-form .form-group .form-field input[type=number]:not([data-internal]),
.i-form .form-group .form-field input[type=time] {
  padding-right: 0 !important
}

.i-form .form-group .form-field input[type=number]:not([data-internal])::-webkit-inner-spin-button,
.i-form .form-group .form-field input[type=time]::-webkit-inner-spin-button {
  height: 2.3em;
  margin-left: 1em
}

.i-form .form-group .form-field button:not(.tox-tbtn):not([aria-haspopup]):not([role=option]),
.i-form .form-group .form-field input[type=button],
.i-form .form-group .form-field input[type=submit] {
  height: 2.5em
}

.i-form .form-group .form-field button[data-calendar-trigger] {
  width: 1.6em
}

.i-form .form-group .form-field a.i-button,
.i-form .form-group .form-field .categorynav .category-list .item .button-wrapper a.action-button,
.categorynav .category-list .item .button-wrapper .i-form .form-group .form-field a.action-button {
  height: 2.5em;
  line-height: 1.8
}

.i-form .form-group .form-field .cke {
  width: 100% !important
}

.i-form .form-group .form-field .hasDatepicker {
  margin: 0;
  padding-right: 26px !important
}

.i-form .form-group .form-field .ui-datepicker-trigger {
  right: 24px
}

.i-form .form-group .form-field .multi-text-fields {
  max-height: none;
  max-width: 400px
}

.i-form .form-group .form-field .multi-text-fields .handle {
  height: 2.5em;
  line-height: 2.5em
}

.i-form .form-group .form-field .labeled.input {
  display: inline-flex;
  align-items: stretch;
  padding-bottom: .5em;
  width: 100%
}

.i-form .form-group .form-field .labeled.input .label {
  background: #e8e8e8;
  padding: .55em 1em;
  border-radius: .3rem 0 0 .3rem;
  font-size: .95em;
  font-weight: normal
}

.i-form .form-group .form-field .labeled.input input {
  flex: 1;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  border-left: rgba(0, 0, 0, 0)
}

.i-form .form-group .form-field .labeled.input input:focus {
  border-left: 1px solid #09c
}

.i-form .form-group-footer .i-button,
.i-form .form-group-footer .categorynav .category-list .item .button-wrapper .action-button,
.categorynav .category-list .item .button-wrapper .i-form .form-group-footer .action-button {
  height: 2.5em;
  line-height: 1 !important
}

.i-form .form-group-footer .form-field {
  margin-bottom: 0
}

.i-form .form-group-footer .no-padding {
  padding: 0
}

.i-form fieldset {
  border: 0;
  margin-bottom: 1em;
  padding: 0
}

.i-form fieldset legend {
  font-weight: bold;
  font-size: 1.3em;
  border-bottom: 1px solid #ebebeb;
  width: 100%;
  padding-left: 0;
  padding-bottom: .5em;
  margin-bottom: .3em
}

.i-form fieldset p.description {
  margin: .2em 0 0 0;
  font-size: 1.1em;
  padding-left: 2px;
  color: #999
}

.i-form fieldset .form-group:first-of-type {
  margin-top: 2em
}

.i-form fieldset+.form-group-footer {
  margin-top: -1em
}

.i-form fieldset.collapsible legend {
  cursor: pointer
}

.i-form fieldset.initially-collapsed div.fieldset-content {
  display: none
}

.i-form .form-field-warning {
  margin-top: 2px
}

.protection-message.no-acl-field .has-acl {
  display: none
}

.protection-message.no-acl-field .no-acl {
  display: block
}

.protection-message:not(.no-acl-field) .has-acl {
  display: block
}

.protection-message:not(.no-acl-field) .no-acl {
  display: none
}

.infogrid {
  margin: 1em 0 2em 0
}

.infogrid::after {
  content: "";
  display: table;
  clear: both
}

.infogrid.condensed .infoline {
  margin-top: 0
}

.infoline {
  float: left;
  overflow: auto;
  width: 50%;
  margin-top: 1em;
  display: flex;
  flex-flow: row nowrap;
  line-height: initial
}

.infoline .icon {
  color: var(--text-secondary-color);
  font-size: 2rem;
  padding-right: .5em
}

.infoline .text {
  flex-grow: 1
}

.infoline .text p {
  margin-bottom: 0
}

.infoline .attachments-box {
  padding: 0
}

.infoline .toolbar {
  margin-bottom: 0
}

.infoline .label {
  font-weight: bold
}

.infoline .label.big {
  font-size: 1rem;
  line-height: 2rem
}

.infoline.date {
  font-size: 1.1em
}

.infoline.date .datetime {
  color: #555
}

.infoline.date .timezone {
  display: block;
  color: var(--text-secondary-color)
}

.infoline.info {
  padding: 10px;
  clear: both;
  width: 100%;
  background: #f4f4f4
}

.infoline.location .address {
  margin-top: .5em
}

.infoline.location .place {
  color: #444;
  font-size: 1.1em
}

.infoline.material>ul {
  margin: 0;
  padding: 0 3rem 0 3rem;
  list-style-type: none
}

/* ==========================================================================
   5. COMPONENTES DE FORMULARIO, INPUTS Y SELECTORES
   ========================================================================== */
.clearableinput {
  display: flex;
  align-items: center;
  position: relative
}

.clearableinput .clearabletext {
  padding-right: 1.7em !important
}

.clearableinput .clearabletext::-webkit-search-cancel-button {
  display: none
}

.clearableinput .button-box {
  position: absolute;
  padding: 0 2px;
  right: 0;
  height: 1.1em
}

.clearableinput .button-box a.i-link {
  padding-left: 2px;
  visibility: hidden
}

.clearableinput .button-box a.i-link::before {
  font-size: 1.1em
}

.clearableinput .button-box a.i-link:last-child {
  padding-right: 2px
}

.i-color-field {
  max-width: 400px
}

.i-color-field .clickable-wrapper {
  float: left;
  display: block
}

.i-color-field .clickable-wrapper .color-preview {
  line-height: 1.5;
  padding: .5em 1em;
  vertical-align: top;
  height: 2.5em;
  border-top: 1px solid #dfdfdf;
  border-bottom: 1px solid #dfdfdf;
  border-right: 1px solid #dfdfdf;
  border-left: 1px solid #dfdfdf;
  border-radius: 2px;
  display: block;
  width: 3em;
  float: left;
  margin-right: .5em
}

.i-color-field .clickable-wrapper .color-preview.no-value {
  background: repeating-linear-gradient(-40deg, #d6d6d6, #d6d6d6 10px, #dddddd 10px, #dddddd 20px) !important;
  font-style: italic;
  color: #777 !important
}

.i-color-field .clickable-wrapper .color-preview.no-value::-webkit-input-placeholder {
  color: #777
}

.i-color-field .clickable-wrapper .color-preview.no-value::-moz-placeholder {
  color: #777
}

.i-color-field .clickable-wrapper .color-preview.no-value:-ms-input-placeholder {
  color: #777
}

.i-color-field .clickable-wrapper .color-preview.no-value:-moz-placeholder {
  color: #777
}

.i-color-field .clickable-wrapper input[type=text] {
  width: 7em !important
}

.i-color-field a.clear-color-btn {
  color: #bbb;
  font-size: 1.2em
}

.i-color-field a.clear-color-btn:hover {
  cursor: pointer;
  color: #f91f1f
}

.i-color-field a.clear-color-btn:active {
  color: #c00
}

.i-location-field .wrapper .typeahead__container,
.i-location-field .wrapper .typeahead__field {
  display: block;
  position: relative;
  float: left;
  font-size: 1em
}

.i-location-field .wrapper .typeahead__container.venue-container,
.i-location-field .wrapper .typeahead__field.venue-container {
  width: 40%;
  padding-right: 10px
}

.i-location-field .wrapper .typeahead__container.room-container,
.i-location-field .wrapper .typeahead__field.room-container {
  width: 60%
}

.i-location-field .wrapper .typeahead__container.room-container input[type=text],
.i-location-field .wrapper .typeahead__field.room-container input[type=text] {
  width: 100% !important
}

.i-location-field .wrapper .typeahead__container .typeahead__result,
.i-location-field .wrapper .typeahead__field .typeahead__result {
  position: absolute;
  left: 0
}

.i-location-field .wrapper .typeahead__container .typeahead__result .typeahead__list,
.i-location-field .wrapper .typeahead__field .typeahead__result .typeahead__list {
  box-shadow: none;
  margin: 0;
  padding: 0;
  overflow: auto;
  max-height: 30em;
  width: 20em;
  position: relative;
  border-radius: 0;
  border-color: #bbb
}

.i-location-field .wrapper .typeahead__container .typeahead__result .typeahead__list>li,
.i-location-field .wrapper .typeahead__field .typeahead__result .typeahead__list>li {
  background: #fff
}

.i-location-field .wrapper .typeahead__container .typeahead__result .typeahead__list.empty,
.i-location-field .wrapper .typeahead__field .typeahead__result .typeahead__list.empty {
  border-width: 0 0 1px 0;
  border-style: solid;
  border-color: #bbb
}

.i-location-field .wrapper .typeahead__container .typeahead__result .typeahead__list.empty li:first-child,
.i-location-field .wrapper .typeahead__field .typeahead__result .typeahead__list.empty li:first-child {
  display: none
}

.i-location-field .wrapper .typeahead__container .typeahead__result .just-use-option,
.i-location-field .wrapper .typeahead__field .typeahead__result .just-use-option {
  display: none;
  background-color: #fff;
  text-align: center;
  border-width: 0 1px 1px 1px;
  border-style: solid;
  border-color: #bbb;
  font-style: italic
}

.i-location-field .wrapper .typeahead__container .typeahead__result .just-use-option:hover,
.i-location-field .wrapper .typeahead__container .typeahead__result .just-use-option.active,
.i-location-field .wrapper .typeahead__field .typeahead__result .just-use-option:hover,
.i-location-field .wrapper .typeahead__field .typeahead__result .just-use-option.active {
  background-color: #ebebeb
}

.i-location-field .wrapper .typeahead__container .typeahead__result .just-use-option a,
.i-location-field .wrapper .typeahead__field .typeahead__result .just-use-option a {
  padding: 6px 20px;
  display: block;
  color: #555
}

.i-location-field .wrapper .typeahead__container.result .i-location-input-field.typeahead__hint,
.i-location-field .wrapper .typeahead__field.result .i-location-input-field.typeahead__hint {
  z-index: 0 !important;
  background-color: #fff !important
}

.i-location-field .wrapper .typeahead__container.result .just-use-option,
.i-location-field .wrapper .typeahead__field.result .just-use-option {
  display: block
}

.i-location-field .wrapper input.i-location-input-field {
  background-color: #fff;
  padding-right: 2em !important;
  position: relative;
  z-index: 1
}

.i-location-field .wrapper input.i-location-input-field.disabled {
  background: repeating-linear-gradient(-40deg, #d6d6d6, #d6d6d6 10px, #dddddd 10px, #dddddd 20px) !important;
  font-style: italic;
  color: #777 !important;
  opacity: 1
}

.i-location-field .wrapper input.i-location-input-field.disabled::-webkit-input-placeholder {
  color: #777
}

.i-location-field .wrapper input.i-location-input-field.disabled::-moz-placeholder {
  color: #777
}

.i-location-field .wrapper input.i-location-input-field.disabled:-ms-input-placeholder {
  color: #777
}

.i-location-field .wrapper input.i-location-input-field.disabled:-moz-placeholder {
  color: #777
}

.i-location-field .wrapper input.i-location-input-field:focus {
  box-shadow: 0 0 5px #09c;
  border-top: 1px solid #09c !important;
  border-bottom: 1px solid #09c !important;
  border-right: 1px solid #09c !important;
  border-left: 1px solid #09c !important
}

.i-location-field .wrapper input.i-location-input-field::-ms-clear {
  display: none
}

.i-location-field .wrapper input.i-location-input-field:-ms-input-placeholder {
  color: #bbb
}

.i-location-field .wrapper .toggle-results-list {
  position: absolute;
  padding: .5em .6em;
  top: .3em;
  right: 0;
  line-height: 1.5;
  cursor: pointer;
  z-index: 2
}

.i-location-field .wrapper .location-inheritance-field {
  height: 2.5em
}

.i-location-field .wrapper .location-inheritance-field .checkbox-container {
  vertical-align: middle;
  line-height: 2.5
}

.i-location-field .wrapper .location-inheritance-field .checkbox-container input[type=checkbox] {
  vertical-align: baseline
}

.i-location-field .wrapper .availability-message-container {
  display: none;
  padding-top: 50px
}

.i-location-field .wrapper .availability-message-container .availability-message {
  align-items: center;
  justify-content: flex-start;
  display: flex;
  padding: .6em
}

.i-location-field .wrapper .availability-message-container .availability-message.error {
  border-top: 1px solid #f91f1f;
  border-bottom: 1px solid #f91f1f;
  border-right: 1px solid #f91f1f;
  border-left: 1px solid #f91f1f;
  background-color: #f2dede
}

.i-location-field .wrapper .availability-message-container .availability-message.error .icon {
  color: #f91f1f
}

.i-location-field .wrapper .availability-message-container .availability-message.info {
  border-top: 1px solid #09c;
  border-bottom: 1px solid #09c;
  border-right: 1px solid #09c;
  border-left: 1px solid #09c;
  background-color: #edf3fd
}

.i-location-field .wrapper .availability-message-container .availability-message.info .icon {
  color: #09c
}

.i-location-field .wrapper .availability-message-container .availability-message.success {
  border-top: 1px solid #00c851;
  border-bottom: 1px solid #00c851;
  border-right: 1px solid #00c851;
  border-left: 1px solid #00c851;
  background-color: #def2de
}

.i-location-field .wrapper .availability-message-container .availability-message.success .icon {
  color: #00c851
}

.i-location-field .wrapper .availability-message-container .availability-message.warning {
  border-top: 1px solid #e99e18;
  border-bottom: 1px solid #e99e18;
  border-right: 1px solid #e99e18;
  border-left: 1px solid #e99e18;
  background-color: #ffe6ba
}

.i-location-field .wrapper .availability-message-container .availability-message.warning .icon {
  color: #e99e18
}

.i-location-field .wrapper .availability-message-container .availability-message .icon {
  font-size: 1.4em;
  margin: .2em .6em
}

.i-location-field .wrapper .availability-message-container .availability-message a,
.i-location-field .wrapper .availability-message-container .availability-message .ui.checkbox.toggle {
  margin-left: auto
}

.i-location-field .wrapper>textarea {
  width: 100%;
  margin-top: .4em
}

.i-location-field .wrapper>textarea.disabled {
  background: repeating-linear-gradient(-40deg, #d6d6d6, #d6d6d6 10px, #dddddd 10px, #dddddd 20px) !important;
  font-style: italic;
  color: #777 !important
}

.i-location-field .wrapper>textarea.disabled::-webkit-input-placeholder {
  color: #777
}

.i-location-field .wrapper>textarea.disabled::-moz-placeholder {
  color: #777
}

.i-location-field .wrapper>textarea.disabled:-ms-input-placeholder {
  color: #777
}

.i-location-field .wrapper>textarea.disabled:-moz-placeholder {
  color: #777
}

.i-location-field .wrapper>textarea:-ms-input-placeholder {
  color: #bbb
}

.i-location-field.disabled {
  background-color: inherit
}

.i-location-field.disabled .keyword-highlighter {
  display: none !important
}

.i-location-field.disabled .toggle-results-list {
  cursor: inherit
}

.keyword-highlighter {
  border-radius: 2px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: none !important;
  background-color: #cde1ff;
  padding: 2px;
  position: absolute;
  top: .6em;
  left: .95em;
  max-width: 84%;
  color: rgba(0, 0, 0, 0)
}

.keyword-highlighter.visible {
  display: block !important
}

a,
.fake-link,
.ui-widget-content a {
  color: #09c
}

a:hover,
.fake-link:hover,
.ui-widget-content a:hover {
  color: #cb6d04;
  cursor: pointer
}

a:link,
a:visited,
.fake-link:link,
.fake-link:visited,
.ui-widget-content a:link,
.ui-widget-content a:visited {
  text-decoration: none
}

.i-link {
  color: #bbb;
  transition: color .25s ease-out;
  cursor: pointer
}

.i-link:not(.disabled):hover,
.i-link:not(.disabled):active,
.i-link:not(.disabled).active {
  color: #555
}

.i-link:not(.disabled):hover.highlight,
.i-link:not(.disabled):active.highlight,
.i-link:not(.disabled).active.highlight {
  color: #09c
}

.i-link:not(.disabled):hover.success,
.i-link:not(.disabled):active.success,
.i-link:not(.disabled).active.success {
  color: #00c851
}

.i-link:not(.disabled):hover.error,
.i-link:not(.disabled):active.error,
.i-link:not(.disabled).active.error {
  color: #f91f1f
}

.i-link:not(.disabled):hover.warning,
.i-link:not(.disabled):active.warning,
.i-link:not(.disabled).active.warning {
  color: #e99e18
}

.i-link:not(.disabled):hover.visited,
.i-link:not(.disabled):active.visited,
.i-link:not(.disabled).active.visited {
  color: #6e5494
}

.i-link:not(.disabled):hover.strong,
.i-link:not(.disabled):active.strong,
.i-link:not(.disabled).active.strong {
  color: #555
}

.i-link:not(.disabled):hover.editing-rejected,
.i-link:not(.disabled):active.editing-rejected,
.i-link:not(.disabled).active.editing-rejected {
  color: #31393c
}

.i-link:not(.disabled):hover.editing-make-changes,
.i-link:not(.disabled):active.editing-make-changes,
.i-link:not(.disabled).active.editing-make-changes {
  color: #ffcf00
}

.i-link:not(.disabled):hover.editing-request-changes,
.i-link:not(.disabled):active.editing-request-changes,
.i-link:not(.disabled).active.editing-request-changes {
  color: #c00
}

.i-link:not(.disabled):hover.editing-accepted-submitter,
.i-link:not(.disabled):active.editing-accepted-submitter,
.i-link:not(.disabled).active.editing-accepted-submitter {
  color: #b5cc18
}

.i-link.disabled {
  color: #bbb
}

.i-link.disabled {
  cursor: default !important
}

a.discreet-link {
  color: inherit
}

a.discreet-link:hover {
  text-decoration: underline
}

[data-anchor]:hover .anchor-link,
[data-permalink]:hover .anchor-link {
  opacity: 1
}

.anchor-link {
  font-family: "Liberation Sans", sans-serif;
  transition: opacity .25s ease-out;
  opacity: 0;
  margin-left: .5em;
  color: #bbb !important
}

.ordered-list {
  margin: 0;
  padding: 0;
  display: inline-block;
  min-width: 450px
}

.ordered-list>li {
  border-bottom: 1px solid #ddd;
  padding: 5px 0;
  list-style-type: none
}

.ordered-list>li>.list-item-title {
  font-size: 14px;
  font-weight: bold;
  color: #666;
  padding-bottom: 5px
}

.ordered-list>li>.list-item-content {
  color: #888;
  padding-top: 2px
}

.ordered-list>li>.list-item-content>.list-item-content-title {
  font-weight: bold;
  padding-right: 5px
}

.ordered-list>li>.list-item-content>.list-item-content-data {
  float: right
}

dl.i-data-list {
  font-family: "Liberation Sans", sans-serif;
  max-width: 800px;
  color: #777;
  margin-top: 1em;
  line-height: 1.5
}

dl.i-data-list dt,
dl.i-data-list dd {
  display: inline-block;
  margin: 0 0 .7em 0;
  padding: .3em 1em .3em 1em
}

dl.i-data-list dt:last-of-type,
dl.i-data-list dd:last-of-type {
  margin-bottom: 0
}

dl.i-data-list dt {
  font-weight: bold;
  text-align: right;
  width: 20%
}

dl.i-data-list dd {
  width: 79%;
  vertical-align: top
}

dl.i-data-list.dt-select-disabled dt {
  -webkit-user-select: none;
  user-select: none
}

.file-list {
  list-style: none;
  margin: 0;
  padding: 0;
  font-size: 1.1em
}

.file-list li {
  line-height: 2em
}

.file-list li a {
  color: #777
}

.file-list li a:hover {
  color: #555
}

#global-menu {
  --menu-background-color: var(--surface-inverse-color);
  --menu-text-color: var(--text-inverse-color);
  --menu-text-hover-color: var(--text-inverse-color);
  --menu-background-hover-color: var(--surface-highlight-inverse-color);
  --menu-border: none;
  --menu-shadow: none;
  padding: 0 1.4em;
  background: var(--surface-inverse-color);
  border: none;
  margin-bottom: 0
}

#global-menu li {
  list-style: none
}

#global-menu ind-menu>button::after {
  display: block
}

#global-menu ind-menu>button[aria-expanded=true]::after {
  transform: rotateX(-180deg)
}

#global-menu ind-menu>menu :is(li, a) {
  width: 100%
}

#global-menu>menu li {
  list-style: none;
  padding: 0
}

#global-menu li :is(a, button) {
  flex: none;
  background: var(--surface-inverse-color);
  color: var(--text-inverse-color);
  padding: .7em 1em;
  border: none
}

#global-menu li :is(a, button):first-child,
#global-menu li :is(a, button).arrow:last-of-type {
  border-radius: 0
}

#global-menu li :is(a, button):hover,
#global-menu li :is(a, button).open {
  background: var(--surface-highlight-inverse-color)
}

#global-menu li :is(a, button).arrow::after {
  margin-left: .2em
}

#global-menu li :is(a, button).arrow::after {
  vertical-align: middle
}

#global-menu ind-with-tooltip {
  --flex-layout: flex
}

div.page-header {
  position: relative;
  background-color: #007cac;
  width: 100%
}

div.page-header img.header-logo {
  margin: 17px 0 10px 30px;
  border: none;
  height: 50px
}

div.page-header-dark {
  background: #424242
}

div.announcement-bar:not([hidden]) {
  font-family: "Roboto", sans-serif;
  display: flex;
  align-items: center;
  padding: .75em;
  font-size: 1.1em;
  text-align: center
}

div.announcement-bar:not([hidden]) .icon {
  margin-right: .25em;
  font-size: 1.1em
}

div.announcement-bar:not([hidden]) .close-button {
  display: flex;
  font-size: 1.5em;
  cursor: pointer
}

div.announcement-bar:not([hidden]).highlight {
  background-color: #edf3fd;
  color: #333
}

div.announcement-bar:not([hidden]).highlight .icon {
  color: #09c
}

div.announcement-bar:not([hidden]).highlight .close-button {
  color: #007cac
}

div.announcement-bar:not([hidden]).warning,
div.session-bar div.announcement-bar.i-button.protection-network:not([hidden]) {
  background-color: #ffefd4;
  color: #333
}

div.announcement-bar:not([hidden]).warning .icon,
div.session-bar div.announcement-bar.i-button.protection-network:not([hidden]) .icon {
  color: #e99e18
}

div.announcement-bar:not([hidden]).warning .close-button,
div.session-bar div.announcement-bar.i-button.protection-network:not([hidden]) .close-button {
  color: #9c793b
}

div.announcement-bar:not([hidden]).error {
  background-color: #c00;
  color: #f2dede
}

div.announcement-bar:not([hidden]).error .icon {
  color: #f2dede
}

div.announcement-bar:not([hidden]).error .close-button {
  color: #f2dede
}

div.announcement-bar:not([hidden]).weak-hidden {
  display: none
}

nav.main-breadcrumb {
  font-family: "Roboto", sans-serif;
  background-color: #ececec;
  border-bottom: 1px solid #bbb;
  padding: .6em 0 .6em 40px
}

nav.main-breadcrumb.management {
  background-color: #fff
}

nav.main-breadcrumb .path {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-wrap: wrap;
  align-items: center
}

nav.main-breadcrumb .path li {
  display: flex;
  align-items: center
}

nav.main-breadcrumb .path .sep {
  color: var(--text-secondary-color);
  padding: 0 .5em
}

nav.main-breadcrumb .path .item {
  color: var(--text-color);
  font-size: 12px
}

nav.main-breadcrumb .path a.item:hover {
  color: var(--clickable-text-highlight-color)
}

div.session-bar {
  font-family: "Roboto", sans-serif;
  margin: .5em .5em 0 0
}

div.session-bar .toolbar {
  padding: 0;
  margin: 0
}

div.session-bar .icon-shield {
  vertical-align: middle
}

div.session-bar .i-button {
  font-weight: normal
}

div.session-bar.sticky-scrolling {
  background-color: rgba(0, 0, 0, 0);
  box-shadow: none;
  right: 0;
  margin-top: 0;
  padding: 0 0 5px 5px;
  z-index: 999
}

div.tz-selector-widget .tz-mode-container>div {
  margin-bottom: .5em
}

div.tz-selector-widget .tz-update-user-container {
  margin: 1em 0
}

div.tz-selector-widget .tz-save-container {
  text-align: center;
  margin-top: 1em
}

div.impersonation-header {
  padding: .5em;
  background-color: #333;
  color: #f0bb5e;
  font-family: Verdana, sans-serif;
  font-size: 1.1em
}

div.impersonation-header .text {
  display: inline-block
}

div.impersonation-header .text .logged-user-name {
  font-weight: bold;
  color: #f6d9a4;
  margin: .1em;
  line-height: 1em;
  max-width: 200px
}

div.impersonation-header .text::before {
  margin-right: .4em;
  font-size: 1.5em;
  line-height: 1em;
  vertical-align: middle
}

div.impersonation-header .undo-login-as {
  color: inherit;
  float: right;
  margin-right: 2px;
  vertical-align: middle;
  font-size: 1.5em;
  line-height: 1em
}

.location-info-tip .location-address {
  color: #bbb;
  white-space: pre
}

.location-info-tip .map-link {
  float: right;
  margin-top: .5em
}

.location-info-tip h3,
.location-info-tip h4 {
  line-height: 1.2em;
  margin-top: 0 !important;
  margin-bottom: 0
}

.location-info-tip h3:not(:last-child),
.location-info-tip h4:not(:last-child) {
  margin-bottom: .4em
}

.info-message {
  color: #3a87ad;
  background-color: #d9edf7;
  padding: 8px 14px 8px 14px;
  margin-bottom: 18px;
  text-shadow: 0 1px 0 rgba(255, 255, 255, .5);
  border: 1px solid #bce8f1;
  border-radius: 4px;
  text-align: center
}

.error-message {
  color: #a76766;
  background-color: #f2dede;
  padding: 8px 14px 8px 14px;
  margin-bottom: 18px;
  text-shadow: 0 1px 0 rgba(255, 255, 255, .5);
  border: 1px solid #a76766;
  border-radius: 4px;
  text-align: center
}

.warning-message {
  color: #be9056;
  background-color: #fff3e2;
  padding: 8px 14px 8px 14px;
  margin-bottom: 18px;
  text-shadow: 0 1px 0 rgba(255, 255, 255, .5);
  border: 1px solid #be9056;
  border-radius: 4px;
  text-align: center
}

.success-message {
  color: #638864;
  background-color: #dbeed3;
  padding: 8px 14px 8px 14px;
  margin-bottom: 18px;
  text-shadow: 0 1px 0 rgba(255, 255, 255, .5);
  border: 1px solid #638864;
  border-radius: 4px;
  text-align: center
}

.info-message-box,
.message-message-box {
    border-radius: 25px;
    flex-wrap: wrap;
    color: #333;
    line-height: normal;
    background-color: #ffffff;
    border: 1px solid #ddd;
    margin: 0 25px 2em 10px !important;
    padding: 25px 25px 25px 25px;
    font-family: Inter, sans-serif !important;
    font-size: 13px!important;
}

.info-message-box .message-text,
.message-message-box .message-text {
  flex-grow: 1;
  align-self: center;
  font-size: 1.2em
}

.info-message-box .message-text p:first-child,
.message-message-box .message-text p:first-child {
  margin-top: 0
}

.info-message-box .message-text p:last-child,
.message-message-box .message-text p:last-child {
  margin-bottom: 0
}

.info-message-box .message-text ul,
.info-message-box .message-text ol,
.message-message-box .message-text ul,
.message-message-box .message-text ol {
  margin-left: 1em
}

.info-message-box .message-text.normal-size,
.message-message-box .message-text.normal-size {
  font-size: 1em
}

.info-message-box.large-icon .icon,
.message-message-box.large-icon .icon {
  font-size: 2.7em;
  margin-bottom: 10px
}

.info-message-box .icon,
.message-message-box .icon {
  flex-shrink: 0;
  font-size: 1.5em;
  color: #bbb;
  margin-right: .5em
}

.info-message-box .message-box-footer,
.message-message-box .message-box-footer {
  box-shadow: inset #f9f9f9 0 10px 10px -10px;
  flex: 1 100%;
  margin: 10px -10px -10px -10px;
  padding: 10px
}

.info-message-box .message-box-footer,
.message-message-box .message-box-footer {
  background: #ededed
}

.highlight-message-box {
  border-radius: 2px;
  flex-wrap: wrap;
  color: #333;
  padding: 10px;
  margin-bottom: 18px;
  line-height: normal;
  background-color: #edf3fd;
  border: 1px solid #007cac
}

.highlight-message-box .message-text {
  flex-grow: 1;
  align-self: center;
  font-size: 1.2em
}

.highlight-message-box .message-text p:first-child {
  margin-top: 0
}

.highlight-message-box .message-text p:last-child {
  margin-bottom: 0
}

.highlight-message-box .message-text ul,
.highlight-message-box .message-text ol {
  margin-left: 1em
}

.highlight-message-box .message-text.normal-size {
  font-size: 1em
}

.highlight-message-box.large-icon .icon {
  font-size: 2.7em;
  margin-bottom: 10px
}

.highlight-message-box .icon {
  flex-shrink: 0;
  font-size: 1.5em;
  color: #bbb;
  margin-right: .5em
}

.highlight-message-box .message-box-footer {
  box-shadow: inset #f9f9f9 0 10px 10px -10px;
  flex: 1 100%;
  margin: 10px -10px -10px -10px;
  padding: 10px
}

.highlight-message-box .icon {
  color: #007cac
}

.highlight-message-box .message-box-footer {
  background: #d6e4fa
}

.success-message-box {
  border-radius: 2px;
  flex-wrap: wrap;
  color: #333;
  padding: 10px;
  margin-bottom: 18px;
  line-height: normal;
  background-color: #eefaee;
  border: 1px solid #cdc
}

.success-message-box .message-text {
  flex-grow: 1;
  align-self: center;
  font-size: 1.2em
}

.success-message-box .message-text p:first-child {
  margin-top: 0
}

.success-message-box .message-text p:last-child {
  margin-bottom: 0
}

.success-message-box .message-text ul,
.success-message-box .message-text ol {
  margin-left: 1em
}

.success-message-box .message-text.normal-size {
  font-size: 1em
}

.success-message-box.large-icon .icon {
  font-size: 2.7em;
  margin-bottom: 10px
}

.success-message-box .icon {
  flex-shrink: 0;
  font-size: 1.5em;
  color: #bbb;
  margin-right: .5em
}

.success-message-box .message-box-footer {
  box-shadow: inset #f9f9f9 0 10px 10px -10px;
  flex: 1 100%;
  margin: 10px -10px -10px -10px;
  padding: 10px
}

.success-message-box::before {
  color: #cdc
}

.success-message-box .message-box-footer {
  background: #daf4da
}

.warning-message-box {
  border-radius: 2px;
  flex-wrap: wrap;
  color: #333;
  padding: 10px;
  margin-bottom: 18px;
  line-height: normal;
  background-color: #fff3e2;
  border: 1px solid #be9056
}

.warning-message-box .message-text {
  flex-grow: 1;
  align-self: center;
  font-size: 1.2em
}

.warning-message-box .message-text p:first-child {
  margin-top: 0
}

.warning-message-box .message-text p:last-child {
  margin-bottom: 0
}

.warning-message-box .message-text ul,
.warning-message-box .message-text ol {
  margin-left: 1em
}

.warning-message-box .message-text.normal-size {
  font-size: 1em
}

.warning-message-box.large-icon .icon {
  font-size: 2.7em;
  margin-bottom: 10px
}

.warning-message-box .icon {
  flex-shrink: 0;
  font-size: 1.5em;
  color: #bbb;
  margin-right: .5em
}

.warning-message-box .message-box-footer {
  box-shadow: inset #f9f9f9 0 10px 10px -10px;
  flex: 1 100%;
  margin: 10px -10px -10px -10px;
  padding: 10px
}

.warning-message-box .icon {
  color: #be9056
}

.warning-message-box .message-box-footer {
  background: #ffe8c9
}

.error-message-box {
  border-radius: 2px;
  flex-wrap: wrap;
  color: #333;
  padding: 10px;
  margin-bottom: 18px;
  line-height: normal;
  background-color: #f2dede;
  border: 1px solid #c00
}

.error-message-box .message-text {
  flex-grow: 1;
  align-self: center;
  font-size: 1.2em
}

.error-message-box .message-text p:first-child {
  margin-top: 0
}

.error-message-box .message-text p:last-child {
  margin-bottom: 0
}

.error-message-box .message-text ul,
.error-message-box .message-text ol {
  margin-left: 1em
}

.error-message-box .message-text.normal-size {
  font-size: 1em
}

.error-message-box.large-icon .icon {
  font-size: 2.7em;
  margin-bottom: 10px
}

.error-message-box .icon {
  flex-shrink: 0;
  font-size: 1.5em;
  color: #bbb;
  margin-right: .5em
}

.error-message-box .message-box-footer {
  box-shadow: inset #f9f9f9 0 10px 10px -10px;
  flex: 1 100%;
  margin: 10px -10px -10px -10px;
  padding: 10px
}

.error-message-box .icon {
  color: #c00
}

.error-message-box .message-box-footer {
  background: #ebcccc
}

.danger-message-box {
  border-radius: 2px;
  flex-wrap: wrap;
  color: #333;
  padding: 10px;
  margin-bottom: 18px;
  line-height: normal;
  background-color: #f2dede;
  border: 1px solid #c00
}

.danger-message-box .message-text {
  flex-grow: 1;
  align-self: center;
  font-size: 1.2em
}

.danger-message-box .message-text p:first-child {
  margin-top: 0
}

.danger-message-box .message-text p:last-child {
  margin-bottom: 0
}

.danger-message-box .message-text ul,
.danger-message-box .message-text ol {
  margin-left: 1em
}

.danger-message-box .message-text.normal-size {
  font-size: 1em
}

.danger-message-box.large-icon .icon {
  font-size: 2.7em;
  margin-bottom: 10px
}

.danger-message-box .icon {
  flex-shrink: 0;
  font-size: 1.5em;
  color: #bbb;
  margin-right: .5em
}

.danger-message-box .message-box-footer {
  box-shadow: inset #f9f9f9 0 10px 10px -10px;
  flex: 1 100%;
  margin: 10px -10px -10px -10px;
  padding: 10px
}

.danger-message-box .icon {
  color: #c00
}

.danger-message-box .message-box-footer {
  background: #ebcccc
}

.error-message-tag {
  border-radius: 2px;
  padding: 0 4px;
  background-color: #f91f1f;
  color: #f9f9f9;
  margin-left: 10px
}

.error-message-underline {
  border-bottom: 1px solid #f91f1f
}

.list .i-table thead {
  font-weight: bold;
  border-bottom: 2px solid #dfdfdf;
  color: #555
}

.list .i-table thead tr {
  border-top: 0
}

.list .i-table th.tablesorter-header:not(.sorter-false) {
  cursor: pointer
}

.list .i-table th.tablesorter-header:not(.sorter-false):hover {
  transition: background-color .2s ease-out;
  background-color: #ececec
}

.list .i-table th::before {
  transition: transform .3s ease-out;
  -webkit-transform-origin: 50% 51%;
  display: inline-block
}

.list .i-table th.header-sort-asc::before {
  transform: rotate(-180deg)
}

.list .i-table th>div {
  display: inline-block
}

.list .i-table td {
  vertical-align: top;
  padding: 12px 5px
}

.list .i-table td .vertical-aligner {
  display: block;
  padding-top: .27em
}

.list .entry-action-buttons>a {
  font-size: 1.2em;
  margin-left: 3px
}

.list .person-row {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis
}

.list .person-row::before {
  color: #bbb;
  margin-right: 5px
}

.list .person-row.inline {
  display: inline
}

.list table.i-table {
  margin-top: 0
}

.list .scrollable {
  overflow-x: auto;
  width: 100%
}

.list .scrollable table {
  width: auto;
  table-layout: auto
}

.list .scrollable table td.title-column {
  white-space: initial
}

.list-filter-dialog {
  max-width: 1200px
}

.list-filter {
  position: relative
}

.list-filter .list-filter-content {
  max-height: 65vh;
  overflow-y: auto
}

.list-filter .list-column {
  margin: 5px;
  width: 14.2em
}

.list-filter .list-column>.filter {
  align-items: center;
  cursor: pointer;
  padding: 0
}

.list-filter .list-column>.filter>a {
  color: #777;
  padding: 4px 10px
}

.list-filter .list-column>.filter .i-dropdown {
  z-index: 100
}

.list-filter .list-column>.filter:hover>a::before {
  color: #e99e18 !important
}

.list-filter .i-label {
  text-align: left;
  font-weight: bold;
  min-height: 2em
}

.list-filter .i-label.title-wrapper {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: inline-flex;
  align-items: center;
  cursor: pointer;
  flex-grow: 1
}

.list-filter .i-label.title-wrapper:not(.striped) {
  border-color: #007cac;
  color: #007cac !important
}

.list-filter .i-label.title-wrapper:not(.striped)+.filter {
  border-color: #007cac
}

.list-filter .i-label.title-wrapper:not(.striped)>.title {
  color: #007cac
}

.list-filter .i-label.title-wrapper>.title {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  flex-grow: 1;
  color: #999;
  margin-left: 4px
}

.list-filter .i-label.title-wrapper>.title::before {
  margin-right: .5em
}

.list-filter .i-label.title-wrapper>.actions {
  flex-shrink: 0
}

.list-filter .i-label.title-wrapper>.actions>.visibility.enabled {
  display: none
}

.list-filter .i-label.title-wrapper>.actions>.visibility:not(.enabled) {
  color: #f91f1f !important
}

.list-filter .i-label.title-wrapper:hover>.actions>.visibility {
  display: inline
}

.list-filter ul.i-dropdown {
  height: auto;
  z-index: 1;
  max-height: 12em;
  overflow: auto;
  min-width: 12em
}

.list-filter ul.i-dropdown>li {
  align-items: center
}

.list-filter ul.i-dropdown>li>label {
  color: #555;
  margin-left: .5em;
  vertical-align: middle;
  cursor: pointer
}

.list-filter>.bottom-buttons {
  display: flex;
  justify-content: end;
  padding-top: 15px
}

#filter-placeholder {
  font-family: "Roboto", sans-serif;
  display: none;
  font-size: 1.2em;
  color: #999;
  text-align: center;
  margin-top: 1em
}

.padded-box {
  border-top: 2px solid #dfdfdf;
  border-bottom: 2px solid #dfdfdf;
  border-right: 2px solid #dfdfdf;
  border-left: 2px solid #dfdfdf;
  background: #dfdfdf;
  display: table;
  table-layout: fixed;
  width: 100%
}

.padded-box::before {
  display: table-row
}

.padded-box .padded-box-pad {
  color: #777;
  display: table-cell;
  font-size: 25px;
  padding: 10px 0 5px;
  text-align: center;
  width: 40px
}

.padded-box .padded-box-pad>.icon {
  margin: 0
}

.padded-box .padded-box-content {
  border-radius: 2px;
  color: #555;
  display: table-cell;
  padding: 10px;
  margin-left: 40px;
  background: #fff;
  vertical-align: middle;
  word-break: break-word
}

.padded-box .padded-box-content hr {
  border-bottom: 1px solid #dfdfdf;
  height: 0;
  overflow: hidden;
  background: rgba(0, 0, 0, 0);
  border: none;
  margin-left: -10px;
  margin-right: -10px;
  border-bottom: 2px solid #dfdfdf
}

.padded-box .padded-box-content hr.inline {
  margin-left: 0;
  margin-right: 0
}

.i-payments-list>.i-badge {
  width: 10em
}

.i-payments-list>.i-badge.i-payment-enabled {
  background-color: #def2de
}

.i-payments-list>.i-badge.i-payment-enabled,
.i-payments-list>.i-badge.i-payment-enabled * {
  color: #00c851
}

.i-payments-list>.i-badge.i-payment-enabled>.i-badge-legend {
  border-color: #67a766
}

.i-payments-list>.i-badge.i-payment-enabled:not(.i-badge-disabled):hover {
  background-color: #ccebcc
}

.i-payments-list>.i-badge.i-payment-disabled {
  background-color: #f9f9f9
}

.i-payments-list>.i-badge.i-payment-disabled,
.i-payments-list>.i-badge.i-payment-disabled * {
  color: #555
}

.i-payments-list>.i-badge.i-payment-disabled>.i-badge-legend {
  border-color: #999
}

.i-payments-list>.i-badge.i-payment-disabled:not(.i-badge-disabled):hover {
  background-color: #ececec
}

.i-payment-plugins-list>.i-badge {
  width: 10em
}

.i-plugins-list>h2 {
  margin-top: 2em
}

.i-plugins-list>.i-badges-list>.i-badge {
  width: 10em;
  min-height: 7em;
  background-color: #007cac
}

.i-plugins-list>.i-badges-list>.i-badge,
.i-plugins-list>.i-badges-list>.i-badge * {
  color: #edf3fd
}

.i-plugins-list>.i-badges-list>.i-badge>.i-badge-legend {
  border-color: #f9f9f9
}

.i-plugins-list>.i-badges-list>.i-badge:not(.i-badge-disabled):hover {
  background-color: #006a93
}

.i-plugins-list>.i-badges-list>.i-badge.i-badge-disabled {
  background: repeating-linear-gradient(-40deg, #007cac, #007cac 10px, #0085b9 10px, #0085b9 20px)
}

.i-progress {
  overflow: hidden;
  min-width: 100px;
  background-color: #999
}

.i-progress,
.i-progress>[class^=i-progress-] {
  height: 1.5em;
  line-height: 1.5em;
  width: 100%;
  color: #f9f9f9;
  text-align: center;
  position: relative;
  display: inline-block;
  vertical-align: middle
}

.i-progress>.i-progress-bar {
  float: left;
  width: 0%;
  background-color: #007cac;
  transition: width .8s linear
}

.i-progress>.i-progress-label {
  position: absolute;
  left: 0;
  right: 0
}

.i-progress.i-progress-small {
  min-width: 6em
}

.i-progress.i-progress-large {
  min-width: 9em
}

.qtip-default {
  border-radius: 2px;
  border-top: 1px solid #555;
  border-bottom: 1px solid #555;
  border-right: 1px solid #555;
  border-left: 1px solid #555;
  box-shadow: 1px 0 0 1px rgba(0, 0, 0, .2);
  color: #f9f9f9;
  background-color: #555;
  font-size: 1em
}

.qtip-default .qtip-titlebar {
  background-color: #f0f0f0;
  border-bottom: solid 1px #888
}

.qtip-default .qtip-content {
  text-align: center
}

.qtip-default h1,
.qtip-default h2,
.qtip-default h3,
.qtip-default h4,
.qtip-default h5 {
  color: #edf3fd
}

.qtip-default a {
  color: #cde1ff
}

.qtip-default ul {
  list-style-type: none;
  padding-left: 0;
  margin: .1em 0;
  line-height: 1.5em
}

.qtip-default.qtip-danger {
  border-color: #f91f1f;
  background-color: #f91f1f
}

.qtip-default.qtip-warning {
  border-color: #e99e18;
  background-color: #e99e18
}

.qtip-default.qtip-success {
  border-color: #00c851;
  background-color: #00c851
}

.qtip-default.qtip-popup {
  background-color: #fff;
  color: #777;
  border: solid 1px #e2e2e2;
  color: #454545
}

.qtip-default.qtip-popup a {
  color: #0b63a5
}

.qtip-default.qtip-balloon {
  border: solid 1px silver;
  background-color: #ffed92;
  width: 120px
}

.qtip-default.qtip-timezone {
  color: #555;
  min-width: 320px
}

.qtip-default.qtip-allow-overflow {
  overflow: visible
}

.qtip-default.qtip-allow-overflow .qtip-content {
  overflow: visible
}

.qtip-default.add-field-qtip {
  background-color: #fff;
  color: #777;
  font-family: "Roboto", sans-serif;
  border-top: 1px solid #dfdfdf;
  border-bottom: 1px solid #dfdfdf;
  border-right: 1px solid #dfdfdf;
  border-left: 1px solid #dfdfdf;
  font-size: .8em
}

.qtip-default.add-field-qtip a {
  color: #0b63a5
}

.qtip-default.add-field-qtip .qtip-titlebar {
  border-bottom: 1px solid #dfdfdf;
  padding: 5px 0
}

.qtip-default.add-field-qtip .qtip-title {
  color: #777;
  text-align: center;
  font-size: 1.2em
}

.qtip-default.add-field-qtip .i-big-button {
  margin: 2px 0
}

.qtip-default.add-field-qtip .i-big-button .caption {
  font-size: 1.1em
}

.qtip-default.informational {
  background-color: #fff;
  color: #777;
  box-shadow: rgba(153, 153, 153, .2) 0 0 3px 3px, #fff 0 1px 0 0 inset;
  border-top: 1px solid #add9ed;
  border-bottom: 1px solid #add9ed;
  border-right: 1px solid #add9ed;
  border-left: 1px solid #add9ed;
  background-color: #edf3fd;
  color: #777
}

.qtip-default.informational a {
  color: #0b63a5
}

.qtip-default.informational ul {
  list-style-type: none;
  padding-left: 2em
}

.qtip-default.informational ul li {
  margin: .3em 0 .3em 0;
  line-height: 1.5em
}

.qtip-default.informational ul .mono {
  padding: .2em;
  background: #fff
}

.qtip-hidden-content {
  display: none
}

.qtip-disabled-wrapper {
  display: inline-block;
  position: relative
}

.qtip-disabled-wrapper .qtip-disabled-holder {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%
}

.i-requests-list>.i-badge {
  width: 10em;
  min-height: 6em
}

.i-requests-list>.i-badge.i-request-none {
  background-color: #007cac
}

.i-requests-list>.i-badge.i-request-none,
.i-requests-list>.i-badge.i-request-none * {
  color: #edf3fd
}

.i-requests-list>.i-badge.i-request-none>.i-badge-legend {
  border-color: #f9f9f9
}

.i-requests-list>.i-badge.i-request-none:not(.i-badge-disabled):hover {
  background-color: #006a93
}

.i-requests-list>.i-badge.i-request-accepted {
  background-color: #def2de
}

.i-requests-list>.i-badge.i-request-accepted,
.i-requests-list>.i-badge.i-request-accepted * {
  color: #00c851
}

.i-requests-list>.i-badge.i-request-accepted>.i-badge-legend {
  border-color: #67a766
}

.i-requests-list>.i-badge.i-request-accepted:not(.i-badge-disabled):hover {
  background-color: #ccebcc
}

.i-requests-list>.i-badge.i-request-rejected {
  background-color: #f2dede
}

.i-requests-list>.i-badge.i-request-rejected,
.i-requests-list>.i-badge.i-request-rejected * {
  color: #f91f1f
}

.i-requests-list>.i-badge.i-request-rejected>.i-badge-legend {
  border-color: #c00
}

.i-requests-list>.i-badge.i-request-rejected:not(.i-badge-disabled):hover {
  background-color: #ebcccc
}

.i-requests-list>.i-badge.i-request-pending {
  background-color: #ffe6ba
}

.i-requests-list>.i-badge.i-request-pending,
.i-requests-list>.i-badge.i-request-pending * {
  color: #e99e18
}

.i-requests-list>.i-badge.i-request-pending>.i-badge-legend {
  border-color: #9c793b
}

.i-requests-list>.i-badge.i-request-pending:not(.i-badge-disabled):hover {
  background-color: #ffdda1
}

.i-requests-list>.i-badge.i-request-withdrawn {
  background-color: #f9f9f9
}

.i-requests-list>.i-badge.i-request-withdrawn,
.i-requests-list>.i-badge.i-request-withdrawn * {
  color: #bbb
}

.i-requests-list>.i-badge.i-request-withdrawn>.i-badge-legend {
  border-color: #999
}

.i-requests-list>.i-badge.i-request-withdrawn:not(.i-badge-disabled):hover {
  background-color: #ececec
}

.titled-rule {
  color: #bbb;
  font-size: .9em;
  margin: 10px 0;
  overflow: hidden;
  text-align: center
}

.titled-rule::before,
.titled-rule::after {
  box-shadow: 1px 1px 1px #f9f9f9;
  background-color: #dfdfdf;
  content: "";
  display: inline-block;
  height: 1px;
  position: relative;
  vertical-align: middle;
  width: 50%
}

.titled-rule::before {
  right: .5em;
  margin-left: -50%
}

.titled-rule::after {
  left: .5em;
  margin-right: -50%
}

.sideBar {
  float: right;
  width: 340px
}

.sideBar h1 {
  margin: 0;
  padding: 0;
  color: #777;
  font-size: 15px
}

.sideBar ul {
  padding: 0;
  list-style-type: none
}

.sideBar em {
  color: #777
}

.sideBar .content {
  border-radius: 2px;
  background-color: #ececec;
  padding: 2em
}

.sideBar a.advanced {
  font-style: italic
}

.sideBar a.subLink {
  font-style: italic;
  font-size: 14px
}

.side-menu {
  font-family: "Roboto", sans-serif;
  -webkit-user-select: none;
  user-select: none;
  box-shadow: 1px 1px 1px #e1e1e1;
  border-top: 1px solid #dfdfdf;
  border-bottom: 1px solid #dfdfdf;
  border-right: 1px solid #dfdfdf;
  border-left: 1px solid #dfdfdf;
  border-radius: 2px;
  font-size: 1.1em
}

.side-menu ul.menu-items>li.section {
  padding: 0
}

.side-menu ul.menu-items>li.section .title-wrapper {
  display: flex;
  align-items: center;
  cursor: pointer
}

.side-menu ul.menu-items>li.section .title-wrapper::before {
  transition: transform .3s ease-out;
  -webkit-transform-origin: 50% 51%;
  display: inline-block
}

.side-menu ul.menu-items>li.section.collapsed .title-wrapper::before {
  transform: rotate(-90deg)
}

.side-menu ul.menu-items {
  list-style-type: none;
  padding: 0;
  margin: 0
}

.side-menu ul.menu-items>li {
  border-bottom: 1px solid #dfdfdf;
  display: block;
  margin: 0
}

.side-menu ul.menu-items>li.disabled {
  color: #999
}

.side-menu ul.menu-items>li:last-child {
  border-bottom: none
}

.side-menu ul.menu-items>li .title-wrapper {
  display: block;
  min-height: 2.6em;
  line-height: 2.6em;
  padding-left: 9px
}

.side-menu ul.menu-items>li .title-wrapper .title {
  display: inline;
  padding-left: 3px
}

.side-menu ul.menu-items>li .title {
  display: flex;
  align-items: center;
  min-height: 2.6em;
  line-height: 2.6em;
  color: #555;
  padding-left: 26px
}

.side-menu ul.menu-items>li .title::before {
  margin-right: .5em
}

.side-menu ul.menu-items>li a.title {
  color: #007cac
}

.side-menu ul.menu-items>li>ul {
  list-style-type: none;
  font-size: .95em;
  padding: 0
}

.side-menu ul.menu-items>li>ul>li .title {
  display: flex;
  min-height: 2em;
  line-height: 2em;
  padding-left: 51px
}

.side-menu ul.menu-items>li:last-child>ul>li:last-child {
  margin-bottom: 0
}

.side-menu ul.menu-items>li:not(.active) a.title:hover {
  color: #005272;
  background-color: #f9f9f9
}

.side-menu ul.menu-items>li.active a.title {
  color: #005272
}

.side-menu ul.menu-items>li i.icon {
  width: 14.3px;
  height: auto;
  margin-right: 7.15px;
  font-size: .83em
}

ul.menu-items li.active {
  position: relative;
  position: relative;
  background-color: #edf3fd
}

ul.menu-items li.active::before {
  content: ".";
  color: rgba(0, 0, 0, 0);
  font-size: 0;
  position: absolute
}

ul.menu-items li.active::before {
  border-left: 2px solid #0b63a5;
  height: 100%;
  left: 0;
  top: 0
}

ul.menu-items li.active>a {
  font-weight: normal
}

.i-spinner {
  position: relative;
  height: 1em;
  width: 1em
}

.i-spinner::before,
.i-spinner::after {
  border-radius: 50%;
  border-top: .1em solid #dfdfdf;
  border-bottom: .1em solid #dfdfdf;
  border-right: .1em solid #dfdfdf;
  border-left: .1em solid #dfdfdf;
  content: "";
  position: absolute;
  width: 100%;
  height: 100%
}

.i-spinner::before {
  border-color: #999
}

.i-spinner::after {
  animation: button-spin .5s linear;
  animation-iteration-count: infinite;
  border-color: #00a4e4 rgba(0, 0, 0, 0) rgba(0, 0, 0, 0)
}

@keyframes step-fade-in-background {
  0% {
    background-color: #dfdfdf
  }

  100% {
    background-color: #00a4e4
  }
}

@keyframes step-fade-in-border {
  0% {
    border-color: #dfdfdf
  }

  100% {
    border-color: #00a4e4
  }
}

ul.steps {
  list-style-type: none;
  padding: 0;
  color: #777
}

ul.steps li {
  flex-grow: 1;
  flex-basis: 0
}

ul.steps li.completed .circle::before {
  background-color: #00a4e4;
  border-color: #00a4e4
}

ul.steps li.completed .text {
  color: #00a4e4
}

ul.steps li.completed .horizontal-line {
  background-color: #00a4e4
}

ul.steps li.current .circle::before {
  border-color: #00a4e4;
  animation: step-fade-in-border .5s linear
}

ul.steps li.current .horizontal-line {
  background-color: #00a4e4;
  animation: step-fade-in-background .5s linear
}

ul.steps li.before-current .circle::before {
  animation: step-fade-in-background .5s linear
}

ul.steps li:first-child .horizontal-line {
  border-top-left-radius: 2px;
  border-bottom-left-radius: 2px
}

ul.steps li:last-child .horizontal-line {
  border-top-right-radius: 2px;
  border-bottom-right-radius: 2px
}

ul.steps .label {
  font-family: "Roboto Light", sans-serif;
  color: #777;
  font-size: 1.1em;
  text-align: center
}

ul.steps .label.top {
  margin-bottom: 20px
}

ul.steps .label.bottom {
  margin-top: 10px
}

ul.steps .horizontal-line {
  height: 3px;
  background-color: #dfdfdf
}

ul.steps .circle::before {
  border-top: 2px solid #dfdfdf;
  border-bottom: 2px solid #dfdfdf;
  border-right: 2px solid #dfdfdf;
  border-left: 2px solid #dfdfdf;
  border-radius: 25px;
  content: "";
  width: 25px;
  height: 25px;
  background-color: #fff;
  margin-top: -15px
}

ul.steps .text {
  position: relative;
  font-weight: bold;
  margin-top: 10px
}

table.i-table {
  width: 100%;
  border-collapse: collapse;
  margin-top: 1.6em;
  table-layout: fixed
}

table.i-table th.thin-column,
table.i-table td.thin-column {
  width: 2.5em;
  min-width: 2.5em
}

table.i-table th[class*=icon-]:not(:empty)::before,
table.i-table td[class*=icon-]:not(:empty)::before {
  margin-right: .5em
}

table.i-table th {
  background-color: #f9f9f9
}

table.i-table th.tablesorter-header:not(.sorter-false) {
  cursor: pointer
}

table.i-table th::before {
  transition: transform .3s ease-out;
  -webkit-transform-origin: 50% 51%;
  display: inline-block
}

table.i-table th.header-sort-asc::before {
  transform: rotate(-180deg)
}

table.i-table.no-margin {
  margin-top: 0
}

table.i-table thead th {
  padding: 10px 5px;
  font-weight: bold;
  text-align: left
}

table.i-table thead th.centered {
  text-align: center
}

tr.i-table {
  border-top: 1px solid #dfdfdf
}

tr.i-table.selected,
tr.i-table.selected+tr.details-row {
  background-color: #cde1ff !important
}

tr.i-table:hover {
  transition: background-color .2s ease-out;
  background-color: #edf3fd
}

tr.i-table:last-child,
tr.details-row:last-child {
  border-bottom: 1px solid #dfdfdf
}

tr.details-row {
  background: #f9f9f9
}

td.i-table,
th.i-table {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  padding: 5px 3px 5px 3px;
  vertical-align: middle
}

td.i-table.empty,
th.i-table.empty {
  color: #999;
  font-style: italic
}

td.i-table.id-column,
th.i-table.id-column {
  width: 4em;
  text-overflow: initial
}

h3.i-table {
  color: #777;
  font-size: 1.2em;
  font-weight: bold;
  margin-bottom: 0;
  margin-top: 1em;
  padding: 3px 3px 5px 3px
}

h3.i-table.emphasis {
  font-style: italic
}

h3.i-table.border {
  border-bottom: 1px solid #dfdfdf
}

h3.i-table+table.i-table {
  margin-top: 0
}

tr.i-table.interactive>td {
  -webkit-user-select: none;
  user-select: none;
  cursor: pointer
}

tr.i-table.interactive.active {
  transition: background-color .25s ease-out;
  background-color: #f9f9f9
}

tr.i-table.interactive.active>td {
  border-left-color: #fff
}

tr.i-table.interactive:hover>td,
tr.i-table.interactive:hover+tr.details-row>td.i-table {
  border-left-color: #09c
}

tr.i-table.interactive.show-details {
  border-bottom: none !important
}

tr.i-table.interactive:not(.show-details)+tr.details-row {
  display: none
}

tr.i-table.details-row {
  border-top: none
}

tr.i-table.details-row>td {
  border-left-color: #fff;
  padding: 0
}

tr.i-table.content {
  border: none
}

tr.i-table.content>td.i-table.caption,
tr.i-table.content>td.i-table.value {
  padding: 3px 5px 3px 5px
}

tr.i-table.content>td.i-table.caption {
  border-bottom: 1px dashed #e1e1e1;
  border-right: 1px dashed #e1e1e1;
  font-weight: bold;
  text-align: right;
  vertical-align: top
}

tr.i-table.content>td.i-table.value {
  border-bottom: 1px solid rgba(0, 0, 0, 0);
  color: #777
}

tr.i-table.content>td.i-table.value.plain-text-email {
  white-space: pre-line
}

tr.i-table.content:last-of-type>td.i-table.caption,
tr.i-table.content:last-of-type>td.i-table.value {
  border-bottom: none
}

td.small-column,
td.action-column,
th.small-column,
th.action-column {
  white-space: nowrap;
  width: 1px
}

.i-table-widget {
  border-radius: 2px;
  border-top: 1px solid #dfdfdf;
  border-bottom: 1px solid #dfdfdf;
  border-right: 1px solid #dfdfdf;
  border-left: 1px solid #dfdfdf;
  width: 100%;
  max-width: 100%;
  border-spacing: 0;
  text-align: left
}

.i-table-widget th.thin-column,
.i-table-widget td.thin-column {
  width: 2.5em;
  min-width: 2.5em
}

.i-table-widget th[class*=icon-]:not(:empty)::before,
.i-table-widget td[class*=icon-]:not(:empty)::before {
  margin-right: .5em
}

.i-table-widget th {
  background-color: #f9f9f9
}

.i-table-widget th.tablesorter-header:not(.sorter-false) {
  cursor: pointer
}

.i-table-widget th::before {
  transition: transform .3s ease-out;
  -webkit-transform-origin: 50% 51%;
  display: inline-block
}

.i-table-widget th.header-sort-asc::before {
  transform: rotate(-180deg)
}

.i-table-widget tr>td,
.i-table-widget tr>th {
  padding: 8px;
  line-height: 1.5;
  vertical-align: top
}

.i-table-widget tr>td {
  border-top: 1px solid #dfdfdf;
  vertical-align: middle
}

.i-table-widget.multi-tbody tbody:first-child tr:first-child td,
.i-table-widget:not(.multi-tbody) tr:first-child td {
  border-top: 0
}

.i-table-widget th {
  border-bottom: 1px solid #dfdfdf
}

.i-table-widget .col-50 {
  width: 50%
}

.i-table-widget a.action-icon {
  margin-right: 5px
}

.i-table-widget a.action-icon:first-child {
  margin-left: 0
}

.i-table-widget .toolbar {
  margin: 0
}

.i-table-widget .toggle-details {
  color: #777
}

.i-table-widget .details-row {
  padding: 0;
  border: none
}

.i-table-widget dl.details-container {
  text-align: left;
  padding: 8px;
  overflow: hidden;
  display: none
}

.i-table-widget dl.details-container dt,
.i-table-widget dl.details-container dd {
  border-top: 1px dashed #dfdfdf;
  display: inline-block;
  float: left;
  padding: .4em
}

.i-table-widget dl.details-container dt {
  border-right: 1px dashed #dfdfdf;
  clear: left;
  width: 20%;
  font-weight: bold;
  text-align: right
}

.i-table-widget dl.details-container dd {
  width: 80%;
  margin: 0
}

.i-table-widget dl.details-container dd>* {
  vertical-align: middle
}

.i-table-widget input {
  width: 100%
}

.i-table-widget+.i-button {
  margin-top: .5em
}

.i-table-widget .ui-sortable-handle {
  transition: background-color .25s ease-out, height .25s ease-out;
  color: #bbb;
  font-size: 1.2em;
  height: 10px;
  cursor: move;
  text-align: left;
  padding: 0
}

.i-table-widget .ui-sortable-handle:hover,
.i-table-widget .ui-sortable-handle:active {
  border-left: 1px solid #dfdfdf;
  height: 20px
}

.i-table-widget .ui-sortable-handle:hover::before,
.i-table-widget .ui-sortable-handle:active::before {
  color: #999
}

.i-table-widget .ui-sortable-handle::before {
  transform: rotate(180deg);
  transition: top .25s ease-out;
  display: inline-block;
  position: relative;
  top: 1px
}

.i-table-widget .sortable-placeholder {
  border-top: 1px dashed #dfdfdf;
  border-bottom: 1px dashed #dfdfdf;
  border-right: 1px dashed #dfdfdf;
  border-left: 1px dashed #dfdfdf;
  margin-bottom: 15px
}

.i-tag {
  border-top: 1px solid #999;
  border-bottom: 1px solid #999;
  border-right: 1px solid #999;
  border-left: 1px solid #999;
  background: #999;
  color: #fff;
  border-radius: 2px;
  padding: .3em .6em;
  font-weight: bold;
  box-sizing: initial
}

.i-tag.highlight {
  border-top: 1px solid #09c;
  border-bottom: 1px solid #09c;
  border-right: 1px solid #09c;
  border-left: 1px solid #09c;
  background: #09c
}

.i-tag.success {
  border-top: 1px solid #00c851;
  border-bottom: 1px solid #00c851;
  border-right: 1px solid #00c851;
  border-left: 1px solid #00c851;
  background: #00c851
}

.i-tag.error {
  border-top: 1px solid #f91f1f;
  border-bottom: 1px solid #f91f1f;
  border-right: 1px solid #f91f1f;
  border-left: 1px solid #f91f1f;
  background: #f91f1f
}

.i-tag.warning {
  border-top: 1px solid #e99e18;
  border-bottom: 1px solid #e99e18;
  border-right: 1px solid #e99e18;
  border-left: 1px solid #e99e18;
  background: #e99e18
}

.i-tag.visited {
  border-top: 1px solid #6e5494;
  border-bottom: 1px solid #6e5494;
  border-right: 1px solid #6e5494;
  border-left: 1px solid #6e5494;
  background: #6e5494
}

.i-tag.strong {
  border-top: 1px solid #555;
  border-bottom: 1px solid #555;
  border-right: 1px solid #555;
  border-left: 1px solid #555;
  background: #555
}

.i-tag.editing-rejected {
  border-top: 1px solid #31393c;
  border-bottom: 1px solid #31393c;
  border-right: 1px solid #31393c;
  border-left: 1px solid #31393c;
  background: #31393c
}

.i-tag.editing-make-changes {
  border-top: 1px solid #ffcf00;
  border-bottom: 1px solid #ffcf00;
  border-right: 1px solid #ffcf00;
  border-left: 1px solid #ffcf00;
  background: #ffcf00
}

.i-tag.editing-request-changes {
  border-top: 1px solid #c00;
  border-bottom: 1px solid #c00;
  border-right: 1px solid #c00;
  border-left: 1px solid #c00;
  background: #c00
}

.i-tag.editing-accepted-submitter {
  border-top: 1px solid #b5cc18;
  border-bottom: 1px solid #b5cc18;
  border-right: 1px solid #b5cc18;
  border-left: 1px solid #b5cc18;
  background: #b5cc18
}

.i-tag.outline {
  border-top: 1px solid #999;
  border-bottom: 1px solid #999;
  border-right: 1px solid #999;
  border-left: 1px solid #999;
  color: #999;
  background: rgba(0, 0, 0, 0)
}

.i-tag.outline.highlight {
  border-top: 1px solid #09c;
  border-bottom: 1px solid #09c;
  border-right: 1px solid #09c;
  border-left: 1px solid #09c;
  color: #09c
}

.i-tag.outline.success {
  border-top: 1px solid #00c851;
  border-bottom: 1px solid #00c851;
  border-right: 1px solid #00c851;
  border-left: 1px solid #00c851;
  color: #00c851
}

.i-tag.outline.error {
  border-top: 1px solid #f91f1f;
  border-bottom: 1px solid #f91f1f;
  border-right: 1px solid #f91f1f;
  border-left: 1px solid #f91f1f;
  color: #f91f1f
}

.i-tag.outline.warning {
  border-top: 1px solid #e99e18;
  border-bottom: 1px solid #e99e18;
  border-right: 1px solid #e99e18;
  border-left: 1px solid #e99e18;
  color: #e99e18
}

.i-tag.outline.visited {
  border-top: 1px solid #6e5494;
  border-bottom: 1px solid #6e5494;
  border-right: 1px solid #6e5494;
  border-left: 1px solid #6e5494;
  color: #6e5494
}

.i-tag.outline.strong {
  border-top: 1px solid #555;
  border-bottom: 1px solid #555;
  border-right: 1px solid #555;
  border-left: 1px solid #555;
  color: #555
}

.i-tag.outline.editing-rejected {
  border-top: 1px solid #31393c;
  border-bottom: 1px solid #31393c;
  border-right: 1px solid #31393c;
  border-left: 1px solid #31393c;
  color: #31393c
}

.i-tag.outline.editing-make-changes {
  border-top: 1px solid #ffcf00;
  border-bottom: 1px solid #ffcf00;
  border-right: 1px solid #ffcf00;
  border-left: 1px solid #ffcf00;
  color: #ffcf00
}

.i-tag.outline.editing-request-changes {
  border-top: 1px solid #c00;
  border-bottom: 1px solid #c00;
  border-right: 1px solid #c00;
  border-left: 1px solid #c00;
  color: #c00
}

.i-tag.outline.editing-accepted-submitter {
  border-top: 1px solid #b5cc18;
  border-bottom: 1px solid #b5cc18;
  border-right: 1px solid #b5cc18;
  border-left: 1px solid #b5cc18;
  color: #b5cc18
}

.i-tag.outline.highlight {
  background: rgba(0, 0, 0, 0)
}

.i-tag.outline.success {
  background: rgba(0, 0, 0, 0)
}

.i-tag.outline.error {
  background: rgba(0, 0, 0, 0)
}

.i-tag.outline.warning {
  background: rgba(0, 0, 0, 0)
}

.i-tag.outline.visited {
  background: rgba(0, 0, 0, 0)
}

.i-tag.outline.strong {
  background: rgba(0, 0, 0, 0)
}

.i-tag.outline.editing-rejected {
  background: rgba(0, 0, 0, 0)
}

.i-tag.outline.editing-make-changes {
  background: rgba(0, 0, 0, 0)
}

.i-tag.outline.editing-request-changes {
  background: rgba(0, 0, 0, 0)
}

.i-tag.outline.editing-accepted-submitter {
  background: rgba(0, 0, 0, 0)
}

.i-tag.outline.dashed {
  border-style: dashed
}

.i-tag.outline.contrast {
  background: #fff
}

.i-timeline {
  position: relative
}

.i-timeline .i-timeline {
  margin-left: 51px
}

.i-timeline .with-line::before {
  background-color: #dfdfdf;
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 19px;
  display: block;
  width: 2px;
  z-index: -1
}

.i-timeline .to-separator-wrapper {
  z-index: -1
}

.i-timeline-item {
  align-items: start;
  margin-top: 1rem
}

.i-timeline-item .i-timeline-item-label {
  border-radius: 2px;
  border-top: 1px solid rgba(0, 0, 0, 0);
  border-bottom: 1px solid rgba(0, 0, 0, 0);
  border-right: 1px solid rgba(0, 0, 0, 0);
  border-left: 1px solid rgba(0, 0, 0, 0);
  margin-right: 12px;
  outline: 2px solid #fff;
  flex-shrink: 0;
  height: 39px;
  width: 39px
}

.i-timeline-item .i-timeline-item-box {
  flex-grow: 1;
  position: relative;
  min-width: 0
}

.i-timeline-item .i-timeline-item-box .i-box-header {
  min-height: 19px
}

.i-timeline-item .i-timeline-item-box .i-box-header time {
  color: #bbb
}

.i-timeline-item .i-timeline-item-box .i-box-header time::before {
  content: "· "
}

.i-timeline-item .i-timeline-item-box .i-box-header.header-only {
  margin-bottom: -10px
}

.i-timeline-item .i-timeline-item-box.header-indicator-top::after,
.i-timeline-item .i-timeline-item-box.header-indicator-top::before {
  border-color: rgba(0, 0, 0, 0);
  border-style: solid outset solid;
  content: "";
  position: absolute;
  top: -15px
}

.i-timeline-item .i-timeline-item-box.header-indicator-top::after {
  margin-top: 1px;
  border-width: 7px;
  border-bottom-color: #f9f9f9
}

.i-timeline-item .i-timeline-item-box.header-indicator-top::before {
  border-width: 7px;
  border-bottom-color: #dfdfdf
}

.i-timeline-item .i-timeline-item-box.header-indicator-top::after,
.i-timeline-item .i-timeline-item-box.header-indicator-top::before {
  left: 10px
}

.i-timeline-item .i-timeline-item-box.header-indicator-top::after {
  margin-right: 2px
}

.i-timeline-item .i-timeline-item-box.header-indicator-left::after,
.i-timeline-item .i-timeline-item-box.header-indicator-left::before {
  border-color: rgba(0, 0, 0, 0);
  content: "";
  top: 10px;
  position: absolute
}

.i-timeline-item .i-timeline-item-box.header-indicator-left::after {
  margin-top: 1px;
  border-width: 7px
}

.i-timeline-item .i-timeline-item-box.header-indicator-left::before {
  border-width: 8px
}

.i-timeline-item .i-timeline-item-box.header-indicator-left::after,
.i-timeline-item .i-timeline-item-box.header-indicator-left::before {
  border-style: solid solid outset;
  right: 100%
}

.i-timeline-item .i-timeline-item-box.header-indicator-left::after {
  border-right-color: #f9f9f9;
  margin-left: 2px
}

.i-timeline-item .i-timeline-item-box.header-indicator-left::before {
  border-right-color: #dfdfdf
}

.i-timeline-item .i-timeline-item-box.content-indicator-top::after,
.i-timeline-item .i-timeline-item-box.content-indicator-top::before {
  border-color: rgba(0, 0, 0, 0);
  border-style: solid outset solid;
  content: "";
  position: absolute;
  top: -15px
}

.i-timeline-item .i-timeline-item-box.content-indicator-top::after {
  margin-top: 1px;
  border-width: 7px;
  border-bottom-color: #fff
}

.i-timeline-item .i-timeline-item-box.content-indicator-top::before {
  border-width: 7px;
  border-bottom-color: #dfdfdf
}

.i-timeline-item .i-timeline-item-box.content-indicator-top::after,
.i-timeline-item .i-timeline-item-box.content-indicator-top::before {
  left: 10px
}

.i-timeline-item .i-timeline-item-box.content-indicator-top::after {
  margin-right: 2px
}

.i-timeline-item .i-timeline-item-box.content-indicator-left::after,
.i-timeline-item .i-timeline-item-box.content-indicator-left::before {
  border-color: rgba(0, 0, 0, 0);
  content: "";
  top: 10px;
  position: absolute
}

.i-timeline-item .i-timeline-item-box.content-indicator-left::after {
  margin-top: 1px;
  border-width: 7px
}

.i-timeline-item .i-timeline-item-box.content-indicator-left::before {
  border-width: 8px
}

.i-timeline-item .i-timeline-item-box.content-indicator-left::after,
.i-timeline-item .i-timeline-item-box.content-indicator-left::before {
  border-style: solid solid outset;
  right: 100%
}

.i-timeline-item .i-timeline-item-box.content-indicator-left::after {
  border-right-color: #fff;
  margin-left: 2px
}

.i-timeline-item .i-timeline-item-box.content-indicator-left::before {
  border-right-color: #dfdfdf
}

.i-timeline-item .i-timeline-item-box:target {
  animation: highlight .5s linear
}

.i-timeline-item .i-timeline-item-content {
  flex-direction: column;
  flex: 1
}

.i-timeline-item .i-timeline-item-metadata {
  display: flex;
  align-items: center;
  color: #777;
  min-height: 19px;
  padding: 10px 0
}

.i-timeline-item .i-timeline-item-metadata time {
  color: #bbb
}

.i-timeline-item .i-timeline-item-metadata time::before {
  content: "· "
}

.i-timeline-item-label.action {
  border-top: 1px solid #999;
  border-bottom: 1px solid #999;
  border-right: 1px solid #999;
  border-left: 1px solid #999;
  background: #999;
  color: #fff;
  display: flex;
  color: #fff;
  background: #999;
  align-items: center;
  justify-content: center
}

.i-timeline-item-label.action.highlight {
  border-top: 1px solid #09c;
  border-bottom: 1px solid #09c;
  border-right: 1px solid #09c;
  border-left: 1px solid #09c;
  background: #09c
}

.i-timeline-item-label.action.success {
  border-top: 1px solid #00c851;
  border-bottom: 1px solid #00c851;
  border-right: 1px solid #00c851;
  border-left: 1px solid #00c851;
  background: #00c851
}

.i-timeline-item-label.action.error {
  border-top: 1px solid #f91f1f;
  border-bottom: 1px solid #f91f1f;
  border-right: 1px solid #f91f1f;
  border-left: 1px solid #f91f1f;
  background: #f91f1f
}

.i-timeline-item-label.action.warning {
  border-top: 1px solid #e99e18;
  border-bottom: 1px solid #e99e18;
  border-right: 1px solid #e99e18;
  border-left: 1px solid #e99e18;
  background: #e99e18
}

.i-timeline-item-label.action.visited {
  border-top: 1px solid #6e5494;
  border-bottom: 1px solid #6e5494;
  border-right: 1px solid #6e5494;
  border-left: 1px solid #6e5494;
  background: #6e5494
}

.i-timeline-item-label.action.strong {
  border-top: 1px solid #555;
  border-bottom: 1px solid #555;
  border-right: 1px solid #555;
  border-left: 1px solid #555;
  background: #555
}

.i-timeline-item-label.action.editing-rejected {
  border-top: 1px solid #31393c;
  border-bottom: 1px solid #31393c;
  border-right: 1px solid #31393c;
  border-left: 1px solid #31393c;
  background: #31393c
}

.i-timeline-item-label.action.editing-make-changes {
  border-top: 1px solid #ffcf00;
  border-bottom: 1px solid #ffcf00;
  border-right: 1px solid #ffcf00;
  border-left: 1px solid #ffcf00;
  background: #ffcf00
}

.i-timeline-item-label.action.editing-request-changes {
  border-top: 1px solid #c00;
  border-bottom: 1px solid #c00;
  border-right: 1px solid #c00;
  border-left: 1px solid #c00;
  background: #c00
}

.i-timeline-item-label.action.editing-accepted-submitter {
  border-top: 1px solid #b5cc18;
  border-bottom: 1px solid #b5cc18;
  border-right: 1px solid #b5cc18;
  border-left: 1px solid #b5cc18;
  background: #b5cc18
}

.i-timeline-item-label.action::before {
  font-size: 2em
}

.ui.avatar.image.profile-picture {
  width: 39px;
  height: 39px;
  max-width: 39px;
  margin-right: 10px
}

.i-timeline-separator {
  border-top: 2px solid #dfdfdf;
  margin: 2em 0
}

.i-timeline-connect-down {
  border-left: 2px solid #dfdfdf;
  margin-left: 19px;
  height: 2em
}

.i-timeline-connect-down.to-separator {
  margin-bottom: -2em
}

.i-timeline-connect-up {
  border-left: 2px solid #dfdfdf;
  margin-left: 19px;
  height: 2em
}

.i-timeline-connect-up.from-separator {
  margin-top: -2em
}

.i-timeline-connect-up+.i-timeline-item {
  margin-top: 0
}

.balloon-qtip {
  max-width: 300px;
  min-width: 300px
}

.balloon-qtip .qtip-content {
  padding: 10px !important
}

.balloon-qtip .title-container {
  margin-bottom: 10px
}

.balloon-qtip .title-container .title {
  font-size: 1.3em;
  line-height: 1;
  display: inline-block;
  width: 73%;
  color: #cb6d04
}

.balloon-qtip .title-container .balloon-subtitle {
  color: #555
}

.balloon-qtip .title-container .balloon-code {
  font-size: .8em;
  color: #999
}

.balloon-qtip .title-container.session-block .title {
  width: 100%
}

.balloon-qtip .title-container.session-block .balloon-subtitle {
  font-size: .9em
}

.balloon-qtip .title-container .settings {
  float: right;
  cursor: pointer;
  font-size: 1.5em;
  line-height: 1
}

.balloon-qtip .title-container .settings:hover {
  color: #555
}

.balloon-qtip .title-container .settings::before {
  font-size: 1em
}

.balloon-qtip .section-title-container .title-header {
  margin-bottom: 5px
}

.balloon-qtip .section-title-container .title-caption {
  font-weight: bold;
  display: inline-block;
  width: 73%
}

.balloon-qtip .entry-action-buttons a {
  color: #999 !important
}

.balloon-qtip .entry-action-buttons a:hover {
  color: #777 !important
}

.balloon-qtip.no-details .description {
  cursor: auto
}

.balloon-qtip .description {
  position: relative;
  font-style: italic;
  color: #999;
  max-height: 10em;
  overflow: hidden;
  cursor: pointer
}

.balloon-qtip .description::before {
  content: "";
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  position: absolute;
  background: linear-gradient(transparent 0.4em, white 8.2em);
  pointer-events: none
}

.balloon-qtip .address {
  color: #999
}

.balloon-qtip .duration {
  display: inline-block
}

.balloon-qtip .i-data-list {
  max-width: 300px;
  margin: 10px 0
}

.balloon-qtip .i-data-list dt,
.balloon-qtip .i-data-list dd {
  margin: 0;
  padding: 0
}

.balloon-qtip .i-data-list dt {
  text-align: left;
  width: 10%
}

.balloon-qtip .i-data-list dd {
  width: 88%
}

.balloon-qtip .i-data-list.thirty-seventy dt {
  width: 30%
}

.balloon-qtip .i-data-list.thirty-seventy dd {
  width: 68%
}

.balloon-qtip .attribute-title {
  display: inline-block;
  font-weight: bold
}

.balloon-qtip span.hr {
  width: 100%;
  display: block;
  margin: 10px 0;
  border-bottom: 1px solid #dfdfdf
}

.balloon-qtip .bottom-link {
  margin-top: 10px
}

.balloon-time-qtip {
  max-width: 410px;
  min-width: 410px
}

.balloon-time-qtip .i-form input {
  width: 7em !important
}

.balloon-time-qtip .i-form .form-field-description {
  width: auto !important
}

.balloon-time-qtip .qtip-content {
  overflow: visible
}

.push-back {
  z-index: 0 !important
}

.dateField {
  display: inline-block;
  position: relative
}

.dateField img {
  cursor: pointer;
  float: right;
  padding: 2px;
  position: absolute;
  right: 2px
}

.dateField input {
  width: 150px;
  padding-right: 20px
}

i.info-helper {
  cursor: default
}

.static-text-widget {
  word-wrap: break-word;
  width: 90%
}

.static-text-widget>p:first-child {
  margin-top: 0
}

.multiple-items-widget .sort-handle {
  cursor: move
}

.multiple-items-widget .ui-sortable-helper {
  display: table
}

.multiple-items-widget .thin-column {
  white-space: nowrap
}

.multiple-items-widget .multiline {
  white-space: pre-line
}

.multiple-items-widget textarea {
  width: 100%
}

.multiple-items-widget table input,
.multiple-items-widget table select,
.override-multiple-items-widget input,
.override-multiple-items-widget select {
  width: 100% !important
}

.i-linking {
  width: 400px;
  min-height: 2.5em
}

.i-linking>label {
  width: 28%
}

.i-linking>.i-linking-dropdown,
.i-linking>span.static-text {
  display: inline-block !important;
  width: 65% !important;
  padding: 0 !important
}

.i-linking>.i-linking-dropdown>select {
  width: 100%
}

.i-linking>input:checked+label+.i-linking-dropdown,
.i-linking>input:checked+label+span {
  visibility: visible;
  opacity: 1;
  transition: visibility .05s ease-out, opacity .05s ease-out, height .05s ease-out, padding .05s ease-out
}

.i-linking>input:not(:checked)+label+.i-linking-dropdown,
.i-linking>input:not(:checked)+label+span {
  visibility: hidden;
  opacity: 0;
  height: 0 !important;
  padding: 0 !important;
  transition: visibility .05s ease-out, opacity .05s ease-out, height .05s ease-out, padding .05s ease-out
}

.text-holder-box {
  border-top: 1px dashed #dfdfdf;
  border-bottom: 1px dashed #dfdfdf;
  border-right: 1px dashed #dfdfdf;
  border-left: 1px dashed #dfdfdf;
  color: #777;
  min-height: 25px;
  min-width: 320px;
  margin-bottom: 10px;
  padding: 5px 10px
}

.palette-picker-qtip {
  border-radius: 2px;
  box-shadow: 1px 1px 1px #e1e1e1;
  background: #fff;
  background-clip: padding-box;
  border: thin solid #e1e1e1;
  box-shadow: 0 6px 12px #e1e1e1;
  padding: 3px
}

table.palette-picker {
  border-spacing: 8px
}

table.palette-picker .palette-color {
  cursor: pointer;
  padding: 2px;
  border-radius: 15px
}

table.palette-picker .palette-color .text-box {
  width: 8px;
  height: 8px;
  margin: auto;
  border-radius: 3px
}

table.palette-picker .palette-color .background-box {
  justify-content: center;
  align-items: center;
  width: 22px;
  height: 22px;
  border-radius: 15px;
  border: 2px solid rgba(0, 0, 0, 0)
}

table.palette-picker .palette-color.selected {
  background-color: #000
}

table.palette-picker .palette-color.selected .background-box {
  border-color: #fff
}

a.palette-picker-trigger.icon-palette::before {
  margin-right: 0 !important
}

.item-picker-qbubble {
  border-radius: 2px;
  box-shadow: 1px 1px 1px #e1e1e1;
  border-top: 1px solid #dfdfdf;
  border-bottom: 1px solid #dfdfdf;
  border-right: 1px solid #dfdfdf;
  border-left: 1px solid #dfdfdf
}

.item-picker-qbubble .qtip-content {
  width: 210px
}

.item-picker-qbubble .dropdown-container {
  width: 100%
}

.item-picker-qbubble .dropdown-container .dropdown-filter-wrapper .clearableinput,
.item-picker-qbubble .dropdown-container .dropdown-filter-wrapper .filter-input {
  width: 100%
}

.item-picker-qbubble .dropdown-container .dropdown-filter-wrapper .clearableinput .clearabletext {
  height: 2.2em
}

.item-picker-qbubble .dropdown-container .dropdown-items-container {
  overflow-x: hidden;
  overflow-y: auto;
  margin: 0 -5px;
  max-height: 250px
}

.item-picker-qbubble .dropdown-container .dropdown-items-container .dropdown-item {
  align-items: center;
  margin-top: 5px;
  padding: 5px 5px;
  cursor: pointer;
  font-size: 1em
}

.item-picker-qbubble .dropdown-container .dropdown-items-container .dropdown-item:hover {
  background: #dfdfdf
}

.item-picker-qbubble .dropdown-container .dropdown-items-container .dropdown-item.active {
  background: #bbb
}

.item-picker-qbubble .dropdown-container .dropdown-items-container .dropdown-item.active .active-item-icon {
  visibility: visible
}

.item-picker-qbubble .dropdown-container .dropdown-items-container .dropdown-item .active-item-icon {
  margin: 0 4px;
  visibility: hidden
}

.item-picker-qbubble .dropdown-container .dropdown-items-container .dropdown-item .item-icon {
  font-size: 1.2em
}

.item-picker-qbubble .dropdown-container .dropdown-items-container .dropdown-item .item-title {
  flex-grow: 1;
  margin: 0 2px;
  white-space: normal;
  color: #555;
  overflow: hidden
}

.item-picker-qbubble .dropdown-container .divider {
  background: #ebebeb;
  height: 1px;
  margin: 5px -5px
}

.multi-text-fields {
  max-height: 150px;
  overflow-y: auto;
  overflow-x: hidden
}

.multi-text-fields .handle {
  border-left: 1px solid #dfdfdf;
  border-top: 1px solid #dfdfdf;
  border-bottom: 1px solid #dfdfdf;
  transition: background .25s ease-out;
  transition: color .25s ease-out;
  border-top-left-radius: 2px;
  border-bottom-left-radius: 2px;
  -webkit-user-select: none;
  user-select: none;
  background: #f9f9f9;
  color: #bbb;
  cursor: move;
  display: inline-block;
  height: 1.6em;
  line-height: 1.6em;
  text-align: center;
  width: 1.1em
}

.multi-text-fields .ui-sortable-placeholder {
  height: 1.6em
}

.multi-text-fields .ui-sortable-helper input,
.multi-text-fields .ui-sortable-helper .handle {
  box-shadow: 2px 2px 3px #bbb
}

.multi-text-fields input {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  display: inline-block;
  margin: 0;
  vertical-align: top;
  max-width: 160px
}

.multi-text-fields input.width-scrolling {
  width: 150px
}

.multi-text-fields a.i-button-remove {
  -webkit-user-select: none;
  user-select: none;
  border-radius: 2px;
  border-top: 1px solid #dfdfdf;
  border-bottom: 1px solid #dfdfdf;
  border-right: 1px solid #dfdfdf;
  border-left: 1px solid #dfdfdf;
  display: inline-block;
  cursor: pointer;
  color: #777;
  text-align: center;
  vertical-align: middle;
  box-sizing: content-box;
  border: none;
  width: 1.6em;
  height: 1.6em;
  display: inline-block;
  vertical-align: middle;
  visibility: hidden
}

.multi-text-fields a.i-button-remove i {
  line-height: 1.6em;
  font-size: 1.1em
}

.multi-text-fields a.i-button-remove:hover i {
  color: #515151
}

.multi-text-fields ul {
  list-style: none;
  margin: 0;
  padding: 0
}

.multi-text-fields li {
  margin-bottom: 3px;
  overflow: initial;
  width: 200px
}

.multi-text-fields li:hover a.i-button-remove {
  visibility: visible
}

.multi-text-fields li:last-of-type {
  margin-bottom: 1px
}

.multi-text-fields li:last-of-type .handle {
  cursor: default;
  background: #fff;
  color: #fff
}

.multi-text-fields li:last-of-type a.i-button-remove {
  visibility: hidden
}

.multi-text-fields li.ui-sortable-helper a.i-button-remove {
  visibility: hidden
}

.qtip-default.qbubble {
  background-color: #fff;
  color: #777;
  border-radius: 2px;
  box-shadow: 1px 1px 1px #e1e1e1;
  border-top: 1px solid #dfdfdf;
  border-bottom: 1px solid #dfdfdf;
  border-right: 1px solid #dfdfdf;
  border-left: 1px solid #dfdfdf;
  color: #777
}

.qtip-default.qbubble a {
  color: #0b63a5
}

.qtip-default.qbubble .qtip-content {
  padding: 5px;
  text-align: left
}

.qtip-default.qbubble .action-row {
  transition: background .25s ease-out;
  cursor: pointer;
  display: block;
  margin: 0 -5px;
  padding: 5px 10px
}

.qtip-default.qbubble .action-row:hover {
  color: #555;
  background-color: #f9f9f9
}

.qtip-default.qbubble .titled-rule {
  margin-bottom: 5px;
  margin-top: 5px
}

.qtip-default.qbubble.no-max-width {
  max-width: none
}

.i-taglist-field {
  border-radius: 2px;
  border-top: 1px solid #dfdfdf;
  border-bottom: 1px solid #dfdfdf;
  border-right: 1px solid #dfdfdf;
  border-left: 1px solid #dfdfdf;
  height: auto;
  cursor: text;
  padding: .3rem;
  position: relative;
  background: #fff;
  display: flex;
  align-items: center
}

.i-taglist-field ul.taggle_list {
  padding: 0;
  margin: -0.3rem 0 0;
  float: left;
  width: 100%;
  list-style-type: none
}

.i-taglist-field ul.taggle_list li {
  float: left;
  display: inline-block;
  white-space: nowrap;
  font-weight: 500;
  margin-top: .3rem;
  height: 1.8rem
}

.i-taglist-field ul.taggle_list li.taggle {
  margin-right: .5rem;
  background: #cde1ff;
  padding: .3rem .7rem;
  border-radius: 2px;
  position: relative;
  cursor: pointer;
  transition: all .3s
}

.i-taglist-field ul.taggle_list li.taggle:hover {
  padding: .3rem 1.1rem .3rem .3rem;
  transition: all .3s
}

.i-taglist-field ul.taggle_list li.taggle:hover>.close {
  display: block
}

.i-taglist-field ul.taggle_list li.taggle .close {
  height: .7em;
  font-size: 1.1rem;
  position: absolute;
  top: .55em;
  right: 0;
  text-decoration: none;
  padding-left: 2px;
  line-height: .5;
  color: #ccc;
  color: rgba(0, 0, 0, .2);
  display: none;
  border: 0;
  background: none;
  cursor: pointer
}

.i-taglist-field ul.taggle_list li.taggle .taggle_text {
  padding: .3rem
}

.i-taglist-field ul.taggle_list li .taggle_input {
  border: none;
  outline: none;
  background: none;
  float: left;
  width: .7em;
  max-width: 100%;
  padding: .3rem 0 !important;
  font-weight: 500;
  height: auto !important
}

.i-taglist-field .taggle_placeholder {
  color: #ccc;
  position: absolute;
  transition: opacity, .25s
}

.i-taglist-field .taggle_sizer {
  padding: 0;
  margin: 0;
  position: absolute;
  top: -500px;
  z-index: -1;
  visibility: hidden
}

.categorynav-dialog-content {
  width: 800px;
  height: 600px
}

.categorynav {
  width: 800px;
  height: 600px
}

.categorynav :not(.ui)>input[type=search] {
  line-height: 1.5;
  padding: .5em 1em;
  vertical-align: top;
  height: 2.5em;
  width: 100%;
  flex-shrink: 0;
  padding-left: 10px;
  padding-right: 35px !important
}

.categorynav .clearableinput .button-box {
  padding-right: 10px
}

.categorynav .clearableinput .button-box a {
  padding-right: 0
}

.categorynav .category-list {
  background: #f9f9f9;
  flex-grow: 1;
  margin-top: 10px;
  overflow: hidden
}

.categorynav .category-list:not(.loading) .spinner-wrapper {
  display: none
}

.categorynav .category-list.loading {
  pointer-events: none
}

.categorynav .category-list a {
  color: #0b63a5
}

.categorynav .category-list .group-list {
  overflow: auto;
  overflow-y: auto;
  margin-bottom: -1px !important
}

.categorynav .category-list .group-list.with-protected .item {
  padding-left: 27px
}

.categorynav .category-list .spinner-wrapper {
  align-items: center;
  align-self: center;
  flex-grow: 1;
  font-size: 6em
}

.categorynav .category-list .item {
  align-items: center;
  background: #fff
}

.categorynav .category-list .item:last-child {
  border-bottom: 1px solid #e1e1e1
}

.categorynav .category-list .item:hover {
  position: relative
}

.categorynav .category-list .item:hover::before {
  content: ".";
  color: rgba(0, 0, 0, 0);
  font-size: 0;
  position: absolute
}

.categorynav .category-list .item:hover::before {
  border-left: 3px solid #00a4e4;
  height: 100%;
  left: 0;
  top: 0
}

.categorynav .category-list .item:hover .action-button {
  visibility: visible !important
}

.categorynav .category-list .item .title-wrapper {
  flex-grow: 1
}

.categorynav .category-list .item .title-wrapper .title {
  font-family: "Roboto Light", sans-serif;
  display: block
}

.categorynav .category-list .item .button-wrapper {
  align-items: center;
  flex-shrink: 0;
  margin-left: auto
}

.categorynav .category-list .item .button-wrapper>* {
  margin: 0 .5rem
}

.categorynav .category-list .item .button-wrapper>*:first-child {
  margin-left: 0
}

.categorynav .category-list .item .button-wrapper>*:last-child {
  margin-right: 0
}

.categorynav .category-list .item .button-wrapper .action-button {
  padding: 4px 10px 4px;
  visibility: hidden
}

.categorynav .category-list .item .protection {
  min-width: 13px;
  display: inline-block
}

.categorynav .category-list .item .protection::before {
  color: #a76766
}

.categorynav .category-list .item ul.breadcrumbs {
  display: inline-block;
  font-size: .9em;
  list-style: none;
  padding: 0;
  margin: 0
}

.categorynav .category-list .item ul.breadcrumbs li {
  display: inline
}

.categorynav .category-list .item ul.breadcrumbs li a {
  color: inherit
}

.categorynav .category-list .item ul.breadcrumbs li a:hover {
  text-decoration: underline
}

.categorynav .category-list .item ul.breadcrumbs li:not(:last-child)::after {
  content: "»";
  padding: 0 .5em
}

.categorynav .category-list .item ul.breadcrumbs li.ellipsis::before {
  content: "..."
}

.categorynav .category-list .item.current-category {
  box-shadow: 0 2px 2px 0 #f9f9f9;
  position: relative;
  border-bottom: 1px solid #e1e1e1;
  min-height: 40px;
  margin-left: -10px;
  margin-right: -10px;
  padding: 10px 10px;
  position: relative;
  overflow: hidden;
  color: #777
}

.categorynav .category-list .item.current-category::before {
  content: ".";
  color: rgba(0, 0, 0, 0);
  font-size: 0;
  position: absolute
}

.categorynav .category-list .item.current-category::before {
  border-left: 3px solid #00a4e4;
  height: 100%;
  left: 0;
  top: 0
}

.categorynav .category-list .item.current-category .title {
  font-size: 1.2em;
  font-weight: bold;
  color: #007cac
}

.categorynav .category-list .item.current-category .protection::after {
  content: " "
}

.categorynav .category-list .item.current-category .navigate-up {
  padding: 10px
}

.categorynav .category-list .item.current-category .navigate-up:hover {
  background-color: #dfdfdf
}

.categorynav .category-list .item.subcategory.can-access {
  cursor: pointer
}

.categorynav .category-list .item.subcategory .icon-wrapper i {
  border-radius: 50%;
  border: 2px solid #09c;
  color: #09c;
  font-size: 16px;
  margin-right: 10px;
  text-align: center;
  height: 1.5em;
  width: 1.5em
}

.categorynav .category-list .item.subcategory .icon-wrapper i::before {
  vertical-align: middle
}

.categorynav .category-list .item.subcategory .protection-wrapper .protection {
  margin-right: .5rem
}

.categorynav .category-list .item.subcategory .stats {
  font-size: .85em;
  line-height: .85
}

.categorynav .category-list .item.subcategory .stats::before {
  margin-right: 5px
}

.categorynav .category-list .item.subcategory .stats .events-count {
  color: #999
}

.categorynav .category-list .placeholder {
  align-items: center;
  align-self: center;
  color: #bbb;
  flex-grow: 1;
  text-align: center
}

.categorynav .category-list .placeholder:empty {
  display: none
}

.categorynav .category-list .placeholder .placeholder-text {
  font-size: 1.5em;
  font-weight: bold
}

.categorynav .category-list .placeholder a:hover {
  text-decoration: underline
}

.categorynav .category-list .search-result-info {
  align-items: center;
  border-bottom: 1px solid #e1e1e1;
  background-color: #f9f9f9;
  margin: 0 -10px;
  padding: 5px 10px;
  color: #777
}

.categorynav .category-list .search-result-info .clear {
  margin-left: auto;
  flex-shrink: 0
}

.categorynav .category-list .search-result-info .clear:hover {
  text-decoration: underline
}

.categorynav .category-list .search-results-list .breadcrumbs {
  color: #999;
  font-size: .85em
}

.categorynav .category-list .search-results-list .title strong {
  font-family: "Roboto", sans-serif
}

.occurrences-widget .occurrence {
  display: flex;
  align-items: flex-start;
  gap: 1em
}

.occurrences-widget .occurrence+.occurrence {
  margin-top: 5px
}

.occurrences-widget .DateInput_input {
  width: 100% !important
}

.occurrences-widget .rc-time-picker {
  width: 22%;
  vertical-align: top;
  color: #555;
  font-size: 1em
}

.occurrences-widget .rc-time-picker-input {
  width: 100% !important
}

.occurrences-widget .rc-time-picker-panel-input-wrap {
  padding-left: calc(1em - 1px);
  padding-top: calc(.5em + 1px)
}

.occurrences-widget .rc-time-picker-panel-input,
.occurrences-widget .rc-time-picker-panel-select,
.occurrences-widget .rc-time-picker-panel-inner {
  font-size: 1em;
  color: #555
}

.occurrences-widget .durationpicker {
  display: flex;
  align-items: center
}

.occurrences-widget .durationpicker input {
  min-width: unset !important;
  width: 100px
}

.occurrences-widget .durationpicker input::-webkit-inner-spin-button,
.occurrences-widget .durationpicker input::-webkit-outer-spin-button {
  display: none
}

.occurrences-widget .ui-datepicker-trigger {
  width: 0
}

.occurrences-widget input~input {
  margin-left: 1em
}

.occurrences-widget .timezone {
  color: #777;
  position: relative;
  right: 24px;
  top: 2px
}

.occurrences-widget .duration-info {
  color: #777;
  position: relative;
  right: 24px
}

.occurrences-widget .remove-occurrence {
  align-self: center;
  font-size: 1.3em;
  vertical-align: sub
}

.occurrences-widget .remove-occurrence:hover {
  color: #f91f1f;
  cursor: pointer
}

.occurrences-widget .add-occurrence {
  display: inline-block;
  margin-top: .25em;
  color: #09c
}

.occurrences-widget .add-occurrence:hover {
  color: #007cac;
  cursor: pointer
}

.permissions-widget {
  padding-bottom: 2em
}

.permissions-widget .permissions-widget-list {
  border-left: 3px solid #dfdfdf;
  padding-left: 1em
}

.permissions-widget .permissions-widget-list>li {
  padding: .25em 0
}

.permissions-widget .permissions-widget-list>li.disabled {
  opacity: .5
}

.permissions-widget .permissions-widget-list ul {
  padding: 0;
  list-style-type: none
}

.permissions-widget .permissions-widget-list .label-box {
  width: 30%;
  margin-right: 1em
}

.permissions-widget .permissions-widget-list .label-box.disabled {
  opacity: 50%
}

.permissions-widget .permissions-widget-list .label-box.additional {
  padding-top: .8em;
  align-self: baseline
}

.permissions-widget .permissions-widget-list .label-box .entry-icon,
.permissions-widget .permissions-widget-list .label-box .role-code {
  flex-shrink: 0;
  text-align: center;
  width: 35px
}

.permissions-widget .permissions-widget-list .label-box .entry-icon {
  margin-right: .75em
}

.permissions-widget .permissions-widget-list .label-box .entry-icon::before {
  color: #777;
  font-size: 1.3em
}

.permissions-widget .permissions-widget-list .label-box .entry-icon.icon-mail::before {
  vertical-align: middle
}

.permissions-widget .permissions-widget-list .label-box .role-code {
  border-top: 1px solid #dfdfdf;
  border-bottom: 1px solid #dfdfdf;
  border-right: 1px solid #dfdfdf;
  border-left: 1px solid #dfdfdf;
  border-radius: 2px;
  padding: .3em .1em;
  font-size: .8em;
  font-weight: bold;
  margin-right: .9em
}

.permissions-widget .permissions-widget-list .entry-label {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap
}

.permissions-widget .permissions-widget-list .entry-label-extra {
  font-size: .8em
}

.permissions-widget .permissions-widget-list .permissions-box {
  border-top: 1px dashed #dfdfdf;
  border-bottom: 1px dashed #dfdfdf;
  border-right: 1px dashed #dfdfdf;
  border-left: 1px dashed #dfdfdf;
  transition: background-color .25s ease-out;
  cursor: initial;
  padding: .3em .5em;
  width: 100%
}

.permissions-widget .permissions-widget-list .permissions-box:hover {
  background-color: #f9f9f9
}

.permissions-widget .permissions-widget-list .permissions-box .hidden-permissions-icon {
  margin-left: auto
}

.permissions-widget .permissions-widget-list .permissions-box .hidden-permissions-description {
  padding-left: .4em
}

.permissions-widget .permissions-widget-list .permissions-box .hidden-permissions-list {
  padding-left: 1.5em
}

.permissions-widget .permissions-widget-list .permissions-box .hidden-permissions-list li {
  font-size: 1em;
  text-transform: none;
  margin: 0;
  padding: 0
}

.permissions-widget .permissions-widget-list .permissions-box ul li {
  font-size: .8em;
  margin: .4em .5em;
  padding: .6em 1em;
  text-transform: uppercase
}

.permissions-widget .permissions-widget-list .permissions-box ul li.disabled {
  opacity: .5
}

.permissions-widget .permissions-widget-list .permissions-box ul li.permission-event-abstracts {
  color: #f9f9f9;
  background-color: #b5cc18;
  border-color: #a1b515
}

.permissions-widget .permissions-widget-list .permissions-box ul li.permission-event-submit {
  color: #f9f9f9;
  background-color: #e99e18;
  border-color: #d38f14
}

.permissions-widget .permissions-widget-list .permissions-box ul li.permission-event-paper_manager {
  color: #f9f9f9;
  background-color: #6e5494;
  border-color: #624b84
}

.permissions-widget .permissions-widget-list .permissions-box ul li.permission-event-registration {
  color: #f9f9f9;
  background-color: #09c;
  border-color: #0086b3
}

.permissions-widget .permissions-widget-list .permissions-box ul li.permission-event-surveys {
  color: #f9f9f9;
  background-color: #fb3;
  border-color: #ffb31a
}

.permissions-widget .permissions-widget-list .permissions-box ul li.permission-contribution-submit {
  color: #f9f9f9;
  background-color: #e99e18;
  border-color: #d38f14
}

.permissions-widget .permissions-widget-list .permissions-box ul li.permission-session-coordinate {
  color: #f9f9f9;
  background-color: #09c;
  border-color: #0086b3
}

.permissions-widget .permissions-widget-list .permissions-box .group {
  margin-left: auto
}

.permissions-widget .permissions-widget-list .permissions-box .group>button {
  margin: 0;
  padding: .2em .7em
}

.permissions-widget .add-entry-decoration {
  border-color: #dfdfdf !important
}

.permissions-widget .i-dropdown .separator {
  border-bottom: 1px solid #dfdfdf;
  height: 0;
  margin: .3em 1em 0
}

.permissions-widget .i-dropdown .entry-item {
  height: auto
}

.permissions-widget .i-dropdown .entry-item .dropdown-icon {
  display: inline-block;
  font-size: 1.2em;
  margin-right: .75em;
  line-height: normal;
  text-align: center;
  vertical-align: middle;
  width: 35px
}

.permissions-widget .i-dropdown .entry-item .dropdown-icon.role-code {
  border-top: 1px solid #dfdfdf;
  border-bottom: 1px solid #dfdfdf;
  border-right: 1px solid #dfdfdf;
  border-left: 1px solid #dfdfdf;
  border-radius: 2px;
  padding: .3em .1em;
  font-size: .8em;
  font-weight: bold
}

.permissions-widget .i-dropdown .entry-item.new-role-btn .dropdown-icon {
  margin-right: .25em
}

.protection-dialog-permissions {
  margin-left: 2.5em
}

.permissions-dialog .permissions {
  list-style-type: none;
  padding: .25em 1em
}

.permissions-dialog .permissions label {
  color: #777;
  cursor: pointer;
  font-family: "Roboto", sans-serif;
  font-size: 14px;
  font-weight: normal
}

.permissions-dialog .permissions .item {
  padding: .25em 1em
}

.permissions-dialog .permissions .permissions>.item {
  border-left: 2px solid #f1f1f1
}

.permissions-dialog .permissions .circle-checkbox {
  display: none
}

.permissions-dialog .permissions .circle-checkbox+label::before {
  border-top: 2px solid #bbb;
  border-bottom: 2px solid #bbb;
  border-right: 2px solid #bbb;
  border-left: 2px solid #bbb;
  border-radius: 3em;
  content: "";
  display: inline-block;
  margin-right: .25em;
  vertical-align: middle;
  height: 23px;
  width: 23px
}

.permissions-dialog .permissions .circle-checkbox:hover:not(:checked)+label::before {
  background-color: #edf3fd
}

.permissions-dialog .permissions .circle-checkbox:checked+label::before {
  background-color: #cde1ff;
  border: 2px solid #005272
}

.permissions-dialog .permissions .circle-checkbox:hover:checked:not(:disabled)+label::before {
  background-color: #edf3fd;
  border-color: #007cac
}

.permissions-dialog .permissions .circle-checkbox:checked~ul label {
  opacity: .5
}

.permissions-dialog .permissions .circle-checkbox:checked~ul label::before,
.permissions-dialog .permissions .circle-checkbox:checked~ul .circle-checkbox:hover+label::before {
  background-color: #cde1ff;
  border: 2px solid #005272
}

#language-list {
  padding-top: .5em;
  padding-bottom: .5em
}

#language-list button {
  width: 100%;
  padding: .5em .2em;
  font-size: inherit;
  border: none;
  background: rgba(0, 0, 0, 0);
  text-align: left
}

#language-list button:not(:disabled) {
  cursor: pointer;
  color: #007cac
}

#language-list button:is(:hover, :focus-visible) {
  color: inherit
}

#language-list button:disabled {
  color: #999
}

.sortable-list {
  margin-bottom: 10px
}

.sortable-list ul {
  margin-left: -10px;
  margin-right: -10px;
  padding: 0;
  margin-top: 0;
  margin-bottom: 0;
  min-height: 2em;
  list-style-type: none
}

.sortable-list ul li {
  margin: 0;
  padding: 10px
}

.sortable-list ul li.draggable {
  cursor: move
}

.sortable-list ul li.i-label {
  text-align: left;
  border-color: rgba(0, 0, 0, 0);
  transition: color 0s, background-color .4s
}

.sortable-list ul li.i-label>.title {
  flex-grow: 1;
  margin: 0 .5em
}

.sortable-list ul li.i-label .toggle-enabled {
  cursor: pointer
}

.sortable-list ul li.i-label .handle:first-child {
  margin-left: 0
}

.sortable-list ul li .actions,
.sortable-list ul li .handle {
  color: #c4c4c4;
  transition: color .4s;
  flex-shrink: 0;
  align-self: center
}

.sortable-list ul li:hover.i-label,
.sortable-list ul li.ui-sortable-helper.i-label {
  background-color: #f7f7f7;
  transition: color 0s, background-color 0s
}

.sortable-list ul li:hover .actions,
.sortable-list ul li:hover .handle,
.sortable-list ul li.ui-sortable-helper .actions,
.sortable-list ul li.ui-sortable-helper .handle {
  color: #777;
  transition: color 0s
}

.sortable-list ul li.placeholder {
  border: 1px #777 dashed
}

.sortable-list ul li .handle.invisible {
  visibility: hidden
}

.sortable-list ul.disabled li:hover:not(.ui-sortable-helper) {
  background: repeating-linear-gradient(-40deg, #f2f2f2, #f2f2f2 10px, #fafafa 10px, #fafafa 20px);
  background-color: #f7f7f7
}

.sortable-list ul.disabled li .icon-settings {
  display: none
}

.sortable-list.two-columns>div {
  flex-grow: 1
}

.sortable-list.two-columns>div>.titled-rule {
  margin-left: -10px;
  margin-right: -10px;
  margin-top: -18px
}

.sortable-list.two-columns>div:first-child ul {
  margin-right: 0
}

.sortable-list.two-columns>div:nth-child(2) {
  border-left: 1px solid #bbb
}

.sortable-list.two-columns>div:nth-child(2) ul {
  margin-left: 0
}

.sortable-list.tiles ul {
  margin: 0
}

.sortable-list.tiles li.i-label {
  border-radius: 2px
}

.sortable-list.tiles li.i-label:not(:last-child) {
  margin-bottom: 5px
}

.sortable-list.tiles li.i-label:not(.placeholder) {
  border-top: 1px solid #dfdfdf;
  border-bottom: 1px solid #dfdfdf;
  border-right: 1px solid #dfdfdf;
  border-left: 1px solid #dfdfdf;
  background-color: #f9f9f9
}

.qtip-wide {
  max-width: none
}

#tz-selector-widget>div {
  text-align: left;
  padding: var(--container-narrow-padding);
  --flex-gap: var(--container-padding)
}

#tz-selector-widget form {
  --flex-gap: var(--container-padding)
}

#tz-selector-widget .label-text {
  flex: 1
}

#tz-selector-widget select {
  width: 100%
}

#tz-selector-widget option[data-profile] {
  font-weight: bold
}

.dropzone {
  border-radius: 2px;
  border: 2px dashed #007cac;
  padding: 30px 20px;
  margin-bottom: 3em;
  width: 804px;
  cursor: pointer
}

.dropzone .dz-preview.dz-file-preview .dz-image,
.dropzone .dz-preview .dz-image {
  border-radius: 5px
}

.dropzone .dz-preview.dz-file-preview .dz-image>img,
.dropzone .dz-preview .dz-image>img {
  object-fit: cover;
  width: 120px;
  height: 120px
}

.dropzone .dz-message {
  font-size: 1.5em;
  color: #999;
  margin: 0 0 1em 0
}

.dropzone .dz-message .message-separator {
  display: block;
  margin-top: 1em;
  font-size: small
}

.dropzone .select-files-btn {
  text-align: center;
  cursor: pointer
}

.dropzone .select-files-btn .i-button {
  cursor: pointer
}

.dropzone .select-files-btn .dz-message {
  margin: 1em 0 0 0
}

.form-group .form-field.fit-to-parent .dropzone {
  width: 100%
}

.form-group .dropzone {
  padding: 0;
  margin-bottom: 1em;
  width: 400px;
  display: table
}

.form-group .dropzone .dropzone-inner {
  display: table-row
}

.form-group .dropzone .dropzone-inner .dropzone-previews {
  display: table-cell;
  text-align: center
}

.form-group .dropzone .dropzone-inner .dropzone-previews .dz-message {
  display: none
}

.form-group .dropzone .dropzone-inner .select-files-btn {
  display: table-cell;
  vertical-align: middle;
  text-align: center
}

.form-group .dropzone .dropzone-inner .select-files-btn button {
  margin: 16px;
  height: inherit
}

.form-group .dropzone.thin {
  min-height: inherit
}

.form-group .dropzone.thin .dropzone-inner {
  display: block;
  padding: 10px
}

.form-group .dropzone.thin .dropzone-previews {
  display: block;
  text-align: left
}

.form-group .dropzone.thin .dz-preview {
  display: flex;
  min-height: inherit;
  margin: 0 0 5px 0
}

.form-group .dropzone.thin .dz-preview:hover {
  transition: background-color .2s ease-out;
  background-color: #f9f9f9
}

.form-group .dropzone.thin .dz-details {
  opacity: 1;
  font-size: 1em;
  padding: 0;
  text-align: inherit;
  color: #555;
  min-width: inherit;
  position: inherit;
  flex-grow: 1;
  cursor: inherit;
  width: 300px
}

.form-group .dropzone.thin .select-files-btn {
  display: block
}

.form-group .dropzone.thin .select-files-btn button {
  margin: 5px 0 0 0
}

.form-group .dropzone.thin .dz-message {
  font-size: 1em;
  margin: 0
}

.form-group .dropzone.thin .message-separator {
  font-size: 1em;
  margin-top: 0
}

.form-group .dropzone.thin .dz-filename span:hover {
  transition: background-color .2s ease-out;
  background-color: #f9f9f9;
  border-color: rgba(0, 0, 0, 0)
}

.form-group .dropzone.thin .dz-filename:hover span {
  transition: background-color .2s ease-out;
  background-color: #f9f9f9;
  border-color: rgba(0, 0, 0, 0)
}

.form-group .dropzone.thin .dz-remove {
  margin-left: 5px;
  color: #0b63a5
}

.form-group .dropzone.thin .dz-remove i::before {
  cursor: pointer
}

.form-group .dropzone.thin .dz-remove:hover {
  color: #fb3;
  text-decoration: initial
}

.dropzone-upload-btn {
  text-align: right
}

.ui-widget-content {
  color: #555
}

.ui-corner-all {
  border-radius: 2px
}

.ui-corner-all .ui-dialog-content {
  border-bottom-left-radius: 2px;
  border-bottom-right-radius: 2px
}

.ui-dialog {
  box-shadow: 0 0 24px rgba(0, 0, 0, .3)
}

.ui-dialog .dropdown .menu {
  max-width: 20.5em
}

.ui-dialog .dropdown .menu .item {
  overflow: hidden;
  text-overflow: ellipsis
}

.ui-widget {
  font-family: "Liberation Sans", sans-serif
}

.ui-widget textarea,
.ui-widget button {
  font-family: "Liberation Sans", sans-serif
}

.ui-slider {
  border-top: 1px solid #d3d3d3;
  border-bottom: 1px solid #d3d3d3;
  border-right: 1px solid #d3d3d3;
  border-left: 1px solid #d3d3d3;
  background: #f9f9f9 !important
}

.ui-slider .ui-slider-handle {
  box-shadow: 1px 1px 1px #e1e1e1;
  outline: none;
  cursor: move;
  z-index: 1
}

.ui-slider .ui-slider-handle.ui-state-default {
  background: #edf3fd
}

.ui-slider .ui-slider-handle:hover,
.ui-slider .ui-slider-handle.ui-state-focus {
  background: #fff
}

.ui-slider .ui-slider-range {
  background: #09c !important
}

ul.ui-sortable {
  overflow: hidden
}

.ui-button {
  background: #ddd !important
}

.ui-datepicker-today .ui-state-highlight {
  background: none
}

.ui-dialog {
  width: auto !important;
  padding: 0
}

.ui-dialog .ui-dialog-buttonpane {
  border-top: 1px solid #ccc;
  margin: 0;
  padding: .3em 1em .5em .4em !important;
  background: #fcfcfc
}

.ui-dialog .ui-dialog-title {
  max-width: 800px
}

.ui-dialog-content {
  padding: 0 !important
}

.ui-state-active a {
  color: #555 !important
}

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

.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default {
  border: 1px solid #d3d3d3;
  font-weight: normal;
  color: #555
}

.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 {
  border: 1px solid #999;
  background: #dadada;
  font-weight: normal;
  color: #212121
}

.ui-state-hover a,
.ui-state-hover a:hover {
  color: #212121;
  text-decoration: none
}

.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active {
  border: 1px solid #aaa;
  background: #fff;
  font-weight: normal;
  color: #212121
}

.ui-state-active a,
.ui-state-active a:link,
.ui-state-active a:visited {
  color: #555;
  text-decoration: none;
  font-weight: bold
}

.ui-widget-header {
  border: none;
  background: none !important;
  color: inherit !important
}

.ui-dialog-titlebar {
  border-bottom: 1px solid #ccc !important;
  font-weight: normal;
  font-size: 17px;
  background-color: #fcfcfc !important
}

.ui-dialog-titlebar-close:not(.ui-state-hover) {
  border: none !important;
  background: none !important
}

.ui-tabs a {
  outline: none
}

.ui-tabs .ui-tabs-nav li {
  padding: 0;
  outline: none
}

.ui-tabs .ui-tabs-nav .ui-state-disabled {
  display: none
}

.ui-tabs .ui-tabs-hide {
  position: absolute;
  top: -10000px;
  left: -10000px
}

.ui-tabs-nav {
  border-bottom: 1px solid #aaa
}

.ui-tabs li.ui-state-default {
  background: #fff !important
}

.ui-tabs li.ui-corner-top,
.ui-tabs li.ui-corner-all {
  border-radius: 0
}

.ui-tabs .tab-scroll-button .ui-icon {
  background-image: url(/dist/mod_assets/_/_/_/node_modules/jquery-ui/themes/base/images/ui-icons_777620_256x240.208a2901.png)
}

.ui-tabs {
  position: relative;
  border: none !important;
  padding: 0;
  zoom: 1
}

.ui-tabs .ui-tabs-nav {
  margin: 0
}

.ui-tabs .ui-tabs-nav li a.ui-tabs-anchor {
  float: left;
  padding: 6px 8px 3px 8px;
  text-decoration: none
}

.ui-tabs .ui-tabs-nav li a.pendingTab {
  background-color: #ffb;
  font-weight: bold
}

.ui-tabs .ui-tabs-nav li.ui-tabs-selected a.pendingTab {
  background-color: #fff
}

.ui-widget-content {
  background: #fff;
  border: none
}

.ui-widget-overlay {
  background: #444 url(/dist/mod_assets/_/_/_/node_modules/jquery-ui/themes/base/images/ui-bg_flat_0_aaaaaa_40x100.9cab5930.png) 50% 50% repeat;
  opacity: .5
}

.ui-datepicker {
  border-top: 1px solid #dfdfdf;
  border-bottom: 1px solid #dfdfdf;
  border-right: 1px solid #dfdfdf;
  border-left: 1px solid #dfdfdf;
  box-shadow: 1px 1px 1px #e1e1e1;
  background: #fff;
  z-index: 2
}

.ui-datepicker .ui-datepicker-header {
  border-bottom: 1px solid #dfdfdf;
  border-radius: 0;
  background-color: #f9f9f9 !important;
  color: #007cac !important;
  margin: -0.2em -0.2em 0
}

.ui-datepicker .ui-datepicker-header .ui-datepicker-month,
.ui-datepicker .ui-datepicker-header .ui-datepicker-year {
  width: 48%;
  margin: 0 1px
}

.ui-datepicker .ui-datepicker-header .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-header .ui-datepicker-next {
  transition: background;
  transition: color;
  border: none !important;
  color: #bbb;
  margin-top: .1em;
  text-align: center;
  top: 1px !important
}

.ui-datepicker .ui-datepicker-header .ui-datepicker-prev::before,
.ui-datepicker .ui-datepicker-header .ui-datepicker-next::before {
  vertical-align: -30%
}

.ui-datepicker .ui-datepicker-header.ui-state-disabled .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-header.ui-state-disabled .ui-datepicker-next {
  background: none !important;
  cursor: default
}

.ui-datepicker .ui-datepicker-header:not(.ui-state-disabled) .ui-datepicker-prev:hover,
.ui-datepicker .ui-datepicker-header:not(.ui-state-disabled) .ui-datepicker-next:hover {
  color: #fff;
  background: #09c
}

.ui-datepicker .ui-datepicker-header .ui-datepicker-prev {
  left: 3px !important
}

.ui-datepicker .ui-datepicker-header .ui-datepicker-next {
  right: 3px !important
}

.ui-datepicker .ui-datepicker-header .ui-icon {
  display: none
}

.ui-datepicker .ui-datepicker-calendar {
  background: #fff;
  padding: 0 .2em;
  table-layout: fixed
}

.ui-datepicker .ui-datepicker-calendar th {
  cursor: default
}

.ui-datepicker .ui-datepicker-calendar td {
  padding: 0
}

.ui-datepicker .ui-datepicker-calendar td a,
.ui-datepicker .ui-datepicker-calendar td span {
  transition: background .25s ease-out;
  border: 1px solid #fff;
  text-align: center
}

.ui-datepicker .ui-datepicker-calendar.ui-state-disabled .ui-datepicker-current-day a {
  cursor: default
}

.ui-datepicker .ui-datepicker-calendar .ui-state-default {
  background: #edf3fd
}

.ui-datepicker .ui-datepicker-calendar .ui-state-active {
  background: #09c;
  color: #fff !important;
  font-weight: bold
}

.ui-datepicker .ui-datepicker-calendar .ui-state-hover {
  background: #09c;
  color: #fff !important
}

.ui-datepicker .ui-datepicker-buttonpane {
  margin: 0;
  padding: 0
}

.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
  transition: background .25s ease-out, color .25s ease-out;
  background: #edf3fd;
  border: none !important;
  float: right;
  margin-bottom: .2em;
  margin-right: 1px;
  margin-top: .2em;
  opacity: 1;
  outline: none
}

.ui-datepicker .ui-datepicker-buttonpane:not(.ui-state-disabled) button.ui-datepicker-current:hover {
  background: #09c;
  color: #fff
}

.ui-datepicker .ui-datepicker-buttonpane.ui-state-disabled button.ui-datepicker-current {
  cursor: default
}

.ui-datepicker-trigger {
  background: rgba(0, 0, 0, 0);
  border: none;
  color: #777;
  cursor: pointer;
  outline: none;
  padding: 0;
  position: relative;
  right: 20px;
  top: 2px
}

.ui-datepicker-trigger:hover::before {
  color: #09c
}

.ui-datepicker-trigger:active::before {
  color: #007cac
}

input.hasDatepicker {
  margin: 0 2px;
  padding-right: 22px !important
}

input.hasDatepicker:disabled+button {
  pointer-events: none
}

.ui-multiselect-widget {
  background: none repeat scroll 0 0 #fafafa;
  border: 1px solid #dadada
}

.ui-multiselect-checkboxes {
  position: relative;
  overflow-y: scroll
}

.ui.dropdown>.menu>.message {
  white-space: unset
}

.submitter-column {
  text-align: center
}

.actions-column {
  width: 4em
}

.actions-column .group {
  display: inline
}

.accepted-on-other-track td,
.accepted-on-other-track a {
  color: #777
}

.state-badge {
  display: inline-block
}

.num-reviews-tooltip {
  padding: .1em .25em
}

.num-reviews-tooltip .title {
  padding-bottom: .3em
}

.num-reviews-tooltip .semantic-text {
  padding: .15em 0
}

.num-reviews-tooltip .contrib-types {
  font-size: .9em;
  color: #999
}

.abstract-contribution-type {
  border-bottom: 1px dashed #dfdfdf
}

.abstract-content {
  padding: 10px 10em
}

.abstract-content .abstract-authorship-block {
  margin-top: .5em
}

.abstract-content .abstract-authorship-block:first-child {
  margin-top: 1em
}

.abstract-content .abstract-authorship-block .abstract-authorship-label {
  font-weight: bold;
  text-align: right;
  white-space: nowrap
}

.abstract-content .abstract-authorship-block .abstract-authorship-list {
  font-style: italic;
  margin-left: .5em;
  text-indent: 0
}

.call-for-abstracts .cfa-announcement {
  color: #777;
  padding: 20px 0 10px
}

.call-for-abstracts .actions {
  margin-top: 20px
}

.call-for-abstracts .info-message-box {
  align-items: center
}

.call-for-abstracts .message-text {
  line-height: 1.3em;
  padding-left: 5px
}

.call-for-abstracts .submit-abstract-btn {
  font-weight: bold
}

.call-for-abstracts .cfa-infoline-section .infoline {
  float: none
}

.rule-list {
  list-style-type: none;
  padding-left: 0
}

.rule-list .rule {
  margin-top: 1em
}

.rule-list .rule .rule-condition {
  margin-right: 1em
}

.rule-list .rule .rule-condition label {
  line-height: 2.5em;
  margin-right: .2em;
  display: block;
  white-space: nowrap;
  vertical-align: middle
}

.rule-list .rule .rule-condition select:invalid {
  color: gray
}

.rule-list .rule .rule-remove-button {
  align-self: center
}

#email-template-manager {
  max-width: 800px
}

#email-template-manager .email-template-wrapper {
  padding: 0 0 1em 1em
}

#email-template-manager .email-template-wrapper .explanation {
  color: #777
}

#email-template-manager .email-template-wrapper .email-templates {
  width: 800px;
  max-height: 800px;
  overflow: auto
}

#email-template-manager .email-template-wrapper .email-templates>ul {
  list-style-type: none;
  padding-left: 0;
  padding-right: 20px
}

#email-template-manager .email-template-wrapper .email-templates>ul>li {
  width: 775px
}

#email-template-manager .email-template-wrapper .email-preview {
  display: none
}

#email-template-manager .email-template-wrapper .email-preview .email-subject {
  padding-bottom: 10px
}

#email-template-manager .email-template-wrapper .email-preview .email-body {
  color: #777
}

#email-template-manager .email-template-wrapper .regform-section-sortable-placeholder {
  border-top: 1px dashed #dfdfdf;
  border-bottom: 1px dashed #dfdfdf;
  border-right: 1px dashed #dfdfdf;
  border-left: 1px dashed #dfdfdf;
  box-shadow: none;
  background-color: #f9f9f9
}

#email-template-manager .email-template-wrapper .email-preview-btn {
  padding-right: 5px;
  color: #0b63a5
}

#email-template-manager .email-template-wrapper .email-preview-btn:hover {
  color: #fb3
}

#email-template-manager .email-template-wrapper .stop-processing-enabled {
  color: #f91f1f !important
}

#email-template-manager .email-template-wrapper .stop-processing-enabled.disabled {
  cursor: default
}

#form-group-rules {
  margin-top: 0
}

#form-group-rules .form-field,
#form-group-rules .rule-condition[data-condition=track] select {
  width: 100%
}

#form-group-rules .rule-list {
  width: 700px
}

#abstract-notification-log {
  width: 800px;
  min-height: 400px;
  max-height: 400px;
  overflow-y: auto
}

#abstract-notification-log .log-entry {
  border-top: 1px solid #dfdfdf;
  padding: .25rem
}

#abstract-notification-log .log-entry:last-child {
  border-bottom: 1px solid #dfdfdf
}

#abstract-notification-log .log-entry>.metadata {
  margin: -0.25rem;
  padding: .25rem;
  padding-left: .5rem
}

#abstract-notification-log .log-entry>.metadata .subject {
  font-weight: bold
}

#abstract-notification-log .log-entry>.metadata .template {
  border-bottom: 1px dashed #dfdfdf;
  font-weight: normal
}

#abstract-notification-log .log-entry>.metadata time {
  color: #999
}

#abstract-notification-log .log-entry>.metadata:not(.legacy) {
  cursor: pointer
}

#abstract-notification-log .log-entry>.metadata:not(.legacy):hover,
#abstract-notification-log .log-entry>.metadata:not(.legacy).open {
  position: relative;
  background-color: #f9f9f9;
  background-origin: border-box
}

#abstract-notification-log .log-entry>.metadata:not(.legacy):hover::before,
#abstract-notification-log .log-entry>.metadata:not(.legacy).open::before {
  content: ".";
  color: rgba(0, 0, 0, 0);
  font-size: 0;
  position: absolute
}

#abstract-notification-log .log-entry>.metadata:not(.legacy):hover::before,
#abstract-notification-log .log-entry>.metadata:not(.legacy).open::before {
  border-left: 2px solid #bbb;
  height: 100%;
  left: 0;
  top: 0
}

#abstract-notification-log .log-entry .content {
  position: relative;
  display: none;
  margin-left: -0.25rem;
  margin-top: .5rem;
  padding-left: .5rem
}

#abstract-notification-log .log-entry .content::before {
  content: ".";
  color: rgba(0, 0, 0, 0);
  font-size: 0;
  position: absolute
}

#abstract-notification-log .log-entry .content::before {
  border-left: 2px solid #bbb;
  height: 100%;
  left: 0;
  top: 0
}

#abstract-notification-log .log-entry .content .metadata {
  color: #999;
  font-size: .9em
}

#abstract-notification-log .log-entry .content .recipients {
  margin-left: .5em;
  align-self: center
}

#abstract-notification-log .log-entry .content .template {
  border-bottom: 1px dashed #dfdfdf;
  align-self: center;
  margin-left: .5em;
  word-break: break-word
}

#abstract-notification-log .log-entry .content .body {
  margin-top: .25rem;
  word-break: break-word
}

#form-group-roles .form-field {
  width: inherit
}

#reviewing-role-form {
  margin-top: 0
}

.abstract-role-widget {
  padding-right: 20px;
  max-height: 700px;
  width: 800px;
  overflow-y: auto
}

.abstract-role-list {
  margin: 0;
  padding-left: 0
}

.abstract-role-list li.i-box {
  margin: 20px 0;
  display: block
}

.abstract-role-list li.i-box:first-child {
  margin-top: 0
}

.abstract-role-list li.i-box:last-child {
  margin-bottom: 0
}

.abstract-role-list .user-role-list {
  padding-left: 0
}

.abstract-role-list .user-role-list .event-user {
  margin-top: .1em
}

.abstract-role-list .user-role-list .event-user .icon-cross {
  vertical-align: middle;
  font-size: .8em;
  margin-left: .5em
}

.abstract-role-list .actions {
  overflow: auto
}

.abstract-role-list .role-description {
  margin: 1em 0 .5em 0;
  overflow: auto
}

.abstract-role-list .role-description .title {
  font-size: 1.2em
}

.abstract-role-list .role-description .add-user {
  padding: 0;
  height: 1.8em !important
}

.abstract-role-list .reviewer-container {
  margin: 0 -10px;
  padding-left: 10px;
  padding-right: 10px
}

.abstract-role-list .reviewer-container:not(:first-child) {
  border-top: 1px solid #dfdfdf
}

.abstract-role-list .reviewer-container:not(:last-child) {
  padding-bottom: 1em
}

.event-roles .list-filter {
  padding: 0
}

.event-roles .list-filter li {
  padding: .1em .7em;
  -moz-padding-end: 2rem
}

.event-roles .list-filter li>::before {
  cursor: pointer
}

.event-roles .list-filter li.separator {
  cursor: default
}

.event-roles .list-filter li:not(.enabled):not(.separator) {
  background-color: inherit !important
}

.event-roles .list-filter li input[type=checkbox] {
  display: none
}

.event-roles .list-filter li input[type=checkbox]:not(:checked)+.icon-checkmark {
  visibility: hidden
}

.event-roles .list-filter li .icon-checkmark {
  color: #555;
  padding-right: .5em
}

.event-roles .list-filter li .icon-stop.no-account {
  color: #e99e18
}

.event-roles .list-filter li .icon-stop.no-registration {
  color: #f80
}

.event-roles .list-filter li .icon-stop.no-builtin-roles {
  color: #f91f1f
}

.event-roles .list-filter li span.titled-rule {
  width: 100%
}

.event-roles #event-participants-list .registration-column {
  padding-top: .9em
}

.event-roles #event-participants-list .registration-column .icon-ticket {
  color: #dfdfdf
}

.event-roles #event-participants-list .registration-column .icon-ticket.exists {
  color: #09c
}

.event-roles #event-participants-list .roles-column>span {
  color: #f9f9f9;
  margin: .4em
}

.event-roles #event-participants-list .roles-column>span .badge {
  background-color: #f9f9f9
}

.event-roles #event-participants-list .roles-column>span:not(.custom) {
  border-color: #dfdfdf !important
}

.event-roles #event-participants-list .edit-column .i-link.disabled {
  color: #dfdfdf
}

.code:not(.icon) {
  border-radius: 2px;
  border: 1px solid #bbb;
  background: #f9f9f9;
  padding: 1em 1.5em
}

.merge-info {
  padding: 0;
  margin: 0;
  float: right;
  list-style-type: none
}

.merge-info span.caption {
  font-weight: bold
}

.tasks .i-label {
  width: 100%
}

table.ip-network-group .actions {
  text-align: right
}

#event-labels .event-label {
  text-transform: uppercase
}

.agreement-form-sections {
  color: #555;
  margin-bottom: 1em
}

.agreement-form-sections .i-box.info-body {
  padding: 20px 10px
}

.agreement-form-sections .i-box.info-body .info-section {
  padding: 0 20px
}

.agreement-form-sections .i-box.info-body .info-person>div {
  display: inline-block;
  vertical-align: top
}

.agreement-form-sections .i-box.info-body .info-person i {
  color: #bbb;
  font-size: 2rem;
  line-height: 0;
  padding-right: .25em
}

.agreement-form-sections .i-box.info-body .info-person .info-person-text .info-person-name {
  font-size: 1.1em;
  font-weight: bold;
  padding-bottom: .05em
}

.agreement-form-sections .i-box.info-body .info-person .info-person-text .info-person-email {
  color: #999
}

.agreement-form-sections .i-box.info-body .info-event .info-event-title {
  font-size: 1.1em;
  font-weight: bold;
  margin-bottom: 1em;
  text-align: justify
}

.agreement-form-sections .i-box.info-body .info-event .info-event-details:not(:last-of-type) {
  margin-bottom: .1em
}

.agreement-form-sections .i-box.info-body .info-event i {
  padding-right: .2em
}

.agreement-form-sections .i-box.info-body .info-tabular {
  border-spacing: 0;
  width: 100%
}

.agreement-form-sections .i-box.info-body .info-tabular td {
  padding-top: .25em;
  padding-bottom: .25em;
  vertical-align: middle
}

.agreement-form-sections .i-box.info-body .info-tabular td:first-child {
  font-weight: bold;
  padding-right: .5em;
  width: 1%;
  white-space: nowrap
}

.agreement-form-sections .i-box.no-actions-notice {
  background: #e1e1e1;
  font-size: .9em;
  font-style: italic;
  padding-left: 8.8rem;
  padding-right: 8.8rem;
  text-align: justify
}

.agreement-form-sections .legal-body {
  padding: 10px 10em
}

.agreement-form-sections .legal-confirmation {
  padding: 0 10em
}

.agreement-form-sections .legal-confirmation textarea {
  width: 100%
}

.agreement-form-sections .legal-confirmation .section+.section {
  margin-top: 1.5em
}

.agreement-form-sections .legal-confirmation .question {
  font-weight: bold;
  margin-bottom: 1em
}

.agreement-form-sections .legal-confirmation .i-radio label {
  font-weight: normal
}

.agreement-dashboard .action-box .i-button {
  width: 10em
}

.agreement-list .agreement-table {
  border-collapse: collapse;
  border-spacing: 0;
  width: 100%
}

.agreement-list .agreement-table td {
  padding: .35rem 5px .35rem 0
}

.agreement-list .agreement-table td:first-child {
  padding-left: 5px
}

.agreement-list .agreement-table td.agreement-checkbox,
.agreement-list .agreement-table td.agreement-answer {
  width: 1%
}

.agreement-list .agreement-table td.agreement-checkbox i,
.agreement-list .agreement-table td.agreement-answer i {
  margin: 4px
}

.agreement-list .agreement-table td.agreement-checkbox i.icon-disable,
.agreement-list .agreement-table td.agreement-answer i.icon-disable {
  color: #f91f1f
}

.agreement-list .agreement-table td.agreement-checkbox i.icon-checkmark,
.agreement-list .agreement-table td.agreement-answer i.icon-checkmark {
  color: #00c851
}

.agreement-list .agreement-table td.person-name {
  font-weight: bold;
  width: 25%
}

.agreement-list .agreement-table td.person-email {
  width: 32%
}

.agreement-list .agreement-table td.agreement-actions {
  font-size: 1.2em;
  padding: 0 5px;
  width: 7%;
  white-space: nowrap
}

.agreement-list .agreement-table td.agreement-actions a {
  color: #999;
  vertical-align: sub;
  visibility: hidden
}

.agreement-list .agreement-table td.agreement-actions a:hover {
  color: #09c
}

.agreement-list .agreement-table td.agreement-actions .i-button {
  padding-top: 0;
  padding-bottom: 0
}

.agreement-list .agreement-table tr:nth-child(odd)>td {
  background: #f9f9f9
}

.agreement-list .agreement-table tr:hover>td {
  background: #edf3fd !important
}

.agreement-list .agreement-table tr:hover>td.agreement-actions a {
  visibility: visible
}

.agreement-list .agreement-table:not(:last-child) {
  margin-bottom: 2em
}

.agreement-list .titled-rule {
  margin-top: 0
}

.attachment-editor {
  width: 800px
}

.dialog-window .attachments-container {
  max-height: 50vh;
  overflow-y: auto
}

.tree {
  width: 100%;
  border-collapse: collapse
}

.tree tr>td {
  padding: .2rem .3rem
}

.tree tr>td:first-child {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 1px
}

.tree tr>td:first-child::before {
  display: inline-block
}

.tree tr>td:first-child>.custom-protection::before {
  line-height: 1rem;
  vertical-align: middle;
  font-size: .8rem;
  width: 1px;
  white-space: nowrap;
  color: #a76766
}

.tree tr>td:first-child>a.icon-file-pdf::before {
  color: #f91f1f
}

.tree tr>td:first-child>a.icon-file-pdf:hover:not(.disabled):not(:disabled)::before {
  color: #fa3838 !important
}

.tree tr>td:first-child>a.icon-file-excel::before {
  color: #00c851
}

.tree tr>td:first-child>a.icon-file-excel:hover:not(.disabled):not(:disabled)::before {
  color: #00e25b !important
}

.tree tr>td:first-child>a.icon-file-word::before {
  color: #007cac
}

.tree tr>td:first-child>a.icon-file-word:hover:not(.disabled):not(:disabled)::before {
  color: #008ec6 !important
}

.tree tr>td:first-child>a.icon-file-image::before {
  color: #09c
}

.tree tr>td:first-child>a.icon-file-image:hover:not(.disabled):not(:disabled)::before {
  color: #00ace6 !important
}

.tree tr>td:first-child>a.icon-calendar::before {
  color: #9c793b
}

.tree tr>td:first-child>a.icon-calendar:hover:not(.disabled):not(:disabled)::before {
  color: #af8742 !important
}

.tree tr>td:first-child>a.icon-file-presentation::before {
  color: #e99e18
}

.tree tr>td:first-child>a.icon-file-presentation:hover:not(.disabled):not(:disabled)::before {
  color: #eba82f !important
}

.tree tr>td>* {
  line-height: 1rem;
  vertical-align: middle
}

.tree tr>td i {
  float: none;
  display: inline-block
}

.tree tr:not(.sub-tree)>td:first-child::before,
.tree tr:not(.sub-tree)>td>a,
.tree tr:not(.sub-tree)>td>span {
  color: var(--text-secondary-color)
}

.tree tr:not(.sub-tree)>td>a:hover {
  color: var(--text-color)
}

.tree tr:not(.sub-tree)>td>a::before {
  margin-right: .5em
}

.tree tr:not(.sub-tree)>td.actions,
.tree tr:not(.sub-tree)>td.actions>*,
.tree tr:not(.sub-tree)>td.date {
  line-height: 1rem;
  vertical-align: middle;
  font-size: .8rem;
  width: 1px;
  white-space: nowrap;
  color: #bbb
}

.tree tr:not(.sub-tree)>td.actions {
  width: 2.2rem;
  text-align: right
}

.tree tr:not(.sub-tree)>td.actions>* {
  visibility: hidden;
  cursor: pointer;
  opacity: 0
}

.tree tr:not(.sub-tree)>td.actions>*.icon-remove:hover::before {
  color: #f91f1f
}

.tree tr:not(.sub-tree)>td.actions>*.icon-edit:hover::before,
.tree tr:not(.sub-tree)>td.actions>*.icon-file-download:hover::before {
  color: #09c
}

.tree tr:not(.sub-tree):hover:not(.empty)>td {
  background-color: #cde1ff
}

.tree tr:not(.sub-tree):hover:not(.empty)>td:first-child {
  border-top-left-radius: 2px;
  border-bottom-left-radius: 2px
}

.tree tr:not(.sub-tree):hover:not(.empty)>td:last-child {
  border-top-right-radius: 2px;
  border-bottom-right-radius: 2px
}

.tree tr:not(.sub-tree):hover:not(.empty)>td.actions>*,
.tree tr:not(.sub-tree):hover:not(.empty)>td.date {
  color: #999
}

.tree tr:not(.sub-tree):hover:not(.empty)>td.actions>* {
  visibility: visible;
  opacity: 1
}

.tree tr.expandable {
  -webkit-user-select: none;
  user-select: none;
  cursor: pointer
}

.tree tr.expandable>td:first-child {
  border-top-left-radius: 2px;
  border-bottom-left-radius: 2px;
  font-weight: bold
}

.tree tr.expandable>td:first-child::before {
  transition: transform .15s ease-out;
  -webkit-transform-origin: 50% 51%
}

.tree tr.expandable>td:first-child>span::before {
  margin-right: .25em
}

.tree tr.expandable>td:last-child {
  border-top-right-radius: 2px
}

.tree tr.sub-tree>td {
  padding: 0 0 0 1.4em
}

.tree tr.sub-tree>td:first-child::before {
  display: none
}

.tree tr.sub-tree>td>div>.tree {
  border-radius: 2px;
  background-color: #f9f9f9
}

.tree tr.sub-tree>td>div>.tree tr>td:first-child::before {
  display: none
}

.tree tr.empty>td {
  font-style: italic;
  color: #999
}

.attachment.icon-file-pdf::before {
  color: #f91f1f
}

.attachment.icon-file-pdf:hover:not(.disabled):not(:disabled)::before {
  color: #fa3838 !important
}

.attachment.icon-file-excel::before {
  color: #00c851
}

.attachment.icon-file-excel:hover:not(.disabled):not(:disabled)::before {
  color: #00e25b !important
}

.attachment.icon-file-word::before {
  color: #007cac
}

.attachment.icon-file-word:hover:not(.disabled):not(:disabled)::before {
  color: #008ec6 !important
}

.attachment.icon-file-image::before {
  color: #09c
}

.attachment.icon-file-image:hover:not(.disabled):not(:disabled)::before {
  color: #00ace6 !important
}

.attachment.icon-calendar::before {
  color: #9c793b
}

.attachment.icon-calendar:hover:not(.disabled):not(:disabled)::before {
  color: #af8742 !important
}

.attachment.icon-file-presentation::before {
  color: #e99e18
}

.attachment.icon-file-presentation:hover:not(.disabled):not(:disabled)::before {
  color: #eba82f !important
}

.attachments-box {
  padding: 5px
}

.attachments-box>.attachments-box-header {
  margin-bottom: .5em
}

.attachments-box>.attachments-box-header>* {
  color: #999;
  display: inline-block;
  vertical-align: middle
}

.attachments-box>.attachments-box-header>h2 {
  margin: 0 0 .25em 0
}

.attachments-box>.attachments-box-header>h2::before {
  margin-right: .2em
}

.attachments-box>.attachments-box-header>.i-button.right {
  margin-top: 0
}

.attachments-box .tree tr.sub-tree>td>div>.tree {
  background-color: #fff
}

.category-sidebar>.attachments-box>.attachments-box-header {
  margin-top: 20px;
  padding-bottom: .2em;
  border-bottom: 1px solid #ebebeb;
  box-shadow: 0 1px 0 #fafafa
}

.category-sidebar>.attachments-box>.attachments-box-header>h2 {
  padding-bottom: 0;
  border-bottom: 0;
  box-shadow: none
}

.contribution-display .row.files .column .attachments-box>.attachments-box-header {
  padding-bottom: .5em;
  border-bottom: 1px solid #e0e0e0
}

.contribution-display .row.files .column .attachments-box>.attachments-box-header>h2 {
  margin-top: 0;
  padding-bottom: 0;
  border-bottom: 0
}

.contribution-display .row.files .column .attachments-box>.attachments-box-header>.i-button.right {
  margin: 0 !important
}

.inline-attachments-icon {
  vertical-align: middle !important;
  line-height: 1.7em
}

.inline-attachments-icon::before {
  vertical-align: middle !important;
  display: inline-block;
  margin-top: .3em;
  font-size: 1.4em;
  color: #999
}

.material-list .folder .attachment {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 150px;
  padding-left: .2em !important
}

.material-list .folder .attachment .title {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  color: var(--text-secondary-color)
}

.material-list .folder .attachment[data-attachment-source] {
  padding-right: .3em !important
}

.material-list .folder .attachment[data-attachment-source]:hover::after {
  color: #777
}

.material-list .folder .attachment[data-attachment-source]::after {
  margin-left: .2em
}

.material-list .folder .attachment[data-attachment-source]::after {
  line-height: 1;
  font-size: 1.2em;
  color: #999;
  vertical-align: top;
  margin-left: .5em
}

.material-list .folder .i-button.attachment,
.material-list .folder .attachments {
  font-family: Roboto, sans-serif;
  font-weight: normal;
  white-space: nowrap;
  margin-top: .2em
}

.material-list .folder .i-button.attachment.is-protected,
.material-list .folder .attachments.is-protected {
  border-bottom: 2px solid #f91f1f
}

.material-list .folder .i-button.attachment.is-protected:hover::before,
.material-list .folder .attachments.is-protected:hover::before {
  color: #f91f1f !important
}

.material-list .folder .i-button.attachment.is-protected:hover,
.material-list .folder .attachments.is-protected:hover {
  border-bottom-color: #f91f1f !important
}

.material-list .folder .i-button.attachment.has-label,
.material-list .folder .attachments.has-label {
  margin: 0;
  padding-left: .7em !important
}

.material-list .folder {
  display: inline-flex;
  margin-left: .2em
}

.material-list .folder.is-protected .i-button.label {
  border-bottom: 2px solid #f91f1f;
  border-bottom-color: #f91f1f !important
}

.material-list .folder.is-protected .i-button.label:hover::before {
  color: #f91f1f !important
}

.material-list .folder.is-protected .i-button.label:hover {
  border-bottom-color: #f91f1f !important
}

.material-list .folder .i-dropdown>li {
  padding: .1em .2em !important
}

.material-list .folder .i-dropdown>li .attachment {
  max-width: 250px
}

.material-list .folder .i-dropdown>li .attachment.is-protected {
  color: #f91f1f
}

.folder-main,
div.main>.attachments-package {
  max-width: 1024px;
  margin: auto;
  margin-top: 2em;
  padding: 2em;
  background-color: #f9f9f9
}

.attachment-preview-top-bar {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  background-color: #555;
  color: #fff;
  padding: 10px;
  z-index: 10;
  align-items: center
}

.attachment-preview-top-bar .attachment-title>span {
  font-size: 1.1em
}

.attachment-preview-top-bar .attachment-title>span::before {
  margin-right: .5em
}

.attachment-preview-top-bar .attachment-preview-close>a {
  font-size: 1.5em;
  color: #ececec
}

.attachment-preview-top-bar .attachment-actions {
  margin-right: .5em
}

.attachment-preview-top-bar .attachment-actions>a {
  font-size: 1.3em
}

.attachment-preview-dialog .exclusivePopup {
  padding: 0;
  position: fixed;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background-color: rgba(0, 0, 0, 0)
}

.attachment-preview-dialog .exclusivePopup .attachment-preview-content-wrapper {
  height: auto;
  width: 100%;
  position: absolute;
  top: 50px;
  bottom: 0
}

.attachment-preview-dialog .exclusivePopup .attachment-preview-content-wrapper .attachment-preview-content>img {
  position: absolute;
  margin: auto;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  max-width: 90%;
  max-height: 80%
}

.attachment-preview-dialog .exclusivePopup .attachment-preview-content-wrapper .attachment-preview-content>iframe,
.attachment-preview-dialog .exclusivePopup .attachment-preview-content-wrapper .attachment-preview-content .text-preview-content {
  position: absolute;
  margin: auto;
  left: 0;
  right: 0;
  height: 100%;
  width: 900px
}

.attachment-preview-dialog .exclusivePopup .attachment-preview-content-wrapper .attachment-preview-content>.text-preview-content {
  padding: 2vw;
  background-color: #fff;
  overflow: auto
}

.attachment-preview-overlay {
  opacity: .9
}

.attachments-tooltip-button {
  cursor: pointer;
  color: #bbb
}

.attachments-tooltip-button:hover,
.attachments-tooltip-button.open {
  color: #999
}

form#attachment-upload-form.full-width .dropzone {
  width: 770px
}

form#attachment-upload-form.full-width .dropzone .select-files-btn,
form#attachment-upload-form.full-width .dropzone .dropzone-previews {
  display: block
}

.login-page {
  background-image: url("../../images/fondo-hex.png");
  background-repeat: no-repeat;
  background-size: cover;
  font-family: Helvetica, Verdana, sans-serif;
  /*background-color:#f9f9f9;*/
  background-color: #030526;
  background-position: center;
  background-size: cover;
  margin: 0;
  padding: 0;
  text-align: center;
  display: table;
  position: absolute;
  height: 100%;
  width: 100%
}

.login-page .middle {
  display: table-cell;
  vertical-align: middle
}

.login-page .middle .centered-column-wrapper {
  margin: auto;
  width: 800px
}

@media(max-width: 800px) {
  .login-page .middle .centered-column-wrapper {
    width: 400px
  }
}

.login-page .middle .centered-column-wrapper .centered-column {
  width: 350px;
  margin: 0 auto 50px auto
}

.login-page .middle .centered-column-wrapper .centered-column.wide {
  width: 500px
}

.login-page .middle .centered-column-wrapper .header-logo {
  margin-bottom: 20px;
  height: 100px
}

.login-page .middle .centered-column-wrapper .footer {
  width: inherit;
  display: flex;
  flex-direction: column;
  align-items: center;
  margin: 0 auto;
  position: absolute;
  bottom: 0
}

.login-page form {
  margin-bottom: 10px
}

.login-page .login-form-button,
.login-page .provider-with-form {
  width: 100%;
  height: 3.2em;
  padding: .5em 1em;
  line-height: 1.5;
  margin-bottom: 10px;
  position: relative
}

.login-page .login-form-button:last-of-type,
.login-page .provider-with-form:last-of-type {
  margin-bottom: 0
}

.login-page form input:not([type=submit]) {
  height: 2.5em;
  padding: .5em 1em;
  line-height: 1.5;
  width: 100%;
  color: #555;
  border: 1px solid #bbb;
  margin-top: -1px
}

.login-page form input:not([type=submit]):first-of-type {
  border-top-right-radius: .2em;
  border-top-left-radius: .2em;
  margin-top: 0
}

.login-page form input:not([type=submit]):last-of-type {
  border-bottom-right-radius: .2em;
  border-bottom-left-radius: .2em
}

.login-page .login-providers {
  margin-top: 20px
}

.login-page .login-providers .i-button {
  width: 100%;
  height: 3.2em;
  padding: .5em 1em;
  line-height: 1.5;
  margin-bottom: 10px;
  position: relative
}

.login-page .login-providers .i-button:last-of-type {
  margin-bottom: 0
}

.login-page .login-providers .i-button.external-provider-facebook {
  color: #fff !important;
  background-color: #3b579d;
  border-color: #3b579d
}

.login-page .login-providers .i-button.external-provider-facebook:hover {
  background: #3f5da8;
  border-color: #3f5da8
}

.login-page .login-providers .i-button.external-provider-twitter {
  color: #fff !important;
  background-color: #4092cc;
  border-color: #4092cc
}

.login-page .login-providers .i-button.external-provider-twitter:hover {
  background: #55acee;
  border-color: #55acee
}

.login-page .login-providers .i-button~.i-button {
  margin-left: 0
}

.login-page .titled-rule {
  color: #bbb;
  font-size: 1em;
  margin: 20px 0
}

.login-page .titled-rule::before,
.login-page .titled-rule::after {
  background: #bbb
}

.login-page .link {
  text-align: left;
  margin-top: 20px
}

.login-page .forgot-my-password {
  text-align: right;
  margin-top: 10px
}

.login-page .register {
  color: #555;
  margin-top: 10px
}

.login-page .footer-links {
  display: none
}

.login-reason-box {
  border-radius: 2px;
  background: #00a4e4;
  color: #fff;
  font-weight: bold;
  margin: 1em 0;
  padding: 1em
}

.app-auth-box {
  font-size: 1.1em
}

.app-auth-box .row {
  padding: 20px
}

.app-auth-box .row+.row {
  padding-top: 0
}

.auth-stakeholder-info {
  width: 120px
}

.auth-stakeholder-info i {
  font-size: 4em
}

.auth-stakeholder-info div {
  font-weight: bold
}

.auth-scopes {
  display: inline-block;
  font-size: 1.1em
}

.auth-scopes ul {
  list-style-type: none;
  margin-bottom: 0;
  margin-top: .5em;
  padding-left: 1em;
  text-align: left
}

.auth-scopes li::before {
  padding-right: .5em
}

.field.policy {
  border: 1px solid #bbb;
  max-height: 42ex;
  overflow-y: auto;
  padding: 10px
}

.bootstrap-header {
  font-family: "Liberation Sans", sans-serif;
  line-height: initial;
  font-weight: bolder;
  z-index: 1;
  display: block;
  width: 100%;
  height: 350px;
  padding-top: 20px;
  text-align: center;
  border-bottom: 5px solid #fff;
  background-color: #005272;
  background-repeat: no-repeat;
  background-position: 20px 20px
}

.bootstrap-header .header-logo {
  height: 50%;
  color: #fff
}

.bootstrap-header .header-title {
  font-family: "Maven Pro", sans-serif;
  font-size: 54px;
  color: #cde1ff
}

.bootstrap-header .header-subtitle {
  font-family: "Maven Pro", sans-serif;
  font-size: 26px;
  color: #fff
}

.bootstrap-header.mini {
  position: fixed;
  top: 0;
  height: 120px;
  text-align: left
}

.bootstrap-header.mini .header-logo {
  float: left;
  height: 75%;
  margin-left: 50px;
  padding-right: 30px
}

.bootstrap-header .language-selector {
  position: fixed;
  z-index: 1;
  top: 10px;
  right: 10px;
  padding: 0
}

.bootstrap-header .language-selector .i-button.arrow {
  width: 102px;
  color: #e6e6e6 !important;
  border: 0
}

.bootstrap-header .language-selector .i-button.arrow:hover:not(.disabled):not(:disabled) {
  color: #fff !important
}

.bootstrap-header .language-selector .i-dropdown {
  width: 200px;
  text-align: left
}

.bootstrap-body::before,
.bootstrap-body::after {
  line-height: 0;
  display: table;
  content: ""
}

.bootstrap-body {
  font-family: "Liberation Sans", sans-serif;
  width: 100%;
  min-width: 800px;
  max-width: 1140px;
  margin-right: auto;
  margin-left: auto;
  padding-top: 30px;
  padding-bottom: 50px;
  border-left: 3px #005272 solid;
  background: #fff
}

@media only screen and (min-width: 481px)and (max-width: 768px) {
  .bootstrap-body {
    min-width: 480px;
    max-width: 492px
  }
}

@media only screen and (min-width: 769px)and (max-width: 1024px) {
  .bootstrap-body {
    min-width: 600px;
    max-width: 680px
  }
}

@media only screen and (min-width: 1025px)and (max-width: 1230px) {
  .bootstrap-body {
    max-width: 937px
  }
}

.bootstrap-body.mini {
  margin-top: 120px
}

.bootstrap-body #flashed-messages {
  width: 85%;
  margin: 0 auto
}

.bootstrap-body .bootstrap-form {
  width: 100%;
  max-width: none;
  height: 100%
}

.bootstrap-body .bootstrap-form .step-wrapper {
  width: 100%;
  padding-top: 75px;
  color: #555
}

.bootstrap-body .bootstrap-form .step-wrapper div {
  overflow: hidden
}

.bootstrap-body .bootstrap-form .step-wrapper .step-icon {
  float: left;
  width: 100px;
  height: 100px;
  margin-top: 1em;
  margin-left: -50px;
  padding: 0;
  border: 5px solid #fff;
  border-radius: 50%;
  background-color: #005272
}

.bootstrap-body .bootstrap-form .step-wrapper .step-icon i {
  font-size: 50px;
  position: relative;
  z-index: 0;
  top: 20px;
  left: 20px;
  color: #fff
}

.bootstrap-body .bootstrap-form .step-wrapper .step-container {
  width: 85%;
  text-align: left
}

.bootstrap-body .bootstrap-form .step-wrapper .step-container .step-title {
  font-family: "Maven Pro", sans-serif;
  font-size: 4em;
  font-weight: bold;
  padding-bottom: .6em;
  padding-left: 2%;
  color: #005272
}

.bootstrap-body .bootstrap-form .step-wrapper .step-container .step-description {
  font-size: 1.4em;
  float: left;
  width: 40%;
  padding-left: 2%;
  text-align: justify;
  color: #555
}

.bootstrap-body .bootstrap-form .step-wrapper .step-container .step-description div {
  padding-bottom: 1em
}

.bootstrap-body .bootstrap-form .step-wrapper .step-container .step-description .additional-information {
  color: #bbb
}

.bootstrap-body .bootstrap-form .step-wrapper .step-container .fields-container {
  float: right;
  width: 50%
}

.bootstrap-body .bootstrap-form .step-wrapper .step-container .fields-container>.form-group>.form-label>.required {
  display: none
}

.bootstrap-body .bootstrap-form .step-wrapper .step-container .fields-container>.warning-message-box {
  margin-left: 1.2em;
  width: 400px
}

.bootstrap-body .bootstrap-form .step-wrapper .step-container>div {
  width: 100%
}

.bootstrap-body .bootstrap-form .step-wrapper .step-container input,
.bootstrap-body .bootstrap-form .step-wrapper .step-container select,
.bootstrap-body .bootstrap-form .step-wrapper .step-container label {
  font-size: 1.2em
}

.bootstrap-body .bootstrap-form .step-wrapper .i-button {
  font-family: "Maven Pro", sans-serif
}

.bootstrap-body .form-group-footer {
  float: right;
  margin-bottom: 2em;
  text-align: center;
  width: 100%
}

.bootstrap-body .form-group-footer .i-button.big {
  font-size: 2em;
  width: 40%;
  padding: .5em
}

.transparent-button {
  border-color: rgba(0, 0, 0, 0);
  background-color: rgba(0, 0, 0, 0) !important
}

.transparent-button:hover:not(.disabled):not(:disabled) {
  background: rgba(0, 0, 0, 0);
  background-image: linear-gradient(to bottom, transparent, transparent);
  border-color: rgba(0, 0, 0, 0);
  box-shadow: none
}

.transparent-button:active:not(.disabled):not(:disabled) {
  background: rgba(0, 0, 0, 0);
  background-image: linear-gradient(to bottom, transparent, transparent);
  border-color: rgba(0, 0, 0, 0)
}

#step1 .form-group .form-field,
#step2 .form-group:nth-last-child(2) .form-field,
#step3 .form-group:nth-child(n+2) .form-field {
  margin-bottom: 1.6em
}

#step1 .form-group .form-label,
#step2 .form-group:last-child .form-label,
#step3 .form-group:nth-child(n+2) .form-label {
  display: none
}

.confirmation-dialog .body ul.categ-list {
  padding-left: 13px;
  margin: 0
}

.confirmation-dialog .body ul.categ-list span.event-date {
  padding-left: 10px;
  color: #888;
  font-size: .9em;
  margin: 0
}

.confirmation-dialog .body ul.categ-list span.event-title {
  font-style: italic
}

  /* ==========================================================================
   6. MÓDULOS DE GESTIÓN: CATEGORÍAS, EVENTOS Y CALENDARIO
   ========================================================================== */

.category-container {
  --horizontal-padding: 3em;
  display: grid;
  grid-template-columns: 1fr minmax(0, auto);
  grid-template-areas: "hd hd" "ct sb";
  gap: 0 1em;
  background: #fff;
  margin-bottom: .75em;
  overflow-x: hidden
}

@media(width < 66em) {
  .category-container {
    grid-template-columns: auto;
    grid-template-areas: "hd" "ct" "sb";
    gap: 1em
  }
}

.category-header {
  grid-area: hd;
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  gap: 1em;
  background-image: linear-gradient(to bottom, #fcfcfc, #f2f2f2);
  border-bottom: 1px solid #e6e6e6;
  border-top: 1px solid #fff;
  padding: 1.5em var(--horizontal-padding);
  line-height: initial
}

.category-header .back-button {
  margin-top: .4em
}

.category-title {
  flex: 1 1 auto;
  font-size: 2em;
  color: #cb6d04;
  font-weight: normal;
  margin: auto;
  max-width: 66em;
  text-align: left
}

.category-title .subtitle {
  font-style: italic;
  font-size: .8em
}

#category-toolbar {
  flex: 0 1 auto;
  display: flex;
  flex-wrap: wrap;
  justify-self: flex-end;
  width: -moz-fit-content;
  width: fit-content
}

#category-toolbar .create-event-button button {
  border-radius: 2px
}

.category-description ul,
.category-description ol {
  margin-left: 3em
}

.category-description :is(ul, ol) :is(ul, ol) {
  margin-left: 1.2em
}

.category-description :is(ul, ol)+p {
  margin-top: 1em
}

.category-content-wrapper {
  grid-area: ct;
  overflow-x: hidden;
  padding: 2em var(--horizontal-padding)
}

.category-stats-container {
  padding-top: 40px
}

.category-stats-container .ui.segments>.segment {
  width: 50%
}

.category-stats-container .ui.statistic>.value {
  font-size: 3rem !important
}

.category-content {
  max-width: 66em;
  margin: 0 auto
}

.category-info {
  font-family: "Roboto", sans-serif;
  color: var(--text-secondary-color);
  font-size: 1.2em;
  min-height: .3em;
  margin: 0 0 2em 0
}

.category-info .category-logo {
  margin-right: 1em
}

.category-sidebar {
  grid-area: sb;
  padding: 1em;
  background: #fafafa;
  background-image: linear-gradient(to bottom, #fafafa 95%, #fff 100%);
  border-left: 1px solid #f2f2f2;
  color: #666
}

@media(width < 66em) {
  .category-sidebar {
    padding: 2em var(--horizontal-padding)
  }
}

@media(width >=66em) {
  .category-sidebar {
    width: 26em
  }
}

.category-sidebar:empty {
  padding: 0
}

.category-sidebar>* {
  margin: 0 auto;
  max-width: 62rem
}

.category-sidebar>.title {
  border-bottom: 1px solid #ebebeb;
  box-shadow: 0 1px 0 #fafafa;

  margin-top: 20px;
  margin-bottom: 10px;
  padding-bottom: .2em;
  display: flex;
  align-items: center;
  justify-content: space-between
}

.category-sidebar>.title h2 {
  margin: 0;
  color: #999;
  font-weight: normal
}

.category-sidebar>.title h2::before {
  margin-right: .5em;
  vertical-align: -10%
}

.category-sidebar>.title .actions {
  float: right
}

.category-sidebar>.title .more-icon {
  margin: .8em 1em 0 0
}

.category-sidebar ul {
  list-style-type: none;
  padding: 0;
  font-size: 1.1em
}

.category-sidebar .material-show {
  transition: color .25s ease-out;
  -webkit-user-select: none;
  user-select: none;
  cursor: pointer;
  color: #999;
  margin: .2em .5em 0 0
}

.category-sidebar .material-show:hover {
  color: #bbb
}

.category-sidebar .material-show .material-title-icon {
  font-size: .8em;
  padding-top: .2em
}

.category-sidebar li h3 {
  font-family: Helvetica Neue, Helvetica, Verdana, Arial, sans-serif;
  font-weight: normal;
  font-size: 1em;
  margin-top: 0;
  margin-bottom: .5em;
  margin-left: .2em;
  display: inline-block;
  line-height: 1em;
  color: #999
}

.category-sidebar li h3:hover {
  color: #bbb
}

.main-page-list a {
  color: #007cac
}

.main-page-list li {
  margin-bottom: .5em;
  list-style-type: none
}

.main-page-list li .title {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: 1em;
  display: block;
  max-width: 100%
}

.main-page-list li .timing {
  font-size: .8em;
  display: block;
  margin-top: .2em;
  color: #777;
  text-shadow: 1px 1px 0 #fefefe
}

#manager-list li {
  margin-bottom: .2em
}

#manager-list li::before {
  margin-right: .5em
}

ul.category-list {
  font-size: 1.2em;
  list-style-type: none;
  padding: 0;
  border-left: 1px solid #fafafa;
  border-right: 1px solid #e6e6e6
}

ul.category-list li {
  transition: color .25s ease-out;
  -webkit-user-select: none;
  user-select: none;
  background: #f2f2f2;
  display: flex;
  align-items: center;
  line-height: 2.5em;
  color: #b3b3b3;
  cursor: pointer;
  border-top: 1px solid #fafafa;
  border-bottom: 1px solid #e6e6e6
}

ul.category-list li a {
  transition: color .25s ease-out;
  flex: 1;
  display: block;
  padding: 0 0 0 1em;
  position: relative
}

ul.category-list li a.invisible-block {
  color: inherit !important;
  text-decoration: inherit !important;
  display: block;
  padding: 0 !important
}

ul.category-list li .category-description {
  display: flex;
  align-items: center;
  flex-shrink: 0;
  gap: .5em
}

ul.category-list li .category-description .number-events {
  color: var(--text-secondary-color);
  margin-right: .5em
}

ul.category-list li .category-description .protection {
  display: flex;
  height: 1em;
  width: 1em;
  color: #a36264
}

ul.category-list li .category-description .protection.not-protected {
  opacity: 0
}

ul.category-list li:hover {
  color: #777
}

ul.category-list li:hover::after {
  color: var(--text-secondary-color)
}

ul.category-list li::after {
  transition: color .25s ease-out;
  color: #ccc;
  font-family: "icomoon-ultimate";
  margin-right: 1em;
  margin-left: 1em;
  flex-shrink: 0
}

ul.category-resource-qtip {
  list-style: none;
  padding-left: 0;
  margin: 0;
  color: #888;
  font-size: 11px;
  line-height: 15px
}

#eventCreationForm .form-group .form-field {
  padding: 0
}

.event-list h3 {
  color: #555;
  font-weight: normal;
  font-size: 18px;
  margin-top: 20px;
  margin-left: 40px;
  padding: 0;
  border-bottom: 1px solid #ebebeb
}

.event-list h3.current-month {
  border-bottom: 1px solid #aaa
}

.event-list h3.current-month span {
  padding: 5px 5px 0 5px;
  color: #2f2506;
  background-color: #f6e8bd;
  border-radius: 5px 5px 0 0;
  border-bottom: 1px solid #aaa
}

.event-list ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
  display: block
}

.event-list li {
  margin: 0 0 10px 60px;
  padding: 0;
  display: flex;
  align-items: baseline
}

.event-list li .list-name {
  display: flex;
  align-items: baseline
}

.event-list li .date {
  padding: 5px;
  margin-right: 10px;
  font-size: 13px;
  color: #444;
  flex-shrink: 0
}

.event-list li .event-icons {
  padding: 0 15px;
  font-size: 1.2em;
  white-space: nowrap;
  color: var(--text-secondary-color);
  max-width: 56px;
  min-width: 56px
}

.event-list li .event-icons a,
.event-list li .event-icons a:hover {
  color: var(--text-secondary-color)
}

.event-list li .list-name a {
  font-size: 17px
}

.event-list li .today {
  font-size: 13px;
  color: #444;
  background-color: #f6e8bd;
  border-radius: 5px
}

.event-list li .protected {
  font-weight: normal;
  color: var(--text-secondary-color)
}

.event-list li .ui.label {
  text-transform: uppercase;
  vertical-align: 20%
}

.category-overview {
  width: calc(100vw - 300px)
}

.category-overview>.title {
  height: 30px
}

.category-overview>.title .text {
  font-size: 1.2em;
  font-style: italic;
  margin-left: 5px;
  margin-right: 5px
}

.category-overview>.title .navigation a {
  padding: 5px
}

.category-overview .category-table {
  display: block;
  overflow-x: auto
}

.category-overview .category-table>table:not(.day) {
  border: 1px solid #aaa;
  border-collapse: separate;
  border-spacing: 1px
}

.category-overview .category-table>table:not(.day) tr {
  background-color: #eee
}

.category-overview .category-table table {
  width: 100%;
  border-collapse: collapse
}

.category-overview .category-table table th {
  background-color: #444;
  color: #fff;
  text-align: center;
  font-weight: normal;
  white-space: nowrap;
  padding: 1px 15px
}

.category-overview .category-table td {
  padding: 0;
  vertical-align: top
}

.category-overview .category-table td.day {
  vertical-align: top;
  padding: 5px
}

.category-overview .category-table td.day:not(:empty) {
  min-width: 180px
}

.category-overview .category-table td.day>.calendar-date {
  font-size: 1.5em;
  font-weight: bold;
  text-align: center
}

.category-overview .category-table td.day>.calendar-date a {
  color: #aaa
}

.category-overview .category-table td.day table tr {
  background-color: #fff
}

.category-overview .category-table td.day table tr td {
  font-size: inherit
}

.category-overview .category-table td.day table tr td.content-info {
  padding-left: 10px
}

.category-overview .category-table td.day table tr td .location-info,
.category-overview .category-table td.day table tr td .persons {
  font-size: .8em
}

.category-overview .category-table td.other-month {
  background-color: #fff
}

.category-overview .category-table tr.event>td {
  padding: 8px 3px;
  font-size: 1.1em
}

.category-overview .category-table tr.event:not(:first-of-type) td {
  border-top: 1px dotted #aaa
}

.category-overview .category-table tr.event .title .ui.label {
  text-transform: uppercase
}

.category-overview .category-table tr.event .category-icon {
  float: right;
  margin-left: 3px
}

.category-overview .category-table td.time {
  font-style: italic;
  white-space: nowrap;
  width: 40px
}

.category-overview .category-table td.content-info {
  padding-left: 20px
}

.category-overview .category-table td.content-info table.timetable-entries tr.contribution {
  background-color: #deebf8
}

.category-overview .category-table td.content-info table.timetable-entries tr.session {
  background-color: #fff1d5
}

.category-overview .category-table td.content-info table.timetable-entries tr.break {
  background-color: #e0ecd2
}

.category-overview .category-table td.content-info table.timetable-entries tr:not(:first-of-type) td {
  border-top: 1px dashed #aaa
}

.category-overview .category-table td.content-info table.timetable-entries tr td {
  padding: 3px 2px
}

.category-overview .category-table .location-info {
  max-width: 220px;
  text-overflow: ellipsis;
  overflow: hidden;
  color: #00008b
}

.category-overview .category-table .persons {
  color: #006400
}

.category-overview-side-menu .ui-datepicker {
  width: 192px
}

.category-overview-side-menu #display-options .form-group {
  margin-bottom: 1em
}

.category-overview-side-menu #display-options .form-group>div {
  padding: 0;
  margin: 0
}

.category-overview-side-menu #display-options .form-label {
  min-height: 2em
}

.category-overview-side-menu #display-options select {
  width: 100%
}

.category-calendar-side-menu .ui-datepicker {
  width: 192px
}

.category-calendar-page header {
  position: relative;
  margin-bottom: 1.8em
}

.category-calendar-page header .title .text {
  font-size: 1.428em
}

.category-calendar-page header h2,
.category-calendar-page header h3 {
  display: inline-block;
  margin-top: 0;
  margin-bottom: 0;
  color: #333
}

.category-calendar-page header h2 {
  margin-right: .5rem;
  font-size: 150%;
  font-weight: normal
}

.category-calendar-page header h3 {
  margin-top: .42rem;
  font-size: 100%
}

.category-calendar-page header .back-button {
  position: absolute;
  top: 11px;
  left: -20px;
  font-size: 15px;
  color: #dfdfdf
}

.category-calendar-page header .back-button:hover {
  color: #999
}

.category-calendar-page header .title {
  display: flex;
  align-items: flex-start;
  padding-top: .4rem;
  min-height: 2rem;
  border-bottom: 1px solid #ebebeb;
  margin-bottom: 1rem
}

.category-calendar-page header .title>.text {
  flex-grow: 1
}

.category-calendar-page header .title>.text>.title-with-actions {
  display: flex;
  align-items: center;
  gap: 1em
}

.category-calendar-page header .title>.text>.title-with-actions h2,
.category-calendar-page header .title>.text>.title-with-actions h3 {
  font-size: 120%;
  font-weight: normal;
  display: inline;
  margin-right: 0
}

.category-calendar-page header .title>.text>.title-with-actions .actions {
  display: inline-block;
  vertical-align: bottom;
  font-size: .8em
}

.category-calendar-page header .title>.text>.title-with-actions .i-button[class*=icon-]::before {
  font-size: 1em;
  margin-right: .2em
}

.category-calendar-page header .title>.text>.title-with-actions .i-dropdown>li a {
  display: block;
}

.menu-entries {
    padding: 5px 10px;
    margin-top: 0;
    list-style: none;
}
.menu-entries>li {
    margin-top: 5px;
}
.menu-entries>li>.menu-entry>.i-label>.title {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    flex: 1;
}
.menu-entries>li>.menu-entry>.i-label.drag-handle {
    cursor: move;
}
.menu-entries>li>.menu-entry>.i-label {
    margin: 0;
    width: 100%;
    text-align: left;
    font-weight: bold;
    justify-content: flex-start;
}
.menu-entries>li>.menu-entry>.i-label>.actions {
    max-width: 33%;
    margin-right: -5px;
}
.menu-entries>li>.menu-entry>.i-label>* {
    line-height: 1.2em;
    height: 1.2em;
    vertical-align: middle;
}
.menu-entries>li>.menu-entry>.i-label>.actions a, .menu-entries>li>.menu-entry>.i-label>.actions a:active, .menu-entries>li>.menu-entry>.i-label>.actions a:focus {
    outline: none;
}
.menu-entries>li>.menu-entry>.i-label>.actions>* {
    padding: 0 2px;
    color: #999;
    opacity: .6;
}
.icon-home::before, .menu-entries>li>.menu-entry>.i-label>.actions>.default::before, .menu-entries>li>.menu-entry>.i-label>.actions>.not-default::before {
    content: "";
}
.icon-eye::before, .sortable-list ul.enabled li .toggle-enabled::before, .menu-entries>li>.menu-entry>.i-label>.actions>.enabled::before, .menu-entries>li>.menu-entry>.i-label>.actions>.not-enabled:hover::before, .list-filter .i-label.title-wrapper>.actions>.visibility.enabled::before {
    content: "";
}
.icon-edit::before, .menu-entries>li>.menu-entry>.i-label>.actions>.edit-entry::before {
    content: "";
}
.icon-remove::before, .menu-entries>li>.menu-entry>.i-label>.actions>.delete-entry::before {
    content: "";
}
.icon-file::before, .menu-entries>li>.menu-entry>.i-label>.entry-page::before {
    content: "";
}
.icon-link::before, [id^=wmd-link-button] span::before, .menu-entries>li>.menu-entry>.i-label>.entry-internal_link::before, .menu-entries>li>.menu-entry>.i-label>.entry-user_link::before, .menu-entries>li>.menu-entry>.i-label>.entry-plugin_link::before {
    content: "";
}


/* ==========================================================================
   ESTILOS PERSONALIZADOS RED INNOVANDO
   ========================================================================== */

/* --------------------------------------------------------------------------
   1. VARIABLES Y CONFIGURACIÓN GLOBAL
   -------------------------------------------------------------------------- */
:root {
  --primary-deep: #03434D;
  --accent-blue: #06353C;
  --dark-bg: #04232A;
  --text-title: #062932;
  --white: #FFFFFF;
  --black: #000000;
  --light-gray: #F8FAFB;
  --highlight-cyan: #0D5A6B;
  --sidebar-selected: #023E4A;
}

/* --------------------------------------------------------------------------
   2. AJUSTES DE ESTRUCTURA Y ELEMENTOS HEREDADOS (LEGACY)
   -------------------------------------------------------------------------- */
/* Ocultar elementos del encabezado original pero mantener contenedores para diseño */
.confSubTitleBox,
#pageSubHeader:not(.search-box-div) {
  display: none !important;
}

.confTitleBox {
  display: block !important;
  position: absolute !important;
  inset: 0 !important;
  background: transparent !important;
  border: none !important;
  margin: 0 !important;
  padding: 0 !important;
  pointer-events: none !important;
  z-index: 5 !important;
}

.confTitleBox * {
  display: none !important;
}

/* Excepción: Mostrar barra de búsqueda si está activa dentro del subheader */
#pageSubHeader.search-box-div {
  display: flex;
  background-color: #097e8d !important;
  padding: 27px 25px !important;
  justify-content: center;
  align-items: center;
}

.confBodyBox {
  padding: 0 !important;
}

/* --------------------------------------------------------------------------
   3. TIPOGRAFÍA Y ESTILOS DE TEXTO
   -------------------------------------------------------------------------- */
/* Títulos con fuente Outfit */
h1,
h2,
h3,
.hero-title,
.span-title {
  font-family: 'Inter', sans-serif !important;
  font-weight: 700 !important;
  color: var(--primary-deep);
}

/* Texto de contenido principal */
.conferenceDetails {
  font-family: 'Inter', sans-serif !important;
  line-height: 1.6 !important;
  color: var(--black) !important;
}

.conferenceDetails .description, .page-content .editor-output {
  margin: 0px 25px 2em 10px !important;
  font-size: 1.2em;
}
.conferenceDetails .description{
  font-size: 1em;
}
/* Títulos de sección con subrayado decorativo */
.span-title {
  font-size: 32px !important;
  color: var(--text-title) !important;
  margin-bottom: 25px !important;
  position: relative !important;
  display: block !important;
  padding-bottom: 15px !important;
}

.span-title::after {
  content: "" !important;
  position: absolute !important;
  left: 0 !important;
  bottom: 0 !important;
  width: 50px !important;
  height: 4px !important;
  background: var(--accent-blue) !important;
}

/* Listas con viñetas personalizadas */
.content-title2 ul li {
  margin-bottom: 15px !important;
  padding-left: 30px !important;
  position: relative !important;
  list-style: none;
}

.content-title2 ul li::before {
  content: "•" !important;
  position: absolute !important;
  left: 0 !important;
  color: var(--highlight-cyan) !important;
  font-weight: bold !important;
}

/* --------------------------------------------------------------------------
   4. CABECERA (HEADER) Y HERO
   -------------------------------------------------------------------------- */
/* Contenedor principal del header con fondos degradados */
.page-header.event-page-header.header-evento-principal {
  background-color: var(--dark-bg) !important;
  background-image:
    radial-gradient(900px 520px at 18% 35%, #0E6C8E55 0%, #0E6C8E00 60%),
    radial-gradient(800px 520px at 55% 45%, #01435166 0%, #01435100 62%),
    radial-gradient(850px 560px at 85% 40%, #073E4466 0%, #073E4400 60%),
    linear-gradient(135deg, var(--primary-deep) 0%, var(--accent-blue) 100%) !important;
  background-repeat: no-repeat !important;
  position: relative !important;
  overflow: hidden !important;
  min-height: 540px !important;
  height: auto !important;
  display: flex !important;
  flex-direction: column !important;
  padding: 0 !important;
}

/* Capa decorativa: Patrón de circuitos */
.page-header.event-page-header.header-evento-principal::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  background: url('https://redinnovando.com/images/head_circuit.png') center bottom / cover no-repeat !important;
  pointer-events: none !important;
  z-index: 0 !important;
  opacity: calc(0.2 * var(--scroll-opacity, 1)) !important;
}

/* Animaciones dinámicas */
@keyframes heroEntrance {
  from {
    opacity: 0;
    transform: translateY(40px) scale(0.9);
    filter: blur(15px);
  }

  to {
    opacity: 1;
    transform: translateY(0) scale(1);
    filter: blur(0);
  }
}

@keyframes floatingMap {

  0%,
  100% {
    transform: translate(var(--mx, -50%), var(--my, -50%)) translateY(0) rotate(0deg);
  }

  50% {
    transform: translate(var(--mx, -50%), var(--my, -50%)) translateY(-15px) rotate(2deg);
  }
}

@keyframes floatingBook {

  0%,
  100% {
    transform: translate(-50%, -50%) translateY(0) scale(1);
  }

  50% {
    transform: translate(-50%, -50%) translateY(-20px) scale(1.02);
  }
}

@keyframes pulseGlowBook {

  0%,
  100% {
    filter: drop-shadow(0 0 30px rgba(13, 90, 107, 0.4)) brightness(1);
    transform: var(--parallax-transform) scale(1);
  }

  50% {
    filter:
      drop-shadow(0 0 50px rgba(13, 90, 107, 0.6)) drop-shadow(0 0 80px rgba(158, 253, 56, 0.3)) brightness(1.15);
    /* Brillo mucho más sutil */
    transform: var(--parallax-transform) scale(1.04);
    /* Zoom muy ligero y orgánico */
  }
}

/* Capa decorativa: Libro (Con flotación y pulso) */
.page-header.event-page-header.header-evento-principal::after {
  content: "" !important;
  position: absolute !important;
  top: 50% !important;
  left: 50% !important;
  --parallax-transform: translate(-50%, calc(-50% + var(--parallax-medium, 0px))) scale(var(--scroll-scale, 1));
  transform: var(--parallax-transform) !important;
  width: 380px !important;
  height: 380px !important;
  max-width: 90% !important;
  background: url('https://redinnovando.com/images/Libro.png') center / contain no-repeat !important;
  opacity: var(--scroll-opacity, 0.9) !important;
  pointer-events: none !important;
  z-index: 1 !important;
  animation:
    heroEntrance 1.2s cubic-bezier(0.23, 1, 0.32, 1) both,
    floatingBook 10s ease-in-out infinite 1.2s,
    pulseGlowBook 8s ease-in-out infinite !important;
  transition: opacity 0.5s ease, filter 0.5s ease !important;
}

/* Mapa Latinoamericano (Con flotación y rotación suave) */
.header-banner-info::before {
  content: "" !important;
  position: absolute !important;
  top: 55% !important;
  left: 22% !important;
  --mx: -50%;
  --my: -50%;
  transform: translate(calc(-50% + var(--parallax-out-left, 0px)), calc(-50% + var(--parallax-slow, 0px))) !important;
  width: 320px !important;
  height: 320px !important;
  background: url('https://redinnovando.com/images/mapa.png') center / contain no-repeat !important;
  opacity: calc(0.3 * var(--scroll-opacity, 1)) !important;
  pointer-events: none !important;
  z-index: 0 !important;
  mix-blend-mode: lighten !important;
  animation:
    heroEntrance 1.5s cubic-bezier(0.23, 1, 0.32, 1) 0.2s both,
    floatingMap 8s ease-in-out infinite 1.7s !important;
}

/* Texto de Convergencia (Interactivo) */
.confTitleBox::before {
  content: "II Encuentro\a Latinoamericano de\a Convergencia en\a Redes Bibliotecarias" !important;
  white-space: pre !important;
  position: absolute !important;
  top: 45% !important;
  left: 22% !important;
  transform: translate(calc(-50% + var(--parallax-out-left, 10px)), calc(-50% + var(--parallax-fast, 0px))) !important;
  font-family: 'Inter', sans-serif !important;
  font-size: 34px !important;
  font-weight: 700 !important;
  line-height: 1.1 !important;
  color: #FFFFFF !important;
  text-align: center !important;
  text-shadow: 0 4px 20px rgba(0, 0, 0, 0.8) !important;
  z-index: 10 !important;
  pointer-events: none !important;
  visibility: visible !important;
  opacity: var(--scroll-opacity, 1) !important;
  transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275) !important;
  animation: heroEntrance 1.8s cubic-bezier(0.23, 1, 0.32, 1) 0.4s both !important;
}

/* Texto KOHA (Estático con brillo base) */
.header-banner-info::after {
  content: "I Encuentro\a Latinoamericano\a de bibliotecas KOHA" !important;
  white-space: pre !important;
  position: absolute !important;
  top: 35% !important;
  left: 78% !important;
  transform: translate(calc(-50% + var(--parallax-out-right, 0px)), calc(-50% + -50%)) !important;
  font-family: 'Inter', sans-serif !important;
  font-size: 34px !important;
  font-weight: 700 !important;
  line-height: 1.1 !important;
  color: #9EFD38 !important;
  text-align: center !important;
  text-shadow: 0 0 20px rgba(158, 253, 56, 0.3) !important;
  z-index: 2 !important;
  pointer-events: none !important;
  opacity: var(--scroll-opacity, 1) !important;
  animation: heroEntrance 1.8s cubic-bezier(0.23, 1, 0.32, 1) 0.4s both !important;
}

/* imagen KOHA (Estático con brillo base) */
.header-koha::after {
  content: "" !important;
  position: absolute !important;
  top: 65% !important;
  left: 78% !important;
  /* --mx: -50%;
  --my: -50%; */
  transform: translate(calc(-50% + var(--parallax-out-right, 0px)), calc(-50% + 25%)) !important;
  width: 320px !important;
  height: 320px !important;
  background: url('https://redinnovando.com/images/kohalogo.png') center / contain no-repeat !important;
  opacity: 1 !important;
  pointer-events: none !important;
  z-index: 0 !important;
  mix-blend-mode: lighten !important;
  animation: heroEntrance 1.8s cubic-bezier(0.23, 1, 0.32, 1) 0.4s both !important;
}

/* fechas */
.header-fecha-lugar-div{
  margin-top: -30px;
  position: relative;
  color: #ffffff;
  text-align: center;
  font-size: 30px;
  font-weight: 700;
  font-family: 'Inter', sans-serif !important;
}
.header-fecha-lugar-div .header-fechas{
  margin-bottom: 0px;
  display: flex;
  flex-direction: row;
  justify-items: center;
  align-items: center;
  flex-wrap: wrap;
}
.header-fecha-lugar-div .header-lugar{
  display: flex;
  flex-direction: row;
  justify-items: center;
  align-items: center;
  flex-wrap: wrap;
}

.header-fecha-lugar-div .header-fechas .dias, .header-fecha-lugar-div .header-lugar .lugar{
  line-height: 29px;
  text-align: left;
}
.header-fecha-lugar-div .header-fechas .dias small, .header-fecha-lugar-div .header-lugar .lugar small{
  font-size: 20px;
  opacity: 0.7;
}

.header-fecha-lugar-div .header-fechas .icono svg, .header-fecha-lugar-div .header-lugar .icono svg{
  width: 80px;
  height: 68px;
}

/* card home */
.card-home{
  font-family: 'Inter', sans-serif !important;
  line-height: 1.6 !important;
  color: var(--text-secondary-color)!important;
  border: none!important;
  height: 100%!important;
}
.card-home .card-body{
  padding: 0px!important;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 100%;
  text-align: justify;
}

.card-home .card-body .card-buttons{
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}

.card-home .card-body .card-buttons a,#regforms-list .regform-actions a{
  border: 1px solid #e09e04;
  background: #e09e04 !important;
  border-radius: 50px !important;
  padding: 12px 45px !important;
  font-weight: 600 !important;
  font-size: 1.2rem !important;
  color: #fff!important;
}

.card-home .card-body .card-buttons p{
  font-weight: 700;
    color: #062932;
    font-size: 19px;
}
.card-img .card-img-top{
    object-fit: cover;
    object-position: center;
    height: 300px;
}
.card-img .card-img-overlay{
  padding: 0px!important;
}
.card-img .card-img-overlay .card-title{
  background-color: #0d5a6b;
    padding: 15px;
    width: fit-content;
    margin-left: -5px;
    border-radius: var(--bs-card-inner-border-radius) 50px 50px var(--bs-card-inner-border-radius);
    margin-top: 5px;
    color: white;
    font-weight: 700;
    font-size: 15px;
}

/* tabs home */
.nav {
    --bs-nav-link-padding-x: 5rem!important;
    --bs-nav-link-padding-y: 1rem!important;
    --bs-nav-link-color: #ffffff!important;
    --bs-nav-link-hover-color: #dde3ec!important;
}
.tab-home-info{
  --bs-nav-pills-border-radius: 25px!important;
  --bs-nav-pills-link-active-bg: #0d5a6b !important;
      justify-content: center;
    align-items: center;
}
.tab-home-info .nav-item{
  background-color: #097e8d;
  margin: 0 25px;
  border-radius: 25px;
}

/* accordion home */
.accordion-home{
  --bs-accordion-border-radius: 25px!important;
}
.accordion-home .accordion-item {
    margin-bottom: 15px;
    border-radius: 25px;
}
.accordion-home .accordion-box{
  
}
.accordion-home .accordion-header{
  --bs-accordion-active-bg: #ffffff!important;
}
.accordion-home .accordion-body {
    border-top: 3px solid #097e8d;
}
.accordion-home .desplegable{
  background-color: #faebd700;
  color: #0d5a6b;
  font-size: 17px;
  border-radius: 25px 25px 0px 0px;
}
.accordion-home .desplegable svg{
  width: 40px;
  height: 25px;
  opacity: 0.8;
}
.accordion-home .accordion-button:not(.collapsed) {
  color: #097e8d!important;
}
.accordion-home .accordion-button:focus {
  box-shadow: none!important;
}
.accordion-home .accordion-body{
  font-size: 15px;
}
.accordion-home .accordion-body ul{
  list-style-type: disclosure-closed;
  margin-bottom: 0px !important;
}
.accordion-home .accordion-body ul li{
  margin-bottom: 5px;
}
.accordion-home .accordion-body ul li::marker{
  color: #097e8d!important;
  opacity: 0.8;
}
.accordion-home .accordion-body .accordion-body-title{
  margin-bottom: 0px!important; 
  font-weight: 600;
}
.accordion-home .accordion-body .accordion-body-subtitle{

}
/* --------------------------------------------------------------------------
   4a. RESPONSIVO: AJUSTES PARA MÓVILES Y TABLETS
   -------------------------------------------------------------------------- */
@media (min-width: 1141px) {
    .ui-widget.ui-widget-content {
      width: 900px !important;
  }
}
@media (max-width: 1189px) {
  .confTitleBox::before, .header-banner-info::after{
    font-size: 30px !important;
  }
}
@media (max-width: 1140px) {
    .ui-widget.ui-widget-content {
      width: 800px !important;
  }
}

@media (max-width: 1109px) {
  .header-banner-info::before{
        width: 200px !important;
      height: 290px !important;
  }
  .header-banner-info::after{
    font-size: 27px !important;
  }
  .page-header.event-page-header.header-evento-principal::after{
    width: 300px !important;
  }
  .header-koha::after{
    width: 250px !important;
    height: 250px !important;
  }
}

@media (max-width: 1083px) {
    .nav.nav-pills.mb-3.tab-home-info {
      flex-wrap: nowrap;
      align-items: center;
    }
    .header-fecha-lugar-div {
      font-size: 25px!important;
    }
    .header-fecha-lugar-div .header-fechas .dias small, .header-fecha-lugar-div .header-lugar .lugar small {
      font-size: 17px!important;
    }
    .header-fecha-lugar-div .header-fechas .icono svg, .header-fecha-lugar-div .header-lugar .icono svg {
        width: 70px!important;
        height: 60px!important;
    }
}
@media (max-width: 1040px) {
    .ui-widget.ui-widget-content {
      width: 750px !important;
  }
}
@media (max-width: 1024px) {
  .header-banner-info::before {
    width: 250px;
    height: 250px;
    left: 25%;
  }

  .page-header.event-page-header.header-evento-principal::after {
    width: 300px;
    height: 300px;
  }

  .header-banner-info::after {
    font-size: 24px!important;
    left: 75%;
  }

  .confTitleBox::before {
    font-size: 18px!important;
    left: 25%;
  }

  .tab-home-info .nav-item {
      margin: 0 15px!important;
  }
}
@media (max-width: 969px) {
  .ui-widget.ui-widget-content {
      width: 100% !important;
      overflow: scroll;
  }
  .header-banner-info::before{
        width: 200px !important;
      height: 220px !important;
  }
  .header-banner-info::after{
    font-size: 24px !important;
  }
  .header-koha::after{
    width: 220px !important;
    height: 200px !important;
  }
  .page-header.event-page-header.header-evento-principal::after{
    width: 230px !important;
  }
  .table-responsive{
    width: 100%;
    overflow: scroll;
  }
  .tab-home-info .nav-link {
    padding: 15px 55px!important;
  }
  .card-home .card-body .card-buttons {
      flex-direction: column!important;
  }
  .card-home .card-body .card-buttons p {
      margin-top: 15px;
  }
}
@media (max-width: 917px) {
    .header-fecha-lugar-div {
      font-size: 20px!important;
    }
    .header-fecha-lugar-div .header-fechas .dias, .header-fecha-lugar-div .header-lugar .lugar {
      line-height: 22px!important;
  }
    .header-fecha-lugar-div .header-fechas .dias small, .header-fecha-lugar-div .header-lugar .lugar small {
      font-size: 15px!important;
    }
    .header-fecha-lugar-div .header-fechas .icono svg, .header-fecha-lugar-div .header-lugar .icono svg {
        width: 60px!important;
        height: 50px!important;
    }
}
@media (max-width: 870px) {
  .tab-home-info .nav-link {
    padding: 15px 45px!important;
  }
}
@media (max-width: 811px) {
  .header-fecha-lugar-div .header-fechas .dias small, .header-fecha-lugar-div .header-lugar .lugar small {
      font-size: 14px!important;
  }
}
@media (max-width: 805px) {
  .header-banner-info::before{
    width: 150px !important;
    height: 190px !important;
  }
  .header-banner-info::after, .confTitleBox::before {
    font-size: 21px !important;
  }
  .page-header.event-page-header.header-evento-principal::after{
    width: 200px !important;
  }
  .tab-home-info .nav-link {
    padding: 12px 42px!important;
    font-size: 14px!important;
  }
  .header-koha::after{
    width: 200px !important;
    height: 150px !important;
  }
}

@media (max-width: 768px) {
  .ui-tabs .ui-tabs-panel{
      padding-top: 50px !important;
    }
  .header-fecha-lugar-div .header-fechas .icono svg, .header-fecha-lugar-div .header-lugar .icono svg {
        width: 50px!important;
        height: 44px!important;
    }
  .tab-home-info .nav-item {
      margin: 0 7px!important;
  }
  .tab-home-info .nav-link {
    padding: 10px 22px!important;
  }
  .tab-home-info .nav-link svg{
    width: 50px;
  }
  .page-header.event-page-header.header-evento-principal {
    min-height: 770px !important;
    /* Más espacio vertical total */
    justify-content: flex-start !important;
    padding-top: 120px !important;
    /* Espacio para el menú fijo */
  }

  /* Barra de navegación móvil con fondo sólido para no chocar visualmente */
  .main-action-bar.header-evento {
    background: var(--dark-bg) !important;
    padding: 10px 15px !important;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.3);
  }

  /* El libro como fondo más abajo */
  .page-header.event-page-header.header-evento-principal::after {
    top: 450px !important;
    /* Posición fija para evitar amontonamiento */
    left: 50% !important;
    width: 250px !important;
    height: 250px !important;
    opacity: 0.4 !important;
  }

  /* Mapa arriba con espacio del menú */
  .header-banner-info::before {
    top: 100px !important;
    left: 50% !important;
    width: 180px !important;
    height: 180px !important;
    transform: translate(-50%, calc(-50% + var(--parallax-slow, 0px))) !important;
  }

  /* Título Convergencia (Blanco) */
  .confTitleBox::before {
    top: 100px !important;
    left: 50% !important;
    width: 95% !important;
    font-size: 17px !important;
    transform: translate(-50%, calc(-50% + var(--parallax-medium, 0px))) !important;
  }

  /* Título KOHA (Verde) */
  .header-banner-info::after {
    top: 530px !important;
    left: 50% !important;
    width: 95% !important;
    font-size: 20px !important;
    transform: translate(-50%, calc(-50% + var(--parallax-fast, 0px))) !important;
  }
  .header-koha::after{
    top: 630px !important;
        left: 49% !important;
    transform: translate(-50%, calc(-50% + var(--parallax-fast, 0px))) !important;
  }

  .action-box.highlight .section{
    display: flex;
    flex-direction: column;
    align-items: center;
  }
  .action-box>.section>.toolbar {
    margin-left: 0px !important;
  }
  .card-home .card-body .card-title{
    margin-top: 15px;
  }
}
@media (max-width: 749px) {
  #pageSubHeader.search-box-div {
      padding: 15px 25px !important;
      flex-direction: column!important;
      align-items: flex-start!important;
  }
  .header-fecha-lugar-div .header-fechas {
      margin-bottom: 15px!important;
  }
  div.page-header img.header-logo {
      margin: 10px 0 10px 0px!important;
  }
}
@media (max-width: 638px) {
    .header-banner-info .title-year{
      font-size: 50pt;
    }
    .header-banner-info .date-titulo {
      margin: 0 0px 0 0px;
    }
    .conf_leftMenu {
        width: 130px !important;
    }
    .confBodyBox {
        margin-left: 160px !important;
    }
}

@media (max-width: 567px) {
    .action-box.highlight .section{
      display: flex;
      flex-direction: column;
    }
    .header-banner-info .banner-titulo2{
      font-size: 15pt;
    }
    .header-banner-info .title-year{
      font-size: 30pt;
    }
    .header-banner-info .date-titulo {
      font-size: 16pt;
    }
    .header-evento .header-evento-logo {
      justify-content: flex-end;
    }
    .header-evento .header-evento-logo img.header-slogan {
      width: 91%;
    }
    .header-evento .header-evento-menu {
      flex-direction: column;
      align-items: center!important;
    }
    .header-evento-menu .button-bar.flexrow.f-j-start{
      justify-content: center;
    }
    #session-bar.session-bar.flexrow.f-j-end {
      justify-content: center;
    }
    .conf_leftMenu {
        width: 100% !important;
        margin-bottom: 15px;
        margin-left: 0px !important;
    }
    .confBodyBox {
        margin-left: 0px !important;
    }
    .conferenceDetails .description{
      margin: 0px!important;
    }
    .main-action-bar.header-evento{
      flex-direction: column;
      padding: 1px 10px !important;
      height: 140px;
    }
    .header-banner-info::before{
      top: 120px !important;
    }
    .confTitleBox::before{
      top: 120px !important;
    }
    .page-header.event-page-header.header-evento-principal::after{
      top: 470px !important;
    }
    .header-banner-info::after{
      top: 550px !important;
    }
    .tabExtraButtons{
      top: 40px!important;
    }
    #registration-form-submission-container {
      margin: 0px !important;
      padding: 0px !important;
    }
    .page-content .editor-output{
      margin: 0px !important;
    }
    .video-home iframe{
      margin-bottom: 15px!important;
    }
    .row .modalidad{
      margin: 0!important;
    }
}

@media (max-width: 480px) {
  .page-header.event-page-header.header-evento-principal {
    min-height: 610px !important;
  }

  .header-evento-logo::before {
    width: 120px;
  }

  .confTitleBox::before {
    font-size: 15px !important;
    top: 100px !important;
  }

  .header-banner-info::after {
    font-size: 18px !important;
    top: 460px !important;
  }

  .page-header.event-page-header.header-evento-principal::after {
    top: 420px !important;
    width: 200px !important;
    height: 200px !important;
  }

  /* Ajuste de iconos del menú para que no se amontonen */
  .header-evento-menu .i-button {
    padding: 4px 6px !important;
    font-size: 12px;
  }
}

@media (max-width: 425px) {
  .header-banner-info .date-titulo {
    padding: 0px;
  }
}

@media (max-width: 411px) {
  .header-evento .header-evento-logo img.header-logo {
    width: 12%;
    height: auto!important;
  }
    .header-evento .header-evento-logo img.header-slogan {
      width: 51%;
      height: auto!important;
  }
  .header-evento .header-evento-logo {
      justify-content: center;
  }
  .header-evento .botones-menu {
      padding: 15px 5px;
  }
  .frame iframe{
    height: 215px;
  }
}
@media (max-width: 374px) {
  .header-banner-info .date-titulo {
      font-size: 12pt;
  }
  .header-banner-info .title-year {
      font-size: 20pt;
  }
  .footer .flexrow.f-a-center.f-self-stretch .f-self-no-shrink{
      display: none;
  }
}
@media (max-width: 334px) {
  .header-evento .botones-menu {
      padding: 15px 5px;
      text-align: justify;
      align-self: self-start;
  }
  .header-evento .botones-menu svg{
      display: none;
  }
}

/* Barra de navegación superior fija */
.main-action-bar.header-evento {
  display: flex !important;
  justify-content: space-between !important;
  align-items: center !important;
  width: 100% !important;
  padding: 31px 40px !important;
  position: absolute;
  top: 0 !important;
  background: #ffffff !important;
  border-bottom: 5px solid #097e8d;
    box-shadow: 0px 3px 12px #0000004f;
}

/* Logotipo de la Red Innovando */
.header-evento-logo::before {
  /* content: "" !important;
  display: block !important;
  width: 150px !important;
  height: 40px !important;
  background: url('https://redinnovando.com/images/redinnovando_small.png') left center / contain no-repeat !important; */
}

.header-evento-menu {
  display: inline-flex;
  align-items: flex-end;
}

/* --------------------------------------------------------------------------
   5. DISEÑO DE CONTENIDO Y ESTRUCTURA (GRID)
   -------------------------------------------------------------------------- */
.main.flex-shrink-0{
  background-color: #efebeb !important;
}

#confSectionsBox {
  width: 100% !important;
}

/* Cajas de contenido con bordes redondeados y sombra suave */
.grid-responsive-box {
  background: var(--white) !important;
  padding: 45px !important;
  margin-bottom: 35px !important;
  border-radius: 25px !important;
  box-shadow: 0 15px 40px rgba(6, 41, 50, 0.03) !important;
  border: 1px solid rgba(13, 90, 107, 0.05) !important;
}

.div-patrocinadores .img-fluid{
  border-radius: 20px;
}

/* titulo */
.page-content .editor-output .grid-responsive2 .grid-responsive-box .span-title{
  text-align: left!important;
}
/* contenedor principal */
.page-content .editor-output .grid-responsive2{
    background: var(--white) !important;
    padding: 45px !important;
    margin-bottom: 35px !important;
    border-radius: 25px !important;
    box-shadow: 0 15px 40px rgba(6, 41, 50, 0.03) !important;
    border: 1px solid rgba(13, 90, 107, 0.05) !important;
    font-family: 'Inter', sans-serif !important;
    line-height: 1.6 !important;
    color: var(--text-secondary-color);
    text-align: justify;
}
.page-content .editor-output .grid-responsive2 .grid-responsive-box{
    padding: 0px!important;
    margin-bottom: 0px!important;
    border-radius: 0px!important;
    box-shadow: none!important;
    border: none!important;
}
.page-content .editor-output .grid-responsive2 table{
  margin-top: 25px;
}
.page-content .editor-output .grid-responsive2 table td{
  padding: 15px;
}
.page-content .editor-output .grid-responsive2 img{
  width: 100%;
}
.page-content .editor-output .grid-responsive2 hr {
    margin: 35px 0px;
    border: none;
    height: 1px;
    background-color: #d8d8d8;
}

/* --------------------------------------------------------------------------
   6. COMPONENTES: MENÚS Y SIDEBAR
   -------------------------------------------------------------------------- */

#outer {
    background: none!important;
    border: none!important;
}

/* Contenedor del menú lateral */
.conf_leftMenu {
  background-color: #ffffff !important;
  border-radius: 20px !important;
  box-shadow: 0 10px 30px rgba(6, 41, 50, 0.05) !important;
  padding: 0px !important;
  border: 1px solid #f6f6f6 !important;
  margin-left: 25px;
}

/* Enlaces del menú lateral */
#outer li.menuConfTitle a {
  font-family: 'Inter', sans-serif !important;
  color: var(--sidebar-selected) !important;
  padding: 12px 18px !important;
  border-radius: 20px !important;
  transition: all 0.3s ease !important;
  font-weight: 600;
}

/* Estado seleccionado del menú lateral */
#outer li a {
    font-family: 'Inter', sans-serif !important;
    font-size: 12pt!important;
}
#outer li.menuConfTitle.selected a {
  background: var(--sidebar-selected) !important;
  color: var(--white) !important;
}
#outer .menuConfSelected, #outer .menuConfMiddleCellSelected {
    background: none;
    border-bottom: none;
    border-top: none;
}

/* Reset para botones de la barra de herramientas */
.toolbar .group .i-button,
.toolbar .group .categorynav .category-list .item .button-wrapper .action-button,
.categorynav .category-list .item .button-wrapper .toolbar .group .action-button,
.toolbar .group .action-button {
  border-radius: 0;
  border-right-width: 0;
  margin: 0;
  font-weight: 100 !important;
}

/* --------------------------------------------------------------------------
   7. SECCIÓN DE ACCIÓN FINAL (CTA)
   -------------------------------------------------------------------------- */
/* Caja de inscripción destacada */
.action-box.highlight {
  background: #097e8d !important;
  border-radius: 20px !important;
  padding: 50px !important;
  color: var(--white) !important;
  text-align: center !important;
  margin-top: 40px !important;
  margin-bottom: 40px !important;
}

.action-box.highlight .label {
  font-family: 'Inter', sans-serif !important;
  font-size: 28px !important;
  font-weight: 700 !important;
  color: var(--white) !important;
  display: block;
}

/* Botón de inscripción principal */
.action-box.highlight .i-button.next {
  background: #e09e04 !important;
  color: var(--white) !important;
  border-radius: 50px !important;
  padding: 28px 45px !important;
  font-weight: 600 !important;
  box-shadow: 0 10px 20px rgba(13, 90, 107, 0.3) !important;
  font-size: 1.2rem !important;
  margin-top: 20px !important;
}


/* --------------------------------------------------------------------------
   8. CRONOGRAMA
   -------------------------------------------------------------------------- */
.conference-page #timetable{
  margin-right: 15px;
  margin-bottom: 20px;
}
.ui-widget.ui-widget-content {
    width: 900px;
    padding: 15px;
    border-radius: 20px;
    place-self: center;
    height: 100%;
}

/* cronograma botones*/
.tabExtraButtons {
    background-color: #888;
    position: absolute;
    right: 0;
    top: 30px;
    border-radius: 3px;
    margin: 10px 10px 0 0;
    box-shadow: 1px 1px 1px #000;
    -moz-box-shadow: 1px 1px 1px #000;
    z-index: 1;
}
.tabExtraButtons .buttonContainerLeft {
    border-left: none;
    -webkit-border-bottom-left-radius: 3px;
    -moz-border-radius-bottomleft: 3px;
    -webkit-border-top-left-radius: 3px;
    -moz-border-radius-topleft: 3px;
}
.tabExtraButtons .buttonContainerRight {
    -webkit-border-bottom-right-radius: 3px;
    -moz-border-radius-bottomright: 3px;
    -webkit-border-top-right-radius: 3px;
    -moz-border-radius-topright: 3px;
}
.tabExtraButtons .buttonContainer {
    float: left;
    padding: 0 10px;
    border-left: 1px solid #aaa;
    cursor: pointer;
}
.printButtonWhite {
    padding-left: 20px!important;
    background: transparent url(/images/printer_white__v50d150ff.png) scroll no-repeat center left;
}
.printButtonWhite, .buttonWhite {
    color: white;
}
.printButton, .printButtonWhite, .buttonWhite {
    padding: 4px 6px;
    margin-left: 6px;
    cursor: pointer;
}

/* cronograma actividades */
.hourLine {
    position: absolute;
    border-top: 1px solid #e8e8e8;
    font-size: 11px;
    width: 100% !important;
}
div.timetableContribution {
    background-color: #fafeff;
    color: #062932!important;
}
.timetableBlock.timetableSession, .timetableBlock.timetableBreak{
  background-color: #fafeff!important;
  color: #062932!important;
}
.timetableBlock {
    cursor: pointer;
    border: 1px solid #bbb;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    color: #202020;
    box-shadow: 0 0 5px #ddd;
    min-height: 26px;
}
div.entry-content {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    overflow: hidden;
    line-height: normal;
    padding: 4px;
    align-content: space-between;
}
div.timetableBlockWrapper {
    display: flex;
    flex-direction: column-reverse;
    justify-content: space-between;
    margin-right: 4px;
    width: 100%;
    flex-wrap: wrap;
    align-items: stretch;
}
div.timetableBlockWrapper .session-description{
    margin-top: 0px!important;
    font-size: 0.87em!important;
    line-height: 1.3!important;
}
div.timetableBlockTitle {
    font-weight: bold;
    font-size: 16px;
    order: 1;
}
div.timetableBlockWrapper>* {
    overflow: hidden;
    text-overflow: ellipsis;
}
div.timetableBlockConvener {
    font-style: italic;
    font-size: 14px;
    order: 2;
}
div.timetableBlockLocation {
    bottom: 4px;
    left: 4px;
    font-style: italic;
    padding-top: 4px;
    font-size: 14px;
    order: 2;
}
div.timetableBlockTime {
    margin-right: 7px;
    padding-top: 4px;
    font-size: 11px;
    order: 3;
}

/* boton filtro */
.timetableFilter {
    width: 100%;
    position: fixed;
    bottom: 0;
    left: 0;
}
.timetableFilter .content {
    width: 900px;
    margin: 0 auto;
    background: #ececec;
    border: 1px solid #777;
    border-bottom: none;
    position: relative;
}
.timetableFilter .closeButton {
    position: absolute;
    top: 15px;
    right: 15px;
    width: 16px;
    height: 16px;
    cursor: pointer;
    background: transparent url(/images/close_button__veb185010.png) scroll no-repeat 0 0;
}
.timetableFilter .content table {
    background: white;
    width: 100%;
}
.timetableFilter .content td {
    padding: 13px 30px;
    white-space: nowrap;
    background-color: #ececec;
    vertical-align: middle;
    width: 1px;
}
.i-button.borderless, .borderless.action-button, .categorynav .category-list .item .button-wrapper .borderless.action-button
 {
    box-shadow: none !important;
    background: none !important;
    border-color: rgba(0, 0, 0, 0) !important;
    color: #777!important;
}
ul.popupListCheckboxes {
    min-width: 200px!important;
}
ul.popupList {
    background: #fff;
    padding: 0;
    border: 1px solid #9ab;
    font-size: 13px;
    margin: 0;
    max-width: 500px;
    min-width: 80px;
    box-shadow: 2px 2px 2px #444;
}
ul.popupListCheckboxes li {
    cursor: pointer;
}
ul.popupList li {
    list-style-type: none;
    display: flex;
    flex-direction: row;
    align-items: center;
}
ul.popupListCheckboxes li input {
    margin: 2px;
    padding: 0;
}
ul.popupList input {
    vertical-align: middle;
}
ul.popupListCheckboxes li span {
    display: inline;
    cursor: pointer;
    margin: 1px 0;
    padding: 3px;
}
ul.popupList li span {
    min-width: 200px;
    display: block;
}

/* vista detallada */
#wholeLegend {
    margin: 60px 0 0 0;
}
#legendMainToggle.active:hover {
    background: #9f883b;
}
#legendMainToggle.active {
    background: #dfc87b;
}
#legendMainToggle {
    border-top: 1px solid #dfdfdf;
    border-bottom: 1px solid #dfdfdf;
    border-right: 1px solid #dfdfdf;
    border-left: 1px solid #dfdfdf;
    border-top-width: 0;
    background: #bbb;
    color: #555;
    cursor: pointer;
    font-size: 11px;
    padding: 4px 5px 3px 5px;
    position: absolute;
    text-align: center;
    width: 116px;
}
.timeTableLegend {
    border-top: 1px solid #dfdfdf;
    border-bottom: 1px solid #dfdfdf;
    border-right: 1px solid #dfdfdf;
    border-left: 1px solid #dfdfdf;
    border-radius: 2px;
    background: #f9f9f9;
    font-size: 11px;
    overflow: hidden;
    padding: 5px;
    z-index: 1;
    box-sizing: initial;
}
.timeTableLegend .legendCloseButton {
    color: #999;
    cursor: pointer;
    float: right;
    font-size: 1.2em;
    margin: 1px 2px 0 2px;
}
.timeTableLegend #legendItemContainer {
    overflow: auto;
}
.timeTableLegend .legendItem {
    border-radius: 2px;
    --flex-gap: 0.2em;
    align-items: center;
    background: #dfdfdf;
    color: #555;
    float: left;
    margin: 2px;
    padding: 5px;
    overflow: hidden;
    max-width: 200px;
}
.timeTableLegend .timeTableItemColour {
    border-radius: 50%;
    border-top: 2px solid #fff;
    border-bottom: 2px solid #fff;
    border-right: 2px solid #fff;
    border-left: 2px solid #fff;
    float: left;
    margin-right: 3px;
    margin-top: -2px;
    height: 15px;
    width: 15px;
    min-width: 15px;
}

/* nuevo cronograma */
.agenda-tabs {
    display: flex;
    gap: 10px;
    list-style: none;
    padding: 0;
    margin-bottom: 30px;
    border-bottom: 2px solid #ddd;
}

.agenda-tabs li {
    padding: 10px 20px;
    cursor: pointer;
    background: #f5f5f5;
    border-radius: 6px 6px 0 0;
}

.agenda-tabs li.active {
    background: #097e8d;
    color: white;
}

/* --------------------------------------------------------------------------
   9. REGISTRO
   -------------------------------------------------------------------------- */

/* titulo */
.conference-page .title{
  margin: 1em 25px 0 25px !important;
}
.conference-page .title .title-with-actions{
  justify-content: center;
}
.infogrid {
  margin: 0!important;
}

/* campos de registro */
#registration-form-submission-container{
  padding: 0px 15px;
  border-radius: 20px;
  place-self: center;
  margin: 0 25px 2em 10px !important;
  width: 100%!important;
}
#registration-form-submission-container .regform-section {
  border-radius: 25px;
  padding-top: 0px;
}
#registration-form-submission-container .regform-section .i-box-header{
  border-radius: 25px 25px 0px 0px;
  padding: 15px 25px 15px 25px;
  margin-top: 0px;
}
#registration-form-submission-container .regform-section .i-box-description{
  margin-top: 5px;
}
#registration-form-submission-container .regform-section .i-box-content{
  padding: 5px 25px 15px 25px;
}
#registration-form-submission-container .regform-section .i-box-content .input input, #registration-form-submission-container .regform-section .i-box-content ind-select,#registration-form-submission-container .regform-section .i-box-content textarea{
  max-width: 100%;
}

/* fuentes registros */
#registration-form-submission-container .regform-section .ui.form .field > label, #registration-form-submission-container .regform-section .events-registration-client-styles-___regform-module__form-item___AlbiE legend,#registration-form-submission-container .ui.info.message .header, .events-registration-client-js-form-___FormErrorList-module__form-error-list___Nv3hw h4{
  font-family: 'Inter', sans-serif !important;
  font-size: 14px;
}
#registration-form-submission-container .regform-section p,#registration-form-submission-container .ui.message p,#registration-form-submission-container .ui.message span,.events-registration-client-js-form-___FormErrorList-module__form-error-list___Nv3hw li a,.ui.primary.button{
  font-family: 'Inter', sans-serif !important;
}

.events-registration-client-js-form-___FormErrorList-module__form-error-list___Nv3hw{
  border-radius: 20px!important;
}

/* --------------------------------------------------------------------------
   10. PONENTE/HOTELES
   -------------------------------------------------------------------------- */
/* imagenes */
.ponente-header img{
  max-width: 200px;
  border-radius: 50%;
  margin-bottom: 15px;
  object-fit: cover;
  max-height: 200px;
}
.ponente-header, .ponente-nombre, .ponente-pais{
  text-align: center;
  color: #008080;
}
.ponente-info{
  font-size: 16px;
}
.ponente-pais{
  margin-bottom: 10px;
}
.ponente-pais .img-pais{
  height: auto;
  max-width: 50px;
}
.ponente-pais .img-empresa{
  height: auto;
  max-width: 40px;
}
.ponente-pais .separador{
  font-weight: 700;
  margin-left: 15px;
  margin-right: 15px;
}
.hotel-table td ul{
  padding: 0px 0px 0px 15px;
}
.img-pais-hotel{
    max-width: 20px;
}

/* FAQ */
.page-content .editor-output .grid-faq {
    background: var(--white) !important;
    padding: 5px 25px !important;
    margin-bottom: 15px !important;
    border-radius: 25px !important;
    box-shadow: 0 15px 40px rgba(6, 41, 50, 0.03) !important;
    border: 1px solid rgba(13, 90, 107, 0.05) !important;
    font-family: 'Inter', sans-serif !important;
    line-height: 1.6 !important;
    color: var(--text-secondary-color);
}
.faq-item {
    margin: 20px 0;
}
.faq-item .faq-header{
  color: #008080;
  font-weight: 600!important;
}