/**
 * SHARED ACROSS DESKTOP AND MOBILE
 */

/**KEYFRAMES - OPACITY*/
@keyframes opacity-opaque {
    from {
        opacity: 0.6;
    }

    to {
        opacity: 1;
    }
}

@keyframes opacity-faded {
    from {
        opacity: 1;
    }

    to {
        opacity: 0.6;
    }
}

/**UTLITIES*/

/*[WIPE]*/
[data-ws-wipe-both=top] {
    margin: 0;
    padding: 0;
}

[data-ws-wipe-both=btm] {
    margin: 0;
    padding: 0;
}

[data-ws-wipe-both=top-btm] {
    margin: 0;
    padding: 0;
}

[data-ws-wipe-both=sides] {
    margin: 0;
    padding: 0;
}

[data-ws-wipe-both=all] {
    margin: 0;
    padding: 0;
}

[data-ws-wipe-mar=top] {
    margin-top: 0;
}

[data-ws-wipe-mar=btm] {
    margin-bottom: 0;
}

[data-ws-wipe-mar=top-btm] {
    margin-top: 0;
    margin-bottom: 0;
}

[data-ws-wipe-mar=sides] {
    margin-left: 0;
    margin-right: 0;
}

[data-ws-wipe-mar=all] {
    margin: 0;
}

[data-ws-wipe-pad=top] {
    padding-top: 0;
}

[data-ws-wipe-pad=btm] {
    padding-bottom: 0;
}

[data-ws-wipe-pad=top-btm] {
    padding-top: 0;
    padding-bottom: 0;
}

[data-ws-wipe-pad=sides] {
    padding-left: 0;
    padding-right: 0;
}

[data-ws-wipe-pad=all] {
    padding: 0;
}

/**MARGIN*/
[data-ws-mar=top--xxs] {
    margin-top: 5px;
}

[data-ws-mar=top--xs] {
    margin-top: 15px;
}

[data-ws-mar=top--sm] {
    margin-top: 20px;
}

[data-ws-mar=top--md] {
    margin-top: 25px;
}

[data-ws-mar=top--lg] {
    margin-top: 30px;
}

[data-ws-mar=top--xl] {
    margin-top: 35px;
}

[data-ws-mar=top--xxl] {
    margin-top: 40px;
}

[data-ws-mar=btm--xxs] {
    margin-bottom: 5px;
}

[data-ws-mar=btm--xs] {
    margin-bottom: 15px;
}

[data-ws-mar=btm--sm] {
    margin-bottom: 20px;
}

[data-ws-mar=btm--md] {
    margin-bottom: 25px;
}

[data-ws-mar=btm--lg] {
    margin-bottom: 30px;
}

[data-ws-mar=btm--xl] {
    margin-bottom: 35px;
}

[data-ws-mar=btm--xxl] {
    margin-bottom: 40px;
}

[data-ws-mar=top-btm--xxs] {
    margin-top: 5px;
    margin-bottom: 5px;
}

[data-ws-mar=top-btm--xs] {
    margin-top: 15px;
    margin-bottom: 15px;
}

[data-ws-mar=top-btm--sm] {
    margin-top: 20px;
    margin-bottom: 20px;
}

[data-ws-mar=top-btm--md] {
    margin-top: 25px;
    margin-bottom: 25px;
}

[data-ws-mar=top-btm--lg] {
    margin-top: 30px;
    margin-bottom: 30px;
}

[data-ws-mar=top-btm--xl] {
    margin-top: 35px;
    margin-bottom: 35px;
}

[data-ws-mar=top-btm--xxl] {
    margin-top: 40px;
    margin-bottom: 40px;
}

[data-ws-mar=sides--xxs] {
    margin-left: 5px;
    margin-right: 5px;
}

[data-ws-mar=sides--xs] {
    margin-left: 15px;
    margin-right: 15px;
}

[data-ws-mar=sides--sm] {
    margin-left: 20px;
    margin-right: 20px;
}

[data-ws-mar=sides--md] {
    margin-left: 25px;
    margin-right: 25px;
}

[data-ws-mar=sides--lg] {
    margin-left: 30px;
    margin-right: 30px;
}

[data-ws-mar=sides--xl] {
    margin-left: 35px;
    margin-right: 35px;
}

[data-ws-mar=sides--xxl] {
    margin-left: 40px;
    margin-right: 40px;
}

[data-ws-mar=all--xxs] {
    margin: 5px;
}

[data-ws-mar=all--xs] {
    margin: 15px;
}

[data-ws-mar=all--sm] {
    margin: 20px;
}

[data-ws-mar=all--md] {
    margin: 25px;
}

[data-ws-mar=all--lg] {
    margin: 30px;
}

[data-ws-mar=all--xl] {
    margin: 35px;
}

[data-ws-mar=all--xxl] {
    margin: 40px;
}

/**PADDING*/
[data-ws-pad=top--xxs] {
    padding-top: 5px;
}

[data-ws-pad=top--xs] {
    padding-top: 15px;
}

[data-ws-pad=top--sm] {
    padding-top: 20px;
}

[data-ws-pad=top--md] {
    padding-top: 25px;
}

[data-ws-pad=top--lg] {
    padding-top: 30px;
}

[data-ws-pad=top--xl] {
    padding-top: 35px;
}

[data-ws-pad=top--xxl] {
    padding-top: 40px;
}

[data-ws-pad=btm--xxs] {
    padding-bottom: 5px;
}

[data-ws-pad=btm--xs] {
    padding-bottom: 15px;
}

[data-ws-pad=btm--sm] {
    padding-bottom: 20px;
}

[data-ws-pad=btm--md] {
    padding-bottom: 25px;
}

[data-ws-pad=btm--lg] {
    padding-bottom: 30px;
}

[data-ws-pad=btm--xl] {
    padding-bottom: 35px;
}

[data-ws-pad=btm--xxl] {
    padding-bottom: 40px;
}

[data-ws-pad=top-btm--xxs] {
    padding-top: 5px;
    padding-bottom: 5px;
}

[data-ws-pad=top-btm--xs] {
    padding-top: 15px;
    padding-bottom: 15px;
}

[data-ws-pad=top-btm--sm] {
    padding-top: 20px;
    padding-bottom: 20px;
}

[data-ws-pad=top-btm--md] {
    padding-top: 25px;
    padding-bottom: 25px;
}

[data-ws-pad=top-btm--lg] {
    padding-top: 30px;
    padding-bottom: 30px;
}

[data-ws-pad=top-btm--xl] {
    padding-top: 35px;
    padding-bottom: 35px;
}

[data-ws-pad=top-btm--xxl] {
    padding-top: 40px;
    padding-bottom: 40px;
}

[data-ws-pad=sides--xxs] {
    padding-left: 5px;
    padding-right: 5px;
}

[data-ws-pad=sides--xs] {
    padding-left: 15px;
    padding-right: 15px;
}

[data-ws-pad=sides--sm] {
    padding-left: 20px;
    padding-right: 20px;
}

[data-ws-pad=sides--md] {
    padding-left: 25px;
    padding-right: 25px;
}

[data-ws-pad=sides--lg] {
    padding-left: 30px;
    padding-right: 30px;
}

[data-ws-pad=sides--xl] {
    padding-left: 35px;
    padding-right: 35px;
}

[data-ws-pad=sides--xxl] {
    padding-left: 40px;
    padding-right: 40px;
}

[data-ws-pad=all--xxs] {
    padding: 5px;
}

[data-ws-pad=all--xs] {
    padding: 15px;
}

[data-ws-pad=all--sm] {
    padding: 20px;
}

[data-ws-pad=all--md] {
    padding: 25px;
}

[data-ws-pad=all--lg] {
    padding: 30px;
}

[data-ws-pad=all--xl] {
    padding: 35px;
}

[data-ws-pad=all--xxl] {
    padding: 40px;
}

/**NEGATIVE MARGIN*/
[data-ws-negmar=top--xxs] {
    margin-top: -5px;
}

[data-ws-negmar=top--xs] {
    margin-top: -15px;
}

[data-ws-negmar=top--sm] {
    margin-top: -20px;
}

[data-ws-negmar=top--md] {
    margin-top: -25px;
}

[data-ws-negmar=top--lg] {
    margin-top: -30px;
}

[data-ws-negmar=top--xl] {
    margin-top: -35px;
}

[data-ws-negmar=top--xxl] {
    margin-top: -40px;
}

[data-ws-negmar=btm--xxs] {
    margin-bottom: -5px;
}

[data-ws-negmar=btm--xs] {
    margin-bottom: -15px;
}

[data-ws-negmar=btm--sm] {
    margin-bottom: -20px;
}

[data-ws-negmar=btm--md] {
    margin-bottom: -25px;
}

[data-ws-negmar=btm--lg] {
    margin-bottom: -30px;
}

[data-ws-negmar=btm--xl] {
    margin-bottom: -35px;
}

[data-ws-negmar=btm--xxl] {
    margin-bottom: -40px;
}

[data-ws-negmar=top-btm--xxs] {
    margin-top: -5px;
    margin-bottom: -5px;
}

[data-ws-negmar=top-btm--xs] {
    margin-top: -15px;
    margin-bottom: -15px;
}

[data-ws-negmar=top-btm--sm] {
    margin-top: -20px;
    margin-bottom: -20px;
}

[data-ws-negmar=top-btm--md] {
    margin-top: -25px;
    margin-bottom: -25px;
}

[data-ws-negmar=top-btm--lg] {
    margin-top: -30px;
    margin-bottom: -30px;
}

[data-ws-negmar=top-btm--xl] {
    margin-top: -35px;
    margin-bottom: -35px;
}

[data-ws-negmar=top-btm--xxl] {
    margin-top: -40px;
    margin-bottom: -40px;
}

[data-ws-negmar=sides--xxs] {
    margin-left: -5px;
    margin-right: -5px;
}

[data-ws-negmar=sides--xs] {
    margin-left: -15px;
    margin-right: -15px;
}

[data-ws-negmar=sides--sm] {
    margin-left: -20px;
    margin-right: -20px;
}

[data-ws-negmar=sides--md] {
    margin-left: -25px;
    margin-right: -25px;
}

[data-ws-negmar=sides--lg] {
    margin-left: -30px;
    margin-right: -30px;
}

[data-ws-negmar=sides--xl] {
    margin-left: -35px;
    margin-right: -35px;
}

[data-ws-negmar=sides--xxl] {
    margin-left: -40px;
    margin-right: -40px;
}

[data-ws-negmar=all--xxs] {
    margin: -5px;
}

[data-ws-negmar=all--xs] {
    margin: -15px;
}

[data-ws-negmar=all--sm] {
    margin: -20px;
}

[data-ws-negmar=all--md] {
    margin: -25px;
}

[data-ws-negmar=all--lg] {
    margin: -30px;
}

[data-ws-negmar=all--xl] {
    margin: -35px;
}

[data-ws-negmar=all--xxl] {
    margin: -40px;
}

/**UTLITIES - TEXT - IS HEADER*/
.txt-is-header {
    font-weight: bold;
    font-size: 22px;
    text-transform: uppercase;
    letter-spacing: 0.12em;
}

/**UTILITIES - GENERIC WHITESPACE - MARGIN ONLY - WIPE*/
[data-ws-wipe-mar=top].secbody {
    margin-top: 0;
}

/**UTILITIES - GENERIC WHITESPACE - MARGIN ONLY*/
[data-ws-mar-xxs=top-btm] {
    margin-top: 5px;
    margin-bottom: 5px;
}

[data-ws-mar-xs=top-btm] {
    margin-top: 10px;
    margin-bottom: 10px;
}

[data-ws-mar-sm=top-btm] {
    margin-top: 15px;
    margin-bottom: 15px;
}

[data-ws-mar-md=top-btm] {
    margin-top: 20px;
    margin-bottom: 20px;
}

/**UTILITIES - SVG*/
svg[data-icon-id] {
    width: 1em;
}

.infobox svg[data-icon-id] {
    fill: #fff;
    width: 2em;
}

.actions svg[data-icon-id],
.elem-tools svg[data-icon-id],
.form-label-backlit-bar svg[data-icon-id] {
    fill: #fff;
}

/**UTILITIES - SCROLLBAR MEASURE*/
.scrollbar-measure {
    width: 100px;
    height: 100px;
    overflow: scroll;
    position: absolute;
    top: -9999px;
}

/**BRANDING*/
/**CENTERCODE - LOGO ICON*/
.bttn-icon .centercode-logo-icon {
    width: 20px;
    padding: 9px 10px 10px 9px;
    box-sizing: content-box;
}

.bttn-icon .centercode-logo-icon-1 {
    fill: #64c9d3;
}

.bttn-icon .centercode-logo-icon-2 {
    fill: #9b350c;
}

.bttn-icon .centercode-logo-icon-3 {
    fill: #f89a3e;
}

.bttn-icon .centercode-logo-icon-4 {
    fill: #e14934;
}

/**FRAMEWORK - FLEX ROW*/
/*FLEX ROW*/
.Flex-row {
    display: flex;
}

.Flex-row--align-v {
    align-items: center;
    /*NOTE: APPLIES VERTICAL ALIGNMENT*/
}

.Flex-row--wrap {
    flex-wrap: wrap;
    /*NOTE: ALLOWS WRAPPING OF CHILDREN*/
}

/*FLEX COL*/
.Flex-col {
    flex-grow: 1;
    flex-basis: 0;
}

/*FLEX CELL*/
.Flex-cell {
    flex-grow: 0;
}

.Flex-cell.Flex-cell--liquid {
    flex-grow: 1;
    /*NOTE: ALLOWS CONTAINTER TO DYNAMICALLY GROW IN WIDTH*/
}

/**GLOBAL - FALLBACK STYLES*/
/**FONT COLOR*/
.leftnavback .navset {
    color: #1F232F;
}

/**LINK COLOR*/
.NavItems .NavItem-link {
    color: #1F232F;
}

.NavItems .NavItem-link:hover,
.NavItems .NavItem-link:focus,
.NavItems .NavItem-link:active {
    color: #1F232F;
}

.tipinner .tip .well a {
    color: #1F232F;
}

.tipinner .tip .well a:hover,
.tipinner .tip .well a:focus,
.tipinner .tip .well a:active {
    color: #1F232F;
}

/**GLOBAL - FONTS*/
.bttn.export .ui-button-text:before,
.bttn.refresh .ui-button-text:before {
    font-family: "Font Awesome 5 Pro" !important;
}

/*JQUERY UI OVERRIDES*/
.ui-icon {
    display: inline-block;
    font-family: "Font Awesome 5 Pro" !important;
    font: normal normal normal 14px/1;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.ui-dialog .ui-icon-closethick:before {
    content: "\e59b";
}

.ui-spinner .ui-icon-triangle-1-n:before {
    content: "\f0d8";
}

.ui-spinner .ui-icon-triangle-1-s:before {
    content: "\f0d7";
}

/*CENTERCODE OVERRIDES*/

/*PAGE SECTION - COLLAPSIBLE SECTIONS*/
.h3-iscollapsed .title .fa-cc-css:before {
    content: "\f146";
}

.h3-isexpanded .title .fa-cc-css:before {
    content: "\f0fe";
}

/*LIST TABLE - COLLAPSIBLE GROUPS*/
.listouter .group-collapsible[data-group-collapsible-state="collapsed"] .fa-cc-css:before {
    content: "\f0da";
}

.listouter .group-collapsible[data-group-collapsible-state="expanded"] .fa-cc-css:before {
    content: "\f0d7";
}

/**FEEDBACK FIELDS - (EDITABLE BY MODERATOR ONLY)*/
.feedbackanswermme:hover .fa-cc-css:before {
    content: "\f040";
}

/**CKEDITOR - DIALOG CLOSE X*/
.cke_ltr .cke_dialog_close_button {
    display: inline-block;
    font-family: "Font Awesome 5 Pro" !important;
    font: normal normal normal 14px/1;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.cke_ltr .cke_dialog_close_button:before {
    content: "\f00d";
}

[class^=icon-],
[class*=" icon-"],
.fa[class*=" icon-"] {
    font-family: "IcoMoon" !important;
}

code,
kbd,
pre,
samp,
.is-code-mode .mtxt,
.form-item--json .form-control-inner,
.itemhard .is-code-block,
.CodeMirror,
textarea.cke_source:not(.form-control) {
    font-family: monospace !important;
}

/**GLOBAL - TEXT TRANSFORM*/
/**BUTTONS*/
.bttn.bttn-xxl {
    font-size: 20px;
    line-height: 1.4;
    padding: 1em 1.5em;
}

.bttn .qtip {
    /**REFACTOR - STOP INCLUDING QTIP HTML INSIDE OF .bttn ELEMENTS*/
    text-transform: none;
    letter-spacing: 0;
}

.listin .bttn.bttn-sm:not(.bttn-link):not(.bttn-icon):not(label) {
    padding-top: 8px;
    padding-bottom: 5px;
    margin-top: 0;
    height: 44px;
}

.form-input-xs .bttn:not(.bttn-link):not(.bttn-icon):not(label) {
    height: 30px;
    padding-top: 5px;
}

.form-input-sm .form-label-inline {
    line-height: 1.2;
    position: relative;
    top: 10px;
}

.form-input-sm select+.form-label-inline {
    position: static;
    vertical-align: middle;
}

.form-input-sm .bttn:not(.bttn-link):not(.bttn-icon):not(label) {
    height: auto;
    min-height: none;
    padding: 0.393em 0.8em;
}

.form-input-sm .bttn:not(.bttn-link):not(.bttn-icon):not(label).bttn-block {
    padding-top: 0;
    padding-bottom: 0;
}

.form-input-sm .bttn-group .bttn.bttn-block:not(.bttn-link):not(label) {
    padding-top: 5px;
    padding-bottom: 5px;
}

.form-input-sm .bttn-group .bttn.bttn-block:not(.bttn-link):not(label) i {
    margin-left: 0;
}

.form-input-xl .bttn:not(.bttn-link):not(.bttn-icon):not(label) {
    padding: 0.7em 16px;
    font-size: 20px;
}

/**NEXT STEP*/
.nextback .nextstep-islink .color-secondary {
    text-transform: uppercase;
    letter-spacing: 0.12em;
    font-size: 14px;
    padding-top: 1.035em;
    padding-bottom: 0.966em;
}

.nextstep-split-button {
    text-transform: uppercase;
    letter-spacing: 0.12em;
    font-size: 14px;
}

/**TAB BAR*/
.tabs-item {
    text-transform: uppercase;
    letter-spacing: 0.12em;
    font-size: 14px;
}

/**ROW NEW*/
.listouter.table .rownewlink,
.listouter.table .rownew .td.color-primary,
.listouter .rownew a,
[class*=tbl-cont--qs-results] .rowextra .td a,
[class*=tbl-cont--kb-results] .rowextra .td a {
    letter-spacing: 0.03em;
    font-size: 16px;
}

/**TOOL BAR*/
.Toolbar .bttn:not(.bttn-link):not(.bttn-icon):not(label) {
    padding: 5px 10px;
}

.Toolbar.Toolbar--medium .Toolbar__section .bttn:not(.bttn-link):not(.bttn-icon) {
    font-size: 14px;
}

.Toolbar.Toolbar--medium .Toolbar__section .bttn:not(label):not(.bttn-link):not(.bttn-icon) {
    padding-top: 14px;
}

.Toolbar .Toolbar__section--centered .bttn {
    font-size: 13px;
}

/**SITE*/
.siteusrinfo-inner .siteusrinfo-item.siteusrinfo-userlink a {
    text-transform: uppercase;
    letter-spacing: 0.12em;
    font-size: 12px;
    line-height: 1;
}

/**PAGE*/
.pagetopbar .tab-bar .tab {
    text-transform: uppercase;
    letter-spacing: 0.12em;
    font-size: 13px;
    font-weight: bold;
    line-height: 0;
}

/**TIPS*/
.rightnav #avatarpick .tipheader {
    text-transform: uppercase;
    letter-spacing: 0.12em;
    font-size: 13px;
    font-weight: bold;
    line-height: 1;
}

/**TIPS - FEEDBACK*/
.fbview .leftnavback .ident,
.fbview .fbtips .fbdate {
    text-transform: uppercase;
    letter-spacing: 0.12em;
    font-size: 13px;
    font-weight: bold;
    line-height: 1;
}

/**FEEDBACK LEFT NAV PANEL*/
.free-edition-private-feedback.NavItem i,
.free-edition-private-feedback .NavItem-link {
    color: #888F9F;
}

.free-edition-private-feedback .NavItem-link-outer {
    margin-left: -4px;
}

/**LEFT NAV*/
.NavItem-head,
.navset .ident {
    font-weight: bold;
    line-height: 1;
}

/**GLOBAL - ICON COLORS*/
[data-icon-id=not-secure] {
    color: #D95151;
}

/**GLOBAL - QTIPS*/
.qtip-list-item--nowrap .lb-item>a {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    margin-bottom: -3px;
}

/**GLOBAL - PAGE TITLES AND OTHER HEADER TITLES AS CENTERED*/
/**PAGE*/
.pane-title {
    text-align: center;
}

/**FULL SCREEN MODAL*/
.ui-dialog-title,
.ui-dialog-title h2 {
    text-align: center;
}

/**JQUERY UI DIALOG*/
.ui-dialog.ui-dialog-cc-actions-2 .ui-dialog-buttonpane {
    text-align: center;
}

/**GLOBAL - MATCHING BORDER RADIUS*/
/**NEXT STEP*/
.nextstep-split-button {
    border-radius: var(--border-radius-full);
    background-clip: padding-box;
}

/**ROW NEW*/
.listouter.table .rownewlink,
.listouter.table .rownew .td.color-primary {
    border-radius: 4px;
    background-clip: padding-box;
}

/**TAB BAR*/
.tab-bar .tab-bar-inner {
    border-radius: 12px;
    background-clip: padding-box;
}

.tab-bar .tab:first-child {
    border-radius: 12px;
    background-clip: padding-box;
    border-bottom-right-radius: 0;
    border-top-right-radius: 0;
}

.tab-bar .tab:last-child {
    border-radius: 12px;
    background-clip: padding-box;
    border-bottom-left-radius: 0;
    border-top-left-radius: 0;
}

.submitbtns,
.nextback,
.action-bar {
    border-radius: 12px;
    background-clip: padding-box;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}

.submitbtn--is-pair .bttn[name=cancel] {
    border-radius: var(--border-radius-full);
    background-clip: padding-box;
}

/**DIALOG*/
.ui-dialog.ui-widget {
    border-radius: var(--border-radius-lg);
    background-clip: padding-box;
    box-shadow: var(--shadow-panel);
}

/**DYNAMIC FORM*/
.form-tbl-body>.elem-outer-fbtitle:first-child {
    border-radius: 9px;
    background-clip: padding-box;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}

/**TIP*/
.tipinner {
    border-radius: var(--border-radius-lg);
    background-clip: padding-box;
}

.tipinner .tipheaderbar {
    border-radius: var(--border-radius-lg);
    background-clip: padding-box;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
}

/**LEFT NAV*/
.NavSet-group {
    border-radius: var(--border-radius-lg);
    background-clip: padding-box;
}

.navset .ident {
    border-radius: 9px;
    background-clip: padding-box;
}

.navset .tab-bar-inner {
    border-radius: 9px;
    background-clip: padding-box;
}

.navset .tab-bar-inner .tab:first-child {
    border-radius: var(--border-radius-lg);
    background-clip: padding-box;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}

.navset .tab-bar-inner .tab:last-child {
    border-radius: var(--border-radius-lg);
    background-clip: padding-box;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}

/**COMPONENT - BUTTONS*/
/**BUTTONS - TEXT*/
.bttn-xs.bttn-xs-text {
    font-size: 13px;
    padding: 0.3em 0.5em 0.3em;
    height: auto;
    text-indent: 0.1em;
}

/**BUTTONS - UTILITIES - WHITESPACE*/
[data-ws-wipe].bttn {
    margin: 0;
}

[data-ws-top-xs].bttn {
    margin-top: 5px;
}

/**SPLIT BUTTONS (USED BY NEXT STEP)*/
.nextstep-split-button {
    display: table;
    width: 100%;
    border-collapse: separate;
    height: 44px;
    font-weight: bold;
    text-align: center;
}

.nextstep-split-button .nextstep-split-main {
    display: table-cell;
    vertical-align: middle;
    line-height: 1.2;
    padding: 0 20px;
}

.nextstep-split-button .nextstep-split-sub {
    display: table-cell;
    vertical-align: middle;
    line-height: 1.2;
    padding: 0 15px;
    border-left: 1px solid rgba(255, 255, 255, 0.8);
}

.nextstep-split-button a:hover,
.nextstep-split-button a:focus,
.nextstep-split-button a:active {
    text-decoration: none;
    background-image: url(/images/css/20-light.png);
}

/**BUTTONS - PAGE FIXED BOTTOM BAR*/
.pagefixedbtmbar .submitbtn--is-pair .bttn,
.pagefixedbtmbar .submitbtn--is-triple .bttn,
.pagefixedbtmbar .submitbtn--is-quadruple .bttn,
.pagefixedbtmbar .submitbtn--is-pair .submitnext .bttn {
    width: 100%;
}

.pagefixedbtmbar .submitbtn--is-pair .td {
  width: 50%;
}

.pagefixedbtmbar .submitbtn--is-triple .td {
    width: 33.3333333%;
}

.pagefixedbtmbar .submitbtn--is-quadruple .td {
    width: 25%;
}

.pagefixedbtmbar .submitbtn--is-single .td:last-child:not(:first-child) {
    display: none;
}

.pagefixedbtmbar .submitbtn--is-single .bttn {
    width: 100%;
}

.pagefixedbtmbar .submitbtn--is-pair .submitnext,
.pagefixedbtmbar .submitbtn--is-triple .submitnext {
  display: block;
  float: none;
}

/**MODULE - THREAD - COMMENT FILES*/
.CommentFiles {
    margin: 0 -5px;
    margin-top: 20px;
    /*FILE - IMAGE*/
    /*FILE - OTHER*/
}

.CommentFiles:after {
    content: "";
    display: table;
    clear: both;
}

.CommentFiles .files-file {
    margin: 5px;
    border-radius: var(--border-radius-md);
    border: 1px solid #C9CEDB;
    box-sizing: content-box;
    background: url(/images/css/70-light.png);
    display: block;
    float: left;
    transition-duration: 200ms;
    transition-property: transform, box-shadow, margin, opacity, width;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}

.CommentFiles .files-file:hover,
.CommentFiles .files-file:focus {
    text-decoration: none;
}

.CommentFiles .files-file:hover {
    box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.2), 0 0 0 0 rgba(0, 0, 0, 0.08);
    background: url(/images/css/98-light.png);
}

.CommentFiles .files-file-inner {
    display: table;
    border-collapse: collapse;
    height: 70px;
}

.CommentFiles .files-file-section {
    display: table-cell;
    vertical-align: middle;
    border: 10px solid transparent;
    /*NOTE: Simpliest way to prevent compounding whitespace among sibilings*/
}

.CommentFiles .files-file.fileimage .files-file-inner {
    width: 70px;
}

.CommentFiles .files-file.fileimage .files-file-section.filethumbnail img {
    border-radius: var(--border-radius-base);
    max-width: 200px;
    max-height: 50px;
    margin: 0 auto;
    display: block;
}

.CommentFiles .files-file.fileother .files-file-inner {
    width: 100%;
}

.CommentFiles .files-file.fileother .files-file-section.filetype {
    width: auto;
    text-align: center;
}

.CommentFiles .files-file.fileother .files-file-section.filetype i {
    font-size: 50px;
    color: #888F9F;
}

.CommentFiles .files-file.fileother .fileinfo-outer {
    display: table;
}

.CommentFiles .files-file.fileother .fileinfo-inner {
    display: table-cell;
    vertical-align: middle;
}

.CommentFiles .files-file.fileother .fileinfo-name {
    color: #1F232F;
    max-width: 150px;
    display: block;
}

.CommentFiles .files-file.fileother .fileinfo-size {
    color: #888F9F;
    display: block;
}

/**MODULE - MODAL*/
[data-ui-modal=opened] body {
    overflow: hidden;
}

[data-ui-modal=opened][data-ui-modal-type=fullscreen] .pane {
    height: 100%;
    opacity: 1;
    background-color: #fff;
}

/**MODULE - LEFT NAV*/
/**LEFT NAV - NAVSET OUTER*/
.NavSet-group {
    padding: 25px;
}

.NavSet-group+.NavSet-group {
    margin-top: 30px;
}

.NavSet-outer+.NavSet-outer {
    margin-top: 25px;
}

.NavSet-outer.hide:first-child+.NavSet-outer {
    margin-top: 0;
}

.NavSet-outer.testplatforms .NavItem-button {
    font-size: 13px;
}

/**LEFT NAV - NAVSET OUTER - IS SPECIAL WRAPPER*/
.NavSet-outer--has-loader[data-status=loading] .nav-actions__contents,
.NavSet-outer--has-loader[data-status=done] .nav-actions__placeholder {
    display: none;
}

/**LEFT NAV - NAVSET OUTER - HAS ACTIONS*/
.NavSet-outer--has-actions {
    padding-bottom: 5px;
}

/**LEFT NAV - NAV ITEM - ICONS*/
.NavItem-icon {
    position: absolute;
    top: 0;
}

.NavItem i,
.NavItem [class*=icon-] {
    color: #1F232F;
    font-size: 22px;
    text-align: center;
    margin-right: 15px;
    flex-shrink: 0;
}

.NavItem [data-icon-id=new] {
    background-color: #D5AC4B;
}

.NavItem [data-icon-id=add-comment] {
    background-color: #884BD5;
}

.NavItem [data-icon-id=assume-user] {
    background-color: #4B5ED5;
}

.NavItem [data-icon-id=remove-user] {
    background-color: #D54B4D;
}

.NavItem [data-icon-id=follow-unfollow] {
    background-color: #D54B4D;
}

.NavItem [data-icon-id=check-in-out] {
    background-color: #4B5ED5;
}

.NavItem [data-icon-id=take-ownership] {
    background-color: #D5AC4B;
}

/**LEFT NAV - NAV ITEMS*/
.NavItems {
    list-style: none;
    margin: 0;
    padding: 0;
}

/**LEFT NAV - NAV ITEM*/
.NavItem {
    display: flex;
    align-items: center;
    margin: 20px 0 0;
    padding: 0;
    position: relative;
    white-space: nowrap;
}

.NavItem .NavItem-NewItem {
    float: right;
    line-height: 1;
    border-radius: 3px;
    padding: 3px 5px 3px 6px;
    margin-left: 10px;
    background: #71bb53;
    color: white;
    text-transform: uppercase;
    font-size: 12px;
    font-weight: bold;
    user-select: none;
}

.NavItem.hide {
    display: none;
}

.NavItem.menudrop {
    margin-top: 7px !important;
    margin-bottom: -7px !important;
    border-radius: 3px;
    border: 1px dashed rgba(0, 0, 0, 0.2);
    min-height: 44px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.NavItem.menudrop .menudrop-text {
    margin: 10px;
    text-align: center;
    line-height: 1.6;
    text-transform: uppercase;
    font-size: 12px;
    letter-spacing: 0.1em;
}

/**LEFT NAV - NAV ITEM HEAD*/
.NavItem-head {
    font-size: 18px;
    margin: 0;
    color: inherit;
    border-bottom: 1px solid #e4e6ec;
    padding-bottom: 20px;
}

.NavItem-head i {
    font-size: 22px;
    margin-right: 15px;
}

.NavItem-head [class^=col-] {
    margin: 0;
    padding: 0;
}

.NavItem-head .col-1 {
    margin-right: 3px;
}

/**LEFT NAV - NAV ITEM LINK*/
.NavItems .NavItem-link {
    display: block;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    max-width: 180px;
}

.NavItems .sel .NavItem-link {
    opacity: 0.6;
}

.NavItems .sel .NavItem-link:hover {
    opacity: 1;
}

/**LEFT NAV - NAV ITEM - HAS BUTTON*/
.NavItem--has-button {
    line-height: 20px;
}

.NavItem--has-button .NavItem-link-outer {
    display: block;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.NavItem--has-button .NavItem-button:not(.bttn-icon):not(.bttn-link):not(.color-grayout) {
    padding: 3px 5px 3px 6px;
    border-radius: 3px;
    margin-top: 0;
    float: right;
    margin-left: 10px;
    border: none;
}

.NavItem--has-button .NavItem-button:hover,
.NavItem--has-button .NavItem-button:focus,
.NavItem--has-button .NavItem-button:active {
    text-decoration: none;
}

.NavSet-outer.feedback .NavItem--has-button .NavItem-button:not(.bttn-icon):not(.bttn-link):not(.color-grayout) {
    font-size: 12px;
    line-height: normal;
}

/**LEFT NAV - NAV ITEM - HAS ICON - RIGHT*/
.NavItem--has-icon-right {
    line-height: 20px;
    white-space: nowrap;
}

.NavItem--has-icon-right .NavItem-link-outer {
    display: block;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.NavItem--has-icon-right .fal {
    float: right;
    width: 20px;
    height: 20px;
    text-align: center;
    line-height: 1;
    padding: 3px 0 2px;
    border-radius: 3px;
}

/**LEFT NAV - NAV ITEM - IS ACTION*/
.NavItem--is-action {
    position: relative;
}

/**LEFT NAV - OTHER CHILDREN*/
.navset .ident {
    box-shadow: none;
    margin-bottom: 20px;
    text-align: center;
    box-sizing: border-box;
    padding: 17px 10px 16px;
}

.navset .tab-bar {
    position: relative;
    top: -1px;
}

/**LEFT NAV - FOR MOBILE*/
[data-ui-device=mobile] .leftnavback {
    padding: 0 !important;
    display: inline-block;
    width: 220px !important;
    overflow-y: auto;
    overflow-x: hidden;
    min-width: 0px;
    vertical-align: top;
    height: 100%;
    background: #1F232F;
}

[data-ui-device=mobile] .NavSet-group {
    padding: 0;
}

[data-ui-device=mobile] .navset-title {
    line-height: 50px;
    text-align: center;
    text-transform: uppercase;
    letter-spacing: 0.12em;
    font-weight: bold;
    background: #1F232F;
    color: #fff;
}

[data-ui-device=mobile] .NavSet-outer {
    padding-left: 0;
    padding-right: 0;
    background: none;
    padding-top: 0;
}

[data-ui-device=mobile] .NavSet-outer:first-child {
    background: none;
    padding-top: 0;
}

[data-ui-device=mobile] .NavSet-outer+.NavSet-outer {
    margin-top: 0;
}

[data-ui-device=mobile] .navset>.NavSet-outer+.NavSet-outer:not(.NavSet-outer--is-special-wrapper) {
    background: none;
    padding-top: 0;
}

[data-ui-device=mobile] li.NavItem-head {
    background: #888F9F;
    color: #EEF0F3;
    border-bottom: none;
    padding-left: 10px;
    padding-right: 10px;
    min-height: 40px;
    padding-top: 14px;
    padding-bottom: 10px;
    white-space: nowrap;
    font-size: 12px;
}

[data-ui-device=mobile] .NavItem {
    margin-top: 0;
}

[data-ui-device=mobile] .NavItem+.NavItem {
    border-top: 1px solid rgba(255, 255, 255, 0.4);
}

[data-ui-device=mobile] .NavItem-link {
    display: block;
    line-height: 1;
    height: 44px;
    padding-top: 13px;
    padding-left: 10px;
    padding-right: 10px;
    color: #EEF0F3;
}

[data-ui-device=mobile] .NavItem-link:hover,
[data-ui-device=mobile] .NavItem-link:focus,
[data-ui-device=mobile] .NavItem-link:active {
    color: #EEF0F3;
}

[data-ui-device=mobile] .NavItem-link::before,
[data-ui-device=mobile] .NavItem-link::after {
    content: none;
}

[data-ui-device=mobile] .sel .NavItem-link {
    color: #EEF0F3;
}

[data-ui-device=mobile] .NavItem--has-button {
    line-height: 1;
}

[data-ui-device=mobile] .NavItem--has-button .NavItem-button:not(.bttn-icon):not(.bttn-link):not(.color-grayout) {
    height: 40px;
    position: static;
    margin: 2px 2px 2px 0;
    padding: 1em 0.8em;
    float: right;
    display: block;
}

[data-ui-device=mobile] .fbview .leftnavback .ident {
    margin-bottom: 0;
    height: 44px;
    padding-top: 15px;
}

[data-ui-device=mobile] .NavItem--is-action {
    position: relative;
}

[data-ui-device=mobile] .NavItem--is-action .NavItem-link {
    margin-left: 30px;
    position: relative;
    top: 2px;
}

[data-ui-device=mobile] .NavItem--is-action .fa,
[data-ui-device=mobile] .NavItem--is-action .fal,
[data-ui-device=mobile] .NavItem--is-action [class*=icon-] {
    top: 0;
    margin-top: 10px;
    margin-left: 10px;
    height: 28px;
    width: 28px;
    line-height: 28px;
    position: absolute;
}

/**MODULES - LOG LISTS*/
/*NOTE: NEGATE THEME LINK COLOR FOR AREAS NOT CONSIDERED AS STANDARD TEXT LINKS*/
.LogList .LogList-item__block-link,
.LogList .LogList-item__block-link:hover,
.LogList .LogList-item__block-link:focus,
.LogList .LogList-item__block-link:active {
    color: #5F5F5F;
}

.LogList .LogList-item__block-toggle,
.LogList .LogList-item__block-toggle:hover,
.LogList .LogList-item__block-toggle:focus,
.LogList .LogList-item__block-toggle:active {
    color: #5F5F5F;
}

/**MODULES - SECTION*/
/**SECTION - TITLE PLAIN*/
.section-title {
    font-weight: bold;
    font-size: 22px;
}

/**SECTION - UTILITY - TARGETED WHITESPACE*/
.section [data-ws-mar--p-first=top--md].section-content>p:first-child {
    margin-top: 20px;
}

/**MODULES - SECTION CTA*/
/**SECTION - CTA - UTILITY - TARGETED WHITESPACE*/
[data-ws-wipe].section-bar--cta {
    padding: 0;
    margin: 0;
}

[data-ws-wipe=top-btm].section-bar--cta {
    padding-top: 0;
    padding-bottom: 0;
    margin-top: 0;
    margin-bottom: 0;
}

/**SECTION - CTA - UTILITY - TARGETED WHITESPACE - PADDING ONLY*/
/*PADDING - WIPE*/
[data-ws-wipe-pad=""].section-bar--cta {
    padding: 0;
}

[data-ws-wipe-pad=top-btm].section-bar--cta {
    padding-top: 0;
    padding-bottom: 0;
}

/*PADDING - XXS*/
[data-ws-pad-xxs=top-btm].section-bar--cta {
    padding-top: 5px;
    padding-bottom: 5px;
}

[data-ws-pad-xxs=sides].section-bar--cta {
    padding-left: 5px;
    padding-right: 5px;
}

/*PADDING - XS*/
[data-ws-pad-xs=top-btm].section-bar--cta {
    padding-top: 10px;
    padding-bottom: 10px;
}

[data-ws-pad-xs=sides].section-bar--cta {
    padding-left: 10px;
    padding-right: 10px;
}

/*PADDING - SM*/
[data-ws-pad-sm=top-btm].section-bar--cta {
    padding-top: 15px;
    padding-bottom: 15px;
}

[data-ws-pad-sm=sides].section-bar--cta {
    padding-left: 15px;
    padding-right: 15px;
}

/*PADDING - MD*/
[data-ws-pad-md=top-btm].section-bar--cta {
    padding-top: 20px;
    padding-bottom: 20px;
}

[data-ws-pad-md=sides].section-bar--cta {
    padding-left: 20px;
    padding-right: 20px;
}

/*PADDING - LG*/
[data-ws-pad-lg=top-btm].section-bar--cta {
    padding-top: 25px;
    padding-bottom: 25px;
}

[data-ws-pad-lg=sides].section-bar--cta {
    padding-left: 25px;
    padding-right: 25px;
}

/*PADDING - XL*/
[data-ws-pad-xl=""].section-bar--cta {
    padding: 30px;
}

[data-ws-pad-xl=top-btm].section-bar--cta {
    padding-top: 30px;
    padding-bottom: 30px;
}

[data-ws-pad-xl=sides].section-bar--cta {
    padding-left: 30px;
    padding-right: 30px;
}

/*PADDING - XXL*/
[data-ws-pad-xxl=""].section-bar--cta {
    padding: 35px;
}

[data-ws-pad-xxl=top-btm].section-bar--cta {
    padding-top: 35px;
    padding-bottom: 35px;
}

[data-ws-pad-xxl=sides].section-bar--cta {
    padding-left: 35px;
    padding-right: 35px;
}

/*PADDING - XXXL*/
[data-ws-pad-xxxl=""].section-bar--cta {
    padding: 40px;
}

[data-ws-pad-xxxl=top-btm].section-bar--cta {
    padding-top: 40px;
    padding-bottom: 40px;
}

[data-ws-pad-xxxl=sides].section-bar--cta {
    padding-left: 40px;
    padding-right: 40px;
}

/*PADDING - LXX*/
[data-ws-pad-lxx=""].section-bar--cta {
  padding: 70px;
}

[data-ws-pad-lxx=top-btm].section-bar--cta {
  padding-top: 70px;
  padding-bottom: 70px;
}

[data-ws-pad-lxx=sides].section-bar--cta {
  padding-left: 70px;
  padding-right: 70px;
}

/**SECTION - CTA - BUTTON*/
.section-bar--cta .bttn {
    margin-top: 0;
}

.section-bar--cta.section-bar--cta-colors-inverted .bttn:hover,
.section-bar--cta.section-bar--cta-colors-inverted .bttn:focus {
    opacity: 0.8;
}

/**SECTION - CTA - MOBILE*/
[data-ui-device=mobile] .section-bar--cta {
    padding: 28px 20px 30px;
}

/**MODULES - EDITOR OUTPUT*/
.pagebody>.cc-editor-cont--output-outer:first-child .cc-editor-cont--output>[class*=cc-editor-cont-block-]:first-child {
    margin-top: 0;
}

.section-noheader .cc-editor-cont--output>[class*=cc-editor-cont-block-]:first-child {
    margin-top: 0;
}

/**MODULES - EDITOR OUTPUT - CONTENT TYPE - SINGLE PAGE DISPLAY*/
/*TODO: REFACTOR TO FORMALIZE THESE PATTERNS*/
.articlelist .articlesingle .article-item .cc-editor-cont--output-outer {
    /*NOTE: DISABLE BORDER INTENDED FOR PREVENTING MARGIN COLLAPSE*/
    border: none !important;
}

.articlelist .articlesingle .article-item .cc-editor-cont--output {
    /*NOTE: NECESSARY FOR PROPER WHITESPACE FOR DYNAMIC CONTENT TO PLAY NICELY WITH
   *      DYNAMIC UI COMPONENTS FOR DV, FILE ATTACHMENTS, COMMENTS, ETC*/
}

/**PAGE - CONTENTS - DIST FREE*/
[data-page-layout=layout-distfree] .section .cc-editor-cont>p:first-child img {
    margin-top: 10px;
}

[data-page-layout=layout-distfree] .cc-editor-cont>p:last-child {
    margin-bottom: 0;
}

/**PAGE - CONTENTS - LETTER*/
[data-page-layout=layout-letter][data-ui-device=desktop] .pagetitle {
    padding: 40px 40px !important;
}

[data-page-layout=layout-letter][data-ui-device=desktop] .pagetitle-content {
    line-height: 1.4;
}

[data-page-layout=layout-letter][data-ui-device=desktop] .cc-editor-cont--output-outer {
    margin-left: -40px;
    margin-right: -40px;
}

[data-page-layout=layout-letter][data-ui-device=desktop] .cc-editor-cont--output {
    padding-right: 40px;
    padding-left: 40px;
    margin-bottom: 40px;
}

[data-page-layout=layout-letter][data-ui-device=desktop] .cc-editor-cont>p:first-child img {
    margin-top: 10px;
}

[data-page-layout=layout-letter][data-ui-device=desktop] .cc-editor-cont>p:last-child {
    margin-bottom: -10px;
}

[data-page-layout=layout-letter][data-ui-device=desktop] [class*=cc-editor-cont-block] {
    margin-left: -40px !important;
    margin-right: -40px !important;
    padding: 33px 40px !important;
    line-height: 1.6;
}

[data-page-layout=layout-letter][data-ui-device=desktop] [class*=cc-editor-cont-block]+p img {
    margin-top: 20px;
}

[data-page-layout=layout-letter][data-ui-device=desktop] [class*=cc-editor-cont-block]:last-child {
    margin-bottom: -41px !important;
}

[data-page-layout=layout-letter][data-ui-device=desktop] .section-bar,
[data-page-layout=layout-letter][data-ui-device=desktop] .section-bar--cta,
[data-page-layout=layout-letter][data-ui-device=desktop] .section-utility {
    margin-left: -70px;
    margin-right: -70px;
}

[data-page-layout=layout-letter][data-ui-device=mobile] [class*=cc-editor-cont-block]:first-child {
    margin-bottom: 0 !important;
}

[data-page-layout=layout-letter][data-ui-device=mobile] [class*=cc-editor-cont-block]:first-child+p {
    margin-top: 20px;
}

[data-page-layout=layout-letter][data-ui-device=mobile] [class*=cc-editor-cont-block]:first-child {
    margin-top: -20px;
}

[data-page-layout=layout-letter][data-ui-device=mobile] [class*=cc-editor-cont-block]:last-child {
    margin-bottom: 0 !important;
}

/**PAGE - LANDING*/
[data-page-layout=layout-letter] body.landing .pagetitle {
    padding: 25px 40px !important;
}

@media (max-width: 1010px) {
    [data-page-layout=layout-letter] body.landing .form-row [class*=col-] {
        display: block;
        width: 100%;
        margin: 0;
        border: none;
    }

    [data-page-layout=layout-letter] body.landing .form-row [class*=col-]+[class*=col-] {
        margin-top: 10px;
    }

    [data-page-layout=layout-letter] body.landing .Flex-row .Flex-cell {
        display: block;
        width: 100%;
        text-align: center;
    }
}

/**MOBILE*/
[data-ui-device=mobile] .cc-editor-cont img {
    height: auto;
}

[data-ui-device=mobile] .section-utility a,
[data-ui-device=mobile] .section-utility a+a {
    margin-left: 5px;
    margin-right: 5px;
}

/**NOTICE - TASK*/
[data-page-id="3437"] .formtable .item .well--hidden {
    margin-top: 10px;
    margin-bottom: 20px;
}

[data-page-id="3437"] .formtable tr:last-child .item .well--hidden {
    margin-bottom: -20px;
}

/**NOTICE - ATP*/
[data-page-id="3596"] .formtable {
    margin-top: 20px;
}

/**TASK TYPE PAGE*/
[data-page-id="3346"] .usertasks .taskaccept li {
    margin-left: 0;
}

[data-page-id="3346"] .usertasks .taskaccept li .well--hidden {
    margin-bottom: 5px;
}

[data-page-id="3346"] .usertasks .taskaccept li:last-child {
    margin-bottom: -20px;
}

[data-page-id="3346"] .usertasks .taskaccept li:last-child .well--hidden {
    margin-bottom: -20px;
    border-radius: 0 0 6px 6px;
}

/**FEEDBACK DISCUSSION BUTTONS*/
.submitbar .options .bttn-icon {
    height: 44px;
    font-size: 18px;
}

/**FEEDBACK DISCUSSION BUTTONS - MACRO*/
#span_mo_fb_comment_add.well--hidden .commentarea {
    background: none;
}

#span_mo_fb_comment_add.well--hidden .important .commentarea {
    background-color: #FFFAE6;
    /*NOTE: expand the child div to match parent so the bg color is filled/applied to intended whitespace*/
    margin: -20px;
    padding: 20px;
}

/**DEV*/
[data-dev-mode=true] {
    /**DEV TOOLS*/
    /**DEV TOOLS BUTTONS*/
    /**DEV TOOLS BUTTON STATES - PANEL MODE*/
    /**DEV TOOLS BUTTON STATES - UI GRADIENTS*/
    /**RW*/
}

[data-dev-mode=true] .devtools {
    color: #fff;
    position: fixed;
    top: 0;
    left: 0;
    max-width: 100%;
    opacity: 0.75;
    background: #4F84FF;
    border-radius: 4px;
    padding: 1px 2px 3px 0;
}

[data-dev-mode=true] .devtools.isclosed {
    opacity: 0;
    transition: opacity 0.5s ease;
}

[data-dev-mode=true] .devtools.isclosed:hover,
[data-dev-mode=true] .devtools.isclosed:focus {
    opacity: 1;
}

[data-dev-mode=true] .devtools-ctrl {
    float: left;
    padding: 3px 5px 5px 5px;
    position: relative;
    top: 1px;
    cursor: pointer;
}

[data-dev-mode=true] .devtools-ctrl:hover {
    color: #000;
}

[data-dev-mode=true] .devtools-tools {
    overflow: auto;
    white-space: nowrap;
}

[data-dev-mode=true] .devtools-tools .bttn {
    margin: 2.5px;
    padding: 4px 10px 3px;
    height: 22px;
    font-size: 13px;
}

[data-dev-mode=true] .devtools-tools .bttn.bttn-icon {
    min-width: 24px;
    padding: 0;
}

[data-dev-mode=true][data-ui-panel-mode=compacted] .devtools .fa-expand {
    display: none;
}

[data-dev-mode=true][data-ui-panel-mode=expanded] .devtools .fa-compress {
    display: none;
}

[data-dev-mode=true][data-ui-gradients=true] .devtools .fa-toggle-off {
    display: none;
}

[data-dev-mode=true][data-ui-gradients=false] .devtools .fa-toggle-on {
    display: none;
}

[data-dev-mode=true] .rw {
    padding: 8px;
    background: #fff;
    border-left: 2px solid #fb0006;
    color: #1F232F;
    box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.2);
    font-family: "Monaco", "Andale Mono", "Courier", "courier new", monospace;
}

[data-dev-mode=true] .rw h3 {
    margin: 0 0 10px 0;
    background: none !important;
    color: #1F232F !important;
    padding: 0 !important;
    font-family: arial, sans-serif;
}

[data-dev-mode=true] .rw.debugarray {
    border-color: transparent;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.08) inset;
    background: #FDFDFD;
    padding: 0 20px;
    border-radius: 3px;
}

/**MODULE - TILES*/
.tiles {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    gap: 10px;
}

.tile {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    flex: 1 1 0;
    background-color: #fff;
    border: 1px solid #d8dce5;
    border-radius: var(--border-radius-lg);
    box-shadow: var(--shadow-element);
    cursor: pointer;
    font-weight: bold;
    padding: 4px;
    min-height: 70px;
    text-align: center;
    text-decoration: none;
    min-width: 160px;
    /* disable global link transitions */
    transition: none !important;
    animation: none !important;
}

.usersummary.comm .tile {
    min-width: 180px;
}

.tile:hover {
    background-color: #e4e6ec;
}

.tile:hover,
.tile:focus,
.tile:active {
    text-decoration: none;
}

.tile--minimize-width {
    width: 100px;
}

.tile--is-selected:hover {
    background-image: url(/images/css/20-dark.png);
}

.tile__value {
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 4px;
    color: #1F232F;
}

.tile__name {
    color: #676D7E;
    font-size: 12px;
    font-weight: normal;
    text-align: center;

    /* line clamp */
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}