/*
    Sass variables
    These can be used from Sass files only.
    NOTE: Preferably do not use them directly, use semantic names instead.
*/
/*
    Semantic Sass variables
    These can be used from Sass files only.
*/
/* Semantic Palette */
/* Font Colors */
/* Main Color */
/* typography BEGIN */
/* Font Families */
/* Font Families - semantic */
/* Font Sizes */
/* typography END */
/*
    Sass variables
    These can be used from Sass files only.
    NOTE: Preferably do not use them directly, use semantic names instead.
*/
/*
    Semantic Sass variables
    These can be used from Sass files only.
*/
/* Semantic Palette */
/* Font Colors */
/* Main Color */
/*
    Sass variables
    These can be used from Sass files only.
    NOTE: Preferably do not use them directly, use semantic names instead.
*/
/*
    Semantic Sass variables
    These can be used from Sass files only.
*/
/* Semantic Palette */
/* Font Colors */
/* Main Color */
/* typography BEGIN */
/* Font Families */
/* Font Families - semantic */
/* Font Sizes */
/* typography END */
/*
    Sass variables
    These can be used from Sass files only.
    NOTE: Preferably do not use them directly, use semantic names instead.
*/
/*
    Semantic Sass variables
    These can be used from Sass files only.
*/
/* Semantic Palette */
/* Font Colors */
/* Main Color */
/*
    Sass variables
    These can be used from Sass files only.
    NOTE: Preferably do not use them directly, use semantic names instead.
*/
/*
    Semantic Sass variables
    These can be used from Sass files only.
*/
/* Semantic Palette */
/* Font Colors */
/* Main Color */
/* typography BEGIN */
/* Font Families */
/* Font Families - semantic */
/* Font Sizes */
/* typography END */
.ui-widget {
  font-family: "Proxima Nova", Arial, Helvetica, sans-serif;
  font-size: 13px;
}

input.cd-button {
  width: 85px !important;
  height: 28px !important;
  font-size: 11px !important;
}

a.cd-button {
  width: 58px !important;
  height: 18px !important;
  font-size: 11px !important;
}

.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button {
  font-family: "Proxima Nova", Arial, Helvetica, sans-serif;
  font-size: 12px;
}

/* Pleats */
.ui-togglepanel .ui-togglepanel-header {
  font-family: "Proxima Nova", Arial, Helvetica, sans-serif;
  font-size: 12px !important;
  font-weight: bold;
  cursor: pointer;
}
.ui-togglepanel .ui-togglepanel-header.ui-state-active {
  background: var(--color-primary);
  color: var(--color-base-surface);
}
.ui-togglepanel .ui-togglepanel-header.ui-state-active .ui-icon {
  background-image: var(--ui-widget-header-icon-image-src);
}

/* Dialog */
.ui-dialog-titlebar {
  font-size: 12px !important;
}

.ui-dialog-content, .ui-togglepanel-content, .ui-tabs-panel {
  font-family: "Proxima Nova", Arial, Helvetica, sans-serif;
  font-size: 1em;
}

.ui-dialog-content label, .ui-togglepanel-content label, .ui-tabs-panel label {
  font-size: 0.89em;
}

.ui-dialog-content table label, .ui-togglepanel-content table label, .ui-tabs-panel table label {
  font-size: 1em;
}

.ui-dialog-content td, .ui-togglepanel-content td, .ui-tabs-panel td {
  font-size: 0.89em;
}

.ui-dialog-content th, .ui-togglepanel-content th, .ui-tabs-panel th {
  font-size: 0.89em;
}

.ui-widget-content a.button[disabled]:link, .ui-widget-content a.button[disabled]:hover, .ui-widget-content a.button[disabled]:visited {
  font-family: inherit;
  color: var(--disabled-color) !important;
}

.ui-widget-content a[disabled] {
  color: var(--disabled-color) !important;
  pointer-events: none;
}

.ui-dialog-content fieldset {
  font-size: 1em;
  margin: 0;
  padding-top: 0;
}

.ui-dialog-content fieldset legend {
  background: none;
  color: #333366;
  width: auto;
  min-height: 17px;
  padding: 0 10px;
}

.ui-dialog-content div.clear {
  height: 0;
}

.ui-dialog .ui-dialog-buttonpane button {
  color: var(--color-base-surface);
  background: var(--color-palette-30);
  border-color: var(--color-palette-30);
}
.ui-dialog .ui-dialog-buttonpane button:hover {
  color: var(--color-base-high);
  background: var(--color-palette-10);
}

.ui-dialog.ui-widget.ui-widget-content {
  z-index: 1002;
}

/* Toggle Panel */
.ui-togglepanel-content {
  padding: 5px 10px 10px 15px;
}

.ui-tabs .ui-tabs-panel {
  display: inline-block;
  box-sizing: border-box;
  width: 100%;
}

/* multiselect */
.ui-multiselect-checkboxes label {
  font-size: 10.5px !important;
}

/* progress bar */
.ui-progressbar {
  font-size: 1em;
}

.ui-button-text, .ui-dialog-buttonset button.ui-button {
  font-size: 10px;
}

/* timepicker */
.ui-timepicker-table td a.ui-state-default {
  font-family: "Proxima Nova", Arial, Helvetica, sans-serif;
  font-size: 12px;
}

/* Autocomplete */
.ui-menu .ui-menu-item a {
  font-size: 0.89em;
}

.cal-highlight .ui-state-default {
  color: var(--color-primary);
}

.ui-autocomplete {
  z-index: 9999;
}