/**--------------------------------------------------------*/
/**GLOBAL COMPONENTS - TABLES*/
/* LISTTABLE
 * ---------
 * NOTE: Styles are organized into sections.
 * Please be mindful of this structure when
 * making changes.
 * LISTTABLE - LEGACY       : legacy code that needs to be cleaned up over time
 * LISTTABLE - LISTIN       : for old tables using .listin
 * LISTTABLE - BASE         : shared styles across newer tables
 * LISTTABLE - STRUCTURE    : styling for each stucture type (data, list, mgmt)
 * LISTTABLE - MODIFICATION : customzations necessary for specific contents/areas of the site
 */

    /* LISTTABLE - LEGACY
    * ------------------
    * NOTE: These set of styles are marked for clean up.
    * Whenever possible, clean up dead styles, fix
    * those that interfere with any new styles, and
    * improve styles that are unnecessarily high in
    * specificity or anything else that does not
    * does not reflect good practices and conventions.
    */
    /*-- LIST TABLE STRUCTURE [START] */
    /*-- List Table Structure - Td */
    .listouter .td {
        text-align: center;
        display: table-cell;
        vertical-align: middle;
    }

    /**PRIMARY*/
    .listouter .primary .title {
        overflow: hidden;
        display: table-cell;
        vertical-align: middle;
    }

    /**ACTIONS*/
        .listouter .actions {
            display: none;
            position: absolute;
            top: 0;
            right: 0;
            height: 50px;
            overflow: hidden;
            z-index: 2;
        }
        .listouter .actions-inner {
            height: 100%;
            color: #888F9F;
        }
        .listouter .action-item {
            display: inline-block;
            width: 45px;
            height: 100%;
        }
        .listouter .action-item.hide {
            display: none;
        }
        /**ACTIONS - FONT AWESOME*/
        .listouter .action-item[data-fa-action] {
            font-size: 20px;
            text-align: center;
            line-height: 50px;
            height: 50px;
        }
        /**ACTIONS - ICONMOON*/
        .listouter .action-item[data-ico-action] {
            font-size: 20px;
            text-align: center;
            line-height: 50px;
            height: 50px;
        }
        /**ACTIONS - PNG*/
        .listouter .action-item[data-png-action]:before {
            content: "";
            height: 16px;
            width: 16px;
            display: block;
            position: relative;
            top: 50%;
            margin-top: -8px;
            left: 50%;
            margin-left: -8px;
            background-position: 0;
            background-repeat: no-repeat;
        }
        /**ACTIONS - ROW*/
        .listouter .row .action-item {
            color: #fff;
        }
        .listouter .row .actions .action-item:hover {
            background-image: url('/images/css/50-Light.png');
        }
        /**ACTIONS - ROW - FONT AWESOME*/
        .listouter .row .actions .action-item[data-fa-action],
        .listouter .row .actions .action-item[data-fa-action] * {
            /*TODO: Refactor areas where css targets children of
            .action-item to apply color. This interferes with
            the ability to consistently update color across all
            font awesome action items*/
            color: #fff;
        }
        /**ACTIONS - ROW - PNG*/
        .listouter .row .actions .action-item[data-png-action] {
            background-color: #fff;
            float: left;
        }
        .listouter .row .actions .action-item[data-png-action]:hover {
            background-image: url('/images/css/50-DarkGray.png');
        }
        /**ACTIONS - GROUP ROW*/
        .listouter .rowgrouphdr .actions {
            right: -1px;
        }
        .listouter .rowgrouphdr .action-item {
            background-color: #fff;
            color: #000;
        }
        .listouter .rowgrouphdr .actions .action-item:hover {
            background-image: url('/images/css/50-DarkGray.png');
        }
        /**ACTIONS - GROUP ROW - FONT AWESOME*/
        .listouter .rowgrouphdr .actions .action-item[data-fa-action],
        .listouter .rowgrouphdr .actions .action-item[data-fa-action] * {
            /*TODO: Refactor areas where css targets children of
            .action-item to apply color. This interferes with
            the ability to consistently update color across all
            font awesome action items*/
            color: #000;
        }
        /**ACTIONS - GROUP ROW - PNG*/
        .listouter .rowgrouphdr .actions .action-item[data-png-action] {
            background-color: #fff;
        }
        .listouter .rowgrouphdr .actions .action-item[data-png-action]:hover {
            background-image: url('/images/css/50-DarkGray.png');
        }

        .listouter [data-always-show-actions="true"] .actions {
            display: block!important;
        }

    /**DETAILS*/
    .row .td.comma,
    .row .td.number,
    .row .td.keynumber {
        font-size: 18px;
    }
    /**DETAILS - ROW TOTAL*/
    .rowtotal .td.comma,
    .rowtotal .td.number,
    .rowtotal .td.keynumber {
        font-size: 18px;
    }
    /**DETAILS - TEAM ACCESS - IS INTERACTIVE*/
    .row .tt-icon.is-interactive {
        display: inline-block;
        cursor: pointer;
        border: 1px solid #fff;
        border-radius: var(--border-radius-full);
        margin: 1px 3px;
        padding: 4px;
        color: #fff;
    }

    .row .tt-icon.is-interactive[data-tt-access="none"] {
        background-color: #C9CEDB;
    }

    .row .tt-icon.is-interactive[data-tt-access="some"] {
        background-color: #F4D768;
    }

    .row .tt-icon.is-interactive[data-tt-access="req"] {
        background-color: #008080;
    }

    .row .tt-icon.is-interactive[data-tt-access="all"] {
        background-color: #32B588;
    }

    .rowoff .tt-icon.is-interactive[data-tt-access="none"] {
        background-color: #C9CEDB;
    }

    .rowoff .tt-icon.is-interactive[data-tt-access="some"] {
        background-color: #888F9F;
    }

    .rowoff .tt-icon.is-interactive[data-tt-access="req"] {
        background-color: #008080;
    }

    .rowoff .tt-icon.is-interactive[data-tt-access="all"] {
        background-color: #4C5163;
    }

    .row .tt-icon.is-interactive:hover,
    .row .tt-icon.is-interactive:focus {
        opacity: .7;
    }

    /**GROUP ROW - DETAILS*/
    .rowgrouphdr .td.comma,
    .rowgrouphdr .td.number,
    .rowgrouphdr .td.keynumber {
        font-size: 18px;
    }

    /**HEADER ROW - TRUNC*/
    .listouter .rowheader .trunc {
        display: block;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        -ms-text-overflow: ellipsis;
    }

    /*-- List Table Structure - Title */
    .title-icon {
        display: inline-block;
        margin: 10px;
        line-height: 1;
    }

    .listouter .row:not([data-is-pii="1"]) .title [data-icon-id="pii"] {
        display: none;
    }
    .listouter .title [data-icon-id="pii"] {
        margin-left: 5px;
    }

    /*-- List Table Structure - Title Outer */
    .listouter .titleouter .title {
        padding: 0;
    }

    .listouter .titleouter {
        padding: 7px 0;
        display: inline-block;
    }

    .listouter .titleouterblock {
        padding: 7px 12px 7px 0;
        display: block;
    }

    /*-- List Table Structure - Primary */
    .listouter .primary.isid {
        width: 100px;
    }

    /*-- List Table Structure - Primary - Allow Title Wrap */
    .listouter.allowtitlewrap .row .primary {
        white-space: normal;
        line-height: 1.3;
        padding: 0 10px;
    }

    .listouter.allowtitlewrap .row .title {
        text-overflow: initial;
        -ms-text-overflow: initial;
        white-space: normal;
        line-height: 20px;
        padding: 0;
        margin-right: 0;
        padding: 8px 0;
    }

    .listouter.allowtitlewrap .row .forumtitle {
        margin: 0;
        line-height: 1;
    }

    /*-- List Table Structure - Primary - Title Inline */
    .listouter.titleinlineblock .td.primary .title {
        display: inline-block;
        margin-right: 0;
    }

    /*-- List Table Structure - Primary - Small */
    .listouter.primarysml .primary {
        max-width: 150px;
    }

    /*-- List Table Structure - Row Group Header */
    .listouter .rowgrouphdr .td {
        padding: 8px 10px;
    }

    .listouter .rowgrouphdr .title {
        line-height: 20px;
        margin: 0;
        font-size: 16px;
    }

    .listouter .rowgrouphdr .keynumber,
    .listouter .rowgrouphdr .keynumberlead {
        width: 81px;
    }

    .listouter .rowgrouphdr .status {
        width: 71px;
    }

    /*-- List Table Structure - Row Extra */
    .listouter .rowextra .td {
        text-align: left;
        padding: 8px 10px;
    }

    /*-- List Table Structure - Row Empty */
    .listouter .rowempty.hidden {
        display: none;
    }

    /*-- List Table Structure - Detail - Text */
    .listouter .rowheader .td[class*="txt"] {
        padding-left: 8px;
        padding-right: 8px;
        text-align: left;
    }

    .listouter .row .td[class*="txt"] {
        padding: 8px;
        text-align: left;
        line-height: 1.3;
        white-space: normal;
        overflow: hidden;
        text-overflow: ellipsis;
        -ms-text-overflow: ellipsis;
    }

    /*-- These are Avatar Cells, OVERRIDE so hovercards can show */
    .listouter .row .td.static-id--251,
    .listouter .row .td.static-id--252,
    .listouter .row .td.static-id--253,
    .listouter .row .td.static-id--254,
    .listouter .row .td.static-id--267,
    .listouter .row .td.static-id--300 {
        overflow: visible;
    }

    .listouter .txtdate {
        width: 220px;
        text-align: left;
    }

    .listouter .txtdate .hasqtiphint {
        display: inline-block;
        white-space: nowrap;
    }

    .listouter .row[data-formuser-status="3"] .txtdate {
        color: #D95151;
    }

    .listouter .txtlrg {
        width: 350px;
        text-align: left;
    }

    .listouter .td.email {
        /*NOTE: if column is too narrow for long email addressses,
         *don't wrap, instead display ellipsis*/
        text-align: left;
        padding-left: 8px;
        padding-right: 8px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .listouter .td[class*="name--"] {
        text-align: left;
        padding-left: 8px;
        padding-right: 8px;
    }
    .listouter .row .td[class*="name--"] {
        /*NOTE: NEGATE PADDING FOR ROWS DUE TO COMPLEXITY
         *CAUSED BY CURRENT hover card IMPLEMENTATION*/
        padding-left: 0;
        padding-right: 0;
        /*NOTE: Necessary to display hover cards*/
        overflow: visible;
    }
    .listouter .td[class*="name--"] .avatarname {
        /*TODO: NEED TO REFACTOR hover card TO APPEND TO AN
         *OUTER DIV, NOT INSIDE OF THESE CRAZY TABLE CELLS,
         *HTML IS COMPLICATED THAN IT SHOULD BE MAKING IT VERY
         *DIFFICULT TO APPLY NECESSARY CELL STYLES*/
        padding: 8px;
        /*NOTE: These width and display properties are
         *necessary for wordwrap/text ellipsis behavior*/
        width: 200px;
        display: block;
    }
    .listouter .row .td[class*="name--full"] .avatarname {
        /*NOTE: Allow next line to fit long first, last name
         *vertically stacked but text ellipsis if names are
         *too wide horizontally*/
        overflow: hidden;
        text-overflow:ellipsis;
    }
    .listouter .row .td[class*="name--user"] .avatarname {
        /*NOTE: Allow wrapping to occur, username should
         *always be one string with no spaces*/
        white-space: normal;
        word-wrap: break-word;
    }

    .listouter .row .td.nowrap {
        white-space: nowrap;
    }

    /*-- List Table Structure - Detail - User Avatars */
    .listouter .useravatar {
        padding: 0;
        width: 200px;
        text-align: left;
    }

    .listouter .useravatar .light {
        padding: 12px 8px;
        display: inline-block;
    }

    /* if no user info available apply min height */
    .listouter .row .useravatar {
        padding-left: 8px;
    }

    .listouter .row .no-owner {
        padding-left: 10px;
    }

    .displayavatar .listouter .useravatar {
        padding: 0;
        width: 200px;
        text-align: left;
    }

    .displayavatar .listouter.reactions .useravatar {
        padding-left: 10px;
    }

    .displayavatar .listouter .author {
        margin: 5px 0;
    }

    .displayavatar .listouter .author > .poster {
        display: inline-block;
        width: 100%;
        max-width: 100%;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        -ms-text-overflow: ellipsis;
        position: relative;
        left: 0;
        top: 0;
        padding-left: 53px;
        margin-left: -48px;
        line-height: 1;
        vertical-align: top;
    }

    .displayavatar .listouter .author > .poster.poster__centername {
        vertical-align: middle;
        top: 6px;
    }

    .displayavatar .listouter .author > .poster big {
        display: inline-block;
        margin-top: 3px;
        margin-bottom: 4px;
    }

    .displayavatar .listouter .useravatar .light {
        padding: 12px 8px;
        display: inline-block;
    }

    /**DETAIL - USER AVATAR*/
    .listouter .td.useravatar .usrdisp {
        /* NOTE: this ensures that avatar image on
         * the right does not disappear from view
         * when name is long*/
        table-layout: fixed;
    }
    .listouter .td.useravatar .usrdisp__detail {
        /* NOTE: this ensures that long names
         * do not jut out of the cell, and
         * displays with ellipsis if too long*/
        overflow: hidden;
        text-overflow: ellipsis;
    }

    /* if no user info available apply min height */
    .displayavatar .listouter .author > .avatar {
        float: left;
        padding: 0;
        overflow: visible;
        margin: 0 4px;
        position: relative;
    }

    /* if hover card is not drawn (print mode) */
    .displayavatar .listouter .postername {
        line-height: 1.2;
    }

    /*-- List Table Structure - Detail - Key Numbers */
    .listouter .row .keynumberlead {
        padding: 8px 10px;
    }

    .listouter .key {
        text-align: center;
        padding: 1px 6px;
        min-width: 60%;
        display: block;
        margin: 0 auto;
        border-radius: 10px;
    }

    .listouter .keynumber,
    .listouter .keynumber:after {
        width: 80px;
    }

    .listouter .keynumberlead {
        width: 80px;
    }

    .listouter .keynumberlead:after {
        width: 80px;
    }

    .listouter .keynumberlead.wider,
    .listouter .keynumberlead.wider:after {
        width: 120px;
    }

    .listouter .keynumberlink,
    .listouter .keynumberlink:after {
        width: 80px;
    }

    .listouter .rowheader .keynumber {
        max-width: 80px;
    }

    .listouter .rowheader .keynumberlead {
        max-width: 80px;
    }

    .listouter .rowheader .keynumberlead.wider {
        max-width: 120px;
    }

    .listouter .rowheader .keynumberlink {
        max-width: 80px;
    }

    /*-- List Table Structure - Detail - Key Numbers - Has Hint */
    .listouter .keynumberlead .hasqtiphint {
        display: inline-block;
        width: 100%;
        z-index: 1;
    }

    /*-- List Table Structure - Detail - Numbers */
    .listouter .number,
    .listouter .comma {
        width: 70px;
        min-width: 70px;
        max-width: 70px;
        padding-left: 8px;
        padding-right: 8px;
    }

    .listouter .number.wider.center {
        width: 15%;
        text-align: center;
    }

    .listouter .rowheader .number,
    .listouter .rowheader .comma {
        max-width: 70px;
    }

    /*-- List Table Structure - Detail - Active, Choice, Radio, Check  */
    .listouter .status,
    .listouter .status:after {
        width: 70px;
    }

    .listouter .choice,
    .listouter .choice:after {
        width: 70px;
    }

    .listouter .radio,
    .listouter .radio:after {
        width: 70px;
    }

    .listouter .check,
    .listouter .check:after {
        width: 70px;
    }

    .listouter .traits,
    .listouter .traits:after {
        width: 100px;
        text-align: center;
    }
    .listouter .check input[type="checkbox"] {
        margin: 0;
    }

    .listouter .check-sml,
    .listouter .check-sml:after {
        width: 50px;
    }

    .listouter .check-lrg,
    .listouter .check-lrg:after {
        width: 100px;
    }

    .listouter .td.active,
    .listouter .td.active:after {
        width: 70px;
    }

    .listouter .td.default,
    .listouter .td.default:after {
        width: 70px;
    }

    .listouter .td.select,
    .listouter .td.select:after {
        width: 200px;
        text-align: left;
    }

    .listouter .td.select {
        padding: 0 10px;
    }

    .listouter .rowheader .status {
        max-width: 70px;
    }

    .listouter .rowheader .choice {
        max-width: 70px;
    }

    .listouter .rowheader .radio {
        max-width: 70px;
    }

    .listouter:not(.tbl-cont--role) .rowheader .check {
        max-width: 70px;
    }

    .listouter.tbl-cont--role .rowheader .check .trunc {
        transform: rotate(45deg);
        position: absolute;
        right: 0px;
        width: 180px;
        bottom: 70px;
        text-align: right;
    }

    .listouter .rowheader .active {
        max-width: 70px;
    }

    .listouter .rowheader .default {
        max-width: 70px;
    }

    .listouter .rowheader .select {
        max-width: 200px;
    }

    /*-- List Table Structure - Sort Header Row */
    .listouter.hassortheaders .rowheader .context {
        vertical-align: middle;
        padding: 8px;
    }

    /*-- List Table Structure - Action Items */

    .listouter .primary:hover .actions,
    .listouter .primary.hover .actions {
        display: inline-block;
    }

    .listouter .actions.actionsshow {
        display: block;
    }

    .listouter .actions:hover {
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
    /* IE 10+ */
        -o-user-select: none;
        user-select: none;
    }

    .listouter .actions .icon-markavailable:hover {
        cursor: pointer;
    }

    .listouter .actions .icon-markdelivered:hover {
        cursor: pointer;
    }

    .listouter .actions .icon-remove:hover {
        cursor: pointer;
    }

    .listouter .actions .icon--nodisplay {
        display: none;
    }

    /*-- List Table Structure - Action Items */
    .listouter .infoicons .hasqtiphint {
        height: 36px;
        display: inline-block;
    }

    /*-- List Table Structure - Quick Search */
    .QuickSearch .listouter .primary,
    .QuickSearch .listouter .primary:after {
        max-width: 250px;
    }

    .QuickSearch .listouter .listin .rowoff .td .primary a {
        text-decoration: underline;
    }

    /*-- LIST TABLE STRUCTURE - OUTPUT TYPE [START]  */
    /*-- List Table Structure - "div" - Header, Title, and Desc */
    .listouter.div .desc {
        margin-bottom: 10px;
    }

    .listouter.div .rowheader {
        display: table;
        width: 100%;
    }

    .listouter.div .rowheader a:hover,
    .listouter.div .rowheader a:focus {
        text-decoration: none;
    }

    /*-- List Table Structure - "div" - Context */
    .listouter.div .context,
    .listouter.div .context:after {
        width: 50px;
    }

    .listouter.div .rowheader .context {
        max-width: 50px;
    }

    /*-- List Table Structure - "div" - Primary */
    .listouter.div .primary {
        max-width: 245px;
        min-width: 245px;
    }

    .listouter.div .primary:after {
        max-width: 245px;
        min-width: 245px;
    }

    .listouter.div .primary .title {
        overflow: hidden;
        text-overflow: ellipsis;
        -ms-text-overflow: ellipsis;
    }

    .listouter.div .td.primary:after {
        content: none;
    }

    .listouter.div.hasdragdrop .primary {
        padding-left: 12px;
    }

    @media (max-width: 367px) {
    .listouter.div .primary {
          max-width: 100%;
          min-width: auto;
    }
    }
    /*-- List Table Structure - "div" - Primary - Small */
    .listouter.div.primarysml .primary {
        width: auto;
        min-width: 100px;
        max-width: 100px;
    }

    /*-- List Table Structure - "div" - Primary - Tag Title */
    .listouter.div.tagtitle .primary {
        padding: 0 0 8px;
        text-align: center;
        width: 50px;
        min-width: 50px;
        max-width: 50px;
    }

    .listouter.div.tagtitle .primary:after {
        padding: 0;
        text-align: center;
        width: 50px;
        min-width: 50px;
        max-width: 50px;
    }

    .listouter.div.tagtitle .primary .title {
        text-align: center;
        margin-right: 0;
        display: block;
    }

    /*-- List Table Structure - "div" - Row Group Header */
    .listouter.div .rowgrouphdr .primary {
        padding: 12px 8px 12px 12px;
    }

    .listouter.div .rowgrouphdr {
        display: table;
        width: 100%;
        border-collapse: separate;
        border-radius: var(--border-radius-lg);
        overflow: hidden;
    }

    .listouter.div .rowgrouphdr > .primary {
        display: table-cell;
    }

    .listouter.div .rowgrouphdr .primary a {
        height: 100%;
    }

    .listouter.div .rowgrouphdr .primary small {
        margin-left: 8px;
    }

    .listouter.div .rowgrouphdr .primary:last-child {
        border-right-width: 0;
    }

    .listouter.div .rowgrouphdr .td:after {
        content: none;
    }

    /*-- List Table Structure - "div" - Row New */
    .listouter.div .rownew {
        display: table;
        width: 100%;
    }

    /*-- List Table Structure - "div" - Row Total */
    .listouter.div .rowtotal {
        display: table;
        width: 100%;
        border-collapse: separate;
    }

    .listouter.div .rowtotal .primary {
        padding-left: 0;
    }

    .listouter.div .rowtotal .title {
        display: block;
        padding: 10px 8px;
        text-align: left;
        line-height: 1;
    }

    /*-- List Table Structure - "div" - Row Error */
    .listouter.div .rowerror {
        padding: 12px;
        background-image: none !important;
    }

    /*-- List Table Structure - "div" - Row Extra */
    .listouter.div .rowextra .td {
        display: block;
    }

    .listouter.div.related-feedback .rowextra .td {
        display: block;
        border-radius: 6px;
        padding-top: 12px;
        padding-bottom: 12px;
    }

    /*-- List Table Structure - "div" - Row Empty */
        /* .listouter.div .rowempty {display: table; width: 100%;} */
    .listouter.div .rowempty.hidden {
        display: none;
    }

    /*-- List Table Structure - "div" - Detail - Icon */

    .listouter.div .listtable .td.icon {
        float: none;
        margin: 0;
        position: relative;
    }

    /*ok to remove after cleanup*/
    /*-- List Table Structure - "div" - Detail - Text  */
    .listouter.div .rowheader .txtsml,
    .listouter.div .txtsml {
        width: 120px;
    }

    .listouter.div .txtsml:after {
        width: 120px;
    }

    .listouter.div .rowheader .txtmed {
        min-width: 150px;
        white-space: normal;
        max-width: 150px;
    }

    .listouter.div .txtmed {
        width: 150px;
        min-width: 150px;
        white-space: normal;
        max-width: 150px;
        overflow: hidden;
        text-overflow: ellipsis;
        -ms-text-overflow: ellipsis;
    }

    .listouter.div .rowheader .txtmedwrap,
    .listouter.div .txtmedwrap {
        padding: 8px 10px;
        text-align: left;
        min-width: 150px;
        white-space: normal;
        line-height: 1.3;
    }

    .listouter.div .rowheader .txtmedbreak,
    .listouter.div .txtmedbreak {
        min-width: 200px;
        word-break: break-word;
        word-wrap: break-word;
    }

    .listouter.div .rowheader .txtlrg {
        min-width: 200px;
        white-space: normal;
        max-width: 200px;
    }

    .listouter.div .txtlrg {
        width: 200px;
        min-width: 200px;
        white-space: normal;
        max-width: 200px;
    }

    .listouter.div .rowheader .txtemail,
    .listouter.div .txtemail {
        min-width: 250px;
        word-break: break-word;
        word-wrap: break-word;
    }

    .listouter.div .rowheader .txtfullname,
    .listouter.div .txtfullname {
        min-width: 200px;
        word-break: normal;
        overflow: hidden;
        text-overflow: ellipsis;
        -ms-text-overflow: ellipsis;
        max-width: 200px;
    }

    .listouter.div .rowheader .txtparagraph,
    .listouter.div .txtparagraph {
        min-width: 300px;
        max-width: 300px;
    }

    .listouter.div .txtdistvalue {
        width: 200px;
    }

    .listouter.div .txtselect {
        width: 200px;
        padding: 0;
    }

    .listouter.div .txtselect select {
        height: 30px;
        padding: 5px 30px 5px 10px;
        font-size: 13px;
        line-height: 1.5;
    }

    .listouter.div .txturl {
        width: 310px;
        min-width: 310px;
        max-width: 310px;
        word-break: break-all;
        word-wrap: break-word;
    }

    .listouter.div .txturllrg {
        width: 380px;
        min-width: 380px;
        max-width: 380px;
    }

    .listouter.div .txtdesc,
    .listouter.div .txtendpoint {
        width: 450px;
        min-width: 450px;
        max-width: 450px;
    }

    .listouter .row .td.txtendpoint {
        word-break: break-all;
    }

    /*-- List Table Structure - "div" - Detail - Full */
    .listouter.div .full,
    .listouter.div .fullleft {
        padding: 8px 8px;
        white-space: normal;
        min-width: 150px;
    }

    .listouter.div .fullleft,
    .listouter.div .fullleft:after {
        text-align: left;
    }

    /*-- List Table Structure - "div" - Detail - Team */
    .listouter.div .team,
    .listouter.div .team:after {
        min-width: 148px !important;
    }

    .listouter.div .rowheader .team {
        min-width: 148px !important;
    }

    /*-- List Table Structure - "div" - Details Inside TD's */
    .listouter.div .td.hasinfoicons {
        position: relative;
    }

    .listouter.div .td .infoicons {
        position: absolute;
        top: 0;
        right: 0;
        background: #EEF0F3;
        background: rgba(0, 0, 0, 0.04);
    }

    .listouter.div .td .infoicons img {
        vertical-align: middle;
        padding: 10px;
    }

    .listouter.div .td .infoicons i {
        text-align: center;
        line-height: 50px;
        font-size: 20px;
        color: #888F9F;
        vertical-align: top;
        height: 36px;
        width: 40px;
    }
    .listouter.div .td .infoicons i.fa-envelope {
         color: #67AEEB;
    }
    .listouter.div .td .infoicons i.fa-sync {
         color: #72bb53;
    }
    .listouter.div .td .infoicons i.fa-sync.inactive-warning,
    .listouter.div .td .infoicons i.fa-octagon-exclamation {
        color: #A92626;
    }

    .listouter.div .td .infoicons img:hover {
        background: #dadada;
        background: rgba(0, 0, 0, 0.2);
    }

    /*Phase TD Style

    /*-- List Table Structure - "table" [START]*/
    /*-- List Table Structure - "table" - Context */
    .listouter.table .rowheader th {
        font-weight: normal;
    }
    .listouter.table .context {
        width: 50px;
    }

    .listouter.table.contextwide .context {
        width: 110px;
        text-align: left;
        padding-right: 8px;
        padding-left: 8px;
    }

    /*-- List Table Structure - "table" - Context Wide */
    .listouter.table.contextwide .context,
    .listouter.table.contextwide .context:after {
        width: 110px;
    }

    .listouter.table.contextwide .context {
        text-align: left;
        padding-left: 10px;
    }

    .listouter.table .rowheader .contextwide {
        max-width: 110px;
    }

    /*-- List Table Structure - "table" - Primary - Title Inline */
    .listouter.table.titleinline .row .td.primary {
        padding-top: 8px;
        padding-bottom: 8px;
    }

    /*-- List Table Structure - "table" - Row Total */
    .listouter.table .rowtotal .td .title {
        line-height: 1;
        padding: 10px 8px;
        margin: 0;
    }

    /*-- List Table Structure - "table" - Detail - URL */
    .listouter.table .txturl {
        word-break: break-word;
        word-wrap: break-word;
        min-width: 300px;
        max-width: 300px;
    }

    .listouter.table .txturllrg {
        word-break: break-word;
        word-wrap: break-word;
        min-width: 500px;
        max-width: 500px;
    }

    /*-- List Table Structure - "table" - Group Row Toggle */
    .rowgrouphdr[class*="toggle"] [class*="fa-caret"] {
        position: absolute;
        top: 0;
        left: 0;
        height: 100%;
        width: 30px;
        padding: 8px 4px;
        line-height: 1;
        font-size: 20px;
        text-align: center;
        cursor: pointer;
    }

    .rowgrouphdr[class*="toggle"] .td.primary {
        padding-left: 30px;
    }

    /*-- List Table Structure - "table" [END]*/
    /*-- List Table Structure - "vftable" [START]*/
    .listouter.vftable .context {
        padding: 8px 18px;
    }

    .listouter.vftable .primary {
        width: 100px;
        height: 50px;
    }

    .listouter.vftable .txtparagraph {
        width: 300px;
    }

    .listouter.vftable .txtmedwrap {
        min-width: 150px;
        max-width: 600px; /*NOTE: Necessary to prevent description column from getting too wide*/
    }

    .listouter.vftable .txtsml {
        width: 120px;
    }

    .listouter.vftable .sep {
        border-bottom: 1px solid #E4E6EC;
        margin-bottom: 10px;
    }

    /*-- List Table Structure - "vftable" [END]*/
    /*-- LIST TABLE STRUCTURE - OUTPUT TYPE [END]  */
    .listouter .group-collapsible[data-group-collapsible-state="collapsed"] .row {
        display: none;
    }

    .listouter .group-collapsible[data-group-collapsible-listener="row"] .rowgrouphdr {
        cursor: pointer;
    }

    .listouter .group-collapsible .fa-chevron-down,
    .listouter .group-collapsible .fa-chevron-up {
        margin-right:10px;
        position: relative;
        top: 1px;
        font-size: 18px;
        display: inline-block;
        float: left;
        -webkit-user-select: none;
    /* Chrome all / Safari all */
        -moz-user-select: none;
    /* Firefox all */
        -ms-user-select: none;
    /* IE 10+ */
        user-select: none;
    /* Likely future */
    }

    /*-- LIST TABLE BORDER [START] */
    /*-- List Table Borders */
    .listtable .td.hint {
        border-radius: 0;
    }

    /*  List Table Borders - Special rules for toggling rows */
    .listtable.is-div .rowshown:nth-last-child(2) .td {
        border-bottom-width: 0;
    }

    .listtable.is-div .rowshown.inactive:last-child .td {
        border-top-width: 1px;
    }

    .listtable.is-div .rowshown + .rowshown:last-child .td {
        border-top-width: 1px;
    }

    .listtable.is-div .rowoff.rowshown + .rowshown .td {
        border-top-width: 0;
    }

    /* List Table Borders - Cells */
    .listtable.is-div .rowoff .td {
        border-right-color: #C9CEDB;
        border-bottom-color: #C9CEDB;
    }

    /*-- LIST TABLE BORDER [END] */
    /*-- LIST TABLE SKIN [START] */
    /*-- List Table Skin - Primary - No Title */
    .listouter.skin .notitle {
        font-style: italic;
    }

    /*-- List Table Skin - Primary - Allow Title Wrap */
    .listouter.skin.allowtitlewrap .forumdesc {
        font-size: 14px;
        line-height: 20px;
        color: #888F9F;
    }

    .listouter.skin.allowtitlewrap .forumtitle {
        font-weight: bold;
        font-size: initial;
    }

    /*-- List Table Skin - Row */
    .listouter.skin .rowshown {
        background: transparent;
    }

    /*-- List Table Skin - Team Access Group Rows */
    .listouter.skin .teamtype .rowgrouphdr .primary a {
        color: #fff;
    }

    /*-- List Table Skin - Row Sticky */
    .listouter.skin .rowsticky .td {
        background: #ffc;
    }

    /*-- List Table Skin - Row Total */
    .listouter.skin .rowtotal.hover .td {
        background-image: url("/images/css/20-dark.png");
    }

    .listouter.skin .rowtotal .td a {
        color: #fff;
    }

    /*-- List Table Skin - Row Total Has Button*/
    .listouter.skin .rowtotal .td .bttn {
        margin-top: 0;
        font-size: 14px;
        padding: 2px 5px;
    }

    /*-- List Table Skin - Row All */
    .listouter.skin .rowall .td {
        background: #F1EECD;
    }

    /*-- List Table Skin - Detail - Num Lead */
    .listouter.skin .td .lead {
        color: #4C5163;
    }

    /* LIST TABLE SKIN [END] */
    /*-- NEEDS LIST TABLE STRUCTURE CLEAN UP */
    .listouter.topics .primary .title {
        font-size: 120%;
        line-height: 1.4;
        padding-top: 10px;
        padding-bottom: 10px;
    }

    .listouter .td.primary.hasactions:before {
        content: "";
        position: absolute;
        height: 0;
        width: 0;
        top: 0;
        right: 0;
        display: block;
    }

    /*-- List Table Structure - Cell Width Adjustments */
    /*-- List Table Structure - Detail - Icon */
    .listouter .td.icon,
    .listouter .td.icon:after {
        width: 70px;
    }

    .listouter .rowheader .td.icon {
        max-width: 70px;
    }

    /*-- List Table Structure - Detail - Pretty Num */
    .listouter .number .num,
    .listouter .comma .num {
        color: #888F9F;
    }

    .listouter .number .num a,
    .listouter .comma .num a {
        color: #08c;
    }

    .listouter .number .num:hover a,
    .listouter .comma .num:hover a {
        color: #2a6496;
    }

    .listouter .rowoff .number .num a,
    .listouter .rowoff .number .num:hover a,
    .listouter .rowoff .comma .num a,
    .listouter .rowoff .comma .num:hover a {
        color: #676D7E;
    }

    /*-- List Table Structure - "div" - Primary Header Adjustments */
    .listouter.div.tagtitle .rowheader .primary {
        text-indent: 0;
    }

    /*-- List Table Structure - Sort Handle */
    .listouter .handle {
        position: absolute;
        z-index: 1;
        left: -10px;
        top: 0;
        height: 100%;
        width: 0;
        background-repeat: no-repeat repeat;
        background-position: 2px 3px;
    }
    .listouter .hover .handle {
        width: 10px;
    }

    /* Force grip Icon to be all the way to the left for Notice List */
    .listouter.hasdragdrop .context + .primary .handle {
        left: -60px;
    }

    /* hover grippy */
    .listouter .row:hover .handle {
        background-image: url("/images/grippy_repeat-y.png");
    }

    .listouter .rowoff:hover .handle {
        background-image: url("/images/grippy_repeat-y.png");
    }

    .listouter .rowgrouphdr:hover .handle {
        background-image: url("/images/grippy_repeat-y.png");
    }

    /* cursors for grab and drag */
    .listouter .handle:hover {
        cursor: -moz-grab;
        cursor: -webkit-grab;
        cursor: grab;
    }

    .listouter .handle:active {
        cursor: -moz-grabbing;
        cursor: -webkit-grabbing;
        cursor: grabbing;
    }

    .listouter .context {
        position: relative;
    }

    .listouter .rowall .handle {
        display: none;
    }

    /*-- List Table - Inline Delete */
    .listouter .deleteconfirm {
        display: none;
        position: absolute;
        top: 0;
        right: 0;
        text-align: right;
        background: #B90000;
        color: #fff;
        width: auto;
        max-width: 100%;
        overflow: hidden;
        height: 100%;
        padding: 3px;
        z-index: 3;
    }

    .listouter .deleteconfirm:before {
        content: "";
        position: relative;
        display: inline-block;
        width: 10px;
    }

    .listtable .deleteconfirmbtn.yes,
    .listtable .deleteconfirmbtn.no {
        display: inline-block;
        background: #000;
        padding: 10px 20px;
        border-radius:var(--border-radius-full);
        color: white;
        margin: 4px;
        line-height: 1;
        cursor: pointer;
        color: #fff;
    }

    .listtable .deleteconfirmbtn.yes:hover,
    .listtable .deleteconfirmbtn.no:hover {
        text-decoration: none;
        background: #1F232F;
    }

    .listtable .deleteconfirm .standout {
        color: #fff;
        font-weight: bold;
    }

    .listtable .deleteconfirmbtn.yes {
        margin-left: 10px;
    }

    /*-- List Table - Row Blank */
    .listouter .row.rowblank {
        border: none;
    }

    /*-- List Table - Icon without states */
    .listouter .icon-elements:before {
        content: "";
        background-image: url("/images/icon/list.png");
    }

    .listouter .icon-feedback:before {
        content: "";
        background-image: url("/images/icon/feedback.png");
    }

    .listouter .icon-form:before {
        content: "";
        background-image: url("/images/icon/list.png");
    }

    .listouter .icon-forum-markunread:before {
        content: "";
        background-image: url("/images/icon/read.png");
    }

    .listouter .icon-forum-fileattached {
        content: "";
        background-image: url("/images/icon/download.png");
    }

    .listouter .icon-forum-hot {
        content: "";
        background-image: url("/images/icon/hottopic.png");
    }

    .listouter .icon-forum-sticky {
        content: "";
        background-image: url("/images/icon/sticky.png");
    }

    .listouter .icon-forum-unsubscribe {
        content: "";
        background-image: url("/images/icon/read.png");
    }

    .listouter .icon-log:before {
        content: "";
        background-image: url("/images/icon/log.png");
    }

    .listouter .icon-list:before {
        content: "";
        background-image: url("/images/icon/list.png");
    }

    .listouter .icon-markunread:before {
        content: "";
        background-image: url("/images/icon/refresh.png");
    }

    .listouter .icon-mod:before {
        content: "";
        background-image: url("/images/icon/mod.png");
    }

    .listouter .icon-notes:before {
        background-image: url("/images/icon/notes.png");
    }

    .listouter .icon-projsummary:before {
        content: "";
        background-image: url("/images/icon/projsummary.png");
    }

    .listouter .icon-refresh:before {
        background-image: url("/images/icon/refresh.png");
    }

    .listouter .icon-reset-password:before {
        background-image: url("/images/icon/resetpassword.png");
    }

    .listouter .icon-report:before {
        content: "";
        background-image: url("/images/icon/report2.png");
    }

    .listouter .icon-topic:before {
        content: "";
        background-image: url("/images/icon/topic.png");
    }

    .listouter .icon-reply:before {
        content: "";
        background-image: url("/images/icon/reply.png");
    }

    .listouter .icon-report-build:before {
        content: "";
        background-image: url("/images/icon/report2.png");
    }

    .listouter .icon-report-summary:before {
        content: "";
        background-image: url("/images/icon/report.png");
    }

    .listouter .icon-save:before {
        background-image: url("/images/icon/download.png");
    }

    .listouter .icon-script:before {
        background-image: url("/images/icon/script.png");
    }

    .listouter .icon-stats:before {
        background-image: url("/images/icon/report.png");
    }

    .listouter .icon-stringimport:before {
        background-image: url("/images/icon/import-csv.png");
    }

    .listouter .icon-stringexport:before {
        background-image: url("/images/icon/export-csv.png");
    }

    .listouter .icon-style:before {
        background-image: url("/images/icon/style.png");
    }

    .listouter .icon-surveys:before {
        content: "";
        background-image: url("/images/icon/surveys.png");
    }

    .listouter .icon-tags:before {
        background-image: url("/images/icon/tags.png");
    }

    .listouter .icon-tasks:before {
        content: "";
        background-image: url("/images/icon/tasks.png");
    }

    .listouter .icon-tasklist:before {
        background-image: url("/images/icon/list.png");
    }

    .listouter .icon-taskresults:before {
        background-image: url("/images/icon/report.png");
    }

    .listouter .icon-taskreport:before {
        background-image: url("/images/icon/report2.png");
    }

    .listouter .icon-priority-high:before {
        background-image: url("/images/icon/priority-high.png");
    }

    .listouter .icon-priority-low:before {
        background-image: url("/images/icon/priority-low.png");
    }

    .listouter .icon-priority-medium:before {
        background-image: url("/images/icon/priority-medium.png");
    }

    .listouter .icon-import:before {
        background-image: url("/images/icon/import-wiki.png");
    }

    .listouter .icon-export:before {
        background-image: url("/images/icon/export-wiki.png");
    }

    .listouter .icon-export-off:before {
        background-image: url("/images/icon/export-wiki-off.png");
    }

    .listouter .icon-report-sheet:before {
        background-image: url("/images/icon/report-sheet.png");
    }

    .listouter .icon-report-chart:before {
        background-image: url("/images/icon/report-chart.png");
    }

    .listouter .icon-report-doc:before {
        background-image: url("/images/icon/report-doc.png");
    }

    .listouter .icon-report-label:before {
        background-image: url("/images/icon/report-label.png");
    }

    .listouter .icon-report-1axis:before {
        background-image: url("/images/icon/report-1axis.png");
    }

    .listouter .icon-report-2axis:before {
        background-image: url("/images/icon/report-2axis.png");
    }

    .listouter .icon-report-widget:before {
        background-image: url("/images/icon/report-widget.png");
    }

    .listouter .icon-report-geo:before {
        background-image: url("/images/icon/report-geo.png");
    }

    .listouter .icon-markavailable:before {
        background-image: url("/images/icon/arrow-circle-315-left.png");
    }

    .listouter .icon-markdelivered:before {
        background-image: url("/images/icon/flag-green.png");
    }

    .listouter .icon-transformation:before {
        background-image: url("/images/icon/assign.png");
    }

    .listouter .icon-metadata:before {
        background-image: url("/images/icon/script.png");
    }

    /*-- List Table - Icon without states - Doc Type */
    .listouter .icon-xls:before {
        background-image: url("/images/icon/doctype/xls-icon-16x16.png");
    }

    .listouter .icon-pdf:before {
        background-image: url("/images/icon/doctype/pdf-icon-16x16.png");
    }

    .listouter .icon-zip:before {
        background-image: url('/images/icon/doctype/zip-icon-16x16.png');
    }
    /*-- List Table - Icon with On and Off states */
    .listouter .icon-assume:before {
        background-image: url("/images/icon/assume.png");
    }

    .listouter .icon-assumeoff:before {
        background-image: url("/images/icon/assumeoff.png");
    }

    .listouter .icon-assign:before {
        background-image: url("/images/icon/assign.png");
    }

    .listouter .icon-assignoff:before {
        background-image: url("/images/icon/assign-off.png");
    }

    .listouter .icon-new:before {
        content: "";
        background-image: url("/images/icon/new.png");
    }

    .listouter .icon-newoff:before {
        content: "";
        background-image: url("/images/icon/new-off.png");
    }

    .listouter .icon-view:before {
        content: "";
        background-image: url("/images/icon/view.png");
    }

    .listouter .icon-viewoff:before {
        content: "";
        background-image: url("/images/icon/view-off.png");
    }

    .listouter .icon-edit:before {
        background-image: url("/images/icon/edit.png");
    }

    .listouter .icon-editoff:before {
        background-image: url("/images/icon/edit-off.png");
    }

    .listouter .icon-default:before {
        content: "";
        background-image: url("/images/icon/default.png");
    }

    .listouter .icon-defaultoff:before {
        content: "";
        background-image: url("/images/icon/defaultoff.png");
    }

    .listouter .icon-download:before {
        background-image: url("/images/icon/download.png");
    }

    .listouter .icon-downloadoff:before {
        background-image: url("/images/icon/download-off.png");
    }

    .listouter .icon-remove:before {
        content: "";
        background-image: url("/images/icon/trash.png");
    }

    .listouter .icon-removeoff:before {
        background-image: url("/images/icon/trash-off.png");
    }

    .listouter .icon-reset:before {
        background-image: url("/images/icon/trash.png");
    }

    .listouter .icon-resetoff:before {
        background-image: url("/images/icon/trash-off.png");
    }

    .listouter .icon-moderatekeys:before {
        background-image: url("/images/icon/key__pencil.png");
    }

    .listouter .icon-moderatekeysoff:before {
        background-image: url("/images/icon/key__pencil-off.png");
    }

    .listouter .icon-moderateusers:before {
        background-image: url("/images/icon/user__pencil.png");
    }

    .listouter .icon-moderateusersoff:before {
        background-image: url("/images/icon/user__pencil-off.png");
    }

    .listouter .icon-email:before {
        background-image: url("/images/icon/email.png");
    }

    .listouter .icon-emailusersoff:before {
        background-image: url("/images/icon/email-off.png");
    }

    /*-- List Table - Icon with Other States */
    .listouter .icon-global:before {
        content: "";
        background-image: url("/images/icon/global.png");
    }

    .listouter .icon-globaloff:before {
        content: "";
        background-image: url("/images/icon/global-off.png");
    }

    .listouter .icon-linkitem:before {
        content: "";
        background-image: url("/images/icon/link.png");
    }

    .listouter .icon-unlinkitem:before {
        content: "";
        background-image: url("/images/icon/unlink.png");
    }

    .listouter .icon-lock-locked-disabled:before {
        content: "";
        background-image: url("/images/icon/lock-locked-disabled.png");
    }

    .listouter .icon-lock-unlocked-disabled:before {
        content: "";
        background-image: url("/images/icon/lock-unlocked-disabled.png");
    }

    .listouter .icon-status:before {
        content: "";
        background-image: url("/images/icon/active.png");
    }

    .listouter .icon-statusoff:before {
        content: "";
        background-image: url("/images/icon/active-off.png");
    }

    .listouter .icon-statusoff-disabled:before {
        content: "";
        background-image: url("/images/icon/active-off-disabled.png");
    }

    .listouter .icon-user:before {
        content: "";
        background-image: url("/images/icon/user.png");
    }

    .listouter .icon-useroff:before {
        content: "";
        background-image: url("/images/icon/user-off.png");
    }

    .listouter .listtable .rowoff a.icon-active:before {
        content: "";
        background-image: url("/images/icon/active-off.png");
    }

    .listouter .groupoff .rowgrouphdr .icon-active:before {
        content: "";
        background-image: url("/images/icon/active-off.png");
    }

    .listouter .active .icon {
        height: 14px;
        width: 14px;
        display: block;
        margin: 0 auto;
        position: relative;
    }

    .listouter .active .icon:before {
        display: block;
        height: 14px;
        width: 14px;
        content: "";
    }

    .listouter .active .icon-active-on:before {
        background-image: url("/images/icon/active.png");
    }

    .listouter .active .icon-active-on-disabled:before {
        background-image: url("/images/icon/active-disabled.png");
    }

    .listouter .active .icon-active-off:before {
        content: "";
        background-image: url("/images/icon/active-off.png");
    }

    .listouter .active .icon-active-off-disabled:before {
        background-image: url("/images/icon/active-off.png");
    }

    .listouter .icon-active:before {
        content: "";
        background-image: url("/images/icon/active.png");
    }

    .listouter .icon-activeoff:before {
        content: "";
        background-image: url("/images/icon/active-off.png");
    }

    .listouter .icon-active-off:before {
        content: "";
        background-image: url("/images/icon/active-off.png");
    }

    .listouter .icon-active-disabled:before {
        content: "";
        background-image: url("/images/icon/active-disabled.png");
    }

    .listouter .icon-active-off-disabled:before {
        content: "";
        background-image: url("/images/icon/active-off-disabled.png");
    }

    /*-- List Table - Icon - Lock Status */
    .listouter .row .icon-lock:before {
        content: "";
        background-image: url("/images/icon/lock-unlocked.png");
    }

    .listouter .row.rowlocked .icon-lock:before {
        content: "";
        background-image: url("/images/icon/lock-locked.png");
    }

    .listouter .icon-lock {
        cursor: pointer;
    }

    /*-- List Table - Icon - Active Status */
    .listouter .row .icon-activestatus:before {
        content: "";
        background-image: url("/images/icon/active.png");
    }

    .listouter .row.rowoff .icon-activestatus:before {
        content: "";
        background-image: url("/images/icon/active-off.png");
    }

    .listouter .rowgrouphdr .icon-activestatus:before {
        content: "";
        background-image: url("/images/icon/active.png");
    }

    .listouter .groupoff .rowgrouphdr .icon-activestatus:before {
        content: "";
        background-image: url("/images/icon/active-off.png");
    }

    .listouter .row .icon-activestatus-on-disabled:before {
        content: "";
        background-image: url("/images/icon/active-disabled.png");
    }

    .listouter .row.rowoff .icon-activestatus-off-disabled:before {
        content: "";
        background-image: url("/images/icon/active-off-disabled.png");
    }

    .listouter .rowgrouphdr .icon-activestatus-on-disabled:before {
        content: "";
        background-image: url("/images/icon/active-disabled.png");
    }

    .listouter .groupoff .rowgrouphdr .icon-activestatus-off-disabled:before {
        content: "";
        background-image: url("/images/icon/active-off-disabled.png");
    }

    .listouter .row .icon-activestatus,
    .listouter .rowgrouphdr .icon-activestatus,
    .listouter .row .icon-archive,
    .listouter .rowgrouphdr .icon-archive,
    .listouter .row .icon-share,
    .listouter .rowgrouphdr .icon-share {
        cursor: pointer;
    }

    /**ROW - ACTION - ACTIVE STATUS*/
    .listouter .row:not(.rowoff) .icon-activestatus .fa-check-circle {
        display: none;
    }
    .listouter .rowoff .icon-activestatus .fa-ban {
        display: none;
    }

    /**GROUP ROW - ACTION - ACTIVE STATUS*/
    .listouter .rowset:not(.groupoff) .rowgrouphdr .icon-activestatus .fa-check-circle {
        display: none;
    }
    .listouter .rowset.groupoff  .rowgrouphdr .icon-activestatus .fa-ban {
        display: none;
    }

    /*-- List Table - Notice Icons */
    .listouter[id*="notice"] .fa-gavel {
        color: #b70f0a;
    }

    .listouter[id*="notice"]  .fa-desktop {
        color: #1F232F ;
    }

    .listouter[id*="notice"]  .fa-hand-paper {
        color: #e61610;
    }

    .listouter[id*="notice"]  .fa-exclamation-circle,
    .listouter[id*="notice"]  .fa-download,
    .listouter[id*="notice"]  .fa-keyboard,
    .listouter[id*="notice"]  .fa-graduation-cap,
    .listouter[id*="notice"]  .fa-user,
    .listouter[id*="notice"]  .fa-desktop
     {
        color: #ffa834;
    }

    .listouter[id*="notice"]  .fa-code {
        color: #000;
    }

    .listouter[id*="notice"] .fa-cogs {
        color: #606060;
    }

    .listouter[id*="notice"] .fa-lock {
        color: #1F232F;
    }

    .listouter[id*="notice"] .fa-edit {
        color: #4c7a34;
    }

    .listouter[id*="notice"] .fa-toggle-on {
        color: #676D7e;
    }

    /*---- List Table - Task Icons */
    .listouter [class*="icon-task-"] {
        display: inline-block;
        background-repeat: no-repeat;
    }

    .listouter .icon-task-inprogress {
        background-image: url("/images/icon/task-inprogress.png");
    }

    .listouter .icon-task-complete {
        background-image: url("/images/icon/task-complete.png");
    }

    .listouter .icon-task-success {
        background-image: url("/images/icon/task-success.png");
    }

    .listouter .icon-task-failure {
        background-image: url("/images/icon/task-failure.png");
    }

    .listouter .icon-task-cannotcomplete {
        background-image: url("/images/icon/task-cannotcomplete.png");
    }

    .listouter .icon-task-notstarted {
        background-image: url("/images/icon/task-notstarted.png");
    }

    /*---- List Table - Team Type Icons */
    .listouter .title .fa-chess-king,
    .listouter .title .fa-chess-rook,
    .listouter .title .fa-chess-knight,
    .listouter .title .fa-chess-pawn,
    .listouter .title .fa-chess-bishop {
        vertical-align: baseline;
        margin-left: 3px;
        margin-right: 12px;
        color: #32B588;
    }

    .listouter .title .fa-crown {
        color: #F4D768;
    }

    /* Legacy */
    /*-- List Table Skin - Key Number */
    .listouter.skin .listin .teamtype .row .num .lead {
        color: #C7B769;
    }

    .listouter.skin .listin .teamtype .row .key {
        background: url(/images/css/form-section.png) top left repeat-x #FFF9C1;
        border: 1px solid #FFEC8B;
        display: block;
        color: #000;
        padding: 1px 6px;
    }

    /*-- List Table - String Set */
    .listouter .pagecount {
        display: inline-block;
        margin-left: auto;
        margin-right: auto;
    }

    .listouter .stringcurrent {
        text-align: left;
        padding: 8px 10px;
        white-space: normal;
        word-break: break-all;
        word-wrap: break-word;
    }

    .listouter .stringcurrent,
    .listouter .stringcurrent:after {
        width: 280px;
    }

    .listouter .rowheader .stringcurrent,
    .listouter .rowheader .stringoriginal {
        padding-left: 10px;
    }

    .listouter .stringoriginal {
        text-align: left;
        padding: 8px 10px;
        white-space: normal;
        word-break: break-word;
        word-wrap: break-word;
    }

    .listouter .stringoriginal,
    .listouter .stringorginal:after {
        width: 200px;
        min-width: 200px;
    }

    .listouter .attributes {
        padding: 8px 10px;
        white-space: nowrap;
    }

    .listouter .attributes,
    .listouter .attributes:after {
        width: 150px;
    }

    .stringlist .listouter textarea {
        display: block;
        float: none;
        border: 1px solid #E4E6EC;
    }

    .stringlist .listouter button {
        display: block;
        margin-top: 8px;
        width: 100%;
        height: 36px;
        background-color: #C9CEDB;
        box-shadow: var(--shadow-element);
    }

    .stringlist .listouter button:hover,
    .stringlist .listouter button:focus {
        background-color: #AAB1C1;
    }

    .stringlist .listouter .light {
        display: block;
    }

    .stringlist .listouter .pagecount {
        margin: 8px auto;
    }

    .stringlist .listouter .row.highlight {
        background: #d9edf7;
    }

    .stringlist .listouter .row.highlight.hover {
        background: #CDE3EF;
    }

    .stringlist .listouter [class*="icon-"] {
        height: 16px;
        width: 16px;
        display: inline-block;
        box-sizing: content-box;
        padding: 10px;
        position: relative;
    }

    .stringlist .listouter [class*="icon-"]:before {
        height: 16px;
        width: 16px;
        display: inline-block;
        position: absolute;
    }

    .listouter .context [class*="icon-"],
    .listouter.tagtitle .title [class*="icon-"] {
        height: 16px;
        width: 16px;
        display: inline-block;
        vertical-align: middle;
    }

    .listouter .action .status [class*="icon-"]:before {
        height: 14px;
        width: 14px;
    }

    .listouter .choice [class*="icon-"] {
        height: 16px;
        width: 16px;
        display: inline-block;
    }

    .listouter .choice [class*="icon-"]:before {
        content: "";
        height: 16px;
        width: 16px;
        display: inline-block;
        vertical-align: middle;
    }

    .listouter .radio [class*="icon-"] {
        height: 14px;
        width: 14px;
        display: inline-block;
    }

    .listouter .radio [class*="icon-"]:before {
        content: "";
        height: 14px;
        width: 14px;
        display: inline-block;
        vertical-align: middle;
    }

    .listouter .td.icon [class*="icon-"]:before {
        content: "";
        height: 16px;
        width: 16px;
        display: inline-block;
        vertical-align: middle;
    }

    /*-- List Table Structure - Detail Contents */
    .listouter .status img,
    .listouter .context img,
    .listouter .teamtype_access img {
        vertical-align: middle;
    }

    /*-- List Table Skin - Detail - Key for Group Row */
    .listouter.skin .rowgrouphdr .key,
    .listouter.skin .rowgrouphdr.rowoff .key {
        background: #C3C9D5;
        color: #495267;
        border: 1px solid #AAB1C1;
    }

    /*-- List Table Skin - Detail - Lead Key for Group Row */
    .listouter.skin .rowgrouphdr .num.key .lead,
    .listouter.skin .rowgrouphdr.rowoff .num.key .lead {
        color: #97A0B5;
    }

    .listouter.skin .listin .rowgrouphdr [class*="keynumber"] {
        padding: 0;
    }

    /*-- List Table Skin - HTML Table */
        /* .listtable.is-tbl tr th.td {border-top-width: 1px; border-bottom-width: 1px; border-left-width: 0; border-right-width: 0;} */
        /* .listtable.is-tbl tr th.td:first-child {border-left-width: 1px;} */
        /* .listtable.is-tbl tr th.td:last-child {border-right-width: 1px;} */
        /* .listtable.is-tbl tr:last-child td.td {border-bottom-width: 1px;} */
    .listtable.is-tbl .context,
    .listtable.is-tbl tr td.td.icon,
    .listtable.is-div .td.centered {
        text-align: center;
    }

    .listtable.is-tbl .rowgrouphdr td {
        text-align: left;
    }

    .listtable.is-tbl .rowgrouphdr td.team,
    .listtable.is-tbl .rowgrouphdr td.number,
    .listtable.is-tbl .rowgrouphdr td.check,
    .listtable.is-tbl .rowgrouphdr td.comma {
        text-align: center;
    }

    .listouter.skin.pdftable .listtable .rowgrouphdr td,
    .listouter.skin.emailtable .listtable .rowgrouphdr td {
        color: #fff;
    }

    .listouter.skin.contextwide .td.context {
        text-align: left;
    }

    /*-- List Table Structure - Primary No Wrap (HTML Table)*/
    .listouter.allowtitlewrap .row td.primary.nowrap {
        white-space: nowrap;
    }

    td.td.primary.nowrap {
        white-space: nowrap;
    }

    /*-- List Table Structure - "reporttable" (HTML Table)*/
    .listouter.reporttable .td {
        padding: 8px 10px;
        white-space: normal;
        line-height: 1.3;
    }

    .listouter.reporttable.tbl-style--data .rowheader .td .trunc {
        white-space: normal;
    }

    /*-- List Table Structure - "pdftable" (HTML Table)*/
    .listouter.pdftable tr.rowtotal td,
    .listouter.pdftable tr.rowgrouphdr td {
        text-align: left;
    }

    .listouter.pdftable tr.rowheader td {
        font-size: 95%;
    }

    .listouter.pdftable tr.row td {
        font-size: 100%;
    }

    .listouter.pdftable tr.rowheader td,
    .listouter.pdftable tr.row td {
        padding: 10px 8px;
        text-align: left;
        min-width: 150px;
        white-space: normal;
        line-height: 1.3;
    }

    /*-- List Table Skin - "pdftable" (HTML Table)*/
    .listouter.skin.pdftable table {
        border-collapse: separate;
        border-spacing: 0;
    }

    .listouter.skin.pdftable tr {
        border: none;
    }

    .listouter.skin.pdftable tr.rowheader td {
        border-top: 1px solid #E4E6EC;
        border-left: none;
        border-right: none;
        border-bottom: none;
    }

    .listouter.skin.pdftable tr.rowheader td.isfirst {
        border-left: 1px solid #E4E6EC;
    }

    /*Rendered using HTML4, does not support : first selector */
    .listouter.skin.pdftable tr.rowheader td.islast {
        border-right: 1px solid #E4E6EC;
    }

    /*Rendered using HTML4, does not support : last selector */
    .listouter.skin.pdftable tr.rowgrouphdr td {
        color: #fff;
        border-top: 1px solid #E4E6EC;
        border-left: 1px solid #E4E6EC;
        border-right: 1px solid #E4E6EC;
        border-bottom: none;
    }

    .listouter.skin.pdftable tr.rowtotal td {
        color: #fff;
        background: #1F232F;
    }

    /*-- List Table - Project Home*/
    .projhome .secbody.forums .listouter a[href*="fst=8"] {
        color: #298529;
    }

    .projhome .pop .listouter .title {
        overflow: visible;
    }

    /*allows user cards to display*/
    /*-- List Table - Forum */
    .listouter .listtable .unread {
        font-weight: bold;
    }

    .topics .listouter .rownew {
        padding: 0;
    }

    /*-- List Table - Distribute Col Width*/
    .listouter[class*="distcol"] .td,
    .listouter[class*="distcol"] .td:after {
        max-width: 0;
        min-width: 0;
    }

    .listouter[class*="distcol"] .td.primary {
        padding-left: 0;
        padding-right: 0;
        text-align: center;
        text-indent: 0;
    }

    .listouter[class*="distcol"] .td.primary .title {
        text-align: center;
        margin-right: 0;
    }

    .listouter.distcol3 .td,
    .listouter.distcol3 .td:after {
        width: 33%;
    }

    .listouter.distcol2 .td,
    .listouter.distcol2 .td:after {
        width: 50%;
    }

    .listouter.distcolleft .td.primary {
        text-align: left;
        padding-right: 8px;
        padding-left: 8px;
    }

    .listouter.distcolleft .td.primary .title {
        text-align: left;
    }

    /*-- List Table - Primary Off */
    .listouter.primaryoff .td {
        text-align: left;
    }

    .listouter.primaryoff .rowheader .td {
        padding-left: 10px;
        padding-right: 10px;
    }

    /*-- List Table - IE Overrides */
    .browserie .listtable.is-tbl {
        border-right: 1px solid #E4E6EC;
    }

    /* prevents borders from disappearing */
    .browserie .listtable.is-tbl .primary {
        position: static !important;
    }

    .browserie .listtable.is-tbl .context {
        position: static !important;
    }

    .browserie .listtable.is-tbl .primary.hasactions {
        position: relative !important;
    }

    /* prevents max-width from being ignored */
    /* These items below might be able to be removed, would need to verify */
    .browserie .listouter .key {
        width: 70px;
    }

    .browserie .listouter .rowheader .txtsml {
        width: 137px;
    }

    .browserie .listouter .rowheader .td.primary {
        padding-left: 12px;
        padding-right: 8px;
    }

    .browserie .listouter .rowheader .td.primary .trunc {
        margin: 0;
    }

    .browserie .listouter .rowheader .td.keynumberlead .trunc {
        width: 70px;
    }

    .browserie .listouter .rowheader .td.keynumberlink .trunc {
        width: 70px;
    }

    .browserie .listouter .rowheader .td.active .trunc {
        width: 60px;
    }

    .browserie .listouter .rowheader .td.choice .trunc {
        width: 60px;
    }

    .browserie .listouter .rowheader .td.default .trunc {
        width: 60px;
    }

    .browserie .listouter .rowheader .td.radio .trunc {
        width: 60px;
    }

    .browserie .listouter .rowheader .td.select .trunc {
        width: 190px;
    }

    .browserie .listouter .rowheader .td.useravatar .trunc {
        width: 190px;
    }

    .browserie .listouter .rowheader .td.txtlrg .trunc {
        width: 190px;
    }

    .browserie .listouter .row .td.txtmed a {
        overflow: hidden;
        -ms-text-overflow: ellipsis;
        width: 130px;
        display: block;
    }
    /*LISTTABLE - SPECIFIC AREAS*/
    /*LISTTABLE AREA - TEAM ACCESS*/
    .structure .listouter.table .td.check input.chk {
        margin: 0;
        vertical-align: baseline;
    }

    .structure .listouter.table .td.check input.chk[disabled] {
        cursor: not-allowed;
    }

    .structure .listouter.table .td.check input.chk.disabled {
        pointer-events: none;
        opacity: .3;
    }

    .structure .listouter[id*="team_"] .td.primary {
        width: auto;
        min-width: auto;
        max-width: 200px;
    }

    .structure .listouter[id*="team_"] .td.keynumberlead {
        width: 120px;
        min-width: auto;
        max-width: none;
    }

    .structure .listouter[id*="team_"] .td.check {
        width: 90px;
        min-width: auto;
        max-width: none;
    }

    .structure .listouter[id*="team_"] .row-hide {
        display: none;
    }

        /* .structure .listouter[id*="team_"] .rowgrouphdr .primary {padding:0;} */
    .structure .listouter[id*="team_"] .rowgrouphdr .primary a {
        padding: 8px 10px;
        display: flex;
        width: 100%;
    }

    .listouter.skin[id*="team_"] .rowgrouphdr .key {
        background: #D5DBE0;
        border-color: transparent;
        font-weight: normal;
        max-width: 75px;
    }

    .listouter.skin[id*="team_"] .lead {
        display: none;
    }

    .listouter[id*="team_"] .rowgrouphdr .td {
        border-color: transparent;
        border-bottom: 5px solid #FFFFFF;
    }

    /* FOR NEW LIST TABLE - END */
    /**/
    /**INFO ICONS*/
    .listouter .hasinfoicons {
        padding-right: 0;
    }

    .hasinfoicons .title {
        margin-right: 0;
    }

    .infoicons {
        float: right;
        margin-left: 10px;
        text-align: center;
        background: rgba(0, 0, 0, 0.2);
        line-height: 1;
        position: relative;
    }

    .infoicons-icon .fa,
    .infoicons-icon .fal {
        padding: 10px 16px;
        font-size: 16px;
    }

    .infoicons div {
        display: inline-block;
    }

    /**--------------------------------------------------------*/
    /**GLOBAL COMPONENTS - LISTTABLES*/
    /**OLD LIST TABLE*/
    .listin tr {
        position: relative;
    }

    .listin td.group {
        font-weight: bold;
    }

    .listin td.group a,
    .listin td.group a:hover,
    .listin td.group a:focus {
        color: #fff;
    }

    .listin tr:first-child td.rowempty {
        border-top: none;
    }

    .listin .rownew-inner {
        padding: 8px 10px;
    }

    /**NEW LIST TABLE*/
    /**LIST TABLE - PRIMARY*/
    .listouter .primary > a,
    .tbl-style--mgmt.listouter .primary > .primary-inner-nolink {
        outline: none;
        display: table;
        width: 100%;
        table-layout: fixed; /*NOTE: Necessary for text ellipsis to work*/
    }

    .listouter .primary a:hover,
    .listouter .primary a:focus {
        text-decoration: none;
    }

    .listouter .icon .fa-pencil,
    .listout .fa-pencil {
        color: #d68227;
    }

    .listout .fa-times {
        color: #e61610;
    }

    /**LIST TABLE - PARENT ROW*/
    .listouter .rowgrouphdr.hover:not(.noprimarylink) .td {
        background-image: url("/images/css/20-light.png");
    }

    .listouter .rowgrouphdr .primary.haslink:hover {
        background-image: url("/images/css/30-light.png");
    }

    /**LIST TABLE - CHILDREN ROW*/
    .listouter.has-rowhover .row:hover .td.primary,
    .listouter.has-rowhover .row.hover .td {
        background-color: #E4E6EC;
    }

    .listouter.has-rowhover .row.rowoff:hover .td.primary,
    .listouter.has-rowhover .row.rowoff.hover .td {
        background-color: #C9CEDB;
    }

    /**LIST TABLE - ROW BLANK*/
    .listtable.is-div .row.blank:before {
        content: none;
    }

    /**LIST TABLE - PRIMARY CELL - TITLE INNER*/
    /*
                  Use these styles and w/ appropriate html pattern to
                  display utility components inside the primary cell
              */
    .titleinner {
    /*positioning*/
        display: table;
        width: 100%;
    }

    .titleinner__text,
    .titleinner__utility {
    /*positioning*/
        display: table-cell;
        vertical-align: middle;
    }

    .titleinner__utility {
    /*formatting*/
        text-align: right;
    /*vertical centering*/
        line-height: 1;
    }

    /**LIST TABLE - OVERRIDES - HAS TD CLICK*/
    /*
                      Use this when disabling checkbox in a cell while
                      allowing an outer div to be the click reciever.
                      An utility css class is necessary on the parent
                      table along with another css class to identify
                      the outer div for the new click target.
                      Currently configured on .td.checks only. Expand to
                      other .td's as necessary...
                  */
    .listtable--has-td-click .rowgrouphdr .td.check {
    /*whitespace*/
        padding: 0;
    }

    .listtable__td-click-target .chk {
    /*mouse pointer*/
        pointer-events: none;
    }

    .listtable__td-click-target {
    /*whitespace*/
        padding: 8px 10px;
    /*mouse pointer*/
        cursor: pointer;
    }

    .listouter.skin .td.primary.hasactions:before {
        -webkit-transition: all .1s linear;
        -webkit-animation: all .1s linear;
        animation: all .1s linear;
    }

    /*Table Title*/
    .table__title {
        font-size: 16px;
        margin: 35px 0 10px 0;
    }

    .tbl-cont--survey .table__title,
    .tbl-cont--email .table__title,
    .tbl-cont--macro .table__title,
    .tbl-cont--macro-scheduled .table__title {
        margin-top: 0;
    }

    /*Table Title - Is Error*/
    .listouter.is-err .table__title-text {
        color: #D95151;
    }
    /*Table Title - Is Required*/
    .listouter.is-req .table__title-text:after {
        content: " *";
        color: #D95151;
    }
    /* List Table Borders - Cells */
    .listtable .td {
        box-sizing: border-box;
    }

    .listtable .primary {
        text-align: left;
        position: relative;
        padding: 0 8px;
    }

    /*-- List Table Structure - Title */
    .listouter .title,
    .listouter a .title {
        margin-right: 10px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        -ms-text-overflow: ellipsis;
        text-align: left;
        display: block;
    }

    /*-- List Table Structure - "div" */
    .listouter.div .td:after {
        content: "";
        position: relative;
        top: 0;
        left: 0;
        display: block;
    }

    .listouter.div .row {
        display: table;
        width: 100%;
        border-collapse: separate;
    }

    .listouter.div .row.row-hide {
        display: none;
    }

    .listouter.div .rowset {
        display: block;
    }

    /**LIST TABLE - ROW EXTRA*/
    .listouter .rowextra .td {
        background: #888F9F;
        color: #fff;
        font-weight: 600;
    }

    .listouter .rowextra .td a {
        color: #fff;
    }

    .listouter .rowextra .td a:hover,
    .listouter .rowextra .td a:focus {
        color: #EEF0F3;
    }

    .listouter .rowextra .td .bttn {
        margin-top: 0;
        padding: 4px 8px;
        font-size: 15px;
    }

    /* LISTTABLE - LISTIN
    * ------------------
    * NOTE: These set of styles are used by tables
    * that are still drawn using the old combination
    * of css and table tags. Clean these up whenever
    * possible.
    */
    .listin td {
        background: #fff;
        color: #1F232F;
        padding: 8px 10px;
        position: relative;
        height: 50px;
        border-bottom: 1px solid #EEF0F3;
    }

    .listin .header {
        color: #676D7E;
        line-height: 1;
    }

    /**DELETE CONFIRM*/
    .listin .deleteconfirm {
        background: #B90000;
        color: #fff;
        position: absolute;
        right: 0;
        top: 0;
        height: 100%;
        width: 100%;
        padding: 12px;
    }
    .listin .deleteconfirm .standout {
        color: #fff;
    }
    .listin .deleteconfirm a {
        color: #fff;
        border-radius: 3px;
        padding: 3px 8px;
    }
    .listin .deleteconfirm a:hover,
    .listin .deleteconfirm a:focus {
        color: #fff;
        text-decoration: none;
    }
    /**ROW EMPTY*/
    .listin .rowempty {
        padding: 20px;
        text-align: center;
        color: #676D7E;
        text-shadow: 0 1px 0 #FFF;
        background-color: #F7F8F9;
    }

    .listin .rowempty a {
        color: #676D7E;
        text-decoration: underline;
    }

    /**ADJUSTMENTS FOR Platform Attach Block in Forms*/
    .listin td.hasplatforms {
        padding: 0;
    }


    /**ADJUSTMENTS FOR WIKI STATS*/
    .wikistats .listin .rowempty {
        padding: 8px 10px;
    }

    /* LISTTABLE - BASE
    * ------------------
    * NOTE: These are styles shared across the
    * newer tables.
    */
    .tbl-row-icon {
        color: #c0c0c0;
        margin: 0 15px;
        display: inline-block;
    }
    .tbl-row-icon > .fa-fw {
        width: 18px;
        position: relative;
        left: 1px;
    }
    .tbl-row-icon .cc-fa-stack {
        /*NOTE: necessary adjustment for horizontal alignment...*/
        left: 10px;
    }

    .capacity-exceeded .tbl-row-icon {
        color: #e61610;
    }

    .tbl-header-row-icon {
        margin: 0 15px 0 7px;
        display: inline-block;
    }

    .tbl-header-row-icon > .fa-fw {
        width: 18px;
        position: relative;
        left: 1px;
    }

    /**ROW HEADER*/
    .listouter .listtable .rowheader--hide {
        display: none;
    }
    /**ROW EMPTY*/
    .no-records-placeholder {
        text-align: center;
    }

    .listouter .rowempty .td,
    .no-records-placeholder {
        padding: 70px;
        background: #D8DCE5;
        color: #676D7E;
        border-radius: var(--border-radius-lg);
    }

    .listouter .rowempty a {
        color: #676D7E;
        text-decoration: underline;
    }

    .listouter .rowempty a:hover,
    .listouter .rowempty a:focus {
        color: #676D7E;
        text-decoration: none;
    }

    .listouter.reporttable .rowempty .td {
        padding: 35px;
    }

    /**ROW EMPTY <DIV>*/
    .listouter.div .rowempty {
        display: table;
        width: 100%;
    }

    /**ROW EMPTY - ERROR HIGHLIGHT*/
    .listouter.is-err .rowempty .td {
        background-color: #fdf7f7;
        color: #D95151;
        text-shadow: 0 1px 0 #ffe8e8;
    }
    /**ROW TOTAL*/

    .listouter.skin .rowtotal .td {
        background: none;
        color: #1F232F;
    }

    /**ROW NEW*/
    .listouter .rownew {
        margin: 20px 0 0;
    }

    .listouter .rownew .td {
        border-radius: 4px;
    }

    .listouter .rownew a {
        padding: 12px 16px;
        display: block;
        color: #fff;
        text-align: center;
        background-clip: padding-box;
        box-shadow: var(--shadow-element);
    }

    .listouter .rownew a:hover,
    .listouter .rownew a:focus {
        text-decoration: none;
        color: #fff;
    }

    /**ROW NEW - <TABLE>*/
    .listouter.table .rownewlink {
    /*NOTE: whitespace above row new*/
        margin-top: 20px;
        border-radius: 6px;
    }

    /**ROW*/
    .listouter .row {
        background: #F7F8F9;
        color: #1F232F;
    }

    /**ROW - OVERRIDE*/

    .listouter[data-fa-row] .row:hover .cc-fa-stack--sub {
        /*NOTE: This attempts to darken the text shadow for stacked icon
         * since the rows turn grayish on hover, text shadow should
         * darken as well
         */
        text-shadow: #dcdcdc -1px 0px 0px, #dcdcdc 0 -1px 0px;
    }

    /**GROUP ROW*/
    .listouter .rowgrouphdr {
        background: #1F232F;
        color: #fff;
        font-size: 18px;
    }

    /**ROW ACTIONS - OVERRIDE*/
    .listouter .actions .icon[data-fa-action]:before {
        content: none;
        background-image: none;
    }

    /**ROW OFF*/
    .listouter .rowoff {
        background: #D8DCE5;
    }

    /**ROW OFF - KEY, LEAD*/
    .listouter.skin .rowgrouphdr .key,
    .listouter.skin .rowgrouphdr.rowoff .key {
        background: #C9CEDB;
        color: #595959;
        border: 1px solid #AAB1C1;
    }

    .listouter.skin .rowgrouphdr .num.key .lead,
    .listouter.skin .rowgrouphdr.rowoff .num.key .lead {
        color: #a6a6a6;
    }

    /*GROUP OFF - HEADER*/
    .listouter .groupoff .rowgrouphdr .td {
        font-style: italic;
        background-image: url(/images/css/50-light.png);
    }

    /*GROUP OFF - ROW*/
    .listouter .groupoff .rowoff .td  {
        background-color: #D8DCE5;
    }

    .listouter .groupoff .rowoff .primary.haslink:hover {
        background-color: #C9CEDB;
    }

    .listouter .groupoff .row a {
        text-decoration: none;
    }

    /* LISTTABLE - STRUCTURE
    * ---------------------
    * NOTE: These are styles for each defined
    * table structure type (list, data, management)
    */
    /**"NAV/LIST" TABLES*/
    /**TABLE TITLES*/
    /**HEADER*/
    .tbl-style--list .rowgrouphdr {
        margin-bottom: 20px;
    }    
    
    /* COMPACT LIST TABLE STYLE
     * -----------------------
     * This is a modifier class to be used with tbl-style--list
     * Usage: class="listouter tbl-style--list tbl-style--compact"
     * 
     * It creates a compact appearance by:
     * - Removing margin between group headers
     * - Only applying top border-radius to the first group
     * - Only applying bottom border-radius to the last group or row
     */
    .tbl-style--list.tbl-style--compact .rowgrouphdr {
        margin-bottom: 0;
        border-radius: 0;
    }

    .tbl-style--list.tbl-style--compact .rowempty .td {
        border-radius: 0;
    }
    
    .tbl-style--list.tbl-style--compact .rowset #group_beg .rowgrouphdr {
        border-top-left-radius: var(--border-radius-lg);
        border-top-right-radius: var(--border-radius-lg);
    }

    .tbl-style--list.tbl-style--compact .compact-end .rowgrouphdr,
    .tbl-style--list.tbl-style--compact .compact-end.row {
        border-bottom-left-radius: var(--border-radius-lg);
        border-bottom-right-radius: var(--border-radius-lg);
    }

    .tbl-style--list.tbl-style--compact .row {
        margin-bottom: 0;
        border-radius: 0;
    }

    .tbl-style--list .rowheader {
        color: #676D7E;
        font-size: 16px;
    }

    .tbl-style--list .rowheader--hide+.rowset {
        margin-top: -10px;
    }

    .tbl-style--list.listouter .rowheader .td {
        position: relative;
        padding: 0 8px 8px;
    }

    .tbl-style--list.listouter .rowheader .primary.td {
        padding-left: 15px;
    }

    .tbl-style--list > .table__title + .listtable .rowheader .td {
        padding-top: 8px;
    }

    /**ROW*/
    /**ROW PRIMARY*/
    .listouter.tbl-style--list .row .primary {
        padding-top: 0;
        padding-bottom: 0;
        padding-left: 15px;
        height: 60px;
    }
    .tbl-style--list .row .primary .title {
        font-size: 16px;
        padding-top: 15px;
        padding-bottom: 15px;
        white-space: normal; /*NOTE: allow text to wrap*/
        display: block; /*NOTE: enables text ellipsis*/
    }
    .tbl-style--list .row.rowtotal {
        background: none;
        border: none;
        min-height: auto;
    }

    .tbl-style--list .row.rowtotal.hover .td {
        background: none;
    }
    /**ROW PRIMARY - ALLOW TITLE WRAP**/
    .listouter.tbl-style--list.allowtitlewrap .row .title {
        /*NOTE: apply smaller padding to prevent excessive whitespace
         *      due to increased line height for wrapping titles*/
        padding-top: 14px;
        padding-bottom: 14px;
    }
    /**ROW ICONS*/
    .tbl-style--list[data-fa-row="true"] .row .primary {
        padding-left: 0;
    }

    /**ROW ACTIONS*/
    .tbl-style--list .actions {
        height: 100%;
    }

    .tbl-style--list .actions .action-item {
        line-height: 60px;
        height: 60px;
        width: 45px;
    }

    /**READ ONLY VERTICAL DASH TABLES */
    .tbl-style--list-v-dash .row {
        background-color: #EEF0F3;
        border-color: #fff;
    }
    .tbl-style--list-v-dash .row .td + .td {
        border-left: 1px solid #fff;
    }
    .tbl-style--list-v-dash .row .primary,
    .tbl-style--list-v-dash .row .td + .td {
        height: auto;
    }
    .tbl-style--list-v-dash .row .primary .title {
        padding-top: 10px;
        padding-bottom: 10px;
    }
    .tbl-style--list-v-dash .rowheader {
        border-bottom-color: #fff;
    }
    .tbl-style--list-v-dash.skin .rowtotal {
        border-top-color: #fff;
    }

    /**REPORT ELEMENT DATA TABLES*/
        /*NOTE: These styles are also required in email.css
                Please keep them the same as much as possible!!!*/
        /**REPORT ELEMENT DATA TABLES - ROWS*/
        .tbl-style--list-report .rowheader,
        .tbl-style--list-report .row {
            border-bottom: 1px solid #EEF0F3;
        }
        /**REPORT ELEMENT DATA TABLES - CELLS*/
        .tbl-style--list-report .td,
        .tbl-style--list-report .rowheader .td {
            /*NOTE: Reset widths*/
            width: auto;
            min-width: auto;
            max-width: none;
        }
        /**REPORT ELEMENT DATA TABLES - CELLS - PRIMARY*/
        .tbl-style--list-report .td.primary,
        .tbl-style--list-report .rowheader .td.primary {
            min-width: 200px;
        }
        /**REPORT ELEMENT DATA TABLES - CELLS - DETAIL*/
        .tbl-style--list-report .td.number,
        .tbl-style--list-report .rowheader .td.number {
            min-width: 70px;
            max-width: 200px;
            text-align: center;
        }


    /**"MANAGEMENT" TABLES */
    /**TABLE TITLE*/
    .tbl-style--mgmt .table__title-utility {
        float: right;
    }
    .tbl-style--mgmt .table__title-utility .bttn {
        border: none;
        padding: 4px 10px 4px;
        margin: -1px 0 0;
        letter-spacing: .1em;
        line-height: 1.2;
        font-size: 13px;
        border-radius: var(--border-radius-full);
    }
    .tbl-style--mgmt .table__title {
        margin-bottom: 15px;
    }

    /**TABLE TITLE - INSIDE A .well--hidden*/
    .well--hidden .tbl-style--mgmt .table__title {
        border-bottom: none;
        padding-bottom: 0;
        margin-bottom: 15px;
    }
    .well--hidden .tbl-style--mgmt .table__title {
        text-transform: none;
        letter-spacing: 0;
        background-color: transparent;
        padding: 0;
        font-size: 18px;
        font-weight: bold;
        color: #222;
    }
    .well--hidden .tbl-style--mgmt .table__title .subtext {
          font-size: 18px;
    }
    /**HEADER*/
    .tbl-style--mgmt .rowheader {
        margin-bottom: -35px;
        color:#676D7E;
        font-size:16px;
    }

    #viewitemslist.tbl-style--mgmt .rowheader {
        margin-bottom: 0px;
    }


    .tbl-style--mgmt .rowheader .chk {
        margin: 0;
        position: relative;
        left: 1px;
    }

    .tbl-style--mgmt .rowheader + .rowempty {
        margin-top: 35px;
    }

    .tbl-style--mgmt .rowheader .primary.td {
        padding-left: 15px;
    }

    .tbl-style--mgmt .rowheader .td {
        padding-bottom: 10px;
    }

    /**ROW ANIMATION*/
    .tbl-style--mgmt .row,
    .tbl-style--mgmt .row .td,
    .tbl-style--mgmt .rowgrouphdr,
    .tbl-style--mgmt .rowgrouphdr .td {
        -webkit-transition: all .1s linear;
        -webkit-animation: all .1s linear;
        animation: all .1s linear;
    }

    /**ROW*/
    .tbl-style--mgmt .row,
    .tbl-style--list .row {
        position: relative;
        border: 1px solid #D8DCE5;
        background: #F7F8F9;
        color: #1F232F;
        min-height: 60px;
        margin-bottom: 10px;
        border-radius: var(--border-radius-lg);
        overflow: hidden;
    }

    .tbl-style--mgmt .row.rowoff,
    .tbl-style--list .row.rowoff {
        background-color: #D8DCE5;
    }

    .tbl-style--mgmt .title,
    .tbl-style--mgmt a .title {
        line-height: 60px;
        padding-left:15px;
    }

    .tbl-style--mgmt .title .row-title-icon {
        padding-right: 10px;
    }

    .tbl-style--mgmt.listouter.allowtitlewrap .title {
        padding-left: 15px;
    }

    .tbl-style--mgmt #group_elementratingchoices input[type="text"],
    .tbl-style--mgmt #group_elementratingitems input[type="text"] {
        background-color: #FFF;
    }

    /**ROW - PRIMARY*/
    .listouter.tbl-style--mgmt[data-fa-row="true"] .row .primary {
        padding-left: 0; /*NOTE: Negate whitespace for tables with row icons*/
        height: 60px; /*NOTE: Necessary for actions to align nicely*/
        /*NOTE: Ensure that up to seven actions will maintain
         *      visibility in narrow views*/
        max-width: 328px;
        min-width: 328px;
    }

    /**ROW - TITLE*/

    /**ROW - ARCHIVE FEATURE*/
    .tbl-style--mgmt .row[data-archive] .icon-removeoff,
    .tbl-style--mgmt .row:not(.rowoff)[data-archive] .icon-remove {
        /* NOTE: This needs to be refactored, but removing
         * the remove icon from active items in listtable
         * with the new archive-feature*/
        display: none;
    }

    /**GROUP ROW*/
    .tbl-style--mgmt .rowgrouphdr {
        height: 60px;
        border-radius: 6px;
        margin-bottom: 20px;
    }

    .tbl-style--mgmt.listouter .rowgrouphdr .primary {
        padding-left: 0px;
    }

    .tbl-style--mgmt .rowgrouphdr .primary .title {
        line-height: 18px;
        margin: 0;
        font-size: 18px;
        letter-spacing: 0;
        font-weight: bold;
    }

    .indent-text .rowgrouphdr .td.primary {
        padding-left: 25px;
    }

    /*HIDE ARCHIVE ICON IF ITEM/GROUP IS ARCHIVED/INCOMPLETE OR GROUP IS ON ARCHIVED PAGE*/
    .tbl-style--mgmt .rowset.groupoff [id^="group_"][data-archive] .rowgrouphdr .icon-archive,
    .tbl-style--mgmt .rowset .row.rowoff .icon-archive,
    .tbl-style--mgmt.archive-list .rowgrouphdr .icon-archive {
        display: none;
    }

    /*HIDE SHARE IF ITEM IS ACTIVE && HIDE SHARE IF ITEM IS INCOMPLETE */
    .tbl-style--mgmt .rowset:not(.groupoff) [id^="group_"][data-archive] .rowgrouphdr .icon-share,
    .tbl-style--mgmt .rowset .row:not(.rowoff) .icon-share,
    .tbl-style--mgmt .rowset:not(.groupoff) [id^="group_"][data-archive] .rowgrouphdr .icon-remove,
    .tbl-style--mgmt .rowoff[data-archive="True"] .icon-removeoff,
    .tbl-style--mgmt .row.rowoff[data-archive='4'] .icon-share {
        display: none;
    }

    /**ROW LINK*/
    /*NOTE: Increase specificity to prevent action-items from
     *receiving these styles...*/
    .tbl-style--mgmt .row .primary > a,
    .tbl-style--mgmt .row .primary > a:focus,
    .tbl-style--mgmt .row .primary > a:hover {
        color: #1F232F;
    }

    /**ROW HOVER*/
    .tbl-style--mgmt .row:hover .td.primary {
        border-left-width: 10px;
        border-left-style: solid;
        border-top-left-radius: 6px;
        border-bottom-left-radius: 6px;
    }
    .tbl-style--mgmt .rowgrouphdr:hover .td.primary {
        border-left-width: 10px;
        border-left-style: solid;
        border-top-left-radius: 6px;
        border-bottom-left-radius: 6px;
        background-image: url(/images/css/10-dark.png);
    }

    .tbl-style--mgmt .groupoff .rowoff:hover .td,
    .tbl-style--mgmt .groupoff .rowoff:hover .td.primary {
        background-color: #C9CEDB;
    }

    .tbl-style--mgmt .tbl-row-icon {
        display: none;
    }

    /**ROW ALL*/
    .tbl-style--mgmt .rowall {
        margin-top: 20px;
    }

    /**ROW BLANK*/
    .tbl-style--mgmt .row.blank {
        min-height: 0;
        margin: 0;
        padding: 0;
        border: none!important;
    }

    /**ROW DRAGGED*/
    .tbl-style--mgmt .row.dragged {
        position: absolute;
        opacity: 0.8;
        z-index: 2000;
    }

    .tbl-style--mgmt .placeholder {
        position: relative;
        margin: 0;
        padding: 0;
        border: none;
    }

    .tbl-style--mgmt .placeholder:before {
        position: absolute;
        content: "";
        width: 0;
        height: 0;
        margin-top: -5px;
        left: -5px;
        top: -4px;
        border: 5px solid transparent;
        border-right: none;
    }

    .tbl-style--mgmt .action-item[data-fa-action],
    .tbl-style--mgmt .action-item[data-ico-action] {
        font-size: 18px;
        line-height: 60px;
        height: 60px;
    }

    .tbl-style--mgmt .action-item {
        width: 45px;
    }

    .tbl-style--mgmt .actions {
        height: 60px;
    }

    .tbl-style--mgmt .listtable .deleteconfirmbtn.yes,
    .tbl-style--mgmt .listtable .deleteconfirmbtn.no {
        margin-top: 10px;
    }

    .listouter .listtable .dragged .primary:hover .actions {
        display: none;
    }

    /**GROUP SET*/
    .tbl-style--mgmt .listtable.is-div [id*="group_"] {
        margin: 35px 0 0;
    }

    /**INFO ICONS*/
    .tbl-style--mgmt.div .td .infoicons {
        position: absolute;
        top: 0;
        right: 0;
        background: #EEF0F3;
        background: rgba(0, 0, 0, 0.04);
        height: 60px;
    }

    .tbl-style--mgmt.div .td .infoicons i {
        line-height: 60px;
    }

    .tbl-style--mgmt.div .td .infoicons img {
        vertical-align: middle;
        padding: 10px;
    }

    .tbl-style--mgmt.div .td .infoicons img {
        vertical-align: middle;
        padding: 10px;
    }

    /**MGMT <TABLE>*/
    /**MGMT <TABLE> - ANIMATION*/
    .tbl-style--mgmt.table {
        border-collapse: collapse;
    }

    .tbl-style--mgmt.table .title {
        -webkit-transition: all .1s linear;
        -webkit-animation: all .1s linear;
        animation: all .1s linear;
    }

    /**MGMT <TABLE> - ROW HOVER*/
    .tbl-style--mgmt.table .row:hover .td.primary {
    /*NOTE: UNDO EXISTING, SO ANIMATION CAN BE APPLIED TO .title*/
        border: none;
    }

    /**MGMT <TABLE> - PRIMARY*/
    .tbl-style--mgmt.table .row .primary {
        padding-left: 0;
        padding-right: 0;
    }

    .tbl-style--mgmt.table .row .primary a.title {
        display: block;
    }

    .tbl-style--mgmt.table .row .primary .title {
        padding-left: 8px;
        padding-right: 8px;
    }

    .tbl-style--mgmt.table .row:hover .primary .title {
        border-left-width: 10px;
        border-left-style: solid;
    }

    /**MGMT <TABLE> - BORDERS*/
    .tbl-style--mgmt.table .row + .row .td {
        border-top: none;
    }

    /**"MANAGEMENT" TABLES - INLINE EDITABLES*/
        /*NOTE: Currently only suppported for mgmt style tables*/
        .tbl-style--mgmt.has-inline-edit .row:not(.rowform) .primary .title {
            display: block;
            overflow: visible;
            margin-right: 32px;
            margin-top: 0;
            padding-right: 8px;
        }
        .tbl-style--mgmt.has-inline-edit .row .td[class*="txt"] {
            padding-top: 7px;
            padding-bottom: 7px;
        }
        /*FORM ELEMENT CHOICES (EDITABLE INLINE)*/
        .tbl-style--mgmt.has-inline-edit .row:not(.rowform) input[type="text"] {
            border: 1px solid transparent;
            height: auto;
            padding: 4px 8px;
            width: 100%;
            text-overflow: ellipsis;
            -webkit-transition: none;
            -moz-animation: none;
            -ms-animation: none;
            animation: none;
        }
        .tbl-style--mgmt.has-inline-edit .row:not(.rowform).hover input[type="text"] {
            border: 1px solid #D8DCE5;
        }

        .tbl-style--mgmt.has-inline-edit .rowoff input[type="text"] {
            font-style: normal;
        }

        .tbl-style--mgmt.has-inline-edit .row .td.number {
            font-size: inherit;
        }

        .tbl-style--mgmt.has-inline-edit .hide {
            display: none;
        }

        /*Form Admin Element Choices Section */
        .tbl-style--mgmt.form-admin-element-choices.has-inline-edit .row:not(.rowform) .primary .title {
            margin-right: 0px;
            padding-right: 0px;
            padding-left: 0px;
        }
        .tbl-style--mgmt.has-inline-edit .row:not(.rowform) input[type="text"] {
            border: 1px solid #D8DCE5;
        }
        /* TODO: Need a better solution for this lame override :( */
        .tbl-style--mgmt.has-inline-edit.listouter .txtlrg {
            width: auto;
        }

        /*FORM ELEMENT CHOICES (EDITABLE INLINE) - INPUT ERROR*/
        .tbl-style--mgmt.has-inline-edit .row.hover .td.td-err input,
        .tbl-style--mgmt.has-inline-edit .row .td.td-err input {
           border-color:#ec746f;
           box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
           color: #D95151;
           background-color: #fdf7f7;
        }
        .tbl-style--mgmt.has-inline-edit .row .td.td-err input:focus {
            border: 1px solid #ec746f!important;
            box-shadow: var(--shadow-element-error-focus) !important;
        }

    /**"MANAGEMENT" TABLES - ROW FORM*/
        /*NOTE: Currently only suppported for mgmt style tables*/
        /**TABLE - ROW FORM - ROW*/
        .tbl-style--mgmt .rowform .td.hasinput {
            padding-left: 10px;
            padding-right: 10px;
        }
        .tbl-style--mgmt .rowform .td.hasinput:first-child {
            padding-left: 0;
        }
        .tbl-style--mgmt .rowform .td.hasinput:last-child {
            padding-right: 0;
        }
        .tbl-style--mgmt .rowform .td.hasinput[class*="check"]:last-child {
            padding-left: 0;
        }
        /**TABLE - ROW FORM - ROW - HOVER*/
        .tbl-style--mgmt.has-rowhover .rowform:hover .td.primary {
            border-left: none;
        }
        .tbl-style--mgmt.has-rowhover .rowform:hover .td.primary,
        .tbl-style--mgmt.has-rowhover .rowform.hover .td {
            background-image: none;
            background: none;
        }
        /**TABLE - ROW FORM - GROUP*/
        .tbl-style--mgmt.has-rowhover .listtable.is-div [id="group_rowform"] {
            margin-top: 10px;
        }
        .tbl-style--mgmt #group_rowform .rowform {
            background: none;
            border: transparent;
        }
        /**TABLE - ROW FORM - ROWNEW*/
        .tbl-style--mgmt.has-rowform .rownew {
            margin-top: 0;
        }
        /**TABLE - ROW FORM - ROW CONTENT*/
        .tbl-style--mgmt .rowform .bttn {
            margin-top: 0;
            height: 44px;
        }
        .tbl-style--mgmt .rowform .bttn-icon {
            font-size: 12px;
        }
        /**TABLE - ROW FORM - INVALID*/
        /* TODO: clean up this one-off rule at time of refactor*/
        .rowform .form-err select:not([multiple]) {
            height: 44px;
        }

    /**"TABULAR DATA" TABLES*/
    /**TABLE*/
    .tbl-style--data .listtable.is-tbl {
        /*NOTE: BORDER COLLAPSE SEPARATE IS
         *      NECESSARY TO PREVENT TABLES
         *      FROM EXCEEDING NATURAL 100%
         *      WIDTH. WITHOUT THIS UNWANTED
         *      HORIZONTAL AUTO SCROLL WAS
         *      DISPLAYING FOR REPORTING
         *      ELEMENT PREVIEWS.*/
        border-collapse: collapse;
        border-color: transparent;
        border-spacing: 0;
    }

    /**TITLE*/
    /**HEADER*/
    .tbl-style--data .rowheader .td {
        color: #000;
        padding: 8px 16px 8px 8px;
        line-height: 1.3;
        font-size: 14px;
        font-weight: normal;
        min-width: 150px;
        border-bottom: 6px solid #D8DCE5;
    }

    .tbl-style--data .rowheader .td.number {
        padding: 8px;
    }

    .tbl-style--data .rowheader a,
    .tbl-style--data .rowheader a:hover,
    .tbl-style--data .rowheader a:focus {
        color: #AAB1C1;
    }

    /**ROW*/

    .tbl-style--data .listtable.is-tbl .row {
        height: 50px;
        background-color: #fff;
    }

    .tbl-style--data .listtable.is-tbl .row td:first-child {
        border-left: 1px solid #E4E6EC;
    }

    .tbl-style--data .listtable.is-tbl .row td {
        border-right: 1px solid #E4E6EC;
        border-bottom: 1px solid #E4E6EC;
    }

    .tbl-style--data .listtable.is-tbl .row + .row td {
        border-top: 1px solid #E4E6EC;
    }

    .tbl-style--data .listtable.is-tbl .row.rowoff {
        background-color: #D8DCE5;
        color:#1F232F;
    }

    .tbl-style--data .listtable.is-tbl .row.rowoff a {
        color:#1F232F;
    }

    .tbl-style--data .listtable.is-tbl .rowlast.footer .td {
        border-bottom: none;
        background-color: #ffffff;
        color: #1F232F;
        padding-top: 15px;
    }


    .tbl-style--data .listtable.is-tbl .row.ui-selecting,
    .tbl-style--data .listtable.is-tbl .row.selected {
        background-color: #FFFCD8;
    }


    /* HOVER AFFECTS */
    .tbl-style--data.has-rowhover .row.rowoff:hover,
    .tbl-style--data.has-rowhover .row.rowoff {
        background-color: #C9CEDB;
    }

    .tbl-style--data.has-rowhover .row:hover .td.primary,
    .tbl-style--data.has-rowhover .row.hover .td {
        background-image: none;
    }

    .tbl-style--data.has-rowhover .row:hover,
    .tbl-style--data.has-rowhover .row.hover {
        background: #EEF0F3;
    }

    .tbl-style--data.has-rowhover .row.ui-selecting:hover,
    .tbl-style--data.has-rowhover .row.ui-selecting.hover,
    .tbl-style--data.has-rowhover .row.selected:hover,
    .tbl-style--data.has-rowhover .row.selected.hover {
        background-color: #F4D768;
    }

    .tbl-style--data.has-rowhover .row.selected.ui-selecting {
        background: #EEF0F3;
    }

    .tbl-style--data.has-rowhover .row.selected.ui-selecting:hover,
    .tbl-style--data.has-rowhover .row.selected.ui-selecting.hover {
        background-color: #D8DCE5;
    }


    /**PRIMARY*/
    .tbl-style--data .primary > a,
    .tbl-style--data .primary > .primary-inner-nolink {
        /*NOTE: Following styles are necessary resets
         * related to text ellipsis behavior needed
         * on other tables */
        display: block;
        table-layout: auto;
        width: auto;
    }

    /**DETAILS - NUMBER*/
    .tbl-style--data .row .td.comma,
    .tbl-style--data .row .td.number,
    .tbl-style--data .row .td.keynumber {
        font-size: 15px;
    }

    /**HAS SORT HEADERS*/
    .hassortheaders .rowheader .td:not(.context) {
        vertical-align: bottom;
        padding: 0;
        /*NOTE: this height is necessary for sort
         *      headers to get bg color to toggle
         *      with 100% height upon hover*/
        height: 50px;
    }

    .hassortheaders .rowheader a {
        /*NOTE: necessary to apply display table
         *      so a tag stretches to fill 100%
         *      of the height of parent container*/
        display: table;
        height: 100%;
        width: 100%;
        padding: 11px 8px;
        overflow: hidden;
        text-overflow: ellipsis;
        -ms-text-overflow: ellipsis;
        color: #1F232F;
        position: relative;
    }
    .hassortheaders .rowheader .rowheader__text {
        /*NOTE: necessary to align text towards
         *      the bottom of the cell*/
        display: table-cell;
        vertical-align: middle;
    }
    .hassortheaders .rowheader a:hover,
    .hassortheaders .rowheader a:focus {
        color: #1F232F;
        text-decoration: none;
        background-color: #AAB1C1;
    }

    .hassortheaders .rowheader .td[class*="sort"],
    .hassortheaders.tbl-style--recruitment .rowheader a {
        border-bottom-width: 6px;
        border-bottom-style: solid;
    }

    .tbl-style--recruitment .rowheader .td {
        border-bottom: 0;
    }

    .hassortheaders .rowheader [class*="sort"] .rowheader__text:before,
    .hassortheaders .rowheader [column-header-text]:before {
        font-size: 13px;
        margin-right: 8px;
    }

    .hassortheaders .rowheader .sortasc .rowheader__text:before,
    .hassortheaders .rowheader .ascending [column-header-text]:before {
        content: "\25B2";
    }

    .hassortheaders .rowheader .sortdesc .rowheader__text:before,
    .hassortheaders .rowheader .descending [column-header-text]:before {
        content: "\25BC";
    }

    /**HAS SORT HEADERS - CONTEXT COLUMN - CHECKBOX*/
    .hassortheaders .chk {
        margin: 0;
        vertical-align: middle;
    }

    /**HAS SORT HEADERS - ON A MANAGEMENT TABLE*/
    .hassortheaders.tbl-style--mgmt .rowheader .trunc {
        display: inline-block;
    }
    .hassortheaders.tbl-style--mgmt .rowheader__text {
        padding: 8px;
    }
    .hassortheaders.tbl-style--mgmt .rowheader a:hover,
    .hassortheaders.tbl-style--mgmt .rowheader a:focus {
        background: none;
    }
    .hassortheaders.tbl-style--mgmt .rowheader .rowheader__text:before {
        position: relative;
        top: -2px;
    }
    .hassortheaders.tbl-style--mgmt .rowheader .rowheader__text i {
        margin-right: 1em; /*NOTE: PREVENTS SPAN RESPONSIBLE FOR TRUNCATION FROM CUTTING OFF ITALIC TEXT*/
    }

     /**HAS SORT HEADERS - ON A DATA TABLE*/
    .hassortheaders.tbl-style--data .rowheader a {
        padding: 8px 16px 8px 8px;
    }

    .hassortheaders.tbl-style--data .rowheader .number a {
        padding: 8px;
    }

    /*TODO: FIND PROPER HOME*/
    /**TABLE / HOMEPAGE CONTENT TITLES */
        .tbl-style--list .table__title,
        .tbl-style--mgmt .table__title
        {
            padding: 10px 0 15px 0;
            font-size: 20px;
            font-weight: 600;
            color: #1F232F;
            line-height: 1;
        }
        .tbl-style--list .table__title .subtext,
        .tbl-style--mgmt .table__title .subtext {
              font-size: 12px;
        }

    /**TABLE HEADER COLLAPSIBLE - EXPERIMENTAL*/
        [data-header-toggle-status] .table__title {
            position: relative;
            padding-left: 33px;
        }
        [data-header-toggle-status] .table__title-switch {
            position: absolute;
            left: 0;
            top: 0;
            padding: 10px 8px 10px 10px;
            line-height: 1;
            cursor: pointer;
        }
        [data-header-toggle-status="collapsed"] .fa-minus-square {
            display: none;
        }
        [data-header-toggle-status="collapsed"] .table__title {
            margin-bottom:0;
        }
        [data-header-toggle-status="collapsed"] .listtable {
            display: none;
        }
        [data-header-toggle-status="expanded"] .fa-plus-square {
            display: none;
        }
    /**TABLE HEADER COLLAPSIBLE - EXPERIMENTAL - INTERACTIVITY*/
        [data-header-toggle-status] .table__title-switch:hover,
        [data-header-toggle-status] .table__title-switch:focus {
            opacity: 0.8;
        }

    /* LISTTABLE - MODIFICATION
    * ------------------------
    * NOTE: These styles further modify the look of a
    * table. Typically driven by contents or area of
    * the site or combination of both. Never assume
    * that one type of content will always display in
    * the same way. This modification layer helps to
    * keep things organized.
    */
    /**TEAM ACCESS TABLE*/
    .tbl-cont--team-access .listtable {
        border-collapse: separate;
        border-spacing: 0 5px;
    }

    .tbl-cont--team-access .listtable .td:first-child {
        border-radius: 0;
        border-top-left-radius: var(--border-radius-lg);
        border-bottom-left-radius:var(--border-radius-lg);
    }

    .tbl-cont--team-access .listtable .td:last-child {
        border-radius: 0;
        border-top-right-radius: var(--border-radius-lg);
        border-bottom-right-radius:var(--border-radius-lg);
    }

    .tbl-cont--team-access .listtable .row,
    .tbl-cont--team-access .listtable .rowgrouphdr {
        height: 50px;
        border: none;
        cursor: pointer;
        background-color: transparent;
    }

    .tbl-cont--team-access .row input[type="checkbox"],
    .tbl-cont--team-access .rowgrouphdr input[type="checkbox"] {
        cursor: pointer;
    }

    /* GROUP TEAM ROW */
    .tbl-cont--team-access .row .td {
        background: #EEF0F3;
        color: #1F232F;
    }

    .tbl-cont--team-access .listtable .rowgrouphdr .td {
        border-bottom: 0px;
    }

    .tbl-cont--team-access .rowgrouphdr .title {
        font-weight: bold;
    }

    .tbl-cont--team-access .rowgrouphdr .tbl-row-icon {
        color: #676D7E;
    }

    .tbl-cont--team-access .row .tbl-row-icon {
        display: none;
    }

    .tbl-cont--team-access .row .infoicons {
        background: #AAB1C1;
        color: #4C5163;
        border-radius: 4px;
    }

    .tbl-cont--team-access.listouter .hasonclick {
        padding: 0;
    }

    .tbl-cont--team-access .rowgrouphdr.hover:not(.noprimarylink) .td {
        background-image: none;
    }

    .tbl-cont--team-access .title .fa-chess-king,
    .tbl-cont--team-access .title .fa-chess-rook,
    .tbl-cont--team-access .title .fa-chess-knight,
    .tbl-cont--team-access .title .fa-chess-pawn,
    .tbl-cont--team-access .title .fa-chess-bishop,
    .tbl-cont--team-access .title .fa-chess-clock {
        vertical-align: baseline;
        margin-left: 5px;
        margin-right: 12px;
        color: #FFFFFF;
    }

    .tbl-cont--team-access .row .td {
        background: #EEF0F3;
        color: #1F232F;;
        height: auto;
        padding: 8px 10px;
    }

    .well--hidden .tbl-cont--team-access .row .td,
    .well .tbl-cont--team-access .row .td {
        background: #FFFFFF;
    }

    /*Specific for FireFox Browser*/
    .tbl-cont--team-access.browserff table .td {
        position: static;
    }

    .tbl-cont--team-access.listouter .row .primary {
        padding: 0;
        height: auto;
    }

    .tbl-cont--team-access.listouter .row .title {
        padding: 8px 10px;
        font-size: 16px;
        display: block;
    }

    .tbl-cont--string-set-log table {
        table-layout: fixed;
    }

    .tbl-cont--string-set-log .row .primary .title {
        display: block;
    }

    /**TEAM ACCESS TABLE - ICONS*/
    .tbl-cont--team-access .listtable .primary .teamname {
        width: calc(100% - 37px); /*38px is the Icon width + 10 Left/Right Margins*/
        display: inline-block;
        float: right;
    }

    /**TEAM ACCESS TABLE - WELL HIDDEN*/
    .well--hidden .tbl-cont--team-access {
        margin-left: 20px;
        margin-right: 20px;
    }
    .well--hidden .well--hidden .tbl-cont--team-access {
        margin-left: 0;
        margin-right: 0;
    }
    /**ADJUSTMENTS FOR FEEDBACK GROUP*/
    .tbl-cont--feedback-group .primary > a {
        display: table;
        width: 100%;
        height: 100%;
    }
    .tbl-cont--feedback-group.listouter .title {
        display: table-cell;
        vertical-align: middle;
    }
    .tbl-cont--feedback-group.table .row {
        border-left: none;
        border-right: none;
    }
    .tbl-cont--feedback-group.table .row .primary .title {
        font-size: 18px;
        padding-top: 20px;
        padding-bottom: 20px;
    }
    /**ADJUSTMENTS FOR FORUM LIST*/
    .tbl-cont--forum-list.table .row .primary {
        padding: 0;
    }
    .tbl-cont--forum-list .row .primary > a {
        display: block;
    }
    .tbl-cont--forum-list .titleoutertable {
        display: table;
        height: 100%;
    }
    .tbl-cont--forum-list .tbl-row-icon {
        display: none;
    }
    .tbl-cont--forum-list .forum__title {
        display: table-cell;
        vertical-align: middle;
        padding: 20px 10px 20px 15px;
    }
    .tbl-cont--forum-list.table  .forum__title .forumtitle {
        font-size: 18px;
        display: block;
    }
    .tbl-cont--forum-list.table .forumdesc {
        display: block;
    }
    /**ADJUSTMENTS FOR FORUM LIST - ROW HOVER*/
    .tbl-cont--forum-list tr.row .titleoutertable {
        -webkit-transition: all .1s linear;
        -webkit-animation: all .1s linear;
        animation: all .1s linear;
    }
    .tbl-cont--forum-list tr.row:hover .titleoutertable {
        border-left-style: solid;
        border-left-width: 10px;
    }
    /**ADJUSTMENTS FOR FORUM TOPIC*/
    .tbl-cont--forum-topic.table .row .primary {
        overflow: hidden;
        padding: 0;
    }
    .tbl-cont--forum-topic .titleoutertable {
        display: table;
    }
    .tbl-cont--forum-topic .forum-topic__title-outer {
        display: table-cell;
        vertical-align: middle;
        padding: 20px 10px 20px 15px;
    }
    .tbl-cont--forum-topic .forum-topic__title {
        font-size: 18px;
        display: inline-block;
    }
    .tbl-cont--forum-topic .forum-topic__icons {
        margin-top: 5px;
        margin-left: 5px;
        display: inline-block;
    }
    /**ADJUSTMENTS FOR FORUM TOPIC - ROW HOVER*/
    .tbl-cont--forum-topic tr.row .titleoutertable {
        -webkit-transition: all .1s linear;
        -webkit-animation: all .1s linear;
        animation: all .1s linear;
    }
    .tbl-cont--forum-topic tr.row:hover .titleoutertable {
        border-left-style: solid;
        border-left-width: 10px;
    }
    /**ADJUSTMENTS FOR TABLE TYPE "BIG NUM"*/
    .tbl-style--big-num {
        margin-left: -15px;
        margin-right: -15px;
        padding-left: 15px;
        padding-right: 15px;
    }
    .tbl-style--big-num .listtable {
        display: table!important;
        width: 100%;
    }
    .tbl-style--big-num .table__title {
        background: #EEF0F3;
        padding: 8px 10px;
        font-size: 15px;
        color: #1F232F;
        text-transform: uppercase;
        letter-spacing: 0.15em;
        margin-bottom: 0;
        font-weight: bold;
    }
    .tbl-style--big-num.listouter .td {
        text-align: center;
        width: 100px;
    }
    .tbl-style--big-num.listouter .rowheader {
        display: table-row;
        font-size: 18px;
    }
    .tbl-style--big-num.listouter .rowheader .td {
        padding: 4px 5px 4px 5px;
        line-height: 1.2;
    }
    .tbl-style--big-num.listouter .row {
        display: table-row;
    }
    .tbl-style--big-num .row .td {
        font-size: 40px;
        padding-top: 20px;
        height: auto;
        padding-left: 5px;
        padding-right: 5px;
    }
    .tbl-style--big-num .row .td .thousands,
    .tbl-style--big-num .row .td .millions {
        font-size: 32px;
    }
    .tbl-style--big-num .lead {
        display: none;
    }
    .tbl-style--big-num.listouter .is-selected a {
        text-decoration: underline;
    }
    .tbl-style--big-num.listouter .is-selected a:focus {
        text-decoration: underline;
        outline: none;
    }
    /**ADJUSTMENTS FOR TABLE TYPE "BIG NUM" - IE BROWSERS*/
    .browserie .tbl-style--big-num .listtable {
        table-layout: fixed;
    }

    /**ADJUSTMENTS FOR FORUM TITLE*/
    .listouter.skin.allowtitlewrap .forumtitle {
        font-weight: bold;
    }

    /**ADJUSTMENTS FOR REPORT ELEMENTS TABLE*/
    .tbl-cont--report-elements .row .primary .title:before {
        content: none !important;
    /**DOING*/
    }

    .tbl-cont--report-elements .row .primary .title {
        padding-left: 8px !important;
    /**DOING*/
    }

    .tbl-cont--report-elements .svg-report-icon {
        width: 20px;
        height: 20px;
        vertical-align: bottom;
        border: 1px solid #ccd2d7;
        border-radius: 3px;
    }

    /**ADJUSTMENTS FOR ONBOARDING TABLE*/
    .tbl-cont--onboarding .listtable > .rowset + .rowset [id*="group_"] {
    /*NOTE: Remove v-ws between these groups*/
        margin-top: 0;
    }

    /*NOTE: This CSS is used to keep the ActionRollUp Functionality in the Opportunity Management Table intact. The icons are no longer needed in the rows, but the group*/
    /*TODO: Row still needs them to exist there to properly build it's links/icons. This can be updated when that functionality is adjusted in a later time*/
    .tbl-cont--onboarding .row .actions .icon-moderateusers,
    .tbl-cont--onboarding .row .actions .icon-moderatekeys,
    .tbl-cont--onboarding .row .actions .icon-moderateusersoff,
    .tbl-cont--onboarding .row .actions .icon-moderatekeysoff,
    .tbl-cont--onboarding .rowgrouphdr .actions .icon-moderateusersoff,
    .tbl-cont--onboarding .rowgrouphdr .actions .icon-moderatekeysoff {
        display: none;
    }

    /**ADJUSTMENTS FOR ONBOARDING NOTICES TABLE*/
    .tbl-cont--notice .rowgrouphdr {
    /**OVERRIDE: Ok to override theme colors*/
        background-color: #1F232F !important;
        color: #fff !important;
    }

    .tbl-cont--notice .row .primary .title:before {
        content: none !important;
    /**DOING*/
    }

    .tbl-cont--notice .row .primary .title {
        padding-left: 8px !important;
    /**DOING*/
    }

    /**ADJUSTMENTS FOR TABLES LOADED VIA DASHBOARD CLICK*/
    .tbl-cont--dash-list {
        padding-top: 20px;
        padding-bottom: 10px;
    }

    /**ADJUSTMENTS FOR PROJECT LIST*/
    .tbl-cont--project-list-alt.div .rowheader {
        display: none;
    }

    /**ROW*/
    .tbl-cont--project-list-alt .row {
        margin-bottom: 10px;
    }

    .tbl-cont--project-list-alt .row .td {
        border-bottom-width: 10px;
        border-bottom-style: solid;
        padding: 0;
    }

    .tbl-cont--project-list-alt .primary > a {
        display: block;
        padding: 20px;
    }

    .tbl-cont--project-list-alt a .title {
    /**TODO: LOWER SPECIFICY WHEN POSSIBLE*/
        font-size: 26px;
        font-weight: bold;
        color: #fff;
        line-height: 1;
        margin: 0;
    }

    .tbl-cont--project-list-alt .tbl-row-icon {
        font-size: 28px;
        color: #fff;
        margin-left: 0;
    }

    /**ROW HOVER*/
    .tbl-cont--project-list-alt .row:hover .td.primary {
        border-left: none;
        background-image: url(/images/css/10-light.png);
    }

    /**ROW ACTIONS*/
    .tbl-cont--project-list-alt .actions {
        background: rgba(0, 0, 0, 0.18);
    }

    /**ROW SET*/
    .tbl-cont--project-list-alt .rowset {
        border-bottom: none;
    }

    /**ADJUSTMENTS FOR USER SUMMARY LOGS*/
    .tbl-style--log.div .rowheader {
        display: none;
    }

    .tbl-style--log .table__title {
        margin-bottom: 0;
    }

    /**ADJUSTMENTS FOR TABLE HEADER STYLE OVERRIDES*/
    .tbl-header-style--match-data .table__title {
        font-weight: bold;
        font-size: 18px;
        margin: 20px 0 15px 0;
        text-transform: none;
        letter-spacing: 0;
        background-color: transparent;
        border-bottom: none;
        color: #1F232F;
        padding: 0;
    }

    /**CONTEXT - ADJUSTMENTS FOR ROLES*/
    /*-- List Table Structure - "div" */

    .listouter.tbl-cont--role.div .td:after {
        content: "";
        position: relative;
        top: 0;
        left: 0;
        display: block;
    }

    .listouter.tbl-cont--role.div .rowheader .td.check {
        padding: 0;
    }

    .listouter.tbl-cont--role.div .rowgrouphdr .td.check {
        padding: 12px 0;
    }

    .listouter.tbl-cont--role .row .primary {
        min-width: 300px;
        padding-top: 0;
        padding-bottom: 0;
    }

    .listouter.tbl-cont--role .row .check {
        min-width: 70px;
    }

    .tbl-cont--role .row .primary .title {
        font-size: 15px;
        padding-top: 10px;
        padding-bottom: 10px;
    }

    [data-tablecontent="roles"] table {
        table-layout: fixed;
    }

    [data-tablecontent="roles"] .primary {
        min-width: 300px;
    }

    [data-tablecontent="roles"] .check {
        width: 50px;

    }

    /**ADJUSTMENTS FOR USER SUMMARY - TASK LISTS*/
    .tbl-cont--task-lists .td.icon {
        /*NOTE: Unsure how other tables are using
        .td.icon but this one is displaying numbers.
        Applying font styles to match other table
        cells displaying numbers.*/
        font-size: 18px;
    }
    /**ADJUSTMENTS FOR QUICK SEARCH*/
        /**PRIMARY*/
        [class*="tbl-cont--qs-results"] .row .primary .title {
            padding-top: 10px;
            padding-bottom: 10px;
        }

        /**ROW EXTRA*/
        [class*="tbl-cont--qs-results"] .rowextra .td {
            padding: 0;
            background: none;
        }
        [class*="tbl-cont--qs-results"] .rowextra .td a {
            display: block;
            text-align: center;
            margin-top: 20px;
            padding: 12px 14px;
            border-radius: var(--border-radius-full);
            font-size: 16px;
        }
        [class*="tbl-cont--qs-results"] .rowextra .td a:hover,
        [class*="tbl-cont--qs-results"] .rowextra .td a:focus {
            text-decoration: none;
        }
    /**ADJUSTMENTS FOR #lookup__table-container*/
    #lookup__table-container .rowheader .td {
        padding-top: 20px;
    }
    /**ADJUSTMENTS FOR FEEDBACK ADVANCED LIST*/
    .tbl-cont--fb-adv-list.listouter .row .primary {
        padding: 0;
    }
    .tbl-cont--fb-adv-list .row .primary > a,
    .tbl-cont--fb-adv-list .row .primary > .primary-inner-nolink {
        float: left;
        padding: 11px 10px;
    }
    .browserie .tbl-cont--fb-adv-list .cancheck .primary {
        position: relative!important; /*NOTE: IE11 and Edge requires important to override the default position static*/
        max-width: 100%!important; /*NOTE: this ensures that IE11 and Edge gets 100% width without negatively impacting other browsers*/
    }
    .tbl-cont--fb-adv-list .cancheck .primary > a,
    .tbl-cont--fb-adv-list .cancheck .primary > .primary-inner-nolink,
    .tbl-cont--other-feedback .cancheck .primary > .primary-inner-nolink {
        /*NOTE: Creates space for action icon while
         *preventing overlap with primary cell text*/
        margin-right: 42px;
    }
    .tbl-cont--fb-adv-list .icon.checkout,
    .tbl-cont--other-feedback .icon.checkout {
        position: absolute;
        right: 0;
        top: 0;
        display: block;
        background-color: #000;
    }
    .tbl-cont--fb-adv-list .icon.checkout a,
    .tbl-cont--other-feedback .icon.checkout a {
        color: #fff!important;
        display: block;
        width: 50px;
        height: 50px;
        text-align: center;
        line-height: 50px;
    }
    .tbl-cont--other-feedback .icon.checkout a {
        width: 60px;
        height: 60px;
        text-align: center;
        line-height: 60px;
    }
    .tbl-cont--fb-adv-list .icon.checkout a:hover,
    .tbl-cont--other-feedback  .icon.checkout a:hover {
        background-image: url('/images/css/50-Light.png');
    }

    /**ADJUSTMENTS FOR FEEDBACK WORKFLOW PARAM TABLE*/
        /**UNSET*/
            .tbl-cont--fb-workflow-params[data-ui-type="unset"] [data-ui-wrkflw-tbl-title-subtext] {
                display: none;
            }
            .tbl-cont--fb-workflow-params[data-ui-type="unset"] .rowset {
                display: none;
            }
            .tbl-cont--fb-workflow-params[data-ui-type="unset"] .rowempty.hidden {
                display: table;
                background: none;
                padding: 0;
            }
        /**DYNAMIC*/
            .tbl-cont--fb-workflow-params[data-ui-type="dynamic"] [data-ui-wrkflw-row-subtext-req] {
                display: none;
            }
        /**SIMPLIFIED*/
            .tbl-cont--fb-workflow-params[data-ui-type="simplified"] [data-ui-wrkflw-tbl-title-subtext] {
                display: none;
            }
            .tbl-cont--fb-workflow-params[data-ui-type="simplified"] [data-ui-wrkflw-row-dynamic] {
                display: none;
            }
        /**DEFAULT SUBMITTER*/
            .tbl-cont--fb-workflow-params [data-ui-wrkflw-row-subtext-req] {
                display: none;
            }
            .tbl-cont--fb-workflow-params[data-ui-type="simplified"][data-ui-submitter="false"] [data-ui-wrkflw-row-subtext-req] {
                display: inline;
            }

    /**ADJUSTMENTS FOR FEEDBACK ELEMENT PARAM TABLE*/
        .tbl-cont--fb-element-params .primary i {
            color: #fff;
            background-color: #888F9F;
            border-radius: 14px;
            line-height: 1px;
            padding: 8px 3px 6px 2px;
            text-align: center;
            font-size: 11px;
            -webkit-transition:all .1s linear;
            -moz-animation:all .1s linear;
            -ms-animation:all .1s linear;
            animation:all .1s linear;
            position: absolute;
            right: 0px;
            top: 24px;
        }
        #file-element-params.tbl-cont--fb-element-params .primary i {
            color: inherit;
            background-color: inherit;
        }
        .tbl-cont--fb-element-params .primary i:hover,
        .tbl-cont--fb-element-params .primary i:focus {
            background-color: #545454;
        }

    /**ADJUSTMENTS FOR KB RESULTS*/
        /**ROW EXTRA*/
        [class*="tbl-cont--kb-results"] .rowextra .td {
            padding: 0;
            background: none;
        }
        [class*="tbl-cont--kb-results"] .rowextra .td a {
            display: block;
            text-align: center;
            margin-top: 20px;
            padding: 12px 14px;
            border-radius: var(--border-radius-full);
            font-size: 18px;
        }
        [class*="tbl-cont--kb-results"] .rowextra .td a:hover,
        [class*="tbl-cont--kb-results"] .rowextra .td a:focus {
            text-decoration: none;
        }
     /**BROWSER - FIREFOX ISSUES*/
        /*NOTE: Necessary to display borders on trs*/
        .tbl-style--mgmt.browserff table {
            border-collapse: collapse;
        }
        .tbl-style--mgmt.browserff table tr {
            position: static;
        }

    /**ADJUSTMENTS FOR API KEYS*/
      .tbl-cont--ip-addresses .primary {
        width: 50%;
      }

    /*FORM OVERVIEW (TABLE OF ELEMENTS)*/
    .tbl-cont--form-admin-overview {
        padding: 70px;
    }
    .tbl-cont--form-admin-overview .form-req .title:after {
        content: " *";
        color: #b90000;
    }

    .tbl-cont--form-admin-overview .form-req .primary.has-ellipsis .title {
        position: relative;
        padding-right: 20px;
    }

    .tbl-cont--form-admin-overview .form-req .primary.has-ellipsis .title:after {
        position: absolute;
        right: 0;
        margin-right: 10px;
    }

    /**FORM ELEMENTS - PII AND TITLE ELLIPSIS*/
        .tbl-cont--form-admin-overview .has-ellipsis .title [data-icon-id="pii"] {
            right: 20px;
            top: -1px;
            position: absolute;
            height: 50px;
            line-height: 50px;
            z-index: 1;
            border: 1px solid transparent;
            box-sizing: content-box;
         }
         .tbl-cont--form-admin-overview .row[data-is-pii] .has-ellipsis .title {
            padding-right: 36px;
         }

    .tbl-cont--form-admin-overview .row.is-child-element {
        background: #e4e6ec;
    }

    .tbl-cont--form-admin-overview .row.is-label-element {
        font-weight: bold;
    }

    /*FORM ELEMENT CHOICES (EDITABLE INLINE)*/
    .tbl-cont--form-admin-element-list input[type="text"] {
        border: 1px solid transparent;
        height: auto;
        padding: 4px 8px;
        width: 100%;
        -webkit-transition: none;
        -moz-animation: none;
        -ms-animation: none;
        animation: none;
    }

    .tbl-cont--form-admin-element-list .row.hover input[type="text"] {
        border: 1px solid #D8DCE5;
    }

    .tbl-cont--form-admin-element-list .rowoff input[type="text"] {
        font-style: normal;
    }

    .tbl-cont--form-admin-element-list .row .td.number {
        font-size: inherit;
    }

    .tbl-cont--form-admin-element-list .primary .title {
        display: block;
        margin-right: 46px;
        margin-top: 2px;
    }

    .tbl-cont--form-admin-element-list .hide {
        display: none;
    }

    .tbl-cont--form-admin-element-list.sortable .rowheader .td {
        padding-top: 8px;
    }
    .tbl-cont--form-admin-element-list.sortable .rowheader .td.active-sort {
        -webkit-box-shadow: inset 1px -125px 0px -123px rgba(20,56,201,1);
        -moz-box-shadow: inset 1px -125px 0px -123px rgba(20,56,201,1);
        box-shadow: inset 1px -125px 0px -123px rgba(20,56,201,1);
    }

    .tbl-cont--form-admin-element-list.sortable .rowheader .td.primary:hover,
    .tbl-cont--form-admin-element-list.sortable .rowheader .td.txtlrg:hover
     {
        background-color: #EEF0F3;
        cursor: pointer;
        user-select: none;
    }

    .tbl-cont--form-admin-element-list.sortable [data-sort]:before {
        margin-right: 5px;
    }

    .tbl-cont--form-admin-element-list.sortable [data-sort="0"]:before {
        content: "\25B2";
    }

    .tbl-cont--form-admin-element-list.sortable [data-sort="1"]:before {
        content: "\25BC";
    }

    /* TODO: Need a better solution for this lame override :( */
    .tbl-cont--form-admin-element-list.listouter .txtlrg {
        width: auto;
    }

    .form-admin-element-rating-choices  .row .icon-remove {
        display: none;
    }

    .form-admin-element-rating-choices .row:last-of-type .icon-remove {
        display: block;
    }

    .form-admin-element-rating-choices .row[data-dataset-index="0"] .icon-remove {
        display: none;
    }

    /**ADJUSTMENTS FOR SEARCH RESULTS*/
        .tbl-cont--search-results .row {
            cursor: pointer;
        }

        .tbl-cont--featurelist .row .primary .title {
            display: flex;
            align-items: center;
        }
        .tbl-cont--featurelist .row .rating a {
            padding: 6px 12px;
            border-radius: 21px
        }
        .tbl-cont--featurelist .row .rating a:hover {
            text-decoration: none;
        }

.listouter .td .image-bar-graph img {
    display: inline;
    height: 8px;
}

/* Row highlighting classes for jQuery UI selectable */
.listouter .row.ui-selecting,
.listouter .row.selected {
    background: #fffde2;
}

.listouter .row.selected.ui-selecting {
    background: #EEF0F3;
}

/* jQuery DataTables styles */
.dataTables_wrapper .td.primary {
    padding-top: 15px;
    padding-bottom: 15px;
    padding-left: 15px;
}

.dataTables_wrapper tr.odd,
.dataTables_wrapper tr.even {
    position: relative;
}

.dataTables_wrapper .deleteconfirm {
    display: block;
}

.dataTables_wrapper .dataTables_empty {
    background: #D8DCE5;
    border-radius: 12px;
    color: #676D7E;
    padding: 70px;
    text-align: center;
}