/**
* BASE THEME
*/
:root {
color-scheme: light;
--aui-shadow1: rgba(9, 30, 66, 0.13);
--aui-shadow2: rgba(9, 30, 66, 0.25);
--aui-blanket: rgba(23, 43, 77, 0.45);
--aui-body-text: #172B4D;
--aui-lesser-body-text: #5E6C84;
--aui-lesser-header-text: #6B778C;
--aui-body-background: #F4F5F7;
--aui-page-background: #FFFFFF;
--aui-page-border: #DFE1E6;
--aui-border: #DFE1E6;
--aui-border-strong: #7A869A;
--aui-focus: #2684FF;
--aui-link-color: #0052CC;
--aui-link-decoration: none;
--aui-link-hover-color: #0065FF;
--aui-link-active-color: #0747A6;
--aui-link-hover-decoration: underline;
--aui-link-visited-color: #403294;
--aui-itemheading-text: #5E6C84;
--aui-item-bg: transparent;
--aui-item-text: #42526E;
--aui-item-focus-bg: rgba(9, 30, 66, 0.08);
--aui-item-focus-text: #42526E;
--aui-item-active-text: #0052CC;
--aui-item-active-bg: #DEEBFF;
--aui-item-selected-bg: var(--aui-item-focus-bg);
--aui-item-selected-text: var(--aui-item-focus-text);
--aui-item-disabled-bg: transparent;
--aui-item-disabled-text: #7A869A;
--aui-tooltip-bg-color: #172B4D;
--aui-tooltip-border-color: #172B4D;
--aui-tooltip-content-text-color: #FFFFFF;
--aui-tooltip-title-text-color: #FFFFFF;
--aui-help-color: #5243AA;
--aui-badge-bg-color: rgba(9, 30, 66, 0.13);
--aui-badge-text-color: #172B4D;
--aui-badge-primary-bg-color: #0052CC;
--aui-badge-primary-text-color: #FFFFFF;
--aui-badge-added-bg-color: #E3FCEF;
--aui-badge-addded-text-color: #006644;
--aui-badge-removed-bg-color: #FFEBE6;
--aui-badge-removed-text-color: #BF2600;
--aui-badge-important-bg-color: #DE350B;
--aui-badge-important-text-color: #FFFFFF;
--aui-badge-on-blue-text-color: #FFFFFF;
--aui-badge-on-blue-bg-color: rgba(255, 255, 255, 0.25);
--aui-avatar-outline: #FFFFFF;
--aui-avatar-text: #7A869A;
--aui-lozenge-bg-color: #42526E;
--aui-lozenge-text-color: #FFFFFF;
--aui-lozenge-subtle-bg-color: #DFE1E6;
--aui-lozenge-subtle-text-color: #42526E;
--aui-lozenge-success-bg-color: #00875A;
--aui-lozenge-success-text-color: #FFFFFF;
--aui-lozenge-success-subtle-bg-color: #E3FCEF;
--aui-lozenge-success-subtle-text-color: #006644;
--aui-lozenge-current-bg-color: #0052CC;
--aui-lozenge-current-text-color: #FFFFFF;
--aui-lozenge-current-subtle-bg-color: #DEEBFF;
--aui-lozenge-current-subtle-text-color: #0747A6;
--aui-lozenge-moved-bg-color: #FF991F;
--aui-lozenge-moved-text-color: #172B4D;
--aui-lozenge-moved-subtle-bg-color: #FFF0B3;
--aui-lozenge-moved-subtle-text-color: #172B4D;
--aui-lozenge-error-bg-color: #BF2600;
--aui-lozenge-error-text-color: #FFFFFF;
--aui-lozenge-error-subtle-bg-color: #FFEBE6;
--aui-lozenge-error-subtle-text-color: #BF2600;
--aui-lozenge-new-bg-color: #5243AA;
--aui-lozenge-new-text-color: #FFFFFF;
--aui-lozenge-new-subtle-bg-color: #EAE6FF;
--aui-lozenge-new-subtle-text-color: #403294;
--aui-message-info-bg-color: #DEEBFF;
--aui-message-info-icon-color: #0052CC;
--aui-message-info-text-color: #344563;
--aui-message-success-bg-color: #E3FCEF;
--aui-message-success-icon-color: #00875A;
--aui-message-success-text-color: #344563;
--aui-message-warning-bg-color: #FFFAE6;
--aui-message-warning-icon-color: #FF991F;
--aui-message-warning-text-color: #344563;
--aui-message-error-bg-color: #FFEBE6;
--aui-message-error-icon-color: #DE350B;
--aui-message-error-text-color: #344563;
--aui-message-change-bg-color: #EAE6FF;
--aui-message-change-icon-color: #5243AA;
--aui-message-change-text-color: #344563;
--aui-banner-error-bg-color: #DE350B;
--aui-banner-error-text-color: #FFFFFF;
--aui-flag-bg-color: var(--aui-dropdown-bg-color);
--aui-flag-info-color: #0052CC;
--aui-flag-success-color: #36B37E;
--aui-flag-warning-color: #FFAB00;
--aui-flag-error-color: #FF5630;
--aui-button-default-bg-color: rgba(9, 30, 66, 0.08);
--aui-button-default-text-color: #344563;
--aui-button-default-hover-bg-color: rgba(9, 30, 66, 0.13);
--aui-button-default-active-bg-color: #DEEBFF;
--aui-button-default-active-text-color: #0052CC;
--aui-button-default-selected-bg-color: #344563;
--aui-button-default-selected-text-color: #FFFFFF;
--aui-button-default-disabled-bg-color: rgba(9, 30, 66, 0.04);
--aui-button-default-disabled-text-color: #A5ADBA;
--aui-button-primary-bg-color: #0052CC;
--aui-button-primary-text-color: #FFFFFF;
--aui-button-primary-hover-bg-color: #0065FF;
--aui-button-primary-active-bg-color: #0052CC;
--aui-button-primary-active-text-color: #FFFFFF;
--aui-button-primary-disabled-bg-color: var(--aui-button-default-disabled-bg-color);
--aui-button-primary-disabled-text-color: var(--aui-button-default-disabled-text-color);
--aui-button-light-bg-color: #FFFFFF;
--aui-button-subtle-text-color: #344563;
--aui-label-text-color: inherit;
--aui-label-link-color: inherit;
--aui-label-bg-color: #F4F5F7;
--aui-label-hover-bg-color: #F4F5F7;
--aui-label-close-hover-bg-color: #FFBDAD;
--aui-label-close-hover-text-color: #172B4D;
--aui-form-placeholder-text-color: #5E6C84;
--aui-form-placeholder-disabled-text-color: #A5ADBA;
--aui-form-label-text-color: #6B778C;
--aui-form-error-text-color: #DE350B;
--aui-form-description-text-color: #6B778C;
--aui-form-disabled-field-bg-color: #F4F5F7;
--aui-form-disabled-field-text-color: #97A0AF;
--aui-form-disabled-field-label-color: #97A0AF;
--aui-form-field-border-color: #DFE1E6;
--aui-form-field-hover-border-color: #DFE1E6;
--aui-form-field-default-text-color: #172B4D;
--aui-form-field-default-bg-color: #FAFBFC;
--aui-form-field-hover-text-color: var(--aui-form-field-default-text-color);
--aui-form-field-hover-bg-color: #EBECF1;
--aui-form-field-focus-bg-color: #FFFFFF;
--aui-form-select-bg-color: #EBECF1;
--aui-form-select-border-color: #EBECF1;
--aui-form-select-hover-bg-color: #DFE1E6;
--aui-form-checkbox-radio-hover-bg-color: #0065FF;
--aui-form-checkbox-radio-active-bg-color: #DEEBFF;
--aui-form-optgroup-text-color: #7A869A;
--aui-form-optgroup-bg-color: #F4F5F7;
--aui-form-option-bg-color: #FFFFFF;
--aui-form-pre-bg-color: #F4F5F7;
--aui-form-field-autofilled-bg-color: #EAE6FF;
--aui-form-field-autofilled-border-color: #6554C0;
--aui-form-field-autofilled-text-color: #403294;
--aui-form-glyph-disabled-icon-color: #A5ADBA;
--aui-form-glyph-disabled-fill-color: rgba(9, 30, 66, 0.04);
--aui-form-glyph-icon-color: #FFFFFF;
--aui-form-glyph-fill-color: #0052CC;
--aui-form-checkbox-active-bg-color: #DEEBFF;
--aui-form-checkbox-active-border-color: #DEEBFF;
--aui-form-checkbox-active-icon-color: #0052CC;
--aui-form-radio-unchecked-bg-color: #FAFBFC;
--aui-form-radio-unchecked-border-color: #DFE1E6;
--aui-form-radio-unchecked-hover-bg-color: #EBECF1;
--aui-form-radio-unchecked-hover-border-color: #DFE1E6;
--aui-toggle-default-bg-color: #6B778C;
--aui-toggle-default-bg-hover-color: #A5ADBA;
--aui-toggle-button-color: #FFFFFF;
--aui-toggle-on-color: #00875A;
--aui-toggle-on-hover-color: #36B37E;
--aui-toggle-disabled-overlay-color: rgba(255, 255, 255, 0.5);
--aui-toggle-tick-color: #FFFFFF;
--aui-toggle-cross-color: #FFFFFF;
--aui-form-notification-info-color: #97A0AF;
--aui-form-notification-error-color: var(--aui-message-error-icon-color);
--aui-form-notification-success-color: var(--aui-message-success-icon-color);
--aui-progressbar-color: #42526E;
--aui-progressbar-track-color: rgba(9, 30, 66, 0.13);
--aui-spinner-color: #42526E;
--aui-nav-pagination-text-color: #172B4D;
--aui-nav-pagination-active-text-color: #97A0AF;
--aui-appheader-bg-color: #0747A6;
--aui-appheader-text-color: #DEEBFF;
--aui-appheader-item-focus-bg-color: rgba(9, 30, 66, 0.48);
--aui-appheader-item-focus-text-color: #DEEBFF;
--aui-appheader-item-active-bg-color: rgba(9, 30, 66, 0.48);
--aui-appheader-item-active-text-color: #DEEBFF;
--aui-appheader-quicksearch-bg-color: rgba(9, 30, 66, 0.48);
--aui-appheader-quicksearch-border-color: transparent;
--aui-appheader-quicksearch-text-color: #DEEBFF;
--aui-appheader-quicksearch-placeholder-text-color: #97A0AF;
--aui-appheader-quicksearch-focus-bg-color: var(--aui-appheader-quicksearch-bg-color);
--aui-appheader-quicksearch-focus-text-color: #DEEBFF;
--aui-sidebar-icon-color: #505F79;
--aui-sidebar-toggle-icon-color: #505F79;
--aui-sidebar-bg-color: #F4F5F7;
--aui-sidebar-dropdown-arrow-color: #505F79;
--aui-sidebar-tooltip-bg-color: rgba(9, 30, 66, 0.95);
--aui-sidebar-badge-bg-color: #C1C7D0;
--aui-sidebar-badge-text-color: inherit;
--aui-tabs-tab-border-color: #EBECF1;
--aui-tabs-tab-text-color: #42526E;
--aui-tabs-tab-hover-text-color: #4C9AFF;
--aui-tabs-tab-active-border-color: #0052CC;
--aui-tabs-tab-active-text-color: #0052CC;
--aui-progress-tracker-step-border-color: #F4F5F7;
--aui-progress-tracker-container-color: #F4F5F7;
--aui-progress-tracker-current-step-color: #0065FF;
--aui-progress-tracker-current-step-text-color: var(--aui-progress-tracker-visited-step-text-color);
--aui-progress-tracker-visited-step-text-color: #172B4D;
--aui-progress-tracker-visited-step-hover-text-color: #0052CC;
--aui-progress-tracker-visited-step-active-text-color: #0747A6;
--aui-progress-tracker-future-step-color: #A5ADBA;
--aui-progress-tracker-future-step-text-color: #5E6C84;
--aui-table-row-bg-color: transparent;
--aui-table-row-text-color: #172B4D;
--aui-table-header-bg-color: transparent;
--aui-table-heading-text-color: #6B778C;
--aui-table-border-color: #DFE1E6;
--aui-table-caption-bg-color: #F4F5F7;
--aui-table-caption-text-color: #7A869A;
--aui-table-list-row-hover-color: rgba(9, 30, 66, 0.08);
--aui-table-list-row-subtle-color: #B3BAC5;
--aui-table-sortable-hover-bg-color: rgba(9, 30, 66, 0.08);
--aui-table-sortable-active-bg-color: #DEEBFF;
--aui-table-sortable-active-border-color: #0747A6;
--aui-table-sortable-active-text-color: #0747A6;
--aui-table-sortable-selected-bg-color: transparent;
--aui-table-sortable-selected-border-color: #7A869A;
--aui-table-sortable-selected-text-color: #505F79;
--aui-restfultable-row-focused-border-color: #B3BAC5;
--aui-restfultable-row-create-border-color: #DFE1E6;
--aui-restfultable-row-editable-hover-bg-color: var(--aui-form-field-hover-bg-color);
--aui-restfultable-error-text-color: var(--aui-form-notification-error-color);
--aui-restfultable-header-row-bg-color: #FFFFFF;
--aui-restfultable-header-row-text-color: #6B778C;
--aui-restfultable-row-moving-bg-color: #F4F5F7;
--aui-restfultable-editable-em-text-color: #97A0AF;
--aui-restfultable-row-active-bg-color: #F4F5F7;
--aui-restfultable-row-hover-bg-color: #F4F5F7;
--aui-dropdown-bg-color: #FFFFFF;
--aui-dropdown-border-color: #DFE1E6;
--aui-select2-placeholder-text-color: #7A869A;
--aui-select2-chosen-bg-color: #FFFFFF;
--aui-select2-chosen-text-color: #172B4D;
--aui-select2-chosen-hover-bg-color: #FFFFFF;
--aui-select2-chosen-hover-text-color: #172B4D;
--aui-select2-active-chosen-bg-color: #DFE1E6;
--aui-select2-active-chosen-text-color: #172B4D;
--aui-select2-field-default-bg-color: var(--aui-form-select-bg-color);
--aui-select2-field-border-color: var(--aui-form-select-border-color);
--aui-select2-field-hover-bg-color: var(--aui-form-select-hover-bg-color);
--aui-select2-drop-bg-color: var(--aui-dropdown-bg-color);
--aui-dialog-bg-color: #FFFFFF;
--aui-dialog-border-color: #EBECF1;
--aui-dialog-header-bg-color: var(--aui-dialog-bg-color);
--aui-dialog-header-warning-bg-color: #DE350B;
--aui-dialog-header-warning-text-color: #FFFFFF;
--aui-dialog-button-hover-border-color: #97A0AF;
--aui-dialog-footer-hint-text-color: #505F79;
--aui-inline-dialog-bg-color: var(--aui-dropdown-bg-color);
--aui-inline-dialog-border-color: var(--aui-dropdown-border-color);
--aui-datepicker-panel-bg-color: #FFFFFF;
--aui-datepicker-panel-divider-color: #DFE1E6;
--aui-datepicker-heading-bg-color: #F4F5F7;
--aui-datepicker-heading-text-color: #344563;
--aui-datepicker-heading-weekdays-text-color: #5E6C84;
--aui-datepicker-option-bg-color: transparent;
--aui-datepicker-option-text-color: #0052CC;
--aui-datepicker-option-focus-bg-color: #F4F5F7;
--aui-datepicker-option-focus-text-color: #0052CC;
--aui-datepicker-option-selected-bg-color: #0052CC;
--aui-datepicker-option-selected-text-color: #FFFFFF;
--aui-datepicker-option-unselectable-bg-color: #F4F5F7;
--aui-datepicker-option-unselectable-text-color: #7A869A;
--aui-datepicker-disabled-text-color: #7A869A;
--aui-datepicker-hint-text-color: #505F79;
}
/**
* RESET
*/
html,
body,
p,
div,
h1,
h2,
h3,
h4,
h5,
h6,
img,
pre,
form,
fieldset {
margin: 0;
padding: 0;
}
ul,
ol,
dl {
margin: 0;
}
img,
fieldset {
border: 0;
}
details,
summary,
main {
display: block;
}
progress {
vertical-align: baseline;
}
audio:not([controls]) {
display: none;
height: 0;
}
button,
input[type="button"],
input[type="submit"],
input[type="reset"] {
-webkit-appearance: button;
font-family: inherit;
}
@media all and (min--moz-device-pixel-ratio: 0) {
img {
font-size: 0;
}
img:-moz-broken {
font-size: inherit;
}
}
[hidden] {
display: none !important;
}
/**
* TYPOGRAPHY
*/
html {
color: var(--aui-body-text);
font-size: 14px;
font-style: normal;
font-variant: normal;
font-weight: 400;
letter-spacing: 0;
line-height: 1.42857143;
text-align: left;
white-space: normal;
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
}
/* International Font Stacks*/
[lang|=ja] {
font-family: "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", Verdana, Arial, sans-serif;
}
/* Default margins */
p,
ul,
ol,
dl,
blockquote,
pre,
form.aui,
table.aui,
.aui-tabs,
.aui-group {
margin: 10px 0 0 0;
}
p:first-child,
ul:first-child,
ol:first-child,
dl:first-child,
blockquote:first-child,
pre:first-child,
form.aui:first-child,
table.aui:first-child,
.aui-tabs:first-child,
.aui-group:first-child {
margin-top: 0;
}
/* Headings: desired line height in px / font size = unitless line height */
h1 {
font-size: 24px;
font-weight: 500;
line-height: 1.25;
letter-spacing: -0.01em;
text-transform: none;
margin: 30px 0 0 0;
}
h2 {
font-size: 20px;
font-weight: 500;
line-height: 1.5;
letter-spacing: -0.008em;
text-transform: none;
margin: 30px 0 0 0;
}
h3 {
font-size: 16px;
font-weight: 500;
line-height: 1.25;
letter-spacing: -0.006em;
text-transform: none;
margin: 30px 0 0 0;
}
h4 {
font-size: 14px;
font-weight: 600;
line-height: 1.42857143;
letter-spacing: -0.003em;
text-transform: none;
margin: 20px 0 0 0;
}
h5 {
font-size: 12px;
font-weight: 600;
line-height: 1.66666667;
letter-spacing: 0;
text-transform: none;
margin: 20px 0 0 0;
}
h6 {
color: var(--aui-lesser-header-text);
font-size: 12px;
font-weight: 600;
line-height: 1.66666667;
letter-spacing: 0;
text-transform: none;
margin: 20px 0 0 0;
}
h1,
h2,
h3,
h4,
h5,
h6 {
color: var(--aui-body-text);
}
h1:first-child,
h2:first-child,
h3:first-child,
h4:first-child,
h5:first-child,
h6:first-child {
margin-top: 0;
}
/* Nice styles for using subheadings */
h1 + h2,
h2 + h3,
h3 + h4,
h4 + h5,
h5 + h6 {
margin-top: 10px;
}
/* Increase the margins on all headings when used in the group/item pattern ... */
.aui-group > .aui-item > h1:first-child,
.aui-group > .aui-item > h2:first-child,
.aui-group > .aui-item > h3:first-child,
.aui-group > .aui-item > h4:first-child,
.aui-group > .aui-item > h5:first-child,
.aui-group > .aui-item > h6:first-child {
margin-top: 20px;
}
/* ... unless they're the first-child */
.aui-group:first-child > .aui-item > h1:first-child,
.aui-group:first-child > .aui-item > h2:first-child,
.aui-group:first-child > .aui-item > h3:first-child,
.aui-group:first-child > .aui-item > h4:first-child,
.aui-group:first-child > .aui-item > h5:first-child,
.aui-group:first-child > .aui-item > h6:first-child {
margin-top: 0;
}
/* Other typographical elements */
small {
color: var(--aui-lesser-body-text);
font-size: 12px;
line-height: 1.33333333;
}
code,
kbd {
font-family: "SFMono-Medium", "SF Mono", "Segoe UI Mono", "Roboto Mono", "Ubuntu Mono", Menlo, Courier, monospace;
}
var,
address,
dfn,
cite {
font-style: italic;
}
cite:before {
display: inline-block;
content: "\2014";
padding-right: 0.5em;
}
blockquote {
border-left: 2px solid var(--aui-border);
color: var(--aui-lesser-body-text);
margin-left: 19px;
padding: 10px 20px;
}
blockquote > cite {
display: block;
margin-top: 10px;
}
q {
color: var(--aui-lesser-body-text);
}
q:before {
content: open-quote;
}
q:after {
content: close-quote;
}
abbr {
border-bottom: 1px var(--aui-lesser-body-text) dotted;
cursor: help;
}
@font-face {
font-family: "Atlassian Icons";
src: url(fonts/atlassian-icons.eot);
src: url(fonts/atlassian-icons.eot?#iefix) format('embedded-opentype'), url(fonts/atlassian-icons.woff) format('woff'), url(fonts/atlassian-icons.ttf) format('truetype'), url(images/atlassian-icons.svg#atlassian-icons) format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: "Adgs Icons";
src: url(fonts/adgs-icons.eot);
src: url(fonts/adgs-icons.eot?#iefix) format('embedded-opentype'), url(fonts/adgs-icons.woff) format('woff'), url(fonts/adgs-icons.ttf) format('truetype'), url(images/adgs-icons.svg#adgs-icons) format('svg');
font-weight: normal;
font-style: normal;
}
/**
* Basic icon styles. Allows you to easily render sprite icons.
*
* .aui-icon must be present on all iconified elements
* All iconified elements must include class names prefixed with 'aui-icon-'
* Icons assume light backgrounds. Icon classnames for dark backgrounds must be suffixed with '-d'
* For elements whose background changes in app, we advise maintaining light/dark state in the app.
*
*/
.aui-icon {
--aui-icon-size: 16px;
--aui-icon-font: "Adgs Icons";
background-repeat: no-repeat;
background-position: 0 0;
border: none;
display: inline-flex;
font-size: 0;
height: var(--aui-icon-size);
line-height: 0;
margin: 0;
padding: 0;
position: relative;
text-align: left;
vertical-align: text-bottom;
width: var(--aui-icon-size);
}
.aui-icon::before {
-moz-osx-font-smoothing: grayscale;
-webkit-font-smoothing: antialiased;
-webkit-text-stroke-width: 0;
font-family: var(--aui-icon-font);
font-weight: normal;
font-style: normal;
speak: none;
color: inherit;
content: var(--aui-ig, unset);
font-size: var(--aui-icon-size);
line-height: 1;
margin: auto;
text-indent: 0;
}
.aui-icon-small {
--aui-icon-size: 16px;
}
.aui-icon-large {
--aui-icon-size: 32px;
}
/* Form icons - deprecated */
form.aui .icon-date,
.aui-icon-date {
/* icon-date.png */
background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAIAAACQkWg2AAAARElEQVR4AWMoIBGANFgXr8dE927fw0TkaCDLSf/B4O7duwQZ5Gq4iwNccDGHI4gIARuA6tAYJGig1En0DyVMQFcnkQgA7103vYurRvEAAAAASUVORK5CYII=');
}
form.aui .icon-range,
.aui-icon-range {
/* icon-range.png */
background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAIAAACQkWg2AAAARklEQVR4AWMoIBGANFgXr8dEd7EBcjSQ5aT/YAA0gCCDXA0Q911wMSeIUGwA8gkyyNWAsJRyJ6F5mmQNhJ2EFtN0ijgSAQD0WQfB7IGD0QAAAABJRU5ErkJggg==');
}
.aui-icon-required {
/* icon-required.png */
background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAARUlEQVR4AWOAgQsu5v8ZSAIIjaVAbA4yAEqXkmpAMxDfABkApZtJNYARiHtABkBpRlIN0AbiK0AcBMQrQHyGkQdGwSgAAPtCJnBUV/TSAAAAAElFTkSuQmCC');
}
form.aui .icon-users,
.aui-icon-users {
/* icon-users.png */
background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAArElEQVR4AWOgCbAuXi8HxLuA+DOUliPVgN1A/B8J78epuKCgwBOIn0GxJ9SAz2gG/MSllgHK+Q/Fz/C5AFMtpuBzWBhADfkCpeWxqoUKeoE4QPwExMbhU9LUAm2UAuK9IL8D8R4glmQgYLIGCCMZsBYtDNZiqkUIlCH5qxxqwCc0Az5jVQsVfI4k+A5qwH90jEstA4SDwLgNwFQ7jAy4gSR4F2rAaTQDjuFSCwBFeGK4drVwMAAAAABJRU5ErkJggg==');
}
form.aui .icon-help,
.aui-icon-help,
form.aui .icon-inline-help,
.aui-icon-inline-help {
/* icon-help.png */
background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAQAAAC1+jfqAAABG0lEQVR4AU2RNVYtQRiE+7m7IxHRlRxnHWwAty9lDbg7K4AUh7kJ7vDwEGLcvU6f6cP8NVJVXe3GFWGqWedSWBcLm2DxjmZuuSFGgxATu9X/tWt+zTAPdBNnnBNHl5whP0KDRJm1ezjimn6SpArlNhqRCLd02eA0h+SSzS47PJfuUEvEUMMN/yR/8UC5DVaKJej/T6PVGNbxjC1SeKtvBgfMawQVHhuGS9oC+8ninGW3XNq4MlwRDAyzx1enFDgxbOAFAhP0BpTHf7dIZyW64f1F1hqi3NLhW584Ej77StskKkIjD5Ra6y0bwlvLC7inyR31iCJd2MF5Zs+0U84wr58uq5U7bvBoEDxupBrVHCwi1LLJNaf8F4s4/xGiuqDPs2tUOAAAAABJRU5ErkJggg==');
}
/*
* Icon Font
* - use when you need to change the colour of the icon via CSS - eg on hover or to match Look and Feel customisations
*
* Ranges
*
* UTF+E001 - UTF+E3FF - Global
* UTF+E400 - UTF+E7FF - Conf
* UTF+E800 - UTF+EBFF - JIRA
* UTF+EC00 - UTF+EFFF - Dev Tools
*/
.aui-iconfont-add {
--aui-ig: "\f101";
}
.aui-iconfont-add-comment {
--aui-ig: "\f102";
}
.aui-iconfont-add-small {
--aui-ig: "\f103";
}
.aui-iconfont-approve {
--aui-ig: "\f104";
}
.aui-iconfont-appswitcher {
--aui-ig: "\f105";
}
.aui-iconfont-arrows-down {
--aui-ig: "\f106";
}
.aui-iconfont-arrows-left {
--aui-ig: "\f107";
}
.aui-iconfont-arrows-right {
--aui-ig: "\f108";
}
.aui-iconfont-arrows-up {
--aui-ig: "\f109";
}
.aui-iconfont-attachment {
--aui-ig: "\f10a";
}
.aui-iconfont-attachment-small {
--aui-ig: "\f10b";
}
.aui-iconfont-autocomplete-date {
--aui-ig: "\f10c";
}
.aui-iconfont-back-page {
--aui-ig: "\f10d";
}
.aui-iconfont-blogroll {
--aui-ig: "\f10e";
}
.aui-iconfont-bp-decisions {
--aui-ig: "\f10f";
}
.aui-iconfont-bp-default {
--aui-ig: "\f110";
}
.aui-iconfont-bp-files {
--aui-ig: "\f111";
}
.aui-iconfont-bp-requirements {
--aui-ig: "\f112";
}
.aui-iconfont-bp-howto {
--aui-ig: "\f113";
}
.aui-iconfont-bp-jira {
--aui-ig: "\f114";
}
.aui-iconfont-bp-meeting {
--aui-ig: "\f115";
}
.aui-iconfont-bp-retrospective {
--aui-ig: "\f116";
}
.aui-iconfont-bp-sharedlinks {
--aui-ig: "\f117";
}
.aui-iconfont-bp-troubleshooting {
--aui-ig: "\f118";
}
.aui-iconfont-build {
--aui-ig: "\f119";
}
.aui-iconfont-calendar {
--aui-ig: "\f11a";
}
.aui-iconfont-close-dialog {
--aui-ig: "\f11b";
}
.aui-iconfont-collapsed {
--aui-ig: "\f11c";
}
.aui-iconfont-comment {
--aui-ig: "\f11d";
}
.aui-iconfont-configure {
--aui-ig: "\f11e";
}
.aui-iconfont-confluence {
--aui-ig: "\f11f";
}
.aui-iconfont-copy-clipboard {
--aui-ig: "\f120";
}
.aui-iconfont-custom-bullet {
--aui-ig: "\f121";
}
.aui-iconfont-delete {
--aui-ig: "\f122";
}
.aui-iconfont-deploy {
--aui-ig: "\f123";
}
.aui-iconfont-details {
--aui-ig: "\f124";
}
.aui-iconfont-devtools-arrow-left {
--aui-ig: "\f125";
}
.aui-iconfont-devtools-arrow-right {
--aui-ig: "\f126";
}
.aui-iconfont-devtools-branch {
--aui-ig: "\f127";
}
.aui-iconfont-devtools-branch-small {
--aui-ig: "\f128";
}
.aui-iconfont-devtools-browse-up {
--aui-ig: "\f129";
}
.aui-iconfont-devtools-checkout {
--aui-ig: "\f12a";
}
.aui-iconfont-devtools-clone {
--aui-ig: "\f12b";
}
.aui-iconfont-devtools-commit {
--aui-ig: "\f12c";
}
.aui-iconfont-devtools-compare {
--aui-ig: "\f12d";
}
.aui-iconfont-devtools-file {
--aui-ig: "\f12e";
}
.aui-iconfont-devtools-file-binary {
--aui-ig: "\f12f";
}
.aui-iconfont-devtools-file-commented {
--aui-ig: "\f130";
}
.aui-iconfont-devtools-folder-closed {
--aui-ig: "\f131";
}
.aui-iconfont-devtools-folder-open {
--aui-ig: "\f132";
}
.aui-iconfont-devtools-fork {
--aui-ig: "\f133";
}
.aui-iconfont-devtools-pull-request {
--aui-ig: "\f134";
}
.aui-iconfont-devtools-repository {
--aui-ig: "\f135";
}
.aui-iconfont-devtools-repository-forked {
--aui-ig: "\f136";
}
.aui-iconfont-devtools-repository-locked {
--aui-ig: "\f137";
}
.aui-iconfont-devtools-side-diff {
--aui-ig: "\f138";
}
.aui-iconfont-devtools-submodule {
--aui-ig: "\f139";
}
.aui-iconfont-devtools-tag {
--aui-ig: "\f13a";
}
.aui-iconfont-devtools-tag-small {
--aui-ig: "\f13b";
}
.aui-iconfont-devtools-task-cancelled {
--aui-ig: "\f13c";
}
.aui-iconfont-devtools-task-disabled {
--aui-ig: "\f13d";
}
.aui-iconfont-devtools-task-in-progress {
--aui-ig: "\f13e";
}
.aui-iconfont-doc {
--aui-ig: "\f13f";
}
.aui-iconfont-down {
--aui-ig: "\f140";
}
.aui-iconfont-drag-vertical {
--aui-ig: "\f141";
}
.aui-iconfont-edit {
--aui-ig: "\f142";
}
.aui-iconfont-edit-small {
--aui-ig: "\f143";
}
.aui-iconfont-editor-align-center {
--aui-ig: "\f144";
}
.aui-iconfont-editor-align-left {
--aui-ig: "\f145";
}
.aui-iconfont-editor-align-right {
--aui-ig: "\f146";
}
.aui-iconfont-editor-bold {
--aui-ig: "\f147";
}
.aui-iconfont-editor-color {
--aui-ig: "\f148";
}
.aui-iconfont-editor-emoticon {
--aui-ig: "\f149";
}
.aui-iconfont-editor-help {
--aui-ig: "\f14a";
}
.aui-iconfont-editor-hr {
--aui-ig: "\f14b";
}
.aui-iconfont-editor-indent {
--aui-ig: "\f14c";
}
.aui-iconfont-editor-italic {
--aui-ig: "\f14d";
}
.aui-iconfont-editor-layout {
--aui-ig: "\f14e";
}
.aui-iconfont-editor-list-bullet {
--aui-ig: "\f14f";
}
.aui-iconfont-editor-list-number {
--aui-ig: "\f150";
}
.aui-iconfont-editor-macro-toc {
--aui-ig: "\f151";
}
.aui-iconfont-editor-mention {
--aui-ig: "\f152";
}
.aui-iconfont-editor-outdent {
--aui-ig: "\f153";
}
.aui-iconfont-editor-styles {
--aui-ig: "\f154";
}
.aui-iconfont-editor-symbol {
--aui-ig: "\f155";
}
.aui-iconfont-editor-table {
--aui-ig: "\f156";
}
.aui-iconfont-editor-task {
--aui-ig: "\f157";
}
.aui-iconfont-editor-underline {
--aui-ig: "\f158";
}
.aui-iconfont-email {
--aui-ig: "\f159";
}
.aui-iconfont-error {
--aui-ig: "\f15a";
}
.aui-iconfont-expanded {
--aui-ig: "\f15b";
}
.aui-iconfont-file-code {
--aui-ig: "\f15c";
}
.aui-iconfont-file-doc {
--aui-ig: "\f15d";
}
.aui-iconfont-file-java {
--aui-ig: "\f15e";
}
.aui-iconfont-file-pdf {
--aui-ig: "\f15f";
}
.aui-iconfont-file-ppt {
--aui-ig: "\f160";
}
.aui-iconfont-file-txt {
--aui-ig: "\f161";
}
.aui-iconfont-file-wav {
--aui-ig: "\f162";
}
.aui-iconfont-file-xls {
--aui-ig: "\f163";
}
.aui-iconfont-file-zip {
--aui-ig: "\f164";
}
.aui-iconfont-flag {
--aui-ig: "\f165";
}
.aui-iconfont-focus {
--aui-ig: "\f166";
}
.aui-iconfont-group {
--aui-ig: "\f167";
}
.aui-iconfont-handle-horizontal {
--aui-ig: "\f168";
}
.aui-iconfont-help {
--aui-ig: "\f169";
}
.aui-iconfont-hipchat {
--aui-ig: "\f16a";
}
.aui-iconfont-homepage {
--aui-ig: "\f16b";
}
.aui-iconfont-image {
--aui-ig: "\f16c";
}
.aui-iconfont-image-extrasmall {
--aui-ig: "\f16d";
}
.aui-iconfont-image-small {
--aui-ig: "\f16e";
}
.aui-iconfont-info {
--aui-ig: "\f16f";
}
.aui-iconfont-jira {
--aui-ig: "\f170";
}
.aui-iconfont-jira-completed-task {
--aui-ig: "\f171";
}
.aui-iconfont-jira-test-session {
--aui-ig: "\f172";
}
.aui-iconfont-like {
--aui-ig: "\f173";
}
.aui-iconfont-like-small {
--aui-ig: "\f174";
}
.aui-iconfont-weblink {
--aui-ig: "\f175";
}
.aui-iconfont-link {
--aui-ig: "\f176";
}
.aui-iconfont-list-add {
--aui-ig: "\f177";
}
.aui-iconfont-list-remove {
--aui-ig: "\f178";
}
.aui-iconfont-locked {
--aui-ig: "\f179";
}
.aui-iconfont-locked-small {
--aui-ig: "\f17a";
}
.aui-iconfont-macro-code {
--aui-ig: "\f17b";
}
.aui-iconfont-macro-default {
--aui-ig: "\f17c";
}
.aui-iconfont-macro-gallery {
--aui-ig: "\f17d";
}
.aui-iconfont-macro-status {
--aui-ig: "\f17e";
}
.aui-iconfont-more {
--aui-ig: "\f17f";
}
.aui-iconfont-nav-children {
--aui-ig: "\f180";
}
.aui-iconfont-page-blank {
--aui-ig: "\f181";
}
.aui-iconfont-page-blogpost {
--aui-ig: "\f182";
}
.aui-iconfont-page-default {
--aui-ig: "\f183";
}
.aui-iconfont-page-template {
--aui-ig: "\f184";
}
.aui-iconfont-pages {
--aui-ig: "\f185";
}
.aui-iconfont-quote {
--aui-ig: "\f186";
}
.aui-iconfont-redo {
--aui-ig: "\f187";
}
.aui-iconfont-remove {
--aui-ig: "\f188";
}
.aui-iconfont-remove-label {
--aui-ig: "\f189";
}
.aui-iconfont-review {
--aui-ig: "\f18a";
}
.aui-iconfont-rss {
--aui-ig: "\f18b";
}
.aui-iconfont-search {
--aui-ig: "\f18c";
}
.aui-iconfont-search-small {
--aui-ig: "\f18d";
}
.aui-iconfont-share {
--aui-ig: "\f18e";
}
.aui-iconfont-sidebar-link {
--aui-ig: "\f18f";
}
.aui-iconfont-sourcetree {
--aui-ig: "\f190";
}
.aui-iconfont-space-default {
--aui-ig: "\f191";
}
.aui-iconfont-space-personal {
--aui-ig: "\f192";
}
.aui-iconfont-star {
--aui-ig: "\f193";
}
.aui-iconfont-success {
--aui-ig: "\f194";
}
.aui-iconfont-table-bg {
--aui-ig: "\f195";
}
.aui-iconfont-table-col-left {
--aui-ig: "\f196";
}
.aui-iconfont-table-col-remove {
--aui-ig: "\f197";
}
.aui-iconfont-table-col-right {
--aui-ig: "\f198";
}
.aui-iconfont-table-copy-row {
--aui-ig: "\f199";
}
.aui-iconfont-table-cut-row {
--aui-ig: "\f19a";
}
.aui-iconfont-table-header-column {
--aui-ig: "\f19b";
}
.aui-iconfont-table-header-row {
--aui-ig: "\f19c";
}
.aui-iconfont-table-merge {
--aui-ig: "\f19d";
}
.aui-iconfont-table-no-bg {
--aui-ig: "\f19e";
}
.aui-iconfont-table-paste-row {
--aui-ig: "\f19f";
}
.aui-iconfont-table-remove {
--aui-ig: "\f1a0";
}
.aui-iconfont-table-row-down {
--aui-ig: "\f1a1";
}
.aui-iconfont-table-row-remove {
--aui-ig: "\f1a2";
}
.aui-iconfont-table-row-up {
--aui-ig: "\f1a3";
}
.aui-iconfont-table-split {
--aui-ig: "\f1a4";
}
.aui-iconfont-teamcals {
--aui-ig: "\f1a5";
}
.aui-iconfont-time {
--aui-ig: "\f1a6";
}
.aui-iconfont-undo {
--aui-ig: "\f1a7";
}
.aui-iconfont-unfocus {
--aui-ig: "\f1a8";
}
.aui-iconfont-unlocked {
--aui-ig: "\f1a9";
}
.aui-iconfont-unstar {
--aui-ig: "\f1aa";
}
.aui-iconfont-unwatch {
--aui-ig: "\f1ab";
}
.aui-iconfont-up {
--aui-ig: "\f1ac";
}
.aui-iconfont-user {
--aui-ig: "\f1ad";
}
.aui-iconfont-user-status {
--aui-ig: "\f1ae";
}
.aui-iconfont-view {
--aui-ig: "\f1af";
}
.aui-iconfont-view-card {
--aui-ig: "\f1b0";
}
.aui-iconfont-view-list {
--aui-ig: "\f1b1";
}
.aui-iconfont-view-table {
--aui-ig: "\f1b2";
}
.aui-iconfont-warning {
--aui-ig: "\f1b3";
}
.aui-iconfont-watch {
--aui-ig: "\f1b4";
}
.aui-iconfont-workbox {
--aui-ig: "\f1b5";
}
.aui-iconfont-workbox-empty {
--aui-ig: "\f1b6";
}
.aui-iconfont-configure-columns {
--aui-ig: "\f1b7";
}
.aui-iconfont-export {
--aui-ig: "\f1b8";
}
.aui-iconfont-export-list {
--aui-ig: "\f1b9";
}
.aui-iconfont-file-image {
--aui-ig: "\f1ba";
}
.aui-iconfont-admin-fusion {
--aui-ig: "\f1bb";
}
.aui-iconfont-admin-jira-fields {
--aui-ig: "\f1bc";
}
.aui-iconfont-admin-issue {
--aui-ig: "\f1bd";
}
.aui-iconfont-admin-notifications {
--aui-ig: "\f1be";
}
.aui-iconfont-admin-roles {
--aui-ig: "\f1bf";
}
.aui-iconfont-admin-jira-screens {
--aui-ig: "\f1c0";
}
.aui-iconfont-pause {
--aui-ig: "\f1c1";
}
.aui-iconfont-priority-highest {
--aui-ig: "\f1c2";
}
.aui-iconfont-priority-high {
--aui-ig: "\f1c3";
}
.aui-iconfont-priority-medium {
--aui-ig: "\f1c4";
}
.aui-iconfont-priority-low {
--aui-ig: "\f1c5";
}
.aui-iconfont-priority-lowest {
--aui-ig: "\f1c6";
}
.aui-iconfont-refresh-small {
--aui-ig: "\f1c7";
}
.aui-iconfont-share-list {
--aui-ig: "\f1c8";
}
.aui-iconfont-switch-small {
--aui-ig: "\f1c9";
}
.aui-iconfont-version {
--aui-ig: "\f1ca";
}
.aui-iconfont-workflow {
--aui-ig: "\f1cb";
}
.aui-iconfont-admin-jira-settings {
--aui-ig: "\f1cc";
}
.aui-iconfont-component {
--aui-ig: "\f1cd";
}
.aui-iconfont-reopen {
--aui-ig: "\f1ce";
}
.aui-iconfont-roadmap {
--aui-ig: "\f1cf";
}
.aui-iconfont-deploy-success {
--aui-ig: "\f1d0";
}
.aui-iconfont-deploy-fail {
--aui-ig: "\f1d1";
}
.aui-iconfont-file-generic {
--aui-ig: "\f1d2";
}
.aui-iconfont-arrow-down {
--aui-ig: "\f1d3";
}
.aui-iconfont-arrow-up {
--aui-ig: "\f1d4";
}
.aui-iconfont-file-video {
--aui-ig: "\f1d5";
}
.aui-iconfont-filter {
--aui-ig: "\f1d6";
}
.aui-iconfont-table-copy-column {
--aui-ig: "\f1d7";
}
.aui-iconfont-table-paste-column {
--aui-ig: "\f1d8";
}
.aui-iconfont-table-cut-column {
--aui-ig: "\f1d9";
}
.aui-iconfont-maximise-small {
--aui-ig: "\f1da";
}
.aui-iconfont-minimise-small {
--aui-ig: "\f1db";
}
.aui-iconfont-more-small {
--aui-ig: "\f1dc";
}
.aui-iconfont-move-small {
--aui-ig: "\f1dd";
}
.aui-iconfont-download {
--aui-ig: "\f1de";
}
.aui-iconfont-upload {
--aui-ig: "\f1df";
}
.aui-iconfont-version-unreleased {
--aui-ig: "\f1e0";
}
.aui-iconfont-puzzle {
--aui-ig: "\f1e1";
}
.aui-iconfont-editor-files {
--aui-ig: "\f1e2";
}
.aui-iconfont-bp-sprint {
--aui-ig: "\f1e3";
}
.aui-iconfont-jira-issues {
--aui-ig: "\f1e4";
}
.aui-iconfont-bitbucket {
--aui-ig: "\f1e5";
}
.aui-iconfont-blogroll-large {
--aui-ig: "\f1e6";
}
.aui-iconfont-email-large {
--aui-ig: "\f1e7";
}
.aui-iconfont-layout-1col-large {
--aui-ig: "\f1e8";
}
.aui-iconfont-layout-2col-large {
--aui-ig: "\f1e9";
}
.aui-iconfont-layout-2col-left-large {
--aui-ig: "\f1ea";
}
.aui-iconfont-layout-2col-right-large {
--aui-ig: "\f1eb";
}
.aui-iconfont-layout-3col-center-large {
--aui-ig: "\f1ec";
}
.aui-iconfont-layout-3col-large {
--aui-ig: "\f1ed";
}
.aui-iconfont-nav-children-large {
--aui-ig: "\f1ee";
}
.aui-iconfont-pages-large {
--aui-ig: "\f1ef";
}
.aui-iconfont-sidebar-link-large {
--aui-ig: "\f1f0";
}
.aui-iconfont-teamcals-large {
--aui-ig: "\f1f1";
}
.aui-iconfont-user-large {
--aui-ig: "\f1f2";
}
.aui-iconfont-autocomplete-date,
.aui-iconfont-blogroll,
.aui-iconfont-devtools-browse-up,
.aui-iconfont-deploy,
.aui-iconfont-custom-bullet,
.aui-iconfont-hipchat,
.aui-iconfont-file-code,
.aui-iconfont-file-doc,
.aui-iconfont-file-java,
.aui-iconfont-file-pdf,
.aui-iconfont-file-ppt,
.aui-iconfont-file-txt,
.aui-iconfont-file-wav,
.aui-iconfont-file-xls,
.aui-iconfont-file-zip,
.aui-iconfont-page-blogpost,
.aui-iconfont-page-template,
.aui-iconfont-macro-default,
.aui-iconfont-macro-gallery,
.aui-iconfont-macro-status,
.aui-iconfont-user-status,
.aui-iconfont-view-card,
.aui-iconfont-workbox-empty,
.aui-iconfont-export-list,
.aui-iconfont-admin-fusion,
.aui-iconfont-admin-jira-fields,
.aui-iconfont-admin-issue,
.aui-iconfont-admin-notifications,
.aui-iconfont-admin-jira-screens,
.aui-iconfont-priority-highest,
.aui-iconfont-priority-high,
.aui-iconfont-priority-medium,
.aui-iconfont-share-list,
.aui-iconfont-version,
.aui-iconfont-workflow,
.aui-iconfont-admin-jira-settings,
.aui-iconfont-reopen,
.aui-iconfont-roadmap,
.aui-iconfont-deploy-success,
.aui-iconfont-deploy-fail,
.aui-iconfont-file-generic,
.aui-iconfont-file-video,
.aui-iconfont-blogroll-large,
.aui-iconfont-priority-low,
.aui-iconfont-priority-lowest,
.aui-iconfont-review,
.aui-iconfont-rss,
.aui-iconfont-sourcetree,
.aui-iconfont-space-default,
.aui-iconfont-table-bg,
.aui-iconfont-table-no-bg,
.aui-iconfont-devtools-folder-open,
.aui-iconfont-devtools-compare,
.aui-iconfont-devtools-file,
.aui-iconfont-devtools-file-binary,
.aui-iconfont-devtools-file-commented,
.aui-iconfont-devtools-repository,
.aui-iconfont-devtools-repository-forked,
.aui-iconfont-devtools-repository-locked,
.aui-iconfont-devtools-side-diff,
.aui-iconfont-table-cut-row,
.aui-iconfont-table-copy-row,
.aui-iconfont-table-paste-row,
.aui-iconfont-table-cut-column,
.aui-iconfont-table-copy-column,
.aui-iconfont-table-paste-column,
.aui-iconfont-maximise-small,
.aui-iconfont-minimise-small,
.aui-iconfont-more-small,
.aui-iconfont-move-small,
.aui-iconfont-version-unreleased,
.aui-iconfont-puzzle,
.aui-iconfont-editor-files,
.aui-iconfont-bp-sprint,
.aui-iconfont-jira-issues,
.aui-iconfont-bitbucket,
.aui-iconfont-jira-completed-task,
.aui-iconfont-jira-test-session,
.aui-iconfont-back-page,
.aui-iconfont-macro-code {
--aui-icon-font: "Atlassian Icons";
}
.aui-iconfont-add {
--aui-ig: "\f101";
}
.aui-iconfont-add-comment {
--aui-ig: "\f102";
}
.aui-iconfont-approve {
--aui-ig: "\f104";
}
.aui-iconfont-menu {
--aui-ig: "\f105";
}
.aui-iconfont-chevron-double-down {
--aui-ig: "\f106";
}
.aui-iconfont-chevron-double-left {
--aui-ig: "\f107";
}
.aui-iconfont-chevron-double-right {
--aui-ig: "\f108";
}
.aui-iconfont-chevron-double-up {
--aui-ig: "\f109";
}
.aui-iconfont-attachment {
--aui-ig: "\f10a";
}
.aui-iconfont-documents {
--aui-ig: "\f10f";
}
.aui-iconfont-refresh {
--aui-ig: "\f119";
}
.aui-iconfont-calendar {
--aui-ig: "\f11a";
}
.aui-iconfont-cross {
--aui-ig: "\f11b";
}
.aui-iconfont-chevron-right {
--aui-ig: "\f11c";
}
.aui-iconfont-comment {
--aui-ig: "\f11d";
}
.aui-iconfont-settings {
--aui-ig: "\f11e";
}
.aui-iconfont-confluence {
--aui-ig: "\f11f";
}
.aui-iconfont-copy {
--aui-ig: "\f120";
}
.aui-iconfont-trash {
--aui-ig: "\f122";
}
.aui-iconfont-upload {
--aui-ig: "\f123";
}
.aui-iconfont-detail-view {
--aui-ig: "\f124";
}
.aui-iconfont-arrow-left {
--aui-ig: "\f125";
}
.aui-iconfont-arrow-right {
--aui-ig: "\f126";
}
.aui-iconfont-sign-in {
--aui-ig: "\f12a";
}
.aui-iconfont-import {
--aui-ig: "\f12b";
}
.aui-iconfont-branch {
--aui-ig: "\f127";
}
.aui-iconfont-commits {
--aui-ig: "\f12c";
}
.aui-iconfont-folder-filled {
--aui-ig: "\f131";
}
.aui-iconfont-create-fork {
--aui-ig: "\f133";
}
.aui-iconfont-export {
--aui-ig: "\f134";
}
.aui-iconfont-submodule {
--aui-ig: "\f139";
}
.aui-iconfont-tag {
--aui-ig: "\f13a";
}
.aui-iconfont-incomplete-build {
--aui-ig: "\f13c";
}
.aui-iconfont-plan-disabled {
--aui-ig: "\f13d";
}
.aui-iconfont-queued-build {
--aui-ig: "\f13e";
}
.aui-iconfont-document {
--aui-ig: "\f13f";
}
.aui-iconfont-new-arrow-down {
--aui-ig: "\f140";
}
.aui-iconfont-edit-filled {
--aui-ig: "\f142";
}
.aui-iconfont-center-alignment {
--aui-ig: "\f144";
}
.aui-iconfont-left-alignment {
--aui-ig: "\f145";
}
.aui-iconfont-right-alignment {
--aui-ig: "\f146";
}
.aui-iconfont-bold {
--aui-ig: "\f147";
}
.aui-iconfont-text-color {
--aui-ig: "\f148";
}
.aui-iconfont-emoji {
--aui-ig: "\f149";
}
.aui-iconfont-new-help {
--aui-ig: "\f14a";
}
.aui-iconfont-horizontal-rule {
--aui-ig: "\f14b";
}
.aui-iconfont-indent-left {
--aui-ig: "\f14c";
}
.aui-iconfont-italic {
--aui-ig: "\f14d";
}
.aui-iconfont-page-layout-toggle {
--aui-ig: "\f14e";
}
.aui-iconfont-bullet-list {
--aui-ig: "\f14f";
}
.aui-iconfont-number-list {
--aui-ig: "\f150";
}
.aui-iconfont-table-of-contents {
--aui-ig: "\f151";
}
.aui-iconfont-mention {
--aui-ig: "\f152";
}
.aui-iconfont-indent-right {
--aui-ig: "\f153";
}
.aui-iconfont-advanced {
--aui-ig: "\f154";
}
.aui-iconfont-symbol {
--aui-ig: "\f155";
}
.aui-iconfont-table {
--aui-ig: "\f156";
}
.aui-iconfont-task {
--aui-ig: "\f157";
}
.aui-iconfont-underline {
--aui-ig: "\f158";
}
.aui-iconfont-email {
--aui-ig: "\f159";
}
.aui-iconfont-error {
--aui-ig: "\f15a";
}
.aui-iconfont-chevron-down {
--aui-ig: "\f15b";
}
.aui-iconfont-flag {
--aui-ig: "\f165";
}
.aui-iconfont-vid-full-screen-on {
--aui-ig: "\f166";
}
.aui-iconfont-group {
--aui-ig: "\f167";
}
.aui-iconfont-more-vertical {
--aui-ig: "\f168";
}
.aui-iconfont-question-circle {
--aui-ig: "\f169";
}
.aui-iconfont-home-circle {
--aui-ig: "\f16b";
}
.aui-iconfont-image {
--aui-ig: "\f16c";
}
.aui-iconfont-info-circle {
--aui-ig: "\f16f";
}
.aui-iconfont-jira {
--aui-ig: "\f170";
}
.aui-iconfont-like {
--aui-ig: "\f173";
}
.aui-iconfont-world {
--aui-ig: "\f175";
}
.aui-iconfont-link {
--aui-ig: "\f176";
}
.aui-iconfont-add-circle {
--aui-ig: "\f177";
}
.aui-iconfont-cross-circle {
--aui-ig: "\f178";
}
.aui-iconfont-lock-filled {
--aui-ig: "\f179";
}
.aui-iconfont-more {
--aui-ig: "\f17f";
}
.aui-iconfont-nav-children {
--aui-ig: "\f180";
}
.aui-iconfont-file {
--aui-ig: "\f183";
}
.aui-iconfont-quote {
--aui-ig: "\f186";
}
.aui-iconfont-redo {
--aui-ig: "\f187";
}
.aui-iconfont-search {
--aui-ig: "\f18c";
}
.aui-iconfont-share {
--aui-ig: "\f18e";
}
.aui-iconfont-shortcut {
--aui-ig: "\f18f";
}
.aui-iconfont-person-circle {
--aui-ig: "\f192";
}
.aui-iconfont-star-filled {
--aui-ig: "\f193";
}
.aui-iconfont-check {
--aui-ig: "\f194";
}
.aui-iconfont-insert-column-before {
--aui-ig: "\f196";
}
.aui-iconfont-remove-column {
--aui-ig: "\f197";
}
.aui-iconfont-insert-column-after {
--aui-ig: "\f198";
}
.aui-iconfont-copy-table-row {
--aui-ig: "\f199";
}
.aui-iconfont-cut-table-row {
--aui-ig: "\f19a";
}
.aui-iconfont-heading-column {
--aui-ig: "\f19b";
}
.aui-iconfont-heading-row {
--aui-ig: "\f19c";
}
.aui-iconfont-merge-table-cells {
--aui-ig: "\f19d";
}
.aui-iconfont-paste-table-row {
--aui-ig: "\f19f";
}
.aui-iconfont-remove-table {
--aui-ig: "\f1a0";
}
.aui-iconfont-insert-row-after {
--aui-ig: "\f1a1";
}
.aui-iconfont-remove-row {
--aui-ig: "\f1a2";
}
.aui-iconfont-insert-row-before {
--aui-ig: "\f1a3";
}
.aui-iconfont-split-merged-table-cells {
--aui-ig: "\f1a4";
}
.aui-iconfont-team-calendar {
--aui-ig: "\f1a5";
}
.aui-iconfont-recent {
--aui-ig: "\f1a6";
}
.aui-iconfont-undo {
--aui-ig: "\f1a7";
}
.aui-iconfont-vid-full-screen-off {
--aui-ig: "\f1a8";
}
.aui-iconfont-unlock-filled {
--aui-ig: "\f1a9";
}
.aui-iconfont-new-star {
--aui-ig: "\f1aa";
}
.aui-iconfont-new-watch {
--aui-ig: "\f1ab";
}
.aui-iconfont-new-arrow-up {
--aui-ig: "\f1ac";
}
.aui-iconfont-person {
--aui-ig: "\f1ad";
}
.aui-iconfont-watch-filled {
--aui-ig: "\f1af";
}
.aui-iconfont-room-menu {
--aui-ig: "\f1b1";
}
.aui-iconfont-warning {
--aui-ig: "\f1b3";
}
.aui-iconfont-tray {
--aui-ig: "\f1b5";
}
.aui-iconfont-vid-pause {
--aui-ig: "\f1c1";
}
.aui-iconfont-swap {
--aui-ig: "\f1c9";
}
.aui-iconfont-component {
--aui-ig: "\f1cd";
}
.aui-iconfont-arrow-down-small {
--aui-ig: "\f1d3";
}
.aui-iconfont-arrow-up-small {
--aui-ig: "\f1d4";
}
.aui-iconfont-filter {
--aui-ig: "\f1d6";
}
.aui-iconfont-download {
--aui-ig: "\f1de";
}
.aui-iconfont-single-column {
--aui-ig: "\f1e8";
}
.aui-iconfont-two-column {
--aui-ig: "\f1e9";
}
.aui-iconfont-right-side-bar {
--aui-ig: "\f1ea";
}
.aui-iconfont-left-side-bar {
--aui-ig: "\f1eb";
}
.aui-iconfont-three-column-side-bars {
--aui-ig: "\f1ec";
}
.aui-iconfont-three-column {
--aui-ig: "\f1ed";
}
.aui-iconfont-location {
--aui-ig: "\f1ee";
}
.aui-iconfont-radio {
--aui-ig: "\f500";
}
.aui-iconfont-activity {
--aui-ig: "\f1f3";
}
.aui-iconfont-add-item {
--aui-ig: "\f1f4";
}
.aui-iconfont-addon {
--aui-ig: "\f1f5";
}
.aui-iconfont-app-access {
--aui-ig: "\f1f6";
}
.aui-iconfont-appswitcher,
.aui-iconfont-app-switcher {
--aui-ig: "\f1f7";
}
.aui-iconfont-arrow-down-circle {
--aui-ig: "\f1f8";
}
.aui-iconfont-arrow-down-left {
--aui-ig: "\f1f9";
}
.aui-iconfont-arrow-down-right {
--aui-ig: "\f1fa";
}
.aui-iconfont-arrow-left-circle {
--aui-ig: "\f1fb";
}
.aui-iconfont-arrow-right-circle {
--aui-ig: "\f1fc";
}
.aui-iconfont-arrow-up-circle {
--aui-ig: "\f1fd";
}
.aui-iconfont-audio-circle {
--aui-ig: "\f1fe";
}
.aui-iconfont-audio {
--aui-ig: "\f1ff";
}
.aui-iconfont-backlog {
--aui-ig: "\f200";
}
.aui-iconfont-billing-filled {
--aui-ig: "\f201";
}
.aui-iconfont-billing {
--aui-ig: "\f202";
}
.aui-iconfont-board {
--aui-ig: "\f203";
}
.aui-iconfont-book {
--aui-ig: "\f204";
}
.aui-iconfont-calendar-filled {
--aui-ig: "\f205";
}
.aui-iconfont-camera-filled {
--aui-ig: "\f206";
}
.aui-iconfont-camera-rotate {
--aui-ig: "\f207";
}
.aui-iconfont-camera-take-picture {
--aui-ig: "\f208";
}
.aui-iconfont-camera {
--aui-ig: "\f209";
}
.aui-iconfont-canvas {
--aui-ig: "\f20a";
}
.aui-iconfont-cell-color-underline {
--aui-ig: "\f20b";
}
.aui-iconfont-cell-color {
--aui-ig: "\f20c";
}
.aui-iconfont-check-circle-filled {
--aui-ig: "\f20d";
}
.aui-iconfont-check-circle {
--aui-ig: "\f20e";
}
.aui-iconfont-checkbox {
--aui-ig: "\f20f";
}
.aui-iconfont-chevron-down-circle {
--aui-ig: "\f210";
}
.aui-iconfont-chevron-left-circle {
--aui-ig: "\f211";
}
.aui-iconfont-chevron-left {
--aui-ig: "\f212";
}
.aui-iconfont-chevron-right-circle {
--aui-ig: "\f213";
}
.aui-iconfont-chevron-up-circle {
--aui-ig: "\f214";
}
.aui-iconfont-chevron-up {
--aui-ig: "\f215";
}
.aui-iconfont-clone-small {
--aui-ig: "\f216";
}
.aui-iconfont-code {
--aui-ig: "\f217";
}
.aui-iconfont-copy-table-column {
--aui-ig: "\f218";
}
.aui-iconfont-create-branch {
--aui-ig: "\f219";
}
.aui-iconfont-create-pull-request {
--aui-ig: "\f21a";
}
.aui-iconfont-credit-card {
--aui-ig: "\f21b";
}
.aui-iconfont-credit-card-filled {
--aui-ig: "\f21c";
}
.aui-iconfont-cut-table-column {
--aui-ig: "\f21d";
}
.aui-iconfont-dashboard {
--aui-ig: "\f21e";
}
.aui-iconfont-decision {
--aui-ig: "\f21f";
}
.aui-iconfont-discover-filled {
--aui-ig: "\f220";
}
.aui-iconfont-discover {
--aui-ig: "\f221";
}
.aui-iconfont-document-filled {
--aui-ig: "\f222";
}
.aui-iconfont-dropbox {
--aui-ig: "\f223";
}
.aui-iconfont-new-edit {
--aui-ig: "\f224";
}
.aui-iconfont-failed-build {
--aui-ig: "\f225";
}
.aui-iconfont-feedback {
--aui-ig: "\f226";
}
.aui-iconfont-folder {
--aui-ig: "\f227";
}
.aui-iconfont-followers {
--aui-ig: "\f228";
}
.aui-iconfont-following {
--aui-ig: "\f229";
}
.aui-iconfont-fork-small {
--aui-ig: "\f22a";
}
.aui-iconfont-gallery {
--aui-ig: "\f22b";
}
.aui-iconfont-google-drive {
--aui-ig: "\f22c";
}
.aui-iconfont-google {
--aui-ig: "\f22d";
}
.aui-iconfont-graph-bar {
--aui-ig: "\f22e";
}
.aui-iconfont-graph-line {
--aui-ig: "\f22f";
}
.aui-iconfont-highlights {
--aui-ig: "\f230";
}
.aui-iconfont-home-filled {
--aui-ig: "\f231";
}
.aui-iconfont-image-border {
--aui-ig: "\f232";
}
.aui-iconfont-image-resize {
--aui-ig: "\f233";
}
.aui-iconfont-info-filled {
--aui-ig: "\f234";
}
.aui-iconfont-insert-numbered-column {
--aui-ig: "\f235";
}
.aui-iconfont-invite-team {
--aui-ig: "\f236";
}
.aui-iconfont-issue-raise {
--aui-ig: "\f237";
}
.aui-iconfont-issue {
--aui-ig: "\f238";
}
.aui-iconfont-issues {
--aui-ig: "\f239";
}
.aui-iconfont-lightbulb-filled {
--aui-ig: "\f23a";
}
.aui-iconfont-lightbulb {
--aui-ig: "\f23b";
}
.aui-iconfont-link-filled {
--aui-ig: "\f23c";
}
.aui-iconfont-list {
--aui-ig: "\f23d";
}
.aui-iconfont-lock-circle-small {
--aui-ig: "\f23e";
}
.aui-iconfont-lock {
--aui-ig: "\f23f";
}
.aui-iconfont-marketplace {
--aui-ig: "\f240";
}
.aui-iconfont-multiple-commits {
--aui-ig: "\f241";
}
.aui-iconfont-needs-work {
--aui-ig: "\f242";
}
.aui-iconfont-notification-all {
--aui-ig: "\f243";
}
.aui-iconfont-notification-direct {
--aui-ig: "\f244";
}
.aui-iconfont-notification {
--aui-ig: "\f245";
}
.aui-iconfont-office-building-filled {
--aui-ig: "\f246";
}
.aui-iconfont-office-building {
--aui-ig: "\f247";
}
.aui-iconfont-open {
--aui-ig: "\f248";
}
.aui-iconfont-overview {
--aui-ig: "\f249";
}
.aui-iconfont-page-filled {
--aui-ig: "\f24a";
}
.aui-iconfont-page {
--aui-ig: "\f24b";
}
.aui-iconfont-paint-bucket {
--aui-ig: "\f24c";
}
.aui-iconfont-paste-table-column {
--aui-ig: "\f24d";
}
.aui-iconfont-pdf {
--aui-ig: "\f24e";
}
.aui-iconfont-people-group {
--aui-ig: "\f24f";
}
.aui-iconfont-people {
--aui-ig: "\f250";
}
.aui-iconfont-portfolio {
--aui-ig: "\f251";
}
.aui-iconfont-preferences {
--aui-ig: "\f252";
}
.aui-iconfont-progress {
--aui-ig: "\f253";
}
.aui-iconfont-pull-requests {
--aui-ig: "\f254";
}
.aui-iconfont-question-filled {
--aui-ig: "\f255";
}
.aui-iconfont-queues {
--aui-ig: "\f256";
}
.aui-iconfont-recent-filled {
--aui-ig: "\f257";
}
.aui-iconfont-repository-small {
--aui-ig: "\f258";
}
.aui-iconfont-running-build {
--aui-ig: "\f259";
}
.aui-iconfont-schedule-filled {
--aui-ig: "\f25a";
}
.aui-iconfont-schedule {
--aui-ig: "\f25b";
}
.aui-iconfont-screen {
--aui-ig: "\f25c";
}
.aui-iconfont-send {
--aui-ig: "\f25d";
}
.aui-iconfont-ship {
--aui-ig: "\f25e";
}
.aui-iconfont-sign-out {
--aui-ig: "\f25f";
}
.aui-iconfont-source {
--aui-ig: "\f260";
}
.aui-iconfont-subtask {
--aui-ig: "\f261";
}
.aui-iconfont-successful-build {
--aui-ig: "\f262";
}
.aui-iconfont-task-list {
--aui-ig: "\f263";
}
.aui-iconfont-text-color-underline {
--aui-ig: "\f264";
}
.aui-iconfont-tray-empty {
--aui-ig: "\f265";
}
.aui-iconfont-unlink {
--aui-ig: "\f266";
}
.aui-iconfont-unlock-circle {
--aui-ig: "\f267";
}
.aui-iconfont-unlock {
--aui-ig: "\f268";
}
.aui-iconfont-vid-audio-muted {
--aui-ig: "\f269";
}
.aui-iconfont-vid-audio-on {
--aui-ig: "\f26a";
}
.aui-iconfont-vid-backward {
--aui-ig: "\f26b";
}
.aui-iconfont-vid-forward {
--aui-ig: "\f26c";
}
.aui-iconfont-vid-full-connection-circle {
--aui-ig: "\f26d";
}
.aui-iconfont-vid-full-speaking-circle {
--aui-ig: "\f26e";
}
.aui-iconfont-vid-hang-up {
--aui-ig: "\f26f";
}
.aui-iconfont-vid-hd-circle {
--aui-ig: "\f270";
}
.aui-iconfont-vid-play {
--aui-ig: "\f271";
}
.aui-iconfont-vid-raised-hand {
--aui-ig: "\f272";
}
.aui-iconfont-vid-share-screen {
--aui-ig: "\f273";
}
.aui-iconfont-video-camera-off {
--aui-ig: "\f274";
}
.aui-iconfont-video-circle {
--aui-ig: "\f275";
}
.aui-iconfont-video-filled {
--aui-ig: "\f276";
}
/**
* LINK
*/
a {
color: var(--aui-link-color);
text-decoration: var(--aui-link-decoration);
}
a:hover {
color: var(--aui-link-hover-color);
text-decoration: var(--aui-link-hover-decoration);
}
a:focus,
a:active {
text-decoration: var(--aui-link-decoration);
}
a:active {
color: var(--aui-link-active-color);
}
/* Skip links */
a.aui-skip-link {
display: inline-block;
background: var(--aui-body-background);
box-shadow: 0 20px 32px -8px var(--aui-shadow2), 0 0 1px var(--aui-shadow2);
line-height: 30px;
padding: 0 10px;
position: absolute;
top: -40px;
left: 10px;
opacity: 0;
transition: all 300ms;
}
@supports (-ms-accelerator:true) or (-ms-ime-align:auto) {
a.aui-skip-link {
box-shadow: 0 20px 32px -8px var(--aui-shadow2), 0 0 1px var(--aui-shadow1), 1px 0 1px var(--aui-shadow1), -1px 0 1px var(--aui-shadow1), 0 -1px 1px var(--aui-shadow1);
}
}
a.aui-skip-link:focus,
a.aui-skip-link:active {
top: 10px;
opacity: 1;
outline-offset: -2px;
z-index: 4000;
}
.clear {
clear: both;
}
.hidden {
display: none !important;
}
.assistive,
form.aui legend.assistive {
border: 0 !important;
clip: rect(0 0 0 0) !important;
height: 1px !important;
margin: -1px !important;
overflow: hidden !important;
padding: 0 !important;
position: absolute !important;
width: 1px !important;
}
/**
* PAGE LAYOUT
*/
#content {
box-sizing: border-box;
clear: both;
margin: 0;
padding: 0;
position: relative;
}
#content:before {
content: "";
clear: both;
display: table;
}
#footer .footer-body a {
color: var(--aui-lesser-body-text);
}
#footer .footer-body > ul,
#footer .footer-body > p {
margin: 10px 0 0 0;
}
#footer .footer-body > ul:first-child,
#footer .footer-body > p:first-child {
margin: 0;
}
#footer .footer-body > ul {
display: block;
font-size: 0;
list-style: none;
padding: 0;
}
#footer .footer-body > ul > li {
display: inline-block;
font-size: 12px;
line-height: 1.66666667;
padding: 0;
white-space: nowrap;
}
#footer .footer-body > ul > li + li {
margin-left: 10px;
}
#footer .footer-body > ul > li:after {
content: "\b7";
/* mid dot */
margin-left: 10px;
speak: none;
}
#footer .footer-body > ul > li:last-child:after {
display: none;
}
/**
* PAGE DESIGN
*/
body {
background: var(--aui-body-background);
color: var(--aui-body-text);
}
#footer .footer-body {
color: var(--aui-lesser-body-text);
font-size: 12px;
line-height: 1.66666667;
margin: 20px 0;
padding: 0 10px 21px 10px;
min-height: 44px;
/* margin + height of image, means footer is just as high if no footer link present */
text-align: center;
}
#content > .aui-page-header .aui-page-header-inner,
#content > section > .aui-page-header .aui-page-header-inner,
#content > main > .aui-page-header .aui-page-header-inner {
padding: 20px;
}
#content > .aui-page-header:first-child,
#content > section > .aui-page-header:first-child,
#content > main > .aui-page-header:first-child {
margin-top: 0;
}
/*! AUI Page Panel */
.aui-page-panel {
background: var(--aui-page-background);
border: 0 solid var(--aui-page-border);
border-bottom-width: 1px;
box-sizing: border-box;
clear: both;
display: block;
margin: 0;
padding: 0;
position: relative;
width: 100%;
}
* ~ .aui-page-panel {
border-top-width: 1px;
margin-top: 20px;
}
.aui-page-panel-inner {
border-spacing: 0;
display: table;
table-layout: fixed;
width: 100%;
}
.aui-page-panel-nav,
.aui-page-panel-content,
.aui-page-panel-item,
.aui-page-panel-sidebar {
box-sizing: border-box;
display: table-cell;
padding: 20px;
vertical-align: top;
}
.aui-page-panel-nav {
border-right: 1px solid var(--aui-page-border);
width: 240px;
}
.aui-page-panel-sidebar {
width: 35%;
}
.aui-page-panel-item {
padding: 0;
}
.aui-page-panel-nav ~ .aui-page-panel-sidebar {
width: 30%;
}
/* Page Panel Interops */
.aui-navgroup-horizontal + .aui-page-panel,
.aui-page-header + .aui-page-panel,
.aui-navbar + .aui-page-panel {
margin-top: 0;
}
.aui-navgroup-horizontal + .aui-page-panel,
.aui-navbar + .aui-page-panel {
border-top: none;
}
.aui-page-panel-nav > .aui-nav-vertical,
.aui-page-panel-nav > .aui-navgroup-vertical {
margin-left: -10px;
margin-right: -10px;
/* tree indication for nested aui-nav's.
it is expected that these are always expanded and no icons are added to the nav items. */
}
.aui-page-panel-nav > .aui-nav-vertical .aui-nav .aui-nav,
.aui-page-panel-nav > .aui-navgroup-vertical .aui-nav .aui-nav {
margin-top: 0;
padding: 0 0 0 20px;
}
.aui-page-panel-nav > .aui-nav-vertical .aui-nav .aui-nav > li,
.aui-page-panel-nav > .aui-navgroup-vertical .aui-nav .aui-nav > li {
position: relative;
}
.aui-page-panel-nav > .aui-nav-vertical .aui-nav .aui-nav > li::before,
.aui-page-panel-nav > .aui-navgroup-vertical .aui-nav .aui-nav > li::before,
.aui-page-panel-nav > .aui-nav-vertical .aui-nav .aui-nav > li::after,
.aui-page-panel-nav > .aui-navgroup-vertical .aui-nav .aui-nav > li::after {
background-color: var(--aui-border);
content: "";
left: -5px;
position: absolute;
}
.aui-page-panel-nav > .aui-nav-vertical .aui-nav .aui-nav > li::before,
.aui-page-panel-nav > .aui-navgroup-vertical .aui-nav .aui-nav > li::before {
bottom: 0;
top: 0;
width: 1px;
}
.aui-page-panel-nav > .aui-nav-vertical .aui-nav .aui-nav > li::after,
.aui-page-panel-nav > .aui-navgroup-vertical .aui-nav .aui-nav > li::after {
height: 1px;
top: 14px;
width: 5px;
}
.aui-page-panel-nav > .aui-nav-vertical .aui-nav .aui-nav > li:last-child::before,
.aui-page-panel-nav > .aui-navgroup-vertical .aui-nav .aui-nav > li:last-child::before {
bottom: 50%;
}
.aui-page-panel-content > .aui-navgroup-horizontal {
margin-left: -20px;
margin-right: -20px;
}
.aui-page-panel-content > .aui-navgroup-horizontal:first-child {
margin-top: -20px;
}
/**
* Page variations
*/
.aui-page-focused .aui-page-header,
.aui-page-focused .aui-page-panel,
.aui-page-focused #footer .footer-body,
.aui-page-notification .aui-page-header,
.aui-page-notification .aui-page-panel,
.aui-page-notification #footer .footer-body,
.aui-page-fixed .aui-header-inner,
.aui-page-fixed .aui-page-header-inner,
.aui-page-fixed .aui-navgroup-horizontal .aui-navgroup-inner,
.aui-page-fixed .aui-page-panel-inner,
.aui-page-fixed #footer .footer-body,
.aui-page-hybrid .aui-page-header,
.aui-page-hybrid .aui-navgroup-horizontal .aui-navgroup-inner,
.aui-page-hybrid .aui-page-panel-inner,
.aui-page-hybrid #footer .footer-body {
margin-left: auto;
margin-right: auto;
width: 980px;
}
/* extra width so left edge of hoverable content aligns with left edge of content while inactive. On hover, the hover affordance does extend outside the alignment but this looks better than the other way around. */
.aui-page-fixed .aui-header-inner,
.aui-page-fixed .aui-navgroup-horizontal .aui-navgroup-inner,
.aui-page-hybrid .aui-navgroup-horizontal .aui-navgroup-inner {
width: 1000px;
}
.aui-page-focused-small .aui-page-header,
.aui-page-size-small .aui-page-header,
.aui-page-focused-small .aui-page-panel,
.aui-page-size-small .aui-page-panel,
.aui-page-focused-small #footer .footer-body,
.aui-page-size-small #footer .footer-body {
width: 400px;
}
.aui-page-focused-medium .aui-page-header,
.aui-page-size-medium .aui-page-header,
.aui-page-focused-medium .aui-page-panel,
.aui-page-size-medium .aui-page-panel,
.aui-page-focused-medium #footer .footer-body,
.aui-page-size-medium #footer .footer-body {
width: 600px;
}
.aui-page-focused-large .aui-page-header,
.aui-page-size-large .aui-page-header,
.aui-page-focused-large .aui-page-panel,
.aui-page-size-large .aui-page-panel,
.aui-page-focused-large #footer .footer-body,
.aui-page-size-large #footer .footer-body {
width: 800px;
}
.aui-page-focused-xlarge .aui-page-header,
.aui-page-size-xlarge .aui-page-header,
.aui-page-focused-xlarge .aui-page-panel,
.aui-page-size-xlarge .aui-page-panel,
.aui-page-focused-xlarge #footer .footer-body,
.aui-page-size-xlarge #footer .footer-body {
width: 980px;
}
.aui-page-focused .aui-page-panel,
.aui-page-notification .aui-page-panel {
border-radius: 3px;
border-width: 1px;
}
.aui-page-fixed .aui-page-panel-inner,
.aui-page-hybrid .aui-page-panel-inner,
.aui-page-fixed .aui-page-panel-nav:first-child,
.aui-page-hybrid .aui-page-panel-nav:first-child,
.aui-page-fixed .aui-page-panel-content:first-child,
.aui-page-hybrid .aui-page-panel-content:first-child,
.aui-page-fixed .aui-page-panel-item:first-child,
.aui-page-hybrid .aui-page-panel-item:first-child,
.aui-page-fixed .aui-page-panel-sidebar:first-child,
.aui-page-hybrid .aui-page-panel-sidebar:first-child {
padding-left: 0;
}
.aui-page-fixed .aui-page-panel-inner,
.aui-page-hybrid .aui-page-panel-inner,
.aui-page-fixed .aui-page-panel-nav:last-child,
.aui-page-hybrid .aui-page-panel-nav:last-child,
.aui-page-fixed .aui-page-panel-content:last-child,
.aui-page-hybrid .aui-page-panel-content:last-child,
.aui-page-fixed .aui-page-panel-item:last-child,
.aui-page-hybrid .aui-page-panel-item:last-child,
.aui-page-fixed .aui-page-panel-sidebar:last-child,
.aui-page-hybrid .aui-page-panel-sidebar:last-child {
padding-right: 0;
}
/* reset to 100% inside page panel */
.aui-page-panel .aui-page-header {
width: auto;
}
.aui-page-panel .aui-page-header-inner {
width: 100%;
}
/**
* TABS AS FIRST CHILD IN CONTENT
* Explicitly sets bg to white, changes horizontal hovers to work on grey.
* Remember these extend the standard component styles.
*/
#content > .aui-tabs,
#content > section > .aui-tabs,
#content > main > .aui-tabs {
margin: 20px;
}
#content > .aui-tabs > .tabs-pane,
#content > section > .aui-tabs > .tabs-pane,
#content > main > .aui-tabs > .tabs-pane {
padding-top: 20px;
padding-bottom: 20px;
}
/**
* AUI Forms inside of a focused page
*/
.aui-page-focused .aui-page-panel-content > h2:first-child,
.aui-page-notification .aui-page-panel-content > h1:first-child {
border-bottom: 1px solid var(--aui-page-border);
margin-bottom: 20px;
padding-bottom: 20px;
}
.aui-page-notification .aui-page-panel {
margin-top: 50px;
}
.aui-page-notification .aui-page-panel-content {
color: var(--aui-lesser-body-text);
padding: 40px;
text-align: center;
}
.aui-page-notification .aui-page-panel-content .aui-page-notification-description {
font-size: 20px;
}
.aui-page-notification .aui-page-panel-content form.aui .text {
margin-right: 10px;
}
.aui-page-notification-details {
margin: 0 auto;
max-width: 90%;
width: 980px;
}
.aui-page-notification-details-header {
color: var(--aui-lesser-body-text);
margin: 20px auto 0;
position: relative;
text-align: center;
}
.aui-page-notification-details-header-expander {
display: flex;
align-items: center;
align-content: center;
justify-content: center;
}
.aui-page-notification-details-header-expander::before,
.aui-page-notification-details-header-expander::after {
border-top: 1px solid var(--aui-border);
content: '';
display: block;
flex: 1;
}
.aui-page-notification-details-header-expander .aui-expander-trigger {
background-color: var(--aui-button-default-bg-color);
display: inline-block;
padding: 10px;
position: relative;
}
.aui-page-focused .aui-page-panel-content > form.aui .buttons-container {
border-top: 1px solid var(--aui-border);
margin-top: 20px;
padding-top: 20px;
}
@media screen and (max-width: 767px) {
html.aui-responsive .aui-page-fixed .aui-page-panel-inner,
html.aui-responsive .aui-page-hybrid .aui-page-panel-inner,
html.aui-responsive .aui-page-fixed .aui-header-inner,
html.aui-responsive .aui-page-hybrid .aui-header-inner,
html.aui-responsive .aui-page-fixed .aui-navgroup-horizontal .aui-navgroup-inner,
html.aui-responsive .aui-page-hybrid .aui-navgroup-horizontal .aui-navgroup-inner,
html.aui-responsive .aui-page-fixed #footer .footer-body,
html.aui-responsive .aui-page-hybrid #footer .footer-body {
box-sizing: border-box;
width: 100%;
}
html.aui-responsive .aui-page-fixed #content > .aui-page-header,
html.aui-responsive .aui-page-hybrid #content > .aui-page-header,
html.aui-responsive .aui-page-fixed #content > section > .aui-page-header,
html.aui-responsive .aui-page-hybrid #content > section > .aui-page-header,
html.aui-responsive .aui-page-fixed #content > main > .aui-page-header,
html.aui-responsive .aui-page-hybrid #content > main > .aui-page-header {
box-sizing: border-box;
width: 100%;
}
html.aui-responsive .aui-page-header-inner {
display: block;
width: 100%;
}
html.aui-responsive .aui-page-header-actions {
display: block;
width: auto;
text-align: left;
margin-top: 20px;
padding-left: 0;
padding-right: 20px;
}
}
@media screen and (max-width: 800px) {
html.aui-responsive .aui-page-hybrid .aui-page-header,
html.aui-responsive .aui-page-hybrid .aui-page-panel-inner,
html.aui-responsive .aui-page-hybrid .aui-page-fixed .aui-header-inner,
html.aui-responsive .aui-page-hybrid .aui-navgroup-horizontal .aui-navgroup-inner {
box-sizing: border-box;
width: 100%;
}
}
@media screen and (max-width: 1023px) {
html.aui-responsive .aui-page-panel-content,
html.aui-responsive .aui-page-panel-sidebar {
display: block;
width: auto;
}
html.aui-responsive .aui-page-fixed .aui-header-inner,
html.aui-responsive .aui-page-fixed .aui-page-header-inner,
html.aui-responsive .aui-page-fixed .aui-page-panel-inner,
html.aui-responsive .aui-page-fixed #footer .footer-body {
box-sizing: border-box;
width: 100%;
}
}
html.aui-responsive #footer .footer-body > ul > li {
white-space: normal;
}
@media screen and (max-width: 400px) {
html.aui-responsive .aui-page-focused-small .aui-page-header,
html.aui-responsive .aui-page-focused-small .aui-page-panel {
box-sizing: border-box;
width: 100%;
}
html.aui-responsive .aui-page-focused-small .aui-page-panel {
margin-top: 0;
}
html.aui-responsive .aui-page-focused-small .aui-page-panel {
border-radius: 0;
border-left: 0;
border-right: 0;
}
}
@media screen and (max-width: 600px) {
html.aui-responsive .aui-page-focused-medium .aui-page-header,
html.aui-responsive .aui-page-focused-medium .aui-page-panel {
box-sizing: border-box;
width: 100%;
}
html.aui-responsive .aui-page-focused-medium .aui-page-panel {
margin-top: 0;
}
html.aui-responsive .aui-page-focused-medium .aui-page-panel {
border-radius: 0;
border-left: 0;
border-right: 0;
}
}
@media screen and (max-width: 800px) {
html.aui-responsive .aui-page-focused-large .aui-page-header,
html.aui-responsive .aui-page-focused-large .aui-page-panel {
box-sizing: border-box;
width: 100%;
}
html.aui-responsive .aui-page-focused-large .aui-page-panel {
margin-top: 0;
}
html.aui-responsive .aui-page-focused-large .aui-page-panel {
border-radius: 0;
border-left: 0;
border-right: 0;
}
}
@media screen and (max-width: 980px) {
html.aui-responsive .aui-page-focused-xlarge .aui-page-header,
html.aui-responsive .aui-page-focused-xlarge .aui-page-panel {
box-sizing: border-box;
width: 100%;
}
html.aui-responsive .aui-page-focused-xlarge .aui-page-panel {
margin-top: 0;
}
html.aui-responsive .aui-page-focused-xlarge .aui-page-panel {
border-radius: 0;
border-left: 0;
border-right: 0;
}
}
.aui-avatar {
--aui-avatar-size: 32px;
box-sizing: border-box;
display: inline-block;
position: relative;
vertical-align: text-bottom;
}
.aui-avatar-inner {
display: flex;
justify-content: center;
align-content: center;
height: var(--aui-avatar-size);
max-width: var(--aui-avatar-size);
max-height: var(--aui-avatar-size);
width: var(--aui-avatar-size);
border-radius: 100%;
overflow: hidden;
}
.aui-avatar img {
display: block;
height: 100%;
margin: auto;
width: 100%;
}
.aui-avatar.aui-avatar-xsmall {
--aui-avatar-size: 16px;
}
.aui-avatar.aui-avatar-small {
--aui-avatar-size: 24px;
}
.aui-avatar.aui-avatar-medium {
--aui-avatar-size: 32px;
}
.aui-avatar.aui-avatar-large {
--aui-avatar-size: 48px;
}
.aui-avatar.aui-avatar-xlarge {
--aui-avatar-size: 64px;
}
.aui-avatar.aui-avatar-xxlarge {
--aui-avatar-size: 96px;
}
.aui-avatar.aui-avatar-xxxlarge {
--aui-avatar-size: 128px;
}
.aui-avatar-project {
--aui-avatar-radius: 3px;
border-radius: var(--aui-avatar-radius);
}
.aui-avatar-project .aui-avatar-inner {
border-radius: var(--aui-avatar-radius);
}
.aui-avatar-project.aui-avatar-xxxlarge {
--aui-avatar-radius: 12px;
}
.aui-avatar-project.aui-avatar-xxlarge {
--aui-avatar-radius: 6px;
}
.aui-avatar-project.aui-avatar-xlarge {
--aui-avatar-radius: 6px;
}
.aui-avatar-project.aui-avatar-large {
--aui-avatar-radius: 3px;
}
.aui-avatar-project.aui-avatar-medium {
--aui-avatar-radius: 3px;
}
.aui-avatar-project.aui-avatar-small {
--aui-avatar-radius: 2px;
}
.aui-avatar-project.aui-avatar-xsmall {
--aui-avatar-radius: 2px;
}
.aui-avatar-badged {
--aui-avatar-badged-size: calc(var(--aui-avatar-size) / 4);
position: absolute;
font-size: 0;
line-height: 0;
width: var(--aui-avatar-badged-size);
height: var(--aui-avatar-badged-size);
overflow: hidden;
border: 3px solid var(--aui-avatar-outline);
border-radius: 100%;
}
.aui-avatar-badged-top-start {
top: 0;
left: 0;
}
.aui-avatar-badged-top-end {
top: 0;
right: 0;
}
.aui-avatar-badged-bottom-start {
bottom: 0;
left: 0;
}
.aui-avatar-badged-bottom-end {
bottom: 0;
right: 0;
}
.aui-avatar-group {
--aui-avatar-size: 32px;
position: relative;
margin-top: calc(var(--aui-avatar-size) / 4);
display: block;
height: var(--aui-avatar-size);
}
.aui-avatar-group-item {
position: absolute;
bottom: 0;
}
.aui-avatar-group-item-hidden {
display: none !important;
}
.aui-avatar-group-badged {
position: absolute;
bottom: 0;
background-color: var(--aui-body-background);
z-index: 1;
font-size: calc(var(--aui-avatar-size) / 3);
align-items: center;
border: 0;
cursor: pointer;
color: var(--aui-avatar-text);
}
.aui-avatar-group-dropdown {
box-sizing: border-box;
min-width: 160px;
max-width: 300px;
padding: 3px 0;
display: none;
box-shadow: 0 4px 8px var(--aui-shadow2), 0 0 1px var(--aui-shadow2);
background: var(--aui-dropdown-bg-color);
border: 0 solid var(--aui-dropdown-border-color);
border-radius: 3px;
position: absolute;
top: var(--aui-avatar-size);
z-index: 3000;
}
.aui-avatar-group-dropdown-show {
display: block;
}
.aui-avatar-group > .aui-avatar > .aui-avatar > .aui-avatar-inner {
box-shadow: 0 0 0 3px var(--aui-avatar-outline);
}
.aui-avatar-group.aui-avatar-group-xsmall {
--aui-avatar-size: calc(16px + 3px);
}
.aui-avatar-group.aui-avatar-group-small {
--aui-avatar-size: calc(24px + 3px);
}
.aui-avatar-group.aui-avatar-group-medium {
--aui-avatar-size: calc(32px + 3px);
}
.aui-avatar-group.aui-avatar-group-large {
--aui-avatar-size: calc(48px + 3px);
}
.aui-avatar-group.aui-avatar-group-xlarge {
--aui-avatar-size: calc(64px + 3px);
}
.aui-avatar-group.aui-avatar-group-xxlarge {
--aui-avatar-size: calc(96px + 3px);
}
.aui-avatar-group.aui-avatar-group-xxxlarge {
--aui-avatar-size: calc(128px + 3px);
}
/*! AUI Button */
.aui-button {
box-sizing: border-box;
transition: background-color 0.1s ease-out;
border-radius: 3.01px;
border-style: solid;
border-width: 1px;
cursor: pointer;
font-family: inherit;
font-size: 14px;
font-variant: normal;
font-weight: 400;
background-image: none;
background-color: var(--aui-btn-bg);
border: 1px solid var(--aui-btn-border);
color: var(--aui-btn-text);
display: inline-block;
height: 2.14285714em;
line-height: 1.42857143em;
margin: 0;
padding: 4px 10px;
vertical-align: baseline;
white-space: nowrap;
}
html.aui-no-focusvisible .aui-button:focus {
outline-style: none;
box-shadow: 0 0 0 2px var(--aui-focus);
}
html:not(.aui-no-focusvisible).js-focus-visible .aui-button:focus:not(.focus-visible) {
outline-style: none;
outline-offset: unset;
}
html:not(.aui-no-focusvisible) .aui-button:focus:not(:focus-visible) {
outline-style: none;
outline-offset: unset;
}
html:not(.aui-no-focusvisible).js-focus-visible .aui-button.focus-visible {
outline-style: none;
box-shadow: 0 0 0 2px var(--aui-focus);
}
html:not(.aui-no-focusvisible) .aui-button:focus-visible {
outline-style: none;
box-shadow: 0 0 0 2px var(--aui-focus);
}
.aui-button {
--aui-btn-bg: var(--aui-button-default-bg-color);
--aui-btn-border: var(--aui-button-default-border-color, transparent);
--aui-btn-text: var(--aui-button-default-text-color);
text-decoration: none;
}
a.aui-button,
.aui-button:link,
.aui-button:visited {
background-image: none;
background-color: var(--aui-btn-bg);
border: 1px solid var(--aui-btn-border);
color: var(--aui-btn-text);
text-decoration: none;
}
.aui-button-subtle {
--aui-btn-bg: var(--aui-button-subtle-bg-color, transparent);
--aui-btn-border: var(--aui-button-subtle-border-color, transparent);
--aui-btn-text: var(--aui-button-subtle-text-color, currentColor);
}
.aui-button-light {
--aui-btn-bg: var(--aui-button-light-bg-color);
}
.aui-button:focus,
.aui-button:hover {
--aui-btn-bg: var(--aui-button-default-hover-bg-color);
--aui-btn-text: var(--aui-button-default-text-color);
}
.aui-button:active {
--aui-btn-bg: var(--aui-button-default-active-bg-color);
--aui-btn-text: var(--aui-button-default-active-text-color);
}
.aui-button.active:not(.aui-button-link) {
--aui-btn-bg: var(--aui-button-default-selected-bg-color);
--aui-btn-text: var(--aui-button-default-selected-text-color);
}
.aui-button-primary {
--aui-btn-bg: var(--aui-button-primary-bg-color);
--aui-btn-text: var(--aui-button-primary-text-color);
font-weight: 600;
}
.aui-button-primary:hover,
.aui-button-primary:focus {
--aui-btn-bg: var(--aui-button-primary-hover-bg-color);
--aui-btn-text: var(--aui-button-primary-active-text-color);
}
.aui-button-primary:active {
--aui-btn-bg: var(--aui-button-primary-active-bg-color);
--aui-btn-text: var(--aui-button-primary-active-text-color);
}
.aui-button-primary.active {
--aui-btn-bg: var(--aui-button-default-selected-bg-color);
--aui-btn-text: var(--aui-button-default-selected-text-color);
}
.aui-button-link,
.aui-button-text {
--aui-btn-bg: transparent;
--aui-btn-border: transparent;
--aui-btn-text: var(--aui-link-color);
cursor: pointer;
text-decoration: var(--aui-link-decoration, none);
}
.aui-button-link:focus,
.aui-button-text:focus,
.aui-button-link:hover,
.aui-button-text:hover {
--aui-btn-bg: transparent;
--aui-btn-text: var(--aui-link-hover-color);
text-decoration: var(--aui-link-hover-decoration, underline);
}
.aui-button-link:active,
.aui-button-text:active {
--aui-btn-bg: transparent;
--aui-btn-text: var(--aui-link-active-color);
text-decoration: var(--aui-link-active-decoration, none);
}
.aui-button[aria-pressed="true"] {
--aui-btn-bg: var(--aui-button-default-selected-bg-color);
--aui-btn-text: var(--aui-button-default-selected-text-color);
}
.aui-button[aria-pressed="true"]:active {
--aui-btn-bg: var(--aui-button-default-active-bg-color);
--aui-btn-text: var(--aui-button-default-active-text-color);
}
.aui-button[disabled],
.aui-button[aria-disabled="true"] {
--aui-btn-bg: var(--aui-button-default-disabled-bg-color);
--aui-btn-border: var(--aui-button-default-disabled-border-color, transparent);
--aui-btn-text: var(--aui-button-default-disabled-text-color);
cursor: default;
}
.aui-button[disabled].aui-button-subtle,
.aui-button[aria-disabled="true"].aui-button-subtle {
--aui-btn-bg: var(--aui-button-subtle-bg-color);
}
.aui-button[disabled].aui-button-primary,
.aui-button[aria-disabled="true"].aui-button-primary {
--aui-btn-bg: var(--aui-button-default-disabled-bg-color);
--aui-btn-border: var(--aui-button-default-disabled-border-color, transparent);
--aui-btn-text: var(--aui-button-default-disabled-text-color);
cursor: default;
}
.aui-button[disabled].aui-button-link,
.aui-button[aria-disabled="true"].aui-button-link,
.aui-button[disabled].aui-button-text,
.aui-button[aria-disabled="true"].aui-button-text {
--aui-btn-bg: transparent;
--aui-btn-border: transparent;
--aui-btn-text: inherit;
filter: opacity(0.44);
text-decoration: none;
}
.aui-button.aui-button-link {
padding-left: 0;
padding-right: 0;
}
.aui-button.aui-button-text {
border: none;
font-size: inherit;
height: inherit;
line-height: normal;
padding: 0;
}
.aui-button.aui-button-split-main + .aui-button-split-more {
margin-left: 2px;
}
.aui-button > .aui-icon + .aui-button-label {
margin-left: 4px;
}
.aui-button.aui-button-compact {
font-size: 12px;
height: 2.16666667em;
padding: 2px 8px;
line-height: 1.66666667;
}
.aui-button ~ .aui-button {
margin-left: 10px;
}
.aui-buttons {
display: inline-flex;
}
.aui-buttons::after {
clear: both;
content: "";
display: table;
}
.aui-buttons .aui-button {
border-radius: 0;
margin: 0;
}
.aui-buttons .aui-button:first-child {
border-top-left-radius: 3.01px;
border-bottom-left-radius: 3.01px;
}
.aui-buttons .aui-button:last-child {
border-top-right-radius: 3.01px;
border-bottom-right-radius: 3.01px;
}
.aui-buttons + .aui-buttons {
margin-left: 10px;
}
.aui-buttons .aui-button ~ .aui-button {
border-left-width: 0;
margin-left: 2px;
}
.aui-buttons .aui-button:hover,
.aui-buttons .aui-button:focus,
.aui-buttons .aui-button:active {
position: relative;
}
.aui-buttons .aui-button:focus {
z-index: 1;
}
.aui-button.aui-button-compact .aui-icon {
margin-top: -1px;
vertical-align: middle;
}
.aui-button.aui-button-link.aui-button-link-icon-text:hover,
.aui-button.aui-button-link.aui-button-link-icon-text:focus {
text-underline-position: under;
}
.aui-button.aui-button-link.aui-button-link-icon-text:hover .aui-icon,
.aui-button.aui-button-link.aui-button-link-icon-text:focus .aui-icon {
text-underline-position: from-font;
text-underline-offset: 1px;
}
.aui-button .aui-icon {
color: inherit;
}
.aui-button[busy] {
position: relative;
color: transparent !important;
user-select: none;
}
.aui-button[busy] aui-spinner {
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
margin: auto;
color: var(--aui-btn-text);
}
/**
* AUI Page Header
*/
.aui-page-header-inner {
box-sizing: border-box;
display: flex;
align-items: center;
}
.aui-page-header-image,
.aui-page-header-main,
.aui-page-header-actions {
margin: 0;
padding: 0;
text-align: left;
}
.aui-page-header-image {
flex-grow: 0;
white-space: nowrap;
align-self: flex-start;
}
.aui-page-header-main {
flex-grow: 1;
}
.aui-page-header-image + .aui-page-header-main {
padding-left: 10px;
}
.aui-page-header-main > h1,
.aui-page-header-main > h2,
.aui-page-header-main > h3,
.aui-page-header-main > h4,
.aui-page-header-main > h5,
.aui-page-header-main > h6 {
margin: 0;
}
.aui-page-header-actions {
padding-left: 20px;
text-align: right;
}
.aui-page-header-actions > .aui-buttons {
/* spaces out button groups when they wrap to 2 lines */
margin-bottom: 5px;
margin-top: 5px;
white-space: nowrap;
}
/**
* GROUP/ITEM
*/
.aui-group {
display: table;
box-sizing: border-box;
border-spacing: 0;
table-layout: fixed;
width: 100%;
}
.aui-group > .aui-item {
box-sizing: border-box;
display: table-cell;
margin: 0;
vertical-align: top;
}
.aui-group > .aui-item + .aui-item {
padding-left: 20px;
}
/* defensive header allowance */
.aui-layout .aui-group > header {
display: table-caption;
}
/* .aui-group-split: two items; alignment is left, then right (splits the layout). */
.aui-group.aui-group-split > .aui-item {
text-align: right;
}
.aui-group.aui-group-split > .aui-item:first-child {
text-align: left;
}
/* .aui-group-trio: three items; alignment is left, center, right */
.aui-group.aui-group-trio > .aui-item {
text-align: left;
}
.aui-group.aui-group-trio > .aui-item + .aui-item {
text-align: center;
}
.aui-group.aui-group-trio > .aui-item + .aui-item + .aui-item {
text-align: right;
}
@media screen and (max-width: 767px) {
html.aui-responsive .aui-group > .aui-item {
display: block;
width: auto;
}
html.aui-responsive .aui-group > .aui-item + .aui-item {
padding-left: 0;
padding-top: 10px;
}
html.aui-responsive .aui-group.aui-group-split > .aui-item,
html.aui-responsive .aui-group.aui-group-trio > .aui-item,
html.aui-responsive .aui-group.aui-group-split > .aui-item + .aui-item,
html.aui-responsive .aui-group.aui-group-trio > .aui-item + .aui-item,
html.aui-responsive .aui-group.aui-group-split > .aui-item + .aui-item + .aui-item,
html.aui-responsive .aui-group.aui-group-trio > .aui-item + .aui-item + .aui-item {
text-align: left;
}
}
aui-message {
display: block;
}
.aui-message {
--aui-message-icolor: var(--aui-message-info-icon-color);
--aui-message-ig: "\f234";
--aui-message-isize: 16px;
--aui-message-padding: 15px;
--aui-message-gutter: calc(var(--aui-message-padding) * 2 + 10px);
background: var(--aui-message-info-bg-color);
border-radius: 3px;
color: var(--aui-message-info-text-color, var(--aui-body-text));
line-height: 20px;
overflow-wrap: break-word;
padding: var(--aui-message-padding);
padding-left: var(--aui-message-gutter);
position: relative;
word-wrap: break-word;
word-break: normal;
}
.aui-message::after {
-moz-osx-font-smoothing: grayscale;
-webkit-font-smoothing: antialiased;
-webkit-text-stroke-width: 0;
font-family: "Adgs Icons";
font-weight: normal;
font-style: normal;
speak: none;
content: var(--aui-message-ig);
color: var(--aui-message-icolor, inherit);
font-size: var(--aui-message-isize);
left: var(--aui-message-padding);
line-height: inherit;
position: absolute;
top: var(--aui-message-padding);
}
.aui-message::before {
display: none;
}
.aui-message:first-child {
margin-top: 0;
}
.aui-message.closeable {
padding-right: var(--aui-message-gutter);
}
.aui-message.closeable .aui-close-button {
position: absolute;
right: var(--aui-message-padding);
top: var(--aui-message-padding);
}
aui-message,
.aui-message {
margin: 20px 0 0 0;
}
aui-message:first-child,
.aui-message:first-child {
margin-top: 0;
}
.aui-message-error {
--aui-message-icolor: var(--aui-message-error-icon-color);
--aui-message-ig: "\f15a";
background-color: var(--aui-message-error-bg-color);
color: var(--aui-message-error-text-color);
}
.aui-message-warning {
--aui-message-icolor: var(--aui-message-warning-icon-color);
--aui-message-ig: "\f1b3";
background-color: var(--aui-message-warning-bg-color);
color: var(--aui-message-warning-text-color);
}
.aui-message-success,
.aui-message-confirmation {
--aui-message-icolor: var(--aui-message-success-icon-color);
--aui-message-ig: "\f104";
background-color: var(--aui-message-success-bg-color);
color: var(--aui-message-success-text-color);
}
.aui-message-change {
--aui-message-icolor: var(--aui-message-change-icon-color);
--aui-message-ig: "\F255";
background-color: var(--aui-message-change-bg-color);
color: var(--aui-message-change-text-color);
}
/* Message titles */
.aui-message p.title {
font-weight: bold;
}
/* IE double bolds otherwise... */
.aui-message p.title strong {
font-weight: inherit;
}
#footer .aui-message {
margin-left: 20px;
margin-right: 20px;
text-align: left;
}
:not(.aui-flag) > .aui-message {
--aui-link-color: 'currentColor';
--aui-link-hover-color: 'currentColor';
--aui-link-active-color: 'currentColor';
--aui-link-decoration: underline;
--aui-link-hover-decoration: double underline;
--aui-focus: currentcolor;
}
form.aui.aui-legacy-forms {
/* Ensure AUI Select2's do not show as regular text fields */
/* Placeholder form element styles */
}
form.aui.aui-legacy-forms .text,
form.aui.aui-legacy-forms .password,
form.aui.aui-legacy-forms .upfile,
form.aui.aui-legacy-forms .textarea,
form.aui.aui-legacy-forms .select,
form.aui.aui-legacy-forms .multi-select,
form.aui.aui-legacy-forms .aui-select2-container {
background-color: #FFFFFF;
color: #172B4D;
font-size: 14px;
font-family: inherit;
}
form.aui.aui-legacy-forms .text,
form.aui.aui-legacy-forms .password,
form.aui.aui-legacy-forms .textarea,
form.aui.aui-legacy-forms .select,
form.aui.aui-legacy-forms .multi-select,
form.aui.aui-legacy-forms .aui-select2-container .select2-choices {
border: 1px solid #C1C7D0;
border-radius: 3.01px;
box-sizing: border-box;
font-size: inherit;
margin: 0;
vertical-align: baseline;
}
form.aui.aui-legacy-forms .text,
form.aui.aui-legacy-forms .password,
form.aui.aui-legacy-forms .select,
form.aui.aui-legacy-forms .aui-select2-container .select2-choices {
height: 2.14285714em;
line-height: 1.42857143;
padding: 4px 5px;
}
form.aui.aui-legacy-forms .textarea,
form.aui.aui-legacy-forms .select[size],
form.aui.aui-legacy-forms .multi-select {
height: auto;
line-height: 1.42857143;
margin: 0;
padding: 4px 5px;
}
form.aui.aui-legacy-forms optgroup {
background-color: var(--aui-form-optgroup-bg-color);
color: var(--aui-form-optgroup-text-color);
font-style: normal;
font-weight: normal;
}
form.aui.aui-legacy-forms option,
form.aui.aui-legacy-forms optgroup option {
background-color: var(--aui-form-option-bg-color);
color: var(--aui-body-text);
}
form.aui.aui-legacy-forms .group .field-group,
form.aui.aui-legacy-forms .date-select .field-group {
clear: none;
padding-left: 0;
padding-top: 0;
}
form.aui.aui-legacy-forms .select {
padding: 6px 5px 5px 5px;
/* Firefox doesn't allow line-height to be adjusted and selects break horribly when the font-family is changed. Using padding instead */
vertical-align: top;
}
form.aui.aui-legacy-forms .aui-select2-container {
border: 0;
height: auto;
padding: 0;
vertical-align: baseline;
width: 100%;
}
form.aui.aui-legacy-forms .aui-select2-container .select2-choices {
height: auto;
max-width: none;
}
form.aui.aui-legacy-forms .aui-select2-container.select2-container-active .select2-choices {
outline: none;
border-width: 2px;
border-color: var(--aui-focus);
}
form.aui.aui-legacy-forms .aui-select2-container.select2-container-active .select2-choices:focus-visible {
box-shadow: unset;
}
form.aui.aui-legacy-forms .aui-select2-container.select2-container-multi .select2-choices {
min-height: 0;
background: #FFFFFF;
}
form.aui.aui-legacy-forms .text::placeholder,
form.aui.aui-legacy-forms .password::placeholder,
form.aui.aui-legacy-forms .textarea::placeholder {
color: #97A0AF;
opacity: 1;
}
form.aui.aui-legacy-forms .text.aui-placeholder-shown,
form.aui.aui-legacy-forms .password.aui-placeholder-shown,
form.aui.aui-legacy-forms .textarea.aui-placeholder-shown,
form.aui.aui-legacy-forms .text.placeholder-shown,
form.aui.aui-legacy-forms .password.placeholder-shown,
form.aui.aui-legacy-forms .textarea.placeholder-shown {
color: #97A0AF;
}
form.aui.aui-legacy-forms .text[disabled],
form.aui.aui-legacy-forms .password[disabled],
form.aui.aui-legacy-forms .textarea[disabled],
form.aui.aui-legacy-forms .select[disabled],
form.aui.aui-legacy-forms .multi-select[disabled],
form.aui.aui-legacy-forms .select[disabled] option,
form.aui.aui-legacy-forms .select[disabled] optgroup,
form.aui.aui-legacy-forms .multi-select[disabled] option,
form.aui.aui-legacy-forms .multi-select[disabled] optgroup {
background-color: #F4F5F7;
color: #97A0AF;
}
form.aui.aui-legacy-forms .field-group,
form.aui.aui-legacy-forms .group,
form.aui.aui-legacy-forms .date-select {
box-sizing: border-box;
clear: both;
padding: 4px 0 4px 145px;
position: relative;
margin: 1px 0;
width: 100%;
}
form.aui.aui-legacy-forms legend + .field-group,
form.aui.aui-legacy-forms legend + .checkbox,
form.aui.aui-legacy-forms legend + .radio {
margin-top: 0;
padding-top: 5px;
}
form.aui.aui-legacy-forms .checkbox,
form.aui.aui-legacy-forms .radio {
padding: 0 0 0 20px;
margin: 5px 0 0 0;
position: relative;
}
form.aui.aui-legacy-forms .checkbox:first-child,
form.aui.aui-legacy-forms .radio:first-child {
margin-top: 0;
}
form.aui.aui-legacy-forms .group {
padding-top: 0;
}
form.aui.aui-legacy-forms .icon-required {
left: 100%;
position: absolute;
top: 5px;
}
form.aui.aui-legacy-forms .icon-required::before {
content: "*";
position: absolute;
left: 0;
top: 0;
text-indent: initial;
color: var(--aui-form-error-text-color);
line-height: 1;
font-size: 12px;
}
form.aui.aui-legacy-forms legend,
form.aui.aui-legacy-forms label {
color: #6B778C;
}
form.aui.aui-legacy-forms div.description {
font-size: 12px;
line-height: 1.66666667;
color: var(--aui-form-description-text-color);
margin: 5px 0 0 0;
}
form.aui.aui-legacy-forms div.description:first-child {
margin-top: 0;
}
form.aui.aui-legacy-forms legend,
form.aui.aui-legacy-forms .field-group > label,
form.aui.aui-legacy-forms .field-group > aui-label {
float: left;
margin-left: -145px;
padding: 5px 0 0 0;
position: relative;
text-align: right;
width: 130px;
word-wrap: break-word;
}
form.aui.aui-legacy-forms .radio input.radio,
form.aui.aui-legacy-forms .checkbox input.checkbox {
box-sizing: border-box;
font-size: 14px;
height: 1.42857143em;
left: 0;
margin: 0;
padding: 2px;
position: absolute;
vertical-align: baseline;
}
/* Field styles */
form.aui:not(.aui-legacy-forms) {
/* Focus styles */
/* Placeholder form element styles */
/* Disabled form element styles */
/* Ensure AUI Select2's do not show as regular text fields */
}
form.aui:not(.aui-legacy-forms) ::-webkit-contacts-auto-fill-button {
background: var(--aui-form-field-default-text-color);
}
form.aui:not(.aui-legacy-forms) .text,
form.aui:not(.aui-legacy-forms) .password,
form.aui:not(.aui-legacy-forms) .textarea,
form.aui:not(.aui-legacy-forms) .select {
background-color: var(--aui-form-field-default-bg-color);
color: var(--aui-form-field-default-text-color);
font-size: 14px;
font-family: inherit;
}
form.aui:not(.aui-legacy-forms) .text:hover,
form.aui:not(.aui-legacy-forms) .password:hover,
form.aui:not(.aui-legacy-forms) .textarea:hover,
form.aui:not(.aui-legacy-forms) .select:hover {
background-color: var(--aui-form-field-hover-bg-color);
border-color: var(--aui-form-field-hover-border-color);
color: var(--aui-form-field-hover-text-color);
}
form.aui:not(.aui-legacy-forms) .text:-webkit-autofill,
form.aui:not(.aui-legacy-forms) .password:-webkit-autofill,
form.aui:not(.aui-legacy-forms) .textarea:-webkit-autofill,
form.aui:not(.aui-legacy-forms) .select:-webkit-autofill {
-webkit-text-fill-color: var(--aui-form-field-autofilled-text-color);
-webkit-box-shadow: 0 0 0 1000px var(--aui-form-field-autofilled-bg-color) inset;
color: var(--aui-form-field-autofilled-text-color);
border-color: var(--aui-form-field-autofilled-border-color);
}
form.aui:not(.aui-legacy-forms) .text:-webkit-autofill::-webkit-contacts-auto-fill-button,
form.aui:not(.aui-legacy-forms) .password:-webkit-autofill::-webkit-contacts-auto-fill-button,
form.aui:not(.aui-legacy-forms) .textarea:-webkit-autofill::-webkit-contacts-auto-fill-button,
form.aui:not(.aui-legacy-forms) .select:-webkit-autofill::-webkit-contacts-auto-fill-button {
background: var(--aui-form-field-autofilled-text-color);
}
form.aui:not(.aui-legacy-forms) .multi-select {
background-color: var(--aui-select2-field-default-bg-color);
color: var(--aui-form-field-default-text-color);
font-size: 14px;
font-family: inherit;
}
form.aui:not(.aui-legacy-forms) .multi-select:hover {
background-color: var(--aui-select2-field-hover-bg-color);
border-color: var(--aui-form-field-hover-border-color);
color: var(--aui-form-field-hover-text-color);
}
form.aui:not(.aui-legacy-forms) .select:hover,
form.aui:not(.aui-legacy-forms) .multi-select:hover {
background-color: var(--aui-form-select-hover-bg-color);
border-color: var(--aui-form-select-hover-bg-color);
}
form.aui:not(.aui-legacy-forms) .aui-select2-container > ul:hover {
background-color: var(--aui-select2-field-hover-bg-color);
border-color: var(--aui-form-field-hover-border-color);
color: var(--aui-form-field-hover-text-color);
}
form.aui:not(.aui-legacy-forms) .aui-select2-container.select2-container-active > ul {
background-color: var(--aui-form-field-focus-bg-color);
color: var(--aui-body-text);
}
form.aui:not(.aui-legacy-forms) .multi-select:hover > option {
background-color: var(--aui-select2-field-hover-bg-color);
border-color: var(--aui-form-field-hover-border-color);
color: var(--aui-form-field-hover-text-color);
}
form.aui:not(.aui-legacy-forms) .text,
form.aui:not(.aui-legacy-forms) .password,
form.aui:not(.aui-legacy-forms) .textarea,
form.aui:not(.aui-legacy-forms) .select {
transition: background-color 0.2s ease-in-out, border-color 0.2s ease-in-out;
border: 2px solid var(--aui-form-field-border-color);
border-radius: 3.01px;
box-sizing: border-box;
font-size: inherit;
margin: 0;
vertical-align: baseline;
}
form.aui:not(.aui-legacy-forms) .multi-select,
form.aui:not(.aui-legacy-forms) .aui-select2-container .select2-choices {
transition: background-color 0.2s ease-in-out, border-color 0.2s ease-in-out;
border: 2px solid var(--aui-select2-field-border-color);
border-radius: 3.01px;
box-sizing: border-box;
font-size: inherit;
margin: 0;
vertical-align: baseline;
background-image: none;
}
form.aui:not(.aui-legacy-forms) .multi-select {
background-color: var(--aui-form-select-bg-color);
border-color: var(--aui-form-select-border-color);
}
form.aui:not(.aui-legacy-forms) .text,
form.aui:not(.aui-legacy-forms) .password,
form.aui:not(.aui-legacy-forms) .select,
form.aui:not(.aui-legacy-forms) .aui-select2-container .select2-choices {
height: 2.14285714em;
line-height: 1.42857143;
padding: 3px 4px;
}
form.aui:not(.aui-legacy-forms) .textarea,
form.aui:not(.aui-legacy-forms) .select[size],
form.aui:not(.aui-legacy-forms) .multi-select {
height: auto;
line-height: 1.42857143;
margin: 0;
padding: 3px 4px;
}
form.aui:not(.aui-legacy-forms) .textarea {
overflow-y: auto;
}
form.aui:not(.aui-legacy-forms) .multi-select {
margin-top: 2px;
}
form.aui:not(.aui-legacy-forms) .group .field-group,
form.aui:not(.aui-legacy-forms) .date-select .field-group {
clear: none;
padding-left: 0;
padding-top: 0;
}
form.aui:not(.aui-legacy-forms) .text:focus,
form.aui:not(.aui-legacy-forms) .password:focus,
form.aui:not(.aui-legacy-forms) .textarea:focus,
form.aui:not(.aui-legacy-forms) .select:focus,
form.aui:not(.aui-legacy-forms) .multi-select:focus {
background-color: var(--aui-form-field-focus-bg-color);
color: var(--aui-body-text);
}
form.aui:not(.aui-legacy-forms) .text:focus > option,
form.aui:not(.aui-legacy-forms) .password:focus > option,
form.aui:not(.aui-legacy-forms) .textarea:focus > option,
form.aui:not(.aui-legacy-forms) .select:focus > option,
form.aui:not(.aui-legacy-forms) .multi-select:focus > option {
background-color: var(--aui-form-field-focus-bg-color);
color: var(--aui-body-text);
}
form.aui:not(.aui-legacy-forms) .text:focus,
form.aui:not(.aui-legacy-forms) .password:focus,
form.aui:not(.aui-legacy-forms) .textarea:focus,
form.aui:not(.aui-legacy-forms) .select:focus,
form.aui:not(.aui-legacy-forms) .multi-select:focus,
form.aui:not(.aui-legacy-forms) .aui-select2-container .select2-choices:focus {
outline: none;
border-width: 2px;
border-color: var(--aui-focus);
}
form.aui:not(.aui-legacy-forms) .text:focus:focus-visible,
form.aui:not(.aui-legacy-forms) .password:focus:focus-visible,
form.aui:not(.aui-legacy-forms) .textarea:focus:focus-visible,
form.aui:not(.aui-legacy-forms) .select:focus:focus-visible,
form.aui:not(.aui-legacy-forms) .multi-select:focus:focus-visible,
form.aui:not(.aui-legacy-forms) .aui-select2-container .select2-choices:focus:focus-visible {
box-shadow: unset;
}
form.aui:not(.aui-legacy-forms) .aui-select2-container.select2-container-active .select2-choices {
outline: none;
border-width: 2px;
border-color: var(--aui-focus);
}
form.aui:not(.aui-legacy-forms) .aui-select2-container.select2-container-active .select2-choices:focus-visible {
box-shadow: unset;
}
form.aui:not(.aui-legacy-forms) .button:focus,
form.aui:not(.aui-legacy-forms) .cancel:focus {
outline-style: none;
box-shadow: 0 0 0 2px var(--aui-focus);
}
form.aui:not(.aui-legacy-forms) .text::placeholder,
form.aui:not(.aui-legacy-forms) .password::placeholder,
form.aui:not(.aui-legacy-forms) .textarea::placeholder {
color: var(--aui-form-placeholder-text-color);
opacity: 1;
}
form.aui:not(.aui-legacy-forms) .text.aui-placeholder-shown,
form.aui:not(.aui-legacy-forms) .password.aui-placeholder-shown,
form.aui:not(.aui-legacy-forms) .textarea.aui-placeholder-shown,
form.aui:not(.aui-legacy-forms) .text.placeholder-shown,
form.aui:not(.aui-legacy-forms) .password.placeholder-shown,
form.aui:not(.aui-legacy-forms) .textarea.placeholder-shown {
color: var(--aui-form-placeholder-text-color);
}
form.aui:not(.aui-legacy-forms) .text[disabled]::placeholder,
form.aui:not(.aui-legacy-forms) .password[disabled]::placeholder,
form.aui:not(.aui-legacy-forms) .textarea[disabled]::placeholder {
color: var(--aui-form-placeholder-disabled-text-color);
opacity: 1;
}
form.aui:not(.aui-legacy-forms) .text[disabled].aui-placeholder-shown,
form.aui:not(.aui-legacy-forms) .password[disabled].aui-placeholder-shown,
form.aui:not(.aui-legacy-forms) .textarea[disabled].aui-placeholder-shown,
form.aui:not(.aui-legacy-forms) .text[disabled].placeholder-shown,
form.aui:not(.aui-legacy-forms) .password[disabled].placeholder-shown,
form.aui:not(.aui-legacy-forms) .textarea[disabled].placeholder-shown {
color: var(--aui-form-placeholder-disabled-text-color);
}
form.aui:not(.aui-legacy-forms) .text[disabled],
form.aui:not(.aui-legacy-forms) .password[disabled],
form.aui:not(.aui-legacy-forms) .textarea[disabled],
form.aui:not(.aui-legacy-forms) .select[disabled],
form.aui:not(.aui-legacy-forms) .multi-select[disabled],
form.aui:not(.aui-legacy-forms) .select[disabled] option,
form.aui:not(.aui-legacy-forms) .select[disabled] optgroup,
form.aui:not(.aui-legacy-forms) .multi-select[disabled] option,
form.aui:not(.aui-legacy-forms) .multi-select[disabled] optgroup {
background-color: var(--aui-form-disabled-field-bg-color);
color: var(--aui-form-disabled-field-text-color);
border: none;
}
form.aui:not(.aui-legacy-forms) .text[disabled],
form.aui:not(.aui-legacy-forms) .password[disabled],
form.aui:not(.aui-legacy-forms) .textarea[disabled],
form.aui:not(.aui-legacy-forms) .select[disabled],
form.aui:not(.aui-legacy-forms) .multi-select[disabled] {
border: 2px solid transparent;
}
form.aui:not(.aui-legacy-forms) .select {
margin-top: 1px;
vertical-align: top;
background-color: var(--aui-form-select-bg-color);
border-color: var(--aui-form-select-border-color);
appearance: none;
}
form.aui:not(.aui-legacy-forms) .select::-ms-expand {
display: none;
}
form.aui:not(.aui-legacy-forms) .aui-select2-container {
border: 0;
height: auto;
padding: 0;
vertical-align: baseline;
width: 100%;
}
form.aui:not(.aui-legacy-forms) .aui-select2-container .select2-choices {
height: auto;
max-width: none;
}
form.aui:not(.aui-legacy-forms) .field-group,
form.aui:not(.aui-legacy-forms) .group,
form.aui:not(.aui-legacy-forms) .date-select {
box-sizing: border-box;
clear: both;
padding: 4px 0 4px 145px;
position: relative;
margin: 1px 0;
width: 100%;
}
form.aui:not(.aui-legacy-forms) .group {
padding-top: 0;
}
form.aui:not(.aui-legacy-forms) select[disabled]:not([size]),
form.aui:not(.aui-legacy-forms) .select:not([size]) {
background-repeat: no-repeat;
background-position: calc(100% + 1.5px) 50%;
background-size: 25px;
}
form.aui:not(.aui-legacy-forms) select.select[disabled]:not([size]) {
background-image: url('data:image/svg+xml,%3Csvg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath fill="%23A5ADBA" d="M8.292 10.293a1.009 1.009 0 000 1.419l2.939 2.965c.218.215.5.322.779.322s.556-.107.769-.322l2.93-2.955a1.01 1.01 0 000-1.419.987.987 0 00-1.406 0l-2.298 2.317-2.307-2.327a.99.99 0 00-1.406 0z"/%3E%3C/svg%3E%0A');
}
form.aui:not(.aui-legacy-forms) select.select:not([size]) {
padding-right: 20px;
background-image: url('data:image/svg+xml,%3Csvg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath fill="%23344563" d="M8.292 10.293a1.009 1.009 0 000 1.419l2.939 2.965c.218.215.5.322.779.322s.556-.107.769-.322l2.93-2.955a1.01 1.01 0 000-1.419.987.987 0 00-1.406 0l-2.298 2.317-2.307-2.327a.99.99 0 00-1.406 0z"/%3E%3C/svg%3E%0A');
}
body.aui-theme-dark form.aui:not(.aui-legacy-forms) select.select:not([size]) {
background-image: url('data:image/svg+xml,%3Csvg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath fill="%23A5ADBA" d="M8.292 10.293a1.009 1.009 0 000 1.419l2.939 2.965c.218.215.5.322.779.322s.556-.107.769-.322l2.93-2.955a1.01 1.01 0 000-1.419.987.987 0 00-1.406 0l-2.298 2.317-2.307-2.327a.99.99 0 00-1.406 0z"/%3E%3C/svg%3E%0A');
}
form.aui:not(.aui-legacy-forms) .icon-required {
left: 100%;
position: absolute;
top: 7px;
}
form.aui:not(.aui-legacy-forms) .icon-required::before {
content: "*";
position: absolute;
left: 0;
top: 0;
text-indent: initial;
color: var(--aui-form-error-text-color);
line-height: 1;
font-size: 12px;
}
form.aui:not(.aui-legacy-forms) legend,
form.aui:not(.aui-legacy-forms) label {
color: var(--aui-form-label-text-color);
font-weight: 500;
font-size: 14px;
}
form.aui:not(.aui-legacy-forms) legend + .field-group {
margin-top: 0;
padding-top: 5px;
}
form.aui:not(.aui-legacy-forms) div.description {
font-size: 11px;
line-height: 1.81818182;
color: var(--aui-form-description-text-color);
margin: 5px 0 0 0;
}
form.aui:not(.aui-legacy-forms) div.description:first-child {
margin-top: 0;
}
form.aui:not(.aui-legacy-forms) legend,
form.aui:not(.aui-legacy-forms) .field-group > label,
form.aui:not(.aui-legacy-forms) .field-group > aui-label {
float: left;
margin-left: -145px;
padding: 5px 0 0 0;
position: relative;
text-align: right;
width: 130px;
word-wrap: break-word;
}
form.aui:not(.aui-legacy-forms) .radio input[type="radio"],
form.aui:not(.aui-legacy-forms) .checkbox input[type="checkbox"] {
border: 0 !important;
clip: rect(0 0 0 0) !important;
height: 1px !important;
margin: -1px !important;
overflow: hidden !important;
padding: 0 !important;
position: absolute !important;
width: 1px !important;
}
form.aui:not(.aui-legacy-forms) .radio,
form.aui:not(.aui-legacy-forms) .checkbox {
padding: 0 0 0 20px;
margin: 5px 0 0;
position: relative;
}
form.aui:not(.aui-legacy-forms) .radio:first-child,
form.aui:not(.aui-legacy-forms) .checkbox:first-child {
margin-top: 0;
}
form.aui:not(.aui-legacy-forms) .radio .aui-form-glyph,
form.aui:not(.aui-legacy-forms) .checkbox .aui-form-glyph {
pointer-events: none !important;
}
form.aui:not(.aui-legacy-forms) .radio > label,
form.aui:not(.aui-legacy-forms) .checkbox > label {
position: relative;
}
form.aui:not(.aui-legacy-forms) .radio > label::before,
form.aui:not(.aui-legacy-forms) .checkbox > label::before {
content: "";
display: inline-block;
left: -20px;
position: absolute;
width: 20px;
height: 100%;
}
form.aui:not(.aui-legacy-forms) .radio > label > .aui-form-glyph::before,
form.aui:not(.aui-legacy-forms) .checkbox > label > .aui-form-glyph::before,
form.aui:not(.aui-legacy-forms) .radio > label > .aui-form-glyph::after,
form.aui:not(.aui-legacy-forms) .checkbox > label > .aui-form-glyph::after {
margin-left: -20px;
}
form.aui:not(.aui-legacy-forms) .radio input:checked + .aui-form-glyph::before {
-moz-osx-font-smoothing: grayscale;
-webkit-font-smoothing: antialiased;
-webkit-text-stroke-width: 0;
font-family: "Adgs Icons";
font-weight: normal;
font-style: normal;
speak: none;
display: inline-block;
width: 10px;
height: 10px;
position: absolute;
left: -1px;
top: 2px;
content: "\f500";
color: var(--aui-form-glyph-fill-color);
font-size: 16px;
line-height: 1;
}
form.aui:not(.aui-legacy-forms) .radio input:checked:active:not(:disabled) + .aui-form-glyph::before {
height: 14px;
width: 14px;
background: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZm9jdXNhYmxlPSJmYWxzZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CiAgICA8ZyBmaWxsLXJ1bGU9ImV2ZW5vZGQiPgogICAgICAgIDxjaXJjbGUgZmlsbD0iI0RFRUJGRiIgY3g9IjEyIiBjeT0iMTIiIHI9IjciPjwvY2lyY2xlPgogICAgICAgIDxjaXJjbGUgZmlsbD0iIzAwNTJDQyIgY3g9IjEyIiBjeT0iMTIiIHI9IjIuMzM1Ij48L2NpcmNsZT4KICAgIDwvZz4KPC9zdmc+Cg==') no-repeat -5px -5px;
line-height: 1;
position: absolute;
top: 3px;
left: 0px;
content: ' ';
}
form.aui:not(.aui-legacy-forms) .radio input:checked:disabled ~ label {
color: var(--aui-form-disabled-field-label-color);
}
form.aui:not(.aui-legacy-forms) .radio input:checked:disabled + .aui-form-glyph::before {
color: var(--aui-form-glyph-disabled-icon-color);
border-color: transparent;
background: transparent;
}
form.aui:not(.aui-legacy-forms) .radio input:not(:checked) + .aui-form-glyph::before {
display: inline-block;
width: 10px;
height: 10px;
position: absolute;
left: 0px;
top: 3px;
content: "";
border: 2px solid var(--aui-form-radio-unchecked-border-color);
background-color: var(--aui-form-radio-unchecked-bg-color);
border-radius: 10px;
}
form.aui:not(.aui-legacy-forms) .radio input:not(:checked):active:not(:disabled) + .aui-form-glyph::before {
height: 14px;
width: 14px;
background: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZm9jdXNhYmxlPSJmYWxzZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CiAgICA8ZyBmaWxsLXJ1bGU9ImV2ZW5vZGQiPgogICAgICAgIDxjaXJjbGUgZmlsbD0iI0RFRUJGRiIgY3g9IjEyIiBjeT0iMTIiIHI9IjciPjwvY2lyY2xlPgogICAgPC9nPgo8L3N2Zz4K') no-repeat -5px -5px;
line-height: 1;
position: absolute;
top: 3px;
left: 0px;
content: ' ';
border: none;
}
form.aui:not(.aui-legacy-forms) .radio input:not(:checked):disabled ~ label {
color: var(--aui-form-disabled-field-label-color);
}
form.aui:not(.aui-legacy-forms) .radio input:not(:checked):disabled + .aui-form-glyph::before {
color: var(--aui-form-glyph-disabled-icon-color);
border-color: var(--aui-form-glyph-disabled-fill-color);
background: var(--aui-form-glyph-disabled-fill-color);
}
form.aui:not(.aui-legacy-forms) .radio input:focus + .aui-form-glyph::after {
display: inline-block;
width: 10px;
height: 10px;
position: absolute;
left: 0px;
top: 3px;
content: "";
border: 2px solid var(--aui-focus);
border-radius: 10px;
background-color: transparent;
}
form.aui:not(.aui-legacy-forms) .radio input:focus + .aui-form-glyph::before {
border-color: var(--aui-focus);
}
form.aui:not(.aui-legacy-forms) .checkbox input:checked + .aui-form-glyph::before {
-moz-osx-font-smoothing: grayscale;
-webkit-font-smoothing: antialiased;
-webkit-text-stroke-width: 0;
font-family: "Adgs Icons";
font-weight: normal;
font-style: normal;
speak: none;
display: inline-block;
width: 10px;
height: 10px;
position: absolute;
left: 0px;
top: 3px;
content: "\f194";
color: var(--aui-form-glyph-icon-color);
font-size: 8px;
line-height: 10px;
font-weight: 700;
text-align: center;
border: 2px solid var(--aui-form-glyph-fill-color);
border-radius: 4px;
background-color: var(--aui-form-glyph-fill-color);
}
form.aui:not(.aui-legacy-forms) .checkbox input:checked:active + .aui-form-glyph::before {
color: var(--aui-form-checkbox-active-icon-color);
background-color: var(--aui-form-checkbox-active-bg-color);
border-color: var(--aui-form-checkbox-active-border-color);
}
form.aui:not(.aui-legacy-forms) .checkbox input:checked:disabled ~ label {
color: var(--aui-form-disabled-field-label-color);
}
form.aui:not(.aui-legacy-forms) .checkbox input:checked:disabled + .aui-form-glyph::before {
color: var(--aui-form-glyph-disabled-icon-color);
border-color: var(--aui-form-glyph-disabled-fill-color);
background: var(--aui-form-glyph-disabled-fill-color);
}
form.aui:not(.aui-legacy-forms) .checkbox input:not(:checked) + .aui-form-glyph::before {
display: inline-block;
width: 10px;
height: 10px;
position: absolute;
left: 0px;
top: 3px;
content: "";
border: 2px solid var(--aui-form-radio-unchecked-border-color);
background-color: var(--aui-form-radio-unchecked-bg-color);
border-radius: 4px;
}
form.aui:not(.aui-legacy-forms) .checkbox input:not(:checked):active + .aui-form-glyph::before {
background-color: var(--aui-form-checkbox-active-bg-color);
border-color: var(--aui-form-checkbox-active-bg-color);
}
form.aui:not(.aui-legacy-forms) .checkbox input:not(:checked):disabled ~ label {
color: var(--aui-form-disabled-field-label-color);
}
form.aui:not(.aui-legacy-forms) .checkbox input:not(:checked):disabled + .aui-form-glyph::before {
color: var(--aui-form-glyph-disabled-icon-color);
border-color: var(--aui-form-glyph-disabled-fill-color);
background: var(--aui-form-glyph-disabled-fill-color);
}
form.aui:not(.aui-legacy-forms) .checkbox input:focus + .aui-form-glyph::before {
border-color: var(--aui-focus);
}
form.aui {
margin: 20px 0 0 0;
}
form.aui:first-child {
margin-top: 0;
}
/* Do not give file inputs a height or width because they break horribly in certain browsers. */
form.aui .upfile {
box-sizing: border-box;
font-family: inherit;
font-size: inherit;
margin: 5px 0;
padding: 0;
}
form.aui optgroup,
form.aui option,
form.aui optgroup option {
font-style: normal;
font-weight: normal;
}
form.aui .text[disabled],
form.aui .password[disabled],
form.aui .textarea[disabled],
form.aui .select[disabled],
form.aui .multi-select[disabled],
form.aui .radio[disabled],
form.aui .checkbox[disabled] {
cursor: not-allowed;
}
form.aui .text[type=search] {
-webkit-appearance: textfield;
outline-width: 5px;
outline-offset: -2px;
}
form.aui .text[type=search]::-webkit-search-decoration {
-webkit-appearance: none;
}
/* Structural elements */
form.aui fieldset {
border: 0;
clear: both;
display: block;
margin: 0;
padding: 0;
position: relative;
}
form.aui .field-value {
display: inline-block;
font-weight: bold;
padding-top: 5px;
}
/* TODO: don't support this in AUI Forms 2 */
form.aui legend {
display: none;
}
form.aui .group {
padding-top: 0;
}
form.aui .field-group:before,
form.aui .field-group:after,
form.aui .group:before,
form.aui .group:after,
form.aui .date-select:before,
form.aui .date-select:after {
content: " ";
display: table;
}
form.aui .field-group:after,
form.aui .group:after,
form.aui .date-select:after {
clear: both;
}
form.aui .checkbox > label,
form.aui .radio > label {
font-size: 14px;
color: var(--aui-body-text);
font-weight: 400;
}
form.aui .checkbox > .checkbox[disabled] + label,
form.aui .radio > .radio[disabled] + label {
color: var(--aui-form-disabled-field-label-color);
cursor: not-allowed;
}
form.aui .field-group .error,
form.aui .group .error,
form.aui .checkbox .error,
form.aui .radio .error,
form.aui .error {
clear: both;
color: var(--aui-form-error-text-color);
display: block;
margin: 5px 0 0 0;
}
form.aui .field-group .error .aui-iconfont-error,
form.aui .group .error .aui-iconfont-error,
form.aui .checkbox .error .aui-iconfont-error,
form.aui .radio .error .aui-iconfont-error,
form.aui .error .aui-iconfont-error {
margin-right: 4px;
}
form.aui .error ul {
padding: 0;
list-style: none;
}
form.aui .field-group .error:first-child,
form.aui .checkbox .error:first-child,
form.aui .radio .error:first-child {
margin-top: 0;
}
form.aui .group legend,
form.aui .date-select legend {
display: block;
}
form.aui .date-select .field-group label {
display: none;
}
form.aui .matrix {
padding-top: 5px;
}
/* Buttons */
form.aui .buttons-container {
box-sizing: border-box;
clear: both;
margin: 1px 0 0 0;
padding: 4px 0 4px 145px;
position: relative;
width: 100%;
}
/* Long Labels
* add long-label class to form eg: