/*Centercode Default Style*/

/* ----------------------------------------------------------------------
  CSS GUIDELINES AND NAMING CONVENTIONS: YYYY
  https: //medium.com/@drublic/css-naming-conventions-less-rules-more-fun-12af220e949b
  http: //cssguidelin.es/
---------------------------------------------------------------------- */

/*
  MEDIA QUERIES USED
  @media (max-width: 367px) - decrease google captcha size, allow 100% width for listtable primary div
  @media (max-width: 780px) - narrow view for fullscreen modal
  @media (max-width: 650px) - MEDIUM SCREEN SIZE
  @media (max-width: 480px) - SMALL SCREEN SIZE
  @media (max-width: 320px) - XSMALL SCREEN SIZE
  @media (max-width: 1370px) - LAYOUT DISTFREE NEEDS TO ADJUST TOPBAR AREA...
*/

/**––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
/*INDEX*/

    /*FONTS*/
    /*Z-INDEX*/
    /*FOCUS*/
    /*BORDER-RADIUS*/
    /*GLOBAL RESETS*/
    /*SITE LAYOUT*/
    /*PAGE LAYOUT*/

    /*GLOBAL ELEMENTS –––––––––––––––*/
    /*GLOBAL ELEMENTS - ICONS*/

    /*GLOBAL COMPONENTS –––––––––––––––*/
    /*GLOBAL COMPONENTS - TABS*/
    /*GLOBAL COMPONENTS - TAB BAR*/
    /*GLOBAL COMPONENTS - BUTTONS*/
    /*GLOBAL COMPONENTS - FORM ELEMENTS*/
    /*GLOBAL COMPONENTS - DIV TABLES*/
    /*GLOBAL COMPONENTS - COLUMNS*/
    /*GLOBAL COMPONENTS - GRIDS*/
    /*GLOBAL COMPONENTS - FORM CONTAINERS*/
    /*GLOBAL COMPONENTS - LOG LIST*/
    /*GLOBAL COMPONENTS - INFOBOXES*/
    /*GLOBAL COMPONENTS - SECTION ITEM TITLE*/
    /*GLOBAL COMPONENTS - PAGE SECTIONS*/
    /*–––––––––––––––––––––––––––––––––*/

    /*3RD PARTY COMPONENTS ––––––––––––*/
    /*3RD PARTY COMPONENTS - FILE UPLOAD LIGHTBOX*/
    /*3RD PARTY COMPONENTS - SWEET ALERT*/
    /*3RD PARTY COMPONENTS - QTIP*/
    /*3RD PARTY COMPONENTS - REDACTOR*/
    /*3RD PARTY COMPONENTS - CALENDAR*/
    /*3RD PARTY COMPONENTS - UI DIALOG*/
    /*–––––––––––––––––––––––––––––––––*/

    /*PAGE LEVEL COMPONENTS –––––––––––*/
    /*–––––––––––––––––––––––––––––––––*/

    /*GLOBAL MODULES ––––––––––––––––––*/
    /*GLOBAL MODULES - DEV TOOL*/
    /*GLOBAL MODULES - TOOL BARS*/
    /*GLOBAL MODULES - PAGINATION*/
    /*GLOBAL MODULES - USER DISPLAY*/
    /*GLOBAL MODULES - AVATAR LIGHTBOX*/
    /*–––––––––––––––––––––––––––––––––*/

    /*INTERNAL MODULES*/
    /*EXTERNAL MODULES*/
    /*PAGE SPECIFIC STYLES*/
    /*REPORTING PDF*/
    /*UTILITIES*/
    /*REFACTORS AND OVERRIDES*/
    /*BROWSER SPECIFIC STYLES*/
    /*BROWSER OVERRIDE STYLES*/
    /**––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
/**Variables*/
:root {
    /* Border Radius */
    --border-radius-none: 0;
    --border-radius-base: 6px;
    --border-radius-md: 12px;
    --border-radius-lg: 18px;
    --border-radius-full: 9999px;

    /* Shadows */
    --shadow-panel: 0px 6px 11px -3px rgba(31, 35, 47, 0.3), 0px 1px 3px rgba(31, 35, 47, 0.4), inset 0px -3px 0px rgba(31, 35, 47, 0.2) !important;
    --shadow-panel-inset: inset 0px -3px 0px rgb(31, 35, 47, 0.2) !important;
    --shadow-element-blocky: 1px 3px 4px rgba(103, 109, 126, 0.3) !important;
    --shadow-element-focus: 0 1px 1px rgba(31, 35, 47, 0.075) inset, 0 0 8px rgba(102, 175, 233, 0.6) !important;
    --shadow-element-focus-blocky: 0 1px 1px rgba(31, 35, 47, 0.075) inset, 3px 3px 0px rgba(103, 109, 126, 0.3), 0 0 8px rgba(102, 175, 233, 0.6) !important;
    --shadow-element-error-focus: inset 0 1px 1px rgba(31, 35, 47, 0.075), 0 0 6px #e27c79 !important;
    --shadow-element-error-focus-blocky: 0 1px 1px rgba(31, 35, 47, 0.075) inset, 3px 3px 0px rgba(103, 109, 126, 0.3), 0 0 6px #e27c79 !important;
    --shadow-info-dimensions: 0px 4px 0px 0px;
}

/**––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
/**TAILWIND NORMALIZATION OVERRIDES*/

    /*
       Override some of the Tailwind normalization
       definitions to avoid negative effects on
       areas that expect default user agent styles.
    */

    h1,
    h2,
    h3,
    h4,
    h5,
    h6 {
        font-size: revert;
        font-weight: revert;
    }

    ul, ol {
        margin: revert;
        padding: revert;
        list-style-type: revert;
    }

/**––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
/**LAZY LOAD FOR EDITOR*/

    [data-editor-lazy-load] {
        position: relative;
    }

/**––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
/**Z-INDEX*/
    /**DEV TOOLS*/
    .devtools {
        z-index: 1056;
    }

    /**TOP BAR*/
    .topbar {
        z-index: 1055;
    }

    /**TOOL LIST*/
    .toollist a {
        z-index: 50;
    }

    /**DIALOG (JQUERY UI) AKA MODAL - LIGHTBOX*/
    .zindex .ui-widget-overlay {
        z-index: 8000000;
    }

    .zindex .ui-dialog {
        z-index: 8000001;
    }

     /**SESSION WARNING DIALOG - MUST HAVE THE HIGHEST Z-INDEX */
    .zindex .ui-widget-overlay[data-ui-content="session-timeout"] {
        z-index: 8000003;
    }

    .zindex .ui-dialog[data-ui-content="session-timeout"] {
        z-index: 8000004;
    }

    /**MODAL - FULL SCREEN*/
    .zindex.modal_lock .pane {
        z-index: 8000000;
    }

    /*override inline style from qtip itself*/
    .zindex .qtip.qtip-modal {
        z-index: 8000001!important;
    }

    /**COLOR PICKER*/
    /*override third party resources*/
    #colorbox,
    #cboxOverlay,
    #cboxWrapper {
        z-index:8000002!important;
    }

    /**GROWL*/
    .jGrowl {
        z-index:8000001;
    }

    /**INFOBOX*/
    .infobox-fade {
        z-index:8000001;
    }

    .infobox-fixed {
        z-index:6000000;
    }

    /**SITE TOP BAR*/
    .layout-letter .sitetopbar {
        z-index: 2;
    }

    .layout-letter .sitelayout {
        z-index: 1;
    }

    /**PAGE BOTTOM BAR*/
    .pagefixedbtmbar{
        z-index:3000000;
    }

    /*override inline style from qtip*/
    .z-index-higher-than--pagefixedbtmbar {
        z-index: 3000001!important;
    }

    /**CALENDAR*/
    .calendar {
        z-index:3000001;
    }

    /*SWEET ALERT*/
    .sweet-overlay {
        z-index: 4000000;
    }

    .sweet-alert {
        z-index: 4000001;
    }

    /**REDACTOR*/
    .redactor-editor,
    .redactor-box,
    .redactor-box textarea {
        z-index: auto;
    }

    .redactor-link-tooltip {
        z-index: 99;
    }

    .redactor-toolbar {
        z-index: 100;
    }

    .redactor-air,
    .redactor-dropdown {
        z-index: 1052;
    }

    /**REDACTOR MODAL*/
    #redactor-modal-overlay,
    #redactor-modal-box,
    #redactor-modal {
        z-index: 1055 !important;
    }

    /**REDACTOR FULLSCREEN*/
    .redactor-box-fullscreen {
        z-index: 1053 !important;
    }

    .redactor-fullscreen-active .redactor-dropdown {
        z-index: 1054;
    }

    .redactor-fullscreen-active .pagefixedbtmbar {
        display:none;
    }

    /*QTIP*/
    .qtip-lightbox {
        z-index:8000002!important;
    }

    /**CKEDITOR WYSIWYG - FULLSCREEN*/
    .cke_maximized {
        z-index: 3000001!important;
    }

/**––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
/**FOCUS*/

    :focus {
        outline: #66AFE9 auto 5px;
    }

    .form-control:focus,
    input:not([type=button]):focus,
    select:focus,
    textarea:focus,
    [contenteditable="true"]:focus {
        border: 1px solid #66AFE9 !important;
        outline: none !important;
        box-shadow: var(--shadow-element-focus-blocky) !important;
    }

    input[type="checkbox"]:focus,
    input[type="radio"]:focus {
        outline: #66AFE9 auto 5px !important;
        box-shadow: var(--shadow-element-focus) !important;
    }

    @-moz-document url-prefix() {
        :focus {
            outline: none !important;
        }
    }

    select:-moz-focusring {
        color: transparent !important;
        text-shadow: 0 0 0 #000 !important;
    }

/**––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
/**BORDER RADIUS*/

    .section-header span .sel, .stringlist .pagecount div
    {border-radius: 2px;}
    .itemhard, .open .more, .titletool .sel, .wikihistory .size, .wikilist .size, .wikistats .size, .wikihistory .active, .wikihistory .rejected,
    select, textarea, .pass, .date, .assignplatform .hidden, .listin small a, .statuslabel, .kb .deep, .charlimit .zero, .charlimit .danger, .charlimit .ok
    {border-radius: var(--border-radius-md);}
    .btn, .menudrop, .rollmenusmall a, .wikiauthor, .wikilocked, .wikiunapproved, .wikideactivated, .wikiunapprovededits, .wikieditnow a, .wikiresolve, .wikiconflict,
    .article .comments .count, .teamtype_access .tooltip, .draftload, a.tooltip:hover span, .devtools a.tool, .login .txt, .siteerror, .assignplatform .atpchange
    {border-radius: 4px;}
    .hint, .listin .key, .listin .num.circle .sub, .savingform, .listin .rownew .security, .taskdesc p, .secbody.assignplatform
    {border-radius: 6px;}

    .menudropoff,
    .projtools .intro,
    .dv,
    .ui-widget-shadow,
    .thread .post .tools span,
    .listin .rowempty,
    .listin .rownew-inner {
        border-radius: var(--border-radius-lg);
    }

    .top-corners-rounded,
    .top-corners-rounded > .InlineHelp-outer,
    .top-corners-rounded > .section-header {
        border-radius: 9px 9px 0px 0px!important;
    }

/**––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
/**GLOBAL RESETS*/

    hr.submit {display:none;} /*DOING*/
    .deep label {font-weight:normal;font-size:15px;margin:0;} /*ONLY USED IN KNOWLEDGE BASE SEARCH*/
    /**PRINT*/
    body.print {
        background:#fff!important;
        padding:20px;
    }
    body.print .pagetitle {
        margin-top: -20px;
    }
    body.print.layout-letter {
        background: #fff;
        color: #1F232F;
    }
    /**PRINT PREVIEW*/
        /*
            printpreview--emailpopup
            printpreview--forum
            printpreview--forumtopic
            printpreview--tasklist
        */
        body.printpreview {
            margin: 0;
            padding: 0;
        }
        body.print p {
            margin-bottom: 20px;
        }
        .printpreview:before {
            content: "";
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            z-index: 0;
            background: #fff;
        }
        .printpreview .pagelayout.full {padding: 0;}
        .printpreview .pageouter {min-width: 400px;}
        .printpreview .page {box-shadow: none;}

    /**STRUCTURAL*/
        * {box-sizing: border-box; -webkit-font-smoothing: antialiased;padding:0;margin:0;}
        a[disabled] {opacity:0.65;text-decoration:none!important;}
        html.notreportgenerator {display:table;width:100%;height:100%;min-width:320px;} /*This is not compatible with ABCPDF*/
        table {width: 100%;border-collapse: collapse;border-spacing: 0;}
        ul, ol {padding-left: 12px; margin-bottom: 20px;}
        ul li {margin-left: 20px; margin-bottom: 5px;}
        ol li {list-style-type: inherit; margin-left: 24px; margin-bottom: 4px;}
        /**SITE LAYOUT*/
            .sitelogo img {
                display: block; /*NOTE: prevents unwanted bottom whitespace*/
                margin: 0 auto;
            }
        .page fieldset,
        .pane fieldset,
        .ui-dialog fieldset /*TODO: make sure jQuery UI css does not override this*/
        {border:none;margin: 0;padding: 0;min-width: 0;}
        .page select,
        .pane select,
        .ui-dialog select /*TODO: make sure jQuery UI css does not override this*/
        {-moz-appearance:menulist;-webkit-appearance:menulist-button;display:inline-block;}
        .page select[multiple],
        .pane select[multiple],
        .ui-dialog select[multiple] /*TODO: make sure jQuery UI css does not override this*/
        {display:inline-block;width:100%;}
        .bttn[disabled],
        .bttn.disabled,
        .bttn-ft[disabled], /*TODO: bttn-ft is temporary until a designer can come in and fix this*/
        .bttn-ft.disabled {
          cursor: not-allowed;
        }
    /**TYPOGRAPHY*/
        html {
            line-height: 1.2;
            font-size: 16px;
            font-family: var(--cc-font-family);
            font-variant-ligatures: none;
        }
        .page code,
        .pane code,
        .ui-dialog code {
            font-family: 'Source Code Pro', Menlo, Consolas, Monaco, monospace;
            white-space:pre;
            white-space:pre-wrap;                  /* css-3 */
            white-space:-moz-pre-wrap !important;  /* Mozilla, since 1999 */
            white-space:-pre-wrap;                 /* Opera 4-6 */
            white-space:-o-pre-wrap;               /* Opera 7 */
            word-wrap: break-word;                 /* Internet Explorer 5.5+ */
        }
        .page p,
        .pane p,
        .ui-dialog p
        {margin-bottom: 20px;}
        .page p.lead,
        .pane p.lead,
        .ui-dialog p.lead
        {font-size: 21px;line-height: 1.4;margin: 0;}
        u.lbl {text-decoration: none;}
        /**TITLE*/
            .pageheader {
                padding: 0 40px;
                height: 100px;
                background: #ffffff;
                border: #ebebeb 1px solid;
                display: flex;
                align-items: center;
                justify-content: space-between;
            }
            .pagetitle {
                font-size: 28px;
                font-weight: 300;
            }
            .pagedescription {
                color: #676D7E;
                font-size: 14px;
            }
            .page-title-nav-trail {
                font-size: 12px;
                padding-left: 2px;
                margin-bottom: 3px;
            }
            .page-title-nav-trail a {
                letter-spacing: .5px;
            }
            .page-title-nav-trail a + a:before {
                font-family: "Font Awesome 5 Pro";
                content: "\f105";
                display: inline-block;
                font-style: normal;
                font-variant: normal;
                text-rendering: auto;
                line-height: 1;
                margin-right: 5px;
                margin-left: 5px;
            }

            .page-title-meta {
                text-align: right;
            }

            .page-title-meta big {
                font-size: 28px;
                color: #1F232F;
                font-weight: 600;
            }

            .page-title-meta small {
                font-size: 16px;
            }
            .jira-tag-link {
                font-size: 12px;
                font-weight: bold;
                background-color: #2150D3;
                color: #fff!important;
                padding: 8px 12px;
                border-radius: var(--border-radius-full);
                line-height: 1;
                text-decoration: none;
                margin: 0 10px;
                white-space: nowrap;
            }
            .jira-tag-link i {
                margin-right: 4px;
            }
            .jira-tag-link:hover,
            .jira-tag-link:focus {
                text-decoration: none;
                opacity: .7;
            }

        /**SECTION ITEM HEADERS*/
            .page h4,
            .pane h4,
            .ui-dialog h4 {
                font-size: 18px;
                margin: 20px 0 10px 0;
                color: #1F232F;
            }
            .page h5,
            .pane h5,
            .ui-dialog h5 {
                font-size: 16px;
                margin: 35px 0 10px 0;
                color: #1F232F;
                font-weight: normal;
            }
            .ui-dialog-content h4:first-child,
            .ui-dialog-content h5:first-child {
                margin-top: 0;
            }
        /*SUBTEXT*/
            .subtext {
                color: #676D7E!important;
                font-weight: normal;
                font-size: 14px;
            }
            .rowgrouphdr .subtext {
                color: inherit!important;
                opacity: 0.6;
            }
            .form-err .subtext {
                color: #D95151!important;
            }
            
        /*Lowercase global lang tag*/
            .lcase {
                text-transform: lowercase !important;
            }

        [data-convert-sentence-case] {
            position: absolute;
            background-color:  #C4580A;
            box-shadow: inset -1px -1px 0px rgba(0, 0, 0, 0.25);
            color: #FFF;
            padding: 8px;
            border-radius: 6px;
            font-size: 14px;
            margin-top: 6px;
            margin-left: -38px;
        }

        #viewname + [data-convert-sentence-case] {
            position:  relative;
            margin-top: 35px;
        }

        /**PSEUDO HEADERS*//*TODO: WRAP WITH APPROPRIATE HTML TAGS SO CSS CAN BE SHARED FOR FONT COLOR...*/
            /* .feedbacktitle {font-size: 18px; color: #1F232F;margin: 20px 0 5px 0;font-weight:bold;} */
            .leftnavback li.head,
            .tipinner
            {color: #1F232F;}
        /**HEADER UTILITIES*/
            .light {color: #888F9F; font-weight: normal;}
            .standout {color: #B90000;font-size: inherit;}
            .page h2 small,
            .pane h2 small,
            .ui-dialog h2 small, /*TODO: make sure jQuery UI css does not override this*/
            .page h2 .light,
            .pane h2 .light,
            .ui-dialog h2 .light /*TODO: make sure jQuery UI css does not override this*/
            {
                font-size: 60%;
                display: inline-block;
            }
            /*TODO: REVISIT ON REFACTOR*/
            /*NOTE: PREVENT PAGE TITLE LINKS ON OUTER PAGES FROM RECEIVING SMALLER FONT SIZE*/
            body:not(.publ) .pane h2 a,
            body:not(.publ) .ui-dialog h2 a,
            body:not(.publ) h2 i
            {font-size: 60%;}
            /*NOTE END*/
            /*TODO END*/
            .page h5.alpha,
            .pane h5.alpha,
            .ui-dialog  h5.alpha
            {margin-top: 0;}
            /*OLDER RULES*/
            .page h5.pretable,
            .pane h5.pretable,
            .ui-dialog  h5.pretable
            {margin: 20px 0 8px 0;}
            .page h5.pretable.alpha,
            .pane h5.pretable.alpha,
            .ui-dialog  h5.pretable.alpha
            {margin-top: 5px;}
            .page h5 small,
            .pane h5 small,
            .ui-dialog  h5 small
            {font-weight: normal;}
            .page label.alpha h5,
            .pane label.alpha h5,
            .ui-dialog label.alpha h5
            {margin-top: 0;}
        /**FORMS*/
            /**FORM ITEM - TITLE*/
                .form-item-title .subtext {
                    position: relative;
                    top: -1px;
                }
            /**HEADERS*/
            .page label,
            .pane label,
            .ui-dialog label {
                font-size: 16px;
                color: #1F232F;
                font-weight: normal;
            }
            .page [data-form-mode="viewing"] label {
                color: #aab1c1;
            }
            label.sublabel {
                font-size: 12px;
                margin-bottom: 10px
            }
            /**EXCEPTIONS*/
            .form-checkbox.disabled, .form-radio.disabled {} /*PLACEHOLDER, USED IN DISTRIBUTED VALUES*/
            .form-checkbox label, .form-radio label {font-weight:normal; margin:0;}
            .form-checkbox__label {
                /*NOTE: Use this on <label> to display block the clickable area*/
                display: block;
                padding: 11px 10px 9px;
                border-radius: 3px;
            }
            .form-checkbox .form-checkbox__label input[type="checkbox"] {
                margin: 0 7px 0 0;
                position: relative;
                top: 1px;
            }
            .form-checkbox__label--alert {
                background-color: #FFF9C4;
                border: 1px solid #FFF59D;
            }
            .form-item+.form-checkbox-set,
            .form-inline+.form-checkbox-set,
            .form-item+.form-checkbox,
            .form-item+.form-radio,
            .form-inline+.form-radio
            {margin-top:10px;}
            .chkitem label,
            [class*="feedbackcontrol"] label,
            label.form-label-inline,
            .chk+label,
            label.radio-wrapped
            {font-weight:normal;margin:0;}
            /**WHITESPACE OVERRIDES FOR FORMS*/
            .feedbackcontrol .up-item {margin-top:0;}
        /**H3*/
            .well .section.vflist .section-header {background: none!important;color: #1F232F!important;padding:0;margin:5px 0 0 0;}
            .well .section.vflist .section-header+.section-content {padding-top:5px;}
            .well .section.vflist #filitems {border: 1px solid #D8DCE5;border-collapse:separate;border-radius:3px;}
            .well .section.vflist #filitems td:first-child {padding-left:10px;}
    /**LINKS*/
        a {text-decoration: none;}
        a:hover, a:focus {text-decoration: underline;}
        a.btn:hover {text-decoration: none;}
        a[active], a.active
        {text-decoration: none;cursor: default;}
    /**UTLITIES*/
        .hidden {background-color: #EEF0F3;padding: 12px;}

    /**TRANSITIONS*/
        a:not(.toolboxitem), a:before, a:after, input {-webkit-transition:all .1s linear;-moz-animation:all .1s linear;-ms-animation:all .1s linear;animation:all .1s linear;}

/**––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
/**GLOBAL ELEMENTS - ICONS*/

    /**ICON - CENTERCODE*/
        .cc-logo-icon {
            position: relative;
            width: 22px;
            height: 22px;
            margin: 8px auto;
        }
        .cc-logo-icon [class*="icon-logo"] {
            position: absolute;
            top: 0;
            left: 0;
        }
        .cc-logo-icon .icon-logo-level1 {color:#f8993e;}
        .cc-logo-icon .icon-logo-level2 {color:#e14933;}
        .cc-logo-icon .icon-logo-level3 {color:#9b340b;}
        .cc-logo-icon .icon-logo-dot {color:#63c8d3;}
    /**ICON - COLORS BY DATA TYPE ID*/
        [data-icon-id="pii"] {
            color: #7759A1;
        }
    /**ICON - TEAM TYPES*/
        /*Center Team Type Strings*/
        .teamtype-text {
            text-align: left;
        }
    /**ICON - USER ACCOUNT USAGE*/
        .fa-circle.expired {
            color: #D95151;
        }
        .fa-circle.live {
            color: #32B588;
        }
        .fa-circle.pending {
            color: #F4D768;
        }
    /**ICON - STATUSES*/
        /**STATUS ICON BY SCOPE*/
            .status-indicator {
                display: inline-block;
            }
            .status-indicator i {
                display: none;
                font-size: 20px;
            }
            .status-indicator[data-status-scope="all"] .fas.fa-circle {
                display: inline-block;
            }
            .status-indicator[data-status-scope="some"] .fa-circle-half-stroke {
                display: inline-block;
            }
            .status-indicator[data-status-scope="none"] .far.fa-circle {
                display: inline-block;
            }
        /**STATUS COLORS BY TYPE*/
            .status-indicator[data-status-type="deleted"] i {
                color: #C9CEDB;
            }
            .status-indicator[data-status-type="previous"] i {
                color: #888F9F;
            }
            .status-indicator[data-status-type="inactive"] i {
                color: #1F232F;
            }
            .status-indicator[data-status-type="expired"] i {
                color: #D95151;
            }
            .status-indicator[data-status-type="incomplete"] i {
                color: #6785B9;
            }
            .status-indicator[data-status-type="active"] i {
                color: #32B588;
            }
            .status-indicator[data-status-type="live"] i {
                color: #32B588;
            }
            .status-indicator[data-status-type="pending"] i {
                color: #F4D768;
            }
            .status-indicator[data-status-type="rejected"] i {
                color: #D95151;
            }
            .status-indicator[data-status-type="special"] i {
                color: #7759A1;
            }
        /**STATUS ON ROW OFF*/
            .rowoff .status-indicator[data-status-type="active"] .fas.fa-circle {
                display:none;
            }
            .rowoff .status-indicator[data-status-type="active"] .fa-circle-half-stroke {
                display:inline;
                color: #888F9F;
            }
    /**ICON - OVERLAYS*/
        /**
         * NOTE: These are custom made icons. As of 2017 only
         * used for External Destinations
         */
        .cc-icon-email-html i,
        .cc-icon-email-text i,
        .cc-icon-http i,
        .cc-icon-jira i {
            padding: 4px;
            position: relative;
            width: initial;
            height: 30px;
        }
        .cc-icon-email-html i,
        .cc-icon-email-text i{
            top: -7px;
        }
        .cc-icon-jira i,
        .cc-icon-http i {
            top: -5px;
        }
        .cc-icon-email-html i:before,
        .cc-icon-email-text i:before,
        .cc-icon-http i:before,
        .cc-icon-jira i:before {
            font-size: 34px;
        }
    /**ICON - STACKED*/
        /**
         * NOTE: These are custom configured stack icon used
         * with font awesome icons.
         */
        .cc-fa-stack {
            position: relative;
            display: block; /*NOTE: firefox freaks out without*/
            top: 1px;
            float: left;
        }

        .cc-fa-stack--sub {
            position: absolute;
            right: -1px;
            bottom: 7px;
            font-size: 0.7em;
            line-height: 1;
            text-shadow: #fff -1px 0px 0px, #fff 0 -1px 0px;
        }
        /**ICON - STACKED - ADJUSTMENTS*/
        .cc-fa-stack--macro-scheduled .cc-fa-stack--sub {
            right: 2px;
        }
        .cc-fa-stack--report-new .cc-fa-stack--main {
            top: 1px;
            position: relative;
            right: -1px;
        }
        .cc-fa-stack--report-new .cc-fa-stack--sub {
            top: 8px;
            right: -2px;
        }
    /**ICONS - CUSTOM - INSERT ABOVE - ICOMOON*/
        .cc-fa-stack--insert-above {
            height: 15px;
            width: 15px;
            margin: 9px 8px;
            top: 0;
        }
        .cc-fa-stack--insert-above .icon-insert-above-dark {
            opacity: 1;
            position: absolute;
            left: 0;
        }
        .cc-fa-stack--insert-above .icon-insert-above-light {
            opacity: 0.6;
            position: absolute;
            left: 0;
        }

    /**ICONS - FORM HINTS */
        .hint-icon {
            margin-left: 5px;
            font-size: 0.6875em;
            color: #1F232F;
        }

        h5.title-hint-icon,
        .title-hint-icon h5 {
            display: inline-block;
        }

        .title-hint-icon i {
            margin-left: 0;
        }

        .em-sendtest-processing .fa-spinner.fa-pulse.fa-fw {
            width: 16px;
        }

/**––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
/**GLOBAL COMPONENTS - SITE LAYOUT*/
    /* SITE NAV */
    nav a.cc-color-bg--header,
    nav button.cc-color-bg--header
    {
        transition: none;
    }
    .siteinfo {display: none;}
    /**SITE BANNER*/
        .sitebanner {
            padding: 20px 10px 20px 20px;
        }
        .sitebanner-inner {
            min-height: 76px;
            display: table;
            width: 100%;
            border-collapse: collapse;
            border-spacing: 0;
        }
        .sitebanner-item {
            display: table-cell;
            vertical-align: middle;
        }
        .sitebanner-tools {
            vertical-align: bottom;
        }
        .sitebanner .sitebanner-logo img {
            display: block;
            max-height: 100%;
        }
    /**SITE USER INFO*/
        .site-user-info:after {
            content: "";
            display: table;
            clear: both;
        }
        .siteusrinfo-inner {
            display: table;
            float: right;
        }
        .siteusrinfo-inner .siteusrinfo-item {
            margin: 0;
            display: table-cell;
            vertical-align: middle;
            cursor: pointer;
        }
        .siteusrinfo-inner .siteusrinfo-item.siteusrinfo-userlink a {
            font-size: 20px;
            text-decoration: none;
        }
        .siteusrinfo-inner .siteusrinfo-item + .siteusrinfo-item {
            padding-left: 7px;
        }
        .siteusrinfo-inner .avatar img {
            border: none;
        }
        .siteusrinfo-userlink .fa-chevron-down {
            position: relative;
            top: -2px;
            margin-right: 6px;
        }
    /**SITE PROJ JUMP*/
        .site-user-info + .site-proj-jump {
            margin-top: 10px;
        }
        .site-proj-jump {
            float: right;
        }
        .site-proj-jump.form-input-sm select{
            min-width: 197px;
            max-width: 260px;
        }
        /**ADJUSTMENTS FOR BUTTONS WITH BOTH QTIP HINT AND LIST*/
        .bttn.bttn--complex-qtip {
            position: relative;
            /*NOTE: Allows qTip contents of drop downs to be rendered inside a
                *      parent element rather than being appended to the body tag.
                *      This is necessary structure for qtip dropd downs to adjust its
                *      positioning on window/page scroll*/
            overflow: visible;
        }
        .bttn--complex-qtip .hasqtiplist {
            /*NOTE: lay this element over the button so it
                *serves as a click receiver to display the
                *support dropdown to allow the button to
                *remain responsible for the hover qtip*/
            position: absolute;
            z-index: 1;
            top: 0;
            left: 0;
            height: 100%;
            width: 100%;
        }
        /*QUICK SEARCH RESULTS*/
            .QuickSearch[data-status="empty"] {
                display:none;
            }
            .QuickSearch[data-status="results"] .listouter {
                margin-top: 50px;
            }
            .QuickSearch[data-status="results"][data-type="users"] .QuickSearch-inner {
                min-width: 480px;
            }
            .QuickSearch[data-status="results"][data-type="feedbacks"] .QuickSearch-inner {
                min-width: 580px;
            }
            .QuickSearch[data-status="results"][data-type="surveys"] .QuickSearch-inner {
                min-width: 500px;
            }
            .QuickSearch[data-status="results"][data-type="contents"] .QuickSearch-inner {
                min-width: 600px;
            }
            .QuickSearch[data-status="results"][data-type="releases"] .QuickSearch-inner {
                min-width: 600px;
            }
            .QuickSearch[data-status="results"][data-type="forum"] .QuickSearch-inner {
                min-width: 580px;
            }
            .QuickSearch[data-status="results"][data-type="tasks"] .QuickSearch-inner {
                min-width: 600px;
            }
            .QuickSearch[data-status="results"][data-type="dv"] .QuickSearch-inner {
                min-width: 750px;
            }
            .QuickSearch[data-status="results"][data-type="wikis"] .QuickSearch-inner {
                min-width: 580px;
            }
    /**SITE BAR STICKY*/
        .siteheader.sticky  {
            transition: all 0.4s ease;
        }
        .siteheader.sticky .sitebanner {
            transition: all 0.1s ease;
            visibility: hidden;
        }
/**––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
/**GLOBAL COMPONENTS - PAGE LAYOUT*/

    /**DEFAULT*/

    /**PAGE LAYOUT - DEFAULTS*/
        .sitecontent {
            padding: 30px;
        }
        .pagetopbar:not(.hide) {
            margin-bottom: 20px;
        }
        .pageouter {
            color:#1F232F;
            min-width: 720px;
            width: 720px;
            margin: 0 auto;
        }
    /**PAGE*/
    .page {
        overflow: hidden;
        margin-top: 0;
        padding: 70px;
        position: relative;
        background: #FFF;
        border-radius: var(--border-radius-lg);
        background-clip: padding-box;
    }

    /* PAGE RESET FOR PANEL PAGES */
        .page-reset .page {
            overflow: visible;
            margin: 0;
            padding: 0;
            background: none;
            border-radius: none;
            box-shadow: none;
            max-width: none;
        }

/**––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
/**GLOBAL COMPONENTS - TABS*/
    .tabs .tabs-inner {
        display: table;
        width: 100%;
        font-weight: bold;
        font-size: 17px;
        border-top: 1px solid #EEF0F3;
    }
    .tabs .tabs-item {
        display:table-cell;
        vertical-align: middle;
        position: relative;
    }
    .tabs .tabs-item+.tabs-item {
        border-left: 1px solid #EEF0F3;
    }
    .tabs .tabs-link {
        display: block;
        padding: 20px;
        text-align: center;
        color: #222;
    }
    .tabs .tabs-link:hover,
    .tabs .tabs-link:focus {
        text-decoration: none!important;
        color: #1F232F;
    }

    .tabs .tabs-item:hover {
        background-color: #E4E6EC;
    }

    .tabs-select {
        position: absolute;
        height: auto;
        width: 100%;
        text-align: center;
        bottom: -0.5em;
        left: 0;
        font-size: 30px;
        display: none;
    }
    .tabs-item#sel {
        background-color: #EEF0F3;
    }

    .tabs-item#sel:hover {
        background-color: #d9d9d9;
    }

    .tabs-item#sel .tabs-select {
        display: block;
    }
/**––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
/**GLOBAL COMPONENTS - TAB BAR*/

    .tab-bar-inner {
        display: table;
        table-layout: fixed;
        width: 100%;
        border-collapse: separate;
        background-color: #F7F8F9;
        box-shadow: var(--shadow-panel);
        min-height: 50px;
    }

    .tab-bar .tab {
        display: table-cell;
        text-align: center;
        text-decoration :none!important;
        font-weight: bold;
        border-left: 1px solid #D8DCE5;
        line-height: 1;
        min-height: 50px;
        vertical-align: middle;
    }
    .tab-bar .tab:first-child {border-top-left-radius:2px;border-bottom-left-radius:2px;}
    .tab-bar .tab:last-child {border-right:1px solid #D8DCE5;border-top-right-radius:2px;border-bottom-right-radius:2px;}
    .tab-bar .tab:hover,
    .tab-bar .tab:focus,
    .tab-bar .tab:active,
    .tab-bar .tab:active:focus,
    .tab-bar .tab.active,
    .tab-bar .tab.active:focus,
    .tab-bar .tab.active:active:focus
    {border-color: #D8DCE5!important;}
    /**TAB BAR - DISABLED*/
    .tab-bar .tab.disabled,
    .tab-bar .tab.disabled:hover,
    .tab-bar .tab[disabled],
    .tab-bar .tab[disabled]:hover {
        background-color: #EEF0F3!important;
        cursor: default;
    }
    /**TAB BAR - PAGE TOP BAR - SELECTED*/
    .tab-bar--pagetopbar .color-primary.active,
    .tab-bar--pagetopbar .color-primary.active:focus,
    .tab-bar--pagetopbar .color-primary.active:hover:focus {
        border-color: transparent!important;
    }
    .tab-bar--pagetopbar .color-primary .subtext {
        color: #fff!important;
        opacity: 0.8;
    }
    .tab-bar--pagetopbar .color-primary.active:hover {
        background-image: url(/images/css/5-dark.png);
    }
    .tab-bar--pagetopbar .color-primary .subtext {
        color: #fff!important;
        opacity: 0.8;
    }
    .tb-pagetop {margin-left: -20px;margin-right: -20px;}
    .tb-pagetop .tab {border-right: none;}
    .tb-pagetop .tab:first-child {border-left: 1px solid transparent!important;border-radius:0;}
    .tb-pagetop .tab:last-child {border-right: 1px solid transparent!important;border-radius:0;}

/**––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
/**GLOBAL COMPONENTS - BUTTONS*/

    .bttn {
        text-align: center;
        line-height: 1;
        white-space: nowrap;
        overflow:hidden;
        text-overflow: ellipsis;
        margin-top:10px;
        display: inline-block;
        margin-bottom: 0;
        vertical-align: middle;
        -ms-touch-action: manipulation;
        touch-action: manipulation;
        cursor: pointer;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        background-image: none;
        border: 1px solid transparent;
        border-radius: var(--border-radius-full);
        box-shadow: var(--shadow-element-blocky);
    }
    .bttn:not(.bttn-icon) {
        font-size: 16px;
        letter-spacing: .03em;
        font-weight: 600;
        padding: 14px 16px;
    }
    .bttn.bttn-link.bttn-link--text {
        padding: 0;
    }
    .bttn-xs {font-size:13px;}
    .bttn-sm {font-size:15px;}
    .bttn-lg {font-size:22px;}
    .bttn-link {font-size:15px;}
    .bttn:active:focus,
    .bttn:focus,
    .bttn:focus-visible
    {outline: 5px auto #66AFE9; outline-offset: 2px;}
    .bttn:focus,.bttn:hover {color: #1F232F;text-decoration: none;}
    .bttn:active:not(.disabled):not(.bttn-link), .bttn.active:not(.bttn-link) {
        background-image: none;
        outline: 0;
        -webkit-box-shadow: inset 0 3px 5px rgba(0,0,0,.125);
        box-shadow: inset 0 3px 5px rgba(0,0,0,.125);
    }

    .bttn-option.row .bttn, 
    .bttn-option.tab .bttn {
        border-radius: 0;
        border: 1px solid #C9CEDB;
        background-color: #F7F8F9!important;
        width: 100%;
        height: 100%;
        padding: 20px;
    }
    
    .bttn-option.row .bttn {
        text-align: left;
    }

    .bttn-option.row input[type="radio"][disabled]+label.bttn,
    .bttn-option.row input[type="radio"][disabled]:focus+label.bttn,
    .bttn-option.row input[type="radio"][disabled]:hover+label.bttn {
        background-color: #C9CEDB!important;
        color: #1F232F !important;
        border-color: #D8DCE5 !important;
        cursor: default;
    }

    .bttn-option.tab input[type="radio"][disabled]+label.bttn,
    .bttn-option.tab input[type="radio"][disabled]:focus+label.bttn,
    .bttn-option.tab input[type="radio"][disabled]:hover+label.bttn {
        background-color: #C9CEDB!important;
        color: #1F232F !important;
        border-color: #D8DCE5 !important;
        cursor: default;
    }

    .bttn-option.tab input[type="radio"]:checked + label.bttn .subtext {
        color: #FFFFFF!important;
    }

    .bttn-option.row i {
        margin-left: 0 !important;
        margin-right:10px;
    }

    .tbl-cont--user-agreements table {
        table-layout: fixed;
    }

    fieldset[disabled] a.bttn {pointer-events: none;}
    /**BTTN - HAS ICON*/
        /*TODO: REFACTOR BY REMOVING :not(.bttn-icon) ONCE ALL .bttns ARE APPROPRIATELY UPDATED WITH EITHER .bttn--has-icon-left OR .bttn--has-icon-right*/
        .bttn:not(.bttn-icon) i {
            margin-left: 5px;
        }
        .bttn--has-icon-left:not(.bttn-icon) i {
            margin-left: 0;
            margin-right: 5px;
        }
        .bttn--has-icon-right:not(.bttn-icon) i {
            margin-left: 5px;
            margin-right: 0;
        }
    /**BTTN - CHECKBOX BUTTON*/
        .bttn-checkbox input[type="checkbox"] {
            position: relative;
            top: -2px;
            margin-right: 10px;
        }
        .bttn-checkbox .bttn-checkbox-title {
            position: relative;
            top: 1px;
        }
        .bttn-checkbox.bttn-sm {
            font-size: 15px;
            padding-left: 14px;
            padding-right: 14px;
        }
        .bttn-checkbox.bttn-sm input[type="checkbox"] {
            top: 3px;
        }
        .bttn-checkbox.bttn-sm .bttn-checkbox-title {
            top: 4px;
        }
    /*TODO: CLEAN UP OUTDATED .btn ON REFACTOR*/
    .btn {border: 1px solid #C9CEDB; margin: 0; color: #888F9F; padding: 6px 18px; text-decoration: none; display: inline-block;font-size:18px;line-height: 1;text-shadow:none;}
    .btn:active {border: 1px solid #4C5163; color: #888F9F;}
    .btn:hover {border: 1px solid #888F9F; color: #888F9F; cursor: pointer;}
    .btn:focus {border: 1px solid #000; color: #888F9F;}
    .btn.inline {padding: 6px 9px;}
    .btn.cancel {border: none; text-decoration: underline; background: none; padding-left: 6px; text-shadow: none; box-shadow: none;font-size:15px!important;}
    .btn.cancel:hover, .btn.cancel:focus {text-decoration: none;outline: none!important;box-shadow: none;}
    .btn.dyntags {margin-top: 20px; font-size: 14px;}
    .btn:disabled, .btn:disabled:hover, .btn.disabled, .btn.disabled:hover {border: 1px solid #C9CEDB; color: #888F9F;}
    /**STATE - FOCUS*/
        /**BTTN*/
        .bttn:focus,
        .bttn.focus,
        .bttn:focus-visible
        {outline: 5px auto #66AFE9; outline-offset: 2px;}
        /**BTN*//*TODO: CLEAN UP OUTDATED .btn ON REFACTOR*/
        .btn:focus,
        .btn.focus,
        .bttn:focus-visible
        {outline: 5px auto #66AFE9; outline-offset: 2px;}
    /**STATE - ACTIVE*/
        /**BTTN*/
        .bttn:active:not([disabled]):not(.cancel),
        .bttn:active:not([disabled]):not(.cancel),
        .bttn:active:not(.disabled):not(.bttn-link),
        .bttn.active:not(.bttn-link):not(.color-cancel)
        {outline: 0;-webkit-box-shadow: inset 0 3px 5px rgba(0,0,0,.125);box-shadow: inset 0 3px 5px rgba(0,0,0,.125);}
        /**BTN*//*TODO: CLEAN UP OUTDATED .btn ON REFACTOR*/
        .btn:active:not([disabled]):not(.cancel),
        .btn:active:not(.disabled):not(.cancel),
        .btn.active:not(.cancel)
        {outline: 0;-webkit-box-shadow: inset 0 3px 5px rgba(0,0,0,.125);box-shadow: inset 0 3px 5px rgba(0,0,0,.125);}
    /**STATE - DISABLED*/
        /**BTTN*/
        fieldset[disabled] .bttn,
        .bttn.disabled,
        .bttn.disabled:hover,
        .bttn.disabled:focus,
        .bttn.disabled:active,
        .bttn[disabled],
        .bttn[disabled]:hover,
        .bttn[disabled]:focus,
        .bttn[disabled]:active {
            filter: alpha(opacity=65);
            -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=65)";
            -webkit-box-shadow: none;
            box-shadow: none;
            opacity: .65;
        }
        /**BTN*//*TODO: CLEAN UP OUTDATED .btn ON REFACTOR*/
        .btn[disabled],
        .btn[disabled]:hover,
        .btn[disabled]:focus,
        .btn[disabled]:active,
        fieldset[disabled] .btn,
        fieldset[disabled] .btn:hover,
        fieldset[disabled] .btn:focus,
        fieldset[disabled] .btn:active {
            filter: alpha(opacity=65);
            -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=65)";
            -webkit-box-shadow: none;
            box-shadow: none;
            opacity: .65;
        }
    /**TYPE - BTTN ICON*/
        .bttn.bttn-icon {
            padding: 0;
            min-width: 44px;
            letter-spacing: 0;
            font-size: 18px;
        }
        .bttn-icon + .bttn-icon {margin-left:5px;}
        /**Shape*/
            .bttn-circle {border-radius: 24px;}
        /**Style*/
            .bttn-elevate {-webkit-box-shadow: 0 6px 10px 0 rgba(0,0,0,0.3);box-shadow: 0 6px 10px 0 rgba(0,0,0,0.3);}
        /**Sizes*/
            .bttn.bttn-icon.bttn-lg,
            .form-input-lg .bttn.bttn-icon
            {padding: 10px;}
            .bttn.bttn-icon.bttn-sm {}
        /**Block*/
            .bttn-icon--block {
                display: block;
                width: 100%;
            }
        /**Link*/
            .bttn-icon.bttn-link {padding: 0;min-width: auto;line-height: 1;}
    /**TYPE - BTTN LINK*/
        .bttn-link {
            font-weight: normal;
            border-radius: 0;
            margin-left: 5px;
            margin-top: 0;
            border-color: transparent;
            box-shadow: none!important;
            outline: none!important;
            background-color: transparent;
        }
        .bttn-link.active,
        .bttn-link:active,
        .bttn-link[disabled],
        fieldset[disabled] .bttn-link {
            background-color: transparent;
            -webkit-box-shadow: none;
            box-shadow: none;
        }
        .bttn-link:focus,
        .bttn-link:hover,
        .bttn-link.focus,
        .bttn-link.hover {
            color: #23527c;
            text-decoration: underline;
            background-color: transparent;
            box-shadow: none!important;
            outline: none!important;
            border-color: transparent;
        }
        .bttn-link[disabled]:focus,
        .bttn-link[disabled]:hover,
        fieldset[disabled] .bttn-link:focus,
        fieldset[disabled] .bttn-link:hover {
            color: #777;
            text-decoration: none;
        }
        .bttn-link.bttn-cancel {
            color: #4C5163;
            text-decoration: underline;
        }
        .bttn-link.bttn-cancel:hover {
            color: #000;
            text-decoration: none;
        }
        .bttn-link:first-child {
            margin-left: 0;
        }
        .bttn+.bttn-link {
            margin-left: 0;
        }
        /**BTTN LINK AS TEXT*/
        .bttn-link--text {
            font-size: 18px;
            position: relative;
            top: -1px;
            padding: 0;
        }
        .bttn-link--text-normal {
            padding: 0;
            border: none;
            font-size: 15px;
            position: relative;
            top: -1px;
        }
    /**TYPE - BTTN CANCEL*/
        .bttn[class*="color-cancel"] {margin-left:10px;}
        .bttn[class*="color-cancel"]:first-child {margin-left:0;}
        [class*="color-cancel"] {
            margin-left: 10px;
            background:none;
            border:1px solid transparent;
            text-decoration:underline;
            color: #4C5163;
            font-size:15px!important;
            margin-top:0;
            padding: 6px 0!important;
            box-shadow: none;
        }
        .color-cancel-inverse {
            color: #fff;
        }
        .color-cancel-inverse:hover,
        .color-cancel-inverse.hover
         {color:#EEF0F3;text-decoration:none;box-shadow:none!important;}
        .color-cancel-inverse:focus,
        .color-cancel-inverse.focus
         {color:#EEF0F3;box-shadow:none!important;border-color:transparent!important;}
        .color-cancel-inverse:active,
        .color-cancel-inverse.active
         {box-shadow:none!important;outline:none!important;}
        .color-cancel-inverse[disabled]:hover,
        .color-cancel-inverse[disabled]:focus,
        .color-cancel-inverse[disabled]:active
        {background:none;border:1px solid transparent;text-decoration:underline;color: #EEF0F3;box-shadow:none!important;}

        .color-cancel:hover,
        .color-cancel.hover
         {color:#1F232F;text-decoration:none;box-shadow:none!important;}
        .color-cancel:focus,
        .color-cancel.focus
         {color:#1F232F;box-shadow:none!important;border-color:transparent!important;}
        .color-cancel:active,
        .color-cancel.active
         {box-shadow:none!important;outline:none!important;}
        .color-cancel[disabled]:hover,
        .color-cancel[disabled]:focus,
        .color-cancel[disabled]:active
        {background:none;border:1px solid transparent;text-decoration:underline;color: #888;box-shadow:none!important;}
    /**TYPE - BTTN SOCIAL*/
        .bttn.bttn-facebook {color: #3b5998!important;}
        .bttn.bttn-facebook:hover, .bttn-facebook:focus {color: #708CC7!important;}
        .bttn.bttn-twitter {color: #55acee!important;}
        .bttn.bttn-twitter:hover, .bttn-twitter:focus {color: #82C2F3!important;}
        .bttn.bttn-google-plus {color: #dd4b39!important;}
        .bttn.bttn-google-plus:hover, .bttn-google-plus:focus {color: #E9897B!important;}
        .bttn.bttn-linkedin {color: #007bb5!important;}
        .bttn.bttn-linkedin:hover, .bttn-linkedin:focus {color: #469BC2!important;}
    /**TYPE - BTTN GROUP*/
        .bttn-group .bttn {overflow:hidden;text-overflow:ellipsis;border-width:1px}
        .bttn-group .bttn+.bttn {border-radius:0;border-left-width:0;}
        .bttn-group .bttn+.bttn:hover {border-left-width:1px;}
        .bttn-group .bttn:first-child {border-top-left-radius: 4px;border-bottom-left-radius: 4px;border-top-right-radius: 0;border-bottom-right-radius: 0;}
        .bttn-group .bttn:last-child {border-top-left-radius: 0;border-bottom-left-radius: 0;border-top-right-radius: 4px;border-bottom-right-radius: 4px;border-right-width:1px;}
        @media (max-width: 650px) {/* -- apply these styles if window is smaller than 650px -- */
            .bttn-group {display:block;}
        }
    /**TYPE - BTTN GROUP ROW*/
        .bttn-group-row {display:table;width:100%;border-collapse:separate;}
        .bttn-group-row:after {content:"";display:table;clear:both;}
        .bttn-group-row [class^=col-] {display:block;vertical-align:bottom;float:left;}
        .bttn-group-row [class^=col-] .bttn {border-radius:0;border-left-width:0;margin-top:0; box-shadow: none;}
        .bttn-group-row [class^=col-] .bttn.active.color-outline-utility {border-left-width:1px;border-color:#a1acb5!important;}
        .bttn-group-row [class^=col-]:first-child .bttn {border-top-left-radius: var(--border-radius-full);border-bottom-left-radius: var(--border-radius-full);border-left-width:1px;}
        .bttn-group-row [class^=col-]:last-child .bttn {border-top-right-radius: var(--border-radius-full);border-bottom-right-radius: var(--border-radius-full);}
        @media (max-width: 480px) {
            .bttn-group-row .col-sm-12 .bttn {border-width: 1px;border-top-width: 0;}
            .bttn-group-row .col-sm-12:first-child .bttn {border-top-width: 1px;border-top-left-radius: 3px;border-top-right-radius: 3px;border-bottom-left-radius:0;border-bottom-right-radius:0;}
            .bttn-group-row .col-sm-12:last-child .bttn {border-left-width:1px;border-top-left-radius: 0;border-top-right-radius: 0;border-bottom-left-radius: 3px;border-bottom-right-radius: 3px;}
        }
    /**TYPE - BTTN SELECT*/
        .bttn.bttn-select:before {float:right;margin-right:-30px;}
        .bttn.bttn-select {
            text-align: left;
            background-image: url("/images/css/elem-select-gray.svg?3"), none;
            background-repeat: no-repeat;
            background-size: 16px auto;
            background-position: right 12px center;
            padding-right: 40px;
        }
    /**STYLE - EMPHASIZE*/
        [class*="color-outline"].bttn-em {border-width:2px!important;font-weight:bold;}
    /**STYLE - BLOCK*/
        .bttn-block {
            padding: 12px 16px;
            display: block;
            width: 100%;
            border-width: 0;
            font-weight: bold;
        }
        .bttn-block a {font-weight:bold;}
    /**STYLE - INLINE*/
        .bttn.bttn-inline {display: inline;width: auto;padding:0;margin:0;font-weight:normal;}
        @media (max-width: 650px) {/* -- apply these styles if window is smaller than 650px -- */
            .bttn-inline {display:block;}
        }
    /**FORMATTING*/
        .bttn-wrap {
            white-space: normal;
        }

/**––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
/**GLOBAL COMPONENTS - FORM ELEMENTS*/

    /* ---------------------------------------------------------------------- */
    /* Form Elements */

    .date, .mtxt, select {color: #1F232F;background-color: #F7F8F9; border: 1px solid #E4E6EC; padding: 4px;}
    .hidden .mtxt, .hidden .date, .hidden .txt, .hidden .pass, .hidden select {background-color: #fff;} /* use light backgrounds in hidden areas */
    .mtxt.light {color: #C9CEDB;}
    .pass {color: #B90000;}
    textarea {width: 100%; display: block;resize: vertical;}
    select:disabled {background-color: #AAB1C1;}
    select[name="Sent"] {margin-bottom: 20px;}
    .chk {margin: 10px 5px 9px 2px;}
    .rdo {margin: 10px 5px 9px 2px;}
    select[multiple] option {padding: 3px 12px 3px 12px;}

    .date-available-through-label {
        color: #AAB1C1;
    }

/**––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
/**GLOBAL COMPONENTS - DIV TABLES*/

    .tbl {display: table; width: 100%;border-collapse: collapse;border-spacing: 0;}
    .tbl-fixed {table-layout: fixed;}
    .tbl.tbl-inline { display: inline-table; vertical-align: middle; width: auto; }
    .td {display: table-cell; vertical-align: middle;box-sizing: content-box;}
    .tbl .row {display: table-row;}
    .tbl .td-right {text-align:right;}
    .tbl .td-left {text-align:left;}
    .tbl .td-center {text-align:center;}
    .table:not(.listouter) {display: table !important; width: 100%; position: relative;} /*TODO: REMOVE AFTER REFACTOR*/
    .tcell {display: table-cell; vertical-align: middle;} /*TODO: REMOVE AFTER REFACTOR*/

/**––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
/**GLOBAL COMPONENTS - DIV TABLES - FORMS*/

    .tbl-form {
        display: table;
        width: 100%;
    }
    .tbl-form > .td + .td {
        padding-left: 10px;
    }

    /*
    NOTE: ADD .td-n AS NEEDED, WHERE n REPRESENTS A VARIANT FOR COLUMN WIDTH
    */
    .td-2 {
        width: 20%;
    }
    .td-5 {
        width: 41.66666667%;
    }
    .tbl-form > .td > .bttn {
        margin: 0;
        width: 100%;
        display: block;
    }

/**––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
/**GLOBAL COMPONENTS - COLUMNS*//*DESKTOP FIRST*/

    /**COLUMNS*/
    .col-12 {width: 100%;display:block;}
    .col-11 {width: 91.66666667%;}
    .col-10 {width: 83.33333333%;}
    .col-9 {width: 75%;}
    .col-8 {width: 66.66666667%;}
    .col-7 {width: 58.33333333%;}
    .col-6 {width: 50%;}
    .col-5 {width: 41.66666667%;}
    .col-4 {width: 33.33333333%;}
    .col-3 {width: 25%;}
    .col-2 {width: 16.66666667%;}
    .col-1 {width: 8.33333333%;}
    .col-5ths {position: relative;min-height: 1px;padding-right: 5px;padding-left: 5px;width: 20%;float: left;} /*FIFTHS*/
    /**MEDIUM SCREEN OR WINDOW SIZE*/
        @media (max-width: 650px) {
            [class*="-row"] .col-md-12 {width: 100%;}
            [class*="-row"] .col-md-11 {width: 91.66666667%;}
            [class*="-row"] .col-md-10 {width: 83.33333333%;}
            [class*="-row"] .col-md-9 {width: 75%;}
            [class*="-row"] .col-md-8 {width: 66.66666667%;}
            [class*="-row"] .col-md-7 {width: 58.33333333%;}
            [class*="-row"] .col-md-6 {width: 50%;}
            [class*="-row"] .col-md-5 {width: 41.66666667%;}
            [class*="-row"] .col-md-4 {width: 33.33333333%;}
            [class*="-row"] .col-md-3 {width: 25%;}
            [class*="-row"] .col-md-2 {width: 16.66666667%;}
            [class*="-row"] .col-md-1 {width: 8.33333333%;}
        }
    /**SMALL SCREEN OR WINDOW SIZE*/
        @media (max-width: 480px) {
            [class*="-row"] .col-sm-12 {width: 100%;display:block;}
            [class*="-row"] .col-sm-11 {width: 91.66666667%;}
            [class*="-row"] .col-sm-10 {width: 83.33333333%;}
            [class*="-row"] .col-sm-9 {width: 75%;}
            [class*="-row"] .col-sm-8 {width: 66.66666667%;}
            [class*="-row"] .col-sm-7 {width: 58.33333333%;}
            [class*="-row"] .col-sm-6 {width: 50%;}
            [class*="-row"] .col-sm-5 {width: 41.66666667%;}
            [class*="-row"] .col-sm-4 {width: 33.33333333%;}
            [class*="-row"] .col-sm-3 {width: 25%;}
            [class*="-row"] .col-sm-2 {width: 16.66666667%;}
            [class*="-row"] .col-sm-1 {width: 8.33333333%;}
        }
    /**EXTRA SMALL SCREEN OR WINDOW SIZE*/
        @media (max-width: 320px) {
            [class*="-row"] .col-xs-12:first-of-type {margin-top:0;}
            [class*="-row"] .col-xs-12 {width:100%;display:block;}
            [class*="-row"] .col-xs-11 {width:91.66666667%;}
            [class*="-row"] .col-xs-10 {width:83.33333333%;}
            [class*="-row"] .col-xs-9 {width:75%;}
            [class*="-row"] .col-xs-8 {width:66.66666667%;}
            [class*="-row"] .col-xs-7 {width:58.33333333%;}
            [class*="-row"] .col-xs-6 {width:50%;}
            [class*="-row"] .col-xs-5 {width:41.66666667%;}
            [class*="-row"] .col-xs-4 {width:33.33333333%;}
            [class*="-row"] .col-xs-3 {width:25%;}
            [class*="-row"] .col-xs-2 {width:16.66666667%;}
            [class*="-row"] .col-xs-1 {width:8.33333333%;}
        }

/**––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
/**GLOBAL COMPONENTS - GRIDS*/

    .grid-row {margin-right: -5px;margin-left: -5px;margin-bottom: -10px;}
    .grid-row:before,
    .grid-row:after {display: table;content: " ";clear: both;}
    .grid-row [class^=col-] {display: block;vertical-align: middle;padding: 0 5px;float: left;margin-bottom: 10px;}

/**––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
/**GLOBAL COMPONENTS - FORM CONTAINERS*/

    /**FORM NOTE*/
        .form-row+.form-note {margin-top:20px;color:#4C5163;}
    /**FORM GROUP*//*USE THIS TO WRAP SET OF FORM TABLES OR FORM ROWS*/
    /**FORM TABLE*//*USE WHEN VERTICAL ALIGN BOTTOM IS NECESSARY SINCE FLOATS USED IN FORM ROWS DO NOT HANDLE THIS WELL*/
        .form-tbl .td {vertical-align:bottom;padding-left:10px;}
        .form-tbl .td:first-child {padding-left:0;}
    /**FORM ROW*/
    /**MEDIUM SCREEN OR WINDOW SIZE*/
        @media (max-width: 650px) {
            .form-row .col-md-12 {display:block;border: none;margin-top:10px;}
            .form-group .form-row:first-child .col-md-12:first-child {margin-top:0;}
            .form-outer .form-row:first-child .col-md-12:first-child {margin-top:0;}
             :not([class*="form-"]) + .form-row .col-md-12:first-of-type, .form-row .col-md-12 .sr-only + .input-group {margin-top:0;} /*verify*/
        }
    /**SMALL SCREEN OR WINDOW SIZE*/
        @media (max-width: 480px) {
            .form-row .col-sm-12 {display:block;border: none;margin-top:10px;}
            .form-group .form-row:first-child .col-sm-12:first-child {margin-top:0;}
            .form-outer .form-row:first-child .col-sm-12:first-child {margin-top:0;}
             :not([class*="form-"]) + .form-row .col-sm-12:first-of-type, .form-row .col-sm-12 .sr-only + .input-group {margin-top:0;}
            .form-row  .col-sm-12 {
                border-left-width:0!important;
                border-right-width:0!important;
            }
        }
    /**EXTRA SMALL SCREEN OR WINDOW SIZE*/
        @media (max-width: 320px) {
            .form-row .col-xs-12 {display:block;border: none;margin-top:10px;}
            .form-group .form-row:first-child .col-xs-12:first-child {margin-top:0;}
            .form-outer .form-row:first-child .col-xs-12:first-child {margin-top:0;}
             :not([class*="form-"]) + .form-row .col-xs-12:first-of-type, .form-row .col-xs-12 .sr-only + .input-group {margin-top:0;}
        }

    /**CELL COLUMNS*/ /*NECESSARY FOR VERTICAL ALIGN BOTTOM CONTROL...*/
        .form-row [class^=cell-] {display: table-cell;vertical-align: bottom;border: 10px solid transparent;border-bottom: none;border-top: none;border-right: none;}
        .form-row [class^=cell-]:first-child {border-left: none;}

    /**FORM ROW - ADJUSTMENTS - data-f SERIES*/
        /*TODO: ON REFACTOR CLEAN UP STYLES THAT COMPETE WITH THESE*/
        [data-frc].col-12,
        [data-frc].col-md-12,
        [data-frc].col-sm-12,
        [data-frc].col-xs-12 {
            margin-top: 0; /*NOTE: reset*/
        }
        [data-frc].col-12 .form-control,
        [data-frc].col-md-12 .form-control,
        [data-frc].col-sm-12 .form-control,
        [data-frc].col-xs-12 .form-control {
            margin-top: 0; /*NOTE: reset*/
        }
        [data-frc].col-12 .bttn,
        [data-frc].col-md-12 .bttn,
        [data-frc].col-sm-12 .bttn,
        [data-frc].col-xs-12 .bttn {
            margin-top: 0; /*NOTE: reset*/
        }
        [data-frc].col-12 + .col-12 {
            margin-top: 10px;
        }
        [data-frc].col-12 + :not(.col-12) {
            /**NOTE: this pattern assumes that sibling will always be a column div, if exists*/
            border: none;
        }
        @media (max-width: 650px) {
            [data-frc].col-md-12 ~ [class*="col-"] {
                margin-top: 10px;
            }
            [data-frc].col-md-12 + :not(.col-md-12) {
                /**NOTE: this pattern assumes that sibling will always be a column div, if exists*/
                border: none;
            }
        }
        @media (max-width: 480px) {
            [data-frc].col-sm-12 ~ [class*="col-"] {
                margin-top: 10px;
            }
            [data-frc].col-sm-12 + :not(.col-sm-12) {
                /**NOTE: this pattern assumes that sibling will always be a column div, if exists*/
                border: none;
            }
        }
        @media (max-width: 320px) {
            [data-frc].col-xs-12 ~ [class*="col-"] {
                margin-top: 10px;
            }
            [data-frc].col-xs-12 + :not(.col-xs-12) {
                /**NOTE: this pattern assumes that sibling will always be a column div, if exists*/
                border: none;
            }
        }


/**––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
/**GLOBAL COMPONENTS - ACTIONS*/
    .action--has-bg {
        margin: 0 -20px;
        padding: 20px;
    }
    .action--has-bg h5 {
        margin-top: 0;
    }
    /*
        NOTE: Higher specificity is necessary for now
        TODO: Lower the specificity after refactor
    */
    .action--has-bg select:not([multiple]).form-control {
        background-color: #fff;
    }

/**––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
/**GLOBAL COMPONENTS - FILE LIST*/
/**FILE LIST*/
    .FileList-item:first-child {
        border-top: 1px solid #EEF0F3;
    }
    .FileList-item {
        display: flex;
        padding: 20px 10px;
        border-bottom: 1px solid #EEF0F3;
    }
    .FileList-item a {
        padding: 20px 50px 20px 10px;
        font-size: 18px;
        display: block;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        position: relative;
    }
    .FileList-item a:hover,
    .FileList-item a:focus {
        text-decoration: none;
        background-image: url(/images/css/5-dark.png);
    }
    .FileList-item .icon-left {
        margin-right: 10px;
    }
    .FileList-item .label-column {
        flex-grow: 1;
        overflow: hidden;
        text-overflow: ellipsis;
    }
    .FileList-item .icon-right {
        margin-left: 10px;
    }
    .FileList-item i {
        color: #c0c0c0;
    }

/**––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
/**GLOBAL COMPONENTS - LOG LIST*/
/**LOG LIST*/
    .LogList-title {
        background: #D8DCE5;
        padding: 8px 15px;
        border-radius: 6px;
        color: #1F232F;
        font-weight: 600;
        margin: 10px 0 0 0;
    }
    .LogList-type {
        margin-top: 35px;
        margin-bottom: 10px;
        font-size: 18px;
    }
    .LogList-items {
        display: table;
        width: 100%;
        margin: 10px 0;
        padding: 0;
    }
    .LogList-items:last-child {
        margin-bottom: 0;
    }
    .LogList-item {
        display: table-row;
        margin: 0;
    }
    .LogList-item-inner {
        border-radius: 6px;
        display: block;
        line-height: 1.6;
        margin: 1px 0 1px 0;
        padding: 5px 10px;
    }
    .LogList-item-inner:hover,
    .LogList-item-inner:focus {
        text-decoration: none;
    }
    .LogList-item-inner:last-child {
        border-bottom: none;
    }
    .LogList-item-icon {
        margin-right: 8px;
        color: #c0c0c0;
        margin-left: -5px;
        position: relative;
        top: 1px;
    }
/**LOG LIST - BLOCK*/
    .LogList-item__block {
        display: block;
        padding: 10px 8px;
    }
/**LOG LIST - BLOCK TEXT*/
    .LogList-item__block-text {
        display: block;
        padding: 10px 8px;
    }
/**LOG LIST - BLOCK LINK*/
    .LogList-item__block-link {
        display: block;
        padding: 10px 8px;
    }
    .LogList-item__block-link:hover,
    .LogList-item__block-link:focus {
        text-decoration: none;
        background-image: url(/images/css/5-dark.png);
        outline: none;
    }
    .LogList-item__block-link .subtext {
        margin-left: 5px;
    }
/**LOG LIST - BLOCK TOGGLE*/
    .LogList-item__block-toggle {
        display: block;
        padding: 10px 8px;
    }
    .LogList-item__block-toggle:hover,
    .LogList-item__block-toggle:focus {
        text-decoration: none;
        background-image: url(/images/css/5-dark.png);
        outline: none;
    }
    .LogList-item__block-toggle + .hide {
        -webkit-transition:all .4s linear;
        -moz-animation:all .4s linear;
        -ms-animation:all .4s linear;
        animation:all .4s linear;
    }
    .LogList-item__block-toggle i {
        display: none;
        margin-right: 10px;
    }
    .LogList-item__block-toggle[data-status="collapsed"] .fa-caret-right {
        display: inline-block;
    }
    .LogList-item__block-toggle[data-status="expanded"] .fa-caret-down {
        display: inline-block;
    }

  /* [EZ] These are styles for the new unsubscribe UI under follow tab. May have to be refactored in the future to be more reusable.*/
    .LogList-check-items.LogList-item__block-link+.LogList-title {
        margin-top: 5px;
    }
    .LogList-title .util,
    .LogList-type  .util {
        float: right;
        position: relative;
        margin-top: -2px;
    }
    .LogList-title .util .bttn,
    .LogList-type .util .bttn {
        margin: 0;
        line-height: 1;
        font-weight: bold;
        font-size: 13px;
        padding: 4px 8px 3px;
        text-transform: uppercase;
        letter-spacing: 0.1em;
        border-radius: 100px;
        display: block;
    }
    .LogList.watched .LogList-type .bttn.bttn-link {
        text-transform: none;
        font-size: 12px;
        padding: 0;
        margin-left: 5px;
    }

    /* User Summary journey additions */
    .LogList-item-inner.is-active-project-event {
        background-color: #7759a1;
    }

    .LogList-item-inner.is-active-project-event a,
    .LogList-item-inner.is-inactive-project-event a {
        font-weight: bold;
        text-decoration: underline;
    }

    .LogList-item-inner.is-active-project-event,
    .LogList-item-inner.is-active-project-event a,
    .LogList-item-inner.is-active-project-event a:hover,
    .LogList-item-inner.is-active-project-event a:focus {
        color: #fff;
    }

    .LogList-item-inner.is-inactive-project-event {
        background-color: #676d7e;
    }

    .LogList-item-inner.is-inactive-project-event,
    .LogList-item-inner.is-inactive-project-event a,
    .LogList-item-inner.is-inactive-project-event a:hover,
    .LogList-item-inner.is-inactive-project-event a:focus  {
        color: #c9cedb;
    }

/**––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
/**GLOBAL COMPONENTS - INFOBOXES*/

    .infobox {
        margin: 35px auto;
        padding: 35px 35px 35px 70px;
        border-radius: var(--border-radius-lg);
        border: 1px solid;
    }

    .infobox .infobox-inner {
        position: relative;
    }

    .infobox .infobox-title {
        margin-bottom: 15px;
        font-size: 20px;
        font-weight: 700;
        line-height: 1;
    }

    .infobox .infobox-icon {
        position: absolute;
        width: 26px;
        height: auto;
        left: -42px;
        top: 0;
    }

    .infobox .infobox-body {
        font-size: 16px;
        font-weight: 400;
        line-height: 1.6;
        text-wrap: pretty;
    }

    .infobox .infobox-button-wrapper {
        margin-top: 15px;
    }

    .infobox .infobox-button {
        min-height: 36px;
        padding: 5px 20px;
        border-radius: var(--border-radius-full);
        font-size: 16px;
        letter-spacing: .03em;
        font-weight: 600;
        -moz-animation:all .1s linear;
        animation:all .1s linear;
        box-shadow: var(--shadow-element-blocky);
    }

    .infobox a.infobox-button {
        display: inline-block;
        vertical-align: middle;
        line-height: 1.7;
        text-decoration: none;
        cursor: pointer;
    }

    .infobox .infobox-button:hover {
        opacity: .75;
    }

    .infobox .infobox-link {
        font-weight: bold;
        text-decoration: underline;
    }

    .infobox .infobox-button + .infobox-link {
        margin-left: 15px;
    }

    .infobox a:not(.infobox-button):not(.infobox-link) {
        text-decoration: underline;
        font-weight: bold;
        color: inherit !important;
    }

    .infobox a:hover,
    .infobox a:focus {
        opacity: .75 !important;
    }

    .infobox ul {
        margin: 0;
    }

    .infobox.info-validation ul {
        margin-top: 10px;
    }

    .infobox ul li {
        margin-bottom: 10px;
    }

    .infobox ul li:last-child {
        margin-bottom: 0;
    }

    .info-body-only,
    .infobox:not(:has(.infobox-title)) {
        padding: 20px 20px 20px 70px;
    }

    .info-header {
        margin: -70px -70px 70px;
        padding: 35px 70px;
        border-top-right-radius: var(--border-radius-lg);
        border-top-left-radius: var(--border-radius-lg);
        border-bottom-left-radius: 0;
        border-bottom-right-radius: 0;
        border-top: none;
        border-left: none;
        border-right: none;
    }

    .info-page-fill {
        width: inherit;
        margin: -70px -70px -70px;
        padding: 20px 70px;
        border-radius: var(--border-radius-lg);
        border: none;
    }

    .info-validation.info-page-fill {
        margin-bottom: -66px;
    }

    .infobox.info-header ~ .infobox.info-header,
    .infobox.info-header ~ div .top-corners-rounded,
    .infobox.info-header ~ div.top-corners-rounded,
    .well + .form-dynamic .infobox:first-child,
    .infobox.info-header + .section--is-unpublished-preview .infobox.info-header,
    .infobox.info-header + .section .section-content .InlineHelp.negxlarge .InlineHelp-outer,
    .infobox.info-header + .InlineHelp.negxlarge .InlineHelp-outer,
    .form-createquestion__select--outer.negxlarge + .section .section-content .InlineHelp .InlineHelp-outer {
        border-radius: 0px !important;
    }

    .infobox.info-header ~ .template-source h5 {
        margin-top: 0;
    }

    .infobox.info-tip {
        background-color: #e6f1f3;
        border-color: rgba(0, 109, 135, .3);
    }

    .infobox.info-tip .infobox-title {
        color: #006D87;
    }

    .infobox.info-tip .infobox-icon {
        content: url('/global/style/icons/font-awesome-v6.4.2/svgs/duotone/custom/fa-lightbulb-on.svg');
    }

    .infobox.info-tip .infobox-title+.infobox-icon {
        top: -1px;
    }

    .infobox.info-tip .infobox-button {
        background-color: #e6f1f3;
        color: #006D87;
        border: 1px solid #006D87;
    }

    .infobox.info-blueprint {
        background: url("/images/css/infobox-blueprint-tile.png") 0% 0% / 20px 20px repeat;
        border-color: #006D87;
    }

    .infobox.info-blueprint .infobox-title {
        color: #324F8A;
    }

    .infobox.info-blueprint .infobox-icon {
        content: url('/global/style/icons/font-awesome-v6.4.2/svgs/duotone/custom/fa-compass-drafting.svg');
    }

    .infobox.info-blueprint .infobox-title + .infobox-icon {
        top: -1px;
    }

    .infobox.info-blueprint .infobox-button {
        background-color: #324F8A;
        border: 1px solid #324F8A;
        color: #ffffff;
    }

    .infobox.info-blueprint .infobox-button-wrapper .infobox-link {
        color: #324F8A;
    }

    .infobox.info-reminder {
        background-color: #FBF5E8;
        border-color: rgba(209, 151, 19, .3);
    }

    .infobox.info-reminder .infobox-title {
        color: #D19713;
    }

    .infobox.info-reminder .infobox-icon {
        content: url('/global/style/icons/font-awesome-v6.4.2/svgs/duotone/custom/fa-note-sticky.svg');
        top: -2px;
    }

    .infobox.info-reminder .infobox-title+.infobox-icon {
        top: -5px;
    }

    .infobox.info-reminder .infobox-button {
        background-color: #FBF5E8;
        color: #D19713;
        border: 1px solid #D19713;
    }

    .infobox.info-warning {
        background-color: #FAEFE7;
        border-color: rgba(196, 88, 10, .3);
    }

    .infobox.info-warning .infobox-title {
        color: #C4580A;
    }

    .infobox.info-warning .infobox-icon {
        content: url('/global/style/icons/font-awesome-v6.4.2/svgs/duotone/custom/fa-circle-exclamation.svg');
    }

    .infobox.info-warning .infobox-title+.infobox-icon {
        top: -3px;
    }

    .infobox.info-warning .infobox-button {
        background-color: #FAEFE7;
        color: #C4580A;
        border: 1px solid #C4580A;
    }

    .infobox.info-validation {
        background-color: #F7EAEA;
        border-color: rgba(169, 38, 38, .3);
    }

    .infobox.info-validation .infobox-title {
        color: #A92626;
    }

    .infobox.info-validation .infobox-icon {
        content: url('/global/style/icons/font-awesome-v6.4.2/svgs/duotone/custom/fa-bomb.svg');
    }

    .infobox.info-validation .infobox-title+.infobox-icon {
        top: -5px;
    }

    .infobox.info-validation .infobox-button {
        background-color: #F7EAEA;
        color: #A92626;
        border: 1px solid #A92626;
    }

    .infobox.info-personal {
        background-color: #EEEBF1;
        border-color: rgba(85, 49, 114, .3);
    }

    .infobox.info-personal .infobox-title {
        color: #553172;
    }

    .infobox.info-personal .infobox-icon {
        content: url('/global/style/icons/font-awesome-v6.4.2/svgs/duotone/custom/fa-house-person-return.svg');
    }

    .infobox.info-personal .infobox-button {
        background-color: #EEEBF1;
        color: #553172;
        border: 1px solid #553172;
    }

    .infobox.info-upsell,
    .infobox.info-media {
        background-color: #E6F3F1;
        border-color: rgba(0, 131, 115, .3);
    }

    .infobox.info-upsell .infobox-title,
    .infobox.info-media .infobox-title {
        color: #008373;
    }

    .infobox.info-upsell .infobox-icon {
        content: url('/global/style/icons/font-awesome-v6.4.2/svgs/duotone/custom/fa-arrow-up-from-arc.svg');
    }

    .infobox.info-media .infobox-icon {
        content: url('/global/style/icons/font-awesome-v6.4.2/svgs/duotone/custom/fa-camera-retro.svg');
    }

    .infobox.info-upsell .infobox-title+.infobox-icon {
        top: -1px;
    }

    .infobox.info-media .infobox-title+.infobox-icon {
        top: -4px;
    }

    .infobox.info-upsell .infobox-button,
    .infobox.info-media .infobox-button {
        background-color: #E6F3F1;
        color: #008373;
        border: 1px solid #008373;
    }

    .infobox.info-private {
        background-color: #EBEEF4;
        border-color: rgba(50, 79, 138, .3);
    }

    .infobox.info-private .infobox-title {
        color: #324F8A;
    }

    .infobox.info-private .infobox-icon {
        content: url('/global/style/icons/font-awesome-v6.4.2/svgs/duotone/custom/fa-signature-lock.svg');
    }

    .infobox.info-private .infobox-button {
        background-color: #EBEEF4;
        color: #324F8A;
        border: 1px solid #324F8A;
    }

    .info-validation + #FBMainForm .infobox,
    .page .info-validation + .form-dynamic .infobox:first-child {
        border-top-left-radius: 0;
        border-top-right-radius: 0;
        border-bottom-left-radius: 0;
        border-bottom-right-radius: 0;
    }

     div[data-non-disclosure-agreement-warning-container] .bttn {
        background-color: #C4580A;
        border: 1px solid #fff;
    }

    .fbpredict .infobox.info-color {
        border-radius: 0;
        padding: 30px 70px;
        opacity: 1;
    }

    .sitecontent .pagetopbar .infobox {
        margin: 0 0 20px;
        padding: 30px 70px;
        border: none;
        box-shadow: var(--shadow-panel)
    }

    .pagetopbar .infobox.info-reminder .infobox-icon {
        top: 2px;
    }

    .infobox.info-color .infobox-inner,
    .pagetopbar .infobox-inner {
        display: table;
        width: 100%;
    }

    .infobox.info-color .infobox-body,
    .pagetopbar .infobox-body {
        display: table-cell;
        vertical-align: middle;
        font-size: 18px;
    }

    .infobox.info-color .infobox-button-wrapper,
    .pagetopbar .infobox-button-wrapper {
        display: table-cell;
        vertical-align: middle;
        text-align: right;
    }

    .infobox.info-color:last-child {
        margin-bottom: 4px!important;
    }

    .infobox.info-color .infobox-body,
    .pagetopbar .infobox-body {
        white-space: pre-wrap;
    }

    .infobox.info-color .infobox-button {
        background-color: #fff;
    }

    .infobox.text-dark .infobox-inner,
    .infobox.text-dark .info__content {
        color: #1F232F!important;
    }

    .infobox.text-light .infobox-inner,
    .infobox.text-light .info__content {
        color: #fff!important;
    }

    .hidden .infobox {
        margin-left: 0;
        margin-right: 0;
    }

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

    .infobox.info-center ul,
    .infobox.info-center ol {
        text-align: center;
        list-style-type: none;
        margin: 0;
        padding: 0;
        margin: 20px 0;
    }

    .ui-dialog .ui-dialog-content .infobox {
        margin: -40px -40px 40px -40px;
        padding: 30px 40px 30px 70px;
        width: unset;
        border-radius: 0px;
    }

    .ui-dialog[data-ui-content="discard-results"] .ui-dialog-titlebar,
    .ui-dialog[data-ui-content="reset-survey"] .ui-dialog-titlebar,
    .ui-dialog[data-ui-content="remove-response"] .ui-dialog-titlebar {
        border-bottom: none;
    }

    .form-message {
        padding: 30px 70px;
        color: #676D7E;
        background-color: #EEF0F3;
    }

    .pagetopbar-text {
        text-align: center;
        padding: 14px 20px 13px;
        line-height: 1.6;
        border-radius: 9px;
    }

    .pagetopbar-inactive {
        background-color: #B5B7BD;
        color: #737682;
    }

    .pagetopbar a {
        font-weight: bold;
    }

    .pagetopbar-highlight {
        background-color: #67AEEB;
        color: #fff;
    }

    .pagetopbar-highlight.pagetopbar-report a {
        color: #fff;
    }

    .pagetopbar-highlight.pagetopbar-report a:hover {
        color: #fff;
        text-decoration: underline;
    }

    .login-widget-message {
        margin: 0px -70px;
        padding: 20px 70px;
        font-size: 24px;
        line-height: 1.6;
        text-align: center;
        color: #fff;
    }

    .login-widget-warning {
        background-color: #D95151;
        border-bottom: 5px solid #A92626;
    }

    .login-widget-success {
        background-color: #008373;
        border-bottom: 5px solid #005252;
    }

    .landing-page-message {
        margin: 0px -70px 20px;
        padding: 30px 70px;
        font-size: 16px;
        line-height: 1.6;
        background-color: #67AEEB;
        color: #fff;
    }

    .landing-opportunity-message {
        margin: 0 -70px;
        padding: 30px 70px;
        font-size: 24px;
        text-align: center;
        color: #676D7E;
        background-color: #EEF0F3;
    }

    .feedback-discussion-validation {
        background-color: #D95151;
        color: #fff;
        margin: 0;
        padding: 30px 70px;
        line-height: 1.6;
    }

/**––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
/**GLOBAL COMPONENTS - INLINE HELP*/

    /*INLINE HELP DIVS*/
    .InlineHelp {
        display: none;
        /*whitespace - outer*/
        margin-left: -70px;
        margin-right: -70px;
    }
    .InlineHelp-outer {
        /*background*/
        background: #f9ea9d;
        /*whitespace - inner*/
        padding: 20px 70px;
        /*formatting*/
        color: #292929;
    }
    .InlineHelp-inner {
        /*positioning*/
        display: table;
        width: 100%;
        /*formatting*/
        line-height: 1.4;
    }

    .InlineHelp__icon {
        /*positioning*/
        display: table-cell;
        vertical-align: middle;
        /*dimensions*/
        width: auto;
        /*formatting*/
        font-size: 3em;
        opacity: .8;
        /*whitespace*/
        line-height: 1;
        margin: 0 .25rem 0 0;
        margin-right: 20px;
    }

    .InlineHelp__body {
        /*positioning*/
        display: table-cell;
        vertical-align: middle;
    }

    .InlineHelp__header {
        /*formatting*/
        font-weight: bold;
        /*whitespace*/
        margin: -.14285em 0 0;
    }

    .InlineHelp__button {
        /*whitespace - outer*/
        margin-top: 0;
    }

    .InlineHelp.negxlarge > .InlineHelp-outer {
        border-top-left-radius: 6px;
        border-top-right-radius: 6px;
    }

    /*INLINE HELP BODY CONTENTS*/
    .InlineHelp .InlineHelp__body a,
    .InlineHelp .InlineHelp__body a:active {
        /*note: necessary to increase specificity*/
        color: #292929;
        text-decoration: underline;
    }

    .InlineHelp .InlineHelp__body a:hover,
    .InlineHelp .InlineHelp__body a:focus {
        /*note: necessary to increase specificity*/
        color: #292929;
        text-decoration: none;
    }

    .InlineHelp__body *:last-child {
        margin-bottom: 0;
    }

    .InlineHelp[style*="display: block"] + .infobox.info-header,
    .InlineHelp[style*="display: block"] + #div_teamtype_txt .infobox.info-header,
    .InlineHelp[style*="display: block"] + .form-createquestion__select--outer.negxlarge {
        border-radius: 0px!important;
    }

/**––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
/**3RD PARTY COMPONENTS - JGROWL*/
    .jGrowl {
        font-family: var(--cc-font-family);
    }

    .jGrowl.cc-jGrowl-theme-dark-outer.top-right {
        margin-right: 10px;
        margin-left: 10px;
        padding-right: 10px;
        padding-left: 10px;
        min-width: 400px;
        max-width: 550px;
    }

    .jGrowl.cc-jGrowl-theme-dark-outer.center .jGrowl-notification {
        min-width: 400px;
        max-width: 550px;
    }

    .jGrowl-notification.cc-jGrowl-theme-dark {
        /*NOTE: higher specifity necessary until .alert is cleaned up*/
        /*NOTE: this main outer for ever notification*/
        white-space:normal;
        opacity: 1;
        /*formatting*/
        font-size: 16px;
        /*positioning*/
        position: relative;
        display: table;
        width: auto;
        min-width: 400px;
        /*background*/
        background: #4C5163;
        /*dimensions*/
        min-height: 65px;
        /*border*/
        border-radius: var(--border-radius-lg);
        border: none;
        /*shadow*/
        box-shadow: var(--shadow-panel);
        /*animation*/
        -moz-transition: all 0.3s;
        -webkit-transition: all 0.3s;
        transition: all 0.3s;
    }
    .jGrowl-notification.cc-jGrowl-theme-dark:hover {
        /*NOTE: higher specifity necessary until .alert is cleaned up*/
        -webkit-transform: scale(1.02);
        transform: scale(1.02);
    }
    .cc-jGrowl-theme-dark .jGrowl-close {
        display: none;
    }
    .cc-jGrowl-theme-dark .cc-jGrowl-has-header{
        margin-bottom: 5px;
    }
    .cc-jGrowl-left {
        display: table-cell;
        vertical-align: middle;
        padding-right: 10px;
        width: 54px;
        text-align: center;
    }
    .cc-jGrowl-right {
        display: table-cell;
        vertical-align: middle;
    }
    .cc-jGrowl-left .cc-jGrowl-icon-outer {
        display: flex;
        align-items: center;
        justify-content: center;
        color: #fff;
        border-radius: 20px;
        height: 40px;
        width: 40px;
        position: relative;
        z-index: 1;
        font-size: 24px;
    }
    .cc-jGrowl-icon-outer:after {
        content: "";
        border-radius: 20px;
        display: block;
        background: #fff;
        position: absolute;
        top: 0;
        left: 0;
        z-index: -1;
        height: 100%;
        width: 100%;
    }
    /**JGROWL - ICON - COLORS*/
        .ui-state-success .cc-jGrowl-icon-outer i {
            color: #32B588;
        }
        .ui-state-warning .cc-jGrowl-icon-outer i {
            color: #E88945;
        }
        .ui-state-error .cc-jGrowl-icon-outer i {
            color: #D95151;
        }
        .ui-state-alert .cc-jGrowl-icon-outer i {
            color: #F4D768;
        }
        .ui-state-highlight .cc-jGrowl-icon-outer i {
            color: #6785B9;
        }

/**––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
/**3RD PARTY COMPONENTS - INTERCOM*/
    #intercom-container {
        z-index: 7999999 !important;
    }

/**––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
/**FORM ELEMENTS*/

    /**Screen Readers*/
        .sr-only {position: absolute;width: 1px;height: 1px;padding: 0;margin: -1px;overflow: hidden;clip: rect(0,0,0,0);border: 0;}
        .sr-only-focusable:active,.sr-only-focusable:focus {position: static;width: auto;height: auto;margin: 0;overflow: visible;clip: auto;}
    /**Layout*/
        .form-horizontal .form-group:after,.form-horizontal .form-group:before,.form-row:after,.form-row:before {display: table;content: " ";clear:both;} /*clears floats*/ /*DOING: remove after removing form-group to form-item*/
        .form-horizontal .form-item:after,.form-horizontal .form-item:before,.form-row:after,.form-row:before {display: table;content: " ";clear:both;} /*clears floats*/
        .form-row {display:table;width:100%;border-collapse:separate;}
        .form-row:after {content:"";display:table;clear:both;}
        .form-item .form-item-column-2 {
            width: 50%;
            display: inline-block;
            float: left;
        }
        .form-item .form-inline.itemhard .value {
            margin-top: 0px;
        }
        .form-inline.form-preview {
            padding-top: 10px;
        }
        /*Backup*/
        .form-row [class^=col-] {border: 5px solid transparent;border-bottom: none;border-top: none;}
        /*New*/
        .form-row [class^=col-] {display:block;vertical-align:bottom;float:left;}
        /**Transparent Borders*/
            .form-row [class^=col-] {border: 10px solid transparent;border-bottom: none;border-top: none;border-right:none;}
            .form-row [class^=col-]:first-child,
            .form-row [class^=col-]:first-of-type {
                border-left: none;
            }
            .form-row [class^=col-]:last-child {border-right:none;}
            @media (max-width: 650px) {
                .form-row .col-md-12 {border-left:none;}
            }
        /*RETIRE - DOING: remove after replacing form-group w/ form-item. continue to use form-group as a parent wrapper of multiple form-item*/
            .form-group {margin-bottom: 15px;}
        /*KEEP*/
            .form-group {margin-bottom: 0;}
            .form-group:after {content:"";display:table;clear:both;}
            .form-horizontal .form-group {
                margin-right: -15px;
                margin-left: -15px;
            }
            .form-horizontal .form-item {
                margin-right: -15px;
                margin-left: -15px;
            }
            .form-horizontal .control-label {
                padding-top: 7px;
                margin-bottom: 0;
                text-align: right;
            }
            .form-label-stacked .ui-spinner {width: 100%;display:block;}
    /**Form Label*/
        /*This class should be applied to the label class to free up generic labels from having to reset for any future use*/
        .form-label {
            font-size: 15px; /*remove this once css applied to generic label tag is phased out*/
        }
        .item .form-label {
            font-weight: normal;
            font-size: 15px;
        }
        .form-err-row .form-label {
            color: #D95151;
        }
        .form-err-row .form-control {
            color: #D95151!important;
            background-color: #fdf7f7!important;
            border: 1px solid #D95151!important;
            height: 45px;
            box-shadow: inset 0 1px 1px rgba(0,0,0,.075)!important;
        }
        .form-err-row .form-control:focus {
            box-shadow: var(--shadow-element-error-focus-blocky) !important;
        }
        .form-err-row-bttn .bttn {
            /*NOTE: Use this class along with .form-err-row when
             *      a button displayed in the same row should
             *      also receive a red highlight on form error*/
            /*NOTE: This button will not receive red colors on
             *      hover/focus states. This is by design.*/
            /*DECISION: Too early to assume that this style can
             *          be assumed at all times when the existing
             *          .form-err-row is present. Introducing this
             *          separate class will help validate that rule
             *          as the application grows*/
            color: #D95151!important;
            background-color: #fdf7f7!important;
            border-color: #D95151!important;
        }
    /**Form Label Control*/
        .control-label h5 {
            margin-top: 6px;
            margin-bottom: 6px;
        }
        .form-req h5:after {
            content:" *";
            color: #D95151;
        }
    /**Form Label Inline*/
        .form-label-inline {padding-left:10px;line-height: 44px;display: inline-block;}
        .form-label-inline+[id*="divTwoText"]{padding-left:10px;}
        .selectpicker+.form-label-inline{padding-right:10px;}
    /**Form FILTER UI*/ /*TODO: REFACTOR HTML FOR ADD A FILTER UI*/
        .section [data-form-combotype="and"] .form-label-inline {padding:0 10px;vertical-align: middle;}
        .section #filitems [id*="divShowIfDate"] {white-space:nowrap;}
        .section #filitems [id*="divShowIfDate"] .date {display:inline-block;width:auto!important;}
        .section #filitems [id*="divShowIfDate2"] {margin-top:5px;}
        .section #filitems [data-form-combotype] {white-space:nowrap;}
        .section #filitems [data-form-combotype] > * {display:inline-block;}
        .section #filitems [data-form-combotype] input {width:auto!important;}
    /**Form Control*/
        .form-checkbox input[type="file"]:focus,
        .form-checkbox input[type="checkbox"]:focus,
        .form-checkbox input[type="radio"]:focus {
            outline: thin dotted;
            outline: 5px auto #66AFE9;
            outline-offset: 2px;
        }
        /**TEXTBOXES*/
        input[type="password"],
        input[type="text"],
        input[type="tel"] {
            max-width: 100%;
            box-sizing: border-box;
            height: 44px;
            margin: 0;
            padding: 12px 15px 12px;
            line-height: 1.2;
            color: #1F232F;
            background-color: #F7F8F9;
            border: 1px solid #E4E6EC;
            outline: 0;
            -webkit-appearance: none;
            -moz-appearance: none;
            -ms-appearance: none;
            appearance: none;
            border-radius: var(--border-radius-md);
            box-shadow: var(--shadow-element-blocky);
        }
        /**SELECT DROP DOWNS*/
        select:not([multiple]) {
            box-sizing: border-box;
            height: 44px;
            margin: 0;
            padding: 12px 15px 12px;
            line-height: 1.2;
            color: #1F232F;
            background-color: #F7F8F9;
            border: 1px solid #E4E6EC;
            outline: 0;
            transition: .2s;
            -webkit-appearance: none;
            -moz-appearance: none;
            -ms-appearance: none;
            appearance: none;
            background-image: url("/images/css/elem-select-gray.svg?3"), none;
            background-repeat: no-repeat;
            background-size: 16px auto;
            background-position: right 12px center;
            padding-right: 40px;
            border-radius: var(--border-radius-md);
            box-shadow: var(--shadow-element-blocky);
        }
        select::-ms-expand {
            display: none;
        }
        /**TEXTAREAS*/
        textarea,
        textarea.mtxt {
            padding: 12px 15px 12px;
            box-shadow: var(--shadow-element-blocky);
        }
        /**STATIC FORM STYLES*/
        .formtable td.item input[type="password"],
        .formtable td.item input[type="text"],
        .formtable td.item select,
        .formtable td.item textarea
        {width: 100%;}
        .formtable td.item .form-inline .form-control
        {width:auto;}
        input[type="text"].date {width: 220px!important;}
        select.form-perioddays,
        select#PhaseCapacity
        {width: auto!important;}
        /**/
        .form-dynamic input[type="text"].full,
        .form-item input[type="text"],
        .form-item select,
        .listin .rownew.platform select,
        .form-control.ui-spinner-input,
        .pageid1061 .formtable select:not([multiple]),
        .pageid3566 .formtable select:not([multiple]),
        .form-row select:not([multiple]),
        .form-control,
        .section input[type="text"]:not(.form-control),
        .section input[type="textbox"]:not(.form-control),
        .section input[type="password"]:not(.form-control),
        .section input[type="date"]:not(.form-control),
        .section input[type="datetime-local"]:not(.form-control),
        .section input[type="month"]:not(.form-control),
        .section input[type="time"]:not(.form-control),
        .section input[type="week"]:not(.form-control),
        .section input[type="email"]:not(.form-control),
        .section input[type="number"]:not(.form-control),
        .section input[type="search"]:not(.form-control),
        .section input[type="tel"]:not(.form-control),
        .section input[type="url"]:not(.form-control),
        .section input.text:not(.form-control),
        .section input.email:not(.form-control),
        .section input.password:not(.form-control),
        .section textarea:not(.form-control),
        .section select:not([multiple]):not(.form-control),
        .dt-modal-body select:not([multiple]):not(.form-control)
        {width: 100%;}
        .form-item input[type="text"],
        .form-item select,
        .listin .rownew.platform select,
        .form-control.ui-spinner-input,
        .pageid1061 .formtable select:not([multiple]),
        .pageid3566 .formtable select:not([multiple]),
        .form-row select:not([multiple]),
        .form-control,
        .section input[type="text"]:not(.form-control),
        .section input[type="textbox"]:not(.form-control),
        .section input[type="password"]:not(.form-control),
        .section input[type="date"]:not(.form-control),
        .section input[type="datetime-local"]:not(.form-control),
        .section input[type="month"]:not(.form-control),
        .section input[type="time"]:not(.form-control),
        .section input[type="week"]:not(.form-control),
        .section input[type="email"]:not(.form-control),
        .section input[type="number"]:not(.form-control),
        .section input[type="search"]:not(.form-control),
        .section input[type="tel"]:not(.form-control),
        .section input[type="url"]:not(.form-control),
        .section input.text:not(.form-control),
        .section input.email:not(.form-control),
        .section input.password:not(.form-control),
        .section textarea:not(.form-control),
        .section select:not([multiple]):not(.form-control),
        .dt-modal-body select:not([multiple]):not(.form-control) {
            box-sizing: border-box;
            height: 44px;
            margin: 0;
            padding: 12px 15px 12px;
            line-height: 1.2;
            color: #1F232F;
            background-color: #F7F8F9;
            border: 1px solid #E4E6EC;
            outline: 0;
            -webkit-transition: box-shadow .2s ease;
            transition: box-shadow .2s ease;
            -webkit-appearance: none;
            -moz-appearance: none;
            -ms-appearance: none;
            appearance: none;
            border-radius: var(--border-radius-md);
            box-shadow: var(--shadow-element-blocky);
        }
        .section textarea:not(.form-control) {height:auto;} /*TODO: REMOVE AFTER REFACTOR*/
        .form-row:first-child .sr-only + .form-control,
        .form-row:first-child .sr-only + .input-group
        {margin-top:0;}
        /**Textarea*/
        textarea.form-control {
            height: auto;
        }

        .form-err .form-control.mtxt {
            border-color: #D95151;
            background-color: #fdf7f7;
        }

        .form-err .form-control.mtxt:focus {
            box-shadow: var(--shadow-element-error-focus-blocky) !important;
        }

        .is-code-mode .mtxt {
            background-color: #111;
            color: #C9CEDB;
            font-family: monospace;
            font-size: 14px;
            overflow-x: auto;
            -moz-tab-size: 4;
            -o-tab-size: 4;
            tab-size: 4;
            white-space: pre;
        }
        .form-req.form-err .is-code-mode .mtxt {
            background-color: #111 !important; /*Need imporant because form-err is also important, need to keep black background*/
        }

        #TesterGoalContainer .form-inline {
            display:  flex;
        }
        #TesterGoal {
            display:  flex;
            flex-grow: 1;
        }

        /**Redactor*/
        .redactor-box textarea {background: #111!important;width: 100%!important;border-radius: 0 0 4px 4px;padding: 8px;}
        .redactor-toolbar {border: 1px solid #C9CEDB;top: -2px;border-radius: 4px 4px 0 0;box-shadow: none;border-bottom: none;}
        .redactor-toolbar.toolbar-fixed-box{border-radius:0;box-shadow: 0 2px 3px 0 rgba(0,0,0,0.08);border-bottom: 1px solid #D8DCE5;}
        .redactor-ui-oneline li a.fa-redactor-btn {padding: 13px 15px 14px;border-radius: 0 3px 3px 0;}
        @-moz-document url-prefix() {
            .redactor-ui-oneline li a.fa-redactor-btn {line-height:12px;}
        }
        .redactor-ui-oneline .redactor-toolbar {top: 0;border-radius: 0 3px 3px 0;box-shadow: none;border: 1px solid #C9CEDB;}
        .redactor-editor {background-color: #F7F8F9;border-radius: 0 0 4px 4px;border: 1px solid #D8DCE5;}
        .form-req.form-err .redactor-editor {border-color: #D95151;background-color: #fdf7f7;}
        .form-req.form-err .redactor-editor:focus {box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #e27c79;}
        /**Select Multi Pair*/
        .form-select-multi-pair select[multiple] {
            height: 240px;
        }
        /**Select Drop Down*/
        .form-item select,
        .rownew.platform select,
        .form-row select:not([multiple]),
        .pageid1061 .formtable select:not([multiple]),
        .pageid3566 .formtable select:not([multiple]),
        .layout-distfree .section select:not([multiple]):not(.form-control),
        select:not([multiple]).form-control,
        .dt-modal-body select:not([multiple]) {
            background-repeat: no-repeat;
            background-size: 16px auto;
            background-position: right 12px center;
            padding-right: 33px;
        }
        /**FORM - SELECT AUTO SUGGEST*/
            .select2-results__option {
                /*NOTE: THIS ELEMENT IS NOT A CHILD OF .form-item
                 *      ELEMENT IS ADDED TO DOM DYNAMICALLY VIA JS*/
                margin: 0;
                padding: 8px 10px;
                color: #1F232F;
            }

            .select2-container--default .select2-results__option .select-option-locked:after,
            select .select-option-locked:after {
                position: absolute;
                font-family: "Font Awesome 6 Pro";
                font-weight: 300;
                content: "\f023";
                top: 0;
                right: 0;
            }

            .select2-dropdown {
                overflow: hidden;
                border-color: #D8DCE5;
            }

            .select2-search--dropdown {
                color: #1F232F;
            }
            .select2-search--dropdown .select2-search__field {
                /*NOTE: THIS ELEMENT IS NOT A CHILD OF .form-item
                 *      ELEMENT IS ADDED TO DOM DYNAMICALLY VIA JS*/
                padding: 12px 10px;
                border-radius: 4px;
            }

            .select2-search--dropdown .select2-search__field:focus,
            .select2-selection--multiple .select2-search__field:focus {
                box-shadow: none !important;
            }

            .select2-selection--multiple .select2-search__field:focus {
                border: none !important;
            }

            .form-item .select2-selection--single,
            .form-item .select2-selection--multiple {
                min-height: 44px;
            }

            .pagetoolbar .select2-selection--single {
                min-height: 34px;
            }

            .form-item .select2-selection--single,
            .form-item .select2-selection--multiple,
            .form-item .select2-container--default.select2-container--focus .select2-selection--multiple.pagetoolbar,
            .pagetoolbar .select2-selection--single {
                padding: 0;
                background-color: #F7F8F9;
                border: 1px solid #E4E6EC;
                -webkit-transition: box-shadow .2s ease;
                transition: box-shadow .2s ease;
                -webkit-appearance: none;
                -moz-appearance: none;
                -ms-appearance: none;
                appearance: none;
                outline: none;
                border-radius: var(--border-radius-md);
                box-shadow: var(--shadow-element-blocky);
            }

            .form-inline-icon-label-prefix .select2-selection {
                border-top-left-radius: 0;
                border-bottom-left-radius: 0;
            }

            .form-item .select2-selection--multiple ul li {
                margin-left: initial;
                margin-bottom: initial;
            }

            .form-item .select2-container--default .select2-selection--multiple .select2-selection__choice {
                margin-top: 0;
            }

            .form-item .select2-container--default.select2-container--focus .select2-selection--multiple input {
                /* border: initial; */
                outline: none;
            }

            .form-item .select2-container .select2-selection--single .select2-selection__rendered,
            .form-item .select2-container .select2-selection--multiple .select2-selection__rendered {
                padding: 12px 33px 12px 15px;
                line-height: 1.2;
                color: #1F232F;
            }

            .pagetoolbar .select2-selection--single .select2-selection__rendered {
                padding: 7px 15px 7px;
                line-height: 1.2;
                color: #1F232F;
                height: 100%;
            }

            .form-item .select2-container .select2-selection--multiple {
                padding: 3px 5px 6px 10px;
            }

            .form-item .select2-container .select2-selection--multiple .select2-selection__rendered {
                margin: 0;
                padding: 0;
            }

            .form-item .select2-container .select2-selection--multiple .select2-search--inline {
                display: inline-block;
            }

            .form-item .select2-container .select2-selection--multiple .select2-selection__rendered .select2-selection__choice {
                background-color: #e4e6ec;
                border-color: #aab1c1;
                border-radius: var(--border-radius-base);
                font-size: 13px;
                margin: 5px 0 0 5px;
                padding: 4px 7px;
            }

            .select2-container--default .select2-selection--multiple .select2-search--inline {
                margin-left: 5px;
            }

            .select2-container .select2-search--inline .select2-search__field {
                margin: 0;
                border-radius: 0;
                margin-top: 9px;
            }

            .form-item .select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
                color: #888f9f;
                margin-right: 4px;
                color: #999;
                cursor: pointer;
                display: inline-block;
                font-weight: bold;
                position: relative;
                border: none;
                padding: 0;
            }

            .form-item .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover {
                color: #4c5163;
                background-color: inherit;
            }

            .form-item .select2-container .select2-selection--multiple .select2-selection__rendered input {
                margin-top: 0;
            }

            .form-item .select2-container--default .select2-selection--single .select2-selection__arrow,
            .form-item .select2-container--default .select2-selection--multiple .select2-selection__arrow,
            .pagetoolbar .select2-container--default .select2-selection__arrow .select2-selection__arrow {
                height: 26px;
                position: absolute;
                top: 8px;
                right: 1px;
                width: 20px;
            }
            .form-item .select2-container--default .select2-selection--single .select2-selection__arrow b,
            .form-item .select2-container--default .select2-selection--multiple .select2-selection__arrow b,
            .pagetoolbar .select2-container--default .select2-selection__arrow b {
                margin-left: -18px;
                margin-top: -3px;
                border: none;
                width: 16px;
                height: 10px;
                background-image: url(/images/css/elem-select-gray.svg?3), none;
                background-repeat: no-repeat;
                background-size: 16px auto;
            }

            .pagetoolbar .select2-container--default .select2-selection__arrow b {
                margin-left: -15px;
                margin-top: -1px;
            }

            .form-item .select2-container--default .select2-selection--single .select2-selection__clear,
            .form-item .select2-container--default .select2-selection--multiple .select2-selection__clear {
                font-size: 30px;
                margin-right: 40px;
                position: absolute;
                right: 0;
                top: 0;
                margin-top: 5px;
            }

            .form-item .select2-container--default .select2-selection--multiple .select2-selection__clear {
                padding: 0;
                margin: 2px 12px 0 0;
            }

            .form-item .select2-container--default.select2-container--disabled .select2-selection--multiple,
            .form-item .select2-container--default.select2-container--disabled .select2-selection--multiple .select2-search__field {
                background: #EEF0F3;
            }

            .form-item .select2-container--default.select2-container--disabled .select2-selection--multiple:focus {
                outline: none;
            }

            .form-item .select2-container--default.select2-container--disabled .select2-selection--multiple .select2-selection__clear {
                display: none;
            }

            .form-item .input-group-addon + .input-group-input .select2-selection {
                border-top-left-radius: 0px;
                border-bottom-left-radius: 0px;
            }

            .group-menu-dropdown .select2-results>.select2-results__options {
                max-height: 320px;
            }

            .group-menu-dropdown .select2-results__option {
                padding: 3px 5px 3px 15px;
                font-size: 14px;
            }

            .group-menu-dropdown .select2-results__option .group-option {
                font-weight: bold;
                overflow: hidden;
                text-overflow: ellipsis;
                white-space: nowrap;
            }

            .group-menu-dropdown .select2-results__option .item-option {
                padding-left: 10px;
                overflow: hidden;
                text-overflow: ellipsis;
                white-space: nowrap;
            }

            #form-template-description,
            #form-template-description .well,
            #form-template-description .well .itemhard.hasvalue .value {
                background: #AAB1C1!important;
            }

            #form-template-description {
                margin-top: -15px;
                margin-bottom: -20px;
            }

            #form-template-description .well {
                padding-left: 0px;
            }

            #form-template-description .well .itemhard.hasvalue .value {
                padding: 15px 15px 5px 0px;
                color: #1F232F;
                margin-bottom: 15px;
                margin-top: 5px!important;
            }

            /**FORM - SELECT AUTO SUGGEST - INTERACTIVE STATES*/
            .form-item .select2-selection--single:focus,
            .form-item .select2-selection--multiple:focus,
            .select2-container--default.select2-container--focus .select2-selection--single,
            .select2-container--default.select2-container--focus .select2-selection--multiple  {
                border: 1px solid #66AFE9;
                outline: none;
                box-shadow: var(--shadow-element-focus-blocky) !important;
            }
            .select2-container--disabled .select2-selection--single:focus,
            .select2-container--disabled .select2-selection--multiple:focus {
                border: 1px solid #D8DCE5 !important;
                outline: none !important;
                box-shadow: none !important;
            }
            .select2-container--disabled .select2-selection--single,
            .select2-container--disabled .select2-selection--multiple,
            .select2-container--disabled .select2-selection--multiple input {
                cursor: not-allowed !important;
            }
            /**FORM - SELECT AUTO SUGGEST - ERROR STATES*/
            .form-err .select2-selection--single,
            .form-err .select2-selection--multiple {
                background-color: #fdf7f7;
                border: 1px solid #D95151;
                box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
            }
            .form-err .select2-container .select2-selection--single .select2-selection__rendered,
            .form-err .select2-container .select2-selection--multiple .select2-selection__rendered {
                color: #D95151;
            }
            .form-err .select2-selection--single:focus,
            .form-err .select2-selection--multiple:focus {
                border: 1px solid #D95151;
                box-shadow: var(--shadow-element-error-focus-blocky) !important;
            }

            /* SLACK INTEGRATION */
            .slack-channel-select .select2-results__option>div:before,
            .slack-channel-select .select2-selection__rendered[title]:not(:has(.select2-selection__placeholder)):before {
                content: "#";
            }

        /**DISABLED*/
        .form-item select[disabled] {
            cursor: not-allowed;
        }
        .form-item select[disabled]:not([multiple]) {
            background-color: rgba(0,0,0,0.06)
        }
        select:not([multiple]) optgroup {padding:5px;}
        select:not([multiple]) option {padding: 0 5px 0 10px;}
        select[multiple] optgroup {padding:4px;}
        .oldie.pageid1061 .formtable select:not([multiple]),
        .oldie.pageid3566 .formtable select:not([multiple]),
        .oldie.layout-distfree .section select:not([multiple]):not(.form-control),
        .oldie select:not([multiple]).form-control,
        .oldie .dt-modal-body select:not([multiple])
        {padding-right: 15px;background-image:none;}
        /**Date Picker*/
        /*TODO: REVIEW*/.section .form-control-link .form-control{float:left;width:auto;}/*TODO: REVIEW [END]*/
        .well.form-group {margin-bottom:0;}
        .well .form-item {margin-bottom:0;}
        /**DATE FIELDS*/
        .form-inline .form-date select:not([multiple]) {
            width: auto;
            padding-right: 40px;
            margin-left: 5px;
        }
        .form-inline .form-date select:not([multiple]):first-child {
            margin-left: 0;
        }
        /**CHECKBOX*/
        .form-checkbox-group {margin-top: 40px;margin-bottom: 0;} /*DOING*/
        .form-checkbox h5 {margin-top:10px;}
        .form-checkbox .form-item {margin-bottom: 10px;}
        .form-checkbox label {line-height: 1.2;}
        /**INDEPENDENT - CHECKBOX*/
        label.form-checkbox {
            font-weight: normal;
            display: block;
            margin: 0;
        }
        label.form-checkbox input[type="checkbox"] {
            margin: 10px 10px 9px 0;
        }
        /**DISABLED*/
       input[type="checkbox"][disabled],
       input[type="radio"][disabled] {
            cursor: not-allowed;
        }
        /**STATIC FORM - CHECKBOX - SINGLE COLUMN*/
        tr.form-checkbox td input[type="checkbox"],
        div.form-checkbox input[type="checkbox"] {
            position:relative;
            margin:10px 5px 10px 2px;
        }

        tr.form-checkbox td label input[type="checkbox"],
        div.form-checkbox label input[type="checkbox"] {
            margin:10px 10px 10px 2px;
        }
        /**STATIC FORM - CHECKBOX - DOUBLE COLUMN*/
        tr.form-checkbox td.item+td input[type="checkbox"] {
            position:relative;
            margin-top: 20px;
            margin-bottom:20px;
        }

        .form-checkbox.pivotal-choice {
            margin-top: 35px;
        }
        .form-checkbox.pivotal-choice label {
            display: flex;
            align-items: center;
            padding: 10px 20px;
            background-color: #D456AA;
            border-radius: var(--border-radius-lg);
            color: #fff;
        }
        .form-checkbox.pivotal-choice label .hint-icon {
            color: #fff;
        }

        .form-checkbox.pivotal-choice input[type="checkbox"]  {
            margin-left: 5px;
        }
        /**STATIC FORM - CHECKBOX - TOP WHITESPACE*/
        .form-inline+div.form-checkbox {margin-top:10px;}
        /**STYLES TO ALLOW CHECKBOX TO BE DISPLAYED LIKE A BUTTON*/
            /*
                This is heavily relying on display table properites + veritical align middle
                to get the browser to dynamically v-center position the varying checkboxes
                across browsers...
                Pixel adjustments are then applied to the text by targeting different browsers,
                since fonts are rendered slightly differently for each browser.
            */
            .form-checkbox--bttn {
                /*positioning*/
                display: table;
                /*border*/
                border-collapse: separate;
            }
            .form-checkbox--bttn .form-checkbox__label {
                /*positioning*/
                display: table-cell;
                vertical-align: middle;
                padding: 0 16px;
                /*whitespace - outer*/
                margin: 0;
            }
            .form-checkbox--bttn .form-checkbox__inner {
                /*positioning*/
                position: relative;
                display: block;
                /*whitespace - inner*/
                line-height: 16px;
            }
            .form-checkbox--bttn .form-checkbox__label .form-checkbox__check[type="checkbox"] {
                /*positioning*/
                position: absolute;
                top: 50%;
                left: 0;
                margin: 0;
                transform: translateY(-50%);
            }
            .form-checkbox--bttn .form-checkbox__text {
                /*positioning*/
                position: relative;
                top: 0.01em; /*NOTES: attempting to adjust for decenders for dynamic font sizes*/
                /*whitespace*/
                margin-left: 20px;
            }
            .form-checkbox--bttn.form-checkbox--bttn-nochk .form-checkbox__text {
                margin:0;
            }
            .form-checkbox--bttn.form-checkbox--bttn-nochk [type="checkbox"] {
                opacity: 0;
                position: absolute;
                top: 0;
                left: 0;
                width: 100%;
                height: 100%;
                margin: 0;
                cursor: pointer;
            }
            /**FORM ROW PARENT*/
                .form-row .form-checkbox--bttn .form-checkbox__label.bttn {
                    line-height: 44px; /*for vertical alignment*/
                    height: 44px;
                }
                .form-row .form-checkbox--bttn .form-checkbox__label.bttn.bttn-icon {
                    padding: 0;
                }
                .form-row .form-checkbox--bttn .form-checkbox__inner {
                    line-height: 22px;
                }
                .form-row .form-checkbox--bttn .form-checkbox__text {
                    top: 0;
                }
            /**FORM INLINE PARENT*/
                .form-inline .form-checkbox--bttn {
                    float: left; /**TODO: marked for removal after existing areas are properly wrapping .form-checkbox--bttn with .form-item div*/
                }
                .form-inline .form-checkbox--bttn .form-checkbox__label {
                    line-height: 1.2;
                    padding-top: 13px;
                    padding-bottom: 14px;
                }
                .form-inline  > .form-checkbox--bttn + .form-checkbox--bttn {
                    margin-left: 10px;
                }
            /**FORM ROW > FORM INLINE PARENTS*/
                .form-row .form-inline .form-checkbox--bttn .form-checkbox__inner {
                    line-height: 15px;
                }
            /*ADJUST TEXT POSITIONING*/
                /*FIREFOX*/
                @-moz-document url-prefix() {
                  .tbl-form .form-checkbox--bttn .form-checkbox__text {
                     top: -1px;
                  }
                }
                /*SAFARI*/
                _::-webkit-:not(:root:root), .form-checkbox--bttn .form-checkbox__text {
                    top: 0;
                }
                /*IE - 10, 11, Edge*/
                @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
                    .form-checkbox--bttn .form-checkbox__text {
                        top: -1px;
                    }
                }
            /*ADJUST TEXT POSITIONING - FORM INLINE PARENT*/
                /*FIREFOX*/
                @-moz-document url-prefix() {
                  .form-inline .form-checkbox--bttn .form-checkbox__text {
                     top: 0;
                  }
                }
                /*IE - 10, 11*/
                @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
                    .form-inline .form-checkbox--bttn .form-checkbox__text {
                        top: 0;
                    }
                }
                /*EDGE*/
                @supports (-ms-ime-align: auto) {
                    .form-inline .form-checkbox--bttn .form-checkbox__text {
                        top: 0;
                    }
                }
            /*ADJUST WIDTH*/
                .form-item--block .form-checkbox--bttn {
                    width: 100%;
                }
        /**RADIO*/
        /**STATIC FORM - RADIO*/
        .form-radio label {padding-left:0;}

        .form-radio label > .bold-text+.subtext,
        .form-checkbox label > .bold-text+.subtext {
            margin-left: 2px;
        }

        .form-radio input[type="radio"] {position:relative;margin:10px 5px 10px 2px;}
        /**STATIC FORM - RADIO - WORKAROUND UNTIL REFACTORING radio-wrapped*/
        .form-radio .radio-wrapped input {margin:5px 5px 10px 2px!important;float:none;}
        /**DYNAMIC FORM - RADIO - VERTICAL*/
        .form-elem-style-v input {position:relative;margin:5px 10px 5px 2px;}
        /**DYNAMIC FORM - RADIO - HORIZONTAL*/
        .form-elem-style-h input {position:relative;margin:0 5px 0 2px;}
        /**Button Radios**/
        .form-radio.bttn {
            position: relative;
            margin-top: 0;
        }
        .form-radio.bttn label {
            color: inherit;
            font-weight: inherit;
        }
        .form-radio.bttn input[type="radio"] {
            opacity: 0;
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            margin: 0;
            cursor: pointer;
        }
        .form-radio.bttn input[type="radio"]:checked {
            background-color: #25BCC7!important;
        }
        .verify-product .form-radio {
            width: 164px;
        }
        .form-radio.bttn-option {
            position: relative;
            display: inline-block;
            margin-top: 0;
        }
        .form-radio.bttn-option+.form-radio.bttn-option {
            margin-left: 5px
        }
        .form-radio.bttn-option input[type="radio"] {
            opacity: 0;
            position: absolute;
            top: 0;
            left: 0;
            bottom: 0;
            right: 0;
            width: 0;
            margin: 0;
        }
        .form-radio.bttn-option label.bttn {
            font-weight: bold;
            min-width: 150px;
        }

        .form-radio.row label.bttn,
        .form-radio.tab label.bttn{
            color: #1F232F!important;
        }

        .form-radio.bttn-option.row {
            display: flex;
            align-items: center;
            justify-content: space-between;
            cursor: pointer;
            margin-left: 0!important;
            transition: background-color 0.3s ease;
        }
        .form-radio.bttn-option.row:first-of-type label.bttn {
            border-top-left-radius: 18px;
            border-top-right-radius: 18px;
        }
        .form-radio.bttn-option.row:last-of-type label.bttn {
            border-bottom-left-radius: 18px;
            border-bottom-right-radius: 18px;
        }

        .form-radio-group [data-objective-tab] {
            display: flex;
            flex-direction: row;
            width: 100%;
        }

        .form-radio.bttn-option.tab {
            display: grid;
            grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
            cursor: pointer;
            margin-left: 0!important;
            transition: background-color 0.3s ease;
            width: 25%;
        }

        .form-radio.bttn-option.tab:first-of-type label.bttn {
            border-top-left-radius: 18px;
            border-bottom-left-radius: 18px;
        }
        .form-radio.bttn-option.tab:last-of-type label.bttn {
            border-top-right-radius: 18px;
            border-bottom-right-radius: 18px;
        }

        [data-clone-survey] #sbxTemplateSource,
        [data-clone-survey] #sbxFormTemplate {
            width: 100%
        }

        /**Inverse*/
            .well .form-row select:not([multiple]).sel,
            .well .form-control,
            .well .redactor-editor,
            .form-input-inverse .form-control,
            .well  textarea:not(.form-control)
            {background-color: #fff;}
        /**Disabled*/
            .form-control[disabled] {color: #898989;background-color: #EEF0F3;}
            .form-item--disabled input[type="text"],
            .form-item--disabled input[type="password"] {
                background-color: rgba(0,0,0,0.04);
                cursor: not-allowed;
            }
            .form-item--disabled .form-control[disabled] {
                color: #898989;
                background-color: rgba(0,0,0,0.06);
            }
            .form-item--disabled .form-item__icon i {
                opacity: 0.3;
            }
        /**Readonly*/
            .form-item.readonly .form-control {
                color: #4C5163;
                border: 1px solid transparent;
                background: #E4E6EC;
                height: auto;
                white-space:pre;
                white-space:pre-wrap;                  /* css-3 */
                white-space:-moz-pre-wrap !important;  /* Mozilla, since 1999 */
                white-space:-pre-wrap;                 /* Opera 4-6 */
                white-space:-o-pre-wrap;               /* Opera 7 */
                word-wrap: break-word;                 /* Internet Explorer 5.5+ */
                box-shadow: none;
            }
            .form-item.readonly .form-control a {color: #a3a3a3!important;text-decoration: underline!important;}
            .form-item.readonly .form-control a:hover,
            .form-item.readonly .form-control a:focus
            {text-decoration: none!important;}
            /**Size*/
            .form-item.ro-lg .form-control {position:relative;padding: 24px 20px 22px 20px;}
            /*FONT COLOR*/
            .form-item.ro-lg .form-control,
            .form-item.ro-sm .form-control {color:#4C5163;}
            .form-item.ro-lg .form-control a {color: #4C5163!important;text-decoration: none!important;}
            .form-item.ro-lg .form-control .linkified {
                text-decoration: underline!important;
            }
            .form-item.readonly.phase-description {
                padding: 20px;
                line-height: 1.5;
                border-radius: var(--border-radius-lg);
                color: #FFF;
            }
            .form-item.readonly.phase-description.default {
                background-color: #D19713;
            }
            .form-item.readonly.phase-description.engagement {
                background-color: #32B588;
            }
            .form-item.readonly.phase-description.phaseless {
                background-color: #AAB1C1;
                color: #000;
            }
            .form-item.readonly.phase-description.newuser {
                background-color: #A5E4E7;
                color: #000;
            }
            .form-item.readonly.phase-description.regression {
                background-color: #FCEFA0;
                color: #000;
            }
            .form-item.readonly.phase-description.onboarding {
                background-color: #15889F;
            }
            .form-item.readonly.phase-description.closure {
                background-color: #7759A1;
            }
            .form-item.readonly.phase-description a,
            .form-item.readonly.phase-description a {
                text-decoration: underline;
                font-weight: bold;
                color: #000;
            }
            .form-item.readonly.phase-description.default a,
            .form-item.readonly.phase-description.engagement a {
                color: #FFF;
            }

            /**MODIFIERS*/
                /*NOTE: Use this modifier to prevent whitespace caused
                *       by white-space styles from other .ro- related
                *       styles such as .ro-systemval */
                .form-item.ro--normal-wrap .form-control {
                    white-space:normal;
                }

            /*NOTE: [EZ] .ro-lg is currently one of the default classes, we need to update this when the hardline function is updated to be more unique in its style builder*/
            .form-item.ro-lg.ro-sm .form-control,
            .form-item.ro-systemval.ro-sm .form-control {
                padding: 14px 10px 12px 10px;
                min-height: 44px;
                box-shadow: none;
            }
            /**Copy Buffer*/
            .form-item.ro-copybuffer .form-control {
                position:relative;
                padding: 24px 74px 22px 20px;
                color:#4C5163;
            }

            .form-item.ro-copybuffer .bttn-icon {
                display: flex;
                align-items: center;
            }

            .form-item.ro-copybuffer i.fa-clipboard {
                width: 100%;
            }

            .ro-copybuffer .bttn {
                position: absolute;
                right: 0;
                height: 100%;
                top: 0;
                margin-top: 0px;
                width: 50px;
                border-top-left-radius: 0;
                border-top-right-radius: var(--border-radius-md);
                border-bottom-left-radius: 0;
                border-bottom-right-radius: var(--border-radius-md);
                background-color: #EEF0F3;
                background-image: linear-gradient(#fcfcfc,#EEF0F3);
                border: none;
                padding: 0;
                border-left: 1px solid #E4E6EC;
                -webkit-transition: all .5s ease-in-out;
                -moz-animation: all .5s ease-in-out;
                -ms-animation: all .5s ease-in-out;
                animation: all .5s ease-in-out;
                box-shadow: none;
            }
            .ro-copybuffer .bttn:hover,
            .ro-copybuffer .bttn:focus {
                border-color: #E4E6EC;
                background-image: linear-gradient(#EEF0F3,#dadada);
            }
            .ro-copybuffer.haspostmethod label{
                width: 100%;
                position: relative;
            }
            .ro-copybuffer.haspostmethod .postmethod
             {
                float: right;
                background: #006ce5;
                color: #fff;
                padding: 2px 10px 3px 10px;
                border-radius: 5px;
                font-size: 16px;
                position: absolute;
                right: 0;
            }
            /* Custom URL Copy Buffer */
            .form-item.custom-url-copy-buffer .form-control.custom-url-base{
                background-color: #E4E6EC;
                color: #4C5163;
                border-right: none!important;
                border-top-right-radius: 0;
                border-bottom-right-radius: 0;
                max-width: 100%;
                height: 44px;
            }

            .form-item.custom-url-copy-buffer .form-control.custom-url-segment {
                border-radius: 0;
            }

            .form-item.custom-url-copy-buffer .bttn {
                margin-left: 0;
                border-top-left-radius: 0;
                border-top-right-radius: var(--border-radius-md);
                border-bottom-left-radius: 0;
                border-bottom-right-radius: var(--border-radius-md);
                background-color: #EEF0F3;
                background-image: linear-gradient(#fcfcfc,#EEF0F3);
                border: 1px solid #E4E6EC;
                border-left: none;
            }

            .form-item.custom-url-copy-buffer .bttn:hover,
            .form-item.custom-url-copy-buffer .bttn:focus {
                border-color: #E4E6EC;
                background-image: linear-gradient(#EEF0F3,#dadada);
            }
        /**Form Item - Read Only*/
        .form-item--read-only .form-control {
            background-color: #eef0f3;
            color: #4C5163;
            height: auto;
            min-height: 44px;
            word-break: break-word;
            border: 1px solid transparent;
            box-shadow: none;
        }
        /**Form Item - Format*/
        .form-item--json .form-control::-webkit-scrollbar-corner {
            background: rgba(0,0,0,0);
        }
        .form-item--json .form-control {
            padding: 24px 22px 20px;
            display: block;
            max-height: 200px;
            overflow: auto;
        }
        .form-item--json .form-control-inner {
            font-family: monospace, monospace;
            white-space: pre;
        }
        /**Form Item - Format - Plain*/
            .form-item--plain .form-control {
                border: none;
                padding: 0;
                background: none;
                line-height: 1.2;
                height: auto;
                min-height: auto;
                color: #1F232F;
                box-shadow: none;
            }
        /*Form Item - HTTP Method Pill*/
        .form-item--read-only.haspostmethod .postmethod {
            float: right;
            background: #006ce5;
            color: #fff;
            padding: 2px 10px 3px 10px;
            border-radius: 5px;
            font-size: 16px;
            position: absolute;
            right: 0;
            top:-2px;
        }
        .form-item--read-only label{
            width: 100%;
            position: relative;
        }
        /**Form Item - Height Auto*/
        .form-item--height-auto .form-control {
            height: auto;
        }
        /**Form Item - Height*/
        .form-item--height-medium .form-control {
            height: 200px;
        }
        /**Form Control - Center*/
        .form-control-center {text-align:center;}
        .form-control-center::-webkit-input-placeholder {text-align: center;}
        .form-control-center:-moz-placeholder {/* Firefox 18- */text-align: center;}
        .form-control-center::-moz-placeholder {/* Firefox 19+ */text-align: center;}
        .form-control-center:-ms-input-placeholder {text-align: center;}
        /**Form Control - Errors*/
        .form-req.form-item {position:relative;}
        .form-item .form-err-msg {display:none;position:absolute;bottom:0;right:0;display:block;width:auto;background:#D95151;padding:8px;color:#fff;border-radius: 2px;}
        .form-err .control-label{color:#D95151;}
        /**Form Control - Errors - data-f SERIES*/
            [data-fe-outer] {
                position: relative;
            }
            [data-fe-msg] {
                display: none;
                position:absolute;
                bottom:0;
                right:0;
                color: #fff;
                background-color: #888F9F;
                padding:8px;
                border-radius: 2px;
                font-size: 12px;
            }
            [data-fe-status="ok"] [data-fe-msg] {
                background-color: #8EAC13;
                display: none;
            }
            [data-fe-status="danger"] [data-fe-msg] {
                background-color: #D95151;
                display: block;
            }
            [data-fe-status="zero"] [data-fe-msg] {
                background-color: #000;
                display: block;
            }
            .form-err .form-control[data-fe-input] {
                height: auto;
            }

        /**Added the important on border css for .form-req.form-err .form-control because it was not overriding on acct name/password on login page when failing validation**/

        .form-err .form-control,
        .form-err select:not([multiple]) {
            background-color: #fdf7f7;
            border: 1px solid #D95151 !important;
            height: 45px;
        }

        .form-err textarea.form-control {
            height: auto;
        }

        .form-err .form-control:not(input):not(textarea),
        .form-err select:not([multiple]) {
            color: #D95151;
        }

        .form-err .form-control:focus,
        .form-err select:not([multiple]):focus {
            box-shadow: var(--shadow-element-error-focus-blocky) !important;
        }

        /**Added the important on border css for .form-req.form-err .form-control because it was not overriding on acct name/password on login page when failing validation**/
        .form-err .form-control {
            background-color: #fdf7f7 !important;
            border: 1px solid #D95151 !important;
            height: 45px;
        }

        .form-err .form-control:not(input):not(textarea) {
            color: #D95151;
        }

        .form-err .form-control:focus {
            box-shadow: var(--shadow-element-error-focus-blocky) !important;
        }

        .form-err label h5 {
            color: #D95151 !important;
        }

        .form-err .txt,
        .form-err .mtxt,
        .form-err .pass,
        .form-err .date {
            border-color: #D95151 !important;
            background-color: #fdf7f7 !important;

        }

        .form-err .txt:focus,
        .form-err .mtxt:focus,
        .form-err .pass:focus,
        .form-err .date:focus {
            box-shadow: var(--shadow-element-error-focus-blocky) !important;
        }

        .form-err-msg {
            color: #ffffff;
            background-color: #d03d3d;
            padding: 4px 8px;
            border-radius: 3px;
            font-size: 13px;
        }
        /**Form Control - Errors - Title Only*/
        .form-err--title-only label h5 {
            color: #D95151;
        }
        /**Form Control - Errors - Checkbox*/
        .form-err.form-checkbox label,
        .form-err .form-label-backlit-bar label,
        .form-err label { color: #D95151; }

        .form-err.form-checkbox input {
            box-shadow: var(--shadow-element-error-focus) !important;
        }
        /**Form Control - Errors - Placeholder Text*/
        .form-err .form-control::-webkit-input-placeholder { /* Chrome/Opera/Safari */
          color: #D95151;
          opacity: 0.6;
        }
        .form-err .form-control::-moz-placeholder { /* Firefox 19+ */
          color: #D95151;
          opacity: 0.6;
        }
        .form-err .form-control:-ms-input-placeholder { /* IE 10+ */
          color: #D95151;
          opacity: 0.6;
        }
        .form-err .form-control:-moz-placeholder { /* Firefox 18- */
          color: #D95151;
          opacity: 0.6;
        }
        /**Form Control - Errors - Omit Asterisk on a Required Field*/
        .form-req--noasterisk > label > h5:after{ /*TODO: SIMPLIFY SELECTOR AFTER FORM REFACTOR (REMOVE H5 AS CHILD OF LABEL TAG)*/
            content: none;
        }
    /*FORM VALIDATION*/
        .form-validationmsg{margin-top: 5px;}
        [data-fv-status="info"] .form-validationmsg{color: #286090;}
        [data-fv-status="success"] .form-validationmsg{color: #449d44;}
        [data-fv-status="warning"] .form-validationmsg{color: #8a6d3b;}
        [data-fv-status="danger"] .control-label {
            color:#D95151;
        }
        [data-fv-status="danger"] .form-control,
        [data-fv-status="danger"] .mtxt {
            border-color:#D95151;
            box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
        }
        [data-fv-status="danger"] .form-control:focus,
        [data-fv-status="danger"] .mtxt:focus {
            box-shadow: var(--shadow-element-error-focus-blocky) !important;
            border-color: #D95151!important;
        }
        [data-fv-status="danger"] .form-validationmsg {
            color: #D95151;
        }
    /**FORM ITEM - ICON*/
        /**FORM ITEM - ICON - PREPEND*/
            .form-item-icon-prepend {
                padding-left: 44px;
                border-radius: var(--border-radius-md);
                box-shadow: var(--shadow-element-blocky);
            }
            .form-item-icon-prepend .form-item__icon {
                height: 44px;
                width: 44px;
                line-height: 44px;
                position: absolute;
                left: 0;
                top: 0;
                color: #1F232F;
                background-color: #EEF0F3;
                text-align: center;
                border-radius: 4px 0 0 4px;
                border-top-left-radius: var(--border-radius-md);
                border-top-right-radius: 0;
                border-bottom-left-radius: var(--border-radius-md);
                border-bottom-right-radius: 0;
                border: 1px solid #D8DCE5;
                border-right: none;
            }
            .form-item-icon-prepend input.form-control {
                border-top-left-radius: 0;
                border-bottom-left-radius: 0;
                box-shadow: none;
            }
        /**FORM ITEM - ICON - ERR*/
            .form-err .form-item__icon {
                color: #D95151;
                background-color: #fdf7f7;
                border-color: #D95151;
            }
    /* INPUT GROUP*/
        .input-group {position: relative;display: table;border-collapse: separate;width:100%;background-clip: padding-box;}
        .form-inline .input-group {width:auto; /*DOING*/}
        label:not(.sr-only)+.input-group {margin-top: 5px;}
        /*INPUT GROUP ADDON*/
            .input-group-addon {
                color: #1F232F;
                line-height: 1;
                background-color: #EEF0F3;
                text-align: center;
                display: table-cell;
                vertical-align: middle;
                height: auto;
                width: 44px;
            }

            .input-group-addon:first-child {
                border-top-left-radius: var(--border-radius-md);
                border-bottom-left-radius: var(--border-radius-md);
                border-top-right-radius: 0;
                border-bottom-right-radius: 0;
                border: 1px solid #D8DCE5;
                border-right: none;
                box-shadow: var(--shadow-element-blocky);
            }

            .input-group-addon:last-child {
                border-top-left-radius: 0;
                border-bottom-left-radius: 0;
                border-top-right-radius: var(--border-radius-md);
                border-bottom-right-radius: var(--border-radius-md);
                border: 1px solid #D8DCE5;
                border-left: none;
            }
        /*INPUT GROUP FORM CONTROL*/
            .input-group-input {display:table-cell;vertical-align:middle;height:auto;width:auto;}
            .input-group-input .form-control {border: none;padding: 11px 15px;}
            .input-group-input:last-child {border-radius:0;border:none;}
            .input-group-input:last-child .form-control {
                border-top-left-radius: 0;
                border-bottom-left-radius: 0;
                border-top-right-radius: var(--border-radius-md);
                border-bottom-right-radius: var(--border-radius-md);
                border: 1px solid #D8DCE5;
            }
            .input-group-input .form-control:focus {border-color:#66AFE9;}
        /*INPUT GROUP BUTTON*/
            .input-group-btn {display: table-cell;height:auto;white-space: nowrap;vertical-align: middle;}
        /*INPUT GROUP VALIDATION*/
            /* Input Group - Error */
                .form-req.form-err .input-group-addon {
                    color: #D95151;
                    background-color: #fdf7f7;
                    border-color: #D95151;
                }
        /*INPUT GROUP SIZE*/
            /*Input Group - Large*/
                .form-input-lg .input-group-addon {
                    font-size: 18px;
                    width: 44px;
                }
                .form-input-lg .input-group-addon .fal {
                    height: 18px;
                    width: 18px;
                }
                .form-input-xl .input-group-addon {
                    font-size: 22px;
                    padding: 6px 16px;
                }
                .form-input-xl .input-group-addon .fal {
                     height: 22px;
                     width: 22px;
                     font-size: 22px;
                }
            /*Input Large*/
                .input-lg {height: 46px;padding: 10px 16px;font-size: 18px;line-height: 1.3333333;border-radius: 4px;}
            /*Input Group - Small*/
            /*Input Small*/
                .input-sm {height: 30px;padding: 5px 10px;font-size: 12px;line-height: 1.5;border-radius: 4px;}
    /*E. FORM HIDDEN*/
        .hidden .form-group {margin-bottom: 0;}
        .hidden .form-item {margin-bottom: 0;}
    /* F. FORM PLACEHOLDER */
        .form-ph-centered::-webkit-input-placeholder {text-align: center;}
        .form-ph-centered:-moz-placeholder {/* Firefox 18- */text-align: center;}
        .form-ph-centered::-moz-placeholder {/* Firefox 19+ */text-align: center;}
        .form-ph-centered:-ms-input-placeholder {text-align: center;}
        .input-group input.form-ph-centered::-webkit-input-placeholder {text-align: center;}
        .input-group input.form-ph-centered:-moz-placeholder {/* Firefox 18- */text-align: center;}
        .input-group input.form-ph-centered::-moz-placeholder {/* Firefox 19+ */text-align: center;}
        .input-group input.form-ph-centered:-ms-input-placeholder {text-align: center;}
        .input-group input.form-ph-centered{padding-right: 49px;}
    /*FORM ITEM W/ NESTED ROW - Allow buttons to be full height*/
        .form-item  > .form-row > [class*="col-"] .bttn {height: 44px;margin-top: 0;}
    /* G. RADIO WRAPPED */
    .radio-wrapped {
        padding-left: 22px;
        display: inline-block;
        width: 100%;
        margin-top:4px;
    }
    .radio-wrapped__input {display:inline-block;vertical-align:middle;}
    .radio-wrapped__txt {display:inline-block;vertical-align:middle;}
    .radio-wrapped__input input {float:none;margin:0!important;} /*TODO: REMOVE IMPORTANT ON REFACTOR*/
    .radio-wrapped input {
        float: left;
        margin: 4px 0 0 -22px;
    }
    .radio-wrapped .label-txt {}
    .radio-wrapped .label-subtxt {
        display: block;
        color: #888F9F;
        font-size: 13px;
    }
    tr.form-radio {display:block;margin:10px 0;} /*TODO: REMOVE TR ON REFACTOR, UNTIL THEN ALLOW MARGIN COLLAPSE ON TRS*/
    .form-radio__input {display:inline-block;vertical-align:middle;}
    .form-radio__txt {display:inline-block;vertical-align:middle;}
    .form-radio__input input {float:none;margin:0!important;} /*TODO: REMOVE IMPORTANT ON REFACTOR*/
    .form-radio-group fieldset {margin-top:20px;}
    .form-radio-group fieldset legend {margin-top: 0;}
    .form-radio-group legend + .form-radio label {margin-top:5px;}
    .form-radio-group .bttn.form-radio {
        min-width: 164px;
        margin-left: 5px;
    }
    .form-radio-group .bttn.form-radio:first-of-type {
        margin-left: 0;
    }
    /* H. PASSWORD MASK */
        .input-group-password .form-control {
            padding-right: 40px;
        }
        .input-group-password .input-group-input {
          display: flex;
          align-items: center;
        }
        .input-group-password .unmask {
            position: absolute;
            right: 10px;
            /*text-indent: -9999px;*/
            width: 25px;
            height: 25px;
            color: #888F9F;
            background: transparent;
            font-size:18px;
            cursor:pointer;
            border: none;
            -webkit-appearance:none;
        }
        .input-group-password .unmask.off .fa-icon-for-on {display:none;}
        .input-group-password .unmask.off .fa-icon-for-off {display:inline;}
        .input-group-password .unmask.on {color: #1F232F;}
        .input-group-password .unmask.on .fa-icon-for-on {display:inline;}
        .input-group-password .unmask.on .fa-icon-for-off {display:none;}
    /*INPUT GROUP - COLOR PICKER*/
        .input-group .form-control.js-colorpicker:focus {box-shadow:none;}

    /**FORM ITEM - TITLE - NO WRAP*/
        .form-item-title--nowrap {
            white-space: nowrap;
        }
        .form-item-title--nowrap h5 {
            overflow: hidden;
        }
        .form-item--has-ellipsis h5:after {
            position: absolute;
            right: 0;
            top: 0;
        }
        .form-item--has-ellipsis .form-item-title--text {
            overflow: hidden;
            text-overflow: ellipsis;
            display: block; /*NOTE: ellipsis will not work without this*/
        }
    /*FORM WHITESPACE - FIELDS WITH AND WITHOUT LABELS*/

        /*APPLY WHITESPACE TO LABEL AND LABEL CONTENTS*/
            .form-group label:not([class*="form-"]) {display: inline-block;max-width: 100%;font-weight: bold;}
            .form-item label p {margin-top: 15px;margin-bottom: 0;font-size: initial;color: initial;font-weight: normal;}
            .form-item label p.alpha {margin-top:0;}
            /*RESET MARGINS, LET LABEL HANDLE THE WHITESPACE*/
                .form-item label {max-width: 100%;display: inline-block;}
                .form-item .form-item-title--secondary {
                    font-weight: normal;
                    font-size: 16px;
                }
                .form-item .form-item-title--secondary.alpha {
                    margin-top: 10px;
                }
            /*FORM ITEM CHILDREN OF CHECKBOXES*/
                .form-checkbox .form-item label {margin-top:10px;}
                .form-checkbox .form-item {margin-top: 0;margin-bottom: 10px;}

        /*APPLY WHITESPACE TO ITEM WRAPPER IF DISPLAYED **WITHOUT** LABELS*/
            .form-control {margin-top:10px;}
            .input-group {margin-top:10px;}
            /*EXCEPTIONS*/
            .form-group > .form-item:first-child label.sr-only+.input-group {margin-top: 0;}
            .form-control-nolabel {margin-top:0;}
            .input-group [class*="form-control"] {margin-top:0;}
            .form-item:first-child [class*="form-control"] {margin-top:0;}
            .form-row:first-child [class*="form-control"] {margin-top:0; margin-left: 0;}
            .form-row:first-child .input-group {margin-top:0;}
            .form-item label.sr-only+[class*="form-control"] {margin-top:10px;}
        /*NO WHITESPACE ON ITEM WRAPPER IF DISPLAYED **WITH** VISIBLE LABELS!*/
            .form-item label:not(.sr-only)+.input-group,
            .form-item label:not(.sr-only)+[class*="form-control"],
            .form-item label:not(.sr-only)+[class*="form-control"] .form-control,
            .form-item label:not(.sr-only)+.form-row .form-control
            {margin-top:0;}
            /*INSIDE WELL WITH SR-ONLY*/
            .well .form-item:first-child label.sr-only+.input-group {margin-top:0;}
            /*BROWSER IE8, IE9*/
            .oldie .form-item label.sr-only+.input-group,
            .oldie .form-item label.sr-only+[class*="form-control"],
            .oldie .form-item label.sr-only+[class*="form-control"] .form-control
            {margin-top:0;}
            /*TODO: [ES] 2016-03-11 REFACTOR COUNTRY/STATE/COUNTY/PROVINCE OUTER DIV, NEED PREDICTABILITY*/
            .oldie .form-item label.sr-only+div [class*="form-control"] {margin-top:0!important;}

        /*REFACTOR PLACEHOLDERS*/
            .form-item label .label-title {}
            .form-item label .label-desc {}

        /*PARENT H5 FOR FORM ROW ITEMS*/
            h5+.form-row {margin-top: 5px;}
            h5+.form-row label {
                font-weight: normal;
                margin-top: 0;
            }
            /*COMEBACK: AS YOU GET CLOSER TO DONE, CHECK IF LUKE IS OK WITH THIS*/
            h5+.form-row~.form-row label {
                font-weight: normal;
                margin-top: 15px;
            }
        /*Form Inline*/
            .form-inline .bttn {margin-top:0;height:44px;margin-left:10px;}
            .form-inline .bttn-link {
                margin-left: 0;
                padding-top: 14px; /*NOTE: This adjust the vertical alignment of the text with other buttons/links*/
            }
            .form-inline .color-cancel {
                /*
                    TODO: Refactor all places using color-cancel
                    If it's being displayed as a link, then make sure .bttn.bttn-link exists already or add them if they are missing
                    If it's being displayed as a button, then make sure .bttn exists already and .bttn-link is removed. Update to match anything incorrect
                    After fixing missing/incorrect classes on html elements, clean up messy/technical debt css in style.css and anywhere search. Hint: global search.
                */
                margin-left: 10px;
            }
            .form-inline .input-group {margin-top:0;}
            .form-inline.float-right {float:right;}
            .form-inline.float-right .bttn, .form-inline.float-right .form-control {margin-right:0;}
            .form-inline:after {content: ""; display: block; clear: both;}
            .form-inline select,
            .form-inline .bttn,
            .form-inline .form-control,
            .form-inline .input-group,
            [class*="col-"] .form-inline .bttn,
            [class*="col-"] .form-inline .form-control
            {display:block;float:left;width:auto;}
            .form-inline .expiration-container .form-datepicker {
                display: inline-block;
            }
            .form-inline .expiration-link {
                display: inline-block;  
                float: none;
            }
            /* .form-inline .bttn, .form-inline .form-control {height: 44px;} */
            /* .form-inline {font-size:0;} */ /*PREVENTS UNWANTED WHITESPACE*/
            /* .form-inline > * {font-size:initial;} */
            [class*="col-"] .form-inline .form-checkbox__label {
                display: table-cell;
            }
            .form-inline .form-item+.form-item {margin-left:10px;}
            .form-inline .form-group {display: inline-block;vertical-align: middle;}
            .form-inline .form-item {display: inline-block;vertical-align: bottom;}
            .form-inline .form-item .bttn {height:44px;min-width: 44px;}
            .form-inline .form-item .bttn.bttn-link {
                text-transform: none;
            }
            .form-inline .form-item .bttn.bttn-icon,
            .form-inline .bttn.bttn-icon {
                display: flex;
                align-items: center;
                justify-content: center;
            }

            .form-inline .form-item .bttn.bttn-icon i,
            .form-inline .bttn.bttn-icon i {
                line-height: 44px;
            }
            .form-inline .form-control
            {margin-left:10px;}
            .form-input-sm .form-inline .form-control,
            .form-input-sm .form-inline .bttn
            {margin-left:5px;}
            .form-inline .form-item .form-control {margin-left:0;}
            /*FORM INLINE W/O FORM ITEM CHILDREN*/
            .form-item label:not(.sr-only)+.form-inline .form-control {margin-top: 0;width: auto;}
            .form-inline .form-item:first-child .form-control,
            .form-inline .form-control:first-child,
            .form-inline .bttn:first-child:not(.color-cancel)
            {margin-left:0;}
            .form-inline .form-item #submitJS1.bttn {
                margin-left: 50px;
            }
            /**Form Control*/
            .form-inline select,
            .form-inline .form-control
            {display: inline-block;vertical-align: middle;width: auto;}
            /**Allow smaller input size*/
            .form-inline > .form-item > label {float:left;}
            .form-inline > .form-item > .form-control {float:left;clear:left;width:auto;}
            .form-inline > .form-item > .form-control-link {float:left;clear:left;width:auto;}
            .form-inline > .form-item > .input-group {float:left;clear:left;}
            .form-inline > .form-item > .ui-spinner {float:left;clear:left;}
            /**Form Inline*/
            .form-inline .form-item {float:left;}
            .form-inline > .form-checkbox {
                margin: 0;
                padding: 13px;
            }
            .form-inline > .form-checkbox--bttn {
                padding: 0;
            }

            .form-inline > .form-checkbox+.form-checkbox {padding-left:0;}
            .form-inline > .form-checkbox input[type="checkbox"] {margin-left:0;}
            .form-input-xs .form-inline > .form-checkbox {margin: 0;padding: 13px 0 13px 13px;font-size: 13px;}
            .form-input-xs .form-inline > .form-checkbox input[type="checkbox"] {margin: 10px 5px 10px 0;}
            /**Form Inline Sets*/
            .form-inline .form-set label {font-weight: bold; font-size: 15px;}
            .form-inline .form-set .form-val-inline {display: inline-block;}
            .form-item.form-input-width-max .form-inline input, .form-item.form-input-width-max .form-inline select {
                width: 100% !important;
            }
        /**Form Row*/
            .form-row .bttn {margin-top:10px;}
            .form-row .bttn+.bttn {margin-top:0;}
            .form-row:first-child .bttn:first-child {margin-top:0;margin-left:0;}
            [class*="cell-"] .bttn {width:100%;}
            [class*="cell-"] .bttn.bttn-icon {min-width: 44px;min-height: 44px;}
            [class*="col-"] .bttn {width:100%;}
            [class*="col-"] .bttn.bttn-icon {
                display: flex;
                align-items: center;
                justify-content: center;
                min-width: 44px;
                min-height: 44px;
            }
            .form-input-lg [class*="col-"] .bttn.bttn-icon {min-width: 46px;min-height: 46px;}
            .form-row .form-inline .bttn {margin-top: 0;}

        /**Form Control - Extra Small*/
        .form-input-xs .form-control {
            height: 30px;
            padding: 5px 26px 5px 10px;
            font-size: 13px;
            line-height: 1.5;
            border-radius: 4px;
            margin-left:5px;
        }
        .form-input-xs select:not([multiple]) {
            height: 30px!important;
            padding: 5px 26px 5px 10px!important;
            font-size: 13px;
            line-height: 1.5;
            background-position: right 10px center;
            background-size: auto;
            margin-left:5px;
        }
        .bttn-xs,
        .form-input-xs .bttn {
            padding: 5px 10px;
            font-size: 13px;
            line-height: 1.4;
            margin-left: 5px;
            height: 30px;
        }
        .bttn-xs.bttn-icon,
        .form-input-xs .bttn.bttn-icon {
            line-height: 1;
        }
        /**Form Control - Small*/
        .form-input-sm .form-row select:not([multiple]).sel,
        .form-input-sm .form-control {
            height: 34px;
            padding: 5px 26px 5px 10px;
            font-size: 12px;
            line-height: 1.5;
            border-radius: var(--border-radius-md);
        }
        .form-input-xs select:not([multiple]) {
            height: 30px!important;
            padding: 5px 26px 5px 10px!important;
        }
        .form-input-xs.well {padding:10px;}
        .listin .rownew.platform select
        {background-position: right 10px center;background-size: auto;padding-right: 32px;}
        .form-input-sm select:not([multiple]) {
            height: 34px;
            padding: 4px 32px 4px 8px;
            background-position: right 10px center;
            background-size: auto;
        }
        .form-input-sm .form-label-inline {line-height: 34px;}
        .bttn-sm,
        .form-input-sm .bttn {
            padding: 5px 10px;
            font-size: 15px;
            line-height: 1.5;
            min-width: auto;
        }
        /**Form Control - Large - New*/
            .form-item--lg input.form-control {
                font-size: 28px;
                padding: 15px 20px 13px;
                height: auto;
            }
        /**Form Control - Large*/
        .form-input-lg .form-control,
        .form-input-lg input[type="text"]
        {height: 46px;padding: 10px 16px;font-size: 18px;line-height: 1.3333333;}
        .bttn-lg {
            padding: 15px;
            font-weight: bold;
            font-size:18px;
        }
        .form-input-lg .bttn{
            line-height: 1.3333333;
            height: 50px;
        }
        .form-input-xl .bttn {
            padding: 15px 16px;
            font-size: 20px;
            line-height: 1.4;
        }
        .bttn.bttn-xl {
            line-height: 10px;
            padding: 25px 50px;
            font-size: 20px;
        }
        .form-input-xl .form-control,
        .form-input-xl input.form-control {
            height: 56px;
            padding: 15px 16px;
            font-size: 20px;
            line-height: 1.4;
            border-radius: 4px;
        }

        .form-bttns--flush-left .bttn {
            margin-left: 0;
            margin-right: 10px;
        }

        /*FORM CONTROL - SEARCH ICON - EXPERIMENTAL*/
            .form-item--search [data-icon-id*="search"] {
                display: none;
                position: absolute;
                top: 0;
                right: 0;
                font-size: 24px;
                top: 0;
                margin-top: 10px;
                margin-right: 8px;
            }
            .form-item--search[data-ui-search-status="reset"] [data-icon-id="search"] {
                color: #e4e4e4;
                display: block;
            }
            .form-item--search[data-ui-search-status="waiting"] [data-icon-id="search-waiting"] {
                color: #e4e4e4;
                display: block;
            }
            .form-item--search[data-ui-search-status="done"] [data-icon-id="search-clear"] {
                color: #d9534f;
                display: block;
                cursor: pointer;
            }
            .form-item--search input[type="text"].form-control {
                padding-right: 45px;
            }
            .form-item--search.form-item--lg [data-icon-id*="search"] {
                font-size: 28px;
                margin-top: 19px;
                margin-right: 20px;
            }
            .form-item--search.form-item--lg input[type="text"].form-control {
                padding-right: 60px;
            }
            .form-item--search+[id*="search_"] table {
                table-layout: fixed;
            }
            /**INTERACTIVITY*/
                .form-item--search [data-icon-id="search-clear"]:hover,
                .form-item--search [data-icon-id="search-clear"]:focus,
                .form-item--search [data-icon-id="search-clear"]:active {
                    color: #da231d;
                }
    /**Find a home for these....[END]*/

        .fbtopmsgbox {margin-bottom:20px;}
        .fbtopmsgbox .infobox { margin: 0; text-align: center; border: none; padding: 13px 8px; background-image: none; border-radius: 0;}

        /**STATUS BOXES*/
            .statusbox {
                padding: 17px 20px;
                line-height: 1.4;
                background-color: #6785B9;
                color: #fff;
                border: 1px solid #6785B9;
            }
            .statusbox.finalizing {background-color: #6785B9; border-color: #6785B9;}
            .statusbox.pending {background-color: #6785B9; border-color: #6785B9;}
            .statusbox.completed {background-color: #32B588; border-color: #32B588;}
            .statusbox.failed {background-color: #D95151; border-color: #D95151;}
            .statusbox i {
                margin-right: 10px;
            }
            .statusbox h5 {
                margin: 0;
            }
            .statusbox h5,
            .statusbox a,
            .statusbox i {
                color: #fff;
            }

        /**ACTION BAR*/
            .actionbar {
                border: none;
                border-radius: var(--border-radius-lg);
            }
            .actionbar.ib-sml {padding: 10px;}
            .actionbar-group .actionbar {margin: 3px 0;}
            .actionbar.hastbl {padding: 0;}
            .actionbar.hastbl .td {padding: 8px 0;}
            .actionbar.hastbl.ib-med .tbl {min-height: 52px;}
            .actionbar .td.hasinner {padding: 0;}
            .actionbar .td.hasicon {width: 40px; text-align: center; font-size: 20px;padding-left: 10px;padding-right: 5px;}
            .actionbar .td.hasbtn {width: 100px; padding: 8px;}
            .actionbar .td.hasbtn:last-child {text-align: right; white-space: nowrap;}
            .actionbar .td p {margin-bottom: 0;}

            /**ACTION BAR - BUTTON*/
                .actionbar .btn {
                    font-weight: bold;
                    color: #1F232F;
                    background: #fff;
                    border: 2px solid #fff;
                    border-radius: var(--border-radius-full);
                    font-size: 14px;
                    text-align: center;
                }
                .actionbar .td .btn:hover,
                .actionbar .td .btn:focus,
                .actionbar .td .btn:active {
                    background: none;
                    border-color: #fff;
                    color: #fff;
                    text-decoration: none;
                }

            /**ACTION BAR - INPROGRESS*/
                .actionbar[data-status="inprogress"] {
                    background-color: #888F9F;
                    color: #fff;
                }

            /**ACTION BAR - READY*/
                .actionbar[data-status="ready"] {
                    background-color: #F4D768;
                    color: #1F232F;
                }

            /**ACTION BAR - SUCCESS*/
                .actionbar[data-status="success"] {
                    background-color: #32B588;
                    color: #fff;
                }

            /**ACTION BAR - SUCCESS-POOL*/
                .actionbar[data-status="success-pool"] {
                    background-color: #32B588;
                    color: #fff;
                }

            /**ACTION BAR - FAIL*/
                .actionbar[data-status="fail"] {
                    background-color: #D95151;
                    color: #fff;
                }
/**––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
/**GLOBAL COMPONENTS - SECTION ITEM TITLE*/
    /*SECTION ITEM TITLE*/
        .section-item-header {
            margin-bottom: 5px;
        }
        .section-item-title {
            font-size: 18px;
            font-weight: bold;
        }
        .section-item-title.is-req:after {
            content: " *";
            color: #D95151;
        }
/**––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
/**GLOBAL COMPONENTS - PAGE SECTIONS*/
    /*PAGE SECTIONS*/
        /*MARKED FOR CLEAN UP*/
        /*
         * .form-label-backlit-bar
         */
        /**SECTION HEADERS*/
        .section-header {
            font-size: 26px;
            padding-bottom: 15px;
            margin-top: 70px;
            margin-bottom: 35px;
            color: #1F232F;
            border-bottom: 1px solid #C9CEDB;
        }
        .section-header--adv {
            height: auto;
        }
        .section-header--adv .util {
            padding-left: 20px;
        }
        .section-header-inner {
           display: table;
           width: 100%;
        }
        .section-header-item {
           display: table-cell;
           vertical-align: middle;
        }

        .section-header a:hover,
        .section-header a:focus {
            text-decoration:none;
        }

        .section-header-title {
            font-weight: 600;
        }

        .section-header-title .bttn-link {
            padding: 0;
            margin-left: 10px;
            vertical-align: baseline;
            text-transform: none;
        }
        .section-header-title a:hover,
        .section-header-title a:focus {
            text-decoration: none;
        }
        .section-header-item .util {
            float: right;
            border-radius: 4px;
        }
        .section-header-item .util a:not(.bttn-link),
        .section-header-item .util .bttn.em-sendtest{
            background-color: #fff;
            border: 1px solid;
            display: block;
            float: left;
            position: relative;
            z-index: 1;
            padding: 4px 10px;
            line-height: 16px;
            font-size: 14px;
            white-space: nowrap;
            font-weight: 400;
            box-shadow: var(--shadow-element-blocky);
        }
        .section-header-item .util .bttn {
            line-height: 1;
        }
        .section-header-item .util a + a {
            margin-left: -1px;
        }
        .section-header-item .util a:not(.bttn-link):first-child,
        .section-header-item .util .bttn:first-child {
           padding-left: 12px;
           border-top-left-radius: var(--border-radius-full);
           border-bottom-left-radius: var(--border-radius-full);
        }
        .section-header-item .util a:not(.bttn-link):last-child,
        .section-header-item .util .bttn:last-child {
           padding-right: 12px;
           border-top-right-radius: var(--border-radius-full);
           border-bottom-right-radius: var(--border-radius-full);
        }
        .section-header-item .util a:not(.bttn-link)[disabled] {
            cursor: default;
            opacity: 1;
        }
        .section-header-item .util a.bttn-link:hover {
            text-decoration: underline;
        }
        .section-header-item .util .new {
            background-color: #73bb53;
            padding: 3px 8px 3px 8px;
            border-radius: 9px;
            font-size: 15px;
            float: left;
        }
        .section-header-toggle {
            margin-right: -70px;
            margin-left: -70px;
            margin-top: 0;
        }
        .section-header-toggle .title {
            font-size: 20px;
        }

        .pane .section-header.section-header-toggle {
            border-radius: var(--border-radius-lg);
        }

        .pane .section-header-toggle .title {
            font-size: 16px;
            font-weight: bold;
        }
        .section-header-toggle:after {content:""; display:table; clear:both;}
        .section-header-toggle {padding:0;}
        .section-header-toggle .title {
            float: left;
            padding: 15px 20px;
            width: 100%;
            margin-top: 0;
            margin-bottom: 0;
        }

        .section-header-toggle .title i {
            margin-right:10px;
            position: relative;
            top: 1px;
        }

        .section-header-toggle .title i.fa-chevron-down,
        .section-header-toggle .title i.fa-chevron-up {
            font-size: 18px;
            margin-right: 15px;
        }

        .section-header .title .fa-chevron-up,
        .section-header .title .fa-chevron-down {
            margin-right: 15px;
        }

        .section-header .util .bttn {
            position: relative;
            margin: 0;
            min-width: 32px;
            padding: 0;
        }

        .section-header .util .section-label {
            font-size: 14px;
            color: #676D7E;
        }

        .section-header.noborder {
            border-bottom: none;
        }

        .section-header.subheader {
            font-size: 20px;
        }

        /**SECTION HEADER Toggle BUTTON ICONS*/
            .section-header .util .bttn.bttn-icon {
                background-color: transparent;
                font-size: 16px;
                line-height: 1;
                margin: 0 1px;
                padding: 0;
                width: 34px;
                height: 34px;
            }
            .section-header.section-header-toggle .util .bttn.bttn-icon {
                color: #FFFFFF;
                box-shadow: none;
            }
            .section-header.section-header-toggle .util .bttn.bttn-icon:last-child {
                margin-right: 10px;
            }
            /*NOTE: "ON" STATE - darken bg, lighten icon, alter border for depressed effect*/
            .section-header.section-header-toggle .util .bttn.bttn-icon[class*="-on"] {
                background-image: url(/images/css/20-dark.png);
                border-top: 1px solid transparent;
                border-left: 1px solid transparent;
                border-right: 1px solid rgba(222, 222, 222, 0.24);
                border-bottom: 1px solid rgba(193, 193, 193, 0.6);
            }
            .section-header.section-header-toggle .util .bttn-icon[class*="-on"] i {
                opacity: .5;
            }
            /*NOTE: HOVER STATE - display outline*/
            .section-header.section-header-toggle .util .bttn.bttn-icon:hover {
                box-shadow: 0px 0px 2px 1px #FFFFFF;
                background-color: transparent;
            }
            /*NOTE: FOCUS STATE - display dotted outline*/
            .section-header.section-header-toggle .util .bttn.bttn-icon:focus {
                border: 1px dotted #FFFFFF;
                outline: none;
            }
            /*NOTE: ADJUST ICON ALIGNMENT FOR V SYMMETRY*/
            .section-header.section-header-toggle .util .bttn.bttn-icon i.fa-search {
                position: relative;
                top: -1px;
            }

        /**SECTION HEADER CONTENTS*/
        .section-header small {font-size: 12px; font-weight: normal;}
        .section-header img {float: left; display: inline-block; margin: 3px 5px 0 0;}
        .section-header a:hover {color: inherit;}
        .section-header a small {margin-left: 10px; text-decoration: none;}
        .section-header .req {margin-left:3px;float:none;line-height:1;}
        .section-header .sel {font-weight: bold;}
        .section-header .light {color: inherit;}
        .section-header .req {float: none; font-size: inherit;}
        /**SECTION HEADER - LARGE*/
        .section-header--lg .section-header-inner {
           height: 52px;
        }
        .section-header--lg .section-header-title {
            font-size: 24px;
        }
        /**SECTION HEADER - NO TITLE*/
        .section-header--no-title .section-header-title {
            font-style: italic;
        }

/**––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
/**GLOBAL MODULES*/

/**GLOBAL MODULES - AVATAR LIGHTBOX*/
    .avtdisp--loading
    {
        position: relative;
        height: 300px;
    }

    .avtdisp__loader
    {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        text-align: center;
    }

    .avtdisp__preview
    {
        background-size: contain;
        background-repeat: no-repeat;
    }

    .avtdisp__preview img {
        display: block;
        margin: 0 auto;
    }

    .avtdisp__current {
        margin: 0 auto;
    }

/**GLOBAL MODULES - USER DISPLAY*/
    .usrdisp {
        display: table;
        width: 100%;
        padding: 0 10px;
    }

    .usrdisp__avatar {
        display: table-cell;
        vertical-align: middle;
    }

    .usrdisp__detail {
        display: table-cell;
        vertical-align: middle;
    }

    .usrdisp__avatar img {
        vertical-align: middle;
        width: 100%;
    }

    .usrdisp__avatar + .usrdisp__detail {
        padding-left: 7px;
    }

    .usrdisp--sm .usrdisp__avatar {
        width: 16px;
    }

/**COLOR PICKER*/
    .colorpicker input {
        background-color: transparent!important;
        border: 1px solid transparent!important;
        color: #898989!important;
        margin: 0!important;
        padding: 0!important;
        height: 15px!important;
    }
/*NOTE: header.html is using v1.12.1 for js file, jquery ui site supports 1.11.4*/
/**––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
/*! jQuery UI - v1.12.1 - 2016-03-01
* http://jqueryui.com
* Includes: core.css, draggable.css, resizable.css, selectable.css, sortable.css, accordion.css, autocomplete.css, button.css, datepicker.css, dialog.css, menu.css, slider.css, spinner.css, tabs.css, tooltip.css
* Copyright jQuery Foundation and other contributors; Licensed MIT */

    /* Layout helpers
    ----------------------------------*/
    .ui-helper-hidden {display: none;}
    .ui-helper-hidden-accessible {border: 0;clip: rect(0 0 0 0);height: 1px;margin: -1px;overflow: hidden;padding: 0;position: absolute;width: 1px;}
    .ui-helper-reset {margin: 0;padding: 0;border: 0;outline: 0;line-height: 1.3;text-decoration: none;font-size: 100%;list-style: none;}
    .ui-helper-clearfix:before,
    .ui-helper-clearfix:after {content: "";display: table;border-collapse: collapse;}
    .ui-helper-clearfix:after {clear: both;}
    .ui-helper-clearfix {min-height: 0; /* support: IE7 */}
    .ui-helper-zfix {width: 100%;height: 100%;top: 0;left: 0;position: absolute;opacity: 0;filter:Alpha(Opacity=0); /* support: IE8 */}

    .ui-front {z-index: 100;}


    /* Interaction Cues
    ----------------------------------*/
    .ui-state-disabled {cursor: default !important;}


    /* Icons
    ----------------------------------*/

    /* states and images */
    .ui-icon {display: block;text-indent: -99999px;overflow: hidden;background-repeat: no-repeat;}


    /* Misc visuals
    ----------------------------------*/

    /* Overlays */
    .ui-widget-overlay {position: fixed;top: 0;left: 0;width: 100%;height: 100%;}
    .ui-draggable-handle {-ms-touch-action: none;touch-action: none;}
    .ui-resizable {position: relative;}
    .ui-resizable-handle {position: absolute;font-size: 0.1px;display: block;-ms-touch-action: none;touch-action: none;}
    .ui-resizable-disabled .ui-resizable-handle,
    .ui-resizable-autohide .ui-resizable-handle {display: none;}
    .ui-resizable-n {cursor: n-resize;height: 7px;width: 100%;top: -5px;left: 0;}
    .ui-resizable-s {cursor: s-resize;height: 7px;width: 100%;bottom: -5px;left: 0;}
    .ui-resizable-e {cursor: e-resize;width: 7px;right: -5px;top: 0;height: 100%;}
    .ui-resizable-w {cursor: w-resize;width: 7px;left: -5px;top: 0;height: 100%;}
    .ui-resizable-se {cursor: se-resize;width: 12px;height: 12px;right: 1px;bottom: 1px;}
    .ui-resizable-sw {cursor: sw-resize;width: 9px;height: 9px;left: -5px;bottom: -5px;}
    .ui-resizable-nw {cursor: nw-resize;width: 9px;height: 9px;left: -5px;top: -5px;}
    .ui-resizable-ne {cursor: ne-resize;width: 9px;height: 9px;right: -5px;top: -5px;}
    .ui-selectable {-ms-touch-action: none;touch-action: none;}
    .ui-selectable-helper {position: absolute;z-index: 100;border: 1px dotted black;}
    .ui-sortable-handle {-ms-touch-action: none;touch-action: none;}
    .ui-accordion .ui-accordion-header {display: block;cursor: pointer;position: relative;margin: 2px 0 0 0;padding: .5em .5em .5em .7em;min-height: 0; /* support: IE7 */font-size: 100%;}
    .ui-accordion .ui-accordion-icons {padding-left: 2.2em;}
    .ui-accordion .ui-accordion-icons .ui-accordion-icons {padding-left: 2.2em;}
    .ui-accordion .ui-accordion-header .ui-accordion-header-icon {position: absolute;left: .5em;top: 50%;margin-top: -8px;}
    .ui-accordion .ui-accordion-content {padding: 1em 2.2em;border-top: 0;overflow: auto;}
    .ui-autocomplete {position: absolute;top: 0;left: 0;cursor: default;}
    .ui-button {display: inline-block;position: relative;padding: 0;line-height: normal;margin-right: .1em;cursor: pointer;vertical-align: middle;text-align: center;overflow: visible; /* removes extra width in IE */}
    .ui-button,
    .ui-button:link,
    .ui-button:visited,
    .ui-button:hover,
    .ui-button:active {text-decoration: none;}
    /* to make room for the icon, a width needs to be set here */
    .ui-button-icon-only {width: 2.2em;}
    /* button elements seem to need a little more width */
    button.ui-button-icon-only {width: 2.4em;}
    .ui-button-icons-only {width: 3.4em;}
    button.ui-button-icons-only {width: 3.7em;}

    /* button text element */
    .ui-button .ui-button-text {display: block;line-height: normal;}
    .ui-button-text-only .ui-button-text {padding: .4em 1em;}
    .ui-button-icon-only .ui-button-text,
    .ui-button-icons-only .ui-button-text {padding: .4em;text-indent: -9999999px;}
    .ui-button-text-icon-primary .ui-button-text,
    .ui-button-text-icons .ui-button-text {padding: .4em 1em .4em 2.1em;}
    .ui-button-text-icon-secondary .ui-button-text,
    .ui-button-text-icons .ui-button-text {padding: .4em 2.1em .4em 1em;}
    .ui-button-text-icons .ui-button-text {padding-left: 2.1em;padding-right: 2.1em;}
    /* no icon support for input elements, provide padding by default */
    input.ui-button {padding: .4em 1em;}

    /* button icon element(s) */
    .ui-button-icon-only .ui-icon,
    .ui-button-text-icon-primary .ui-icon,
    .ui-button-text-icon-secondary .ui-icon,
    .ui-button-text-icons .ui-icon,
    .ui-button-icons-only .ui-icon {position: absolute;top: 50%;margin-top: -8px;}
    .ui-button-icon-only .ui-icon {left: 50%;margin-left: -8px;}
    .ui-button-text-icon-primary .ui-button-icon-primary,
    .ui-button-text-icons .ui-button-icon-primary,
    .ui-button-icons-only .ui-button-icon-primary {left: .5em;}
    .ui-button-text-icon-secondary .ui-button-icon-secondary,
    .ui-button-text-icons .ui-button-icon-secondary,
    .ui-button-icons-only .ui-button-icon-secondary {right: .5em;}

    /* button sets */
    .ui-buttonset {margin-right: 7px;}
    .ui-buttonset .ui-button {margin-left: 0;margin-right: -.3em;}

    /* workarounds */
    /* reset extra padding in Firefox, see h5bp.com/l */
    input.ui-button::-moz-focus-inner,
    button.ui-button::-moz-focus-inner {border: 0;padding: 0;}
    .ui-datepicker {width: 17em;padding: .2em .2em 0;display: none;}
    .ui-datepicker .ui-datepicker-header {position: relative;padding: .2em 0;}
    .ui-datepicker .ui-datepicker-prev,
    .ui-datepicker .ui-datepicker-next {position: absolute;top: 2px;width: 1.8em;height: 1.8em;}
    .ui-datepicker .ui-datepicker-prev-hover,
    .ui-datepicker .ui-datepicker-next-hover {top: 1px;}
    .ui-datepicker .ui-datepicker-prev {left: 2px;}
    .ui-datepicker .ui-datepicker-next {right: 2px;}
    .ui-datepicker .ui-datepicker-prev-hover {left: 1px;}
    .ui-datepicker .ui-datepicker-next-hover {right: 1px;}
    .ui-datepicker .ui-datepicker-prev span,
    .ui-datepicker .ui-datepicker-next span {display: block;position: absolute;left: 50%;margin-left: -8px;top: 50%;margin-top: -8px;}
    .ui-datepicker .ui-datepicker-title {margin: 0 2.3em;line-height: 1.8em;text-align: center;}
    .ui-datepicker .ui-datepicker-title select {font-size: 1em;margin: 1px 0;}
    .ui-datepicker select.ui-datepicker-month,
    .ui-datepicker select.ui-datepicker-year {width: 45%;}
    .ui-datepicker table {width: 100%;font-size: .9em;border-collapse: collapse;margin: 0 0 .4em;}
    .ui-datepicker th {padding: .7em .3em;text-align: center;font-weight: bold;border: 0;}
    .ui-datepicker td {border: 0;padding: 1px;}
    .ui-datepicker td span,
    .ui-datepicker td a {display: block;padding: .2em;text-align: right;text-decoration: none;}
    .ui-datepicker .ui-datepicker-buttonpane {background-image: none;margin: .7em 0 0 0;padding: 0 .2em;border-left: 0;border-right: 0;border-bottom: 0;}
    .ui-datepicker .ui-datepicker-buttonpane button {float: right;margin: .5em .2em .4em;cursor: pointer;padding: .2em .6em .3em .6em;width: auto;overflow: visible;}
    .ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {float: left;}

    /* with multiple calendars */
    .ui-datepicker.ui-datepicker-multi {width: auto;}
    .ui-datepicker-multi .ui-datepicker-group {float: left;}
    .ui-datepicker-multi .ui-datepicker-group table {width: 95%;margin: 0 auto .4em;}
    .ui-datepicker-multi-2 .ui-datepicker-group {width: 50%;}
    .ui-datepicker-multi-3 .ui-datepicker-group {width: 33.3%;}
    .ui-datepicker-multi-4 .ui-datepicker-group {width: 25%;}
    .ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,
    .ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {border-left-width: 0;}
    .ui-datepicker-multi .ui-datepicker-buttonpane {clear: left;}
    .ui-datepicker-row-break {clear: both;width: 100%;font-size: 0;}
    .datebtncalendar {cursor: pointer;}

    /* RTL support */
    .ui-datepicker-rtl {direction: rtl;}
    .ui-datepicker-rtl .ui-datepicker-prev {right: 2px;left: auto;}
    .ui-datepicker-rtl .ui-datepicker-next {left: 2px;right: auto;}
    .ui-datepicker-rtl .ui-datepicker-prev:hover {right: 1px;left: auto;}
    .ui-datepicker-rtl .ui-datepicker-next:hover {left: 1px;right: auto;}
    .ui-datepicker-rtl .ui-datepicker-buttonpane {clear: right;}
    .ui-datepicker-rtl .ui-datepicker-buttonpane button {float: left;}
    .ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current,
    .ui-datepicker-rtl .ui-datepicker-group {float: right;}
    .ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header,
    .ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header {border-right-width: 0;border-left-width: 1px;}
    .ui-dialog {overflow: hidden;position: absolute;top: 0;left: 0;padding: .2em;outline: 0;}
    .ui-dialog .ui-dialog-titlebar {padding: .4em 1em;position: relative;}
    .ui-dialog .ui-dialog-titlebar-close {position: absolute;right: .3em;top: 50%;width: 20px;margin: -10px 0 0 0;padding: 1px;height: 20px;}
    .ui-dialog .ui-dialog-content {position: relative;border: 0;padding: .5em 1em;background: none;overflow: auto;}
    .ui-dialog .ui-dialog-buttonpane {text-align: left;border-width: 1px 0 0 0;background-image: none;margin-top: .5em;padding: .3em 1em .5em .4em;}
    .ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {float: right;}
    .ui-dialog .ui-dialog-buttonpane button {margin: .5em .4em .5em 0;cursor: pointer;}

    .ui-dialog .ui-resizable-se {width: 12px;height: 12px;right: -5px;bottom: -5px;background-position: 16px 16px;}
    .ui-draggable .ui-dialog-titlebar {cursor: move;}
    .ui-menu {list-style: none;padding: 0;margin: 0;display: block;outline: none;}
    .ui-menu .ui-menu {position: absolute;}
    .ui-menu .ui-menu-item {position: relative;margin: 0;padding: 3px 1em 3px .4em;cursor: pointer;min-height: 0; /* support: IE7 *//* support: IE10, see #8844 */list-style-image: url("data:image/gif;base64,R0lGODlhAQABAI888F9FAP///yH5BAEAAAAAL888F9FBAAEAAAIBRAA7");}
    .ui-menu .ui-menu-divider {margin: 5px 0;height: 0;font-size: 0;line-height: 0;border-width: 1px 0 0 0;}
    .ui-menu .ui-state-focus,
    .ui-menu .ui-state-active {margin: -1px;}

    /* icon support */
    .ui-menu-icons {position: relative;}
    .ui-menu-icons .ui-menu-item {padding-left: 2em;}

    /* left-aligned */
    .ui-menu .ui-icon {position: absolute;top: 0;bottom: 0;left: .2em;margin: auto 0;}

    /* right-aligned */
    .ui-menu .ui-menu-icon {left: auto;right: 0;}
    .ui-slider {position: relative;text-align: left;}
    .ui-slider .ui-slider-handle {position: absolute;z-index: 2;width: 1.2em;height: 1.2em;cursor: default;-ms-touch-action: none;touch-action: none;}
    .ui-slider .ui-slider-range {position: absolute;z-index: 1;font-size: .7em;display: block;border: 0;background-position: 0 0;}

    /* support: IE8 - See #6727 */
    .ui-slider.ui-state-disabled .ui-slider-handle,
    .ui-slider.ui-state-disabled .ui-slider-range {filter: inherit;}

    .ui-slider-horizontal {height: .8em;}
    .ui-slider-horizontal .ui-slider-handle {top: -.3em;margin-left: -.6em;}
    .ui-slider-horizontal .ui-slider-range {top: 0;height: 100%;}
    .ui-slider-horizontal .ui-slider-range-min {left: 0;}
    .ui-slider-horizontal .ui-slider-range-max {right: 0;}

    .ui-slider-vertical {width: .8em;height: 100px;}
    .ui-slider-vertical .ui-slider-handle {left: -.3em;margin-left: 0;margin-bottom: -.6em;}
    .ui-slider-vertical .ui-slider-range {left: 0;width: 100%;}
    .ui-slider-vertical .ui-slider-range-min {bottom: 0;}
    .ui-slider-vertical .ui-slider-range-max {top: 0;}
    .ui-spinner {position: relative;display: inline-block;overflow: hidden;padding: 0;vertical-align: middle;border-radius: var(--border-radius-md);}
    .ui-spinner-input {border: none;background: none;color: inherit;padding: 0;margin: .2em 0;vertical-align: middle;margin-left: .4em;margin-right: 22px;}
    .ui-spinner-button {width: 16px;height: 50%;font-size: .5em;padding: 0;margin: 0;text-align: center;position: absolute;cursor: default;display: block;overflow: hidden;right: 0;}
    /* more specificity required here to override default borders */
    .ui-spinner a.ui-spinner-button {border-top: none;border-bottom: none;border-right: none;}
    /* vertically center icon */
    .ui-spinner .ui-icon {position: absolute;margin-top: -8px;top: 50%;left: 8px;}
    .ui-spinner-up {top: 0;}
    .ui-spinner-down {bottom: 0;}

    /* TR overrides */
    .ui-spinner .ui-icon-triangle-1-s {/* need to fix icons sprite */background-position: -65px -16px;}
    .ui-tabs {position: relative;/* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */padding: .2em;}
    .ui-tabs .ui-tabs-nav {margin: 0;padding: .2em .2em 0;}
    .ui-tabs .ui-tabs-nav li {list-style: none;float: left;position: relative;top: 0;margin: 1px .2em 0 0;border-bottom-width: 0;padding: 0;white-space: nowrap;}
    .ui-tabs .ui-tabs-nav .ui-tabs-anchor {float: left;padding: .5em 1em;text-decoration: none;}
    .ui-tabs .ui-tabs-nav li.ui-tabs-active {margin-bottom: -1px;padding-bottom: 1px;}
    .ui-tabs .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor,
    .ui-tabs .ui-tabs-nav li.ui-state-disabled .ui-tabs-anchor,
    .ui-tabs .ui-tabs-nav li.ui-tabs-loading .ui-tabs-anchor {cursor: text;}
    .ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor {cursor: pointer;}
    .ui-tabs .ui-tabs-panel {display: block;border-width: 0;padding: 1em 1.4em;background: none;}
    .ui-tooltip {padding: 8px;position: absolute;z-index: 9999;max-width: 300px;-webkit-box-shadow: 0 0 5px #888F9F;box-shadow: 0 0 5px #888F9F;}
    body .ui-tooltip {border-width: 2px;}

/**––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
/*JQUERY UI OVERRIDES*/

    /*JQUERY SPINNER*/
        .ui-spinner.ui-widget-content {padding:0;border:none;}
        .ui-spinner.ui-widget-content .ui-spinner-input{margin: 0;padding: 12px 22px 12px 12px;}
        .ui-spinner a.ui-spinner-button,
        .ui-spinner a.ui-spinner-button:hover {border:1px solid #D8DCE5;color:#888F9F;}
        .ui-spinner .ui-corner-tr{border-top-right-radius: var(--border-radius-md);}
        .ui-spinner .ui-corner-br{border-bottom-right-radius: var(--border-radius-md);}
        .ui-spinner .ui-spinner-up .ui-icon {background-image:none;}
        /*ICONS - NOTE: FONTAWESOME TO REPLACE JQUERY ICONS ARE ADDRESSED IN FONTAWESOME CSS FILE*/
            .ui-spinner .ui-icon {text-indent:initial;font-size:0;width: 100%;}
            .ui-spinner .ui-icon:before {font-size: initial;}

    /*JQUERY DIALOG*/
        .ui-dialog.ui-widget {padding:0;max-width:90%;background-color:#fff;box-shadow: 0px 1px 3px #E4E6EC;box-shadow: 0px 1px 3px 1px rgba(0,0,0,0.1);}
        .ui-dialog .ui-dialog-title {width: 100%; font-size: 18px;}
        .ui-dialog .ui-dialog-content {border-radius:0;background-color:#fff;color:#1F232F;overflow-y: auto;}
        .ui-dialog .ui-dialog-buttonpane {
            margin-top: 0;
            border-top: 1px solid #e8ebed;
            border-radius: 0;
            background-color: #F7F8F9;
            padding: 20px;
            box-shadow: var(--shadow-panel-inset);
        }
        .ui-dialog .ui-dialog-titlebar-close {margin-top: 15px;margin-left: 10px;margin-right: 10px;outline:none;border: none;background: none;}
        .ui-dialog .ui-dialog-buttonpane button:last-child{margin-right:0;}
        .ui-dialog .ui-dialog-title {
            font-weight: 600;
            margin: 0;
            padding: 0;
        }
        .ui-dialog .ui-dialog-title :is(h1, h2, h3, h4, h5, h6) {
            font-weight: 600;
        }
        .ui-dialog .ui-dialog-titlebar {
            border-bottom: 1px solid #e8ebed;
            padding: 20px;
            padding-right: 50px;
        }
        .ui-dialog .ui-dialog-content {
            padding: 40px;
        }
        /*RESET RANDOM HTML THAT ARE PASSED INTO DIALOG DISPLAY - TODO: REFACTOR LIGHTBOX/DIALOG TO PREVENT GAPS BETWEEN EXPECTED VS UNEXPECTED ELEMENTS TO DISPLAY*/
            .ui-dialog h1, .ui-dialog h2{margin-bottom:0;}
            .ui-dialog p {line-height: 1.4;margin-top:10px;}
            .ui-dialog .ui-dialog-content p:first-child{margin-top:-2px;}/*LINE HEIGHT REQUIRES EXTRA NEG TOP MARGIN*/
        /*CC STYLES - NOTE: 'CC' INDICATES CENTERCODE*/
            .ui-dialog.ui-dialog-cc-notitle .ui-dialog-titlebar {padding: 10px 20px;background-color:#F7F8F9;}
            .ui-dialog.ui-dialog-cc-notitle .ui-dialog-title {font-size:inherit;padding:0;}
            .ui-dialog.ui-dialog-cc-notitle .ui-dialog-titlebar .ui-button {margin-top: 10px;}
        /*ICONS - NOTE: FONTAWESOME TO REPLACE JQUERY ICONS ARE ADDRESSED IN FONTAWESOME CSS FILE*/
            .ui-dialog .ui-icon {
                text-indent: initial;
            }

            .ui-dialog .ui-dialog-titlebar .ui-button {
                width: 40px;
                height: 40px;
                padding: 0;
                top: 0;
                right: 0;
                display: flex;
                align-items: center;
                justify-content: center;
                flex-direction: column;
                font-size: 12px;
                border-radius: 50%;
                line-height: 1;
            }

            .ui-dialog .ui-dialog-titlebar-close .ui-icon {
                position: static;
                line-height: 1;
                margin: 0;
                font-size: 16px;
            }
        /*LIST ITEMS WITH LINKS, TODO: REFACTOR, THIS IS TOO GENERIC LEAVING MARGIN FOR ERRORS*/
            .ui-dialog ul.nextstep {margin:0;padding:0;}
            .ui-dialog ul.nextstep li a {
                display: block;
                border-radius: 9px;
                background-clip: padding-box;
                padding: 18px 18px 17px;
                background: #EEF0F3;
                line-height: 1;
                margin-top: 5px;
                border: 1px solid transparent;
                text-decoration: none!important;
                color: #7f7f7f;
            }
            .ui-dialog ul.nextstep li a:hover {background: #d6d6d6;}
            .ui-dialog ul.nextstep li {margin-left:0;list-style-type:none;padding:0;}
            .ui-dialog ul.nextstep li:first-child{margin-top:0;}
            .ui-dialog ul.nextstep li:last-child{margin-bottom:0;}
        /*ui-dialog-buttonpane*/
            .ui-dialog.ui-widget,
            .ui-dialog .ui-dialog-buttonpane {
                border-bottom-left-radius: var(--border-radius-lg);
                border-bottom-right-radius:  var(--border-radius-lg);
            }
            .ui-dialog .ui-dialog-buttonpane .ui-button-text {
                padding: 0;
            }
            .ui-dialog .ui-dialog-buttonpane .bttn {
                padding: 12px 14px;
            }
            .ui-dialog .ui-dialog-buttonpane .bttn-link.color-cancel {
                margin: 0;
                text-decoration: underline;
                font-weight: normal;
            }
            .ui-dialog .ui-dialog-buttonpane .bttn + .bttn-link.color-cancel {
                margin-left: 10px;
            }
            .ui-dialog .ui-dialog-buttonpane .bttn-link.color-cancel:hover,
            .ui-dialog .ui-dialog-buttonpane .bttn-link.color-cancel:focus {
                text-decoration: none;
            }
        /**UI DIALOG - CUSTOMIZATIONS FOR LIGHTBOXES WITH ONE BUTTON**/
            .ui-dialog.ui-dialog-cc-actions-1 .ui-dialog-buttonset,
            .ui-dialog.ui-dialog-cc-actions-2 .ui-dialog-buttonset,
            .ui-dialog.ui-dialog-cc-actions-3 .ui-dialog-buttonset {
                width: 100%;
                float: none;
            }
            .ui-dialog.ui-dialog-cc-actions-1 .bttn {
                display: block;
                width: 100%;
            }
        /**UI DIALOG - CUSTOMIZATIONS FOR LIGHTBOXES WITH TWO BUTTONS**/
            .ui-dialog.ui-dialog-cc-actions-2 .ui-dialog-titlebar,
            .ui-dialog.ui-dialog-cc-actions-2 .ui-dialog-buttonpane,
            .ui-dialog.ui-dialog-cc-actions-3 .ui-dialog-titlebar,
            .ui-dialog.ui-dialog-cc-actions-3 .ui-dialog-buttonpane {
                text-align: center;
            }
            .ui-dialog.ui-dialog-cc-actions-2 .ui-dialog-buttonpane{
                padding: 20px;
            }
            .ui-dialog.ui-dialog-cc-actions-2 .ui-dialog-buttonset .bttn {
                width: 49%;
            }
            .ui-dialog.ui-dialog-cc-actions-3 .ui-dialog-buttonset .bttn {
                width: 32%;
            }
            /* UI DIALOG - CUSTOMIZATIONS FOR LIGHTBOXES WITH FORMS */
            .ui-dialog.ui-dialog-cc-quick-view-form .ui-dialog-content {
                padding: 0;
            }

            .ui-dialog.ui-dialog-cc-quick-view-form .ui-dialog-content .feedback .form-dynamic-tbl {
                box-shadow: none;
            }

            /* UI DIALOG - Title Customization */
            /* Allow title to wrap */
            .ui-dialog.ui-dialog-wrap-title .ui-dialog-title {
                display: inline-block;
                width: 90%;
                float: none;
                white-space: normal;
            }

            @media (max-width: 450px) {
                .ui-dialog .ui-dialog-title {
                    white-space: normal;
                }
                /*NOTE: There's no good way to conditionally apply these styles when buttons wrap.
                        For now specifying max-width pixel based on contents with the knowledge
                        that string changes will causes buttons to wrap at different pixel points...*/
                .ui-dialog.ui-dialog-cc-actions-2 .ui-dialog-buttonpane .ui-dialog-buttonset {float:none;}
                .ui-dialog.ui-dialog-cc-actions-2 .ui-dialog-buttonpane .bttn {
                    display: block;
                    width: 100%;
                }
                .ui-dialog.ui-dialog-cc-actions-2 .ui-dialog-buttonpane .ui-button-text {
                    white-space: normal;
                }
            }
            @media (max-width: 450px) {
                .ui-dialog .ui-dialog-title {
                    white-space: normal;
                }
                /*NOTE: There's no good way to conditionally apply these styles when buttons wrap.
                        For now specifying max-width pixel based on contents with the knowledge
                        that string changes will causes buttons to wrap at different pixel points...*/
                .ui-dialog[data-ui-content="session-timeout"] .ui-dialog-buttonpane .ui-dialog-buttonset {float:none;}
                .ui-dialog[data-ui-content="session-timeout"] .ui-dialog-buttonpane .bttn {
                    display: block;
                    width: 100%;
                }
                .ui-dialog[data-ui-content="session-timeout"] .ui-dialog-buttonpane .ui-button-text {
                    white-space: normal;
                }
            }
            @media (max-width: 490px) {
                /*NOTE: There's no good way to conditionally apply these styles when buttons wrap.
                        For now specifying max-width pixel based on contents with the knowledge
                        that string changes will causes buttons to wrap at different pixel points...*/
                .ui-dialog[data-ui-content="draft-remove"] .ui-dialog-buttonpane .ui-dialog-buttonset {float:none;}
                .ui-dialog[data-ui-content="draft-remove"] .ui-dialog-buttonpane .bttn {
                    display: block;
                    width: 100%;
                }
                .ui-dialog[data-ui-content="draft-remove"] .ui-dialog-buttonpane .ui-button-text {
                    white-space: normal;
                }
            }
        /**UI DIALOG - CUSTOMIZATIONS BASED ON CUSTOM CSS CLASSES PASSED INTO dialogClass PROPERTY**/
            .ui-dialog-cc-center {
                text-align: center;
            }
        /**UI DIALOG - CUSTOMIZATIONS BASED ON LIGHTBOX CALLER...**/
            /* TODO: Custom styling for now, refactor into resuable structure when usage has matured into repeatable patterns*/
            /**LANDING SUBMIT FAIL**/
                .ui-dialog[data-ui-content="landing-submit-fail"] .lightbox-alert .header i {
                    color: #1F232F;
                }
                .ui-dialog[data-ui-content="landing-submit-fail"].ui-dialog-cc-actions-1 .ui-dialog-buttonpane {
                    text-align: center;
                }
                .ui-dialog[data-ui-content="landing-submit-fail"].ui-dialog-cc-actions-1 .ui-dialog-buttonset {
                    float: none;
                }

                .ui-dialog[data-ui-content="retest-feature"] .ui-dialog-content {
                    padding: 70px;
                }

                .ui-dialog[data-ui-content="retest-feature"] .ui-dialog-content .dialog-toolitem {
                    display: flex;
                    align-items: center;
                    flex-direction: row;
                    background: #EEF0F3;
                    padding: 20px;
                    color: #1F232F;
                    border-radius: var(--border-radius-lg);
                    text-align: left;
                    width: 100%;
                    min-height: 79px;
                }
                .ui-dialog[data-ui-content="retest-feature"] .ui-dialog-content .dialog-toolitem:hover,
                .ui-dialog[data-ui-content="retest-feature"] .ui-dialog-content .dialog-toolitem:focus {
                    background: #d2d8dd;
                    text-decoration: none;
                }
                .ui-dialog[data-ui-content="retest-feature"] .ui-dialog-content .dialog-toolitem+.dialog-toolitem {
                    margin-top: 10px;
                }
                .ui-dialog[data-ui-content="retest-feature"] .ui-dialog-content .dialog-toolitem .dialog-toolitem-icon {
                    background:#fff;
                    padding: 10px;
                    height: 60px;
                    width: 60px;
                    border-radius: 50%;
                    margin-right: 20px;
                    display: flex;
                    align-items: center;
                    justify-items: center;
                }
                .ui-dialog[data-ui-content="retest-feature"] .ui-dialog-content .dialog-toolitem .dialog-toolitem-title {
                    font-weight:bold;
                    font-size: 18px;
                }
                .ui-dialog[data-ui-content="retest-feature"] .ui-dialog-content .dialog-toolitem .dialog-toolitem-desc {
                    margin-top: 2px;
                    line-height: 1.6;

                }

    /*JQUERY RESIZABLE FOR REDACTOR ONLY, TODO: POSSIBLE WE DON'T NEED THIS ANYMORE*/
        .redactor-edit.ui-resizeable .ui-resizable-handle {position: absolute; font-size: 0.1px; display: block; -ms-touch-action: none; touch-action: none;}
        .redactor-edit.ui-resizeable .ui-resizable-s {cursor: s-resize; height: 7px; width: 100%; bottom: -5px; left: 0;}
        .redactor-edit.ui-resizeable .ui-resizable-e {cursor: e-resize; width: 7px; right: -5px; top: 0; height: 100%;}
        .redactor-edit.ui-resizeable .ui-resizable-se {cursor: se-resize; width: 12px; height: 12px; right: 1px; bottom: 1px;}
        .redactor-edit.ui-resizeable .ui-icon {width: 16px; height: 16px;}
        .redactor-edit.ui-resizeable .ui-icon,
        .redactor-edit.ui-resizeable .ui-widget-content .ui-icon
         {background-image: url("/images/icon/ui-icons_222222_256x240.png");}
        .redactor-edit.ui-resizeable .ui-icon-gripsmall-diagonal-se {background-position: -64px -224px;}

    /*OLDER RULES - TODO: VERIFY BEFORE CLEANING UP*/
        /* -- Overlays */
        .ui-widget-overlay {position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: transparent; z-index: 9998;}
        .ui-widget-overlay {background: #888F9F; opacity: .7; filter: Alpha(Opacity=70);}
        .ui-widget-shadow {margin: -8px 0 0 -8px; padding: 8px; background: #C9CEDB; opacity: .3; filter: Alpha(Opacity=30);}

        /*-- Lightbox Adjustments */
        .ui-dialog-content {width: 100% !important;} /* prevents width from collapsing when resizing window width */
        .ui-dialog {background: #E4E6EC; z-index: 9999;} /* prevents odd transparency between title and content to appear when resizing window width */
        .ui-dialog:focus {outline: none;} /* prevents odd appearance of whitespace above the body of modal when resizing window width */

        /*JQUERY UI WIDGET OVERRIDES*/
        .ui-widget {font-family:inherit;}
        .ui-widget h1 {margin-top:0;color:inherit;}

    /**SUBMIT BTNS*/
        .submitbtns {
            background: #F7F8F9;
            display: block;
            margin: 70px -70px -70px;
            padding: 20px;
            border-top: 1px solid #EEF0F3;
            width: auto;
        }

        .submitbtns .td {
            padding-left: 10px;
        }

        .submitbtns .td:first-child {
            padding-left: 0;
        }

        .submitbtns .bttn {
            margin-top: 0;
            min-width: 80px;
        }

        .submitbtns .bttn.bttn-link {
            min-width: 0;
        }

        .submitbtns .bttn.color-cancel {
            min-width: 0;
        }

        .hidden .submitbtns {
            margin: 0;
            border-top: none;
        }

        .submitbtns + .section-header.section-header--adv {
            margin-top: 140px!important;
        }

        .FBLinkedBody .submitbtns {
            margin-top: 20px;
        }

    /**LIGHTBOX STYLES**/
    .lb-centered {
        text-align: center;
    }

/**ADD TO STYLE.CSS, NEAR OTHER LIGHTBOX COMPONENTS - IF EXISTS*/
    .lb-body-item + .lb-body-item {
            margin-top: 10px;
    }
    .lb-body-item__header {
            font-size: 16px;
            font-weight: bold;
            margin-bottom: 8px;
    }

    .lb-body-item__header .loading_gif {
        margin-left: auto;
        margin-right: auto;
    }

    /**OVERRIDES ON EXISTING COMPONENTS*/
        .usercard .select2-search__field {
            display: none;
        }
        .lb-body-item .usercard .avatar {
                display: inline-block;
                margin-left: 3px;
                margin-right: 4px;
                position: relative;
                top: -1px;
        }
        .lb-body-item .label {
                line-height: 1;
                padding-top: 3px;
        }
        .bttn.export .ui-button-text:before {
            content: "\f0ed  ";  /* this is your text. You can also use UTF-8 character codes as I do here */
            font-family: FontAwesome;
        }
        .bttn.refresh .ui-button-text:before {
            content: "\f021  ";  /* this is your text. You can also use UTF-8 character codes as I do here */
            font-family: FontAwesome;
        }
/* ---------------------------------------------------------------------- */
/* SECTIONS */
    .section-header .td {line-height: 1;padding: 12px 20px;}
    .section-desc {
        border-left: 5px solid #EEF0F3;
        color: #1F232F;
        font-size: 18px;
        line-height: 1.4;
        padding: 10px 10px;
        margin-bottom:10px
    }
    .section-content.noboth {
        padding-top: 0;
        padding-bottom: 0;
    }
    .section-center {
        text-align: center;
    }
    /*No Header*/
        .pagebody:first-child .section:first-child{border-radius: 4px 4px 0 0;}
        .section-noheader + .section-noheader .section-content,
        .section-outer + .section-noheader .section-content
        {padding-top:0;}
    /*Page Description*/
        .section.pagedesc.dyn {border-bottom: 1px solid #EEF0F3;display: block;margin: 0 -20px;background: #EEF0F3;padding: 0 20px;color: #888F9F;}
        .section.pagedesc.dyn+hr.req {display:none!important;} /*TODO: REMOVE AFTER REFACTOR*/
    /**Border Top*/
        .section-border-top {
            border-top: 1px solid #EEF0F3;
        }
    /**Expand Width*/
        .section-expand-width {
            margin-left: -20px;
            margin-right: -20px;
        }
        .section-expand-width .section-content {
            padding-left: 20px;
            padding-right: 20px;
        }
    /*Steps*/
        .section.step-off {margin-top:3px;}
        .section.step-on+.step-off {margin-top:0;}
        .section.step-off .section-header {color: #888F9F;}
        .section.step-off .section-header .util,
        .section.step-off .section-content{display:none;}
        .section.step-off.section:last-child .section-header{border-radius: 0 0 4px 4px;}
        .section.step-off .section-header a {
            color: #888F9F!important;
        }
    /*Toggle*/
        /*Collapsed*/
            .section.iscollapsed+.section {margin-top: 10px;}
            .section-group .section.iscollapsed:last-child .section-header.section-header{border-radius:0 0 4px 4px;}
    /*Allow Scroll*/
        .section-content--x-auto {overflow-x: auto;}
    /*Utilities*/
        .section-header .utilities {padding:0 20px 0 0;text-align:right;font-size:0;}
        .section-header .utilities .bttn-icon {background:transparent;border-color:transparent;min-width:auto;line-height:1;
            margin-top: -11px;
            padding: 14px;
            margin-bottom: -11px;}
        .section-header .utilities .bttn-icon:last-child{margin-right:-14px;}
        .section-header .utilities .bttn-icon:hover,.section-header .utilities .bttn-icon:focus {color:inherit;opacity:0.8;}
        .section-header .utilities .bttn:not(.bttn-icon) {padding:0 6px;}
        .section-header .utilities .bttn-link:last-child {padding-right:0;}
        .section-header a {color:inherit;}
        .section-header .utilities .bttn-link.active {opacity:0.4;}
        .section-header .utilities .bttn-icon.bttn-link {
            padding: 0;
            min-width: auto;
            display: inline-block;
        }
        .section-header .utilities .bttn-icon {
            background: rgba(0,0,0,0.2);
            color: inherit;
            font-size: initial;
            padding: 0;
            letter-spacing:-1px;
            line-height: 1.4em;
            width: 1.5em;
            height: 1.5em;
            margin-top: -1px;margin-bottom: -2px; /*SEGMENT: [ES] NECESSARY HACK TO KEEP H3's THE SAME HEIGHT ON DIST FREE LAYOUT*/
        }
        .section-header .utilities .bttn-icon.bttn-link:last-child,
        .section-header .utilities .bttn-icon:last-child
        {margin-right:0;}
    /*Hidden*/
        .section-content.hidden {border:none;border-radius:0;padding:20px;background:none!important;}
        .section-content.hidden .hidden, .section-content .hidden .hidden {padding: 10px;}
        .section-group .section:last-child .section-content.hidden{border-radius:0 0 4px 4px;}
    /**SECTION CONTENT - PAGEHEADER*/
        .section-content .pageheader {
            /*NOTE: IF THE PAGE TITLE IS DRAWN INSIDE A
             *      SECTION CONTENT, THEN NEGATE THE TOP
             *      PADDING ON .section-content BY USING
             *      NEG MARGIN*/
            /*TODO: NOW THAT SECTION DIVS HAS MATURED
             *      SIGNIFICANTLY, NEED TO RE-DESIGN
             *      BETTER PATTERNS WHEN TIME PERMITS*/
            margin-top: -20px;
        }
    /*Date Picker*/

        .section .form-datepicker input[type="text"]:not(.form-control){width:auto;} /*REFACTOR*/
        /* .section .form-datepicker {display:block;float:left;} */
        .section .form-datepicker i.fa-calendar,
        .form-datepicker i.fa-calendar,
        .kb .formtable i.fa-calendar,
        .feedbackcontrol i.fa-calendar {
            top: 3px;
            margin-left: 8px;
            position: relative;
            cursor: pointer;
            font-size: 24px;
        }

        .flatpickr-current-month .flatpickr-monthDropdown-months:focus,
        .flatpickr-current-month .flatpickr-monthDropdown-months:active,
        .flatpickr-current-month input.cur-year {
            border: none !important;
            box-shadow: none !important;
        }

    /*Style - Full Width*/
        .section-fullwidth {margin: 0 -20px;}
    /*Style - Bar*/
        .section-bar {padding: 20px;margin: 0 -20px;}
        .section-bar-sm {padding:10px 20px;margin: 0 -20px;}
    /*REFACTOR: BUILD section-utility INTO SECTION CLASS*/
        .section.section-utility .section-content {
            padding:20px;
        }
        [class*="section-bar"] .section-content {padding:0;}
        [class*="section-bar"] + .section-noheader .section-content {padding-top:20px;}
        [class*="section-bar"] + [class*="section-bar"] .section-content {padding-top:0;}
        .page .section.section-bar-padded {
            /*TODO: decrease specificify on refactor*/
            padding: 20px;
        }
    /*Select - Utility*/
        .section-utility {border-top: 1px solid #e8ebed;background: #F7F8F9;color: #576366;text-align: center;margin: 0 -20px;}
        .section-utility a {display: inline-block;color:#7b8b8e!important;}
        .section-utility a:hover, .section-utility a:focus {color:#7b8b8e!important;}
        .section-utility a+a{margin-left: 30px;}
        .section-utility a:last-child {margin-right: 0;}
    /*Select - Well*/
        .section-well {border-top: 1px solid #e8ebed;background: #EEF0F3;margin: 0 -70px;}
        .section-well .section-content {
            padding: 20px 70px

        }
        .section-well .form-item.flex {
            align-items: center;
            justify-content: space-evenly;
        }
        .section-well .form-item.flex h5 {
            font-size: 22px;
        }
        .section-well .form-item.flex select {
            flex-basis: 20%;
        }
    /*Select - Multi*/
        .section select[multiple] {display: block;height: auto;padding: 0;width: 100%;}
        .section select[multiple] option {overflow:hidden;}
    /*Select - Conditional Date Fields*/
        .section select:not([multiple]):not(.form-control) {
            background-image: url("/images/css/elem-select-gray.svg?3"), none;
            background-repeat: no-repeat;
            background-size: 16px auto;
            background-position: right 12px center;
            padding-right: 40px;
        }
        .section .hidden select:not([multiple]):not(.form-control) {background-color: #fff;}
    /**SECTION TYPE - UNPUBLISHED PREVIEW*/
        /*NOTE: IN THE FUTURE WE SHOULD BE USING A PATTERNED APPROACH
         *      RATHER THAN SLAPPING ON CSS LIKE THIS. THE DRAWING
         *      METHOD IN ASP, GetArticle(), IS LIMITED IN DYNAMICALLY
         *      ADJUSTING HTML PATTERNS NECESSARY FOR VARYING VIEW MODES.
         *      FOR NOW WE WILL BE RELYING ON A PARENT WRAPPER - DEVELOPERS
         *      MUST MANUALLY REMEMBER TO INCLUDE THIS PARENT WRAPPER ON
         *      EVERY APPLICABLE ASP CALLING PAGE.*/
        .section--is-unpublished-preview .cc-editor-cont--output-outer p:last-child {
            margin-bottom: 0;
        }

/* ---------------------------------------------------------------------- */
/**SECTION ITEMS*/
    .SectionItem {
        margin-top: 35px;
    }
    .SectionItem-header {
        /*positioning*/
        display: table;
        width: 100%;
        /*whitespace*/
        margin-bottom: 10px;
    }
    .SectionItem-header h5 {
        margin: 0;
    }
    .SectionItem-header__title {
        /*positioning*/
        display: table-cell;
    }
    .SectionItem-header__title .title {
        display: inline;
    }
    .SectionItem-header__title.centered {
        /*formatting*/
        text-align: center;
        font-weight: normal;
        font-size: 15px;
    }
    .SectionItem-header__utility {
        /*positioning*/
        display: table-cell;
        /*formatting*/
        text-align: right;
    }
    .SectionItem-header__utility .bttn-link {
        padding: 0;
    }
    .SectionItem.is-req .SectionItem-header__title .title:after {
        content: " *";
        color: #D95151;
    }
    .SectionItem.is-err .SectionItem-header__title .title {
        color: #D95151;
    }
    .SectionItem-body--e2e {
        margin-left: -70px;
        margin-right: -70px;
    }
    .SectionItem.is-err .cke_contents {
        border: 1px solid #D95151 !important;
        box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    }
    .SectionItem.collapsed[data-child-type="editor"] .cke_contents {
        height: 65px !important;
    }

/* ---------------------------------------------------------------------- */
/* INNER - DISTRACTION FREE LAYOUT */

    /*Page Main Inner*/
        .layout-distfree .page {
            padding: 70px;
            margin-bottom: 30px; /*NOTE: adds necessary whitespace btwn bottom of page body and fixed footer bar*/
        }
        .layout-distfree:not(.page-hasfixedbtmbar) .page {
            margin-bottom: 20px;
        }

/* ---------------------------------------------------------------------- */
/* "UNWRAPPED" LAYOUT - USED FOR BOTH LOGGED IN AND NOT-VERIFIED SESSIONS... INTRODUCED FOR OPT-OUT AND AGREEMENTS*/
    [data-page-layout="layout-unwrapped"] .sitefooter {
        text-align: center;
        padding: 20px;
    }
    [data-page-layout="layout-unwrapped"] .sitebackground {
        position: fixed;
        top: 0;
        left: 0;
        height: 100%;
        width: 100%;
        z-index: -1;
        background-size: cover;
        background-repeat: no-repeat;
        background-position: center center;
        background-attachment: fixed;
    }

/* ---------------------------------------------------------------------- */
/* OUTER - LETTERHEAD LAYOUT */
    /*--Reset--*/
        .layout-letter hr.submit {border: none; margin: 0 0 10px;}
    /*--Site Level--*/
        .layout-letter .sitebackground {position: fixed; top: 0; left: 0; height: 100%; width: 100%; z-index: 0; background-size: cover; background-repeat: no-repeat; background-position: center center; background-attachment: fixed;}
    /**SITE TOP BAR*/
        .layout-letter .sitetopbar {
            /*This wrapper ensures that child buttons are aligned to the right.*/
            position: relative;
            text-align: right;
        }
        .layout-letter .sitetopbar a {
            /*These buttons will wrap if window becomes too narrow to display them in a single row.
            */
            /*positioning*/
            display:inline-block;
            /*whitespace inner*/
            padding: 10px 20px;
            /*background*/
            background: #000;
            /*borders*/
            border-right: 1px solid #3d3d3d;
            border-bottom: 1px solid #2b2b2b;
            color: #fff!important;
        }
        .layout-letter .sitetopbar a:hover,
        .layout-letter .sitetopbar a:focus {
            background: #1F232F;
            text-decoration: none;
            color: #fff!important;
        }

        /**LAYOUT LETTER - SITE HEADER*/
            .layout-letter .siteheader {
                padding: 0;
            }
            .layout-letter .siteheader .sitelogo {
                margin-bottom: 50px;
                margin-top: 70px;
            }
            .layout-letter .sitetopbar + .sitelayout .siteheader .sitelogo {
                margin-top: 31px;
            }
        /**LAYOUT LETTER _ SITE HEADER - LETTER FLOAT*/
        .layout-letter .sitelogo {margin: 0 auto;width:100%;}
        .layout-letter .sitename {font-size: 42px;line-height:1.2;}
    /*--Page Level--*/
        .layout-letter .page {
            max-width: 650px;
            margin: 0 auto;
        }
        .layout-letter .pagetitle {
            padding: 20px;
            line-height: 1.2;
            margin: 0;
            border-radius: 4px 4px 0 0;
        }
        .layout-letter.landing .pageouter {width:auto;min-width:320px;max-width:100%;}
    /*Section*/
        .layout-letter .pagelayout {padding: 0 5%; background: none;}
    /*WYSIWYG Headers*/
        .layout-letter .page .landingcontents-body > :is(h1, h2, h3, h4, h5):first-child {
            margin-top: 0;
        }

/* ---------------------------------------------------------------------- */
/* LAYOUT - UNWRAPPED */
    .layout-unwrapped .siteheader {
        height: 50px;
        text-align: center;
    }
    .layout-unwrapped .sitelogo img {
        max-width: 60%;
    }
    .layout-unwrapped .pageouter {
        min-width: 320px;
        width: 100%;
        max-width: 1000px;
    }

/*--Refactor Components--*/
.section-refactor .section {padding:0;} /*DOING: REMOVE IF NOT NEEDED*/

/* ---------------------------------------------------------------------- */
/* COMPONENTS - REUSABLE VISUAL ELEMENTS */

    /* LIST BUTTONS TODO: REFACTOR THESE INTO THE NEW BTTN*/
        .listbutton h5 {
            margin-bottom: 10px;
        }
        .listbutton .list {
            padding-left: 0;
            list-style-type: none;
            margin-bottom: 0;
            margin-top: 0;
        }
        .listbutton .lb-item {
            width: 100%;
        }
        .listbutton .lb-item--title:first-of-type {
            padding-top: 0;
        }
        .listbutton .lb-item--title {
            padding: 35px 0px 10px 0px;
            font-size: 18px;
            font-weight: 700;
            line-height: 100%;
        }
        .listbutton .lb-item.lb-item-lastitem {
            border-top: 1px solid #f7f7f7;
        }
        /* List Buttons | As Buttons */
        .listbutton.asbuttons .lb-desc {
            font-size: 18px;
        }
        .listbutton.asbuttons .lb-item {
            margin-left: 0;
            margin-bottom: 15px;
        }
        .listbutton.asbuttons .lb-item:last-child {
            margin-bottom: 0;
        }
        .listbutton.asbuttons i {
            margin-right: 15px;
            font-size: 24px;
            vertical-align: middle;
        }
        .listbutton.asbuttons a {
            border-radius: var(--border-radius-lg);
            padding: 18px 15px;
            background: #F7F8F9;
            color: #1F232F;
            border: 1px solid #D8DCE5;
            display: flex;
            align-items: center;
            box-shadow: var(--shadow-element-blocky);
        }
        .listbutton.asbuttons a:hover, .listbutton.asbuttons a:focus, .listbutton.asbuttons a:active {
            background: #E4E6EC;
            text-decoration: none;
            color: #1F232F;
        }
        /* List Buttons | As Links */
        .listbutton.aslinks .lb-item {
            margin-left: 0;
        }
        .listbutton.aslinks .lb-item .lb-desc {
            margin-right: 2px;
            display: inline;
        }
        .listbutton.aslinks i {
            margin-right: 4px;
            vertical-align: middle;
        }
        /*Vertical Align*/
        .listbutton .lb-item .lb-item--html-inner {
            /*NOTE: NEGATE INLINE BLOCK INTENDED FOR ELLIPSIS*/
            display: block;
        }
        /* Phase Type Specific Styles */
        .listbutton .lb-item--engagement-phase a {
            border: solid 1px #32B588;
            background-color: #F6FDF8;
        }

        .listbutton .lb-item--engagement-phase a:hover, 
        .listbutton .lb-item--engagement-phase a:focus, 
        .listbutton .lb-item--engagement-phase a:active {
            background-color: #E4F8EA;
        }

        .listbutton .lb-item--engagement-phase .lb-icon {
            color: #008373;
        }

        .listbutton .lb-item--regression-phase a {
            border: solid 1px #AAB1C1;
            background-color: #FFFFFD;
        }

        .listbutton .lb-item--regression-phase a:hover, 
        .listbutton .lb-item--regression-phase a:focus, 
        .listbutton .lb-item--regression-phase a:active {
            background-color: #FFFFF4;
        }

        .listbutton .lb-item--regression-phase .lb-icon {
            color: #D19713;
        }

        .listbutton .lb-item--newuser-phase a {
            border: solid 1px #AAB1C1;
            background-color: #F6FDFD;
        }

        .listbutton .lb-item--newuser-phase a:hover, 
        .listbutton .lb-item--newuser-phase a:focus, 
        .listbutton .lb-item--newuser-phase a:active {
            background-color: #E4F7F8;
        }

        .listbutton .lb-item--newuser-phase .lb-icon {
            color: #006D87;
        }

        
        .listbutton .lb-item--phaseless-phase a {
            border: solid 1px #AAB1C1;
            background-color: #f7f8f9;
        }

        .listbutton .lb-item--phaseless-phase a:hover, 
        .listbutton .lb-item--phaseless-phase a:focus, 
        .listbutton .lb-item--phaseless-phase a:active {
            background-color: #E6E8ED;
        }

        .listbutton .lb-item--phaseless-phase .lb-icon {
            color: #AAB1C1;
        }

        .listbutton .lb-item--phase-create a {
            border: solid 1px #32B588;
            background-color: #32B588;
            color: #FFFFFF;
            font-weight: 600;
        }

        .listbutton .lb-item--phase-create a:hover, 
        .listbutton .lb-item--phase-create a:focus, 
        .listbutton .lb-item--phase-create a:active {
            background-color: #129C7D;
            color: #FFFFFF;
        }

        .listbutton .lb-item--no-phases .lb-item--html-inner {
            border-radius: var(--border-radius-lg);
            padding: 18px 15px;
            background: #D8DCE5;
            color: #676D7E;
            border: solid 1px #D8DCE5;
            display: flex;
            align-items: center;
            box-shadow: var(--shadow-element-blocky);
        }

        .listbutton .lb-item--no-phases a{
            padding: 0;
            margin: 0;
            border: none;
            display: inline;
            box-shadow: none;
            border-radius: 0;
            background: none !important;
            text-decoration: underline !important;
            color: #676D7E;
            font-size: 18px;
        }

        .listbutton--compressed.asbuttons .lb-item--link {
            margin-bottom: 0;
        }

        .listbutton--compressed.asbuttons a {
            border-radius: var(--border-radius-none);
        }

        .listbutton--compressed.asbuttons a b {
            font-weight: 600;
        }

        .listbutton--compressed.asbuttons a .subtext {
            color: #1F232F!important;
            margin-left: 2px;
        }

        .listbutton--compressed.asbuttons .lb-item--link+.lb-item--link a {
            border-top: none;
        }
        
        .listbutton--compressed.asbuttons .lb-item--title+.lb-item--link a,
        .listbutton--compressed.asbuttons .lb-item--link:first-child a {
            border-top-left-radius: var(--border-radius-lg);
            border-top-right-radius: var(--border-radius-lg);
        }

        .listbutton--compressed.asbuttons .lb-item--link:last-child a {
            border-bottom-left-radius: var(--border-radius-lg);
            border-bottom-right-radius: var(--border-radius-lg);
        }



    /**PIPELINE*/
        .stats {
            font-weight: bold;
            background: #EEF0F3;
            color: #1F232F;
            padding: 15px 18px;
            border-radius: var(--border-radius-full);
            min-height: 48px;
        }
        .stats .cnt {font-weight:bold;margin-right:0.4em;float:left;}
        .stats .lbl {white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}
        /**PIPELINE STATES*/
            /*NOT DONE*/
            .stats--total {
                color: #1F232F;
                background: #E4E6EC;
            }
            .stats--emailed {
                color: #1F232F;
                background: #AAB1C1;
            }
            .stats--remaining {
                color: #1F232F;
                background: #AAB1C1;
            }
            .stats--clicked {
                color: #fff;
                background: #4C5163;
            }
            .stats--available {
                color: #fff;
                background: #4C5163;
            }
            .stats--delivered {
                color: #fff;
                background: #6d6d6d;
            }
            /*DONE*/
            .stats--not-interested {
                background: #1F232F;
                color: #fff;
            }
            .stats--blacklisted {
                background: #1F232F;
                color: #fff;
            }
            .stats--converted {
                background: #32B588;
                color: #fff;
                cursor: pointer;
            }
            .stats--stacked {
                cursor: pointer;
                text-align: center;
            }
            .stats--stacked .cnt {
                float: none;
                font-size: 24px;
                margin: 0;
            }
            .stats--stacked .lbl {
                float: none;
                margin: 0;
            }
    /* PAGE FIXED BOTTOM BAR */
        .pagefixedbtmbar {
            position: fixed;
            bottom: 0;
            left: 0;
            width: 100%;
            padding: 20px 0;
            box-shadow: 0px -3px 3px rgba(0,0,0,0.2);
        }
        .pagefixedbtmbar-outer {
            padding: 0 20px;
        }
        .pagefixedbtmbar-inner {
            margin: 0 auto;
            padding: 0;
        }
        .pagefixedbtmbar[data-submit-ready="False"],
        .submitbtns[data-submit-ready="False"] {
            display: none;
        }
        .pagefixedbtmbar:before {
            content: "";
            position: absolute;
            z-index: -1;
            height: 100%;
            width: 100%;
            top: 0;
            left: 0;
            background: #EEF0F3;
        }
        .pagefixedbtmbar .submitbtns {
            background: none;
            margin: 0 auto;
            padding: 0;
            border: none;
        }

        /**TODO: COMPLETELY REMOVE THESE PADDING BOTTOM STYLES ONCE
         *       WE CAN DETERMINE THAT THIS IS NO LONGER NEEDED*/
            [data-ui-submit-bar="fixed"] .pageouter {
                padding-bottom: 100px;
            }

            [data-ui-submit-bar="fixed"]:not([data-page-layout="layout-distfree"]) .pageouter {
                padding-bottom: 0;
            }

            [data-ui-submit-bar="fixed"]:not([data-page-layout="layout-panels"]) .pageouter {
                padding-bottom: 0;
            }

        .pagefixedbtmbar hr, .pagefixedbtmbar .submit {display:none;}
        .pagefixedbtmbar .td--isleft.td--isnotcancel{width:auto;}
        .pagefixedbtmbar .td--isright{width:auto;text-align:right;}
        .pagefixedbtmbar .td--isright .btn.cancel {padding-right:0;}
        .pagefixedbtmbar .btn.cancel:hover {color:#C9CEDB;}
        .pagefixedbtmbar .info {
            color: #e8ebed;
            margin-bottom: 10px;
            border-radius: 4px;
            padding: 6px 11px;
        }
        .pagefixedbtmbar .info.success {background-color: #32B588;}
        .pagefixedbtmbar .info.error {background-color:#B03131;}
        .pagefixedbtmbar .info .loadersmall {
            display: inline-block;
            margin: -3px 10px 0 0;
            vertical-align: middle;
        }
        /** PAGE FIXED BOTTOM BAR - INFO BAR*/
            .pagefixedbtmbar-info-bars {
                margin: -20px -10px 20px;
                text-align: center;
                text-transform: uppercase;
                letter-spacing: 0.05em;
                line-height: 0;
            }
            .pagefixedbtmbar-info-bar {
                padding: 10px 10px 8px;
                line-height: 1.2;
            }
            .pagefixedbtmbar-info-bar-inner {
                width: 720px;
                margin: 0 auto;
                padding: 0 20px;
            }
            /**INTENT*/
                .pagefixedbtmbar-info-bar--danger {
                    background-color: tomato;
                    color: #fff;
                }

    /* STICKY FOOTER */
        .stickyfooter {
            position: relative;
            min-height: 100%;
        }
        .stickyfooter .pagelayout {
            padding-bottom: 0;
        }
        .stickyfooter .sitefooter {
            /* NOTE: JS assigns the height, each theme can have
             * different heights, footer can have optional strings
             * for .utility1, .utility2 */
            position: absolute;
            bottom: 0;
            width: 100%;
        }
        .stickyfooter .sitefooter-inner {
            padding: 20px;
            text-align: center;
        }
        .sitefooter .footer-item {
            margin: 0 15px;
        }
        .sitefooter .footer-item--fixed {
            position: fixed;
            bottom: 0;
            left: 0;
            background-color: #7a7a7a;
            padding: 10px;
            text-decoration: none;
            color: #fff;
            transition: background-color .3s;
        }
        .sitefooter .poweredby .poweredby-unfurl {
            display: flex;
            color: #1F232F;
            align-items: center;
            position: fixed;
            bottom: 8px;
            left: 8px;
            height: 40px;
            background: #fff;
            border-radius: 9999px;
            overflow-x: hidden;
            transition: width 400ms cubic-bezier(.645, .045, .355, 1);
            cursor: pointer;
        }
        .sitefooter .poweredby .poweredby-unfurl.unfurl-minimized {
            width: 40px;
        }
        .sitefooter .poweredby .poweredby-unfurl.unfurl-minimized:hover {
            width: 232px;
        }
        .sitefooter .poweredby .poweredby-unfurl:not(.unfurl-minimized) {
            color: white;
        }
        .sitefooter .poweredby .poweredby-unfurl .poweredby-logo-container {
            background: white;
            height: 40px;
            width: 40px;
            border-radius: 9999px;
        }
        .sitefooter .poweredby .poweredby-unfurl .poweredby-logo {
            width: 32px;
            height: 32px;
            margin: 0px 4px;
            max-width: inherit;
        }
        .sitefooter .poweredby .poweredby-unfurl .poweredby-tagline {
            display: inline-block;
            line-height: 1;
            margin: 6px;
            white-space: nowrap;
            font-size: 16px;
            font-weight: 600;
            margin-right: 15px;
        }
        .sitefooter .poweredby .poweredby-unfurl:not(.unfurl-minimized) .poweredby-tagline {
            margin-left: 10px;
        }

        /**PAGE WIDTH - WIDETABLE*/
            [data-page-width="widetable"] .sitefooter-inner {
                /*NOTE: this element should mimick
                 *width applied to .layouttable for
                 *pages set to widetable*/
                max-width: 1440px;
                margin: 0 auto;
            }
            [data-page-width="widetable"] .sitefooter-inner-inner {
                /*NOTE: this element should mimick
                 *width applied to .leftnavback for
                 *pages set to widetable*/
                margin-left: 260px;
            }
            [data-page-width="widetable"] .hastips .sitefooter-inner-inner {
                margin-left: 0;
            }

        body.page-loading .loading-content,
        body.page-redirecting .loading-content,
        body.page-redirecting-external .loading-content {
            display: block!important;
        }

        body.page-loading .routing-error-content,
        body.page-redirecting .routing-error-content,
        body.page-redirecting-external .routing-error-content {
            display: none!important;
        }

        body.page-routingerror .loading-content {
            display: none;
        }

        body.page-routingerror .routing-error-content {
            display: block;
        }

        body.page-loading {
            min-width: 0;
        }

        body.page-loading #admin-nav,
        body.page-loading #footer-nav,
        body.page-loading .browser-notice,
        body.page-loading .navbar-container,
        body.page-loading .trialer-countdown {
            display: none;
        }
    /* WELL */
        .well {padding: 10px;border-radius: 2px;background: #F7F8F9;}
        .well:after {content:"";display:table;clear:both;}
        .well-sm {padding: 5px;}
        .well-center {text-align:center;}
        .well.is-inline {display: inline-block;}
        .well select:not([disabled]),
        .well--hidden select:not([disabled]),
        .well .form-control:not([disabled]),
        .well .form-item .form-control:not([disabled]),
        .well .form-row .form-control:not([disabled]) {
            background-color: #fff;
        }
        .well .icon,
        .well .desc
        {vertical-align: middle;color: #7f7f7f;}
        .well .icon {margin-right: 10px;font-size: 20px;}
        .well .desc {font-size: 90%;}
        .well-em {background-color:#EEF0F3;}
        .well--highlight {background-color:#67AEEB;}
        .well--highlight .bttn {background:#fff; color:#1F232F;}
        .well--highlight .bttn:hover {background:#67AEEB;color:#fff;border-color:#fff;}
        .well--alert {
            background: #FFF9C4;
            border: 1px solid #FFF59D;
        }
        /**WELL - CONTENTS*/
        .well__header {
            font-weight: bold;
            line-height: 1.4;
        }
        .well__header + .well__desc {
            margin-top: 5px;
        }
        .well__desc a {
            text-decoration: underline;
            cursor: pointer;
        }
        .well__desc a:hover,
        .well__desc a:focus {
            text-decoration: none;
        }

    /* ALERT - success, info, warning, danger, default (grayish) */
        .alert {
           padding: 10px;
           border: 1px solid #eaeaea;
           border-radius: 2px;
           background: url(/images/css/bg-well.png);
        }
        .alert.is-inline {
            display: inline-block;
        }
        .alert select
        {
            background: #fff;
        }
        .alert input[type="text"] {
            background: url(/images/css/80-Light.png) transparent;
        }
        .alert .icon,
        .alert .desc {
          vertical-align: middle;
        }
        .alert .icon {
          margin-right: 10px;
          font-size: 20px;
        }
        /*ALERT STYLES*/
        .alert-default {border-color:#eaeaea;background-color:#f0f1f3;color: #71818f;}
        .alert-success {}
        .alert-info {}
        .alert-warning {}
        .alert-danger {}
        /*ALERT SIZES*/
        .alert-lg {}
        .alert-xl {}
        .alert-sm {}
        .alert-xs {}

    /*LABELS*/
        .label[class*="label-"] {
            display: inline-block;
            padding: .25em .4em;
            font-size: 75%;
            font-weight: bold;
            line-height: 1;
            color: #fff;
            text-shadow: none;
            text-align: center;
            white-space: nowrap;
            vertical-align: baseline;
            border-radius: .25rem;
        }
        .label[class*="label-"]:empty {display: none;}
        .btn .label[class*="label-"] {position: relative;top: -1px;}
        a.label[class*="label-"]:focus, a.label[class*="label-"]:hover {color: #fff;text-decoration: none;cursor: pointer;}
        .label.label-pill {padding-right: .6em;padding-left: .6em;border-radius: 10rem;}
        .label.label-inactive {background-color: #737682;border-color:#737682;color:#b5b7bd;}
        .label.label-default {background-color: #818a91;border-color:#6D767E;}
        .label.label-default[href]:focus, .label.label-default[href]:hover {background-color: #687077;border-color:#51575D;}
        .label.label-primary {background-color: #0275d8;border-color:#025aa5;}
        .label.label-primary[href]:focus, .label.label-primary[href]:hover {background-color: #025aa5;border-color:#025aa5;}
        .label.label-success {color: #32B588;border-color:#32B588;border-width: 2px}
        .label.label-success[href]:focus, .label.label-success[href]:hover {background-color: #449d44;border-color:#449d44;}
        .label.label-info {background-color: #5bc0de;border-color:#31b0d5;}
        .label.label-info[href]:focus, .label.label-info[href]:hover {background-color: #31b0d5;border-color:#31b0d5;}
        .label.label-warning {background-color: #f0ad4e;border-color:#ec971f;}
        .label.label-warning[href]:focus, .label.label-warning[href]:hover {background-color: #ec971f;border-color:#ec971f;}
        .label.label-danger {background-color: #d9534f;border-color:#c9302c;}
        .label.label-danger[href]:focus, .label.label-danger[href]:hover {background-color: #c9302c;border-color:#c9302c;}
        .label span {font-size: inherit;}
        /**LABEL - WIDTH*/
        .label-full {width: 100%;}
        /**LABEL - SIZE*/
        .label.label-regular {font-size:100%;}
        /*INVERTED*/
        .well .label.label-default {background-color: #AAB1C1;border-color:#777;}
        .well .label.label-default[href]:focus, .label.label-default[href]:hover {background-color: #AAB1C1;border-color:#777;}

    /**PLACEHOLDER*/
        .placeholder {
            border-radius: var(--border-radius-lg);
            padding: 12px;
            font-weight: bold;
            color: #888F9F;
            background-color: #F7F8F9;
            border: 1px solid #ebecec;
            text-shadow: 0  1px 0 #FFF;
        }
        .placeholder a {color: #888F9F!important;text-decoration: underline;}
        .placeholder a:hover,
        .placeholder a:focus,
        .placeholder a:active {
            text-decoration: none;
        }
        .placeholder h5 {
            color: #888F9F;
            margin: 0;
            font-size: inherit;
        }
        .ph-loader {}
        /*Don't show shadows when selecting text*/
            .placeholder::-moz-selection { background: #f0f1f3; color: #fff; text-shadow: none; }
            .placeholder::selection { background: #f0f1f3; color: #fff; text-shadow: none; }
        /**Basic Structure*/
            .placeholder .fas {margin-right: 10px;}
            .placeholder div.icon {font-size:1em;line-height:1em;height: 1em;width: 1em;margin-right: 5px;display: inline-block;vertical-align:middle;position:relative;top:-1px;}
            .placeholder div.desc {display: inline-block;vertical-align:middle;}
        /**Horizontally Centered*/
            .ph-center {text-align:center;}
        /**Vertically Centered*/
            .ph-vcenter {font-weight: bold;text-align:center;text-shadow: 1px 4px 6px #f0f1f3, 0 0 0 #000, 1px 4px 6px #f0f1f3;/*Shadows are visible under slightly transparent text color*/}
            .ph-vcenter .ph-inner:not(.td){position: relative;top: 50%;transform: translateY(-50%);margin:0 auto;padding:0.8em 1em 1em;}
        /**Stacked Style*/
            .ph-stacked div.icon {display: block;margin: 0 auto;}
            .ph-stacked div.desc {margin-top:20px;line-height:1.2em;}
        /**Inline Style*/
            .ph-inline {display:inline-block;}
        /**No Border Style*/
            .ph-no-border {
                border: none;
                border-radius: 0;
            }
        /**Size - Small*/
            .ph-sm {font-size:30px;}
        /**Size - Medium*/
            .ph-md {font-size:40px;}
            .ph-md.ph-centercenter {margin-top: 20px;display: block;font-size: 24px;font-weight: bold;text-align: center;border-radius: 5px;padding: 60px 20px;}
        /**Size - Large*/
            .ph-lg {font-size:50px;}
            .ph-nodata.ph-lg .icon {font-size: 90px;}
            .ph-lg.ph-centercenter {margin-top: 20px;display: block;font-size: 50px;font-weight: bold;text-align: center;border-radius: 5px;padding: 60px 20px;}
        /**Size - Page*/
            /*NOTE: Use this to display a placeholder as the main page body*/
            .ph-page-body {
                display: block;
                font-size: 48px;
                font-weight: normal;
                text-align: center;
                padding: 130px 20px;
                background-color: #fff;
                border-color: #fff;
            }
        /**Overlay*/
            .ph-overlay {
                display: block;
                font-size: 20px;
                font-weight: bold;
                text-align: center;
                border-radius: var(--border-radius-lg);
                background-color: #fff;
                border-color: #fff;
                position: absolute;
                top: 0;
                left: 0;
                z-index: 2;
                height: 100%;
                width: 100%;
            }
            .ph-overlay .ph-inner {
                display: table;
                width: 100%;
                height: 100%;
            }
            .ph-overlay div.desc {
                display: table-cell;
                vertical-align: middle;
                padding: 20px;
            }
        /**Size - Form Row*/
            .ph--form-row {
                font-size: 18px;
                height: 40px;
                line-height: 1;
            }
            .ph--form-row div.desc,
            .ph--mult-line div.desc {
                padding: 0;
            }
        /**Size - Text Only*/
            .ph-txt-sml {
                font-size: 20px;
            }
            .ph-txt-med {
                font-size: 30px;
            }
            .ph-txt-med  .sub-desc {
                font-size: 18px;
            }
        /**Color - Dark*/
            .ph-dark {color: #737682;background-color: #B5B7BD;border: 1px solid #9B9DA5;text-shadow: 0 1px 0 #D7D8DA;}
        /**Color - White*/
            .ph-white {
                background-color: #fff;
                border-color: #fff;
            }
        /**Color - Light Gray*/
            .ph-light-gray {
                background-color: #E4E6EC;
                border-color: #E4E6EC;
            }
        /**ADJUSTMENTS FOR PLACEHOLDERS IN LEFT NAV*/
            .nav-actions__placeholder {
                border: 1px solid #D8DCE5;
            }
        /**ADJUSTMENTS FOR PLACEHOLDER IN VIEWS*/
            [data-lc-lightbox] .placeholder {
                text-align: center;
            }
            [data-lc-lightbox] .placeholder .icon {
                position: absolute;
                top: calc(50% - 10px);
                left: calc(50% - 10px);
                margin-right: 0px;
                width: 20px;
                height: 20px;
            }
        /** */
            .ph-w-200 {
                width: 200px;
            }
            .ph-h-50 {
                height: 50px;
            }
            .ph-w-400 {
                width: 400px;
            }
            .ph-h-400 {
                height: 400px;
            }
.ph-loader-report {height:400px;width:100%;}
.ph-loader-report .ph-outer {display:table;height:100%;}
.ph-loader-report .ph-inner {display:table-cell;vertical-align:middle;}

.ph-dynheight {position: absolute;top: 0;left: 0;height: 100%;width: 100%;}
.ph-dynheight .tbl.ph-outer {display: table; width: 100%;height: 100%;border:none;background:none;border-collapse: separate;/*allows td's to have rounded border*/}
.ph-dynheight .td.ph-inner {display: table-cell; vertical-align: middle;text-align:center;}

    /**ROTATING LOADER*/
        .rotating-loader {
            display: inline-flex;
            align-items: center;
            justify-content: center;
            white-space: pre-wrap;
            font-size: 24px;
            font-weight: 400;
            background-color: #EEF0F3;
            color: #4C5163;
            border-radius: var(--border-radius-full);
            padding: 24px 40px;
        }

        .rotating-loader i {
            font-size: 32px;
            margin-right: 12px;
        }
            /* PLACEHOLDER VARITANT ADJUSTEMETNS */

                .ph--form-row .rotating-loader {
                    font-size: 16px;
                    padding: 0;
                    background-color: transparent;
                }

                .ph--form-row .rotating-loader i {
                    font-size: 16px;
                    margin-right: 8px;
                }

                .ph-light-gray .rotating-loader {
                    background-color: transparent;
                }

/**––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
/**3RD PARTY COMPONENTS*/
    /**3RD PARTY COMPONENTS - FILE UPLOAD LIGHTBOX*/
    #cboxTitle {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }
    #cboxContent {
        margin-bottom: 20px;
    }
    #cboxWrapper #cboxCurrent {
        top: auto!important;
        bottom: -20px;
        width: 100%;
        text-align: left;
    }
    #cboxLoadedContent {
        background: #111;
    }

/**––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
/**3RD PARTY COMPONENTS*/
    /**3RD PARTY COMPONENTS - SWEET ALERT*/
     .sweet-alert {
        box-shadow: 0 0 20px 3px rgba(0, 0, 0, 0.6);
        /* Font stack needs to be defined to override SweetAlert defaults */
        font-family: var(--cc-font-family);
     }

/**––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
/**PAGE LEVEL COMPONENTS*/
    /**PAGE DESCRIPTION*/
    .pagedesc {display: none;}
    .pagedesc.dyn {border-bottom: 1px solid #EEF0F3;display: block;margin: 0 -20px;background:#EEF0F3;color:#1F232F;padding: 20px 20px;line-height:1.4;font-size: 18px;word-break: break-all;}
    .pagedescbody {padding-top: 20px;}
    /**RIGHT TIPS*/
        .tipinner {
            border-radius: 2px;
            padding: 15px;
        }
        .tipinner .tipheader {
            font-weight: 600;
            font-size: 18px;
            line-height: 1.2;
        }
        /**TIP HEADER BAR*/
        .tipinner .tipheaderbar {
            display: flex;
            align-items: center;
            background-color: black;
            color: #fff;
            font-weight: bold;
            margin: -16px -16px 0;
            padding: 15px 25px;
            font-size: 18px;
            line-height: 1;
        }
        .tipinner .tipheaderbar i {
            margin-right: 15px;
            font-size: 24px;
        }
        .tipinner .tip {line-height:1.2;}
        /**TIP ITEMS*/
            .tip-item + .tip-item {
                margin-top: 10px;
            }
            .tip-item__header,
            .tip-item__content {
                font-size: 14px;
            }
            .tip-item__header {
                color: #888f9f;
            }
            .tip-item__content {
                font-weight: 600;
                line-height: 1.6;
                margin-top: 2px;
            }

        /**TIP SECTION*/
            .tip-section {
                border-top: 1px solid #e4e6ec;
            }
        /**AVATAR*/
            .rightnav .avatarblock {display:table;width:100%;}
            .rightnav #avatarpick .avatar {display:table-cell;vertical-align:middle;float:none;padding:0;}
            .rightnav #avatarpick .avatardesc {display:table-cell;vertical-align:middle;float:none;padding-left: 10px;margin:0;}
            .rightnav #avatarpick .tipheader {padding:0;margin:0 0 3px;font-size:18px;}
    /**MAIN PAGE*/
    /**NEXT AND ACTIVITIES*/
        .nextback {
            border-top: 1px solid #EEF0F3;
            margin: 70px -70px -70px;
            padding: 20px;
            background: #EEF0F3;
            box-shadow: var(--shadow-panel-inset);
        }

        .nextback h5 {
            display: none;
        }

        .nextback ul.nextstep {
            margin: -10px -5px 0;
            padding: 0;
        }

        .nextback ul.nextstep:after {
            content: "";
            display: table;
            clear: both;
        }

        .nextback li {
            margin: 10px 5px 0;
            list-style-type: none;
            padding: 0;
            display: inline-block;
        }

        .nextback li.nextstep-islink a,
        .nextback li.nextstep-haslinks {
            font-size: 18px;
            font-weight: bold;
            display: block;
            border-radius: 4px;
            background-clip: padding-box;
            padding: 12px 16px 12px;
            line-height: 1;
            border: 1px solid transparent;
            text-decoration: none!important;
        }
        /**WHAT NOW, WHATS NEXT*/
        .nextback-whatnow {display:none;} /*TODO: REMOVE FROM ASP AT TIME OF REFACTOR*/
        .print .nextback {display: none !important;}


/* ---------------------------------------------------------------------- */
/* -- Page Tools (Top Right Button Blocks) */

    .pagetools {
        color: #888F9F;
        display: flex;
        flex-wrap: wrap;
        justify-content: flex-end;
    }

    .pagetools .tool {
        display: block;
        line-height: 1;
    }

    .pagetools .tool+.tool {
        margin-left: 10px;
    }

    /**PAGE TOOLS LINK*/
        .pagetools .tool .bttn,
        .pagetools .tool .sel {
            padding: 0 15px;
            height: 36px;
            display: flex;
            align-items: center;
            margin-top: 0;
        }

        .pagetools .tool .bttn.bttn-icon {
            padding: 0;
            justify-content: center;
            width: 36px;
            min-width: 36px;
            font-size: 16px;
        }

        /*INTERACTIVITY STYLES*/
        .pagetools .tool .sel {
            opacity: 0.8;
        }

        .pagetools .tool a.hide,
        .pagetools .tool button.hide {
            display: none;
        }

        .pagetools a:hover,
        .pagetools a:focus,
        .pagetools button:hover,
        .pagetools button:focus {
            text-decoration:none;
            border-color: transparent;
        }

    /**PAGE TOOLS FILTER*/
        .pagetoolbar {
            display: flex;
            flex-grow: 1;
            justify-content: space-between;
            align-items: center;
            font-size: 14px;
            height: 70px;
        }
        .pagetoolbar select,
        .pagetoolbar input,
        .pagetoolbar-btm select{
            width: 190px;
            height: 34px;
            padding: 6px 15px 6px;
        }
        .pagetoolbar .tool {
            margin-right: 7px;
        }
        .pagetoolbar .tool .bttn-icon,
        .pagetoolbar-btm .bttn-icon {
            margin-top: 0;
            padding: 0;
            display: flex;
            align-items: center;
            justify-content: center;
            height: 34px;
            width: 34px;
            min-width: 34px;
            font-size: 16px;
        }
        .pagetoolbar .new-group {
            margin-left: 13px;
        }
        .pagetoolbar .tool-group {
            display: flex;
        }
        .pagetoolbar .tool-group > *:not(:last-child) {
            margin-right: 7px;
        }
        .pagetoolbar .tool-group > * {
            margin-left: 0px;
        }
        .pagetoolbar .pagetool-border-right {
            padding-right: 20px;
            margin-right: 0;
            border-right: 2px #D8DCE5 solid;
        }
        .pagetoolbar .pagetool-border-right + .tool {
            padding-left: 20px;
        }
        .pagetoolbar .color-intent:hover,
        .pagetoolbar .color-intent:focus {
          opacity: .75;
        }
        .toolbar-bottom-border::after {
            position: absolute;
            left: 0;
            content: " ";
            display: block;
            padding-bottom: 15px;
            border-bottom: 1px solid #EEF0F3;
            width: 100%;
        }

    /**FIXED BTM BAR PAGE TOOLS*/
        .pagetoolbar-btm .pagefixedbtmbar-inner {
            height: 20px;
        }
        .pagetoolbar-btm .easy-select .bttn {
            margin-top: 0px;
        }

        .pagetoolbar-btm .paging {
            margin-top: 0;
        }

        .pagetoolbar-btm select {
            width: 215px!important;
            font-size: 14px;
        }

        .pagetoolbar-btm .action-bar {
            display: flex;
            align-items: center;
        }
        .pagetoolbar-btm .paging,
        .pagetoolbar-btm .easy-select {
            padding-right: 20px;
            margin-right: 0;
            border-right: 2px #D8DCE5 solid;
            height: 34px
        }
        .pagetoolbar-btm .easy-select,
        .pagetoolbar-btm .action-bar {
            padding-left: 20px;
        }
        .pagetoolbar-btm .pagefixedbtmbar-inner {
            display: flex;
            align-items: center;
            justify-content: center;
        }
        .pagetoolbar-btm .action-bar .bttn {
            margin: 0 0 0 7px;
            height: 34px;
            width: auto;
            padding: 7px 12px;
        }

        .usersummary .pagetoolbar select {
            width: 260px;
        }

    .pagetools .bttn-icon:focus,
    .pagetools .bttn-icon:hover {
        color: inherit;
    }
    .pagetools .tool.pad {margin: 10px 0 10px 10px;}
    .pagetools .tool.pad:last-child {margin-right: 10px;}
    .pagetools .has-select select {
        margin: 0;
        height: 36px!important;
        padding-left: 10px!important;
        padding-right: 35px!important;
        font-size: 15px;
        display: block;
        float: left;
    }
    .pagetools .sel {
        display: block;
        padding: 12px 10px 8px;
        float: left;
    }
    .pagetools .loading_gif {max-height:16px;max-width:16px;margin:-4px 9px 0 0px;vertical-align:middle;}

    .pagetools .tool:not(:last-child) .pagetool-border-right {
        padding-right: 10px;
        border-right: 2px #D8DCE5 solid;
    }

    .pagetools .pagetool-divider {
        height: 36px;
        border-left: 2px #D8DCE5 solid;
    }

    .pagetools .fb-backnext-container {
        display: flex;
    }

    .pagetools .fb-backnext-container .bttn+.bttn {
        margin-left: 5px;
    }

#emailreport.bttn {
    height: 46px;
    padding: 0 15px;
}

/* -- Link Open in New Window */
a.hasicon i.fa-external-link {position: relative; display: inline; padding: 0;}

/* ---------------------------------------------------------------------- */
/* -- Horizontal Rules */

hr {border-bottom: 0 solid #E4E6EC; border: 0; color: #FFF; font-size: 0; line-height: 0; height: 0; margin: 10px 0 0 0; display: block;}
hr.req {border-bottom: 1px solid #E4E6EC; margin: 20px 0; display: block !important;}
hr.form {margin-bottom: 5px; border-bottom-width: 1px;} /* first hr on 1-col forms */
hr.submit, hr.form2 {border: 0; border-bottom: 1px solid #E4E6EC; margin: 20px 0; width: 100%;} /* first hr on 2-col forms and hr before submit buttons */
hr+table, hr.submit+table,hr.paddown+table {margin-top: 0;}

/* ---------------------------------------------------------------------- */
/* Primary GUI FRAME */

    /*KEEP IF FF OVERRIDES ARE NECESSARY*/
    @-moz-document url-prefix() {}

.mergeuserdrop {
    margin-top: 5px;
    box-shadow: 0 1px 20px rgba(0, 0, 0, 0.3);
}

.mergeuserdrop .fa-plus {
    color: #32b588;
}

.mergeuserdrop .fa-magnifying-glass {
    color: #6785B9;
}

/* -- Right Gutter */

.notipsfull {padding-right: 20px; padding-left: 0;}
.notipsfull .rightnav {display: none;}
.tipinner {margin-bottom: 10px;}
.tip {position: relative;}
.tipheader-light {font-size: 13px;color: #AAB1C1;}
.tiptool {font-size: 10px;}

.tip .profile > div:first-child:not(.tipheader) {margin-top: 5px;}
.tip .profile > div:first-child:not(.tipheader) {margin-top:0;}
.tip .profile i {color: #888F9F; font-weight: normal; font-style: normal; line-height: 1;} /* User Summary and FB View */
.tip .profile b {color: #1F232F; font-weight: normal; line-height: 1;}

/**TIP - USER*/
.tip-user .tip:after {content:"";display:table;clear:both;}
.tip-user .tip-user-avatar,
.tip-user .tip-user-detail
{float:left;}
.tip-user .tip-user-avatar+.tip-user-detail {margin-left:10px;padding-top: 6px;}
.tip-user .tipheader {padding-bottom: 0;}

/* ---------------------------------------------------------------------- */
/* Global Utilities */







/* List Paging */
.paging {font-size: 18px; text-align: center; margin: 20px 0 0 0; font-weight: bold; line-height: .8; display: flex; justify-content: center; align-items: center;}
.paging .start:before {content: "\00AB"; font-style: normal;}
.paging .end:before {content: "\00BB"; font-style: normal;}
.paging .inactive {color: #C9CEDB!important;}
.paging a,
.paging div,
.paging b {
    color: rgba(51,51,51,.7)!important;
    font-weight: 600;
    height: 34px;
    min-width: 34px;
    border-radius: 17px;
    font-size: 18px;
    margin: 0 2px;
    display: flex;
    justify-content: center;
    align-content: center;
    flex-direction: column;
    padding: 0px 5px;
}
.paging b.paging-current-page {
    color: #1F232F !important;
}
.paging .current {
    color: #FFF!important;
    background: #888F9F;
}
.paging .paging-arrow {
    font-size: 24px;
}
.paging a:active,
.paging a:visited,
.paging a:focus {
    text-decoration: none;
}
.paging a:hover {background: #AAB1C1; text-decoration: none;}
.paging span {display: none;} /* Separators */
.fbview .paging {margin-bottom: 35px;} /* Provided by Feedback Interface */
.forumthread .paging {margin-bottom: 20px;border-top: 1px solid #EEF0F3;padding-top: 20px;}
.forumthread .pageheader h2,.forumtopiclist .pageheader h2 {max-width: 60%; line-height: 1.2;}
.forumthread .pageheader h2 .light,.forumtopiclist .pageheader h2 .light {display: inline-block; vertical-align: middle;}
.forumthread .thread .deleteconfirm {margin-top: 15px;}
/*KB Results*/
.kbresults .paging {margin-top: 0;}



/* -- Status Tags */
.statuslabel {color: #FFF; padding: 1px 6px; font-size: 10px;}
.statuslabel.active {background: #5CB85C;}
.statuslabel.inactive {background: #676D7E;}
.statuslabel.incomplete {background: #AAB1C1;}
.statuslabel.pending {background: #FEBF04;}
.statuslabel.expired {background: #C40F0F;}

/* ---------------------------------------------------------------------- */
/* Modern/Inline Remove Confirmations */

.deleteconfirm {text-align: right; color: #B90000;}
.deleteconfirm .yes, .deleteconfirm .no {display: inline-block;}
.deleteconfirm a {background: #000; color: #C9CEDB; padding: 3px 8px;}
.deleteconfirm a:hover {background: #888F9F; color: #FFF; text-decoration: none;}

/* ---------------------------------------------------------------------- */
/**Form Engine*/

.formgroup .newfeedback {color: #FFF; background: #5CB85C; font-weight: normal; text-transform: uppercase; font-size: 60%; margin-left: 6px; line-height: 1; display: inline-block; padding: 4px 6px; border-radius: 4px; text-decoration: none;}
.formgroup .newfeedback:hover {color: #FFF; background: #439F43; text-decoration: none;}
.formgroup h5 {border-top:1px solid #EEF0F3;padding-top: 15px;}
.formgroup h5:first-child {border:none;padding-top:0;}
.formgroup p {margin-bottom: 0;}
/**Feedback Title*/
.feedbacktitle.edit.title,.feedbacktitle.edit.description {display: block;} /* show titles when creating */

/* TITLE AND DESCRIPTION ELEMENT TYPES */

/* NEEDS COMPLETED */

.submitnext {display: inline-block; float: right;}

/*--- Feedback Answer Me */

.hidden .feedbacktitle {padding-top: 0;} /* conditional */

[class*="feedbackexample"]{padding: 0; margin: 10px 0; color: #888F9F; font-style: italic;}

/**TODO: WORKAROUND FOR EXCESSIVE WHITESPACE ON
LANDING PAGES WHEN DISPLAYING WYSIWYG CONTENTS
FOR THINGS LIKE EXPIRED AND LIMIT REACHED MSG*/
.section-bar .cc-editor-cont--output {
    margin-top: 0;
}
.section-bar .cc-editor-cont--output > p:last-child {
    margin-bottom: 0;
}
/**DYN FORM VALIDATION ERROR HIGHLIGHT*/
.form-err-row label,
.form-err-row .elem-title--backlit label {color:#B90000;}

.charlimit_container{position:relative;}
.charlimit {font-size: 13px;position:absolute;bottom:6px;right:15px;}
.charlimit .ok {color: #888F9F;}
.charlimit .danger {color: #1F232F;}
.charlimit .zero {color: #D95151;font-weight: bold;}

.rating0, .rating1, .formna {text-align: center;}
.rating0 {background: #F7F8F9; padding: 5px 0; border: 1px solid #FFF;}
.rating1 {background: #EEF0F3; padding: 5px 0; border: 1px solid #FFF;}
/* .formna {background: #C9CEDB;} */ /*DOING: REMOVE IF NO LONGER NEEDED*/
.llabel {padding-right: 5px; text-align: left;}
.rlabel {padding-left: 5px; text-align: right;}
.mlabel {text-align: center;}

/* Clean Up Forms */
.formview .feedbackcontrol img {max-width: 100%;} /*Prevents images from extending outside of max cell width*/
.formview .formshowcomplabel.formshownumscale .formna {display: table-cell;}
.formview hr.submit {margin-top: 10px;}

/* -- misc form engine */
.caching,.cacheready {margin-bottom: 15px;}
.loader {background: url(/images/css/loader-light.gif); width: 66px; height: 66px; margin: 33px;}
.loaderhidden {background: url(/images/loading_kb.gif); height: 12px; width: 16px;}
.loadersmall {background: url(/images/css/loading-kb.gif) 0 0 no-repeat; height: 11px; width: 16px; margin: 20px; display: inline-block;}
.form .comments {width: 100%; height: 80px;}

.feedbackcontrol .sel {max-width: 300px;}
[data-elem-type="select"] .feedbackcontrol .sel {max-width: 100%;}


/* ------------------------------------------------------------------------- */
/* -- Formatting Reset for Wikis and Discussion */

.format h1, .format h2, .format h3, .format h4, .format h5, .format h6 {color: #000; background: transparent; padding: 0; line-height: 1; margin: 5px 0; border: none; text-shadow: none; box-shadow: none;}
.format h1 {font-size: 28px;}
.format h2 {font-size: 20px;}
.format h3 {font-size: 16px;}
.format h4 {font-size: 13px;}
.format h5 {font-size: 12px;}
.format h6 {font-size: 12px;}
.format hr {border-bottom: 1px solid #E4E6EC !important; display: block;}
.format p  {margin-bottom: 15px;}

/* ------------------------------------------------------------------------- */
/* Discussion Engine (Feedback, Wikis, Forums */

/* - New Comment Submission */

/* -- New Post Area */
.wikicomments .formsectionlink {background: #5CB85C; padding: 8px; margin-bottom: -2px; margin-top: 20px; position: relative;}
.wikicomments .formsectionlink a {color: #FFF;}
.wikicomments .formsectionlink a:hover {text-decoration: none; color: #FFF;}

/**ALL FORM - CREATE QUESTION (ADMIN ONLY)*/
    .form-createquestion select[id*="sbxDT"] {width:auto!important;}

    /*Currently being used for form element type selection and form template selection*/
    .form-createquestion__select--outer {
        padding-top: 25px;
    }

    .form-createquestion__select--inner {
        margin: 0 70px 35px;
    }

    .form-createquestion__select--inner select {
        width: 100%;
    }

    .form-createquestion__select--inner .formtable td.item+td select:not([multiple]) {
        margin: 0;
    }

    .form-createquestion__select--outer.negxlarge + .section .section-content .InlineHelp.negxlarge {
        margin-top: 0;
    }
    /* Email Templates */
    .form-createquestion__select--outer.form-createquestion__select--email-template {
        padding-bottom: 35px;
        border-bottom: 1px solid #E4E6EC;
    }
    .form-createquestion__select--outer.form-createquestion__select--email-template.nodown {
        padding-bottom: 0;
        border-bottom: none;
    }
/**ALL FORM - EDIT (ADMIN ONLY)*/
    .formtypeedit .feedbackcontrol.title .txt {margin-top:0;width:100%;}

/**FEEDBACK - SINGLE VIEW*/
    /**TOPBAR*/
    .fbview .fbtopmsgbox .infobox+.infobox {margin-top:20px;}

    /**PAGE LEFT NAV*/
    .fbview .leftnavback .ident.public-on {
        color: #884BD5;
    }

    /**PAGE RIGHT TIPS*/
    .fbview .fbinfo {
        margin-bottom:  20px;
        border-radius:  6px;
        background: #fff;
        min-height: 50px;
        display: flex;
        align-items: center;
        justify-content: center;
        box-shadow: var(--shadow-panel);
    }

    .fbview .fbinfo [data-fb-info] {
        text-align: center;
        border:none;
        color: #1F232F;
        font-weight: 700;
    }

    .fbview .fbinfo [data-fb-info]:nth-child(even) {
        background: #EEF0F3;
        border-top: 1px solid rgba(0, 0, 0, 0.098);
    }

    .fbview .fbinfo [data-fb-info]:first-of-type {
        border-top-left-radius: inherit;
        border-top-right-radius: inherit;
    }

    .fbview .fbinfo [data-fb-info]:last-of-type {
        border-bottom-left-radius: inherit;
        border-bottom-right-radius: inherit;
    }

    /**FORM FIELDS (CREATING)*/
    /**FORM FIELDS (SUBMITTING)*/
        .fbview.submitting .feedbackcontrol.title .txt {width: 100%;}
    /**FORM FIELDS (SUBMITTED, EDITABLE BY MODERATOR)*/
        .fbview.mainview.editing .page,
        .fbview.mainview.viewing .page {
            background: none;
            box-shadow: none;
            overflow: visible;
        }


        .fbview.editing .feedback-answer-edit-button {
            -webkit-transition:all .1s linear;-moz-animation:all .1s linear;-ms-animation:all .1s linear;animation:all .1s linear;
            display:none;
            position: absolute;
            left: 0;
            top: 50%;
            margin-top: -27px;
            margin-left:-38px;
            padding: 10px 8px 10px 0;
            font-size: 15px;
            color: #4C5163;
        }
        .feedback-answer-edit-button i:hover {
            cursor: pointer;
        }
        .fbview.editing .feedback-answer-edit-button i {
            background: #fff;
            box-shadow: 0 0 1px rgba(0,0,0,0.3), 0 0 5px rgba(0,0,0,0.2);
            border-radius: 20px;
            padding: 10px;
        }

        .fbview.editing .description .mtxt {border-radius: 9px;}
        /**HOVER, SHOW PENCIL ICON*/
            .fbview.editing .feedbackanswermme:hover .feedback-answer-edit-button {
                display:block;
            }
        /**FEEDBACK TITLE + DESC HOVER*/
            [data-mode="viewing-mixed"] .form-fbtitle-field .feedbackanswermme:hover .feedback-answer-edit-button {
                margin-top: -19px;
            }
            [data-mode="viewing-mixed"] .form-fbtitle-field .feedbackanswermme:after,
            [data-mode="viewing-mixed"] .form-fbdesc-field .feedbackanswermme:after {
                content: "";
                /*positioning*/
                position: absolute;
                z-index: -1;
                top: 0;
                left: 0;
                margin-top: -3px;
                /*structure*/
                display: block;
                /*dimensions*/
                height: 100%;
                width: 100%;
                /*borders*/
                border-top: 5px solid #d2d8dd;
                border-bottom: 3px solid #d2d8dd;
                border-left: 8px solid #d2d8dd;
                border-right: 8px solid #d2d8dd;
                border-radius: 5px;
                /*whitespace - inner*/
                /* padding: 5px 8px; */
                /*whitespace - outer*/
                margin-left: -8px;
                margin-right: -8px;
                /*formatting*/
                background: #d2d8dd;
                /*visibility*/
                visibility: hidden;
                opacity: 0;
                /*animation*/
                -webkit-transition:all .15s linear;
                -webkit-animation:all .15s linear;
                animation:all .15s linear;
                box-sizing: content-box;
            }
            /**FEEDBACK - ADJUSTMENT FOR DESC HOVER*/
                [data-mode="viewing-mixed"] .form-fbdesc-field .feedbackanswermme:after {
                    margin-top: -3px;
                    border-top: 3px solid #d2d8dd;
                    border-bottom: 3px solid #d2d8dd;
                }
            /**FEEDBACK - ON HOVER*/
                [data-mode="viewing-mixed"] .form-fbtitle-field .feedbackanswermme:hover,
                [data-mode="viewing-mixed"] .form-fbdesc-field .feedbackanswermme:hover {
                    color: #4C5163;
                }
                [data-mode="viewing-mixed"] .form-fbtitle-field .feedbackanswermme:hover:after,
                [data-mode="viewing-mixed"] .form-fbdesc-field .feedbackanswermme:hover:after {
                  visibility: visible;
                  opacity: 1;
                }

    /**COMMENT AREA*/
        [data-ui-entity=form-dynamic] .section-header-toggle {
            border: none;
        }

        [data-ui-entity=form-dynamic] .form-comments[data-ui-open="true"] .section-header-toggle,
        [data-ui-entity=form-dynamic] .form-duplicates[data-ui-open="true"] .section-header-toggle {
            box-shadow: none;
        }

        .fbview .form-comments {
            background: #fff;
            box-shadow: var(--shadow-panel);
            border-radius: var(--border-radius-lg);
            overflow: hidden;
        }

        .fbview.viewing .newpost.important,
        .fbview.editing .newpost.important {
            background-color: #F4D768 !important;
        }

        .fbview .commentarea {
            padding: 40px 70px 40px 70px;
        }

        .fbview .commentarea .commentarea-header {
            font-size: 18px;
            font-weight: 600;
            margin-bottom: 15px;
        }

        .fbview .newpost.feedback-moderator .commentarea .fa-chess-king {
            position: absolute;
            bottom: 10px;
            left: -40px;
            font-size: 22px;
            color: #00a4d3;
        }

        .fbview.submitting .newpost.important .commentarea {
            background-color: #F4D768!important;
        }

        .fbview.submitting .commentarea .commentarea--avatar,
        .fbview.predictive .commentarea .commentarea--avatar {
            display: none;
        }

        #div_InlinePostFormfbmacro > .commentarea--avatar {
            display: none;
        }

        .commentarea-seperator {
            display: none;
        }

        .fbview.viewing .commentarea-seperator,
        .fbview.editing .commentarea-seperator {
            display: block;
            border-bottom: 3px solid #888F9F;
        }

        .fbview .fbsearch {
            padding: 40px 70px 40px 70px;
            margin: 0;
        }

        /* ADJUSTING REPLY ANCHOR POSITION TO ACCOUNT FOR FIXED SITEBAR HEIGHT, INTENTIONALY HIDDEN */
        .fbview [name="NewReply"],
        .fbview [name="NewReplyPostBind"] {
            display: block;
            height: 0;
            position: relative;
            width: 0;
        }
        .fbview [name="NewReply"] {
            top: -118px;
        }
        .fbview [name="NewReplyPostBind"] {
            top: -72px;
        }
    /**THREAD POST*/

        .fbview .thread {
            padding: 0 70px 0 70px;
        }

        .fbview .thread.fbquickcomment {
            padding: 0 30px 03px 30px;
        }

        .fbview .thread.fbquickcomment .posts {
            padding-bottom: 0;
        }

        .fbview .thread .posts {
            position: relative;
            padding: 0;
            padding-bottom: 30px;
        }

        .fbview .thread .post .deleteconfirm {
            margin-bottom: 0;
        }

        .fbview .thread .post.mod .cmtname .label-pill {
            position: relative;
            top: 2px;
        }

        .fbview .thread div:last-of-type.post.post-focused {
            margin-bottom: 30px;
        }






.posttext {width: 100%;}
.posttext .ava {width: auto; width: 40px; padding-right: 8px; vertical-align: top;}
.posttext .msg {width: 100%;}
.posttext .msg textarea {width: 100%; padding: 12px; height: 50px; overflow: hidden; resize: none;font-size: 20px;}
.posttext .msg textarea.cmtready {min-height: 180px; max-height: 600px; height: auto; resize: vertical; overflow-y: auto; line-height: 1.4;}
.noavatars .posttext .ava { display: none;} /* Hide Avatar Area if Avatars Disabled */

/* -- Comment Submit Bar (Submit, Push Notify Icons, Attach/Important/Notify Other) */


.submitbar {display:none;background:#EEF0F3;width:100%;padding:10px;justify-content: space-between;}
.mobile .submitbar {flex-flow: row wrap;}
.submitbar .tcell {padding:10px;white-space:nowrap;display:flex;justify-content: space-between;}
.submitbar {text-align:left;}
.submitbar .btn {background:#E4E6EC;color:#1F232F;border:1px solid #C9CEDB;font-size:initial;padding:4px 12px;display:inline-block;border-radius:0;text-shadow:none;line-height:initial;}
.submitbar .btn:hover {box-shadow:none;background:#F7F8F9;color:#000;border:1px solid #AAB1C1;}
.submitbar div:hover{color:#1F232F;}
.submitbar .btn.preview, .submitbar .btn.preview:hover {border:0;text-decoration:underline;background:none;color:#4C5163;padding-left:6px;font-size:14px;text-shadow:none;box-shadow:none;}
.submitbar .btn.preview:hover {color:#000;text-decoration:none;}

.mobile .submitbar .cmtsubmit {margin: 10px auto 0 auto;}
.mobile:not(.forumthread) .submitbar .cmtsubmit [name="button"] {width:246px;}
/* Files Attached */
.simplefile.addfile .label {display: inline; padding: .2em .6em; font-size: 85%; line-height: 1; color: #fff; text-align: center; white-space: nowrap; vertical-align: baseline; border-radius: .5em;}
.simplefile.addfile .label-strong {font-weight: bold; padding: .2em .6em .1em;}
.simplefile.addfile .label-default {background: #EEF0F3; color: #888F9F; border: 1px solid #C9CEDB;}
.simplefile.addfile {display: table; width: 100%; background: #E4E6EC; border-color: #C9CEDB; border-style: solid; border-width: 1px 1px 1px 1px;}
.simplefile.addfile > span {display: table-cell; vertical-align: middle;}
.simplefile.addfile .filename {padding-left: 10px; word-break: break-all; word-wrap: break-word;}
.simplefile.addfile .filename a {padding: 10px 10px 10px 0; display: inline-block;}
.simplefile.addfile .filesize {padding: 10px;}
.simplefile.addfile .fileremove {width: 38px;}
.simplefile.addfile .fileremove a {padding: 9px; display: block; text-align: center; line-height: 1;}
.simplefile.addfile .deleteconfirm {padding: 10px;}

/* --- FB Only */
.submitbar .push {text-align:center;}
.submitbar .push .td a {
    display:flex;
    align-items: center;
    justify-content: center;
    border:1px solid #AAB1C1;
    color: #1F232F;
    font-weight:normal;
    text-decoration:none;
    text-shadow: 0px 2px 0px #FFF;
    border-radius:100%;
    margin-right: 6px;
    height: 44px;
    width: 44px;
    line-height: 1;
    box-shadow: var(--shadow-element-blocky);
}

.submitbar .push .td:last-of-type a {
    margin-right: 0px;
}
.submitbar .push a.sel {background:#E4E6EC;color:#676D7E;box-shadow:inset 0px 1px 1px 1px #C9CEDB;text-shadow:none;}
.submitbar .push a:hover {background:#E4E6EC;border:1px solid #676D7E;color:#888F9F;text-decoration:none;text-shadow:none;}
.submitbar .push .hasqtiphint{margin-left:5px;}

/* ----- Notify Others Plugin Overrides */
ul.as-selections { box-shadow: none !important;}
ul.as-selections li.as-selection-item {background: #EEF0F3 !important; border: 1px solid #E4E6EC !important; box-shadow: none !important;}
ul.as-selections li.as-original input {
    padding: 0!important; /*override style from autoSuggest.css*/
    height: 23px!important; /*override style from autoSuggest.css*/
    text-indent: 8px;
}

/* --- Forums, Wikis, and FB */
.submitbar .options {font-size:0;line-height:1;vertical-align: middle;text-align:right;}
.mobile:not(.forumthread) .submitbar .options {margin:0 auto;}
.mobile:not(.forumthread) .submitbar .options .tbl {display: flex;justify-content: space-between;width: 144px;}
.submitbar .options .bttn{margin: 0 6px 0 0;border: 1px solid #C9CEDB;padding:11px 0 10px 0;position:relative;overflow:hidden;border-radius: 100%;}
.submitbar .options .bttn:hover{background: #E4E6EC;border: 1px solid #676D7E;color: #888F9F;text-decoration: none;text-shadow: none;}
.submitbar .options .bttn:last-child {margin-right:0;}
.submitbar .options .fileinput-button input {position:absolute;bottom:0;left:0;height: 250%;width: 100%;opacity: 0;cursor:pointer;}
.submitbar .options .fa-comment.fa-cc-line-height:before {position:relative;top: -0.06em;}
.submitbar .addfiletxt .attach {width: auto; padding-left: 13px;}
.submitbar .options .fal,
.submitbar .options .fas {
    vertical-align: middle;
    width: 100%;
    height: auto;
    text-align: center;
}

/* -- Search Comments */
.fbsearch {margin: 20px 0 20px;}
.fbsearch .txt {width: 100%; font-size: 18px;}

/* Feedback Comment Thread Posts - Feedback, Wiki, Forum */
    /**USER MANAGEMENT - USER COMMENTS*/
    .post.nocomment .cmtuser {padding: 28px 20px 25px;}

/* Normal Header */



.thread .cmtname a:hover, .thread .cmtname a:focus {color: #A2A5AB;}
.thread .edited {display: none;} /* Figure out for final */

/* Threads without Avatars */
.noavatars .thread .cmtuser {display: block;}
.noavatars .thread .post {border-bottom-left-radius: 0px !important;}
.wide .noavatars .thread .cmtuser .cmtbody {max-width: 680px;}

.wikicomments .hidden {background: none; padding: 0;}
.wikicomments .commentarea {margin-top: 15px;}

.quickcomment .cmttools:hover {display: none !important;}

/* --- Comment Delete Confirms */

.thread .deleteconfirm {background: #B90000; color: #FFF; display: block; padding: 10px; text-align: right; margin-bottom: 20px; border-radius: var(--border-radius-md);}
.thread .deleteconfirm a {background: #000; color: #FFF; padding: 3px; width: 50px; margin: 0 2px; text-align: center; display: inline-block;border-radius:var(--border-radius-full);text-transform:capitalize}
.thread .deleteconfirm a:hover, .thread .deleteconfirm a:focus {background: #888F9F; color: #FFF; text-decoration: none;}

/* -- Reply Pages */

.post .bbc_ul {padding-left: 18px; list-style-type: disc;}
.post .bbc_ol_decimal {list-style-type: decimal;}
.post .bbc_ol_alpha {list-style-type: lower-alpha;}
.post .bbc_ol_decimal li {list-style-image: none; list-style-type: decimal;}
.post .bbc_ol_alpha li {list-style-image: none; list-style-type: lower-alpha;}

/* -- Quotes */
blockquote {
    border-style: solid;
    border-color: #C9CEDB;
    border-width: 0;
    padding-left: 12px;
    padding-right: 12px;
    border-left-width: 2px;
}

blockquote cite {
    font-style: normal;
    font-weight: 600;
    padding-bottom: 3px;
    display: block;
}

blockquote blockquote {

}

/* -- Other Forum */

.thread .post .forumsig {display: none;}
.forum .thread .post .forumsig {display: block; color: #888F9F; margin-top: 10px; color: #888F9F; font-size: 85%;}
.forum .thread .post.forumsig  {margin-top: 20px; color: #888F9F;}
.edited {margin-top: 10px; font-size: 80%;}

/* Area Specific DE Settings */
.forum .thread {}
.forum .wikiview {}

/* ----------------------------------- */
/* User Forums */

.forumlist {color: #888F9F;}

/* -- Topic List */
.topics td {white-space: normal;}
.topics td td {padding: 10px 10px 8px 10px;}
.topics .header,.topics .rownew {padding: 8px 6px;}
.topics .footer {padding: 8px 6px; font-weight: normal; font-size: 14px;}
.topics .replypages {font-size: 80%; margin-left: 5px;}
.topics .replypages a {padding: 0 2px;}
.topics .unread {color: #888F9F; font-weight: bold;}
.topics .oldpost {background: #676D7E; color: #1F232F;}
.topics .oldpost a {color: #000;}
/*.topics .sticky {background: #FFFDE2 !important;}*/
.topics .topiclink {font-size: 120%;}

/* -- Topic Status */
.mod .fa-star {color: #ffa834;}
.read .fa-paperclip, .unread .fa-paperclip, .iconfile .fa-paperclip {color: #7a7a7a;}
.read .fa-bolt, .unread .fa-bolt, .iconhot .fa-bolt {color: #ff3823;}
.sticky .fa-thumb-tack, .rowsticky .fa-thumb-tack, .iconsticky .fa-thumb-tack {color: #72bb53;}
.rowlocked .fa-lock, .iconlocked .fa-lock {color: #1F232F;}
/*.iconsubscribe {background: url(/images/icon/email.png) no-repeat;}*/
.read .fa-eye-slash {color: #1464f6;}



.forumkey {border: 1px solid #E4E6EC; padding: 10px; background: #EEF0F3; margin-top: 20px; text-align: center; border-radius: var(--border-radius-full);}
.forumkey a {color: #888F9F!important;}
.forumkey div {display: inline; padding: 0 10px; text-align: left; white-space: nowrap;}
.forumkey i {margin-right:5px;}
.forumkey .unread {padding: 0 10px 0 0;}
.forumformat b {background: #EEF0F3; padding: 1px 1px; margin: 0 2px;}

/* ----------------------------------- */
/* Wikis */

.wikiheader, .wikifooter {color: #4C5163; margin: 15px 0; padding: 0;}
.wikibody {margin: 15px 0; line-height: 1.8;}
.wikiedit #txtWikiBody {font-family: "courier new", serif;}
.wikieditnow a {color: #1F232F; background: url(/images/css/button2.png) top left repeat-x #F7F8F9; border: 1px solid #AAB1C1; text-align: center; padding: 9px 0; margin: 15px 0; display: block; text-decoration: none; font-size: initial;}
.wikieditnow a:hover {border: 1px solid #C9CEDB; color: #000; text-decoration: none;}
.wikiauthor {background: #FFFDE2; color: #8A6D3B; border: 1px solid #FAEBCC; padding: 6px 12px; text-align: center; margin: 15px 0; font-size: 11px;}
.wikiauthor a {font-weight: bold; color: #8A6D3B;}
.wikilocked {background: #d9edf7; color: #31708f; border: 1px solid #C2DDEA; padding: 6px 0; margin: 15px 0 0 0; text-align: center;}
.wikiunapproved {background: #FFF2D8; color: #BB864D; border: 1px solid #F5E6C7; padding: 6px 0; margin: 15px 0 0 0; text-align: center;}
.wikideactivated {background: #4C5163; color: #000; border: 1px solid #888F9F; padding: 6px 0; margin: 15px 0 0 0; text-align: center;}
.wikiunapprovededits {background: #FFF2D8; color: #BB864D; border: 1px solid #F5E6C7; padding: 6px 0; margin: 15px 0 0 0; text-align: center;}

/* -- Wiki Review */
.wiki-tabs {
    margin-bottom: 0;
    margin-top: 30px;
}
.wiki-tabs a {
    color: #FFF;
    background: #888F9F;
    border-color: #1F232F;
    padding: 10px 12px 12px 12px;
    text-decoration: none;
    font-size: 15px;
    border-style: solid;
    border-width: 1px 1px 0 1px;
    margin-right: 8px;
}
.wiki-tabs a {
    -moz-border-radius: 8px 8px 0 0;
    -webkit-border-radius: 8px 8px 0 0;
    border-radius: 8px 8px 0 0;
}
.wiki-tabs .sel {
    background: #FFFDE2;
    border-color: #FAEBCC;
    color: #8A6D3B;
}


.wikibody.diff {background: #FFFDE2; border: 1px solid #FAEBCC; padding: 20px; margin-bottom: 5px; margin-top: 8px; -moz-border-radius: 0 0 8px 8px; -webkit-border-radius: 0 0 8px 8px; border-radius: 0 0 8px 8px;}
.wikiconflict {background: #FFFDE2; color: #8A6D3B; border: 1px solid #FAEBCC; padding: 6px 0; margin: 15px 0 0 0; text-align: center;}
.wikiresolve {background: #D9EDF7; color: #31708F; border: 1px solid #C2DDEA; padding: 6px 0; margin: 15px 0; text-align: center;}

/* -- Wiki Stats */
.wikistats .col2 {width: 300px; margin: 0 20px 0 0; float: left; display: inline;}


.wikistats .chars .smalldate, .wikilist .chars .smalldate {font-size: 11px; color: #888F9F;}

/* -- Wiki History */
.wikihistory .active {background: #5CB85C; color: #FFF; padding: 1px 6px; font-size: 10px;}
.wikihistory .rejected {background: #C40F0F; color: #FFF; padding: 1px 6px; font-size: 10px;}
.wikihistory .chars, .wikilist .chars {font-size: 11px;}
.wikihistory .size, .wikilist .size, .wikistats .size {background: #C9CEDB; color: #000; padding: 2px 4px; font-size: 11px;}

.fbdupechart { text-align: center;}

/* ---------------------------------------------------------------------- */
/* Messages */




/* -- Resource Status */
.msgstatus.incomplete div {background: #FFFDE2; color: #8A6D3B; border: 1px solid #FAEBCC;}
.msgstatus.pending div {background: #FFFDE2; color: #8A6D3B; border: 1px solid #FAEBCC;}
.msgstatus.expired div {color: #A94442; background: #F2DEDE; border: 1px solid #EBCCD1;}
.msgstatus.inactive div {color: #FFF; background: #888F9F;}
.msgstatus.deleted div {color: #A94442; background: #F2DEDE; border: 1px solid #EBCCD1;}
.msgstatus.rejected div {color: #A94442; background: #F2DEDE; border: 1px solid #EBCCD1;}
.msgstatus.previous div {background: #FFFDE2; color: #8A6D3B; border: 1px solid #FAEBCC;}
.msgstatus.live {display: none;}
.msginfo div {background: #d9edf7; border: 1px solid #C2DDEA; color: #31708F; border-radius: 6px; -webkit-border-radius: 6px; padding: 8px 12px; margin: 15px 0 0 0;}
.msginfo div a {color: #31708F; font-weight: bold;}

/* ---------------------------------------------------------------------- */
/* Views and Filters */

.optgroup {color: #FFF; padding-left: 0; background: #676D7E;}

.viewitems {margin-right: 10px; display: block;}

.viewset,
.viewsubset {
    display: block;
    margin-right: 10px;
}

.viewset select,
.viewsubset select {
    width: 100%;
}

option.viewsection {background: #428BCA; color: #fff;}

option.viewsection.label {
    background: transparent;
    color: #1F232F;
    font-weight: bold;
}

.dyntags input {margin: 10px 0;}

.filterset .validate {box-shadow: 0 0 3px red; border: 1px solid red;}

.viewsource-outer {
    position: relative;
}

.viewdata optgroup:after {
    content: ""; /* added so padding is applied in firefox */
    display: block;
    height: 0;
    padding-left: 8px;
}

.viewdata select[multiple] option.label,
.viewdata select option.label:disabled,
.viewdata select option.label[disabled] {
    color: #556;
    font-weight: bold;
}

.viewdata select[multiple] option.child:before,
.viewitems select[multiple] option.child:before {
    content: "";
}

.viewdata select[multiple] option.child:before {
    padding-left: 24px;
}

.viewitems select[multiple] option.child:before {
    padding-left: 14px;
}

/* ---------------------------------------------------------------------- */
/* Misc. Shared UI */

/* -- Forms */
.formtable {border-collapse: collapse;} /*border-collapse: separate*/
.item {width: 50%; vertical-align: middle;}
.item textarea {width: 96%;}
.item .label { background: #FFF;}
.item .value {margin-top:10px;}
.hidden .item .label {background: none;}
.error {color: #B90000;}
.req {color: #B90000;}
td.item+td:not(.itemhard) {padding-top:0;}
td.item+td [type="text"] {margin-top: 5px;margin-bottom:5px;}
td.item+td .form-label-inline {margin-top: 5px;margin-bottom:5px;}
td.item+td [type="password"] {margin-top: 5px;margin-bottom:5px;}
td.item+td textarea {margin-top: 5px;margin-bottom:5px;}
td.item+td select:not([multiple]) {margin-top: 5px;margin-bottom:5px;}

td.item+td .form-inline {margin-top: 5px;margin-bottom:5px;}
td.item+td .js-colorpicker {margin: 0;}
/* -- Forms - Item Hard */
.itemhard {position: relative; background: #F7F8F9 !important; border-radius: var(--border-radius-md); border: 1px solid #fff; color: #888F9F;}
.itemhard .is-code-block {
    font-family: monospace;
    font-size: 14px;
    overflow-x: auto;
    -moz-tab-size: 4;
    -o-tab-size: 4;
    tab-size: 4;
    white-space: pre;
}

/**FORMS - ITEM HARD - FIXES INABILITY TO ADD TOP WHITESPACE TO TD.ITEMHARD*/
.itemhard.hasvalue {
    background: none !important;
    border: none !important;
}

.itemhard.hasvalue .value {
    border-radius: var(--border-radius-md);
    margin-top: 5px;
    padding: 12px 15px 12px;
    color: #4C5163;
    background: #eef0f3 !important;
    height: auto;
    min-height: 44px;
}
/* -- Forms - Value */
.itemhard .value {background: none !important; padding: 6px;}
.hidden .itemhard {border-color: transparent;}
.hidden .itemhard .value {background: transparent;}
/* -- Revealed Elements */
.hidden .hidden {padding: 0;}

.hidden hr {border-bottom-width: 1px; margin: 20px 0 20px 0;}
.hidden ul {margin-bottom: 0; margin-top: 5px;}
.hidden .itemhard {background: #F7F8F9; padding-left: 5px;}

.bbc_table td {border: 1px solid #E4E6EC; padding: 6px;}
.bbc_table th {border: 1px solid #E4E6EC; padding: 6px; background: #EEF0F3; text-align: left;}
.post hr {border-bottom: 1px solid #E4E6EC;}

/* -- File Uploads */
.listin .rownew td {padding: 0;}
.listin .rownew .security {background: #5CB85C; border: 1px solid #439F43; color: #FFF; margin: 10px 0 6px 0; padding: 10px;}
iframe.upload {display: block; width: 100%; height: 0; border: 0; margin: 0;}
#page_status_bar {width: 100%; height: 20px; color: #8A6D3B; background: #FFFDE2; border: 1px outset #FAEBCC;}
#page_status_bar tr td {border: 1px inset #EEF0F3;}
#list_body {width: 100%;}
#list_body tr td {font-size: 11px; line-height: 16px; border: 0 !important; height: 16px; padding: 0 0 0 4px; vertical-align: middle;}
#list_body .on {background: #EEF0F3;}
.upload_filename {color: #000; font-weight: bold; font-size: 12px;}
.upload_stats {color: #888F9F; font-size: 10px;}
.addfile .file {color: #8A6D3B; background: #FFFDE2; border: 1px solid #FAEBCC; padding: 6px; border-radius: 6px;}
.addfile td {border: 0 !important; padding-top: 4px !important;}
.addfile select {margin-right: 6px;}

/* -- Team Type Icons */
.teamtype_access .tooltip {position: absolute; padding: 10px 13px; white-space: nowrap; z-index: 2; color: #1F232F; background-color: #FFF9C1; border: 1px solid #C7B769; font: normal 12px/18px sans-serif; text-align: center;}
.teamtype_access img:hover {cursor: pointer;}
.teamtype_access strike {color: #888F9F;}
.teamtype_access .req img:hover {cursor: default;}

/* -- Notices */
a.tooltip {position: relative; z-index: 24; background-color: transparent; color: #000; text-decoration: none; text-align: left;}
a.tooltip span {display: none;}
a.tooltip:hover {z-index: 25; background-color: transparent;}
a.tooltip:hover span {display: block; position: absolute; top: 0; left: 18px; color: #1F232F; border: 1px solid #AD9F5B; background: url(/images/css/tip.png) top left repeat-x #FFF9C1; white-space: normal; padding: 10px; min-width: 500px;}
a.tooltip h5 {display: block; font-size: 12px; font-weight: normal; background: #000; color: #FFF; margin: 0 0 10px 0; padding: 6px; margin: -10px; margin-bottom: 10px;}
a.tooltip li {margin: 0 0 0 25px;}
a.tooltip p {margin-bottom: 8px; white-space: pre-wrap;}


/* Site Errors */
.siteerror {
    text-align:center;
    padding-bottom: 20px;
}

.siteerror .body {
    font-size: 60px;
    font-weight: bold;
    text-transform: uppercase;
}

.siteerror .title {
    font-size: 24px;
    line-height: 1.2;
    font-weight: bold;
}

.siteerror .desc {
    font-size: 18px;
    color: #797979;
    line-height: 1.6;
    margin: 0 auto;
}

/* ---------------------------------------------------------------------- */
/* Other Major Tools */

/**TOPBAR*/
    .topbar {
        position: relative;
        top: 0;
        width: 100%;
        box-shadow: 0 4px 8px rgba(0,0,0,.2);
    }
    .tb-bar {
        padding: 10px;
        font-size: 18px;
        text-align: center;
    }
    .tb-bar:after {
        content: "";
        display: table;
        clear: both;
    }
    /**TOPBAR - INACTIVE PROJECT*/
        .tb-inactiveproj {
            background: #c0c0c0;
            color: #888F9F;
            text-shadow: 0 1px 0 #D8D8D8;
        }
    /**TOPBAR - ASSUME*/
        .tb-assume {
            background: #1F232F;
            color: #fff;
            border-bottom: 1px solid #4C5163;
        }
        .tb-assume-inner {
            max-width: 1240px;
            margin: 0 auto;
        }
        .tb-assume__msg {
            display: inline;
            /*NOTE: Necessary adjustment for vertical symmetry*/
            position: relative;
            top: 1px;
            line-height: 1.8;
        }
        .tb-assume .bttn {
            margin: 10px;
            padding: 8px 10px 9px;
            font-size: 14px;
        }
    /**TOPBAR - FREE UPGRADE BANNER*/
        .topbar-upgrade-banner {
            box-shadow: none;
        }

        .tb-bar.tb-upgrade-banner {
            padding: 12px;
            font-size: 16px;
            display: flex;
            justify-content: center;
            align-items: center;
        }

        .tb-bar.tb-upgrade-banner a {
            margin: 0;
            margin-left: 10px;
            padding: 10px;
            font-size: 14px;
            box-shadow: none;
            font-weight: bold;
            letter-spacing: normal;
            flex-shrink: 0;
        }

        .tb-bar.tb-upgrade-banner a:hover,
        .tb-bar.tb-upgrade-banner a:focus {
            opacity: .75;
        }

        .topbar-account-past-due {
            background-color: #C4580A !important;
            display: none;
            border-bottom: 1px solid #FFF;
        }

        .commanager .topbar-account-past-due,
        .projmanager .topbar-account-past-due {
            display: block;
        }

        .topbar-account-past-due a {
            color: #FFF !important;
            text-decoration: underline;
        }

        .tb-account-past-due-banner {
            padding-bottom: 0;
            padding-top: 0;
        }

        .tb-account-past-due-banner-msg {
            font-size: 16px;
            font-weight: 700;
            padding: 15px 0;
        }


/* -- Project Home */
.projhome {white-space: normal;}
.projhome .status {font-size: 80%; color: #676D7E;}

.projhome .loading, .projhome .empty {margin: 35px 0 45px 0; font-size: 15px; color: #676D7E;}

.projhome .block {padding: 0 20px;}
.projhome .secbody {margin: 20px 0;}
.projhome .forum2 {float: left; width: 308px;}
.projhome .forum2 td:first-child a {white-space: normal;}
.projhome .leftpad {margin-left: 10px;}
.projhome .new a {color: #298529;}

.projhome .secbody.forums td {text-align: left;}
.projhome .secbody.forums td:last-child {text-align: center;}



.projhome .pop {margin-top: 5px; margin-bottom: 15px;}
.projhome .pop td {padding: 3px 10px; font-size: 12px;}
.projhome .pop .empty {margin: 0; padding: 10px 5px;}
.projhome .pop .cdate, .pop .addr {color: #888F9F; font-size: 11px; margin-left: 5px;}

/* -- Open Opportunities */
.open .opp {
    border-radius: 3px;
}

.open .opp:last-child {
    margin-bottom: 0;
}

.open .opp-controls:after {
    content: "";
    display: table;
    clear: both;
}

.open .opp .bttn {
    margin-top: 0;
}

.open .opp-body {
    line-height: 1.6;
    font-size: 16px;
}

.open .social {
    margin: 0;
    display: inline-block;
    width: auto;
    vertical-align: middle;
}

.open .opp-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.open .unavail {
    margin: 0;
    padding: 0 20px;
    background: #b5b7bd;
    padding: 20px;
    color: #737682;
}

.open .unavail h5 {
    color: #737682;
}

.open .label[class*="label-"] {
    padding: .5em;
    font-size: 12px;
    font-weight: 400;
}

.open .bttn:not(.pagetools .tool .bttn, .tb-bar .bttn) {
    padding: 10px 15px;
    margin-top: 5px;
}

/* -- String Management */

.highlight .unchanged {color: #fff;}

.pophide.well {
    margin: -70px -70px 70px -70px;
    padding: 40px 70px;
    border-radius: 6px 6px 0px 0px;
}
.pophide .hidden {margin-top: 20px;}
.pophide td {padding-right: 10px;}
.pophide .form-item label {
    width: 100%;
    margin-top: 10px;
}

.row-hide td {display: none;}
.row-show td {display: table-cell;}

.stringlist .pad {padding: 12px;}
.stringlist img {margin-right: 6px;}
.stringlist textarea {min-height: 60px !important; float: left;}
.stringlist .btn {margin-top: 15px; margin-left: 10px;}
.stringlist .light {color: #C9CEDB;}
.stringlist .highlight .light {color: #8cb3de;}
.stringlist .pagecount div {width: 40px; padding: 8px 0; background: #24536A; color: #fff;text-decoration: none; font-size: 200%; border-radius: 6px;}
.stringlist .pagecount div:hover {color: #E4E6EC;}

/* -- User Account */
/*.useraccount .sel {width: 300px;}*/ /* geo */

/* -- Themes */
.threecols {float: left; width: 32%;}
.threecols p {margin: 10px 0 5px 0;}
.colorwrapper input {padding: 0; font-size: 12px; width: 60px; height: 20px;}

/**ADVANCED SEARCH*/
.kb .form-checkbox a {text-decoration: underline;}

/* -- Knowledge Base */
/*Used page id to modify these two global divs for this specific area with risk of affecting other areas in the process. This page is a one off and this should*/
/*not be common practice */
.pageid3591 .leftnavback.nonav {display: none;}
.pageid3591 .sitefooter-inner-inner {margin-left: 0;}

.chkitem input {margin: 0 6px;}
.chkitem {line-height: 2;}

.kbresults h5.pretable {margin-top: 30px; margin-bottom: 10px;}

/* -- Tasks */
.tasknormal {color: #000;}
.taskupcoming {color: #428BCA;}
.taskgrace {color: #ffa500;}
.tasksuccess {color: #298529;}
.taskfailure {color: #B90000;}
.taskcomplete {color: #31708F;}
.taskcantcomplete {color: #4C5163;}
.taskexpired {color: #B90000;}






.tasktitle, .taskupcoming, .taskgrace, .taskexpired {padding-left: 10px; padding-right: 5px;}
.tasktitlex {text-decoration: line-through; color: #676D7E; padding-left: 5px; padding-right: 5px;}
.taskdesc {padding: 5px 5px 0 5px; margin-top: 10px;}
.taskdesc p {margin-bottom: 5px;}
.taskdesc img {max-width:100%!important;}
.tasklist .filetype a {margin-left: 10px;}

.tasklistadmin .hidden .chk {margin-left: 15px;}
.taskui .taskdesc {padding-bottom: 0;}

.usertasks .taskaccept ul {list-style-type: none; padding-left: 0;}
.usertasks .taskaccept li {margin-left: 15px;}

/*TASK ICON/FONTAWESOME*/
.tbl-cont--task .fa-arrow-up,
.fa-circle.failure {
    color: #e61610;
}
.tbl-cont--task .fa-arrow-down,
.fa-circle.success {
    color: #72bb53;
}
.tbl-cont--task .fa-minus {
    color: #888F9F;
}
.fa-circle.complete,
.fa-dot-circle-o.inprogress {
    color: #1464f6;
}
.fa-circle.cannotcomplete {
    color: #000;
}

/* -- Content / Releases */
.pagetopbar .bttn.resource-preview {cursor: default;}
.article .comments h5 {margin-bottom: 10px;}
.article .comments .message {border: 0; padding: 20px 5px 10px 5px; border-top: 1px solid #EEF0F3; clear: both;}
.article .comments .details {padding: 0 0 10px 0; font-size: 80%; color: #4C5163;}
.article .comments .timestamp {margin-right: 3px;}
.article .comments .count {background: #5CB85C; color: #FFF; padding: 3px 6px; font-size: 110%; margin-right: 3px;}
.article .comments .newcomment {background: #5CB85C; color: #FFF; padding: 9px; font-size: 120%; display: block; clear: both; margin-top: 10px; text-align: center; border-radius: 4px;}

/* -- Distributed Values */
.dv {
    background: #EEF0F3;
    color: #4C5163;
    padding: 24px;
    margin-top: 8px;
}
.dv h5 {margin-top: 0; margin-bottom: 8px;}
.dv hr {margin-top: 10px; margin-bottom: 5px; border-color: #e6e7e8; display: block;}
.dv .btn {margin-top: 10px;}
.dv .warning {color: #4C5163; padding: 10px 0; margin: 0; background: transparent; border: 0;}
.dv .info-inline {color: #298529; padding: 10px 0; margin: 0; background: transparent; border: 0;}
.dv .light {color: #777D82;}
.dv .choices .infobox {
    width: inherit;
}
.dv-outer + .dv-outer {
    margin-top: 20px;
}
.dv-form .well {
    margin-top: -30px;
    margin-bottom: -20px;
    border-radius: 0px 0px 6px 6px;
}

/* -- Reporting */

.reportview .sitelayout .section-header {background: none; font-size: 20px; color: #000; padding: 0; border: 0; margin: 25px 0 8px 0; text-shadow: none; box-shadow: none;}
.reportview .optional {display: none;}
.reportview .ReportDesc {margin: -5px 0 8px 0;}

/* -- User and Project Summary */

.summary h5 {margin: 25px 0 10px 0; font-size: initial; font-weight: bold;}

/* -- Recruitments */

.recruitment .details {margin-bottom: 20px; margin-top: 20px;}

.recruitment .apply a {font-size: 20px; display: block; background: #888F9F; color: #FFF; padding: 12px; text-align: center; text-decoration: none;}
.recruitment .apply a:hover {background: #4C5163; color: #FFF; text-decoration: none;}

.recruitment.apply .existing {background: #EEF0F3; position: relative; height: 80px;}

.recruitment.apply .username {position: absolute; top: 10px; left: 15px; font-weight: bold;}
.recruitment.apply .txt {position: absolute; top: 35px; left: 15px; width: 200px;}
.recruitment.apply .password {position: absolute; top: 10px; left: 235px; font-weight: bold;}
.recruitment.apply .pass {position: absolute; top: 35px; left: 235px; width: 200px;}
.recruitment.apply .btn {position: absolute; top: 35px; left: 455px; padding: 6px 15px;}
.recruitment.apply .join a {padding: 15px; background: #EEF0F3; display: block; text-decoration: none; font-size: 18px;}
.recruitment.apply .join a:hover {background: #4C5163; color: #FFF; text-decoration: none;}

/* -- Account Creation */
#CaptchaMatch {height: 38px; font-weight: bold; font-size: 28px; width: 146px; letter-spacing: 4px; padding: 6px 12px; text-align: center; margin-top: -4px;}
.captcha {border: 1px solid #888F9F;}
.founduser {font-size: 400%; text-align: center; background: #C9CEDB; padding: 40px; margin-top: 20px;}

/* ---------------------------------------------------------------------- */
/* Regional Fixes */

.jaccount .jcol2,.jaccount .jcol3 {width: 150px !important;}

/* ---------------------------------------------------------------------- */
/* Debug */

.debug {padding: 30px; border-bottom: 50px solid #B90000; font-size: 45px; text-align: center; color: #000;}
.debug span {margin-left: 25px; vertical-align: 130%;}
.debugarray {border: 2px solid #888F9F;}
.debugarray td {padding: 4px; font-size: 11px; border: 1px solid #E4E6EC;}

/* ---------------------------------------------------------------------- */
/* Browser Hacks */


.minwidth {height: 1px !important; font-size: 1px !important; line-height: 1px !important; width: 500px;}
.noheight {height: 1px !important; font-size: 1px !important;}
.iframeback {margin: 0; padding: 0;}

/* ---------------------------------------------------------------------- */
/* Visual Polish */

/* -- Shadows */
.login .in {
    box-shadow: 0 2px 25px 2px rgba(0,0,0,.6);
}

.floating-shadow {
    box-shadow: var(--shadow-panel);
}

.floating-shadow-inset {
    box-shadow: var(--shadow-panel-inset);
}

.blocky-shadow {
    box-shadow: var(--shadow-element-blocky);
}

/* Avatar Functionality */

/* --- Global Avatar Display */

.avatar img,
.avatar i {
    display: inline-block;
    vertical-align: middle;
}

.avatar.small,
.avatar.small img {
    height: 16px;
    width: 16px;
    border-radius: 0;
    font-size: 8px;
}

.avatar.medium,
.avatar.medium img {
    height: 32px;
    width: 32px;
    border-radius: 50%;
    font-size: 16px;
}

.avatar.large,
.avatar.large img {
    height: 48px;
    width: 48px;
    border-radius: 50%;
    font-size: 24px;
}

.avatar.xlarge,
.avatar.xlarge img {
    height: 64px;
    width: 64px;
    border-radius: 50%;
    font-size: 32px;
}

.avatar.small img,
.avatar.small i {
    border: none;
    box-shadow: none;
}

.usersummary .LogList .avatar.small
{
    display: inline-block;
    position: relative;
    top: -3px;
}

.imgareaselect-selection {border-radius: 50%;box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 0px 68px;}

/*DEFAULT FONT ICON ADJUSTMENTS*/
.avatar i {color: #c0c0c0;}
.avatar.preview.small i {font-size: 16px}
.avatar.preview.medium i {font-size: 32px;}
.avatar.preview.large i {font-size: 48px;}
.avatar.preview.xlarge i {font-size: 64px;}

/* --- Avatar Usage */
.avatar.usercard {cursor: pointer;}

/* ------ Avatars in Legacy Forums */
.author {position: relative; display: block; margin: 5px;}
.author .poster {position: absolute; left: 40px; top: 1px; width: 145px; line-height: 1.2; font-size: 90%; color: #888F9F;}
.author .poster big {font-size: 12px;}
.author .avatar {margin: 2px 0;}

.noavatars .poster {position: static; left: 0; top: 0;}
.noavatars .author {display: inline; position: static; margin: 0;}

/* -- Selector Tip */
#avatarpick .tip {position: relative; overflow: hidden;}
#avatarpick .avatar {float: left; padding-bottom: 50px;}
#avatarpick .tipheader {padding-top: 5px; padding-bottom: 0;}
#avatarpick .avatardesc {float: left; margin-left: 10px; margin-top: -5px;}

.loggedin .avatar {display: inline; margin-left: 5px;}

/* -- Editing Tool */

#curr_avatar .file {color: #8A6D3B; background: #FFFDE2; border: 1px solid #FAEBCC; margin-bottom: 15px; padding: 6px; border-radius: 6px; width: 412px;}
#curr_avatar .btn#remove {position: absolute; right: 0; margin-top: 0;}

.imgareaselect-border1 {background: url(/images/css/border-anim-v.gif) repeat-y left top;}
.imgareaselect-border2 {background: url(/images/css/border-anim-h.gif) repeat-x left top;}
.imgareaselect-border3 {background: url(/images/css/border-anim-v.gif) repeat-y right top;}
.imgareaselect-border4 {background: url(/images/css/border-anim-h.gif) repeat-x left bottom;}
.imgareaselect-border1, .imgareaselect-border2,.imgareaselect-border3, .imgareaselect-border4 {filter: alpha(opacity=50); opacity: 0.5;}
.imgareaselect-handle {background-color: #FFF; border: solid 1px #000; filter: alpha(opacity=50); opacity: 0.5;}
.imgareaselect-outer {background-color: #000; filter: alpha(opacity=50); opacity: 0.5;}

/* --- User Card Popup --- */
.forumtopics .poster {width: auto;}
.forumtopics .author {position: relative; display: block; margin: 5px; max-width: 200px; min-width: 145px;}

/* User Summary */
.navset.usersummary .avatarblock .tip .avatarchange {
    align-self: center;
    padding-left: 10px;
    font-size: 18px;
    width: 100%;
}

/* User Access */
.user-info-container {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 15px;
    height: 75px;
    padding: 10px 20px 10px 20px;
    border-radius: 6px;
    background-color: #E4E6EC;
}
.user-info-name {
    font-size: 18px;
    font-weight: 600;
    max-width: 600px;
}
.user-info-container .bttn {
    margin: 0px 0px 0px auto;
    border-radius: 50px;
    width: 120px;
    height: 36px;
    padding: 9px;
}

/* --- User Comments */

.usersummary .commentblock {overflow: hidden; border-bottom: solid 1px black;}
.usersummary .commentblock:nth-last-child(1) {border: 0;}
.usersummary .commentprofile {float: left; width: 150px; height: 140px; padding: 15px;}
.usersummary .commenttext {float: left; width: 375px; height: 140px; border-left: solid 1px black; padding: 15px;}
.usersummary .submitbar select {max-width: 230px;}

.posts--user-perform .post.hasrank.nocomment .cmtbody {display: none;}
.posts--user-perform .post.hasrank.nocomment .cmtavatar {display: none;}
.posts--user-perform .post.hasrank.nocomment .cmtuser {padding: 5px 10px; display: block;}
.posts--user-perform .post.hasrank.nocomment .rank {padding: 7px 10px;}
.posts--user-perform .post.hasrank.nocomment .cmtdate {color: #fff;}
.posts--user-perform .post.hasrank.nocomment .cmtname a {color: #fff;}

/* ---- User Comment Score Boxes */

.usersummary .scores {width: 100%; text-align: center; margin-bottom: 20px;}
.usersummary .scores .value {color: #808080; display: inline-block; cursor: pointer; width: 40%; text-align: center; font-size: 36px; margin: 0 10px; padding: 20px 5px; background-color: #C9CEDB; border-radius: 5px; border: 0 solid #FFF; line-height: 1;}
.usersummary .scores .value.active {background-color: #C9CEDB; border: 1px solid #808080; cursor: default; border-width: 3px; border-style: solid;}
.usersummary .scores .label {color: #808080; display: block; margin-top: 10px; width: 100%; text-align: center; font-size: 16px; line-height: 1;}

/* Score Background Colors */
.usersummary .scores .value.negative {background: #F2DEDE;}
.usersummary .scores .value.neutral {background: #d9edf7;}
.usersummary .scores .value.positive {background: #dff0d8;}
.usersummary .scores .value.positive span:before {content: '+';}

/* Score Border Colors */
.usersummary .scores .value.negative.active {border-color: #a94442;}
.usersummary .scores .value.neutral.active {border-color: #31708f;}
.usersummary .scores .value.positive.active {border-color: #3c763d;}

/* Score Font Colors */
.usersummary .scores .value.neutral, .usersummary .scores .value.neutral .label {color: #31708f;}
.usersummary .scores .value.positive, .usersummary .scores .value.positive .label {color: #3c763d;}
.usersummary .scores .value.negative, .usersummary .scores .value.negative .label {color: #a94442;}

/* Post Background Colors */
.posts--user-perform .post.nocomment.negative {background: #F2DEDE;}
.posts--user-perform .post.nocomment.neutral {background: #d9edf7;}
.posts--user-perform .post.nocomment.positive {background: #dff0d8;}

/* Post Font Colors */
.posts--user-perform .post.nocomment.negative .cmtuser a {color: #a94442;}
.posts--user-perform .post.nocomment.neutral .cmtuser a {color: #31708f;}
.posts--user-perform .post.nocomment.positive .cmtuser a {color: #3c763d;}
.posts--user-perform .post.nocomment.negative .cmtuser .cmtdate {color: #a94442;}
.posts--user-perform .post.nocomment.neutral .cmtuser .cmtdate {color: #31708f;}
.posts--user-perform .post.nocomment.positive .cmtuser .cmtdate {color: #3c763d;}

/* ---- User Comment Ranking Tags */

.posts--user-perform .rank {position: absolute; right: 0; top: 0; font-size: 12px; padding: 7px 10px; background: #000; color: #AAB1C1;}
.posts--user-perform .rank.negative {background: #a94442; color: #fff;}
.posts--user-perform .rank.neutral {background: #31708f; color: #fff;}
.posts--user-perform .rank.positive {background: #3c763d; color: #fff;}
.posts--user-perform .nouserprofile {margin-top: 20px; font-size: 24px; text-align: center; padding: 30px;}

/* Luke Experimenting with Draggable Columns */

.resizelist td {word-wrap: break-word;}
.resizelist td.header {white-space: normal !important;}


/* User Profile */
.backnext {padding: 5px; width: 100%;margin-top: 15px; margin-bottom: 15px; text-align: center;}
.backnext ul {list-style-type: none; margin: 0; padding: 0; overflow: hidden;}
.backnext ul li {list-style-type: none; margin: 0; padding: 0; float: left; border: 1px solid black;}
.backnext ul li a:link,.backnext ul li a:visited, .backnext ul li span {display: block; font-weight: bold; color: #000; background: url("/images/css/5-Dark.png") #EEF0F3; text-align: center; padding: 4px; text-decoration: none;}
.backnext ul li a.current,.backnext ul li a:hover,.backnext ul li a:active {background-color: #428BCA; color: #FFF;}
.backnext ul li span.disabled {background-color: #888F9F;}

#userCommScore, #userProjScore {border-radius: 10px; width: 150px; margin: 25px 35px 25px 75px; padding: 25px; background-color: #FFD65E; text-align: center;}
#userCommScore {display: inline-block;}
#userProjScore {display: inline-block;}

/* Occurrence Tab */
.fboccurrences .scores {width: 100%; text-align: center; margin-bottom: 20px;}
.fboccurrences .scores .value {display: inline-block; cursor: pointer; width: 20%; text-align: center; font-size: 36px; padding: 30px 15px; border-radius: 12px; border: 1px solid #E4E6EC;}
.fboccurrences .scores .value.active {cursor: default; border: 1px solid #E6A904;} /* Selected Occurrence Type */
.fboccurrences .scores .label {display: inline-block; margin-top: 6px; width: 20%; text-align: center;}
.fboccurrences .scores .symbol {display: inline-block; width: 5%; text-align: center; font-size: 30px;}
.fboccurrences .scores .symbol.empty {display: inline-block; width: 5%;}

.commhide {display: none;} /* What is this? */

/* Connect 10 Feedback Styles */

/* Shared Gradients */

/* Light Gradient - Default Buttons */
.fboccurrences .scores .value, .voteui, .voteui.votable.notvoted, .voteui.voteable.voteoff {color:#888F9F;}
.tipinner .voteui a:hover, .tipinner .voteui a:focus{text-decoration:none;}
/* Selected Gradient - Orange */
.fboccurrences .scores .value.active {
    color: #FFF;
    background-color: #ffd65e;
}

/* Occurrence Count Gradient */
.fboccurrences .scores .value.nolink,
.voteui.voteable.voteon,
.fbmobile.mobilemod .voteui,
.fbmobile.mobilepre .voteui,
.fbmobile.mobileretro .voteui {
    color: #FFF;
    background-color: #888F9F;
}

/* Fix for Formtables */
.section-header+.formtable {margin-top: -5px;} /*Removes excessive margin between h3 and formtables*/
.formtable #divSize .hidden {margin-top: 10px;} /*Adds missing top margin when User Defined is selected for Text Entry*/

/*-- Qtip Hints */
.qtiphint {display: none;}
.qtiphint {font-size: 12px;}
.qtiphint a,.qtiphint a:hover {color: #fff;}
.qtiphint b {color: orange !important;}
.qtiphint ul {padding-bottom: 0; margin-bottom: 0;} /*TODO: REMOVE AFTER VERIFYING*/
.qtiphint h5 {color: white;}
.qtiphint h5:first-child {margin-top: 10px;}
.qtip {
    background: #4C5163 !important;
    text-shadow: 0 -1px 0 #000 !important;
    box-shadow: 4px 4px 8px rgba(0, 0, 0, .3) !important;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    margin-top: 10px;
    opacity: 0;
    border-radius: var(--border-radius-md);
    font-family: var(--cc-font-family);
}
.qtip * {
    /*Override Tailwind.css border-color conflict*/
    border-color: transparent;
}
.qtip ul {padding: 0; margin: 3px 0 0;}
.qtip-ul--nodisc li {list-style:none;margin-left: 0;}
.hasqtiphint {word-break: break-word; word-wrap: break-word;}

.qtip .qtip-content {
    font-size: 12px;
    font-weight: 700;
    padding: 8px 15px;
}
.qtip-content h5 {
    color: #fff;
    font-size: 13px;
    margin: initial;
}
.qtip-default .qtip-content {
    text-align: center;
}

.qtip-default.qtip-alignleft .qtip-content {
    text-align: left;
}

.qtip-default.qtip-nowrap .qtip-content {
    white-space: nowrap;
}

.qtip-default.qtip-pointer-events-none {
    pointer-events: none;
}

.stringlisttable .txtmed {width: 300px; max-width: 300px;}
.stringlisttable.nondev .txtmed {width: 40%; max-width: 300px;}
.qtip.qtip-nowrap {white-space: nowrap;max-width:100%;}
.qtip-content strike{
    display:inline!important;
    color: #AAB1C1;
}
.reportadmin .qtip-svg-fix { /*Fixes strange hover behavior when qtip is applied to svg - Currently only applies to report admin page*/
    /*NOTE TO DEVS: If you mess with this, you better check across all browsers OS AND PC....*/
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: 20px auto;
    height: 20px;
    width: 20px;
    display:block;
}

/**QTIP - RESET STYLE*/
    .qtip-reset-style {
        background: none!important; /*override plugin*/
    }
    .qtip-reset-style .qtip-content {
        padding: 0;
        background: none!important; /*override plugin*/
        text-shadow: none!important; /*override plugin*/
        font-weight: normal;
    }
    .qtip-reset-style .qtip-title {
        /* Font stack needs to be defined to override qTip defaults */
        font-family: var(--cc-font-family);
    }
/**QTIP - CONTENT HAS HTML*/
    .qtip-content-inner {
        border-radius: var(--border-radius-md);
        overflow: hidden;
        background-clip: padding-box;
        font-size: 15px;
        line-height: 1.4;
        color: #1F232F;
    }
    .qtip-title {
        color: #1F232F;
        padding: 18px 20px 16px;
        font-size: 15px;
        line-height: 1;
        font-weight: bold;
        background-color: #EEF0F3;
        border-bottom: 1px solid #ebebeb;
    }
    .qtip-desc {
        background: #EEF0F3;
        color: #676D7E;
        padding: 18px 20px 16px;
    }
    .qtip-body {
        background: #fff;
        color: #1F232F;
        padding: 18px 20px 16px;
    }
    .qtip-bttns {
        background-color: #F7F8F9;
        padding: 20px;
        border-top: 1px solid #ebebeb;
    }
    .qtip-bttns .bttn {
        margin-top: 0;
    }
    .qtip-body__ph .loading_gif {
        height:20px;
        width:20px;
        margin-right: 10px;
        display: inline-block;
        vertical-align: middle;
    }
    .qtip-body__ph-text {
        display: inline-block;
        vertical-align: middle;
        padding-top: 2px;
    }

/**QTIP - FORM VALIDATION WARNING - UNIQUE FOR TEXTAREA*/
    .qtip-fv-error--textarea {
        margin-top: 0;
        border-radius: 2px;
        border: 1px solid #D95151;
        background-color: #D95151!important;
        color: #fff;
        text-shadow: none!important;
        box-shadow: none!important;
        max-width: 680px;
    }

/**QTIP - FORM VALIDATION WARNING - REUSES qtip-red FROM QTIP*/
    .qtip.qtip-red {
        background-color: #912323 !important;
        border-color: #912323;
        color: #fff;
        text-shadow: none!important;
    }

    .qtip.qtip-red .qtip-titlebar {
        background-color: #912323;
    }

    .qtip.qtip-red .qtip-close .qtip-icon {
        background-position: -102px 0;
    }

    .qtip.qtip-red .qtip-icon {
        border-color: #912323;
    }

    .qtip.qtip-red .qtip-titlebar .ui-state-hover {
        border-color: #912323;
    }
/**QTIP - FORM VALIDATION WARNING - REUSES qtip-orange FROM QTIP*/
    .qtip.qtip-orange {
        background-color: #f8c735 !important;
        border-color: #f8c735;
        color: #fff;
        text-shadow: none!important;
    }

    .qtip.qtip-orange .qtip-titlebar {
        background-color: #f8c735;
    }

    .qtip.qtip-orange .qtip-close .qtip-icon {
        background-position: -102px 0;
    }

    .qtip.qtip-orange .qtip-icon {
        border-color: #f8c735;
    }

    .qtip.qtip-orange .qtip-titlebar .ui-state-hover {
        border-color: #f8c735;
    }

/**QTIP - FORM ITEM FORMAT*/
    .qtip-form-item--format {
        text-align: left;
        max-width: 350px;
    }

/**QTIP - BOOTSTRAP - REUSES qtip-bootstrap from QTIP*/
    .qtip-bootstrap .qtip-content {
        font-weight: normal;
    }

/*-- Page Overrides */
.pageid3216 .section-header+.formtable {margin-top: 0;} /*Remove this rule after forms are revamped in future sprint*/

/**INLINE NOTICE*/
    /*NOTE: Currently only used for Project Tools Page - Template Note*/
    .inlinenotice {
        position: relative;
        margin-left: -20px;
        margin-right: -20px;
    }
    .inlinenotice .cc-editor-cont--output-outer {
        margin-left: 0;
        margin-right: 0;
    }
    .inlinenotice-close {
        top: 0;
        right: 0;
        cursor: pointer;
        position: absolute;
        background: rgba(0,0,0,0.2);
        padding: 6px 10px;
        margin-top: -1px;
        color: #888F9F;
        opacity: 0.6;
        -webkit-transition: all .1s linear;
        -moz-animation: all .1s linear;
        -ms-animation: all .1s linear;
        animation: all .1s linear;
    }
    .inlinenotice-close:hover, .inlinenotice-close:focus {opacity: 1;}

/*-- Redactor | Editable Contents --*/
.redactor-link-tooltip {z-index: 1052;}
.redactor-editor {resize: vertical; font-family: inherit;}
.redactor-linebreaks {white-space: pre;}
.redactor-box-fullscreen .redactor-editor {resize: none; width: 100% !important;}
.redactor-dropdown .label {margin: 0 10px;}
.redactor-dropdown .shortcut {color: #C9CEDB; font-size: 90%; position: absolute; right: 0; margin-right: 10px;}
#redactor-modal {border-radius:4px;min-width: 600px;} /*TODO: MAKE THE DT MODAL RESPONSIVE WHEN ALLOWING SMALLER MIN-WIDTH*/
#redactor-modal section {padding: 30px 0 50px 0;}
#redactor-modal header {padding-bottom: 0; position: absolute; width: 100%; height: 42px;padding-left: 20px;}
#redactor-modal label {font-weight:normal;font-size: 15px;}
#redactor-modal-body {padding: 30px 40px;}
.red-tbl {margin-bottom: 12px;}
.red-tbl td {height: 3em;}
.red-tbl td img {max-width: 100%;}
.redactor-box {margin-bottom: 0;}

/**REDACTOR - REPORT EMBED PLACEHOLDER FOR WYSIWYG EDIT MODE ONLY*/
    .wysiwyg-editor > [data-e-placeholder="true"]:first-child {
        margin-top: 20px;
    }
    .wysiwyg-editor [data-e-placeholder="true"] {
        display: block!important;
        border-radius: 3px!important;
        padding: 12px!important;
        font-weight: bold!important;
        color: #A8ABB4!important;
        background-color: #e4e4e4!important;
        border: 1px solid #ebecec!important;
        text-shadow: 0  1px 0 #FFF!important;
    }

/*-- Redactor | Editable & Published Contents --*/
.wysiwyg-contents {line-height:1.6;margin:0 -20px!important;padding:0 20px!important;}
.wysiwyg-contents img {max-width:100%;height:auto;}
.wysiwyg-contents video {max-width:100%;height:auto;}
.wysiwyg-contents a {word-break:break-word;}
.wysiwyg-contents p {margin-top:20px;}
.wysiwyg-contents hr{display: block;height: 1px;border: 0;border-top: 1px solid #C9CEDB;}
.wysiwyg-editor {margin:0!important;}
.wysiwyg-contents-inner {display:inline-block;width:100%;} /*PREVENTS MARGIN COLLAPSE*/
/*wyisyg output header reset, including <a>*/
.page .wysiwyg-contents {
    color: initial;
}
.page .wysiwyg-contents h1,
.page .wysiwyg-contents h2,
.page .wysiwyg-contents h3,
.page .wysiwyg-contents h4,
.page .wysiwyg-contents h5 {
    margin: 0.5em 0;
    color: inherit;
}
.page .wysiwyg-contents h1,
.page .wysiwyg-contents h2,
.page .wysiwyg-contents h3,
.page .wysiwyg-contents h4,
.page .wysiwyg-contents h5,
.page .wysiwyg-contents h1 a,
.page .wysiwyg-contents h2 a,
.page .wysiwyg-contents h3 a,
.page .wysiwyg-contents h4 a,
.page .wysiwyg-contents h5 a {
    line-height: 1.2;
    background: none;
    text-shadow: none;
    border: none;
    font-weight: bold;
}
.page .wysiwyg-contents h1 a,
.page .wysiwyg-contents h2 a,
.page .wysiwyg-contents h3 a,
.page .wysiwyg-contents h4 a,
.page .wysiwyg-contents h5 a {
    text-decoration: none;
}

.page .wysiwyg-contents h1 a:hover,
.page .wysiwyg-contents h2 a:hover,
.page .wysiwyg-contents h3 a:hover,
.page .wysiwyg-contents h4 a:hover,
.page .wysiwyg-contents h5 a:hover,
.page .wysiwyg-contents h1 a:focus,
.page .wysiwyg-contents h2 a:focus,
.page .wysiwyg-contents h3 a:focus,
.page .wysiwyg-contents h4 a:focus,
.page .wysiwyg-contents h5 a:focus {
    text-decoration: underline;
}

.page .wysiwyg-contents h1 {
    font-size: 36px;
}

.page .wysiwyg-contents h2 {
    font-size: 28px;
}

.page .wysiwyg-contents h3 {
    font-size: 21px;
    color: initial;
    margin: 0;
    padding: 0;
}

.page .wysiwyg-contents h4 {
    font-size: 18px;
}

.page .wysiwyg-contents h5 {
    font-size: 16px;
}

.wysiwyg-contents th,
.wysiwyg-contents td {
    border: 1px solid #C9CEDB;
    padding: 5px;
}

.wysiwyg-contents .listtable .rowheader .td,
.wy .listin tr:first-child td {
    border-bottom-color: #C9CEDB;
}

.wysiwyg-contents th {
    text-align: left;
    background: #EEF0F3;
}

.wysiwyg-contents caption {
    text-align: left;
    margin-bottom: 10px;
}

.wysiwyg-contents object {
    position: relative;
}

.wysiwyg-contents object:after {
    content: "";
    color: #fff;
    position: absolute;
    height: 300px;
    width: 300px;
    background: orange;
    border: 10px solid red;
    z-index: 99999;
    top: 0;
    left: 0;
}

.wysiwyg-contents blockquote {
    margin-left: 1.6em !important;
    padding-left: 0;
    color: #777;
    font-style: italic;
}

.wysiwyg-contents pre {
    overflow: auto;
    padding: 1em;
    border: 1px solid #E4E6EC;
    border-radius: 3px;
    background: #F7F8F9;
    white-space: pre;
    font-size: 90%;
    font-family: Menlo, Monaco, monospace, sans-serif;
    resize: none !important;
    margin-bottom: 15px;
}

.wysiwyg-contents pre *:not(.DYNAMICTAG) {
    font-family: Menlo, Monaco, monospace, sans-serif;
}

/**REDACTOR - PROJECT TOOLS - EDITOR UI **AND** OUTPUT - FORCED COLORS*/
    .wysiwyg--projtools {
        background: #ECECED;
        color: #222;
    }

.wy-progressbar .wy-pb-outer {margin-top: 20px; border-radius: 3px; border: 1px solid #E4E6EC; background: #888F9F; box-shadow: inset 0 0 4px #EEF0F3; font-size: 30px; color: #fff; line-height: 1; font-weight: bold; text-align: right; height: 50px; overflow: hidden; position: relative;}
.wy-progressbar .wy-pb-inner {background: #008000; width: 0%; height: 100%; position: absolute;}
.wy-progressbar .wy-pb-txt {position: absolute; right: 0; height: 100%; color: white; font-weight: bold; font-size: 38px; line-height: 1; margin-top: -2px;}
.wy-progressbar .wp-pb-txt-results {width: 100%; text-align: center;}
.wy-progressbar .wy-pb-val {padding: 6px 0; display: inline-block;}
.wy-progressbar .wy-pb-percent {opacity: 0.8; margin-left: 0.1em; display: inline-block; font-size: 70%; padding-right: 4px;}
.wy-progressbar .btn {margin-top: 10px; float: right;}

/*-- Redactor | Width --*/
.wysiwyg .wide .wysiwyg-contents.redactor-editor {max-width: 682px;}

/*-- Redactor | Input --*/
#redactor-modal input[type="text"], #redactor-modal input[type="password"], #redactor-modal input[type="email"], #redactor-modal input[type="url"]
 {border-radius: 3px;}

/*-- Redactor | Drop Down --*/
.redactor-dropdown a {margin:0!important;}
a[class*="redactor-dropdown-div-info"]:hover, a[class*="redactor-dropdown-div-info"]:focus, a[class*="redactor-dropdown-div-info"]:active {
    opacity:0.7;
    text-decoration: none;
}

/*-- Redactor | One Line --*/
.redactor-ui-oneline {position: relative;}
.redactor-ui-oneline .wysiwyg-contents p {margin: 10px 0;}
.redactor-ui-oneline .wysiwyg-contents.redactor-editor+textarea {width: 601px !important; max-width: 601px !important; overflow: hidden;}
.redactor-ui-oneline .wysiwyg-contents.redactor-editor {overflow: hidden; border-radius: 3px; min-height: 42px; height: 42px; line-height: 42px; padding: 11px 15px 10px; box-sizing: content-box; resize: none;padding-right:40px;}
.redactor-ui-oneline .redactor-toolbar {width: 46px !important; position: absolute !important; left: inherit !important; right: 0 !important;}
.hidden .redactor-ui-oneline .redactor-editor {background-color: #fff;}
.redactor-ui-oneline.redactor-ui-viewsource .redactor-toolbar {width: 70px !important; position: absolute !important; left: inherit !important; right: 0 !important;}
.redactor-ui-oneline.redactor-ui-viewsource .redactor-editor {width: 589px !important; max-width: 589px !important;}


/*-- Redactor | IE --*/
.browserie .redactor-editor {resize: none; max-height: auto; position: relative; overflow: hidden;}
.browserie .redactor-editor .ui-resizable-s {bottom: -15px; background-image: url("/images/grippy_h_large.png") !important; background-repeat: no-repeat !important; background-position: 50%;}
.browserie .redactor-ui-oneline .redactor-editor {height: 21px;}
.browserie .redactor-ui-oneline .redactor-editor {height: 1.6em; max-height: auto; position: relative;}

/*-- Redactor | Full Screen --*/
.wysiwyg .redactor-box-fullscreen {z-index: 1053 !important;}
.wysiwyg .redactor-box-fullscreen .redactor-toolbar,
.wysiwyg .redactor-box-fullscreen .redactor-dropdown
 {z-index: 1054 !important;}
.wysiwyg #redactor-modal-overlay,#redactor-modal-box,#redactor-modal {z-index: 1055 !important;}

/*-- Redactor | Modal --*/
.wy-formgroup.wy-fg-haserror label {color: #a94442;}
.wy-formgroup.wy-fg-haserror input {border-color: #a94442 !important;}
.wy-formgroup.wy-fg-haserror small {color: #a94442;}
.wy-formgroup.wy-fg-haserror input:focus {border-color: #a94442 !important; box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #ce8483 !important;}
#redactor-modal footer button.redactor-modal-action-btn[disabled] {background-color: #6384B0; cursor: default;}

/*-- Redactor | Dynamic Tag Modal --*/
.dt-modal-body {padding: 0;}
.dt-modal-body .hidden {background: transparent; padding: 0;}
.dt-modal-body .submitbtns {margin-top: 20px;}
.dt-modal-body .dt-btn-insert {margin: 0 5px 0 0;}
.dt-modal-header h4 {display: inline-block; margin: 0;}
.dt-modal-body .ht-dialog-skin {display: none; position: absolute; top: 0; height: 100%; width: 100%; background: #1F232F; background: rgba(0,0,0,0.8); left: 0; z-index: 1; padding: 20px;}
.ht-dialog-skin .ht-close-skin {cursor: pointer; font-size: 14px; height: 20px; width: 20px; line-height: 17px; border-radius: 20px; position: absolute; top: 0; right: 0; margin: 10px; text-align: center; background: #B90000; color: #fff; font-weight: bold; display: inline-block;}

/**DYNAMIC TAG - ADD BOTTOM BORDER TO CONFIGSUBMIT IF NOT IN MODAL*/
.formtable .dt-modal-body .submitbtns {border-bottom:1px solid #EEF0F3;}

/*-- Redactor | Dynamic Tag | Help Text --*/
.section-header.formsectionlink .ht-switch {padding: 0 0 0 8px; float: right;}
#redactor-modal .ht-switch.ht-switch-skin.fa.fa-info-circle {margin-left: 10px; cursor: pointer;position: relative; z-index: 1;}
#redactor-modal-body {padding: 20px;} /*TODO: MOVE THIS UP TO APPROPRIATE LOCATION*/
#redactor-modal-close {text-align: center;height: 48px;width: 48px;line-height: 48px;top: 0;right: 0;}
#redactor-modal .dt-modal-body .submitbtns {margin:20px -20px -20px;border-radius: 0 0 4px 4px;background-clip:padding-box;}

/*-- Redactor | Post Header -- */
.redactor-ui-postheader .redactor-editor {background-color: #fff; font-family: "Courier New", Courier, monospace;}

/*-- Redactor | Email Body | Style Reset */
.wy-ebody-preview * , .wy-ebody-editing .redactor-editor * {font-family: sans-serif; color: #000;}
.wy-ebody-preview a , .wy-ebody-editing .redactor-editor a, .wy-ebody-preview a:hover , .wy-ebody-editing .redactor-editor a:hover {color: #00E;}
.wy-ebody-preview a:visited , .wy-ebody-editing .redactor-editor a:visited {color: #551A8B;}
.wy-ebody-preview h1, .wy-ebody-preview h2, .wy-ebody-preview h3, .wy-ebody-preview h4, .wy-ebody-preview h5, .wy-ebody-preview h6,
.wy-ebody-editing .redactor-editor h1, .wy-ebody-editing .redactor-editor h2, .wy-ebody-editing .redactor-editor h3, .wy-ebody-editing .redactor-editor h4, .wy-ebody-editing .redactor-editor h5, .wy-ebody-editing .redactor-editor h6
 {font-weight: bold; color: #000; padding: 0; background: none; text-rendering: optimizeLegibility; margin: .5em 0 .5em 0; text-transform: none;}
.wy-ebody-preview table, .wy-ebody-editing .redactor-editor table {text-align: left;}
.wy-ebody-preview table thead td, .wy-ebody-editing .redactor-editor table thead td,
.wy-ebody-preview table th, .wy-ebody-editing .redactor-editor table th {font-weight: normal; border-bottom-color: transparent; border: none; background: none;}
.wy-ebody-preview table td, .wy-ebody-editing .redactor-editor table td {border: none;}
.wy-ebody-preview code, .wy-ebody-editing .redactor-editor code {background-color: transparent;}
.wy-ebody-preview pre, .wy-ebody-editing .redactor-editor pre {overflow: auto; padding: 0; border-radius: 0; background: transparent; white-space: pre; border: none;}
.wy-ebody-preview blockquote, .wy-ebody-editing .redactor-editor blockquote {font-style: normal;}
.wy-ebody-preview hr {display: block; margin-top: 0.5em; margin-bottom: 0.5em; border-style: inset; border-width: 1px;}
.wy-ebody-preview .wy-info-email p, .wy-ebody-editing .wy-info-email p {margin-bottom: 0;}

/* Font Awesome Customization */
.fa-cc-shadow {text-shadow: -1px 0px #fff;}
.fa-cc-smaller:before {font-size: 0.6em; line-height: 2em;}
.fa-cc-padright:before {margin-right: -0.6em;}
/**PII*/
    .fa-cc-stack--pii {
        height: 24px;
        width: 1.1em;
        line-height: 24px;
        display: block;
    }
    .fa-cc-stack--pii .fa-times {
        -webkit-text-stroke-width: 2px;
        font-size: 38px;
        bottom: -0.38em;
        position: absolute;
        left: unset;
        right: -0.2em;
    }
/*Page Loader*/
.spinner-inner {padding: 30px; text-align: center; font-size: 50px;}
/*Page Loader | IE89 */
.spinner-ie89 {height: 100px; width: 100px; margin: 0 auto; background: url(/images/css/loader-hidden-light.gif) center center no-repeat;}
.spinner-ie89.spinner-loading {background-image: url(/images/css/loading-kb.gif); height: 20px; margin: 0; width: 100px; background-position-x: left;}
/*Page Loader | Dots */
.sk-spinner-chasing-dots.sk-spinner {margin: 0 auto; width: 40px; height: 40px; position: relative; text-align: center; -webkit-animation: sk-chasingDotsRotate 2s infinite linear; animation: sk-chasingDotsRotate 2s infinite linear;}
.sk-spinner-chasing-dots .sk-dot1, .sk-spinner-chasing-dots .sk-dot2 {width: 60%; height: 60%; display: inline-block; position: absolute; top: 0; background-color: #1F232F; border-radius: 100%; -webkit-animation: sk-chasingDotsBounce 2s infinite ease-in-out; animation: sk-chasingDotsBounce 2s infinite ease-in-out;}
.sk-spinner-chasing-dots .sk-dot2 {top: auto; bottom: 0px; -webkit-animation-delay: -1s; animation-delay: -1s;}
@-webkit-keyframes sk-chasingDotsRotate {
  100% {-webkit-transform: rotate(360deg); transform: rotate(360deg);}
}
@keyframes sk-chasingDotsRotate {
  100% {-webkit-transform: rotate(360deg); transform: rotate(360deg);}
}
@-webkit-keyframes sk-chasingDotsBounce {
  0%, 100% {-webkit-transform: scale(0); transform: scale(0);}
  50% {-webkit-transform: scale(1); transform: scale(1);}
}
@keyframes sk-chasingDotsBounce {
  0%, 100% {-webkit-transform: scale(0); transform: scale(0);}
  50% {-webkit-transform: scale(1); transform: scale(1);}
}
/*Page Loader | Rect */
.sk-spinner-wave.sk-spinner {margin: 0 auto; width: 50px; height: 30px; text-align: center; font-size: 10px;}
.sk-spinner-wave div {background-color: #1F232F; height: 100%; width: 6px; display: inline-block; -webkit-animation: sk-waveStretchDelay 1.2s infinite ease-in-out; animation: sk-waveStretchDelay 1.2s infinite ease-in-out;}
.sk-spinner-wave .sk-rect2 {-webkit-animation-delay: -1.1s; animation-delay: -1.1s;}
.sk-spinner-wave .sk-rect3 {-webkit-animation-delay: -1s; animation-delay: -1s;}
.sk-spinner-wave .sk-rect4 {-webkit-animation-delay: -0.9s; animation-delay: -0.9s;}
.sk-spinner-wave .sk-rect5 {-webkit-animation-delay: -0.8s; animation-delay: -0.8s;}
@-webkit-keyframes sk-waveStretchDelay {
  0%, 40%, 100% {-webkit-transform: scaleY(0.4); transform: scaleY(0.4);}
  20% {-webkit-transform: scaleY(1); transform: scaleY(1);}
}
@keyframes sk-waveStretchDelay {
  0%, 40%, 100% {-webkit-transform: scaleY(0.4); transform: scaleY(0.4);}
  20% {-webkit-transform: scaleY(1); transform: scaleY(1);}
}
input[type="button"].grayout {background: #C9CEDB; color: #888F9F; border-color: #AAB1C1; box-shadow: inset 0 0 2px #AAB1C1;}

/**New File Upload UI*/
    .up-ui-container {
        border-radius: var(--border-radius-lg);
        overflow: hidden;
        border: 1px solid #D8DCE5;
    }
    .up-ui-container.in {
        border: 1px solid #fff;
        box-shadow: 0px 2px 20px 0px rgba(31, 35, 47, 0.25);
    }

    .up-ui-container {
        -webkit-transition: all 0.1s ease-out;
        -moz-transition: all 0.1s ease-out;
        -ms-transition: all 0.1s ease-out;
        -o-transition: all 0.1s ease-out;
        transition: all 0.1s ease-out;
        opacity: 1;
    }

    .up-ui {
        color: #4C5163;
        table-layout: auto;
        position: relative;
        background: #D8DCE5;
    }

    .up-ui .td {
        display: table-cell;
        vertical-align: middle;
        padding: 30px 10px 30px 0;
        position: relative;
    }

    .up-ui .td.dropzone {
        padding-left: 10px;
    }
    .up-ui .td.inputbtn {
        width: 132px;
        padding: 30px 0px 30px 35px;
        cursor: pointer;
        z-index: 1;
    }
    .up-ui .td.inputbtn+.inputbtn {
        padding-left: 10px;
    }
    .up-ui .bttn {margin-top:0;text-shadow:none;position:relative;}
    .up-ui input{position: absolute; height: 100%; width: 100%;top: 0; right: 0; margin: 0; opacity: 0; -ms-filter: 'alpha(opacity=0)'; direction: ltr; cursor: pointer;}
    .up-ui .up-text {
        margin-left: 10px;
    }
    /*TODO: ON REFACTOR REMOVE THIS STYLE*/
    .up-ui .bttn--has-icon-left .up-text {
        margin-left: 0;
    }
    .tcell .up-ui {table-layout:auto;line-height:0;position:relative;display:none;}
    .options .fileinput-button{position: absolute;overflow: hidden;display:inline-block;top:0;bottom:0;right:0;left:0;padding-top:4px;}
    .options .up-text{margin-left:5px;}
    .up-sl{display:inline-block;}
    .up-sl select{margin-right:10px;}
    .up-sl .up-switch{margin-left:10px;padding:2px 8px;font-size:90%;border-radius:3px;color:#fff;background-color:orange;}
    .up-sl small{color:#888F9F;}
    /**File List*/
        .up-ui-main {
            background-color: #F7F8F9;
            padding: 0 20px;
        }

        .up-item {
            position: relative;
            height: 60px;
            color: #888F9F;
            border-top: 1px solid #D8DCE5;
            border-collapse: initial;
            padding: 10px 0;
        }

        .up-item:first-child {
            border-top: none;
            padding-top: 20px;
        }

        .up-item:last-child {
            padding-bottom: 20px;
        }

        .up-item .td {
            padding: 10px 10px 10px 0;
            position: relative;
            z-index: 1;
        }

        .up-item .td:first-child {
            padding-left: 20px;
        }
        /* .up-item .td:last-child {
            padding-right: 10px;
        } */

        .up-item .up-item-thumb {
            padding-right: 25px;
        }
        .up-item .td.isbtn:hover {
            background: #EEF0F3;
        }
        /*TODO: REMOVE IF NO LONGER USED (REFACTOR), item empty*/
        .up-item-empty {
            color: #1F232F;
            margin-bottom: 5px;
            position: relative;
            table-layout: auto;
        }

        .up-item-empty:before {
            content: "";
            display: block;
            height: 100%;
            background: #EEF0F3;
            position: absolute;
            left: 0;
            width: 100%;
            z-index: 0;
            border-radius: 3px;
            border: 1px solid #ebecec;
            box-sizing: border-box;
            height: 60px;
        }
        /*TODO: REMOVE IF NO LONGER USED (REFACTOR), upicon*/
        .up-item .upicon {
            width: 100%;
            height: 100%;
            display: block;
            line-height: 30px;
        }
        /**Thumbnail*/
        /*High specificity to safely target images within form engine*/
        .up-list .up-item .up-item-thumb img {
            max-height: 50px;
            max-width: 80px;
            vertical-align: middle;
            border-radius: var(--border-radius-base);
            margin: 0 auto;
        }
        /*Hard width for cell consistency and thumbnail constraint across browsers*/
        .up-item-thumb {
            width: 80px;
            text-align: center;
        }
        .up-item-thumb canvas {
            display: block;
            margin: 0 auto;
            border-radius: 5px;
        }
        .up-item-thumb a {
            display: block;
        }
        .up-item .up-item-thumb i {
            font-size: 50px;
            margin: 0!important;
        }
        /**Name*/
        /*MAX WIDTH 0 PREVENTS THIS CELLS' CONTENTS FROM EXTENDENDING OUTSIDE OF PARENT CONTAINERS*/
        .up-item-name {
            word-break: break-word;
            max-width: 0;
        }
        .up-item-name a.DYNAMICTAG {
            text-overflow: ellipsis;
            overflow: hidden;
            display: block;
            padding: 2px!important;
        }
        .up-item-name a.DYNAMICTAG:hover,
        .up-item-name a.DYNAMICTAG:focus {
            text-decoration:none;
        }
        /**Edit*/
        .up-item-edit {
            width: 44px;
            text-align: center;
            cursor: pointer;
            position: static;
            font-size: 24px;
        }
        /**Security*/
        .up-item-sec {
            position: relative;
            width: 140px;
            text-align: right;
            font-size: 20px;
        }
        .up-item-sec:hover {
            z-index: 9999;
        }

        /**Current Selection*/
        .up-item-sec-curr {
            padding: 3px 5px;
            border-radius: 3px;
        }

        .up-item-sec:hover .up-item-sec-curr {
            background: #e2e2e2;
        }

        /**Drop Down*/
        .up-item-sec select {
            position: absolute;
            width: 100%;
            height: 22px;
            cursor: pointer;
            left: 0;
            opacity: 0;
            border: none;
            background: none;
            z-index: 1;
            color: #888F9F;
        }
        /**File Alias*/
        .up-item-filealias {width: 75px; text-align: center; font-size: 20px;}
        .form-comments .up-item-filealias,
        .form-submitbar .up-item-filealias,
        .wikicomments .up-item-filealias {display: none;}
        /**Size*/
        .up-item-size {
            width: 70px;
            text-align: right;
            font-size: 20px;
            line-height: 40px;
            white-space: nowrap;
        }
        /**Log*/
        .up-item .td.up-item-filelog {
            width: 44px;
            text-align: center;
            cursor: pointer;
            padding: 0;
            font-size: 24px;
        }

        /**Hero*/
        .up-item .td.up-item-hero {
            width: 44px;
            text-align: center;
            cursor: pointer;
            padding: 0;
            font-size: 24px;
            opacity: 0.4;
        }

        .up-item .td.up-item-hero.checked {
             opacity: 1;
        }

        .up-item-filelog.actionoff {
            color: #888F9F;
            cursor: default;
        }

        /**Remove and Download*/
        .up-item .td.up-item-remove,
        .up-item .td.up-item-download {
            width: 44px;
            text-align: center;
            cursor: pointer;
            padding: 0;
            font-size: 24px;
        }

        .up-item .td.up-item-download a {
            display: flex;
            justify-content: center;
            align-items: center;
            height: 100%;
            color: #888F9F;
        }

        /**Errors*/
        .up-error {color: #A94442;}
        .up-error:before {background: #F2DEDE; border-color: #D8BEBE;}
        .up-error .up-item-size {text-align: right; font-size: 90%;}
        .up-error .up-item-txt {
            width: 300px;
            text-wrap: pretty;
        }
            /**Error Text*/
            .up-item-txt {width: 150px; font-size: 90%;}
            /* Avatar Errors */
            .ui-dialog-avatar .up-error .up-item-thumb {
                padding-right: 40px;
            }
            .ui-dialog-avatar .up-error .up-item-name {
                display: none;
            }
            .ui-dialog-avatar .up-error .up-item-txt {
                width: 100%;
                text-align: left;
            }
        /**Progress Bar*/
        .up-prog {
            background: #C9CEDB;
            width: 100%;
            display: block;
            box-shadow: inset 0px 0px 4px #DCDCDC;
            border-radius: 3px;
            background-clip: padding-box;
            text-align: left;
            overflow: hidden;
        }

        .up-prog-bar {
            background: green;
            min-height: 26px;
            width: 0;
        }

        .up-prog-txt {
            line-height: 1;
            text-align: right;
            padding: 4px 10px 2px;
            color: #fff;
            white-space: nowrap;
        }
        /**Security Radios for Content DOING: CLEAN UP ANY UNUSED CSS*/
        .securityradios {width: 140px;}

        /* COMPACT VIEW */
        .up-ui-compact .up-item {
            padding: 5px 0;
        }

        .up-ui-compact .up-item:first-child {
            padding-top: 10px;
        }

        .up-ui-compact .up-item:last-child {
            padding-bottom: 10px;
        }

        .up-ui-compact .up-item .td {
            padding-top: 5px;
            padding-bottom: 5px;
        }

        .up-ui-compact .up-item .up-item-thumb {
            width: 50px;
            padding-left: 35px;
            padding-right: 40px;
        }

        .up-ui-compact .up-item .up-item-thumb img,
        .up-ui-compact  .up-item-thumb canvas {
            max-height: 30px;
            max-width: 50px;
        }

        .up-ui-compact .up-item .up-item-thumb i {
            font-size: 30px;
        }

        .up-ui-compact .up-item .up-item-sec,
        .up-ui-compact .up-item .up-item-filealias,
        .up-ui-compact .up-item .up-item-size {
            font-size: 18px;
        }

        .up-ui-compact .up-item .up-item-edit,
        .up-ui-compact .up-item .up-item-filelog,
        .up-ui-compact .up-item .up-item-remove,
        .up-ui-compact .up-item .up-item-download {
            font-size: 20px;
        }

        #innerpages_logo .up-item .up-item-thumb img,
        #innerpages_logo .up-item .up-item-thumb canvas {
            background-color: var(--background-color-1);
            padding: 5px;
        }

.dashboard.hastbl {background: #888F9F; border-radius: 3px;}
.dashboard .tbl {table-layout: fixed;}
.dashboard .item {padding: 10px; border: 10px solid transparent; position: relative;}
.dashboard .item .cnt {position: relative; font-weight: bold; font-size: 50px; line-height: 1; white-space: nowrap; overflow: hidden; font-size: 2.3vw;}
.dashboard .item .lbl {position: relative; line-height: 1; margin-top: 10px; font-size: 20px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; padding-bottom: 2px; font-size: 1.4vw;}
.dashboard .item:before {content: ""; position: absolute; top: 0; left: 0; height: 100%; width: 100%; background: #fff; border-radius: 3px; background-clip: padding-box;}
.dashboard .item .cnt .small {font-size: 80%;}

.emailtemplatelinks a {margin-left: 10px;}
.emailtemplatelinks a.disabled {color: #888F9F; pointer-events: none; cursor: default;}



/*-- New File Upload UI | Delete Confirm */
.files .deleteconfirm{display:none;position:absolute;z-index:2;top:0;right:0;width:auto;height:100%;background:#B90000;color:#fff;text-shadow:none;padding:10px 10px 10px 14px;}
.files .deleteconfirmbtn.yes, .files .deleteconfirmbtn.no {display:inline-block;background:#000;padding:7px 20px;color:white;margin:4px;line-height:1;cursor:pointer;color:#fff;border-radius: var(--border-radius-full);}
.files .deleteconfirmbtn.yes:hover, .files .deleteconfirmbtn.no:hover{text-decoration:none;background:#1F232F;}
.files .deleteconfirmbtn.yes{margin-left:8px;}
.files .deleteconfirm .standout{color:#fff;font-weight:bold;}
.files .dc{top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);position:relative;}
.browserie8 .files .dc{top:0;transform:translateY(0%);}

/*******************************************************************************************************************
 * MODALS
 */
    .pane {
        position: fixed;
        height: 100%;
        width: 100%;
        padding: 10px 20px 70px;
        top: 0;
        left: 0;
        opacity: 0;
        overflow: auto;
        z-index:1; /*2000000*/
        background-color: transparent;
        -webkit-transition: opacity .15s ease-out;
        transition:opacity .15s ease-out;
        -webkit-transition: background-color .15s ease-out;
        transition: background-color .15s ease-out;
        color: #1F232F;
    }
    .pane#div_quickadd_nav, .pane[id*="div_gwreferral"]{background-color: #fff;}/*Changed ease attributes and added white background to quickadd for smoother tranisition*/
    .pane[id*="div_gwreferral"] hr, .pane[id*="div_gwreferral"] .section-header{ border-bottom:none;}
    /*Modal Utility */
        .modal_btn {
            cursor: pointer;
            background: none;
            color: #888F9F;
            width: 36px;
            height: 36px;
            padding: 10px;
            text-align: center;
            transition: background-color 0.3s ease, color 0.3s ease;
            border-radius: 36px;
            box-sizing: content-box;
        }
        .modal_btn_right {float:right;}
        .modal_btn_icon {font-size: 20px;}
        .modal_btn_label {font-size: 12px;line-height: 1;}
        .modal_btn:hover,
        .modal_btn:focus,
        .modal_btn:active
        {background: #EEF0F3;color: #5e5e5e;}
        .modal_topbar:before,.modal_topbar:after {content:" ";display:table;clear:both;} /*clears float*/
        .modal_topbar{position:relative;z-index: 2}
        .modal_container {margin:0 auto 56px;} /*creates gutter for esc button*/
        .modal_container.fullwidth {width:100%;} /*full width modal container*/
        .modal_container.fullwidth .fusioncharts-container {display: block !important; margin: 0 auto!important;}
        .modal_container.fullwidth .form-item--json[data-sample-id] .form-control {max-height: none;}
        .modal_container .preview-pane-reset table {
            width: revert;
        }
        .modal_inner {margin:0 auto;}
        @media (max-width: 780px) { /* -- narrow -- */
            .modal_btn_close {position:absolute;right:0;top:0;margin:20px;}
            .modal_container {margin-top:80px;max-width:100%;}
            .modal_inner {max-width: 100%;}
        }
    /*Modal Full Screen Contents*/
        .modal-style-default {
            /*TOTAL WIDTH IS 720px, 20PX PADDING IS ADDED TO LEFT AND RIGHT BY .pane*/
            width: 780px;
            min-width: 780px;
        }
        .modal-style-default .modal_inner {
            width: 700px;
            height: auto;
            margin: 0 auto;
        }
        .modal-style-default .infobox {
            margin-left: 0;
            margin-right: 0;
            width: inherit;
        }
        .modal-style-default .pageheader {
            background: none;
        }
        .modal-style-default h2 {
            margin: 0 0 50px 0;
            background: none;
            padding: 0;
            color: #1F232F;
            text-align: center;
            font-size: 36px;
            font-weight: 600;
        }
        /* Dynamic Email Address Box */
        .modal-style-default .form-control.js_dynheight {
            min-height: 100px;
        }
        /*Section*/
        .modal-style-default .section-header {
            margin: 0;
        }
        .modal-style-default .section-hasutilities .section-header {
            padding-right: 0;
        }
        .modal-style-default .section-hasutilities {
            margin-left: 0;
            margin-right: 0;
        }
        .modal-style-default .section-header .utilities {
            padding-right: 10px;
        }
        .modal-style-default .section-header .utilities .bttn:not(.bttn-icon) {
            background: #FFF;
            color: #1F232F;
            font-size: 14px;
            padding: 4px 6px;
            margin-top: 0;
        }
        .modal-style-default .section-content.hidden {
            border-color:#eaeaea;
        }
        .modal_inner .infobox.info-header {
            margin-top: 0px;
            border-radius: 9px;
        }

        /*Submit*/
        .modal-style-default .submitbtns {
            margin: 0;
            padding: 0;
            background: none;
            border: none;
        }

        /*Interactive Email Preview*/
        .modal-style-default .InvPreview-outer {
            margin-left: 0;
            margin-right: 0;
        }
        /*SEGEMENT: [FV] 2016-03-16, I added this CSS for loading gifs on AJAX Panes, We can change the image loaded here if we want */
        .pane .page-loading {
            position: absolute;
            left: 0px;
            right: 0px;
            top: 0px;
            bottom: 0px;
            width: 100%;
            height: 100%;
            background: url("/images/css/spinner-third-duotone.svg") center no-repeat;
        }
        /*DOING: [EZ] 2016-04-26*/
        .themepreview{margin:30px; border: 1px solid gray; background-color:#D8DCE5;}
        .pane .themepreview .pagetitle-content a {font-size: 40%;}
        #div_themepreview .sitefooter{position:static;}
/*$SPECIAL REFACTORS
 * Sad, there is no good way to implement this correctly at this time.
 */

.js_dynheightauto {
    height: auto;
}
.js_dynheightmin {
    height: 66px;
}

/* SITE AREA SPECIFIC STYLES - TODO: MOVE LARGE AREA STYLES INTO ITS OWN CSS WHEN WE BEGIN FILE CONCATENATION */
    /* GATEWAY */
        .gwpoolfooter .td {
            white-space: nowrap;
        }
        .gwpoolfooter .td .bttn + .bttn {
           margin-left: 5px;
        }
        .gwpoolfooter .td-center{
            width: 100%;
        }
        .gwpoolfooter .paging {
            margin-top: 0;
            margin-left: 10px;
            margin-right: 10px;
        }
        .gwpoolfooter .bttn-link {
            padding-left: 0;
            padding-right: 0;
            margin-left: 10px;
        }
        .gwpoolfooter .bttn-link:first-child {
            margin-left: 0;
        }

/* FONT AWESOME WIDGET */
    .filter-parent {position: relative;margin: 0 auto;}
    .filter-parent #filter-by {padding-right: 65px;}
    .filter-parent #filter-clear {text-decoration: none; position: absolute; right: 0; top: 0; margin: 0.9em 10px 0 0;}
    .fontawesome-icon-list:after { clear: both; content: ""; display: table; }
    .fontawesome-icon-list .filter-icon {
        -webkit-transition-duration: 200ms;
        -moz-transition-duration: 200ms;
        -o-transition-duration: 200ms;
        transition-duration: 200ms;
        -webkit-transition-property: -webkit-transform, border, box-shadow, margin, opacity, width;
        -moz-transition-property: -moz-transform, border, box-shadow, margin, opacity, width;
        -o-transition-property: -o-transform, border, box-shadow, margin, opacity, width;
        transition-property: transform, border, box-shadow, margin, opacity, width;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        background:#fff;
        margin: 4px;
        float: left;
        border-radius: 3px;
        text-align: center;
        font-size: 20px;
        line-height: 1;
        width: 46px;
        height: 46px;
        padding: 12px 0;
        border: 1px solid #EEF0F3;
        cursor: pointer;
        display: none;
    }
    .fontawesome-icon-list .filter-icon-name {font-size: 12px;display:none;}
    .fontawesome-icon-list .filter-icon:hover {border-color: #E1E1E1;box-shadow: 0 1px 2px 0 rgba(0,0,0,0.1), 0 4px 8px 0 rgba(0,0,0,0.2);}
    .fa-icon-container {
        text-align: center;
    }
    .fa-icon-description {
        font-size: 28px;
        line-height: 1.6;
    }


/* ---------------------------------------------------------------------- */
/* PROGRESS BAR */
    .meter {
        /* height: 30px; */
        min-height: 30px;
        line-height: 30px;
        padding: 0 10px;
        margin: 0;
        position: relative;
        z-index:1;
        border-radius: var(--border-radius-full);
        box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.13);
        background-color: #D9D9D9;
        border-color: #FFFFFF #D8DCE5 #D8DCE5;
        border-style: solid;
        border-width: 0;
        color: #888F9F;
        text-shadow: 0 1px 0 rgba(255, 255, 255, 0.4);
    }
    .meter:after {
        content: "";
        position: absolute;
        overflow: hidden;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
        z-index: 1;
        -webkit-animation: big 2s linear infinite;
        -moz-animation: big 2s linear infinite;
        -ms-animation: big 2s linear infinite;
        animation: big 2s linear infinite;
        background: -webkit-linear-gradient(-45deg, rgba(255, 255, 255, 0.2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0.2) 75%, transparent 75%, transparent);
        background: -moz-linear-gradient(-45deg, rgba(255, 255, 255, 0.2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0.2) 75%, transparent 75%, transparent);
        background: linear-gradient(-45deg, rgba(255, 255, 255, 0.2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0.2) 75%, transparent 75%, transparent);
        -webkit-background-size: 50px 50px;
        -moz-background-size: 50px 50px;
        background-size: 50px 50px;
    }
    .meter span.meter-bar {
        border-radius: var(--border-radius-full);
        background-color: rgb(51, 104, 65);
        background-image: -webkit-gradient( linear, left bottom, left top, color-stop(0, rgb(51, 104, 65)), color-stop(1, rgb(2, 178, 2))    );
        background-image: -moz-linear-gradient(
        center bottom,
        rgb(51, 104, 65) 37%,
        rgb(2, 178, 2) 69%
        );
        -webkit-box-shadow: rgba(255, 255, 255, 0.3) 0 2px 9px inset, rgba(0, 0, 0, 0.4) 0 -2px 6px inset;
        -moz-box-shadow: rgba(255, 255, 255, 0.3) 0 2px 9px inset, rgba(0, 0, 0, 0.4) 0 -2px 6px inset;
        box-shadow: rgba(255, 255, 255, 0.3) 0 2px 9px inset, rgba(0, 0, 0, 0.4) 0 -2px 6px inset;
        display: block;
        height: 100%;
        overflow: hidden;
        z-index:2;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0;
    }
    .meter span.meter-message {
        position: relative;
        z-index: 3;
        line-height: 1.4;
        padding: 5px 0 6px;
        display: block;
    }

    .meter[data-meter-status="complete"] {
        background-color: #5cb85c;
        color: #fff;
        text-shadow: 0 1px 0 rgba(51, 51, 51, 0.4);
    }
    .meter[data-meter-status="complete"]:after {content:none;}
    .meter[data-meter-status="info"] {
        background-color: #5bc0de;
        background-image: -webkit-linear-gradient(top,#5bc0de 0,#31b0d5 100%);
        background-image: -o-linear-gradient(top,#5bc0de 0,#31b0d5 100%);
        background-image: -webkit-gradient(linear,left top,left bottom,from(#5bc0de),to(#31b0d5));
        background-image: linear-gradient(to bottom,#5bc0de 0,#31b0d5 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5bc0de', endColorstr='#ff31b0d5', GradientType=0);
        background-repeat: repeat-x;
        color: #fff;
        text-shadow: 0 1px 0 rgba(51, 51, 51, 0.4);
    }
    .meter[data-meter-status="info"]:after {content:none;}
    .meter[data-meter-status="error"] {
        background-color: #d9534f;
        background-image: -webkit-linear-gradient(top,#d9534f 0,#c9302c 100%);
        background-image: -o-linear-gradient(top,#d9534f 0,#c9302c 100%);
        background-image: -webkit-gradient(linear,left top,left bottom,from(#d9534f),to(#c9302c));
        background-image: linear-gradient(to bottom,#d9534f 0,#c9302c 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffd9534f', endColorstr='#ffc9302c', GradientType=0);
        background-repeat: repeat-x;
        color: #fff;
        text-shadow: 0 1px 0 rgba(51, 51, 51, 0.4);
    }
    .meter[data-meter-status="error"]:after {content:none;}
    .meter[data-meter-status="warning"] {
        background-color: #f0ad4e;
        background-image: -webkit-linear-gradient(top,#f0ad4e 0,#ec971f 100%);
        background-image: -o-linear-gradient(top,#f0ad4e 0,#ec971f 100%);
        background-image: -webkit-gradient(linear,left top,left bottom,from(#f0ad4e),to(#ec971f));
        background-image: linear-gradient(to bottom,#f0ad4e 0,#ec971f 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff0ad4e', endColorstr='#ffec971f', GradientType=0);
        background-repeat: repeat-x;
        color: #fff;
        text-shadow: 0 1px 0 rgba(51, 51, 51, 0.4);
    }
    .meter[data-meter-status="warning"]:after {content:none;}
    @-moz-keyframes big {
      0% {
        background-position: 0 0;
      }
      100% {
        background-position: 50px 50px;
      }
    }

    @-webkit-keyframes big {
      0% {
        background-position: 0 0;
      }
      100% {
        background-position: 50px 50px;
      }
    }

    @-ms-keyframes big {
      0% {
        background-position: 0 0;
      }
      100% {
        background-position: 50px 50px;
      }
    }

    @keyframes big {
      0% {
        background-position: 0 0;
      }
      100% {
        background-position: 50px 50px;
      }
    }

/* STYLE FOR SPECIFIC SECTIONS AND PAGES...*/

    /* QUICK ADD RESULTS PAGE - TODO: REVIEW */
        .users-not-invite-list {padding: 0px;}
        .users-not-invite-list .section-header {border-bottom: none;}
        .users-not-invite-list ul {
            background: #d6d6d6;
            list-style-type: none;
            padding: 15px 0;
        }
        .users-not-invite-list ul li {margin-bottom: 0px;}


/*EXISTING WORKAROUNDS THAT REQUIRE REFACTOR AT A LATER TIME*/
    /*REFACTOR REPORT MANAGEMENT LIST TABLE USERAVATAR*/
    .reportmanage .td.useravatar .author{vertical-align:middle;}
    .reportmanage .td.useravatar .author .poster{vertical-align: middle;}
    .reportmanage .td.useravatar .author img{display:block;}
    /*WORKAROUND UNTIL SECTION IS FULLY IMPLEMENTED*/
    .reportcreate .form-checkbox-group{margin-top:0;}
    /*-----------------------------------*\
      $ QTIP LIST
    \*-----------------------------------*/
    /* OVERRIDE DEFAULT QTIP STYLE...*/
    body .qtip-bootstrap {
        font-size: 14px;
        line-height: 20px;
        color: #1F232F;
        padding: 1px;
        background-color: #fff!important;
        border: 1px solid #C9CEDB;
        border: 1px solid rgba(0,0,0,.2);
        box-shadow: 0 5px 10px rgba(0,0,0,.2)!important;
        -webkit-background-clip: padding-box;
        -moz-background-clip: padding;
        background-clip: padding-box;
        text-shadow:none!important;
    }
    body .qtiplist {display:none;}
    body .qtip-list .qtip-content {text-align:left;padding:0;}
    body .qtip-list h5 {margin:0;font-size:15px;padding:5px;}
    body .qtip-list img {vertical-align: text-bottom;margin-right:5px;height:16px;width:16px;}
    body .qtip-list ul {padding:0;margin-top:0;margin-bottom:0;min-width:90px;}
    body .qtip-list li {font-size:13px;margin:0;padding:0;list-style-type:none;text-align:left;line-height:1.2;}
    body .qtip-list li a {
        display: flex;
        padding: 10px;
        width: 100%;
        text-decoration: none;
        color: #1F232F;
        -webkit-transition: none;
        -moz-animation: none;
        -ms-animation: none;
        animation: none;
    }
    body .qtip-list li a:hover,
    body .qtip-list li a:focus,
    body .qtip-list li a:active {
        text-decoration: none;
        color: #fff;
        background: #C9CEDB;
        background: rgba(0, 0, 0, 0.3);
    }
    body .qtip-list li.danger a {color: #d9534f;}
    body .qtip-list li.danger a:hover {background: #fcf1f0;}

    /**QTIP - SIMPLE LIST W/ READ-ONLY TEXT*/
        /**QTIP - SIMPLE LIST - LIST*/
        body .qtip-list .qtip-content > .list {
            padding: 10px;
            margin-top: 0;
            margin-bottom: 0;
            min-width: 90px;
        }
        body .qtip-list .qtip-content > .list li {
            font-size: 13px;
            margin: 0;
            padding: 0;
            list-style-type: none;
            text-align: left;
            line-height: 1.2;
            color: #1F232F;
        }
        body .qtip-list .qtip-content > .list li + li {
            margin-top: 8px;
        }
        /**QTIP - SIMPLE LIST - LABEL*/
        body .qtip-list .qtip-content > .list li .label {
            font-size: 13px;
            letter-spacing: 0.02em;
            font-family: monospace;
            line-height: 1;
            font-weight: bold;
            padding: 3px 4px 4px;
            margin-right: 5px;
        }
        /**QTIP - SIMPLE LIST - SUBTEXT*/
        body .qtip-list .qtip-content > .list .subtext {
            font-size: 13px;
        }

    /**QTIP TITLE API*/
    .qtip-titlebar .qtip-title {
        padding: 0;
        background: none;
        border: none;
        color: #1F232F;
        line-height: 18px;
        font-weight: bold;
    }

    body .qtip-list.qtip-bootstrap h5+ul li:first-child a:hover {border-radius:0;}
    body .qtip-list.qtip-bootstrap li:last-child a:hover {border-radius: 0 0 5px 5px;}
    body .qtip-list.qtip-bootstrap {border:none;padding:0;box-shadow:rgba(0, 0, 0, 0.498039) 0 0 5px !important;margin-top: 0;}
    /* MANUAL WORKAROUND FOR TITLE STYLING*/
    .qtip-bootstrap .listbutton-header {
        font-size: 14px;
        font-weight: 700;
        padding: 8px 14px;
        margin: 0;
        line-height: 18px;
        background-color: #f7f7f7;
        border-bottom: 1px solid #ebebeb;
        border-radius: 5px 5px 0 0;
        border-top-left-radius: var(--border-radius-md);
        border-top-right-radius: var(--border-radius-md);
        border-bottom-left-radius: 0;
        border-bottom-right-radius: 0;
        color: #1F232F;
    }
    body .qtip-list .bttn-link {width:100%;text-align:left;color: #676D7E;}
    body .qtip-list .bttn-link:hover {text-decoration:none;background:#E4E6EC;}
    body .qtip-list.qtip-bootstrap li:first-child .bttn-link:hover {border-radius: 5px 5px 0 0;}
    body .qtip-list.qtip-bootstrap li:last-child .bttn-link:hover {border-radius: 0 0 5px 5px;}
    /* ---------------------------------------------------------------------- */
    /* TODO: REFACTORS FOR LATER... */

    .print-visible-block {
        display: none !important;
    }

    /* MEDIA IS PRINT */
    @media print {

        /* Enable colors by default in print mode */
        * {
            -webkit-print-color-adjust: exact;
            color-adjust: exact;
        }

        html {
            background: #fff !important;
        }

        html.inner,
        html::after {
            background-image: none !important;
        }

        html body {
            padding: 20px;
            background: none !important;
            color: #1F232F !important;
        }

        html .listouter th,
        html .listouter td,
        html .listouter .row {
            page-break-inside: avoid !important;
        }

        .noprint {
            display: none !important;
        }

        .page-title {
            box-shadow: var(--shadow-panel-inset);
            position: static !important;
            border: none !important;
        }

        .sitecontent {
            padding: 0;
        }

        .siteheader {
            display: none !important;
        }

        .sitefooter {
            display: none !important;
        }

        .titletools {
            display: none;
        }

        .pagefixedbtmbar,
        .submitbtns {
            display: none !important;
        }

        .leftnavback,
        .rightnavback,
        .nextback {
            display: none !important;
        }

        .wikieditnow,
        .wikitools {
            display: none !important;
        }

        .btl,
        .bbl,
        .btr,
        .bbr {
            display: none !important;
        }

        /* List page cleanup */
        .rownew {
            display: none !important;
        }

        /* FB Simple list print */
        .pageheader a,
        .fbsimple .Toolbar,
        .fbsimple .paging {
            display: none !important;
        }

        .fbcard {
            page-break-inside: avoid !important;
        }

        /* User List cleanup */
        .userlist .Toolbar,
        .userlist .action,
        .userlist .td.context {
            display: none !important;
        }

        /* Reporting print cleanup */
        .pagetools,
        hr.req {
            display: none !important;
        }

        .reportview .chartouter:not(.elem-hidefromview) {
            page-break-before: always !important;
        }

        .page {
            box-shadow: none !important;
            padding: 0 !important;
        }

        .page-hasfixedbtmbar .pageouter {
            padding-bottom: 0px;
        }

        div#hubspot-messages-iframe-container iframe,
        .intercom-lightweight-app {
            display: none !important;
        }

        .print-hidden {
            display: none !important;
        }

        .print-visible-block {
            display: block !important;
        }

        .print-page-break:not(.last-break) {
            page-break-after: always;
        }

        .infobox {
            margin-left: 0 !important;
            margin-right: 0 !important;
        }

        .infobox.info-header {
           margin-top: 0 !important;
           border-radius: 0 !important;
        }

        /* Feedback Cleanup */
        .form-dynamic.feedback .form-dynamic-tbl[data-form-mode="viewing"],
        .form-dynamic.feedback .form-dynamic-tbl[data-form-mode="viewing-mixed"] {
            box-shadow: none !important;
        }
    }

    /*TODO: REMOVE THESE AFTER FORM REVAMP*/
    body[class*="report"] .radio-wrapped input {margin-top:2px;}

    /* Improvements for Single Choice */
    .formview fieldset label.form-elem-style-h {margin-right: 10px;padding: 6px 6px 6px 0;display: inline-block;}
    .formview fieldset label.form-elem-style-v {display:block;padding: 4px 4px 4px  0;}


    /*/
    .listouter.allowtitlewrap .row.cancheck .primary {white-space:nowrap;}
    div.icon.checkout {display: inline-block;width: 40px;}
    div.icon.checkout a {background:#ebebeb;background: rgba(135, 135, 135, 0.17);display: inline-block;text-align: center;padding: 10px 12px 6px;position: absolute;top: 0;right: 0;}
    div.icon.checkout a:hover {background:#c9c9c9;background:rgba(135, 135, 135, 0.45);}
    /*/

    /*EMAIL BODY PREVIEW FRAME - Temporary disable outline styling*/
    .emailpreviewframe-main {
        border-radius: 3px;
        background-clip: padding-box;
        color: #a3a3a3;
        border:none;
        background: #EEF0F3;
        padding: 0 20px 22px;
    }

    /**SPECIAL STYLES FOR DETACHED FOOTER ON EMAIL MODIFY PAGES FOR ONBOARDING EMAIL*/
        /*NOTE: - Email Preview uses email.css via Editor iframe
         *      - Actual sent email uses email.css via PreMailer using backend processes*/
        /*NOTE: **Important** when making changes, make sure all output types are tested
         *      to ensure styling and whitespace is consistent */
        /*DECISION: High specificity is intentional because this area changes and breaks a lot...*/
        /*TODO: Refactor as design requirements for "detached" footer becomes less volatile */

        /**STYLES FOR STANDARD FOOTER */
            .standardfooter .footer {
                /*NOTE: Negate the top/bottom padding from parent, .form-control, so
                *       children elements can recieve very similar whitespace as the
                *       styles managed in email.css...*/
                color: #888F9F;
            }
            /**OPPORTUNITY LINK*/
                /*NOTE: This must be styled uniquely from other similar elements
                *       for the purpose of visual prominence*/
                .standardfooter .opportunity {
                    margin-top: 18px;
                }
                .standardfooter .opportunity a {
                    font-size: 18px;
                    font-weight: bold;
                    line-height: 1;
                }
                .form-item.readonly .form-control .opportunity a {
                    /*DECISION: Super high specificity is intentional until
                     *          we can come back for clean up*/
                    text-decoration: underline!important; /*override: see note above*/
                    color: #15c!important; /*override: see note above*/
                }
                .form-item.ro-lg .standardfooter .form-control {
                    padding-top: 0px;
                    padding-bottom: 0px;
                }

            /**OTHER FOOTER ITEMS*/
                /*NOTE: This element is a container for other footer items
                 *      such as Not Interested and Opt-Out as of 8/2017*/
                .standardfooter .footer {
                    border-top: 1px solid #C9CEDB;
                    line-height: 1.6;
                    margin-bottom: 18px;
                    margin-top: 18px;
                    padding-top: 14px;
                }
                .form-item.readonly .form-control .footer a {
                    /*DECISION: Super high specificity is intentional until
                     *          we can come back for clean up*/
                    text-decoration: underline!important; /*override: see note above*/
                    color: #15c!important; /*override: see note above*/
                }


        /**STYLES TO DISPLAY INFO OF AVAILABLE TAGS*/
            /*NOTE: If Standard Footer is omitted, information of %% tags are displayed instead*/
            .footertags .email_footer pre {
                word-wrap: break-word;
                white-space: -o-pre-wrap;
                white-space: -pre-wrap;
                white-space: -moz-pre-wrap;
                white-space: pre-wrap;
            }

            .footertags .email_footer .email_footer_tag {
                display: block;
                margin-bottom: 10px;
            }

            .footertags .email_footer div:last-of-type .email_footer_tag:last-of-type {
                margin-bottom: 0px !important;
            }


/**––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
/*INTERNAL MODULES*/
    /**DRAFT WIDGET*/
        /*TODO: On refactor, introduce a global way to address
         *      these necessary tweaks*/
        .draftwidget {
            box-shadow: var(--shadow-panel);
            border-radius: var(--border-radius-lg);
        }

        .pagetopbar .draftwidget .form-group {
            padding: 40px 70px;
            border-radius: var(--border-radius-lg);
        }

        .draftwidget .bttn {
            border-radius: var(--border-radius-full);
            line-height: 1;
        }

    /*FILTER UI*/
        #divfilteredit.hide ,
        #divviewedit.hide {
            display: none;
        }

        .section.vflist .filterset {
            padding: 0 0 0 0;
        }

        /*EXPERIMENTAL STYLES*/
        .filteritem+.filteritem {
            margin-top: 10px;
        }
        .filteritem__name {
            font-weight: bold;
            background: #888F9F;
            color: #fff;
            border-top-right-radius: var(--border-radius-lg);
            border-top-left-radius: var(--border-radius-lg);
            border-bottom-left-radius: 0;
            border-bottom-right-radius: 0;
        }
        .filteritem__name .td {
            padding: 10px 10px;
            line-height: 1.2;
        }
        .filteritem__name .utilities {
            text-align: right;
            font-size: 0;
        }
        .filteritem__name .bttn-icon {
            border-color: transparent;
            min-width: auto;
            background: rgba(171, 171, 171, 0.25);
            color: inherit;
            font-size: initial;
            padding: 0;
            letter-spacing: -1px;
            line-height: 1.4em;
            width: 1.5em;
            height: 1.5em;
            margin-top: -1px;
            margin-bottom: -2px;
        }
        .addfilmethod {
            margin-top: 10px;
        }
        .addfilmethod-name {
            font-weight: bold;
            background: #888F9F;
            color: #fff;
            padding: 10px;
            border-top-left-radius: var(--border-radius-lg);
            border-top-right-radius: var(--border-radius-lg);
            border-bottom-left-radius: 0;
            border-bottom-right-radius: 0;
        }
        .addfilmethod-name .td {
            padding: 10px 10px;
            line-height: 1.2;
        }
        .addfilmethod-ctrl {
            border-top-left-radius: 0;
            border-top-right-radius: 0;
            border-bottom-left-radius: var(--border-radius-lg);
            border-bottom-right-radius: var(--border-radius-lg);
        }
        .addfilmethod-ctrl .tbl .td {
            padding-left: 10px;
        }
        .addfilmethod-ctrl .tbl .td:first-child {
            padding-left: 0;
        }
        .filteritem__ctrl,
        .bottom-corners-rounded,
        .bottom-corners-rounded > .well {
            border-top-right-radius: 0;
            border-top-left-radius: 0;
            border-bottom-left-radius: var(--border-radius-lg);
            border-bottom-right-radius: var(--border-radius-lg);
        }
        .filteritem__criteria {
            padding-top: 10px;
        }
        [id*="filteritem_"][data-layout="horizontal"] .filteritem__ctrlinner {
            display: table;
            width: 100%;
        }
        [id*="filteritem_"][data-layout="horizontal"] .filteritem__condition {
            display: table-cell;
            width: 30%;
        }
        [id*="filteritem_"][data-layout="horizontal"] .filteritem__criteria {
            display: table-cell;
            padding-left: 10px;
            padding-top: 0;
        }
        [id*="filteritem_"][data-layout="horizontal"] [id*="divShowIfOneTextbox"] input.txt {
            width: auto;
        }
                /**INVERSE*/
                .well input[type="text"]:not(.form-control),
                .well input[type="textbox"]:not(.form-control),
                .well input[type="password"]:not(.form-control),
                .well input[type="date"]:not(.form-control),
                .well input[type="datetime-local"]:not(.form-control),
                .well input[type="month"]:not(.form-control),
                .well input[type="time"]:not(.form-control),
                .well input[type="week"]:not(.form-control),
                .well input[type="email"]:not(.form-control),
                .well input[type="number"]:not(.form-control),
                .well input[type="search"]:not(.form-control),
                .well input[type="tel"]:not(.form-control),
                .well input[type="url"]:not(.form-control),
                .well input.text:not(.form-control),
                .well input.email:not(.form-control),
                .well input.password:not(.form-control),
                .well textarea:not(.form-control),
                .well select:not([multiple]):not(.form-control)
                {background-color: #fff;}
            /*Macro edit/create*/
                .section.MacroListener-macro .form-row {
                    display: flex;
                }
                .section.MacroListener-macro .form-row select+.bttn,
                .section.MacroListener-macro .form-row select+.form-checkbox--bttn {
                    margin-left: 10px;
                }
                .section.MacroListener-macro .form-row .bttn {
                    margin-top: 0;
                }
                .section.MacroListener-macro .form-row .bttn+.bttn,
                .section.MacroListener-macro .form-row .form-checkbox--bttn+.form-checkbox--bttn {
                    margin-left: 10px;
                }

            /*VIEW/FILTER PAGES*/
                h5+.form-inline .form-control {margin-top:0;}
                /**ADJUSTMENT FOR ICONS THAT ARE NOT V-ALIGNED*/
                .section.vflist .form-inline .bttn-icon .fa-plus {
                    position: relative;
                }
                .section.vflist .filterset select:not([multiple]) {width: 100%!important;}
                .section.vflist .filterset tr:first-child td {border-top:none;}
                .section.vflist .filterset td {padding: 10px 10px 10px 0;vertical-align: middle;white-space:nowrap;border-top: 1px solid #E6E7E8;}
                .section.vflist .filterset td:first-child {padding-left:0;white-space:normal;}
                .section.vflist .filterset td:nth-child(4) {text-align: center;padding-left: 0;width:42px;}
                .section.vflist .filterset td img[src="/images/icon/trash.png"] {vertical-align: middle;}
                .section.vflist .filterset input[id*="myOneText"],
                .section.vflist .filterset input[id*="myTwoText"]
                {width: auto;}

                .section.vflist .form-row {
                    display: flex;
                }
                .section.vflist .form-row select+.bttn,
                .section.vflist .form-row select+.form-checkbox--bttn {
                    margin-left: 10px;
                }
                .section.vflist .form-row .bttn {
                    margin-top: 0;
                }
                .section.vflist .form-row .bttn+.bttn,
                .section.vflist .form-row .form-checkbox--bttn+.form-checkbox--bttn {
                    margin-left: 10px;
                }

    /*AREA DRAWN USING DrawFilterForm ONLY [REPORTING].......*/
    /*CHECK FILTER*//*DOING: [ES] 2016/03/09 EXPERIMENTING SIZED BTTN AND INFOBOX COMBOS*/
        /*TODO: CLEAN UP OLDER STYLES*/
        .checkfilter .spinner-inner {
            padding: 0;
        }
        .checkfilter .sk-spinner-wave.sk-spinner {
            height: 20px;
            margin: 0;
        }
        .checkfilter .sk-spinner-wave div {
            background: #4C5163;
            margin-right: 1px;
        }
    /*UPDATED STYLES*/
        .checkfilter .form-input-md .check-filter-info-wrapper {
            height: 48px;
            position: relative;
            padding: 12px 16px;
            line-height: 1.6;
            background-color: #EEF0F3;
            color: #676D7E;
            border-radius: var(--border-radius-lg);
        }
        .checkfilter .form-input-md .check-filter-info-wrapper a {
            font-weight: bold;
            color: #676D7E;
        }
        .checkfilter .form-input-md .bttn{
            height: 48px;
            padding: 14px;
            font-size: initial;
        }
        .checkfilter .spinner {
            position: absolute;
            top: 0;
            margin-top: 15px;
        }
    /*MODAL LIGHTBOX*/
        .lightbox-title {
            font-weight: 900;
            font-size: 32px;
            line-height: 1.2;
            margin: 0 20px 0 0; /*NOTE: right margin to prevent collision w/ "x" button*/
        }
        .lightbox-alert {
            text-align:center;
        }
        .lightbox-alert .title {
            font-size: 24px;
            line-height: 1.2;
            font-weight: bold;
        }
        .lightbox-alert .main {
            font-size: 18px;
            line-height: 1.6;
            margin-left: auto;
            margin-right: auto;
            text-wrap: balance;
        }
        .lightbox-alert .main textarea{
            text-wrap: pretty;
        }
        .lightbox-alert .fa,
        .lightbox-alert .fal {
            line-height: 1;
            font-size: 150px;
        }
        .lightbox-alert .fal.medium {
            font-size: 75px;
        }
        .lightbox-alert .fa-info-circle {color: #f8d886;}
        .lightbox-alert .fa-hourglass-half {color: #f8d886;}
        .lightbox-alert .fa-exclamation-circle {color: #f8d886;}
        .lightbox-alert .fa-trash {color: #DF745E;}
        .lightbox-alert .cancel {margin-left: 0;}

        #lightbox > .confirm {
            padding: 10px 50px;
        }
    /**TASK ITEM*/
        .secbar { /*MOVE*/
            background: #888F9F;
            color: #C9CEDB;
            text-transform: uppercase;
            text-align: center;
            font-weight: bold;
            font-size: 13px;
            letter-spacing: 1px;
            padding: 8px 20px;
        }
        .tskitmset {
            margin-left: -20px;
            margin-right: -20px;
            padding-left: 20px;
            padding-right: 20px;
        }
        .tskitmset:last-child {
            margin-bottom: -20px;
        }
        .tskitm {
            border-bottom: 1px solid rgba(0,0,0,0.08);
            margin: 0 -20px;
        }
        .tskitm--active {
            background: #F3F5F9;
        }
        .tskitm:first-child,
        h5+.tskitm {
            border-top: 1px solid rgba(0,0,0,0.08);
        }
        .taskitemhead {
            padding-left: 20px;
            padding-right: 20px;
            margin-bottom: 20px;
        }
        .tskitm img {
            max-width: 100%;
        }
        .tskitm .wysiwyg-contents-inner > p:last-child {
            margin-bottom: 0;
        }
        .tskitm-row {
            padding: 20px 20px 20px 0;
        }
        .tskitm-num {
            width: 50px;
            text-align: center;
        }
        .tskitm-input {
            width: 100px;
            padding-right: 5px;
        }
        .tskitm-name {
            padding: 0 10px 0 0;
        }
        .tskitm-title {
            line-height: 1.2;
        }
        .tskitm-btns {
            width: 100px;
        }
        .tskitm-tbl .tskitm-num {
            padding: 10px 0;
        }
        .tskitm-infocontent {
            background: #EEF0F3;
            padding: 20px;
        }
        .tskitm-infocontent .form-item.readonly .form-control {
            background: #dee1e3;
            border-color: #E4E6EC;
        }
        .tskitm-infocontent .tskitm-files:first-child h5 {
            margin-top: 0;
        }
        .tskitm-info-steps,
        .tskitm-cmtbox {
            display: none;
        }
        .tskitm-cmtbox .form-control {
           margin-top: 0;
        }
        .tskitm-fblinks {
            padding-left: 0;
            list-style-type: none;
            margin-bottom: 0;
        }
        .tskitm-fblinks li {
            margin-left: 0;
            margin-top: 10px;
            margin-bottom: 0;
        }
        .tskitm-fblinks li:first-child {
            margin-top:0;
        }
        .tskitm-cmtbox+.tskitm-fblinks,
        .tskitm-cmt+.tskitm-fblinks {
            margin-top: 10px;
        }
        .tskitm-duedate+.tskitm-desc {
            margin-top: 0;
        }
        .tskitm-files .filetype {
            margin-top: 10px;
        }
        .tskitm .tskitm-input .form-control {
            width: auto;
        }
        [data-status="upcoming"] .tskitm-input .form-control {
            color: #428BCA;
            background-color: #f4faff;
            border-color: #acd4e8;
        }
        [data-status="grace"] .tskitm-input .form-control {
            color: #ffa500;
            background-color: #fffdf8;
            border-color: #F7D492;
        }
        [data-status="success"] .tskitm-input .form-control {
            color: #298529;
            background-color: #fafffa;
            border-color: #bae2ba;
        }
        [data-status="failure"] .tskitm-input .form-control {
            color: #B90000;
            background-color: #fff5f5;
            border-color: #efcbcb;
        }
        [data-status="complete"] .tskitm-input .form-control {
            color: #31708F;
            background-color: #f1faff;
            border-color: #acd4e8;
        }
        [data-status="cannotcomplete"] .tskitm-input .form-control {
            color: #4C5163;
            background-color: #e0e0e0;
            border-color: #cacaca;
        }
        [data-status="expired"] {
            background: #e0e0e0;
        }
        [data-status="expired"]:before {
            content: "EXPIRED";
            display: block;
            background: #888F9F;
            color: #ffffff;
            padding: 10px 20px;
            line-height: 1;
            font-size: 13px;
            text-align: center;
            text-transform: uppercase;
            font-weight: bold;
            letter-spacing: 1px;
        }

        .mobile .tskitm-tbl {
            position: relative;
        }
        .mobile .tskitm-name {
            display: block;
            margin-bottom: 10px;
            padding: 0;
        }
        .mobile .tskitm-input {
            width: auto;
            float: left;
        }
        .mobile .tskitm-btns {
            /* width: 100%; */
            float: left;
        }
        .mobile .tskitm .tskitm-input .form-control {
            width: 100%;
        }

    /**TOOLBAR*/
        /*NOTE: Experimenting with strict parent/child relationships to
         *      errors when unexpected html/css combinations are used*/
        .Toolbar {
            margin-bottom: 35px;
        }
        .Toolbar > .Toolbar-inner {
            display: flex;
            align-items: baseline;
            justify-content: space-between;
        }
        /**TOOLBAR SECTION*/
            .Toolbar-inner > .Toolbar__section--left {
                text-align: left;
                float: left;
            }
            .Toolbar-inner > .Toolbar__section--middle {
                float: left;
            }
            .Toolbar-inner > .Toolbar__section--right {
                text-align: right;
                float: right;
                min-width: 105px;
            }
            .Toolbar-inner > .Toolbar__section--centered {
                margin: auto;
                padding-left: 0;
                padding-right: 0;
            }
        /**TOOLBAR SET GROUP*/
            /*NOTE: Wraps a set of ui controls to influence behavior
             *      when wrapping*/
            .Toolbar__section > .Toolbar__control-group {
                display: inline-block;
                white-space: nowrap;
            }
            .Toolbar__section .Toolbar__control-group .Toolbar__section-label {
                font-size: 12px;
                text-transform: uppercase;
            }
            /**ADJUSTMENTS FOR TOOLBAR SET GROUP CHILDREN OF LEFT RIGHT SECTIONS*/
                .Toolbar__section--left .Toolbar__control-group {
                    margin-right: 10px;
                }
                .Toolbar__section--left .Toolbar__control-group .bttn.bttn-icon {
                    margin-right: 0;
                }
                .Toolbar__section--right .Toolbar__control-group {
                    margin-left: 10px;
                }
        /**TOOLBAR CONTROLS*/
            .Toolbar__section .form-control,
            .Toolbar__section .bttn {
                height: 30px;
                font-size: 13px;
                line-height: 1.4;
                float: none; /*NOTE: allow parent to decide using text-align*/
                display: inline-block; /*NOTE: causes H whitespace*/
                width: auto;
                /*NOTE: v spacing is important when wrapped*/
                vertical-align: middle; /*NOTE: influences v align with neightbors*/
                margin: 5px 0;
            }
            /**TOOLBAR CONTROLS - TEXT INPUT*/
                .Toolbar__section input.form-control {
                    padding: 0 8px;
                }
            /**TOOLBAR CONTROLS - SELECT DROPDOWN*/
                .Toolbar__section select.form-control {
                    padding: 5px 26px 5px 10px;
                    min-width: 150px;
                    max-width: 290px;
                    text-overflow: ellipsis;
                }
            /**TOOLBAR CONTROLS - BUTTON*/
                .Toolbar__section .bttn {
                    padding: 5px 10px;
                }
            /**TOOLBAR CONTROLS - CHECKBOX BUTTON*/
                .Toolbar__section .form-checkbox--bttn {
                    display: inline-block; /*NOTE: causes H whitespace*/
                    vertical-align: middle; /*NOTE: influences v align with neightbors*/
                    margin: 5px 0; /*NOTE: v spacing is important when wrapped*/
                }
                .Toolbar__section .bttn.form-checkbox__label {
                    margin: 0;
                }
                /*ADJUSTMENTS FOR CHECKBOX BUTTONS*/
                    /*FIREFOX*/
                    @-moz-document url-prefix() {
                      .Toolbar__section .form-checkbox--bttn .form-checkbox__text {
                         top: 0;
                      }
                    }
                    /*SAFARI*/
                    _::-webkit-full-page-media, _:future, :root .Toolbar__section .form-checkbox--bttn .form-checkbox__text {
                        top: 0;
                    }
                    /*IE - 11, Edge*/
                    @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
                        .Toolbar__section .form-checkbox .form-checkbox__label input[type='checkbox'] {
                            transform: none;
                        }
                        .Toolbar__section .form-checkbox__text {
                            top: 1px;
                        }
                    }
            /**TOOLBAR CONTROLS - BUTTON ICON*/
                .Toolbar__section .bttn-icon {
                    padding: 0;
                    margin: 5px 0;
                }
                /**ADJUSTMENTS FOR TOOLBAR CONTROLS - BUTTON ICON*/
                    .Toolbar__section .bttn-icon .fa-envelope-o {
                        position: relative;
                        top: -1px;
                    }
                    .Toolbar__section .bttn-icon .fa-pencil {
                        position: relative;
                        top: -1px;
                    }
                    .Toolbar__section .bttn-icon .fa-plus {
                        position: relative;
                        top: -1px;
                    }
                    .Toolbar__section .bttn-icon .icon-mouse-selection {
                        font-size: 26px;
                        left: 1px;
                        position: relative;
                        top: 4px;
                    }
            /**ADJUSTMENTS FOR TOOLBAR CONTROLS CHILDREN OF GRID SECTIONS*/
                .Toolbar__section--grid .form-row:first-child [class*="form-control"],
                .Toolbar__section--grid .form-row:first-child .bttn:first-child {
                    margin-top: 5px;
                    margin-bottom: 5px;
                }
                .Toolbar__section--grid .form-row:first-child .form-checkbox__label:first-child {
                    margin-top: 0;
                    margin-bottom: 0;
                }
                .Toolbar__section--grid select.form-control,
                .Toolbar__section--grid .bttn {
                    min-width: 100%;
                }
            /**ADJUSTMENTS FOR TOOLBAR CONTROLS CHILDREN OF CENTERED SECTIONS*/
                .Toolbar__section--centered .bttn {
                    margin-left: 0;
                    margin-right: 0;
                }
            /**ADJUSTMENTS FOR TOOLBAR CONTROLS CHILDREN OF LEFT RIGHT SECTIONS*/
                .Toolbar__section--left .form-checkbox,
                .Toolbar__section--left .form-control,
                .Toolbar__section--left .bttn {
                    margin-left: 0;
                }
                .Toolbar__section--right .form-checkbox,
                .Toolbar__section--right .form-control,
                .Toolbar__section--right .bttn {
                    margin-right: 0;
                }
                .unread-toggle {
                    margin-right: 10px !important;
                }
            /**ADJUSTMENTS FOR TOOLBAR CONTROLS CHILDREN OF CONTROL GROUP WRAPPER*/
                .Toolbar__control-group .form-checkbox {
                    /*NOTE: Prevent excessive whitespace if displayed as part of a group*/
                    margin-left: 0;
                }

        /**TOOLBAR SIZE - SMALL*/
            /**TOOLBAR SIZE - SMALL -BUTTON ICON*/
                .Toolbar--small .bttn-icon {
                    width: 30px;
                    min-width: 30px;
                    line-height: 30px;
                }
        /**TOOLBAR SIZE - MEDIUM*/
            .Toolbar--medium .Toolbar__section .form-control,
            .Toolbar--medium .Toolbar__section .bttn {
                height: 45px;
                font-size: 15px;
                line-height: 1.4;
            }
            /**TOOLBAR SIZE - MEDIUM - BUTTON*/
                .Toolbar--medium .Toolbar__section .bttn {
                    padding: 10px 14px 14px;
                    font-size: 18px;
                    line-height: 1.2;
                }
            /**TOOLBAR SIZE - MEDIUM - CHECKBOX*/
                .Toolbar--medium .Toolbar__section .bttn.form-checkbox__label {
                    padding-top: 13px;
                    padding-bottom: 14px;
                }
            /**TOOLBAR SIZE - MEDIUM - TEXT INPUT*/
                .Toolbar--medium .Toolbar__section input.form-control {
                    padding: 0 8px;
                }
            /**TOOLBAR SIZE - MEDIUM - SELECT DROPDOWN*/
                .Toolbar--medium .Toolbar__section select.form-control {
                    padding: 12px 35px 12px 15px;
                }
            /**TOOLBAR SIZE - MEDIUM -BUTTON ICON*/
                .Toolbar--medium .Toolbar__section .bttn-icon {
                    width: 45px;
                    min-width: 45px;
                    line-height: 45px;
                    font-size: 18px;
                    padding: 0;
                    margin-right: 10px;
                }

                .Toolbar--medium .Toolbar__section .bttn-icon:last-child {
                    margin-right: 0px;
                }
        /**TOOLBAR - ADJUSTMENT FOR BROWSERS*/
            /* IE11 - CHECKBOX BUTTON CHECK FIELD*/
            @media all and (-ms-high-contrast:none)
             {
                *::-ms-backdrop, .Toolbar .form-checkbox--bttn .form-checkbox__label .form-checkbox__check[type="checkbox"] {
                    top: 2px;
                }
             }

/**––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
/*EXTERNAL MODULES*/

/**––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
/*PAGE SPECIFIC STYLES*/

    /**LANDING*/
        .landing .section+.section.section-bar {border-top:1px solid #EEF0F3;}
        .landing .section+.section.section-fullwidth {border-top:1px solid #EEF0F3;}
        .landing .section-content > .bttn-block:first-child {margin-top:0;}

        .landing .section.section-bar--cta.floating-shadow-inset {border-bottom-left-radius: 9px; border-bottom-right-radius: 9px;}

        /**Utility String*/
            .landing-utilstring {
                text-align: center; background: #1F232F; color: #fff;
            }

            .landing-utilstring .section-content a {
                color: #AAB1C1;
            }

            .landing-utilstring.panel-top {
                border-radius: 12px 12px 0 0!important;
                margin-top: -70px;
                margin-bottom: 50px;
            }

            .landing-utilstring.panel-bottom {
                border-radius: 0 0 12px 12px;
                margin-top: 50px;
                margin-bottom: -70px;
            }
        /**Message*/
            .landing-message {line-height: 1.4;font-size: 18px;}
        /**Logged In As*/
            .landing .loggedinas a,
            .landing .loggedinas a:hover,
            .landing .loggedinas a:focus,
            .landing .loggedinas a:active
            {font-weight: bold;}
        /**Landing Button*/
            .landing .landingbutton {border-top: 1px solid #e8ebed;}
            .landing .section-bar.landingbutton {padding: 20px;}
        /**Wysiwyg Out*/
            .landing .wysiwyg-output {overflow-x: auto;}
            .landing .wysiwyg-output,
            .landing .wysiwyg-output p
            {line-height: 1.4;font-size: 18px;}
            .landing .wysiwyg-output *:last-child {margin-bottom: 0;}
        /*Enter Key Text Box*/
            .landing .enterkey .form-item input.form-control {
                height: 80px;
                font-size: 40px;
                font-weight: bold;
                text-align: center;
                padding-right: 10px;
            }

        /* New landing page layout css */

            .landing .landing-panels-container {
                display: flex;
                justify-content: center;
                align-items: center;
                margin-top: 30px;
            }

            .landing .landing-panels-grid {
                display: grid;
                grid-template-areas:
                    ". title"
                    "login content";
            }

            .landing .landing-panels-grid.project-opp {
                grid-template-areas:
                    "title ."
                    "content login";
            }

            .landing .landing-panels-container .landing-content-title {
                grid-area: title;
                margin-bottom: 35px;
                margin-left: 50px;
                font-size: 42px;
                font-weight: bold;
                max-width: 1000px;
            }

            .landing .landing-panels-container .landing-panels-set-content {
                min-width: 600px;
                max-width: 1000px;
                grid-area: content;
                margin-left: 50px;
            }


            .landing .landing-panels-container .project-opp .landing-content-title {
                margin-right: 50px;
                margin-left: 0;
            }

            .landing .landing-panels-container .project-opp .landing-panels-set-content {
                margin-right: 50px;
                margin-left: 0;
            }

            .landing .landing-panels-container .landing-panels-set-login {
                width: 440px;
                min-width: 440px;
                grid-area: login;
            }

            .landing .landing-panels-container .landing-panel {
                padding: 70px;
                margin: 0;
                background: #fff;
                border-radius: var(--border-radius-lg);
                box-shadow: var(--shadow-panel);
            }

            .landing .landing-panels-container .open-opp-container {
                opacity: 0;
            }


            .landing .landing-panels-container .landing-panel .section-header.content-title {
                font-size: 36px;
            }

            .landing .landing-panels-container .landing-panel .section-header,
            .landing .landing-panels-container .landing-panel .login-title {
                font-size: 28px;
            }

            .landing .landing-panels-container .landing-panel .login-title {
                font-weight: 600;
                text-align: center;
                margin-bottom: 35px;
                text-wrap: pretty;
            }

            .landing .landing-panels-container .landing-panel+.open-opp-container {
                margin-top: 50px;
            }


            @media (max-width: 1120px) {
                .landing .landing-panels-grid {
                   display: flex;
                   flex-flow: column;
                   align-items: center
                }

                .landing .landing-content-title {
                    margin-left: 0;
                    margin-top: 50px;
                }

                .landing .landing-panels-container .project-opp .landing-content-title {
                    margin-right: 0;
                    margin-top: 0;
                }

                .landing .landing-panels-container .landing-panels-set-content {
                    margin-left: 0;
                    margin-bottom: 50px;
                }

                .landing .landing-panels-container .project-opp .landing-panels-set-content {
                    margin-right: 0;
                }
            }


            /* Landing Opts */
            .landing .landing-opts {
                margin-bottom: 35px;
            }

            .landing .landing-panel .landing-opts:last-child {
                margin-bottom: 0;
            }

            .landing .landing-opts .title {
                font-size: 22px;
                font-weight: 600;
            }

            .landing .landing-opts .list {
                line-height: 1.6;
                margin-top: 10px;
                margin-bottom: 0;
                padding-left: 0;
            }

            .landing .landing-panel .landing-utilstring+.landingcontents-optionals {
                margin-top: 50px;
            }

            .landing .loginform .input-group-input .form-control {
                border-radius: var(--border-radius-md);
            }

            .landing .loginform .bttn {
                margin-top: 35px;
            }

            /* Login Widget Links Section */
            .landing .login-widget-link-area {
                padding: 35px 0;
                border-bottom: 1px solid #E4E6EC;
                text-align: center;
            }

            .landing .login-widget-link-group {
                display: flex;
                justify-content: center;
                align-items: center;
            }

            .landing .login-widget-link-group+.login-widget-link-group {
                margin-top: 10px;
            }

            .landing .login-widget-link-seperator {
                font-size: .4em;
                margin: 0 10px;
                color: #AAB1C1;
            }

            .landing .login-agreement-note {
                text-align: center;
                text-wrap: balance;
                color: #676D7E;
                font-size: 14px;
                margin-top: 35px;
                line-height: 1.6;
            }

            /* Alternative login section */
            .landing .alternative-login-bttns .bttn {
                font-weight: normal;
                letter-spacing: normal;
                display: flex;
                align-items: center;
                justify-content: center;
                border: 1px solid #C9CEDB;
            }

            .landing .alternative-login-bttns .bttn.default {
                color: #1F232F;
                background-color: #fff;
            }

            .landing .alternative-login-bttns .bttn.default:hover,
            .landing .alternative-login-bttns .bttn.default:focus {
                color: #1F232F;
                background-color: #EEF0F3;
            }

            .landing .alternative-login-bttns .bttn.custom:hover,
            .landing .alternative-login-bttns .bttn.custom:focus {
                opacity: .8;
            }

            .landing .alternative-login-bttns .bttn:first-child {
                margin-top: 0;
            }

            .landing .alternative-login-bttns .bttn img {
                height: 18px;
                width: 18px;
                margin-right: 10px;
            }

            .landing .alternative-login-seperator {
                display: flex;
                color: #888F9F;
                margin-top: 35px;
                margin-bottom: 35px;
            }

            .landing .alternative-login-seperator:before,
            .landing .alternative-login-seperator:after {
                content: "";
                flex: 1 1;
                border-bottom: 1px solid #888F9F;
                margin: auto;
            }

            .landing .alternative-login-seperator:before {
                margin-right: 10px;
            }

            .landing .alternative-login-seperator:after {
                margin-left: 10px;
            }

            .landing .landing-panels-set-login .loggedinas {
                border-radius: 12px 12px 0 0 !important;
                margin-top: -70px;
                margin-bottom: 50px;
                line-height: 1.6;
                color: #676D7E;
            }

            .landing .landing-panels-set-login .landing-opportunity-message,
            .landing .landing-panels-set-login .landing-page-message,
            .landing .landing-panels-set-login .landing-login-warning {
                font-size: 16px;
                padding: 10px;
                margin: 0 0 35px;
                text-align: center;
                line-height: 1.6;
                border-radius: var(--border-radius-md);
            }

            .landing .landing-panels-set-login .landing-opportunity-message small {
                font-size: 12px;
            }

            .landing .landing-panels-set-login .landing-login-warning {
                background-color: #D95151;
                color: #FFFFFF;
            }

            .landing .landing-panels-set-login .landing-login-warning a {
                color: #FFFFFF;
                text-decoration: underline;
            }

            .landing .landing-panels-set-login .landing-login-warning a:hover,
            .landing .landing-panels-set-login .landing-login-warning a:focus {
                opacity: .7;
            }

            .landing .login-widget-message.landing-panels-floating-message,
            .landing.page-reset .info-validation.form-field-error {
                margin: 0 auto 30px;
                border-radius: var(--border-radius-lg);
                border: #fff solid 5px;
                padding: 30px 70px;
                border: 5px solid #fff;
                width: fit-content;
                max-width: 1510px;
                box-shadow: var(--shadow-panel);
            }

            .landing .login-widget-message.landing-panels-floating-message {
                font-weight: bold;
                font-size: 24px;
                line-height: 1.6;
                text-align: center;
                color: #fff;
            }
    /**TOOLS PAGE*/
        /**TOOLS*/

        .toollist a {
            width: 49%;
            height: 80px;
            margin: 0.5%;
            padding: 20px 20px 20px;
            background: #EEF0F3;
            position: relative;
            float: left;
            display: flex;
            align-items: center;
            border-radius: var(--border-radius-lg);
            box-shadow: var(--shadow-element-blocky);
            border: 1px solid #D8DCE5;
        }
        .toollist h5 {
            font-size: 17px;
            font-weight: 700;
            margin: 0;
            padding: 0;
        }
        .toollist a.toolboxitem--nodesc {padding: 23px 14px 13px;}
        .toollist a .toolboxitem-icon {width: 40px; line-height: 1; text-align: center;}
        .toollist a .toolboxitem-icon+.toolboxitem-content {padding-left: 14px;}
        .toollist a .toolboxitem-name {
            display: flex;
            align-items: center;
        }
        .toollist a .new-tool {
            margin-left: 4px;
            font-size: 12px;
            font-weight: bold;
            text-transform: uppercase;
            color: white;
            border-radius: 3px;
            background: #71bb53;
            padding: 2px 5px 2px 5px;
        }
        .toollist a:hover, .toollist a:focus {background: #E4E6EC; text-decoration: none;}
        .toollist a .handle {background: url(/images/css/roll-handle.png) top right no-repeat; display: block; height: 20px; width: 40px; padding: 0; position: absolute; right: 0; top: 0;}
        .toollist a .desc {color: #676D7E; font-size: 13px; line-height: 18px; font-weight: normal; margin:3px 0 0;padding:0;overflow: hidden;}
        .toollist a i {
            color: #1F232F;
        }
        .toollist.hidden {margin-top: 0;}
        .toollist.hidden a {box-shadow:1px 2px 2px rgba(0,0,0,0.01);border-color:#D8DCE5 #AAB1C1 #AAB1C1 #D8DCE5;}
        .toollist .toolboxitem-content {
            overflow: hidden;
        }
        .toollist .toolboxitem-content p,
        .toollist .toolboxitem-content .toolboxitem-name h5 {
            text-overflow: ellipsis;
            white-space: nowrap;
            overflow: hidden;
        }

        /**FOR PROJECT*/
        .projtools .intro {background: #FFFDE2; border: 1px solid #FAEBCC; padding: 12px; color: #8A6D3B;}
        .projtools .toollist {overflow: auto;}
        .projtools .hidden {background:#d9dde2;}
        .projtools .toolboxempty {display: none;}
        /**DRAG AND DROP*/
        .menudrop, .menudropoff {background: #a4e9ef !important;color: #1F232F !important;}
        .menudropoff {border: none;border-radius: 0;margin: 0 -20px!important;padding: 20px!important;}
        /**DEFAULT DISPLAY STATE*/
        #toolboxhide,
        #menusortbase {
            display: none;
        }
        #toolboxdefault .bttn {
            margin: 0 5px;
        }
    /**MODAL - REFERRAL*/
        .modal_page-refer h2+.form-item {
            margin-top: 20px;
        }

        .modal_page-refer .cc-editor-cont--output {
            margin-top: 0;
            margin-bottom: 35px;
            border-bottom: 1px solid #C9CEDB;
            padding-bottom: 15px;
        }

        .modal_page-refer .fab.fa-4x {
            margin-right: 10px;
        }
    /**EMAIL - SEND TEST*/
        .em-sendtest .em-sendtest-processing,
        .em-sendtest .em-sendtest-error,
        .em-sendtest .em-sendtest-success {
            display: none;
        }
        .em-sendtest[data-started="true"]:focus,
        .em-sendtest[data-started="true"]:hover,
        .em-sendtest[data-started="true"].focus,
        .em-sendtest[data-started="true"].hover {
            text-decoration: none;
        }
        .em-sendtest[data-started="true"] .em-sendtest-default {
            display: none;
        }
        .em-sendtest-status[data-status="processing"] .em-sendtest-processing {
            display: block;
        }
        .em-sendtest-status[data-status="success"] .em-sendtest-success {
            display: block;
        }
        .em-sendtest-status[data-status="error"] .em-sendtest-error {
            display: block;
        }
    /**EMAIL - SEND TEST*/
        .em-sendtest .em-sendtest-processing,
        .em-sendtest .em-sendtest-error,
        .em-sendtest .em-sendtest-success {
            display: none;
        }
        .em-sendtest[data-started="true"]:focus,
        .em-sendtest[data-started="true"]:hover,
        .em-sendtest[data-started="true"].focus,
        .em-sendtest[data-started="true"].hover {
            text-decoration: none;
        }
        .em-sendtest[data-started="true"] .em-sendtest-default {
            display: none;
        }
        .em-sendtest-status[data-status="processing"] .em-sendtest-processing {
            display: block;
        }
        .em-sendtest-status[data-status="success"] .em-sendtest-success {
            display: block;
        }
        .em-sendtest-status[data-status="error"] .em-sendtest-error {
            display: block;
        }
    /**HOME-PAGE*/
        .homepage-section-header {
            position: relative;
        }

        .homepage-section-header .new {
            position: absolute;
            top: 15px;
            left: -25px;
            color: #129c7d;
        }
        .homepage-section-header .section-header .subtext {
            font-size: 12px;
            color: #888F9F!important;
            margin-left: 10px;
            display: none;
        }

        .homepage-section-header .section-header .util .close {
            padding: 0;
            color: #EEF0F3!important;
            background-color: #ffffff;
            border:none;
            box-shadow: none;
        }

        .homepage-section-header .section-header .util .close:hover {
            color: #D8DCE5!important;
            background-color: transparent;
        }

        .commhome .pagebody,
        .projhomepage .pagebody {
            margin-top: -70px;
        }

        .commhome .article-item .cc-editor-cont--output p:first-child,
        .projhomepage .article-item .cc-editor-cont--output p:first-child {
            margin-top: 0;
        }

        .commhome .article-item .cc-editor-cont--output>p:last-child,
        .projhomepage .article-item .cc-editor-cont--output>p:last-child {
            margin-bottom: 0;
        }

        #div_FormDraftListTable .commhome .listtable.is-div {
            margin-top: -28px;
        }

        .comm-checklist {
            display: flex;
            flex-direction: column;
            margin-left: 15px;
            font-size: 18px;
            margin-top: 15px;
        }

         .comm-checklist i {
            margin-right: 3px;
        }

        .comm-checklist .checklist-item a {
            font-weight: 400;
            text-decoration: underline 1px;
        }

        .comm-checklist .checklist-item:not(:last-child) {
            margin-bottom: 10px;
        }

        .comm-checklist .checklist-item.complete {
            opacity: 0.5;
        }

        .comm-checklist .checklist-item.complete span {
            text-decoration: line-through;
            cursor: default;
        }


    /**PROJ USER SUMMARY*/
        /**RIGHT TIPS*/
        #div_user_comment_score {padding: 0 20px;margin: 0 -20px;}
        #div_user_comment_score .usercomment {padding: 20px;margin: 0 -20px;}
        #div_user_comment_score .thread .post {border-top: 1px solid #D8DCE5;}
        /*OLDER STYLES*/
        .usercomment .ava {width: auto; width: 40px; padding-right: 8px; vertical-align: top;}
        .usercomment .msg {width: 100%;}
        .usercomment .msg textarea {width: 100%; padding: 6px 9px 9px 9px; resize: vertical; border-radius: 0; height: 32px; overflow: hidden; resize: none;}
        .usercomment .msg textarea.cmtready {height: 120px; resize: vertical; overflow-y: scroll;}
        .noavatars .usercomment .ava {display: none;} /* Hide Avatar Area if Avatars Disabled */
        /**Comment Submit Bar (Submit, Rank)*/
        .usercomment .submitbar {background: #e2e2e2;display: block;}
        .usercomment .submitbar select+small {margin-left: 10px;}
        .usercomment .submitbar .bttn {float: right;margin-top:0;}
    /**PROJ - FEEDBACK SINGLE - OVERVIEW - RELATED LIST*/
        .fboverviewrelated .primary .icon.checkout a {position: absolute;right: 0;top: 0;width: 40px;text-align: center;height: 35px;padding: 10px 0;background: rgba(0,0,0,0.2);line-height:1;}
        .fboverviewrelated .primary .icon.checkout a:hover {background: rgba(0,0,0,0.1);}
        .fboverviewrelated .primary {padding-right: 50px!important;white-space: nowrap!important;}
    /**PROJ - FEEDBACK PRINT VIEW*/
        .fbthread.print .posts {margin:0;}
    /**PROJ - FORUM THREAD PRINT VIEW*/
        .forumthread.print .posts {margin:0;}
    /**PROJ - FORUM THREAD**/
        .forumthread .draftlist {display:none;padding:20px;margin-left:-20px;margin-right:-20px;border-top:1px solid #EEF0F3;}
        .forumthread .draftlist .bttn-block {margin-top:0;}
    /**PROJ - WIKI*/
        .wikiedit .commentarea {padding:20px;margin:0 -20px -20px;}
    /**REPORTING - ELEMENT CREATE*/
        .customizereport .iconopts_icon .bttn-icon{height: 44px;width:44px;padding-left:0;padding-right:0;text-align:center;font-size:20px;}
        .customizereport .iconopts_icon .form-input-lg .form-control{height:44px;}
        .customizereport .iconopts_icon .form-input-lg .bttn {height:44px;min-height: 44px;min-width: 44px;}
        .customizereport .chartableoptitem > h5 {margin-bottom:5px;}
        .customizereport .chartableoptitem > h5+.tbl .td .form-control{margin-top:0!important;} /*DOING: [ES] 2016-03-11 DON"T KEEP IMPORTANT*/
        .customizereport .chartableoptitem .tbl-inline #chkdashboardcontext .chk {margin: 10px 5px 9px 10px}
        .customizereport .chartableoptitem div:not(.form-item) label+.form-control {margin-top:0!important;} /*DOING: [ES] 2016-03-11 DON"T KEEP IMPORTANT*/

        /* Center icons for font-awesome icons, I noticed in some areas it may vary,
           in report edit and view because the buttons that they are in have slightly different heights */
        .customizereport .chartableoptitem .bttn .fa-lg {vertical-align: 0%;}
    /**REPORTING - NUMERIC SEGMENT*/
        /*DISPLAY ALTERATIONS*/
            #fixednumericsegmentlist:not(.hide) {
                display: block;
            }
            #fixednumericsegmentlist .row.hide {
                display: none;
            }
        /*GENERAL DIMENTIONS AND ALIGNMENT*/
            .fixednumericsegmentitem {
                height: 54px;
            }
            .fixednumericsegmentitem .leftsegment,
            .fixednumericsegmentitem .rightsegment {
                width: 100px;
                white-space: nowrap;
            }
            .fixednumericsegmentitem .middlesegment {
                text-align: center;
            }
        /*DISABLED INPUT STYLES*/
            .fixednumericsegmentitem input[disabled] {
                background: #EEF0F3;
            }
        /*WHITESPACE FOR TEXT*/
            .fixednumericsegmentitem .leftsegmenttxt {
                margin-right: 10px;
            }
            .fixednumericsegmentitem .middlesegmenttxt {
                margin-left: 10px;
                margin-right: 10px;
            }
            .fixednumericsegmentitem .rightsegmenttxt {
                margin-left: 10px;
            }
        /*HIDE "TO", SHOW "LESS THAN"*/
            .fixednumericsegmentitem[data-rownumber="0"] .middlesegment {
                display: none;
            }
        /*HIDE "TO", SHOW "GREATER THAN"*/
            .fixednumericsegmentitem.maxrange .middlesegment,
            .fixednumericsegmentitem.maxrange .rightsegment-input {
                display: none;
            }
        /*SHOW "TO", SHOW "GREATER THAN"*/
            .fixednumericsegmentitem:not(.maxrange) .rightsegment-text {
                display: none;
            }

/**––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
/**UTILITIES*/

    input::-ms-clear {
        display: none;
    }
    input[placeholder] {text-overflow:ellipsis;}
    input::-moz-placeholder {text-overflow:ellipsis;}
    input:-moz-placeholder {text-overflow:ellipsis;}
    input:-ms-input-placeholder {text-overflow:ellipsis;}

    .pull-right {float: right!important;}
    .valign-helper {display:inline-block;vertical-align:middle;}
    .valgin-helper+.valign-helper {vertical-align:middle;}

    .padboth-nocollapse {margin-top: 20px;margin-bottom: 20px;}
    .padboth-nocollapse-xs {margin-top: 5px;margin-bottom: 5px;}
    .padboth-nocollapse-sm {margin-top: 10px;margin-bottom: 10px;}
    .padboth-nocollapse-ms {margin-top: 15px;margin-bottom: 15px;}
    .padboth-nocollapse-md {margin-top: 20px;margin-bottom: 20px;}
    .padboth-nocollapse-lg {margin-top: 25px;margin-bottom: 25px;}
    .padboth-nocollapse-xl {margin-top: 30px;margin-bottom: 30px;}

    .padtop-nocollapse {margin-top: 20px;}
    .padtop-nocollapse-xs {margin-top: 5px;}
    .padtop-nocollapse-sm {margin-top: 10px;}
    .padtop-nocollapse-ms {margin-top: 15px;}
    .padtop-nocollapse-lg {margin-top: 25px;}
    .padtop-nocollapse-xl {margin-top: 30px;}

    .paddown-nocollapse {margin-bottom: 20px;}
    .paddown-nocollapse-xs {margin-bottom: 5px;}
    .paddown-nocollapse-sm {margin-bottom: 10px;}
    .paddown-nocollapse-ms {margin-bottom: 15px;}
    .paddown-nocollapse-lg {margin-bottom: 25px;}
    .paddown-nocollapse-xl {margin-bottom: 30px;}

    .padup {margin-top: 20px !important;}
    .padboth {margin-top: 20px !important; margin-bottom: 20px !important;}
    .paddown {margin-bottom: 20px !important;}

    .noup {margin-top: 0 !important;}
    .nodown {margin-bottom: 0 !important;}
    .noboth {margin: 0 !important;}

    .nopad {padding: 0px !important;}
    .smallpad {padding: 5px !important;}
    .smediumpad {padding: 10px !important;}
    .mediumpad {padding: 20px !important;}
    .largepad {padding: 30px !important;}

    .paddownxsmall {margin-bottom: 5px !important;}
    .padupxsmall {margin-top: 5px !important;}
    .padbothxsmall {margin-top: 5px; margin-bottom: 5px !important;}

    .paddownsmall {margin-bottom: 10px !important;}
    .padupsmall {margin-top: 10px !important;}
    .padbothsmall {margin-top: 10px; margin-bottom: 10px !important;}

    .paddownsmedium {margin-bottom: 15px !important;}
    .padupsmedium {margin-top: 15px !important;}
    .padbothsmedium {margin-top: 15px !important; margin-bottom: 15px !important;}

    .paddownmedium {margin-bottom: 20px !important;}
    .padupmedium {margin-top: 20px !important;}
    .padbothmedium {margin-top: 20px; margin-bottom: 20px !important;}

    /* NEW WILL EVENTUALLY REPLACE OLD ONCE FULLY PHASED OUT*/
    .paddownxs {margin-bottom: 5px !important;}
    .padupxs {margin-top: 5px !important;}
    .padbothxs {margin-top: 5px; margin-bottom: 5px !important;}

    .paddownsm {margin-bottom: 10px !important;}
    .padupsm {margin-top: 10px !important;}
    .padbothsm {margin-top: 10px; margin-bottom: 10px !important;}

    .paddownms {margin-bottom: 15px !important;} /*ms = medium small*/
    .padupms {margin-top: 15px !important;} /*ms = medium small*/
    .padbothms {margin-top: 15px; margin-bottom: 15px !important;} /*ms = medium small*/

    .paddownmd {margin-bottom: 20px !important;}
    .padupmd {margin-top: 20px !important;}
    .padbothmd {margin-top: 20px; margin-bottom: 20px !important;}

    .paddownmdlg {margin-bottom: 30px !important;}
    .padupmdlg {margin-top: 30px !important;}
    .padbothmdlg {margin-top: 30px; margin-bottom: 30px !important;}

    .paddownlg {margin-bottom: 40px !important;}
    .paduplg {margin-top: 40px !important;}
    .padbothlg {margin-top: 40px; margin-bottom: 40px !important;}

    .paddownxl {margin-bottom: 70px !important;}
    .padbothxl {margin-top: 70px !important; margin-bottom: 70px !important;}
    .padupxl {margin-top: 70px !important;}

    /*END NEW*/
    .negxsmall {margin-top: -5px;}
    .negsmall {margin-top: -10px;}
    .negmedium {margin-top: -20px;}
    .negmediumimportant {margin-top: -20px !important;}
    .neglarge {margin-top: -30px;}
    .neglarger {margin-top: -35px;}
    .negxlarge {margin-top: -70px;}

    .negsmallbot {margin-bottom: -10px;}
    .negmediumbot {margin-bottom: -20px;}
    .neglargebot {margin-bottom: -30px;}
    .neglargerbot {margin-bottom: -35px;}
    .negxlargebot {margin-bottom: -70px;}

    .side-margins-neg-xs {margin-left: -20px!important; margin-right: -20px!important;}
    .side-margins-none {margin-left: 0!important; margin-right: 0!important;}
    .side-margins-neg-med {margin-left: -70px!important; margin-right: -70px!important;}
    .side-margins-med {margin-left: 40px!important;margin-right: 40px!important;}
    .side-margins-sm {margin-left: 20px!important; margin-right: 20px!important;}
    .side-margins-xl {margin-left: 70px!important; margin-right: 70px!important;}

    .padding-all-70 {
        padding: 70px;
    }

    .xsmall {
        height: 5px;
    }

    .small {
        height: 10px;
    }

    .smedium {
        height: 15px;
    }

    .medium {
        height: 20px;
    }

    .large {
        height: 30px;
    }

    .xlarge {
        height: 40px;
    }

    .xxlarge {
        height: 70px;
    }

    table.small {height: auto; margin-top: 10px;} /* Used by StartListTable function */
    table.medium {height: auto; margin-top: 20px;}
    table.large {height: auto; margin-top: 30px;}

    .clear-both:after {content: "";display: table;clear: both;}
    .clear {clear: both;}
    .clearleft {clear: left;}
    .clearright {clear: right;}
    .clean {clear: both;}
    .hide {display: none;}
    .flex {display: flex;}

    .noselect{-webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }
    .txt-wrap {
        /* These are technically the same, but use both */
        overflow-wrap: break-word;
        word-wrap: break-word;
        /* Instead use this non-standard one: */
        word-break: break-word;
        /* Adds a hyphen where the word breaks, if supported (No Blink) */
        -ms-hyphens: auto;
        -moz-hyphens: auto;
        -webkit-hyphens: auto;
        hyphens: auto;
    }
    .nowrap {white-space: nowrap;}
    .relative {position: relative;}
    .absolute {position: absolute;}
    .left {float: left; z-index: 50;}
    .right {float: right; z-index: 50;}
    .indent {margin-left: 30px;}
    .unboxfix {box-sizing: content-box; -moz-box-sizing: content-box;}
    .glyphs {font-family: arial !important;}
    .nolink {cursor: default !important;}
    .inblock {display: inline-block;}
    .striketext {text-decoration: line-through; color: #676D7E;}
    .italictext {font-style: italic;}
    .bold-text {font-weight: bold !important;}
    .super {
        font-size: 0.8em;
        position: relative;
        top: -0.5em;
        left: -0.05em;
    }
    /**BORDERS*/
    .border-top-none {
        border-top: none!important;
    }
    .border-btm-none {
        border-bottom: none!important;
    }
    .border-btm-trans {
        /*NOTE: introduced to prevent margin collapse*/
        border-bottom: 1px solid transparent!important;
    }
    .border-top-light {
        border-top: 1px solid #EEF0F3!important;
    }
    .border-btm-light {
        border-bottom: 1px solid #EEF0F3!important;
    }
    /**TEXT - WRAP LONG WORD*/
        [data-ui-wrap-parent] {
            /*NOTE: Intended to be used w/ parent child combo, where ever applicable...*/
            /*NOTE: This is necessary for word wraps and
             *      breaks to take effect on children
             *      elements. Use this for tables tags.
             *      Create new selectors for divs with
             *      receiving display:table, use .tbl
             *      consistently to avoid ever growing
             *      one off selectors*/
            display: table;
            table-layout: fixed;
        }
        [data-ui-wrap-parent] [data-ui-wrap-child] {
            /*NOTE: Intended to be used w/ parent child combo, where ever applicable...*/
            /*NOTE: Allow break on long words w/o spaces*/
            /*NOTE: Finding that overflow-wrap: break-word;
            *       accomplishes the same thing as
            *       word-wrap: break-word; on Firefox and
            *       Chrome*/
            /*NOTE: Finding that word-break: break-word;
            /*      is not doing anything???*/
            /*NOTE: On some browsers this does not work
            *       by itself must be combined with
            *       word-break: break-word*/
            /*NOTE: Firefox, Chrome, Safari*/
            word-wrap: break-word;
            word-break: break-word;
            /*NOTE: IE11*/
            -ms-word-wrap: break-word;
        }
        [data-ui-wrap-longword] {
            /*NOTE: Intended to be used by itself; no parent, where ever applicable...*/
            /*NOTE: Allow break on long words w/o spaces*/
            /*NOTE: Finding that overflow-wrap: break-word;
            *       accomplishes the same thing as
            *       word-wrap: break-word; on Firefox and
            *       Chrome*/
            /*NOTE: Finding that word-break: break-word;
            /*      is not doing anything???*/
            /*NOTE: On some browsers this does not work
            *       by itself must be combined with
            *       word-break: break-word*/
            /*NOTE: Firefox, Chrome, Safari*/
            word-wrap: break-word;
            word-break: break-word;
            /*NOTE: IE11*/
            -ms-word-wrap: break-word;
        }
    /**TEXT - NO WRAP*/
        [data-ui-text-no-wrap] {
            white-space: nowrap;
        }
    /**TEXT - ELLIPSIS*/
        [data-ui-text-ellipsis] {
            text-overflow: ellipsis;
            overflow: hidden;
        }

    .page-break-avoid {
        page-break-inside: avoid;
    }

/**––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
/**REFACTORS AND OVERRIDES*/

/**––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
/**BROWSER SPECIFIC STYLES*/

    /**IE9 ONLY*/
    /**BOTH IE8 and IE9*/
        /**FORM*/
            .oldie .sr-only {position: static;width: auto;height: auto;overflow: auto;}
            .oldie .form-row [class^="col-"] {float:none;display:table-cell;}
            .oldie .form-control {border: 1px solid #C9CEDB;}
            .oldie label.sr-only+.input-group {margin-top: 0;}
            /*DEFAULT BACK TO BROWSERS ARROWS TO DISPLAY ON DROP DOWN FIELDS*/
            .oldie select,
            .oldie .form-input-sm select {
                padding-right: 4px;
                background-image: none;
            }
            .oldie .pagebody select {
                padding-left: 15px;
                padding-top: 12px;
                padding-bottom: 12px;
            }
            .oldie .Toolbar select {
                padding-left: 4px;
                padding-top: 4px;
                padding-bottom: 4px;
            }
            .oldie .rownew select {
                padding-left: 4px;
                padding-top: 4px;
                padding-bottom: 4px;
            }
            .oldie .form-input-xs select {padding-right:4px!important;}

/**––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
/**BROWSER OVERRIDE STYLES*/

    .browseroverride .leftnavback {width: 20%; min-width: 0;}
    .browseroverride .leftnavback .navout {width: auto;}
    .browseroverride .rightnavback {width: 20%; min-width: 0;}
    .browseroverride .rightnav {width: auto; min-width: 0;}

/**––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
/**NEGATE FOR MOBILE*/


.calendar {border: 1px solid transparent;box-shadow:0 0 3px rgba(0,0,0,0.2);}
.calendar * {border: 1px solid transparent!important;}
.calendar table {background: #EEF0F3;color:#71818f;width: 262px;}
.calendar .button, .calendar thead .title, .calendar thead .name, .calendar tfoot .ttip {border: 1px solid transparent;}
.calendar thead .title, .calendar .button {background:#D8DCE5;color:#78848E; padding: 10px 0px;border-bottom:1px solid transparent;}
.calendar .headrow .button {background:#71818f;color:#fff;}
.calendar tfoot .ttip {padding: 10px 0px;background: #D8DCE5;color:#78848E;}
.calendar thead .name {background: #888F9F;padding: 4px 0;}
.calendar tbody .day {padding:10px 10px 10px 0!important;width:40px!important;}
.calendar tbody td.weekend {color:#57636e;}
.calendar tbody td.selected {font-weight: normal;border: 1px solid transparent;background: #71818f;color: #fff;}
.calendar tbody td.today {color:#71818f;font-weight:bold;}
.calendar tbody td.selected.today {color:#fff;font-weight:bold;}
.calendar td.time {border-top: 1px solid #71818f;padding: 10px;text-align: center;background: #fff;}
.calendar tbody .rowhilite td {background:#D8DCE5;}
.calendar tbody td.hilite {background: #fff; color:#71818f;font-weight:normal;}
.calendar tbody td.hilite.today {font-weight:bold;color:#71818f;}
.calendar thead .weekend {color:#C9CEDB;}
.calendar thead .name {background: #fff;}

/**THREAD POSTS*/

    /**THREAD POSTS*/


    /**THREAD POST*/
        .thread .post {
            border-top: 1px solid #E4E6EC;
            position: relative;
        }
        .thread .post-inner {
            position: relative;
            padding-top: 40px;
            padding-bottom: 40px;
        }
        .thread .post-inner:after {
            content: "";
            display: table;
            clear: both;
        }
        .thread .post .cmtauthor__avatar {
            background: #D8DCE5;
            width: 42px;
            height: 42px;
            border-radius: 50%;
            display: flex;
            flex-shrink: 0;
            align-items: center;
            justify-content: center;
            position: relative;
            left: -21px;
        }
        .thread .post.post-focused {
            border: 3px solid;
            border-left: 0;
            border-right: 0;
        }
        /* FEEDBACK POST */
            .thread .post.fbcmtcontainer .cmttools {
                right:0;
            }

            .thread .posts .deleteconfirm {
                position: absolute;
                z-index: 3;
                left: 0;
                right: 0;
            }

            .deleteconfirm + .fbcmtcontainer.post .post-inner {
                padding-top: 50px;
                border-top-right-radius: 7px;
            }

    /**THREAD POST [NUM]*/
        /* THREAD NEW TAG */
        .thread .post .cmttags {
            display: flex;
            align-items: center;
            flex-wrap: nowrap;
            margin-left: 30px;
        }

        .thread .post .cmttags .cmttags__Tag {
            display: flex;
            justify-content: center;
            align-items: center;
            height: 22px;
            padding-left: 10px;
            padding-right: 10px;
            color: #FFFFFF;
            background: #1F232F;
            border-radius: var(--border-radius-full);
            font-size: 12px;
            line-height: 1;
        }

        .thread .post .cmttags .cmttags__Tag.cmttag__Important {
            background-color: #F4D768;
            color: #1F232F;
        }

        .thread .post .cmttags .cmttags__Tag.cmttag__New {
            background-color: #32B588;
        }

        .thread .post .cmttags .cmttags__Tag+.cmttags__Tag {
            margin-left: 5px;
        }


        .thread .cmtnum {
            position: absolute;
            bottom: 3px;
            right: 0;
            color: #888F9F;
            background-color: #EEF0F3;
            font-size: 16px;
            padding: 10px;
            border-top-left-radius: 12px;
            border-bottom-right-radius: 12px;
        }
    /**THREAD POST [AUTHOR]*/
        .thread .cmtauthor {
            display: flex;
            align-items: center;
            flex-wrap: wrap;
        }
    /**THREAD POST [AUTHOR] [AVATAR]*/
        .thread .cmtauthor__avatar img {
            display: block;
            border: none;
            border-radius: 64px;
        }

    /**THREAD POST [AUTHOR NAME]*/
        .thread .cmtname,
        .thread .cmtname a {
            color: #1F232F;
            font-size: 18px;
            font-weight: bold;
        }
        .thread .cmtname__name {
            line-height: 1;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
            max-width: 420px;
        }
    /* THREAD POST DATE*/
        .thread .cmtdate {
            font-size: 12px;
            margin-left: 8px;
        }
    /**THREAD POST [TEAMS]*/
        .thread .cmtteams {
            display: inline;
            color: #888F9F;
            font-size: 12px;
            margin-left: 8px;
        }
    /**THREAD POST [BODY]*/
        .thread .cmtbody {
            margin-top: 25px;
            word-break: break-word;
        }
        .cmtbody__post {
            line-height: 1.6;
            font-size: 15px;
        }
        .cmtbody__post img {
            max-width: 100%;
        }
    /**THREAD POST [TOOLS]*/
        .thread .cmttools {
            position: absolute;
            top: 0;
            right: -20px;
        }
        .thread .cmttools .bttn-icon {
            display: none;
            float: left;
            margin-top: 0;
            padding-left: 0;
            padding-right: 0;
            padding-top: 8px;
            min-width: 30px;
            color: #EEF0F3;
            box-shadow: none;
        }
        .thread .post:hover .cmttools .bttn-icon {
            display: block;
        }
        .thread .cmttools .bttn-icon {
            text-decoration: none;
        }
        .thread .cmttools .bttn.bttn-icon:hover {
            text-decoration: none;
            opacity: 1;
            color: #1F232F;
        }
        .thread .post:hover .cmttools .bttn-icon.disabled,
        .thread .cmttools .bttn-icon.disabled:hover{
            color: #EEF0F3;
        }
        .thread .div_NewPostBttn {
            position: relative;
            margin-top: -30px;
            padding-bottom: 70px;
        }
        .thread .div_NewPostBttn .bttn-block {
            margin: 0;
        }
    /**THREAD POST [NON-MOD]*/
        .cmtauthor__name-team {
            display: flex;
            align-items: baseline;
            flex-grow: 1;
            margin-left: -12px;
        }
    /**USER MANAGEMENT - USER COMMENTS*/
    .thread .post.nocomment .cmtuser {padding: 28px 20px 25px;}
    /**FORUM - THREAD*/
        .forum .commentarea {
            padding: 20px;
            margin: 0 -70px -70px;
        }
    /**THREAD DISPLAYED IN LIGHTBOX*/
        /*
            This negates excessive top whitespace
            when thread is displayed inside the
            lightbox.
            Also removes excessive top border.
        */
        .ui-dialog .thread .post:first-child {
            margin-top: -20px;
            border-top: none;
        }
/**THREAD POST - USER PERFORMANCE COMMENTS*/
    .posts--user-perform .post {
        padding: 20px;
    }
    .posts--user-perform .cmtdate {
            float: none;
    }
    .posts--user-perform .cmttools {
        display: none;
        background-color: #000;
        left: auto;
        right: 0;
    }
    .posts--user-perform .cmttools:after {
        content: "";
        display: table;
        clear: both;
    }
    .posts--user-perform .post .cmtuser .cmttools a {
        color: #fff;
        padding: 5px 10px 5px;
        display:block;
        float:left;
    }
    .posts--user-perform .post.hasrank.nocomment .cmtuser .cmttools a {
        color: #fff;
    }
    .posts--user-perform .post .cmtuser .cmttools a:hover,
    .posts--user-perform .post .cmtuser .cmttools a:focus,
    .posts--user-perform .post .cmtuser .cmttools a:active {
        color: #fff;
        text-decoration: none;
        background: #1F232F;
    }
    .posts--user-perform .cmtname {
        float: left;
    }
    .posts--user-perform .cmtname,
    .posts--user-perform .cmtname a {
        font-size: 15px;
    }
    .posts--user-perform .cmtavatar {
        float: left;
        margin-right: 10px;
    }
    .posts--user-perform .cmtavatar + .cmtuser .cmtnamedate {
        margin-top: 7px;
    }
    .posts--user-perform .cmtavatar + .cmtuser .cmtbody {
        margin: 10px 0 0 42px;
        padding-bottom: 5px;
    }
    /**NO COMMENT*/
    .posts--user-perform .post.hasrank.nocomment {
        padding: 10px 20px;
    }
    .posts--user-perform .post.hasrank.nocomment .cmtavatar + .cmtuser .cmtnamedate {
        margin-top: 0;
    }
    .posts--user-perform .post.hasrank.nocomment .cmtuser {
        padding: 0;
    }

/**THREAD PREVIEW*/
    .forumpreview .cmtmodpill {
        margin-top: 5px;
    }

/**DYNAMIC FORM - BOTH COLUMN - LABEL ELEMENT*/
.feedbacktitlelarge label {font-size: 20px; font-weight: 600;}
/**DYNAMIC FORM - BOTH COLUMN - LABEL ELEMENT - BACKLIT TITLE*/
.form-dynamic .feedbacktitlelit label {margin:0;}
.form-dynamic .feedbacktitlelit+.form-elem-row-desc .wysiwyg-contents-inner {margin-top: 10px!important;}
.form-dynamic .feedbacktitlelit+.form-elem-row-desc .wysiwyg-contents-inner > p:first-child{margin-top: 0;}
/**DYNAMIC FORM - BOTH COLUMN - LABEL ELEMENT - HIDDEN TITLE*/
.form-dynamic .feedbacktitlehide {display:none;}
/**DYNAMIC FORM - DOUBLE COLUMN - VALIDATION ERROR*/
.form-err-row [class*="feedbackcontrol"] input,
.form-err-row [class*="feedbackcontrol"] select,
.form-err-row [class*="feedbackcontrol"] textarea
{background-color: #fdf7f7!important;border-color:#D95151!important;}
.form-err-row [class*="feedbackcontrol"] select {color: #D95151!important;}
.form-err-row [class*="feedbackcontrol"] input[type="text"]:focus,
.form-err-row [class*="feedbackcontrol"] textarea:focus,
.form-err-row [class*="feedbackcontrol"] select:focus
{box-shadow: var(--shadow-element-error-focus-blocky) !important;}
/**DYNAMIC FORM - ADMIN FORM MODIFY MODE*/
.formtypeedit .hidden .feedbacktitle label {
    margin: 10px 0 5px 0;
}
.formtypeedit .hidden .feedbackcontrol {
    padding-bottom: 0;
}
.additems {padding: 5px; margin-bottom: 5px; text-align: center; width: 98%; margin-top: 3px;}
.additems a {
    padding: 9px 24px;
    color: #80848E!important;
    background: url("/images/css/th.png");
    border: 1px solid #D8DCE5;
    border-top: 0;
    -webkit-border-radius: 0 0 5px 5px;
    -moz-border-radius: 0 0 5px 5px;
    border-radius: 0 0 5px 5px;
    text-shadow: 0 1px 0 #FFF;
    box-shadow: 0 0px 1px rgba(0,0,0,0.2);
}
.additems a:hover, .additems a:focus {
    text-decoration: none;
    background: url("/images/css/th-hover.png");
}

/**CONTENTS - EDITABLE*/
.content-editable input[type="text"] {width:100%;}
/**CONTENTS - BODY*/
.content-body .wysiwyg-contents-inner > p:last-child {margin-bottom:0;}
/**C12 UTILITY CLASSES*//*TODO: PHASE OUT OLDER ONES AND REPLACE WITH THE NEW CSS WITH BETTER NAMING CONVENTION*/
.align--left {text-align: left!important;}
.align--right {text-align: right!important;}
.align--center {text-align: center!important;}
/**C12 DYN FORM ELEM - RATING SCALE*/
.formelm-rs__inner {text-align: center;}
.formelm-rs__row-label-top {padding: 0 0 10px 0;}
.formelm-rs__row-label-btm {padding: 10px 0 0;}
.formelm-rs__inputs label {
    display: block;
    width: 100%;
    text-align: center;
    padding: 10px 0;
    margin: 0;
    line-height: 1;
    position: relative;
    font-weight: normal;
    background: #F7F8F9;
    border: 1px solid #D8DCE5;
    border-radius: var(--border-radius-full);
    box-shadow: var(--shadow-element-blocky);
}
.form-dynamic-tbl[data-form-mode="viewing-mixed"] .formelm-rs__inputs label,
.form-dynamic-tbl[data-form-mode="submit"] .formelm-rs__inputs label {
    cursor: pointer;
}
.formelm-rs__field--na {background: #C9CEDB;}
.formelm-rs__complabel {padding-left: 10px;min-width: 80px;}
.formelm-rs__complabel:first-child {padding-left: 0;padding-right: 10px;text-align: right;}
.has-labeltop .formelm-rs__complabel {padding-top: 28px;}
.elem-title--backlit label {color: inherit;}
 /*New Rating Scale Styles */
.formelm-rs__inputs input {
    /*NOTE: THIS IS A TEMP SOLUTION, THERE IS A KNOWN ISSUE CON-6114/CON-5995*/
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    margin: 0;
    cursor: pointer;
}
.formelm-rs__field-num {
    display:none;
}
.formelm-rs__inputs .td {
    border: 5px solid #fff;
}
.formelm-rs i {
    font-size: 14px;
}
.formelm-rs [data-status="notselected"] {
    color: #888F9F;
}
.formelm-rs [data-status="notselected"] i {
    color: #888F9F;
}

/*Hover Animations*/
.form-dynamic-tbl[data-form-mode="building"] .formelm-rs [data-status="notselected"]:hover,
.form-dynamic-tbl[data-form-mode="viewing-mixed"] .formelm-rs [data-status="notselected"]:hover,
.form-dynamic-tbl[data-form-mode="submit"] .formelm-rs [data-status="notselected"]:hover,
.form-dynamic-tbl[data-form-mode="building"] .formelm-rs [data-status="notselected"]:hover i
.form-dynamic-tbl[data-form-mode="viewing-mixed"] .formelm-rs [data-status="notselected"]:hover i
.form-dynamic-tbl[data-form-mode="submit"] .formelm-rs [data-status="notselected"]:hover i {
  -webkit-transition:all .1s linear;
  -webkit-animation:all .1s linear;
  animation:all .1s linear;
  background: #C9CEDB;
  color: #fff;
}
/**SHOW/HIDE CORRECT FA ICON*/
.formelm-rs [data-status="notselected"] .fa-check-circle {
    display: none;
}
.formelm-rs [data-status="selected"] .fa-circle {
    display: none;
}
/**NUMBER, IF SHOWN*/
.formelm-rs[data-label-type="num"] .formelm-rs__icon-set {
    display: none;
}
.formelm-rs[data-label-type="num"] .formelm-rs__field-num {
    display: block;
}

/**QUICK INVITE */
    #div_quickadd_nav.pane .section,
    [id*="div_quickemail"].pane .section {
        margin: 35px 0;
    }

/**QUICK INVITE - LOOK UP BY NAME*/
    #lookup__table-container {
        position: absolute;
        top: 49px;
        left: 0;
        z-index: 100;
        background: #fff;
        box-shadow: 0 1px 20px rgba(0, 0, 0, 0.3);
        width: 720px;
    }
    #lookup__table-container .rowheader .td {
        padding-top: 20px;
        text-align: center;
    }
    #lookup__table-container .rowempty .td {
        border-radius: 0;
    }
    #lookup-container {
        position: relative;
        margin-bottom: 10px;
    }
    #lookuplink {
        float: right;
    }
    .lookup-add {
        font-size: 20px;
    }
    .lookup-add .fa-plus.new,
    .lookup-add .fa-check {
        color: #72bb53;
    }
    .lookup-add .fa-plus.off {
        color: #888F9F;
    }
    .lookup-add .fa-plus.invited {
        color: #fec63d;
    }


/**QUICK INVITE - FORM ERROR*/
    #div_quickadd_nav .form-req.form-err .form-control {
        height: auto;
    }

/**QUICK INVITE - RECRUITMENT URL */
    #div_quickadd_nav .recruitment-url {
        font-size: 18px;
        font-weight: 600;
        text-align: center;
    }

/**INTERACTIVE EMAIL PREVIEW - SHARED*/
    .InvPreview-outer {
        margin-left: -20px;
        margin-right: -20px;
    }

    /*SEND INVITATION WITH DEFAULT EMAIL MESSAGE*/
        /*SHOW DEFAULT UI*/
        #InvitationPreview[data-mode="default"] [data-type="default"],
        #ExtInvitationPreview[data-mode="default"] [data-type="default"],
        [data-container="notify-invitation-preview"][data-mode="default"] [data-type="default"] {
            display: block;
        }
        /*HIDE CUSTOMIZE UI*/
        #InvitationPreview[data-mode="default"] [data-type="custom"],
        #ExtInvitationPreview[data-mode="default"] [data-type="custom"],
        [data-container="notify-invitation-preview"][data-mode="default"] [data-type="custom"] {
            display: none;
        }

    /*SEND INVITATION WITH CUSTOM EMAIL MESSAGE*/
        /*SHOW CUSTOMIZE UI*/
        #InvitationPreview[data-mode="customize"] [data-type="custom"],
        #ExtInvitationPreview[data-mode="customize"] [data-type="custom"],
        [data-container="notify-invitation-preview"][data-mode="customize"] [data-type="custom"] {
            display: block;
        }
        /*SHOW DEFAULT UI*/
        #InvitationPreview[data-mode="customize"] [data-type="default"],
        #ExtInvitationPreview[data-mode="customize"] [data-type="default"],
        [data-container="notify-invitation-preview"][data-mode="customize"] [data-type="default"] {
            display: none;
        }

/**INTERACTIVE EMAIL PREVIEW - QUICK INVITE*/
    /*DON'T SEND INVITATION*/
        /*SUPPRESS INVITATION = FALSE (DEFAULT)*/
        #InvitationPreview[data-is-disabled="false"] [data-content="suppressinfo"] {
            display: none;
        }
        /*SUPPRESS INVITATION = TRUE*/
        #InvitationPreview[data-is-disabled="true"] [data-content="suppressinfo"] {
            display: block;
        }
        #InvitationPreview[data-is-disabled="true"] [data-content="invitation"],
        #InvitationPreview[data-is-disabled="true"] [data-js-btn="messageMode"] {
            display: none;
        }
    /**EXTERNAL USER SOURCE ADJUSTMENT*/
    #ExtInvitationPreview .section-content {
        padding: 10px;
    }

/**DYNAMIC FORM - PREVENT SIZE ATTR ON INPUT ELEMENTS FROM EXCEEDING PARENT WIDTH
    /*NOTE: [EZ] Updated- assigning default to block and using a FireFox exception to adjust styles appropiately on that browser only.*/
    .form-dynamic-tbl fieldset {
        display: block;
    }
    @-moz-document url-prefix() {
        .form-dynamic-tbl fieldset {
         display: table-cell;
        }
    }

/**MACRO PREVIEW*/
    /*
        This is not intended for global usage. Remove these styles when
        the global .bttn-group-row is refactored and UI recieving these
        styles are refactored to match html patterns necessary for it.
    */
    .macropreview {
        /*positioning*/
        display: inline-table;
        width: auto;
        margin-left: 10px;
        /*alignment*/
        vertical-align: middle;
    }
    .macropreview__item {
        /*positioning*/
        position: relative;
        display: table-cell;
        vertical-align: middle;
        /*whitespace-inner*/
        line-height: 1;
        padding: 7px 8px 6px;
        /*borders*/
        border-radius: var(--border-radius-full);
        border: 1px solid #D8DCE5;
        /*background*/
        background-color: #fff;
        /*formatting*/
        font-size: 13px;
        font-weight: bold;
        text-transform: uppercase;
    }
    .macropreview__item:first-child {
        /*borders*/
        padding-left: 10px;
        border-top-right-radius: 0;
        border-bottom-right-radius: 0;
        border-right: none;
    }
    .macropreview__item:last-child {
        /*borders*/
        padding-right: 10px;
        border-top-left-radius: 0;
        border-bottom-left-radius: 0;
        border-left: none;
    }
    .macropreview__item + .macropreview__item:before {
        content: "";
        /*positioning*/
        position: absolute;
        top: 0;
        left: 0;
        /*dimensions*/
        height: 100%;
        /*borders*/
        border-right: 1px solid #D8DCE5;
    }
    /**MACRO PREVIEW ITEM - ACTIVE STATE*/
    .macropreview__item.is-active {
        /*formatting*/
        color: #676D7E;
        /*background*/
        background-color: #E4E6EC;
        /*shadow - inner*/
        -webkit-box-shadow: inset 0 3px 5px rgba(0,0,0,.125);
        box-shadow: inset 0 3px 5px rgba(0,0,0,.125);
    }

/**QRCODE LAZY LOAD*/
    /*
        This is not yet designed for global usage. Implemented to handle
        delayed loading of QR code image due to slow network connections.
    */
    .qrcode {
        /*border*/
        border: 1px solid #E4E6EC;
        border-radius: var(--border-radius-md);
        background-clip: padding-box;
        /*dimensions*/
        height: 300px;
        width: 300px;
        /*background*/
        background: url('../images/css/loader.gif') no-repeat center;
        background-color: #F7F8F9;
    }

    .qrcode-img {
        display: none;
        border-radius: var(--border-radius-md);
        /*dimensions*/
        max-height: 100%;
        max-width: 100%;
    }

    /**EMAIL BODY PREVIEW*/
    .email-body-preview {
          border-radius: 3px;
          border: 1px solid #EEF0F3;
    }

/**PAGETOPBAR WITH CONTENTS*/
    /*NOTE: Intentionally placed here because these need to be
     *declared at a later timing based on cascading behavior of css */
    /*TODO: These are not good patterns, refactor at a later time */
    .pagetopbar .form-group {
        padding: 20px;
        background: #FFF;
        border-radius: 3px;
    }
    .pagetopbar .bttn-block {
        margin-top: 0;
        margin-bottom: 20px;
    }
    .pagetopbar .bttn-block.fbvotetxt {
        padding: 15px 16px;
    }
    .pagetopbar .info-md {
        padding: 12px 20px;
    }



/*SEND INVITATION WITH DEFAULT EMAIL MESSAGE FOR QUICK EMAIL ANNOUNCE/REMIND*/
    span.icon-activity-notification {cursor: pointer;}

    /*SHOW ANNOUNCE UI*/
    #aj_activitynotification #ANBody[data-mode="custom"] [data-type="custom"],
    #aj_activitynotification #ANBody[data-mode="default"] [data-type="default"] {
        display: block;
    }
    /*HIDE REMIND/CUSTOMIZE UI*/
    #aj_activitynotification #ANBody[data-mode="custom"] [data-type="default"],
    #aj_activitynotification #ANBody[data-mode="default"] [data-type="custom"]
    {
        display: none;
    }

/**ADJUSTMENTS FOR ARTICLE CONTENTS*/
    /*NOTE: this addresses whitespace issues caused by older methods
     *      producing dynamic output where parent method is unable to
     *      adjust whitespace based on final output*/
    [data-cont="agreement-submitted"] + [data-cont="file-attachments"] {
        margin-top: -20px;
    }

/**SPECIAL UTILITY CLASS FOR PDF*/
    [data-pdf-padding][data-pdf-type="agreement"] .agreement-banner {
        padding: 20px 40px;
        background: #fff;
        color: #111!important;
        border-bottom: 1px solid #676D7E;
        border-radius: 0;
    }
    [data-pdf-padding][data-pdf-type="agreement"] .cc-editor-cont--output-outer {
        padding: 40px;
    }

/**END OF STYLES**/

/**WELL HIDDEN*/
    .well.hidden,
    .well--hidden {
        padding: 20px 70px;
        margin-left: -70px;
        margin-right: -70px;
    }
    .well--hidden {
        background-color: #EEF0F3;
    }
    .well--hidden .well--hidden {
        padding: 0;
        margin-left: 0;
        margin-right: 0;
    }
    tr.form-checkbox > td.item > div > .well--hidden {
        margin-bottom: 10px;
    }
    .well--hidden .submitbtns {
        margin-left: -11px;
        margin-right: -11px;
        margin-bottom: -11px;
        margin-top: 11px;
    }
    .well-group .well--hidden + .well--hidden {
        border-top: 1px solid #d8d8d8;
    }
    /*WELL HIDDEN - WIDTH FULL*/
    .well--hidden.well--widthFull {
        margin: 0 -20px 0 -20px;
        padding-left: 20px;
        padding-right: 20px;
        border-radius: 6px;
    }
    /*WELL HIDDEN - BORDER TOP*/
    .well--hidden.well--borderTop {
        border-top: 1px solid #d8d8d8;
    }

    .well--hidden.well--padBottom {
        padding-bottom: 70px;
    }

    .well--hidden.well--input-fullWidth input {
        width :100%;
    }

    .well-rounded {
        margin: 10px 0;
        padding: 10px 30px;
        background-color: #EEF0F3;
        border: #EEF0F3 solid 1px;
        border-radius: var(--border-radius-lg);
        align-items: center;
    }

    /**WELL HIDDEN - STATUS*/
    [data-ui-hidden-status="hidden"] {
        display: none;
    }
    .section [data-ui-hidden-status] {
        margin-left: -20px;
        margin-right: -20px;
        padding: 20px;
    }

    #unavailableBlock .well {
        margin-top: 20px;
        margin-bottom: 0px;
    }

    #editvalueBlock .well {
        margin-bottom: 0px;
    }

    .well.hidden.refresh-interval {
        padding-bottom: 40px;
    }

    .well.hidden.refresh-interval .form-item {
        float: none;
    }

/**IF YOU'RE ADDING STUFF BELOW THIS LINE IT'S BECAUSE YOU HAVEN'T FOUND A HOME FOR IT*/

/**LISTENER TYPE OPTIONS*/
        .MacroListener-macro { display: none; }
        .MacroListener-comment { display: none; }
        .MacroListener-ext-data { display: none; }
        .MacroListener-api-key { display: none; }
        .MacroListener-access-listener { display: none; }
    /**TEMPLATE CHOOSE*/
        .MacroListener[data-js-listener="macro"] .MacroListener-macro { display: block; }
        .MacroListener[data-js-listener="macro"] .MacroListener-api-key { display: block; }
        .MacroListener[data-js-listener="macro"] .MacroListener-access-listener { display: block; }
    /**TEMPLATE CREATE*/
        .MacroListener[data-js-listener="itemcomment"] .MacroListener-comment { display: block; }
        .MacroListener[data-js-listener="itemcomment"] .MacroListener-api-key { display: block; }
        .MacroListener[data-js-listener="itemcomment"] .MacroListener-access-listener { display: block; }
    /**TEMPLATE SELECTED*/
        .MacroListener[data-js-listener="externaldata"] .MacroListener-ext-data { display: block; }
        .MacroListener[data-js-listener="externaldata"] .MacroListener-api-key { display: block; }
        .MacroListener[data-js-listener="externaldata"] .MacroListener-access-listener { display: block; }

/**FEEDBACK EXTERNAL SOURCE*/
    /**DEFAULT SUBMITTER*/
    .FbExtSrcWorkflow[data-ui-wrkflw-fields] .FbExtSrcWorkflow-defaultSubmitter { display: none; }
    .FbExtSrcWorkflow[data-ui-wrkflw-fields="multiple"] .FbExtSrcWorkflow-defaultSubmitter { display: block; }

/** Break All Class */
.break-all {
    word-break: break-all;
}

/**Feature Cards**/
.feature-card {
    display: flex;
    padding: 20px;
    background-color: #EEF0F3;
    border: #EEF0F3 solid 1px;
    border-radius: var(--border-radius-lg);
    align-items: center;
}
.feature-card-icon {
    font-size: 60px;
    color: #AAB1C1;
    padding: 5px 20px 5px 0;
    margin-right: 20px;
    border-right: #AAB1C1 solid 2px;
    align-self: stretch;
    display: flex;
    align-items: center;
}
.feature-card-content {
    font-size: 18px;
    line-height: 1.6;
}

.feature-card-buttons {
    display: flex;
    flex-wrap: nowrap;
    margin-right: 20px;
}

.feature-card-buttons .bttn {
    color: #fff;
    line-height: 1.5;
    margin: 0px;
}
.feature-card-buttons .bttn+.bttn {
    margin-left: 10px;
}
.feature-card-buttons i {
    font-size: 36px;
    display: block;
}

[data-feature-card="phase-ending"] {
    display: none;
}

.feature-view .activity-container {
    margin-left: -70px;
    margin-right: -70px;
    margin-bottom: -40px;
}

.feature-view .hero-image-container {
    margin-bottom: 70px;
}

.feature-view .activity-container .activity-step {
    padding: 40px 70px 40px 70px;
    border-top: 1px #E4E6EC solid;
}

.feature-view .activity-container .activity-step:first-child,
.feature-view .resource-view .resource-view-item-container:first-child {
    padding-top: 0;
    border: none;
}

.feature-view .resource-view .resource-view-item-container:last-child {
    padding-bottom: 70px;
}

.feature-view .resource-view:has(.resource-view-item-container)+.activity-container .activity-step:first-child {
    padding-top: 40px;
    border-top: 1px #E4E6EC solid;
}

.feature-view.edge-to-edge .resource-view-item-container:has(.cc-editor-cont) {
    padding:0;
    margin-top: 0;
    margin-bottom: 0;
}

.feature-view .activity-container .activity-step .form-item-title,
.feature-view .activity-container .activity-step .form-item-title .alpha {
    font-size: 26px;
    font-weight: 600;
}

.feature-view .activity-container .activity-step .form-item-title {
    margin-top: 0;
}

.feature-view .activity-container .activity-step .form-radio-group .form-item-title .alpha {
    margin-bottom: 20px;
}

.feature-view .activity-container .activity-step .br-theme-fontawesome-stars  {
    margin-top: 10px;
}

.feature-view .checkbox-list-container {
    border: 1px solid #EEF0F3;
    border-radius: 10px;
    overflow: hidden;
}

.feature-view .checkbox-list-container .highlighted {
    background-color: #EEF0F3;
}

.feature-view .checkbox-list-container .feedback-date {
    width: 15%;
    font-size: 15px;
    margin-top: 1px;
}

.feature-view .checkbox-row-container {
    padding: 10px 20px;
}

.feature-view .checkbox-row-container .form-radio {
    display: flex;
    align-items: center;
}

.feature-view .checkbox-row-container .form-radio input[type=radio],
.feature-view .checkbox-row-container .form-radio label {
    vertical-align: middle;
}

.feature-view .checkbox-row-container:not(:last-child) {
    border-bottom: 1px solid #EEF0F3;
    display: flex;
    justify-content: space-between;
    align-items : center;
}

.feature-view .checkbox-row-container label {
    cursor: pointer;
    padding: 5px 0;
}

.feature-view .checkbox-row-container input[type=radio] {
    margin-right: 10px;
}

[data-container="SatisfactionRating"] select {
    display: none;
}

.br-theme-fontawesome-stars .br-widget {
     white-space: nowrap;
}
.br-theme-fontawesome-stars .br-widget i {
     font-size:  48px;
     cursor: pointer;
}
 .br-theme-fontawesome-stars .br-widget i {
     color: #e4e6ec;
}
 .br-theme-fontawesome-stars .br-widget i.br-active {
     color: #E5B838;
}
 .br-theme-fontawesome-stars .br-widget i.br-selected {
     color: #E5B838;
}
 .br-theme-fontawesome-stars .br-widget .br-current-rating {
     display: none;
}
 .br-theme-fontawesome-stars .br-readonly i {
     cursor: default;
}

.fa-star.active {color: #ffa834;}
.fa-star.inactive {color: #C9CEDB;}

#templatelink {
    float: right;
    display: inline-block;
}
#templatelink .fa-file-excel {
    margin-right: 10px;

}

#PhaseLength .form-datepicker {
    float: none;
}

.pagetools .tool.hide {
    display: none;
}

.pagetools .tool .loading, .pagetools .tool .toggle {
    display: none;
}

.reportview .pagetools .loading {
    display: flex;
}

.reportview .pagetools .loading img {
    display: inline;
    height: 15px;
    width: 15px;
    margin: -3px 0 0 0;
}

.reportview .pagetools a {
    padding: 10px 10px 8px;
}

.reportview .pagetools .toggle {
    display: none;
}

.reportview .pagetools.interactive-ready .toggle {
    display: block;
    float: left;
}

.reportview .pagetools.interactive-ready .loading {
    display: none;
}

#dashboarditem .row:not(.rowoff) i.fa-circle {
    color: #8EAC13;
}

#dashboarditem .row.unused i.fa-circle {
    color: #f8c735;
}

#dashboarditem .row.unused.rowoff i.fa-circle {
    color: #c0c0c0;
}

.import-quote {
    display: flex;
    align-items: center;
    justify-content: center;
    margin: auto;
    font-size: 18px;
    font-style: italic;
    padding: 20px 0;
    width: 75%;
}

/* FEEDBACK CARD */
    /* Feedback Card state ajustments */
    [data-item-expanded="false"] [data-item-hidden-container] {
        display: none;
    }
    [data-item-expanded="false"] [data-item-expand-bttn] .fa-chevron-circle-up {
        display: none;
    }
    [data-item-expanded="true"] [data-item-expand-bttn] .fa-chevron-circle-down {
        display: none;
    }

    /* Feedback Card comment count */
    .comment-count-button:after {
        content: "";
        height: 45px;
        width: 70px;
        position: absolute;
        top: 0;
        left: 0;
        background-image: url('/images/css/comment_whitebg.svg');
        background-repeat: no-repeat;
        background-size: 100%;
    }

    button.comment-count-button:hover:after,
    button.comment-count-button:focus:after {
        background-image: url('/images/css/comment_graybg.svg');
    }

    /* Feedback Card Avatar */
    .avatar.avatar-border {
        border: 3px solid #fff;
    }


    /* Feedback Card Description */
    .fb-admin-card .fb-card-description {
        margin-left: 158px;
    }

    .fb-tester-card .fb-card-description {
        margin-left: 103px;
    }

    .fb-card-description div {
        max-width: 860px;
    }

    /* Page Layout Adjustments */
    [data-page-width="default"] .fb-card-description {
        margin-left: 0;
    }

    [data-page-width="default"] .last-comment-info {
        display: none !important;
    }

    /* Screen Size Adjustments */
    @media (max-width: 1097px) {
        [data-page-width="full"] .fb-card-description {
            margin-left: 0;
        }

        [data-page-width="full"] .last-comment-info {
            display: none !important;
        }
    }

.account-verification-break {
    padding: 0 70px 0 70px;
}

.resource-view-item-container + .account-verification-break {
    margin-top: 40px;
}

.account-row {
    display: flex;
}
.account-item {
    padding-top: 20px;
    width: 100%;
}
/* todo: better selector */
.account-item ~ .account-item {
    margin-left: 20px;
}


/** New Address Styling */
[data-address-details] {
    background: #EEF0F3;
    padding: 20px;
}
.sameaddress {
    position: absolute;
    right: 70px;
}
.useraccount.general i {
    color: #c9cedb;
    font-size: 1.25em;
}
.useraccount.general .input-group-addon {
    color: #c9cedb;
    font-size: 18px;
    background-color: #f7f8fa;
}
[data-address-suggestions] {
    position: absolute;
    list-style-type: none;
    padding-inline-start: 0px;
    left: 0;
    margin: 0;
    width: 100%;
    text-align:left;
    background-color: #fff;
    z-index: 1;
    box-shadow: 0 3px 8px 0px rgba(10, 14, 29, 0.04), 0px 8px 24px 0px rgba(10, 14, 29, 0.08);
}
.suggestion-notes {
    display: flex;
    flex-direction: row-reverse;
    border-top-width: 2px;
    padding: 4px 10px;
}
.suggestion {
    padding: 10px;
    cursor: pointer;
    margin: 0;
}
.suggestion:hover, .suggestion.selected {
    background-color: #EEF0F3;
}
.address-button {
    position: absolute;
    top: 7px;
    bottom: 7px;
    right: 8px;
    padding: 6px 14px;
    border-radius: 100px;
    font-size: 14px;
}
[data-address-input] {
    border-top-left-radius: 0!important;
    border-bottom-left-radius: 0!important;
    border:  1px solid #D8DCE5!important;
}
[data-address-input][disabled] {
    color: #898989!important;
    background-color: #EEF0F3!important;
}
[data-address-combobox] {
    display: flex;
    flex-direction: column;
}

[data-phone-verified="true"] .not-valid,
[data-phone-verified="true"] .valid,
[data-phone-verified="false"] #phone-verified {
    display: none!important;
}
[data-phone-valid="true"] .not-valid,
[data-phone-valid="false"] .valid {
    display: none;
}
[data-phone-valid="true"] .valid,
[data-phone-valid="false"] .not-valid {
    display: inline-block;
}

#phone-input.empty i,
#phone-input.empty button {
    display: none;
}
#phone-input i,
#phone-input button {
    position: absolute;
    top: 5px;
    right: 8px;
    width: 34px;
    padding: 9px 9px;
    border-radius: 100px;
    text-align: center;
    font-size: 1em!important;
    border: 0!important;
}
.form-item input#phone {
    min-width: 175px;
    padding: 0px 50px 0px 10px;
}
.form-item input.verify-phone {
    height: 80px;
    font-size: 40px;
    font-weight: bold;
    text-align: center;
    padding-right: 10px;
    width: 150px;
}

#phone.readonly {
    background-color: #E4E6EC;
    pointer-events: none;
    box-shadow: none;
}

#phone-country-code[disabled],
.input-group-addon.disabled {
    background-color: #E4E6EC !important;
    box-shadow: none;
}

a.disabled {cursor: not-allowed;}

[data-phase-type="Onboarding"],
[data-phase-schedule-type="Onboarding"] [data-day-period="past"],
[data-phase-schedule-type="Onboarding"] [data-day-period="live"] {
    background-color: #15889f;
}

[data-phase-type="Engagement"],
[data-phase-schedule-type="Engagement"] [data-day-period="past"],
[data-phase-schedule-type="Engagement"] [data-day-period="live"] {
    background-color: #129c7d;
}

[data-phase-type="Closure"],
[data-phase-schedule-type="Closure"] [data-day-period="past"],
[data-phase-schedule-type="Closure"] [data-day-period="live"] {
    background-color: #7759a1;
}

[data-phase-type="nophase"] {
    background-color: #aab1c1;
}

[data-period="unpublished"]:not([data-phase-type="nophase"]),
[data-phase-schedule-type="Unpublished"] [data-day-period="past"],
[data-phase-schedule-type="Unpublished"] [data-day-period="live"] {
    background-color: #343a4d;
}

[data-day-period="future"] {
    background-color: #d8dce5;
}

.form-item-dob .form-control-date-m,
.form-item-dob .form-control-date-d,
#phone-country-name,
#phone-country-code {
    border-radius:0!important;
}


/** Project Home / Personal Dashboard */
.confidentiality-message {
    margin: -70px -70px 0 -70px;
    background: #606060;
}

/* CONTRASTING COLORS CLASSES */
.text-light {
    color: #fff!important;
    opacity: .8;
}

.text-dark {
   color: #1F232F!important;
   opacity: .8;
}
/*----------------------------*/

.template-source + .InlineHelp {
    margin-top: -30px;
    margin-bottom: 40px !important;
}

.template-source + .InlineHelp .InlineHelp-outer {
    border-radius: 0;
}

[data-ui-entity=form-dynamic] .confirm-container {
    padding: 70px;
    background: #fff;
}

[data-ui-entity=form-dynamic] #lightbox .confirm-container {
    padding: 0;
    line-height: 1.6;
}

select[name=simpfeature] {
    max-width: 250px !important;
}

/* FORM STATUS INTENT COLOR CLASSES */
.feedback-status-intent--awaiting-discussion {
    background-color: #36A5B6;
    color: #fff;
}

.feedback-status-intent--closed {
    background-color: #8A74B4;
    color: #fff;
}

.feedback-status-intent--exclude {
    background-color: #676C7F;
    color: #fff;
}

.feedback-status-intent--fixed {
    background-color: #6785B9;
    color: #fff;
}

.feedback-status-intent--fix-pending {
    background-color: #E777C9;
    color: #fff;
}

.feedback-status-intent--need-information {
    background-color: #006D86;
    color: #fff;
}

.feedback-status-intent--new {
    background-color: #32B589;
    color: #fff;
}

.feedback-status-intent--no-intent {
    background-color: #343A4D;
    color: #fff;
}

.feedback-status-intent--under-review {
    background-color: #E5B83D;
    color: #fff;
}

.feedback-status-intent--working {
    background-color: #E88945;
    color: #fff;
}

/* UPGRADE SUCCESS STYLE CLASSES */
.success-status {
    display: flex;
    justify-content: center;
    align-items: center;
    background-color:#7759A1!important;
    color: #fff!important;
    font-size: 28px;
    padding: 80px 0 80px 0;
    border-radius: 30px;
}

a.success-status {
    text-decoration:  none;
}

.audience-and-builder-display h5 {
    font-size: 22px;
    margin-bottom: 20px;
}

/* Quick Feedback Update */
.feedback-card-loading-overlay {
    position: absolute;
    display: none;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(255,255,255,0.5);
    z-index: 2;
    cursor: pointer;
}

.quick-feedback-update-form div:not(:first-child) {
    margin-top: 10px;
}

.quick-feedback-update-form hr {
    border-bottom: 1px solid #E4E6EC;
    margin: 10px auto;
    width: 60%;
}

.quick-reply-container .grow-wrap {
    /* easy way to plop the elements on top of each other and have them both sized based on the tallest one's height */
    display: grid;
}

.quick-reply-container .grow-wrap::after {
    /* Note the weird space! Needed to preventy jumpy behavior */
    content: attr(data-replicated-value) " ";
    /* This is how textarea text behaves */
    white-space: pre-wrap;
    /* Hidden from view, clicks, and screen readers */
    visibility: hidden;
}

.quick-reply-container .grow-wrap > textarea {
    resize: none;
}

.quick-reply-container .grow-wrap > textarea,
.quick-reply-container .grow-wrap::after {
  /* Identical styling required!! */
    border: 1px solid #E4E6EC;
    padding: 12px 15px 12px;
    grid-area: 1 / 1 / 2 / 2;
    max-height: 100px;
    overflow: auto;
}

.quick-feedback-update-form .quick-reply-container .grow-wrap > textarea,
.quick-feedback-update-form .quick-reply-container .grow-wrap::after {
  /* Identical styling required!! */
    max-width: 250px;
}

.feedback-quick-update-select .select2-results {
    max-height: 300px;
}

.feedback-quick-update-select.select2-dropdown {
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
}

.feedback-quick-update-select .select2-results__group,
.feedback-quick-update-select .select2-results__option,
.quick-action-user-assignment-select .select2-results__option {
    padding-left: 16px;
}

.feedback-quick-update-select .select2-results__options--nested .select2-results__option {
    padding-left: 32px;
}

.feedback-quick-update-select.select2-dropdown,
.quick-action-user-assignment-select {
    z-index: 3;
}

.select2-container--default .feedback-quick-update-select ul.select2-results__options[role=listbox] {
    max-height: 300px;
}

.quick-feedback-update-form .select2-selection.select2-selection--single {
    background: #FFF;
}

.quick-feedback-update-form .select2-container--default .select2-selection--single {
    text-align: left;
}

.quick-feedback-update-form .quick-update-submit-button[disabled],
.quick-feedback-update-form .quick-update-submit-button[disabled]:hover,
.quick-feedback-update-form .quick-update-submit-button[disabled]:focus {
    background-color: #AAB1C1 !important;
    color: #C9CEDB !important;
    border: none !important;
}

/* THEME PREVIEW STYLES */
.theme-background-preview-container {
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: var(--border-radius-lg);
    margin-top: 35px;
    background-position: center center;
    background-size: cover;
    height: 200px;
    transition: all 0.2s linear;
    border: 1px solid #E4E6EC;
}

.theme-background-preview-container.expanded {
    height: 600px;
}

.theme-background-preview-container p {
    text-align: center;
    line-height: 1.6;
    margin: 0;
}

/* Engagement automation settings */
.engagement-preview-container {
    background-color: #EEF0F3;
    border: 1px solid #C9CEDB;
    border-radius: 9px;
    overflow: hidden;
    box-shadow: var(--shadow-element-blocky);
}

.engagement-preview-container > * {
    padding: 10px 20px 10px 20px;
}

.engagement-preview-container > *:not(:first-child) {
    border-top: 1px solid #C9CEDB;
}

.engagement-preview-header {
    background-color: #E4E6EC;
}

[data-custom-avatar-preview] .container {
    border-radius: 64px;
    height: 128px;
    width: 128px;
    background-color: #E4E6EC;
}

[data-custom-avatar-preview] img {
    border-radius: 50px;
    height: 100px;
    width: 100px;
    position: relative;
    top: 14px;
    left: 14px;
}

[data-eacolorpicker] {
    margin-top: 35px;
}
[data-eacolorpicker] label.sublabel {
    font-size: 16px;
}

[data-icon-id='question-hint'] {
    margin-left: 5px;
}

/* Resource admin */
.resource-element-outer:has(+ [data-advanced-display-options]) {
    margin-bottom: 35px;
}

.resource-element-outer + [data-advanced-display-options] {
    border-top: 1px solid #C9CEDB;
    margin-top: 35px
}

.resource-element-container {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
    grid-gap: 10px;
}

.resource-element-container div {
    display: flex;
    align-items: center;
}

.resource-element-container .form-checkbox {
    padding: 15px;
    border-radius: var(--border-radius-md);
    border: 1px solid #C9CEDB;
}

.resource-element-container .form-checkbox.disabled {
    background: #C9CEDB;
}

.resource-element-container .form-checkbox:not(.disabled),
.resource-element-container .form-checkbox.disabled[data-is-locked="True"]  {
    background: #EEF0F3;
    cursor: pointer;
}

.resource-element-container .form-checkbox:not(.disabled) label,
.resource-element-container .form-checkbox:not(.disabled) input[type="checkbox"],
.resource-element-container .form-checkbox.disabled[data-is-locked="True"] label,
.resource-element-container .form-checkbox.disabled[data-is-locked="True"] input[type="checkbox"] {
    cursor: pointer;
}

.resource-element-container .form-checkbox:not(.disabled):hover {
    background: #E4E6EC;
}

.resource-element-container [data-is-locked="True"] input[type="checkbox"] {
    accent-color: #888F9F
}

.resource-element-container .form-checkbox h5 {
    margin: 0;
}

.form-req .resource-element-container h5:after {
    content: none;
}

.resource-element-container .form-checkbox input[type="checkbox"] {
    margin: 0px 10px 0px 0px;
}

.resource-element-outer.form-err [data-display-id="InternalNotesSection"] label {
    color: #1F232F;
}

/* Resource view */
.hero-image-container {
    margin-left: -70px;
    margin-right: -70px;
    margin-top: -70px;
}

.hero-image-container img {
    height:auto;
    width: 100%;
}

.edge-to-edge .resource-view-item-container:has(.cc-editor-cont),
.edge-to-edge .resource-view-item-container:has(.resource-embed-container){
    margin-left: -70px;
    margin-right: -70px;
    margin-top: -70px;
    margin-bottom: -70px;
}

.resource-view-item-container,
.resource-view-item-container.section {
    padding-top: 70px;
    padding-bottom: 70px;
}

.page .resource-view:first-child .resource-view-item-container:first-child {
    padding-top: 0;
}

.resource-view-item-container+.resource-view-item-container {
    border-top: 1px solid #C9CEDB;
    padding-top: 70px;
}

.resource-view-item-container:last-child {
    padding-bottom: 0;
}

.resource-view-item-container .cc-editor-cont > p:last-child {
    margin-bottom: 0;
}

.inline-image-display:not(:last-child) {
    padding-bottom: 35px;
}

.inline-image-display img {
    height:auto;
    width: 100%;
    border-radius: var(--border-radius-lg);
}

.resource-view-item-title h5,
.resource-view-item-container .dv-outer h5 {
    font-size: 18px;
    font-weight: 700;
    padding-bottom: 10px;
}

.resource-view-item-title.internal h5 {
    color: #4B0E48;
}

.article-item .homepage-section-header .section-header {
    margin-bottom: 0;
}

.article-item .homepage-section-header + .resource-view-item-container {
    padding-top: 35px;
}

.article-item .homepage-section-header + .placeholder {
    margin-top: 35px;
}

.resource-embed-container iframe {
    width: 100%;
}

.form-checkbox-flex {
    display: flex;
    align-items: baseline;
}

.generation-success-container {
    display: flex;
    align-items: center;
    flex-direction: column;
    gap: 25px
}

.generation-success-body {
    font-size: 28px;
    text-align: center;
}

.autogrowTextAreaMinHeight {
    min-height: 122px;
}

.ai-setting-unlicensed label {
    color: #888F9F;
}

.input-container-full-width input.date {
    width: 100% !important;
}

.generate-test-plan-container input[type="checkbox"] {
    margin-right: 10px !important;
    margin-left: 2px !important;
}

.mirrored {
    transform: scaleX(-1);
}

kbd.shortcut {
    display: inline-block;
    border: 1px solid #ccc;
    border-radius: 4px;
    padding: 0.1em 0.5em;
    margin: 0 0.2em;
    box-shadow: 0 1px 0px rgba(0, 0, 0, 0.2), 0 0 0 2px #fff inset;
    background-color: #f7f7f7;
    font-size: 13px;
    line-height: 24px;
    min-width: 20px;
    text-align: center;
    color: black !important;
}

.grecaptcha-badge { 
    visibility: hidden; 
}

.ai-generation-status-container {
    display: flex;
    flex-wrap: wrap;
    background: #EEF0F3;
    padding: 70px;
    border-radius: 18px;
    margin: auto 30px;
    min-width: 700px;
}

.ai-generation-status-column {
    display: flex;
    flex-flow: column nowrap;
    flex-grow: 1;
}

.cc-inline-growl {
    display: inline-flex;
    align-items: center;
    margin-top: 5px;
    margin-bottom: 5px;
    font-size: 18px;
    color: #1F232F;
}

.cc-inline-growl-icon-circle {
    width: 42px;
    height: 42px;
    min-width: 42px;
    background-color: #C9CEDB;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 20px;
}

.cc-inline-growl-icon-circle i {
    font-size: 30px;
    color: #1F232F;
}

.cc-inline-growl.cc-item-pending {
    color: #888F9F;
}

.cc-inline-growl.cc-item-pending .cc-inline-growl-icon-circle {
    background: #C9CEDB;
}

.cc-inline-growl.cc-item-done .cc-inline-growl-icon-circle {
    background: white;
}

.cc-inline-growl.cc-item-pending i {
    color: #676D7E;
}

.cc-inline-growl.cc-item-done i {
    color: #32B588;
}