/*
  MEDIA QUERIES USED
  @media (max-width: 649px) - EDGE TO EDGE
  @media (min-width: 650px) - ADDS SPACING AROUND THE PAGE
*/

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

    /*FONTS*/
    /*Z-INDEX*/
    /*FOCUS*/
    /*CURSOR*/
    /*BORDER-RADIUS*/
    /*RESETS*/

    /*LAYOUT ––––––*/
    /*LAYOUT - SITE*/
    /*LAYOUT - PAGE*/
    /*LAYOUT - SLIDER*/

    /*COMPONENTS –––––––––––––––*/
    /*COMPONENTS - PAGE BOTTOM BAR*/
    /*COMPONENTS - AVATARS*/
    /*COMPONENTS - TABS*/
    /*COMPONENTS - BUTTONS*/
    /*COMPONENTS - FORM ELEMENTS*/
    /*COMPONENTS - DIV TABLES*/
    /*COMPONENTS - COLUMNS*/
    /*COMPONENTS - GRIDS*/
    /*COMPONENTS - FORM CONTAINERS*/
    /*COMPONENTS - HR*/
    /*COMPONENTS - PAGE SECTION*/
    /*COMPONENTS - DELETE CONFIRM*/

    /*3RD PARTY ––––––––––––*/
    /*3RD PARTY - UI DIALOG*/
    /*3RD PARTY - JGROWL*/

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

    /*MODULES ––––––––––––––––––*/
    /*MODULES - TOP BAR*/
    /*MODULES - DEV TOOL*/
    /*MODULES - SUPPORT BAR*/
    /*MODULES - TOOL BARS*/
    /*MODULES - PAGINATION*/
    /*MODULES - USER DISPLAY*/
    /*MODULES - LISTTABLES*/
    /*MODULES - LISTIN TABLES*/
    /*MODULES - LISTABLE AND ROWS*/
    /*MODULES - INFOBOXES*/
    /*MODULES - UPLOAD*/
    /*MODULES - QUICK BUTTONS*/
    /*MODULES - LEFT NAV*/
    /*MODULES - RIGHT TIPS*/
    /*MODULES - NEXTBACK*/
    /*MODULES - BAR TOP BOX*/
    /*MODULES - BAR TRAIL*/
    /*–––––––––––––––––––––––––––––––––*/

    /*INTERNAL MODULES*/
    /*EXTERNAL MODULES*/
    /*PAGE SPECIFIC STYLES*/
    /*REPORTING PDF*/
    /*UTILITIES*/
    /*REFACTORS OR OVERRIDES*/
    /*BROWSER SPECIFIC STYLES*/
    /*BROWSER OVERRIDE STYLES*/

/*––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
/**FONTS AND TYPOGRAPHY*/

/*––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
/**Z-INDEX*/

    .panel.panel-open {
        z-index: 2;
    }

    /* -- Z-Index Adjustments for Firefox */

    .forumtopic.forumtopiclist .mLiOuter.mCentered {
        z-index: 2;
    }

    .forumtopic.forumtopiclist .mLiBtnAccess.mRight.expand {
        z-index: 3;
    }

    .forumtopic.forumtopiclist .mLiBtn.mRight.mLiZup {
        z-index: 4;
    }

    .forumtopic.forumtopiclist .mLiBtn.mRight:after {
        width: 60px;
    }

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

    :focus {
        outline: none !important;
    }

/**––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
/**CURSOR*/

    .trail,
    .tips,
    .tips,
    #trailview .title,
    .mLiOuter.mMoreNone > a,
    .mLiOuter.mMoreNone > a,
    .mLiBtn,
    .teamtype_access img:hover,
    .help,
    .panelsearch .cancel-search,
    #mQuickBtns li:hover,
    .btn {
        cursor: pointer;
    }

    .mt {
        -webkit-touch-callout: none!important;
        -webkit-user-select: none!important;
        -khtml-user-select: none!important;
        -moz-user-select: none!important;
        -ms-user-select: none!important;
        user-select: none!important;
    }

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


    /* -- Border Radius */

    .avatar.small,
    .avatar.small img,
    #sortheaders .header,
    .mLiBtn .key {
        border-radius: 0px;
    }

    .stringlist .pagecount div,
    .mLiOuter .editable_textarea {
        border-radius: 2px;
    }

    .itemhard,
    .open .more,
    .titletool .sel,
    .wikihistory .size,
    .wikilist .size,
    .wikistats .size,
    .wikihistory .active,
    .wikihistory .rejected,
    .txt,
    select,
    textarea,
    .pass,
    .assignplatform .hidden,
    .statuslabel,
    .note,
    .kb .deep,
    .mLiPill small a,
    .tiptool,
    .mLiPillSub,
    .addfile .file,
    .security {
        border-radius: var(--border-radius-md);
    }

    .fbcard.fbmobile.hidecard,
    .fbcard.fbmobile .action .actionin a,
    .btn,
    .menudrop,
    .msgstatus div,
    .rollmenusmall a,
    .wikiauthor,
    .wikilocked,
    .wikiunapproved,
    .wikideactivated,
    .wikiunapprovededits,
    .wikieditnow a,
    .wikiresolve,
    .wikiconflict,
    .article .comments .count,
    .teamtype_access .tooltip,
    .open .postdate,
    .draftload,
    a.tooltip:hover span,
    #sliderContent a,
    .devtools a.tool,
    .login .txt {
        border-radius: var(--border-radius-full);
    }

    .mLiTip > div,
    #mAuthor,
    .thread .post .message,
    .modfv a,
    .mComment blockquote {
        border-radius: 5px;
    }

    .founduser,
    .submitbar .options a,
    .hint,
    .assignplatform.inline,
    .projhome .block,
    .savingform,
    .taskdesc p,
    .secbody.assignplatform,
    .assignplatform.inline,
    .mLiStuff .key,
    #curr_avatar .file,
    #panel .wrapper > div:first-child,
    .fbcard.fbmobile .votecol {
        border-radius: var(--border-radius-full);
    }

    .menudropoff,
    .projtools .intro,
    .inlinenotice,
    .open .unavail,
    .dv,
    .ui-widget-shadow,
    .thread .post .tools span {
        border-radius: var(--border-radius-lg);
    }

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

    /*TODO: VERIFY AND CLEAN*/

    *,
    ::after,
    ::before {
        -webkit-text-size-adjust: none;
        -ms-text-size-adjust: none;
        text-size-adjust: none;
        tap-highlight-color: none;
        tap-highlight-color: transparent;
        focus-ring-color: transparent;
        outline: none;
        -webkit-overflow-scrolling: touch;
    }

    html {
        line-height: 1.4;
    }

    body {
        width: 100%!important;
    }

    ul li {
        margin-bottom: 10px;
    }

    small {
        display: inline-block;
    }

    ul,
    ol {
        padding-left: 1em;
    }

    ul.mResetUL,
    .mResetUL li,
    .mResetUL ul {
        background: none;
        padding: 0;
        margin: 0;
        border: 0;
    }

    .resetUL,
    .resetUL li {
        list-style: none;
        padding: 0;
        margin: 0;
    }

    #myform {
        min-width: 320px;
    }

    /*DISPLAY NONE FOR MOBILE*/

    .panelsearch,
    .panelprojjump,
    .paneltips,
    .trailtoggle.expanded ~ td,
    .projtools a[id^="tool_"] p.desc,
    .sitedesc,
    #sliderWrap,
    #sortheaders .header {
        display: none;
    }

    /**FORM CHECKBOX - ALIGN TEXT TO LEFT WHEN WRAPPING OCCURS*/

    label[data-chk-checkboxcollapse="3"] input {
        margin-left: -20px;
        top: 1px;
    }

    /**FORM TEXT*/

    input[type="text"] {
        max-width: 100%!important;
    }

    [data-elem-type="text-entry"] .elem--has-unit  input[type="text"] {
        max-width: 50%!important;
    }

    /**FORM DATE*/

    @media (max-width: 649px) {
        input[type="text"].date {
            width: 100% !important;
        }
    }
    div[id$="Date"] td {
        display: block;
    }

    div[id$="Date"] td select {
        width: auto!important;
    }

    blockquote {
        overflow: hidden;
        text-overflow: ellipsis;
    }
    input[id^=intChart] {
        width: auto;
    }

    select[name="D2"] {
        width: 100px;
    }

    input[type="button"],
    input[type="submit"] {
        -webkit-appearance: none;
    }

    input[type="password"] {
        width: 100%;
    }

    input[type="text"][size="5"] {
        max-width: 40%;
        display: inline-block;
        border: 1px #C9CEDB solid;
    }

    select {
        margin-bottom: 10px;
        width: 100%;
        line-height: 38px;
        font-size: 16px;
        padding: 0 10px;
        max-width: 100%!important;
        height: 38px;
    }

    @media (max-width: 649px) {
        body.print {
            margin: 0;
        }
    }

    [data-elem-type="matrix"] [data-label-type="header"] {
        padding-right: 20px;
        padding-left: 20px;
    }


    [data-elem-type="matrix"] [data-label-type="header"] .formelm-rs__inputs label {
        border-color: #ffffff;
        border-radius: 0;
    }

    [data-elem-type="matrix"] .formelm-rs__row-label-top {
        padding: 0 0 5px 0;
    }

    [data-elem-type="stack-rank"] .sortable--container[data-form-state] {
        flex-direction: column;
        width: initial;
        /* This disables double tap to zoom, but still allows pinching */
        touch-action: manipulation;
    }

    [data-elem-type="stack-rank"] .sortable--container .sortable--area {
        /* This disables the gray box that would appear when tapping in iOS Safari */
        -webkit-tap-highlight-color: rgba(0,0,0,0);
    }

    [data-elem-type="stack-rank"] .sortable--container[data-form-state="create"] .sortable--area:first-of-type {
        margin-right: 0;
        margin-bottom: 20px;
    }

/**––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
/**LAYOUT - SITE*/

    .sitebanner {
        display: none;
    }

    .sitecontent {
        padding: 0;
    }

    .layout-letter .sitetopbar {
        /*positioning*/
        position: fixed;
        /*dimension*/
        width: 100%;
        /*wrap*/
        white-space: nowrap;
        /*overflow*/
        overflow: scroll;
    }
    .layout-letter .sitetopbar + .sitelayout {
        padding-top: 50px;
    }

    .layout-letter .sitelogo img {
        max-width: 60%;
    }

    .landing.layout-letter .userinfo .form-row [class*=col-] {
        margin-top: 10px!important;
    }

    /**LAYOUT - DIST FREE*/
        .layout-distfree:not(.page-hasfixedbtmbar) .page {
            margin-bottom: 0;
        }
    /**LAYOUT - UNWRAPPPED*/
        .layout-unwrapped .siteheader {
            height: 0;
        }
        body.layout-unwrapped .page .pageheader {
            display: block;
            margin-top: -20px;
        }
    /**SITE FOOTER*/
        .sitefooter .footer-item {
            display: block;
            margin: 0;
        }

/**––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
/**LAYOUT - PAGE*/

    [data-page-width] .pageouter {
        min-width: 320px;
        width: 100%;
        max-width: 650px;
    }

    .page {
        padding: 20px;
        border-radius: 0 !important;
    }
    /*ADJUSTMENT FOR LAYOUT TYPE*/
        .layout-distfree .page {
            /*NOTE: prevents margin collapse*/
            padding-top: 1px;
            padding-bottom: 1px;
            padding-left: 20px;
            padding-right: 20px;
        }

    .pagetools {
        display: none;
        width: 100%;
        padding-bottom: 20px;
    }

    .pagetools .tool {
        float: none;
        margin-left: 0 !important;
        margin-bottom: 20px;
    }

    .pagetools .tool .bttn,
    .bttn-full-width {
        height: 50px;
        width: 100%;
        justify-content: center;
    }

    .pagetools .fb-backnext-container .bttn.bttn-icon {
        width: 100%;
    }

    .alternative-login-bttns .bttn {
        padding: 0.65em 16px;
    }

    body:not(.layout-letter) .pagebody {
        margin-top: -20px;
    }

    body:not(.layout-letter) .pageheader {
        display: none;
    }

    .pagebody .useraccount {
        margin-top: 20px;
    }

    [data-ui-entity=content-notice] .pagebody,
    [data-ui-entity=content-presentation] .pagebody,
    [data-ui-entity=content-preview] .pagebody {
        margin-top: 0 !important;
    }

    .pagetitle {
        display: none;
    }

    .pagecontent {
        background: #fff;
        border-top: solid 1px transparent;
        position: relative;
        top: -1px;
    }

    .pagelayout {
        background: none!important;
        padding: 0!important;
    }

    .pageheaderbox {
        display: none;
    }

    .pagebacktotop {
        display: none;
        position: fixed;
        z-index: 1;
        bottom: 0;
        right: 0;
        margin: 10px;
    }

    .pagebacktotop.pagebacktoptop--pull-left {
        right: auto;
        left: 0;
    }

    .pagebacktotop .bttn i {
        border-top: 2px solid #fff;
        margin-top: 2px;
    }

    .pageheader h2 {
        font-size: 24px;
    }

    .layout-letter .pageheader {
        margin-top: 0;
    }

    .layout-letter .pagetitle {
        display: block;
    }

    /**––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
    /**LAYOUT - UNWRAPPED*/
        .layout-unwrapped .pagetitle {
            display: block;
        }
        .layout-unwrapped .pageheader {
            padding-bottom: 0;
        }


    .pagetopbar {
        padding-top: 20px;
    }

    .pagetopbar .draftwidget .form-group {
        padding: 20px;
    }

    .pagetopbar .infobox {
        border-radius: var(--border-radius-lg);
    }

    .pagetopbar .infobox .infobox-body {
        padding-bottom: 20px;
        text-align: center;
    }

    .pagetopbar .infobox .infobox-button-wrapper {
        display: table-row;
        text-align: center;
    }

    .draftwidget {
        padding-bottom: 20px;
    }

    .pagetopbar .bttn-block,
    .fbcreate .bttn-block {
        line-height: 1.2;
    }
    @media (max-width: 649px) {
        /**PAGE*/
        .pagetopbar {
            margin: 0 20px;
        }
        .pagetopbar .bttn-block,
        .fbcreate .bttn-block {
            white-space: normal;
        }
    }

    @media (min-width: 650px) {
        /*DISPLAY THE PAGE CONTENTS INSIDE A MAX-WIDTH RESTRICTED CONTAINER W/ WHITESPACE AGAINST A LIGHT GRAY BACKGROUND*/
        .page {
            margin-top: 20px;
            margin-bottom: 20px;
        }
    }

    .landing .page .section:last-of-type,
    .landing .page .pagebody:first-child .section:first-child {
        border-radius: 0;
    }

    .landing-opportunity-message {
        font-size: 20px;
    }

    .landing .landing-panels-container {
        gap: 0;
        margin-top: 0;
    }

    .landing .landing-panels-container .landing-content-title {
        background-color: #FFFFFF;
        margin: 0;
        padding-top: 40px;
        padding-left: 40px;
        padding-right: 40px;
        font-size: 28px;
        width: 100%;
    }

    .landing .landing-panels-container .landing-panels-set {
        gap: 0;
    }

    .landing .landing-panels-container .landing-panels-set {
        width: 100%;
        min-width: 100%;
        max-width: 100%;
        margin: 0;
    }

    .landing .landing-panels-container .landing-panel {
        border-radius: 0;
        padding: 40px;
        box-shadow: none;
        border-bottom: 2px solid #E4E6EC;
    }

    .landing .landing-panels-container .landing-panel+.open-opp-container {
        margin-top: 0;
    }


    .landing .login-widget-message.landing-panels-floating-message {
        padding: 20px 20px;
        margin: 0;
        font-size: 20px;
        border-radius: 0;
        border: none;
        width: 100%;
    }

    .landing .landing-panel .landing-utilstring {
        border-radius: 0 !important;
        margin-left: -40px;
        margin-right: -40px;
    }

    .landing .landing-panel .landing-utilstring.panel-top {
        margin-top: -40px;
        border-top: 1px solid #E4E6EC;
    }

    .landing .landing-panel .landing-utilstring.panel-bottom {
        margin-bottom: -40px;
    }


/**––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
/**LAYOUT - SLIDER*/

    html,
    body {
        height: 100%;
        -webkit-overflow-scrolling: touch;
    }

    /****/
    .st-content-inner {
        position: relative;
    }

/**––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
/**LAYOUT - MODALS*/

    .modal-style-default {
        min-width: auto;
    }
    .modal_btn_close {
        margin: 0;
    }
    .modal_container {
        margin-top: 20px;
    }

/**––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
/**COMPONENTS - PAGE BOTTOM BAR*/

    .pagefixedbtmbar {
        /*NOTE: mobile will default to hidden to help save
         *      space on the screen, will display via js
         *      when page has reached the bottom*/
        display: none;
        padding: 10px;
    }
    .pagefixedbtmbar-inner {
        width: auto;
        max-width: 720px;
    }

/**––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
/**COMPONENTS - AVATARS*/

    .displayavatar .listouter .postername {
        line-height: 1;
    }


/**––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
/**COMPONENTS - HIDDEN*/

    .hidden h5 {
        margin-top: 5px;
    }

    .hidden .hidden table {
        margin: 0;
    }

    .hidden-in {
        padding: 5px 10px;
    }

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

    .bttn-xl {
        font-size: 24px;
    }

/**––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
/**COMPONENTS - HR*/

    /*TODO: OLDER STYLES, VERIFY AND CLEAN*/

    hr {
        border: 0;
        border-bottom: 1px solid #E4E6EC;
        color: #fff;
        font-size: 0;
        line-height: 0;
        height: 0;
        margin: 20px 0;
        display: block;
    }

    hr.hrnomobile {
        display: none!important;
    }

    hr.form2,
    hr.hrspacemobile {
        border: 0;
        border-bottom: none;
        margin: 20px 0;
        width: 100%;
    }

/**––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
/**COMPONENTS - PAGE SECTION*/
    .section-header {
        margin-top: 40px;
        margin-bottom: 20px;
        padding-bottom: 10px;
        border-color: #C9CEDB;
        margin-left: -20px;
        margin-right: -20px;
        padding-left: 20px;
        padding-right: 20px;
    }
    /*TODO: OLDER STYLES, VERIFY AND CLEAN*/

    .section-header .util {
        display: none;
        white-space: nowrap;
    }

    .section-header.h3-hasutil .util {
        display: block;
    }

    .section-header.h3-hasutil .section-header-inner {
        display: flex;
        position: relative;
        min-height: 42px;
        height: auto;
        align-items: center;
    }

    .section-header.h3-hasutil .section-header-inner .section-header-util {
        height: 100%;
        position: absolute;
        right: 0;
        display: none;
    }

    .section-header.h3-hasutil .section-header-inner .section-header-util.comment-util {
        display: initial;
        margin-right: 20px;
    }

    .section-header.h3-hasutil .section-header-inner .section-header-title.comment-title .title i {
        display: none;
    }

    .section-header.h3-hasutil .section-header-inner .section-header-util.comment-util .util .bttn {
        display: none;
    }

    .section-header.h3-hasutil .section-header-inner .section-header-util.comment-util .util.actions {
        display: flex;
        align-items: center;
    }

    .section-header.h3-hasutil .section-header-inner .section-header-util.comment-util .util .bttn#ReverseOrder {
        display: initial;
    }

    .section-header.h3-hasutil .section-header-item.section-header-util .util {
        padding: 0;
        height: 100%;
    }

    .section-header .lbl {
        color: #fff;
        line-height: 1;
        padding: 10px 0;
        display: table-cell;
        vertical-align: middle;
    }

    .section-header.h3txt {
        background: none;
        color: #222;
        margin: 25px 0 10px 0!important;
    }

    .section-header.h3txt:before,
    .h3txt:after {
        content: none;
    }

    .section-header.formsectionlink div > a {
        padding: 8px;
        padding-left: 2.2em;
        outline: none!important;
        text-decoration: none;
    }

    .section-header.formsectionlink b {
        font-size: inherit;
        padding: 0;
    }

    .section-header.formsectionlink a+small {
        display: table-cell;
        vertical-align: middle;
        float: none;
        line-height: 1.1;
    }

    .section-header span .sel {
        border-radius: 2px;
    }

    .section-header-title {
        overflow: hidden;
        max-width: calc(100vw - 40px);
    }

    .section-header-toggle {
        padding-bottom: 0px;
    }

    .section-header-toggle .title {
        padding: 10px 0px;
    }

    .mTrAbs .section-header {
        margin: 0;
    }

    .mTrAbs .section-header {
        display: block!important;
    }
    .panel h3 {
        margin-left: 0;
        margin-right: 0;
        margin-bottom: 0;
        border-radius: 0;
        padding: 8px 10px 9px;
        color: #fff!important;
        background: #888F9F!important;
        font-weight: 900;
        font-size: 18px;
    }

    /* Activity Media Section header Adjustment for Utility Link */
    .activity-media-header.section-header  .section-header-inner {
        flex-direction: column;
        align-items: start;
        gap: 15px;
    }
    .activity-media-header.section-header  .section-header-item.section-header-util {
        display: inherit;
        position: static;
    }

/**COMPONENT - ROTATING LOADER*/
.rotating-loader {
    font-size: 18px;
    padding: 10px 15px;
    width: 100%;
}

.rotating-loader i {
    font-size: 24px;
    margin-right: 8px;
}




    .h3bar .opts {
        white-space: nowrap;
    }
    .articlesingle .section-header {
        margin-top: 20px;
    }

/**––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
/**3RD PARTY - CALENDAR*/

    .calendar {
        z-index: 100;
    }

/**––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
/**3RD PARTY - UI DIALOG*/

    .ui-dialog-content li a {
        text-align: center;
    }

    .ui-dialog.ui-dialog-cc-quick-view-form .ui-dialog-content {
        padding: 20px;
    }

/**––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
/**3RD PARTY - JGROWL*/

    .jGrowl.cc-jGrowl-theme-dark-outer.center {
        min-width: 100%;
        max-width: 100%;
        padding-left: 10px;
        padding-right: 10px;
        left: 0;
    }

    .jGrowl.cc-jGrowl-theme-dark-outer.center .jGrowl-notification {
        min-width: 100%;
        max-width: 100%;
    }

/**––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
/**MODULES - TOOL BAR*/

    @media (max-width: 650px) {
        .Toolbar__section--grid {
            /*TODO: Avoid these one off styles at time of refactor*/
            padding-bottom: 15px;
            padding-top: 5px;
        }
        .Toolbar__section--grid .form-row:first-child [class*="form-control"],
        .Toolbar__section--grid .form-row:first-child .bttn:first-child,
        .Toolbar__section--grid .form-checkbox--bttn {
            /*TODO: Avoid these one off styles at time of refactor*/
            margin-top: 0;
            margin-bottom: 0;
        }
    }

/**––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
/**MODULES - TOP BAR*/

    .topbar {
        position: static;
    }

/**––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
/**MODULES - LISTTABLES*/

    /*TODO: VERIFY AND CLEAN*/


    .listouter .rowheader .td {
        padding: 10px!important;
    }

    .listouter .rowgrouphdr .td {
        padding: 10px!important;
    }

    .listouter .btnactions {
        box-sizing: border-box;
        cursor: pointer;
        text-align: center;
        padding: 6px 0 3px;
        width: 46px;
        height: 42px;
        position: absolute;
        right: 0;
        top: 0;
        border-right: 1px solid #DCDFE2;
        border-left: 1px solid #DCDFE2;
        border-bottom: 1px solid #DCDFE2;
        -webkit-border-bottom-left-radius: var(--border-radius-base);
        border-bottom-left-radius: var(--border-radius-base);
        background-color: #fff;
    }

    .listouter .btnactions i {
        font-size: 30px;
        line-height: 1;
        position: relative;
        top: 1px;
    }

    .listouter .btnactions:hover,
    .listouter .btnactions:active,
    .listouter .btnactions:focus {
        background-color: #DCDFE2;
        border-color: #C9CEDB;
    }

    .listouter .tapped .btnactions {
        background-image: url(/images/css/10-dark.png);
        border-color: transparent;
    }

    .listouter .tapped .btnactions:before {
        color: #888F9F;
    }

    /* -- New List Table -- */

    /* Width */

    .listouter .td,
    .listouter .td:after {
        width: auto;
    }

    .listouter .row {
        margin-bottom: 10px;
        border-radius: var(--border-radius-lg);
    }

    .listouter .row .context {
        color: #4C5163;
        margin-right: 8px;
    }

    .listouter .row .context [class*="icon-"] {
        margin-left: 0;
    }


    /* Has actions */

    .listouter .td.primary.hasactions:before {
        content: none;
    }

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

    .listouter .hasactions .title {
        padding-right: 40px;
    }

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

    .listouter .tapped .primary .actions {
        display: inline-block;
        padding-right: 46px;
    }

    /* Button to access actions */


    /**GROUP ROW ACTIONS*/

    .listouter .rowgrouphdr .btnactions {
        border-bottom: none;
        border-left-color: transparent;
        background: rgba(0, 0, 0, 0.2);
    }

    .listouter .rowgrouphdr .btnactions:before {
        color: #fff;
    }

    .listouter .rowgrouphdr.tapped .actions {
        background: rgba(0, 0, 0, 0.2);
    }

    .listouter .rowgrouphdr.tapped .btnactions {
        background: rgba(255, 255, 255, 0.3);
        border-left-color: transparent;
    }


    /* Delete confirm */

    .listouter .deleteconfirm {
        width: 100%;
        padding: 5px 44px 5px 0;
    }

    .listouter .deleteconfirm .yes,
    .listouter .deleteconfirm .no {
        margin-top: 3px;
        margin-bottom: 3px;
        display: inline-block;
        padding: 0;
        line-height: 30px;
        min-width: 44px;
        text-align: center;
    }


    /* User avatar*/

    .displayavatar .listouter .author > .avatar {
        margin: 0;
        float: left;
        overflow: visible;
    }

    .displayavatar .listouter .author > .poster {
        padding-left: 56px;
        margin-left: -48px;
        font-size: 100%;
        overflow: visible;
    }

    .displayavatar .listouter .row .td.useravatar {
        padding: 10px;
    }

    /* Row new */

    .listouter .rowheader .primary {
        text-indent: 0;
        padding-left: 10px;
        padding-right: 10px;
    }

    .listouter.primarylong .primary,
    .listouter.primarylong .rowheader .primary {
        width: 100%;
        max-width: 100%;
    }

    .listouter.primarylong .rowheader .primary {
        padding-left: 10px;
    }

    .listouter .rowheader .context {
        display: none;
    }

    .listouter .primary:after,
    .listouter.primarylong .primary,
    .listouter.primarylong .primary:after {
        width: 100%;
        max-width: 100%;
    }

    .listouter .primary {
        width: 100%;
        max-width: 100%;
    }

    .listouter .rowheader {
        border: none;
    }

    .listouter .rowheader .td {
        display: none;
    }

    .listouter .rowheader .td.primary {
        display: block;
        max-width: 100%;
    }

    .listouter.div.primarysml .primary {
        width: inherit;
        min-width: inherit;
        max-width: inherit;
    }

    .listouter .row .td .key {
        display: inline-block;
        padding: 2px 4px;
        min-width: 30px;
    }

    .listouter .detailheader {
        margin-right: 5px;
    }

    .listouter .row.rowtotal .td {
        color: #fff;
    }

    /* Content Comments */
    .tbl-cont--article-comments.listouter .td {
        width: calc(100vw - 40px) !important;
    }

    @media (min-width: 650px) {
        .tbl-cont--article-comments.listouter .td {
            width: calc(650px - 40px) !important;
        }
    }
    /**-----------------*/

    /* -- List Table - distributed columns*/

    [class*="distcol"].listouter .rowheader .td.primary {
        text-align: left;
        padding: 10px 8px;
    }

    [class*="distcol"].listouter .td {
        width: 100%!important;
        max-width: 100%!important;
    }

    [class*="distcol"].listouter .td.primary .title {
        text-align: left;
        padding: 5px 8px;
    }

    /* -- List Table - vflist */

    .listouter.vftable .row .td {
        padding-top: 10px;
        border-left: 1px solid #C9CEDB;
        border-right: 1px solid #C9CEDB;
        padding-right: 0;
    }

    .listouter.vftable .row:nth-child(2) td {
        border-top: none;
    }

    .listouter.vftable .row .td.primary {
        border-top: 1px solid #C9CEDB;
    }

    /* -- New List Table Skin -- */

    .listouter.div .rowheader {
        border-bottom-width: 0;
    }


    /* -- New List Table Skin - "reporttable" -- */

    .listouter.reporttable .listtable {
        border-left: 1px solid #E4E6EC;
        border-right: 1px solid #E4E6EC;
    }

    .listouter.reporttable .row .td:last-child {
        border-bottom: 1px solid #E4E6EC;
    }

    .listouter.skin.reporttable .rowtotal .td {
        padding: 10px 8px;
    }

    .primary .tcell:first-child {
        padding-right: 10px;
    }

/**––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
/**MODULES - LISTIN TABLES*/

    .table .listin .row0,
    .table .listin .row1 {
        background-color: transparent;
    }

    .listin .rowoff .primary {
        padding-left: 8px;
    }

    .listin .rowoff {
        background: #EEF0F3;
    }
    .listin .group {
        color: #FFF;
    }
    .listin .header a {
        color: #FFF;
    }

    .listin small a {
        border-radius: 3px;
    }

    .listin {
        border-radius: 5px;
    }

    .listin .key,
    .listin .num.circle .sub {
        border-radius: 9px;
    }

    .listout.mFixed .listin,
    .listout.mFixed .listin tr td {
        border-top-right-radius: 0!important;
        border-bottom-right-radius: 0!important;
    }

    .listin .glyphicons i:before {
        font-size: 20px!important;
    }

    table.listin {
        display: table;
    }

    table.listin tr {
        display: table-row;
    }

    .listin .header {
        background-image: none;
    }

    .listin .glyphicons i:before {
        position: relative!important;
    }

    .page > .table.listin:first-child {
        margin-top: 10px;
    }

    .listin .rownew h5 {
        font-weight: normal;
        font-size: 18px;
        text-align: center;
        line-height: 1;
    }

    .listin .rownew.attach [id*="upload_"] {
        padding-left: 5px;
        padding-right: 5px;
    }

    .listin .rownew.attach [id*="upload_1_"] {
        padding-top: 5px!important;
    }

    .listin .rownew.attach select {
        width: 100%;
        height: 44px;
        font-size: 18px;
    }

    .listin .rownew.attach .bttn {
        margin: 5px 0 0;
        width: 100%;
        height: 44px;
        font-size: 18px;
    }

    .listin .rownew.attach {
        padding: 5px;
    }

    .listin .rownew.attach .mLiInner {
        border-radius: 4px!important;
    }

    .listin .rownew,
    .listin .rownew a,
    .listin .rownew .security {
        color: #FFF;
    }

    .listin .rownew .security {
        border-radius: 9px;
    }

    .mLiRow.rownew .lbl {
        font-size: 14px;
        line-height: 20px;
        text-align: center;
    }

    .rownew.mLiRow h5 {
        color: #FFF;
    }
    @media only screen and (min-width:320px) and (max-width:480px) {
        .rownew.new-topic {
            padding: 0px;
        }
    }

    .wikiattach .listin td:nth-child(3) {
        display: none;
    }

    .wikiattach .listin td[class="row0"]:last-child a,
    .wikiattach .listin td[class="row1"]:last-child a,
    .wikiattach .listin td[class="row"]:last-child a {
        padding: 14px;
    }

    .wikiattach .listin tr[id*="tr_file"] td:last-child {
        padding: 0;
    }

    .wikiattach .listin td.header {
        padding: 8px;
    }

    .wikiview .wikiattach .listin td.header:nth-last-child(2) {
        border-right: 1px solid #E4E6EC;
    }

    .wikiattach .rownew a {
        padding: 10px;
    }

    .forumpost .rownew.attach a {
        display: block;
        text-decoration: none;
    }

    .forumpost .rownew.attach a:hover {
        text-decoration: none;
    }

/**––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
/**MODULES - LI TABLE AND ROWS*/

    /*TODO: PHASE OUT LISUB*/

    .lirow .lisub {
        color: #1F232F;
        display: block;
        opacity: 0.8;
        font-size: 13px;
        margin-top: 5px;
    }

    .forumtopic.forumtopiclist .lisub {
        display: block;
        margin-top: 5px;
    }

    /* List Table */

    .litable {
        display: block;
        padding: 0;
        list-style: none;
        margin: 0;
    }

    .lirow {
        background-color: #F6F6F5;
        border-radius: var(--border-radius-lg);
        background-clip: padding-box;
        border: 1px solid #C9CEDB;
        padding: 0;
        margin-bottom: 5px;
        margin-left: 0!important;
        text-align: left;
        overflow: hidden;
        word-break: break-word;
    }

    .lirow:last-child {
        margin-bottom: 0;
    }

    .litable .lirow a,
    .litable .lirow .listatic {
        color: #1F232F;
        padding: 14px;
        display: block;
    }

    .litable .lirow a:hover,
    .litable .lirow a:focus {
        color: #1F232F;
    }

    .lirow .listatic {
        background: #fff;
    }

    .lirow a:hover {
        text-decoration: none;
        background: #EDEDEE;
    }



    .lirow a {
        padding: 20px;
        display: block;
    }
    .lirow a .table,
    .lirow a:hover .table,
    .lirow a:focus .table {
        color: #888F9F;
        text-decoration: none;
    }

    .lirow:last-child {
        margin-bottom: 0;
    }

    .litable .lirow a,
    .litable .lirow .listatic {
        color: #1F232F;
        padding: 14px;
        display: block;
    }

    .litable .lirow a:hover,
    .litable .lirow a:focus {
        color: #1F232F;
    }




    .lirow .status,
    .lirow .tcell > [class*="hint-"] {
        color: #1F232F;
        display: block;
        opacity: 0.8;
        font-size: 12px;
    }

    .litable .tcell:first-child {
        text-align: left;
    }

    .litable .tcell:last-child {
        width: 20px;
        text-align: right;
    }

    .litable.licenter .lirow {
        text-align: center;
    }

    .litable .listatic .tcell {
        text-align: left;
    }

    .litable .lifooter {
        text-align: center;
    }

    .lirow.inactive {
        background: #B3B3B3;
    }


    /* -- List Table with Multilink (ex:User Forum on Project Homepage )*/

    .litable.limultilink .tcell {
        border-left: solid 1px #C9CEDB;
        text-align: center;
        width: 50px;
        display: table-cell;
        vertical-align: middle;
        padding: 14px 10px;
    }

    .litable.limultilink .tcell:first-child {
        border-left: none;
        text-align: left;
        width: auto;
    }

    .litable.limultilink .tcell.new {
        color: #0a0;
    }

    .litable.limultilink .icon-angle-right {
        float: right;
        text-align: right;
    }


    /* -- List Table as Dashboard (ex:Dashboard on Project Homepage )*/

    .litable.lidash {
        display: table;
        width: 100%;
        border-spacing: 2px;
        border-collapse: separate;
        padding: 0;
        margin: 0;
    }

    .litable.lidash .lirow {
        width: auto;
        display: table-cell;
        border: 0;
        position: relative;
        background: 0;
        z-index: 0;
        padding: 0;
    }

    .litable.lidash a {
        padding: 10px;
        display: block;
        text-decoration: none;
        text-align: center;
        border: 1px solid #C9CEDB;
        border-radius: 4px!important;
        background-color: #f4f4f4;
    }

    .litable.lidash .linum {
        color: #888F9F;
        font-size: 19px;
        display: block;
        padding-top: 5px;
    }

    .litable.lidash .lilbl {
        color: #888F9F;
        line-height: 24px;
        display: block;
        padding-top: 5px;
    }

    .litable.lidash .lirow:after {
        content: "";
        position: absolute;
        height: 100%;
        width: 100%;
        top: 0;
        left: 0;
        z-index: -1;
    }

    .litable.lidash a:hover {
        background-color: #EDEDEE;
    }


    /* -- List Table for Tasks */

    .litable.litask .taskoptions {
        margin-top: 5px;
    }

    .litable.litask .litoggle {
        color: #1F232F;
    }

    .litable.litask .tcell:last-child {
        width: auto;
        text-align: center;
    }

    .litable.litask .tasktitleout .tcell {
        padding: 14px;
    }

    .litable.litask .tasktitleout .listatus,
    .litable.litask .tasktitleout .litoggle {
        width: 50px;
        width: 50px;
        text-align: center;
    }

    .litable.litask .tasktitleout .limain {
        text-align: left;
        padding-left: 0;
        padding-right: 0;
    }

    .litable.litask .forumfile {
        margin-bottom: 20px;
        margin-top: 20px;
    }

    .litable.litask .lirow > a {
        padding: 0;
    }


    /* -- List Table with Group Row */

    .litable .lirow.ligroup {
        background: #1F232F;
        color: #fff;
        padding: 10px;
        margin: 5px 0;
        border-color: transparent;
    }

    .litable .lirow.ligroup .lititle {
        margin: 0;
    }

    .litable .lirow.ligroup .libtnadd {
        width: 26px;
        line-height: 26px;
        border: none;
        background: transparent!important;
        font-size: 26px;
        color: #65A63F;
        padding: 0;
        display: table-cell;
    }

    .litable .lirow.ligroup .libtnadd:hover {
        color: #7ec059;
    }


    /* -- List Table with Button Right (ex:Manage Test Platform in Community)*/

    .lirow.lisectworight {
        border: solid 1px #C9CEDB;
        background: #F6F6F5;
        border-radius: 4px!important;
        margin-bottom: 5px;
    }

    .lirow.lisectworight a {
        color: #1F232F;
        border-radius: 0!important;
        background: none;
        margin-bottom: 0;
        display: table;
        width: 100%;
        border: none;
    }

    .lirow.lisectworight a:hover {
        text-decoration: none;
        background: #EDEDEE;
    }

    .lirow.lisectworight a .tcell {
        padding: 14px;
    }

    .lirow.lisectworight .lichevonr {
        width: 50px;
        text-align: center;
    }

    .lirow.lisectworight .libtn {
        width: 50px;
        border-left: 1px solid #C9CEDB;
    }

    .lirow.lisectworight .libtn a {
        text-align: center;
    }

    .lirow.lisectworight .libtn:hover {
        background: #EDEDEE;
    }

    .test-platform {
        margin-left: -20px;
        margin-right: -20px;
        padding-left: 20px;
        padding-right: 20px;
    }

    /* -- List Table with Check Right (ex:My Preferences in Community)*/

    .lirow.lisectworight .lichk {
        width: 50px;
        border-left: 1px solid #C9CEDB;
        text-align: center;
    }


    /* -- List Table with Check Left (ex:Project Home - Following)*/

    .lirow.lisectwoleft .lichk {
        padding: 0 20px;
        width: 12px;
        z-index: 2;
        border-right: 1px solid #C9CEDB;
        background-color: #F6F6F5;
        border-radius: 4px!important;
        background-clip: padding-box;
    }

    .lirow.lisectwoleft .lichk input {
        margin: 0!important;
    }

    .lirow.lisectwoleft .limain {
        padding: 0 20px 0 0;
    }

    .lirow.lisectwoleft .limainlnk {
        position: relative;
        z-index: 1;
        width: 100%;
        padding: 0;
    }

    .lirow.lisectwoleft a {
        display: block;
    }

    .lirow.lisectwoleft a:hover {
        background-color: transparent;
    }

    .lirow.lisectwoleft .lichevron {
        position: relative;
        z-index: 0;
        left: -10px;
    }

    .lirow.lisectwoleft .limore {
        position: relative;
        z-index: 0;
        left: -20px;
    }

    .lirow.lisectwoleft .chkitem {
        margin-left: 0;
    }

    .lirow.lisectwoleft .lichk:hover {
        background-color: #EDEDEE;
    }

    .lirow.lisectwoleft:hover {
        background-color: #EDEDEE;
    }


    /* -- List Table with Button Left */

    .lirow.lisectwoleft .libtn {
        width: 60px;
        border-right: 1px solid #C9CEDB;
        text-align: center;
        display: table-cell;
        padding: 5px;
    }

    .lirow.lisectwoleft .libtn .lbl {
        display: block;
    }

    .lirow.lisectwoleft a,
    .lirow.lisectwoleft .libtn {
        background-color: #F6F6F5;
    }

    .lirow.lisectwoleft a:hover {
        background-color: #EDEDEE;
    }


    /* -- List Table for Downloads */

    .litable.lidownload a {
        padding: 0;
    }

    .litable.lidownload .tcell {
        padding: 14px;
    }

    .litable.lidownload .lidoctype {
        text-align: center;
        width: 50px;
    }

    .litable.lidownload .limain {
        padding-left: 0;
    }

    .litable.lidownload .liicon {
        text-align: center;
    }


    /* -- List Table for Assigned Platform */

    .litable.liatp tr td {
        padding: 5px 0 0 0;
    }

    .litable.liatp tr:first-child td {
        padding: 0;
    }

    .litable.liatp input {
        margin: 0;
    }

    .litable.liatp label {
        width: 50px;
        text-align: center;
        border-right: solid 1px #C9CEDB;
        display: table-cell;
        vertical-align: middle;
    }

    .litable.liatp a {
        display: table-cell;
        vertical-align: middle;
    }

    .litable.liforumdefault .lbl {
        display: block!important;
        margin: 0 10px;
    }

    .litable.liforumdefault label {
        display: table-cell;
        vertical-align: middle;
        width: 50px;
        white-space: nowrap;
        text-align: center;
        position: relative;
        z-index: 1;
    }

    .litable.liforumdefault label:after {
        position: absolute;
        display: block;
        top: 0;
        left: 0;
        height: 100%;
        width: 100%;
        border: 1px solid #C9CEDB;
        border-radius: 4px;
        content: "";
        background: #F6F6F5;
        z-index: -1;
    }

    .litable.liforumdefault br {
        display: none;
    }

    .litable.liforumdefault .tcell+a {
        display: table-cell;
        vertical-align: middle;
        width: 50px;
        white-space: nowrap;
        text-align: center;
        padding: 0;
        position: relative;
    }

    .litable.liforumdefault .tcell+a:after {
        position: absolute;
        display: block;
        top: 0;
        left: 0;
        height: 100%;
        width: 100%;
        border: 1px solid #C9CEDB;
        border-radius: 4px;
        content: "";
        background: #F6F6F5;
        z-index: -1;
    }

    .litable.liforumdefault big span {
        display: inline;
    }

    .litable.liforumdefault .tcell big span:first-child {
        opacity: 1;
    }

    .litable.liforumdefault img+.lbl {
        position: relative;
        top: -3px;
    }

    .litable.liforumdefault input+.lbl {
        position: relative;
        top: 1px;
    }

    /* -- List Table for Attached Files */

    .liattachedfiles .lirow {
        word-break: break-all;
    }

    .litable.liattachedfiles a:first-child + .lirow {
        margin-top: 10px;
    }


    /* -- List Table for Form Group */

    .litable.liformgroup {
        margin-top: 20px;
    }

    .formtable .lirow .chkitem input[type="checkbox"] {
        margin: 0;
    }

    .litable [id*="UnacceptedDiv_"] {
        border-top: solid 1px #C9CEDB;
    }

/**––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
/**MODULES - INFOBOXES*/

    .info-jgrowl .infobox {
        margin-left: 0;
        margin-right: 0;
    }

    /*OLDER STYLES, TODO: VERIFY AND REMOVE*/

    .infobox {
        margin: 0 -20px;
        padding: 20px;
        width: inherit;
        border-radius: 0;
    }

    .infobox .infobox-icon {
        display: none;
    }

    .infobox .email-masked {
        word-break: break-all;
    }

    .form-submitbar .infobox {
        margin: 20px -20px -20px;
    }

    .info-header,
    .landing-error-badkey {
        margin-top: -20px;
        margin-bottom: 20px;
    }

    .infobox.negxlargebot {
        margin-bottom: -20px;
    }

    .infobox.info-header ~ .infobox.info-header {
        margin-top: -20px;
    }

    [data-ui-entity=form-dynamic] .page .infobox:first-child {
        margin-top: 0;
        margin-bottom: 0;
    }

    .sitecontent .pagetopbar .infobox,
    .fbpredict .infobox.info-color,
    .infobox:not(:has(.infobox-title))  {
        padding: 20px;
    }

/**––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
/**MODULES - UPLOAD*/

    .up-ui {
        display: block;
        border-radius: var(--border-radius-full);
    }

    .up-ui-main {
        padding: 0 10px;
    }

    .up-ui .td.inputbtn {
        display: block;
        padding: 0;
        width: 100%;
    }

    .up-ui .td.dropzone {
        display: none;
    }

    .up-ui .fileinput-button {
        width: 100%;
        line-height: 1.42857143;
        text-align: center;
    }

    .up-ui-container {
        border-radius: var(--border-radius-full);
    }

    .up-ui-container.has-files {
        border-radius: var(--border-radius-lg);
    }

    .up-ui-container.has-files .up-ui .fileinput-button {
        border-top-left-radius: var(--border-radius-lg);
        border-top-right-radius: var(--border-radius-lg);
        border-bottom-left-radius: 0;
        border-bottom-right-radius: 0;
    }

    .up-item {
        padding: 5px 0;
    }

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

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

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

    .up-item .up-item-thumb {
        width: 50px;
        padding-right: 20px;
    }

    .up-list .up-item .up-item-thumb img,
    .up-item-thumb canvas {
        max-width: 50px;
        max-height: 30px;
    }

    .up-item .up-item-thumb i {
        font-size: 30px;
    }

    .up-item .up-item-size {
        display: none;
    }

    .up-item .td.up-item-remove,
    .up-item .td.up-item-download {
        font-size: 20px;
    }

/**––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
/**MODULES - QUICK BUTTONS*/

    .quickbtns {
        position: absolute;
        top: 0;
        right: 0;
        -webkit-touch-callout: none!important;
        -webkit-user-select: none!important;
        -khtml-user-select: none!important;
        -moz-user-select: none!important;
        -ms-user-select: none!important;
        user-select: none!important;
    }

    .quickbtns ul {
        list-style: none;
        padding: 0;
        margin: 0;
    }

    .quickbtns li {
        margin: 0;
    }

    .quickbtns li a {
        padding: 10px 0;
        font-weight: bold;
        font-size: 9px;
        line-height: 1.2;
        text-align: center;
        display: block;
        color: #888F9F;
        width: 60px;
    }

    .quickbtns li a:hover,
    .quickbtns li a:focus {
        background: #D0D0D0;
        text-decoration: none;
    }

    .quickbtns li i {
        display: block!important;
        margin: 0 auto 5px;
        font-size: 24px;
    }

/**––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
/**MODULES - RIGHT TIPS*/

    .rightnavback {
        padding: 0;
    }

    .rightnav {
        width: 100%;
    }

/**––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
/**MODULES - NEXTBACK*/

    /*NOTES: OLDER STYLES*/

    .table+.nextback {
        margin-top: 0;
    }

/*––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
/**INTERNAL MODULES*/

/*––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
/**bars*/
    .bars,
    .bars::before,
    .bars::after {
        display: block;
        background: #fff;
        height: 4px;
        width: 24px;
        position: relative;
        border-radius: 9px !important;
        -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.3);
        box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.3);
    }

    .bars:before,
    .bars:after {
        content: "";
    }

    .bars:before {
        top: -8px;
    }

    .bars:after {
        top: -10px;
        margin-top: 14px;
    }

    .grayout .bars,
    .grayout .bars:before,
    .grayout .bars::after {
        background: #888F9F;
    }

/*––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
/**dots*/

    .dots,
    .dots:before,
    .dots:after {
        display: inline-block;
        background: #fff;
        margin-left: 0;
        top: -3px;
        height: 6px;
        width: 6px;
        position: relative;
        border-radius: 9px !important;
        -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.3);
        box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.3);
    }

    .dots:before,
    .dots:after {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
    }

    .dots:before {
        margin-left: 10px;
    }

    .dots:after {
        margin-left: -10px;
    }

/*––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
/**dynamic forms*/

    .form-dynamic .form-row-elem-title [colspan="2"] label {
        font-size: 18px;
    }

    .form-dynamic .deleteicon {
        position: absolute;
        vertical-align: middle;
        line-height: 1;
        padding: 7px 8px;
        text-align: center;
        font-size: 30px;
        top: 0px;
        right: 0px;
        color: #676D7E;
    }

    .form-dynamic-tbl {
        margin-left: -20px;
        margin-right: -20px;
        margin-bottom: -20px;
    }

    .form-fbtitle-title,
    .form-fbtitle-desc,
    .form-fbtitle-field,
    .form-fbdesc-title,
    .form-fbdesc-desc,
    .form-fbdesc-field,
    .elem-title,
    .elem-desc,
    .elem-field,
    .form-row-elem-example,
    .form-label-backlit-bar {
        padding-left: 20px;
        padding-right: 20px;
    }

    .elem-outer,
    .form-row-elem-fbstatus,
    .elem-outer-fbcategory,
    .elem-outer-fbtitle,
    .elem-outer-fbdesc {
        padding: 0 0 20px 0;
        border-bottom: 1px #EEF0F3 solid;
    }

    [data-elem-title-style="normal"],
    [data-elem-title-style="normal"] .form-row-elem-fbstatus {
        padding-top: 18px;
    }

    [data-elem-title-style="large"],
    [data-elem-title-style="large"] .form-row-elem-fbstatus {
        padding-top: 15px;
    }

    [data-elem-title-style="hidden"],
    [data-elem-title-style="backlit"] .form-row-elem-fbstatus {
        padding-top: 20px;
    }

    [data-elem-type="label"][data-elem-title-style="normal"],
    [data-elem-type="label"][data-elem-title-style="large"] {
        padding-top: 20px;
    }

    [data-elem-title-style="backlit"] .elem-title,
    [data-elem-title-style="backlit"] .form-fbtitle-title,
    [data-elem-title-style="backlit"] .form-fbdesc-title {
        margin-right: 0;
        margin-left: 0;
    }

    .elem-outer .elem-title--backlit {
        margin-left: -20px;
        margin-right: -20px;
    }

    .elem-outer:first-child .elem-title--backlit {
        margin-top: -20px;
    }

    [data-elem-type="matrix"][data-elem-title-style="backlit"] .elem-title--backlit {
        margin-bottom: 20px;
    }

    .elem-outer-fbstatus {
        padding-top: 0;
    }
    [data-elem-is-child="true"],
    .form-row-elem-fbstatus#div_ASSIGN_TO_MEMBER {
        box-shadow: inset 10px 0px 0px 0px #C9CEDB;
    }

    [data-v-state="hidden"]:first-child + [data-v-state="visible"],
    [data-v-state="visible"]:first-child,
    [data-form-submitted="true"] .elem-outer-fbtitle {
        padding-top: 20px;
    }

    [data-v-state="visible"]:last-child {
        padding-bottom: 20px;
    }

    /*Feature Activity*/
    .feature-view .feedback-date {
        display: none;
    }

    .feature-view input[type=submit] {
        width: calc(100vw - 40px);
    }

    .feature-view .activity-container {
        margin-left: -20px;
        margin-right: -20px;
        margin-bottom: -20px;
    }

    .feature-view .activity-container .activity-step {
        padding-left: 20px;
        padding-right: 20px;
    }

    .submitbtns, .nextback {
        margin-top: 20px;
        margin-left: -20px;
        margin-right: -20px;
        margin-bottom: -20px !important;
    }

    .submitbtns {
        border-radius: 0!important;
    }
/*––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
/**EXTERNAL MODULES*/

/*––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
/**PAGE SPECIFIC STYLES*/

    /**PROJECT HOME*/
        .projhomepage .page {
            padding-top: 20px;
        }
        @media (max-width: 650px) {
            .secbody.content.watched .form-row .col-md-12 {
                margin-top: 0;
            }
            .secbody.content.watched .submitbtns .bttn[type="submit"] {
                float: left;
            }
            .secbody.content.watched .submitbtns a:first-of-type {
                clear: left;
                margin-left: 0;
            }
            .secbody.content.watched .submitbtns a {
                margin-top: 10px;
            }
        }

        @media (max-width: 480px) {
            .secbody.content.watched .form-row .col-md-12 {
                margin-top: 0;
            }
            .secbody.content.watched .submitbtns .bttn {
                width: 100%;
                display: block;
                margin: 20px 0 0;
            }
            .secbody.content.watched .submitbtns .bttn:first-child {
                margin-top: 0;
            }
        }

        /**FEEDBACK - SINGLE VIEW*/

        .fbview .fbtopmsgbox {
            margin-top: 0;
            margin-bottom: 0;
        }

        .fbview .tab-bar {
            margin-left: -20px;
            margin-right: -20px;
        }

        .fbview .tab-bar .tab {
            border-radius: 0;
        }

        /**FEEDBACK - SINGLE VIEW - COMMENT AREA*/

        .fbview .submitbar {
            padding: 0;
        }

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

        .fbview .commentarea {
            padding: 40px 0 20px;
        }

    /**FORUM - THREAD*/


        .forumthread .thread .posts .post:first-child {
            margin-top: 20px;
        }

        .thread .post.fbcmtcontainer .post-inner {
            background: initial;
        }

        .thread .posts .deleteconfirm {
            position: absolute;
            left: 0;
            right: 0;
            margin-left: 0px;
        }

        .thread .deleteconfirm a {
            width: 44px;
        }

        .deleteconfirm + .fbcmtcontainer.post .post-inner {
            padding-top: 75px;
        }

        .fbview.viewing .newpost.important .commentarea,
        .fbview.editing .newpost.important .commentarea {
            background-color: #fef8a0;
        }

        .thread .post .post-type-icon {
            display: none;
        }

        .forum .commentarea {
            margin: 0 -20px -20px;
        }


        /**FORUM - TOPIC LIST*/

        .forumtopiclist .fa.grayout {
            text-shadow: none;
        }

        .forumtopiclist .wrapperTbl a {
            padding-top: 6px;
        }


        /**FORUM - ADD TOPIC, ADD COMMENT*/

        @media (max-width: 480px) {
            .forumaddcomment .submitbtns [type="submit"],
            .forumaddcomment .submitbtns .bttn,
            .forumaddtopic .submitbtns [type="submit"],
            .forumaddtopic .submitbtns .bttn {
                display: block;
                width: 100%;
                margin: 10px 0 0 0;
            }
            .forumaddcomment .submitbtns [type="submit"]:first-child,
            .forumaddtopic .submitbtns [type="submit"]:first-child {
                margin-top: 0;
            }
        }

    /**CONTENT - DISTRIBUTED VALUES*/
        .dv .choices .infobox {
            margin: 20px 0;
            border-radius: var(--border-radius-lg);
        }

    /**ACCOUNT SETTINGS*/
        .account-row {
            flex-wrap: wrap;
        }
        .account-item {
            margin-left: 0!important;
        }

/*––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
/**REPORTING PDF*/

/*––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
/**UTILITIES*/

    u.lblout {
        text-decoration: none;
    }

    .disBlk {
        display: block!important;
    }

    .disInlBlk {
        display: inline-block!important;
    }

    small.disBlk {
        margin: 0!important;
        text-align: right;
        width: 100%;
    }

    .scrollview {
        overflow-x: scroll!important;
        width: 100%;
    }

    .scrollview > .hidden {
        border: none;
    }

    .scrollview .scrollview {
        overflow-x: auto!important;
        width: auto!important;
    }

    .txtEll {
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
    }

    .txtWrp {
        white-space: normal;
        text-indent: 0;
        margin-left: 10px;
        width: 100%;
        margin-top: 0!important;
    }

    .mNoWrap {
        white-space: nowrap;
        overflow-x: auto;
    }

    .no-select {
        -moz-user-select: -moz-none;
        -khtml-user-select: none;
        -ms-user-select: none;
        user-select: none;
    }

    .wrapperTbl {
        display: table!important;
    }

    .wrapperTblCel {
        display: table-cell!important;
    }

    .wrapListin {
        overflow-y: scroll;
    }

    .vertMid {
        vertical-align: middle!important;
    }

/*––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
/**REFACTORS OR OVERRIDES*/

/*––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
/**BROWSER SPECIFIC STYLES*/

/*––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
/**BROWSER OVERRIDE STYLES*/

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

    .deleteconfirm {
        text-align: left;
        word-break: break-all;
    }

    .deleteconfirm .deleteconfirmstring {
        display: inline-block;
        width: 100%;
    }

    .deleteconfirm .deleteconfirmbtn.yes {
        margin-left: 0;
    }

    .deleteconfirm .yes,
    .deleteconfirm .no {
        display: inline-block;
    }

    .deleteconfirm a {
        line-height: 38px;
        display: block;
        border-radius: 3px;
        text-align: center;
    }

    .deleteconfirm .dc {
        max-width: 180px;
        text-align: center;
    }

/*----------------------------------------------------------------------- */
/*--- List Table with Checkbox only (ex:Knowledge Base nested options)*/

    .lichklbl .tcell {
        padding: 14px 20px;
    }

    .lichklbl .limain {
        padding-left: 20px;
    }

    .lichklbl input+span {
        margin-left: 20px;
    }

    .lichklbl .tcell:hover {
        background-color: #EDEDEE;
    }

    .lichklbl .chkitem {
        margin-left: 0;
    }

/*----------------------------------------------------------------------- */
/*--- clean table rules */

    .table > .row:last-child {
        margin-bottom: 0;
    }

    .table:not(.listouter) .row {
        border: 1px solid #C9CEDB;
        padding: 0;
        margin-bottom: 5px;
        margin-left: 0!important;
    }

    .table > li {
        margin-left: 0;
        list-style: none;
    }

    .tableout:hover {
        background-color: #EDEDEE;
    }

    .tableout a {
        text-decoration: none!important;
        color: #1F232F;
        padding: 14px;
    }

    table tr:last-child .row {
        margin-bottom: 0;
    }

/*----------------------------------------------------------------------- */
/*--- Overriding Global Styles for Specific List Tables */

    .content.watched .formtable {
        display: table;
        width: 100%;
    }

    .content.watched .row {
        padding: 0;
    }

    .content.watched .table {
        line-height: 1.4;
    }

    .content.watched .formchkbox {
        padding: 0;
    }

    .content.watched .chkitem {
        margin: 0;
    }

/*----------------------------------------------------------------------- */
/* Distributed Values */

    .dv .choices label {
        padding: 8px;
        border: 1px solid #C9CEDB;
        background: #F6F6F5;
        border-radius: var(--border-radius-md);
        display: block;
        margin-top: 5px;
    }

    .dv .choices label input {
        margin-right: 10px;
    }

/*----------------------------------------------------------------------- */
/* Background Colors */

    .mlicontainer {
        background: #FFF!important;
    }

    .mComment > span,
    .additems a,
    .itemhard,
    .bbc_table th,
    #list_body .on,
    .forumformat b,
    #mAuthor,
    .open .unavail,
    .open .postdate,
    .mBtnAccess.expand,
    .rowoff .mbtn,
    .mLiBtnAccess.expand,
    .mLiRow.rowoff,
    .login,
    .mLiOuter .editable_textarea,
    .mLiPillSub {
        background: #EEF0F3;
    }

    .mLiRow.groupoff,
    .mLiRow.rowempty {
        background: #BEBEBE;
    }

    .mLiRow.rowerror {
        background: #F00;
    }

    .security {
        background: #6FA94F;
    }

/*----------------------------------------------------------------------- */
/* Foreground Colors */

    .group.mLiRow h5,
    .groupoff.mLiRow h5
    .rowheader.mLiRow h5,
    .rowheader.mLiRow i:before,
    .advanced,
    .security,
    .navmenu .menu-title,
    #trailview .title,
    .group .mLiBtn,
    .groupoff .mLiBtn,
    .pageheader,
    .navbar.ftr a,
    .statuslabel,
    .deleteconfirm .yes,
    .deleteconfirm .no,
    .deleteconfirm a,
    .feedbacktitlelit,
    .optgroup,
    .viewsection,
    .calendar thead .title,
    .calendar tfoot .ttip,
    .calendar thead .name,
    a.tooltip h5 {
        color: #FFF;
    }

    .rowoff.mLiRow h5 {
        color: #888F9F;
    }

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

    .mLiInner .mLiInner .mlicontents:after {
        top: 10px;
    }

    .icon-refresh {
        width: 22px!important;
    }

/*----------------------------------------------------------------------- */
/**MOBILE LI*/

    .mlicontainer {
        border-radius: var(--border-radius-lg);
    }

    .mlicontainer.mLiNew {
        -webkit-box-shadow: none;
        box-shadow: none;
    }

    .mlicontainer .glyphicons i:before {
        position: relative!important;
    }

    .mLiRow {
        /* border-bottom:1px solid #E4E6EC!important; */
        position: relative;
        border-radius: var(--border-radius-full);
    }

    .mLiRow h4,
    .mLiRow h5,
    .mLiRow p {
        margin: 0;
        padding: 0;
        line-height: 1.5rem;
    }

    .mLiRow p {
        font-size: 10px;
        line-height: 1rem;
    }

    .mLiOuter.mPill .mLiInner {
        margin-right: 95px;
    }

    .mLiOuter.mMoreNone.mPill .mLiInner {
        margin-right: 60px;
    }

    .mLiRow,
    .mLiOuter > a > ul {
        display: table;
        width: 100%;
    }

    .mLiRow > .mLiOuter,
    .mLiRow > .mMoreNew,
    .mLiOuter > a > ul > li {
        display: table-cell;
    }

    .mLiOuter .mLiOuter {
        position: absolute;
        bottom: 0;
        font-size: 0.7rem;
        height: 30px;
    }

    .mLiOuter > a,
    .mLiOuter > span {
        padding: 5px 5px 5px 5px;
        display: block;
        border: 1px solid #EEF0F3;
        border-radius: 4px;
        margin-right: 0;
        border-right: none;
    }

    .mLiNew .mLiOuter > span {
        border-radius: 4px!important;
        background-clip: padding-box;
        border: none;
        background: #7EC059;
    }

    .mLiNew .mLiOuter > a:hover,
    .mLiNew .mLiOuter > span:hover {
        background: #65A63F;
    }

    .mMoreNone .mLiInner {
        padding: 14px;
        margin-right: 0px;
        word-break: break-word;
    }

    .mCentered .mLiInner {
        margin-left: 40px;
    }

    .mLiPillIcon .mLiInner {
        margin-right: 30px;
    }

    .mLiOuter.mRight + .mLiBtn.mRight {
        right: 40px;
    }

    .mLiOuter.mRight.mMed > a {
        margin-right: 0px;
    }

    .mLiOuter.wrapperTbl {
        width: 100%;
    }

    .mLiOuter select {
        margin: 0;
        width: 95%;
    }

    .mLiOuter > a > ul > li,
    .mLiOuter > span > ul > li {
        vertical-align: middle;
    }

    .mLiOuter > a > ul > li:nth-child(2),
    .mLiOuter > a > ul > li:last-child,
    .mLiOuter > span > ul > li:nth-child(2) {
        text-align: right;
    }

    .mLiOuter > a > ul > li.mArrow {
        width: 20px;
    }

    .mLiOuter ul ul li.mPillLnk {
        width: auto;
        text-align: right;
    }

    .mLiOuter ul ul span > img {
        height: 10px;
        margin-right: 3px;
        position: relative;
        top: 1px;
    }

    .mLiOuter big,
    .mLiRow li {
        font-size: 10px;
        line-height: 14px;
        color: #888F9F;
    }

    .mLiOuter br {
        display: none;
    }

    .mLiOuter > span > a {
        text-decoration: none!important;
    }

    .mLiOuter .editable_textarea {
        padding: 3px;
        margin-right: 3px;
        margin-bottom: 3px;
        min-height: 25px;
    }

    .mLiOuter.mMoreNone.mLiPill > a,
    .mLiOuter.mMoreNone.mLiPill > span {
        margin-right: 70px;
    }

    .mLiOuter.mLiPill > a,
    .mLiOuter.mLiPill > span {
        margin-right: 110px;
    }

    .mLiOuter .mLiPill {
        width: 60px;
        right: 40px;
        background-color: transparent!important;
        top: 0;
        position: absolute;
        height: 100%;
        padding: 0;
        margin: 0 3px;
    }

    .mLiOuter.mMoreNone .mLiPill {
        right: 0px;
    }

    .mLiOuter .mLiPill span {
        display: table;
        margin: 0 auto;
        height: 100%;
    }

    .mLiOuter .mLiPill span > small,
    .mLiOuter .mLiPill span > a {
        display: table-cell;
        vertical-align: middle;
        text-decoration: none;
    }

    .mLiInner,
    .mLiInner:hover {
        text-decoration: none;
    }

    .mLiId h5 img {
        margin-right: 3px;
        vertical-align: sub;
    }

    .mLiPillSub {
        display: inline-block;
        color: #676D7E;
        padding: 0px 5px;
        font-size: 0.6rem;
        line-height: 1rem;
    }

    h5 > .mLiPillSub {
        margin-left: 5px;
        vertical-align: middle;
    }

    .mLiThumb > img {
        width: 40px;
        height: 40px;
        border: 0;
    }

    .mLiThumb > img+input {
        display: none;
    }

    .mLiThumb > img[name="selected"]+input {
        display: inline-block;
    }

    .mComment blockquote {
        margin: 3px;
        padding: 3px;
        border: 1px solid #E4E6EC;
    }

    .mComment > span {
        display: block;
        padding: 3px;
    }

    .mLiStuff {
        text-align: right;
    }

    .mLiStuff .key {
        background: #FFE98B;
        border: 1px solid #f2db7b;
        color: #000;
        padding: 2px 6px;
        font-size: 0.7rem;
        display: inline-block;
        text-align: center;
        min-width: 10px;
    }

    .mLiAddLnk {
        margin-left: 5px!important;
        margin-top: -5px!important;
        margin-bottom: 5px!important;
    }

    .mCentered .mLiAddLnk {
        margin-left: 45px!important;
    }

    .mLiBtn .key {
        display: table-cell;
    }

    .mLiBtn {
        position: absolute;
        height: 100%;
        z-index: 1;
        top: 0;
        width: 40px;
        text-align: center;
    }

    .mLiBtn > span {
        display: block;
        height: 100%;
        text-align: center;
    }

    .mLiBtn > span.glyphicons,
    .mLiBtn > a > span,
    .mLiBtn.mLnk > span span {
        height: 100%;
        display: table;
        width: 100%;
        text-align: center;
    }

    .mLiBtn span > i,
    .mLiBtn > span > span,
    .mLiBtn > span > input {
        display: table-cell;
    }

    .mLiBtn span > i,
    .mLiBtn > span > span {
        vertical-align: middle;
    }

    .mLiBtn i:before {
        vertical-align: bottom;
    }

    .mLiBtn > span > input {
        vertical-align: -50%;
        height: 100%;
    }

    .mLiBtn input[type="radio"] {
        margin: 0 auto!important;
        width: 13px;
        display: inline-block;
    }

    .mLiBtn.mLeft {
        left: 0;
        border-right: solid 1px #DADADA!important;
        position: relative;
    }

    .mLiBtn.mRight {
        right: 0;
        border-left: solid 1px #EEF0F3!important;
    }

    .mLiBtn.mRight.mLiZup {
        z-index: 2;
    }

    .mLiBtn.mLeft.mLiZup {
        z-index: 3;
    }

    .mLiBtn.mLeft:after {
        content: "";
        position: absolute;
        z-index: -1;
        height: 100%;
        width: 100%;
        top: 0;
        left: 0;
        border: solid 1px #EEF0F3;
        border-top-left-radius: var(--border-radius-lg);
        border-bottom-left-radius: var(--border-radius-lg);
        border-top-right-radius: 0;
        border-bottom-right-radius: 0;
        box-sizing: border-box;
    }

    .mLiBtn.mLiArrow {
        right: 40px;
        width: 20px;
    }

    .mLiBtn.mRight.mLiPill {
        border-left: none!important;
        position: static;
        display: table-cell;
        vertical-align: middle;
        text-align: center;
    }

    .mLiBtn.mRight.mLiPill small a {
        margin: 0;
    }

    .mLiBtn.mRight.mLiPill.mMed {
        width: 70px;
        padding: 0 3px;
    }

    .mLiBtn.mLiLnk > span span.pagecount {
        display: table-cell;
    }

    .mLiBtn .key {
        border: 0;
        padding: 0;
        font-size: 1rem;
    }

    .mLiBtn .key a {
        text-decoration: none;
        font-weight: bold;
    }

    .mLiBtnAccess {
        display: inline-block;
        top: 0;
    }

    .mLiBtnAccess {
        display: none;
    }

    .mLiBtnAccess.expand {
        position: absolute;
        height: 100%;
        width: 100%;
        background: #EEF0F3;
        z-index: 2;
        display: table-cell;
    }

    .mLiBtnAccess.expand .wrapperTbl {
        height: 100%;
    }

    .mLiBtnAccess.expand .wrapperTbl > a,
    .mLiBtnAccess.expand .wrapperTbl > div,
    .mLiBtnAccess.expand .teamtype_access > span {
        min-width: 42px;
        text-align: center;
        display: table-cell;
        vertical-align: middle;
    }

    .mLiBtnAccess.expand .wrapperTbl > a:hover {
        text-decoration: none
    }

    .mLiBtnAccess.expand .teamtype_access {
        height: 100%;
        display: table!important;
    }

    .mLiBtnAccess.expand .teamtype_access > span:last-child {
        border-right: none;
    }

    .mLiBtnAccess.expand .teamtype_access > span > span {
        display: inline-block;
    }

    .mLiBtnAccess.mLeft.expand {
        right: 0;
    }

    .mlicontainer.mResetUL .mLiBtnAccess.mRight.expand {
        right: 40px;
        top: 0;
        display: table-cell;
        position: absolute!important;
    }

    .mLiBtnAccess.mLeft.expand .wrapperTbl {
        float: left;
        margin-left: 40px;
    }

    .mLiBtnAccess.mRight.expand .wrapperTbl {
        float: right;
        margin-right: 0;
    }

    .mLiBtnAccess.mRight.mDesc.expand .wrapperTbl {
        margin: 0 41px 0 0;
        float: none;
    }


    /*.mLiBtnAccess.mDesc.expand .wrapperTbl{margin-left:40px;float:left;}*/

    .mLiBtnAccess.mDesc.expand .wrapperTbl > span {
        padding: 0 5px;
        display: block;
    }

    .mLiPill {
        width: 70px;
    }

    .mLiPill small a {
        background: #62a33c;
        font: normal 10px/0.8rem arial, sans-serif;
        color: #fff !important;
        padding: 4px 3px;
        text-decoration: none;
        display: inline-block;
        text-align: center;
    }

    .mLiPill.mIcon {
        width: 30px;
    }

    .mLiPill.mIcon span {
        width: 100%;
        text-align: center;
    }

    .mLiBtnOff {
        cursor: default;
    }

    .group .mlicontents,
    .groupoff .mlicontents {
        height: 20px;
    }

    .group .mLiBtn,
    .group .mLiBtnAccess.expand {
        background: #4C5163;
    }

    .groupoff .mLiBtnAccess.expand {
        background: #888F9F;
    }

    .group .mLiBtn h5,
    .groupoff .mLiBtn h5 {
        display: table-cell;
        vertical-align: middle;
    }

    .mLiOuter.mCentered .mLiInner {
        border-left: none;
        border-radius: 0!important;
    }

    .mLiRow.group h5,
    .mLiRow.group .lbl {
        font-size: 14px;
        line-height: 20px;
        text-align: center;
    }

    .mLiRow.group {
        background: #4C5163;
    }

    .mLiRow.rowheader {
        background: #888F9F;
    }

    .mLiRow.rowoff {
        background: #EEF0F3;
    }

    .rowoff .mLiBtn.mLeft {
        border-right: solid 1px #E4E6EC!important;
    }

    .rowoff .mLiBtn.mRight {
        border-left: solid 1px #E4E6EC!important;
    }

    .topics .rowsticky .mLiBtn {
        background: #FFFDE2 !important;
    }

    .stringlist .mLiId {
        word-break: break-word;
    }

    .stringlist .mLiBtn.mRight {
        background: darkblue;
    }

    .glyphicons label {
        display: table-cell;
        vertical-align: middle;
        z-index: 2;
    }

    .mlicontainer.mResetUL li {
        display: table;
        width: 100%;
        margin-top: 5px;
    }

    .mlicontainer.mResetUL li:first-child {
        margin-top: 0;
    }

    .mlicontainer.mResetUL li > .mLiLnk > * > * {
        width: 25px;
        height: 33px;
        margin: 0 auto;
    }

    .mlicontainer.mResetUL li > div > * > * > * {
        line-height: 1;
    }

    .mlicontents {
        display: block;
        width: auto;
    }

    .mlicontainer.mResetUL .mLiBtnAccess {
        display: none;
    }

/*----------------------------------------------------------------------- */
/**mMultiStat*/

    .mMultiStat li:last-child img {
        background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAKAAAAAJCAMAAACCAtc5AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6OEQ0MTY1MTI4NTFEMTFFMjhGOUQ5QkZBOTcwMUFBNzMiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6OEQ0MTY1MTM4NTFEMTFFMjhGOUQ5QkZBOTcwMUFBNzMiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo4RDQxNjUxMDg1MUQxMUUyOEY5RDlCRkE5NzAxQUE3MyIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo4RDQxNjUxMTg1MUQxMUUyOEY5RDlCRkE5NzAxQUE3MyIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pv9fnY0AAAMAUExURQO4yFpaWvPsxgPq/t3d3UnWGifn9wXW6unclGFhYfHii2G2MraoFfX19nd3d/PGxnGvUe97AfyGA8DAwLOzs+Hh4f6YF8bj8/GFhVqsKc7Ozi+n5oTK8fSZJebm5tnZ2b29vQBPTABrbzNqENXV1UNDQ9G6OJ2dnXbHSmpqavruZbRkBzHDAESYFAOquPz8/OrTWTo8Pc2GLf+nNsKkAIaGhkqMJP+xS/jqUVu46t2/Gte2AP7+/vr6+upZWenp6QUFBYpKArrtquHGMCXBzFvNNe2qqtHR0ebOSarV7e3jqwHF2AGMlycnJ8u3GclnAKPyiXfoUnvH8adXAuZJSQWcqDbXAInYZACL18nJyaysrEPt/xgYGLi4uAB9wJHucsMAABPt/jib0VW7Gzvx/0uiGO5ycu7bcgB5utHzxnPD7y67AIntaMqrATPKAZfcdtE4OOuECHU1AAGEy+3aZ6zomD2CEuiYmO1oaMTExO3t7Wa97toZGXLmTB2MyaOjo5PR89cAAJfwekGq48SxSrsAAAmCxACAxcRKSvB8fGHCQfDffkqZxJfL6JWVlQkmMMauG8qtCcoBATnJCWTF98kdHYDPWdhtAH3HWCDj8nHLP0HHFZ3wgVe68xfx/wyGyS4TCcULC06x56rykt3MJlzhMMerDPKSkmu/PT+59LqeAMkLC++OFFCrHwJ6gx4QIry/twDZ7sdxBxqY3f/+/T8hFWHAK+EwMMaoAF/SOS8hM23B7/3//wvd7SkbMCHt/sKmClNUTjDv/4DqXJPacHzOT+J2AO6TC/WNDgMXIcR+IQ4ODRoNAM+wATjCCheP0WnjQQHj9xPg70tMTFFRUU5SVR8fH/39/UYxQXfSSC4uMDMyMhEfCw3h8xvn+I7ad92EBaq3pqaxt+jdnbe0pme03tvv+un55L+3t97MZ/v9+vGLi4zN8pzR7/r8/XLBUt5nZ+jZQqPuire8v/36+vjs7Pn25P39+s2+HLempvLiNf6PDADO4i7O29mTOf///x0N+7IAAAEAdFJOU////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////wBT9wclAAACoUlEQVR42nTSz0vbcBgGcCstLIXVQyoWVkZOwhcC9pAeajMHGxtuh1FEsq6QGjy0WrUIOiabWttZo6uTreLJgjiZgrsMHKzDi9CzY7f8BftFCxsb7Jq93/dtR2DmveST5znkOaTL9jIWYAEb7iL1VIuLxR03TeY1n+ZzU/dMfDB+z019c8mT5LKb/l2XN1BIBVNbDFaB1OukoErqWRzKbCyMVklqL2nDIk36GmOl6SWNpH5dynOVVFL3YCSbnR8+J6l/SJV3pL6TWC735NUcSf1Cyqkkx0BWCOq6ntqSbC7LGuASByxSEfaFQgujj1AQch1ZFklrlGq12vSnhyjIuA6wBcUj2UqlMj98CQUZlx9bUDI2Eg6PnD59joKMawVbkGNgIKVLohQsMJvLGrgmgS7DQNRiZqPZDGWG3qAga4KoBfmma4lEYqyxjYLsF4ha0GC24vf7s5GXKMj8IGpBJ6cjrVY4F9tDQdYCUQtyDBSiQVGUCkywuVT1agHkfaySjPeZ5lFoqGigIPsJ6sUWJL8eSxwkGpqMguw+iFpQ/WYWBkbiCgqy7yBqQeaVXGslHEuaKMg+g+i7IMdAj0dgjAlC1OYSRdETtQVJFEnlcrVYrBrlWRRkXN+wBclTeU3Ly1O3UJBxvcUWpBzPxOPnynE/CjIuakHpCTOZnEtPjKMg4/qNLcj5DwoeOEGwbS5Jj6J0nbRjlOEMgyTp6yjecu3KU3CyTJL0Hyjecr1QjuEUhSTpqyjeci2bE3DpNEnSN1G85XIMtAU8bnhEO2JtGVXD4PtQ6x3tz5LkvCzzfahnHX1s66yuKPV6W6skpX7Wlmmm06bZ1mZHa205BtoPGIvSy0W6vb8/664bu9sf3HX38LDfXXf29sY7WvtPnfsrwAAeMhyOGUslTAAAAABJRU5ErkJggg==) no-repeat;
    }

    .mMultiStat {
        padding: 0;
        margin: 0;
        display: block;
        line-height: 11px!important;
    }

    .mMultiStat li {
        display: inline-block;
        background: none;
        font-size: 0.6rem;
        margin: 0 5px 0 0;
        padding: 0;
        color: #888F9F;
        text-indent: 0;
    }

    .mMultiStat li img {
        margin: 0 5px 0 0!important;
        color: transparent!important;
        width: 10px;
    }

    .mMultiStat li img.live {
        background-position: -59px 1px;
    }

    .mMultiStat li img.inactive {
        background-position: 1px 1px;
    }

    .mMultiStat .statusicon {
        height: 10px!important;
        line-height: 10px!important;
        display: inline-block!important;
        width: 10px!important;
        text-indent: 0!important;
        margin-right: 5px;
    }

    .mMultiStat .statusicon:before {
        font-size: 11px;
        top: -3px;
        position: relative;
    }

/*----------------------------------------------------------------------- */
/* post topicicons */

    .post .topicicons {
        margin-right: 50px;
    }

/*----------------------------------------------------------------------- */
/* mTrAbs */

    .mTrAbs {
        position: relative;
    }

    .mTrAbs td {
        line-height: 30px;
        border-radius: 0!important;
        display: block;
    }

    .mTrAbs .header.title img {
        margin: 8px 5px 0;
    }

    .mTrAbs td,
    #sortheaders .header,
    .sortheadersclass td {
        padding: 0!important;
    }

/*----------------------------------------------------------------------- */
/**#sortheaders*/

    #sortheaders .header {
        text-align: left;
        width: 100%;
        line-height: 1.8rem;
    }

    #sortheaders .header a {
        text-decoration: none;
        padding-left: 5px;
    }

    #sortheaders .header.sortdesc a,
    #sortheaders .header.sortasc a {
        padding-left: 20px;
    }

    #sortheaders .header.sortdesc,
    #sortheaders .header.sortasc {
        display: block!important;
    }

/*----------------------------------------------------------------------- */
/**mNone, mMoreNone +/- primary*/

    .mNone .primary,
    .mNone .primary a {
        width: 100%;
    }

    .mMoreNone .mMain .primary,
    .mMoreNone .mMain .primary a,
    .mMoreNone .mGraph .primary,
    .mMoreNone .mMainFR .primary {
        width: 100%;
    }

    .mMoreNone .mCount {
        margin-right: 0;
    }

    .mCountNone .mMain .primary,
    .mCountNone .mMain .primary a {
        width: 100%;
    }

/*----------------------------------------------------------------------- */
/**mGraph*/

    .mGraph .primary > img {
        margin: 0 5px 0 0;
        float: none;
    }

    .mGraphBar {
        display: block;
        margin-top: -10px;
        font-size: 0.7rem;
    }

    .mGraphBar.adjNone {
        line-height: inherit!important;
        margin-top: 0;
    }

    .mGraphBar .wrapper {
        white-space: nowrap;
    }

    td:nth-child(2) .mGraphBar .wrapper {
        width: 85%;
    }

/*----------------------------------------------------------------------- */
/**group*/

    .group.mt,
    .groupoff.mt {
        font-size: 0.7rem;
    }

    .group.mAccess,
    .group.mAction,
    .groupoff.mAccess,
    .groupoff.mAction {
        background-color: #888F9F!important;
    }

    .group.mAccess span,
    .group.mAction > *,
    .groupoff.mAccess span,
    .groupoff.mAction > * {
        border-color: #8F8F8F!important;
    }

    .group.mStat {
        border-right: 1px solid #AAB1C1 !important;
        border-left: 1px solid #AAB1C1 !important;
    }

    .group.mMore {
        border-left: 1px solid #AAB1C1 !important;
        border-right: none!important;
    }

/*----------------------------------------------------------------------- */
/**grayout*/

    .grayout,
    .grayout i:before {
        text-shadow: 0px 1px 1px #888F9F, 0 0 0 #626262;
        color: #888F9F;
    }

    .groupoff .grayout i:before {
        color: #FFF!important;
        opacity: 0.2!important;
    }

/*----------------------------------------------------------------------- */
/**label*/

    .label {
        line-height: 0.7rem;
        overflow: hidden;
        text-overflow: ellipsis;
    }

/*----------------------------------------------------------------------- */
/**glyphicons*/

    .glyphicons {
        padding: 0!important;
    }

    .glyphicons+.label {
        font-size: 0.8rem;
    }

/*----------------------------------------------------------------------- */
/**mtDt*/

    .mtDt big {
        font-size: 0.6rem;
    }

    .mtDt br {
        display: none;
    }

/*----------------------------------------------------------------------- */
/* #panel */

    #panel {
        top: 50px;
        bottom: 0;
        left: 0;
        margin: 0;
        overflow: auto;
        padding-top: 0;
        position: absolute;
        width: 100%;
        z-index: 61;
    }

    #panel .wrapper {
        margin: 0;
        padding: 0;
        position: relative;
        height: 100%;
        width: 100%;
        z-index: 62;
    }

    #panel .wrapper > div:first-child {
        background: #FFF;
        max-width: 710px;
        margin: 10px auto;
        padding: 10px;
    }

/*----------------------------------------------------------------------- */
/* #divfsID */

    #divfsID td select {
        display: inline-block!important;
        margin-bottom: 10px;
    }

/*----------------------------------------------------------------------- */
/* topicbtn */

    .topicbtn td {
        display: block;
        text-align: center;
    }

    .topicbtn td input {
        width: 100%;
        margin-bottom: 5px;
    }

/*----------------------------------------------------------------------- */
/* Team Type Icons */

    .tt {
        display: none;
        background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAUAAAAATCAMAAADWIyR1AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6QTAwOTRDN0E4NTBEMTFFMjlCNzhBQkU0QTc2MjNCNjkiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6QTAwOTRDN0I4NTBEMTFFMjlCNzhBQkU0QTc2MjNCNjkiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpBMDA5NEM3ODg1MEQxMUUyOUI3OEFCRTRBNzYyM0I2OSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpBMDA5NEM3OTg1MEQxMUUyOUI3OEFCRTRBNzYyM0I2OSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PltDqVIAAAMAUExURQO4yFpaWvPsxgPq/t3d3UnWGifn9wXW6unclGFhYfHii2G2MraoFfX19nd3d/PGxnGvUe97AfyGA8DAwLOzs+Hh4f6YF8bj8/GFhVqsKc7Ozi+n5oTK8fSZJebm5tnZ2b29vQBPTABrbzNqENXV1UNDQ9G6OJ2dnXbHSmpqavruZbRkBzHDAESYFAOquPz8/OrTWTo8Pc2GLf+nNsKkAIaGhkqMJP+xS/jqUVu46t2/Gte2AP7+/vr6+upZWenp6QUFBYpKArrtquHGMCXBzFvNNe2qqtHR0ebOSarV7e3jqwHF2AGMlycnJ8u3GclnAKPyiXfoUnvH8adXAuZJSQWcqDbXAInYZACL18nJyaysrEPt/xgYGLi4uAB9wJHucsMAABPt/jib0VW7Gzvx/0uiGO5ycu7bcgB5utHzxnPD7y67AIntaMqrATPKAZfcdtE4OOuECHU1AAGEy+3aZ6zomD2CEuiYmO1oaMTExO3t7Wa97toZGXLmTB2MyaOjo5PR89cAAJfwekGq48SxSrsAAAmCxACAxcRKSvB8fGHCQfDffkqZxJfL6JWVlQkmMMauG8qtCcoBATnJCWTF98kdHYDPWdhtAH3HWCDj8nHLP0HHFZ3wgVe68xfx/wyGyS4TCcULC06x56rykt3MJlzhMMerDPKSkmu/PT+59LqeAMkLC++OFFCrHwJ6gx4QIry/twDZ7sdxBxqY3f/+/T8hFWHAK+EwMMaoAF/SOS8hM23B7/3//wvd7SkbMCHt/sKmClNUTjDv/4DqXJPacHzOT+J2AO6TC/WNDgMXIcR+IQ4ODRoNAM+wATjCCheP0WnjQQHj9xPg70tMTFFRUU5SVR8fH/39/UYxQXfSSC4uMDMyMhEfCw3h8xvn+I7ad92EBaq3pqaxt+jdnbe0pme03tvv+un55L+3t97MZ/v9+vGLi4zN8pzR7/r8/XLBUt5nZ+jZQqPuire8v/36+vjs7Pn25P39+s2+HLempvLiNf6PDADO4i7O29mTOf///x0N+7IAAAEAdFJOU////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////wBT9wclAAAG3ElEQVR42uyYzUsbaRzHExwM4lpMYgJJMdk1E4wNZkkDiQdLJuCSQ4wFJYQhcxHNxYsoS2DSw/Y/yEV8g5YeeojQZFHaXlorFZtqx0sad7qbbLc9L92V3mS1nf098z6jW6PV234zlPDt83zm9/JMnmc0cBxHaS9ezXq09pJ05cqVvr42I6dWsx4Gcrvxc809yXO5bDYbhl0Sz8BxXVQXJ19MF2/3Ur2cfDG9vIef4HXQLk59Cepqq1ZbqtXVqvcn+bZdbROCNJ7FYjHDJ6h4ebcoZ1Q17it4NlHuvGrcX7c/jI5OTQXVc0dH5+6srNzReH19tWC9XtfxMDeO4yIPCkhdo9A1QFH3KeqAERZbkx4dpek8jf7F0CXexNjCq1qtBuUbGyceg1DGKs/CywwZyx7uxoQl6HYq487Is5gVD4OEXUIFlXFQvidzt249mWpEbTahUcY5VD4klWfcCyZZiqLqiodiw+Mg3H0DJBQQNDDwz/2Dg5GREalYzXl0NA8fl4tPWSpg27iguy1vUzUx5rZlUcViWPbsgg4Pt/2S58bEBYNheJw7J29b4WEQnCj5qWu7/WHq1h1eT+qNRoP35uZWVq6uXIVrRfaMe3WGQGJYyYNEcaegOCxDnC/gj9cGPn68f/ANaGRE+HFr1qOj0agLrWkkqYB7Xm+t5t2k0M2lpSB46RO8kMbjm+t0kVaQtAT3WsY3Njc3x6umREqe+8Pyi3Q67XtcyoZl7/AwBLJbKgt+ycNcrii0OIo6Ii3Bvb2gUBcQxbLsWTygQO1I/kKh8gVMwn+yXq83GGwEg2KxmvRoEglQfE/EAnrHx2uTGXZjnTgK1MWgvcvLta1pdr6dKIVlz26vRSJs9wxR8Ute3GaLR6OkDbO6cZKTeZuTmcmNdZOGl96a3ppvL2l4oUgk0j1jVnhuKGA+n+cLiMu8t59AQwZDYDjpFh5N73Jxf3+xszMb7s/Jnv3BZ9CrtZv+MckDHnSEf+QwvOPG96iAWNBgGEIKpAJlVljn8aAj24kUzuU8rHBnPLi2dh30as3vj4lehxMWng3BoIZkh5ywdzLDtJqIo1RSSdg7Pc3wBUwqCXsjESb0kqiMJTUFtLqwb48VsNV0pOHJBUxqChgKvaxU/EldAV2aAgJvEvESqeQbHS9bysmewhuTPE1DBoVNhPsFgJlMptVkWk0x0jL3FQH4brG9NBEmRO+5/RB1OPTebPZLHo7ZoCNR9BDjVtFDvCSTIYij1ZQ0bm+5mGaZdwRRmsipeSwTIQjgMSoeSUetVh1Pik/Ng/iggFoevwJnlPgwOWEb5pR5LcfzVXjhM/FQAY3jf2xAh5dM1cBwQdqoln3z6a20r90R9rCSBx0JRULdMxVYgVLCaJND/YWtSd6EgbeZ2eR5rMJ7cQKvG/HMTfBgxSytN8WLaHjCbyC/YtxxHe9YfNOnx3eMZxBbvLFx960pVS7IW/1z3/Jv8y+KJYWHWgIltD8wKzwxY5SvUzlHKzz2NF53yL59Bh6l4vkQz3Eaj8+Y70j8UngG4Wm/C6es1WFV/Tiu5oNzliPneab27JZDy8xYTD0ubuOPRk5S5fE8iO9eE7zDmdj5eaWT4tPy0M8+rBccPyfv8Ms8oYBPGwnYksqFP1UDHzYc/eGw59kbtVd/v7bmjxX+VnmDJDqXO8lBlSfyHg02yRu8TB4udOSSeEIBuQZLEIVC4an6nQ95v//8q3oyVwfv3k7wodoj4dBG085B/dzCvV+f6udeJK/Z+PA4OrK5L4nHH2MYZmh9ffUoEWAYRjht9oLnKLY7stkweL2y9+oBHLIW/LLnclpp4d0ft9LWqDxuqFz+rqcc0Mx1eJByWt5s7FFsVscj46ST1PEgvkRCx2sivjwce9GbHMQI59T8JfAM7iAzNPT6NdTvyIDE1DE0tbNzf7/dUcr2IzH1XuRdv94NPPPCTSTkQboYOgWi+iHRpAuN43k7xI7I6xV5xXY40et527vE7jEevIVoeUsQn+lIx/uP+CpKfJCuyyX+8QTJiecvnGcwflpaAp7JlEggXiA13MYZO+cXfUXEy2b7gZnzgPe5uxt4M5UFHugfGzPyO6aqfnCYdnMSr7zTY0joeB7Gg3Bqnjm2O3uM57SSeh48H03FZ1bHh6H9UskXva5fOM/AtAIPygeoQCqVGi4PUxyzuAjrBbUjhwQPHng8D7VjDCkWi1EcLeTLpxrnX+doTuAd9ezs7PToeB6GITw63uzu7u6sjkfSVprU8CDd88TnFPLlcxVe1+MXzjMwooS/OhDoK9esBz9TwocXfKHpL80V38uZE3jMeXinek5JpPztwnkG7n99lf4VYADs5Ap3ddaVdwAAAABJRU5ErkJggg==)!important;
        background-repeat: no-repeat;
        background-position: 116px 0px;
        height: 20px!important;
        width: 20px!important;
        border: none!important;
        margin-top: 10px;
    }

    .tt.admin_none {
        background-position: -60px 0px;
    }

    .tt.admin_all {
        background-position: -20px 0px;
    }

    .tt.admin_req {
        background-position: 0px 0px;
    }

    .tt.admin_some {
        background-position: -40px 0px;
    }

    .tt.contrib_none {
        background-position: -140px 0px;
    }

    .tt.contrib_all {
        background-position: -100px 0px;
    }

    .tt.contrib_req {
        background-position: -80px 0px;
    }

    .tt.contrib_some {
        background-position: -120px 0px;
    }

    .tt.part_none {
        background-position: -220px 0px;
    }

    .tt.part_all {
        background-position: -180px 0px;
    }

    .tt.part_req {
        background-position: -160px 0px;
    }

    .tt.part_some {
        background-position: -200px 0px;
    }

    .tt.app_none {
        background-position: -300px 0px;
    }

    .tt.app_all {
        background-position: -260px 0px;
    }

    .tt.app_req {
        background-position: -240px 0px;
    }

    .tt.app_some {
        background-position: -280px 0px;
    }

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

    span.statusicon[class*="inactive"] {
        color: gray;
    }

    span.statusicon[class*="expired"] {
        color: red;
    }

    span.statusicon[class*="live"] {
        color: #7ec059;
    }

    span.statusicon[class*="pending"] {
        color: #FFE98B;
    }

    span.statusicon[class*="incomplete"] {
        color: #68AFFC;
    }

    span.statusicon {
        position: relative;
        width: 41px!important;
        display: inline-block;
        font-size: 1.4rem;
    }

    span.statusicon.smokewhite {
        color: whitesmoke;
    }

    span.statusicon.blue {
        color: #68AFFC;
    }

    span.statusicon.green {
        color: #7ec059;
    }

    span.statusicon.red {
        color: red;
    }

    span.statusicon.black {
        color: #000;
    }

    span.statusicon.small {
        font-size: 0.8rem;
        width: 1rem!important;
    }

/*----------------------------------------------------------------------- */
/*mSelLbl*/

    .mSelLbl {
        line-height: 20px;
        display: inline-block;
    }

/*----------------------------------------------------------------------- */
/*editable_textarea*/

    .editable_textarea textarea {
        width: 90%!important;
        float: none!important;
        margin: 5px auto;
    }

/*----------------------------------------------------------------------- */
/*searchstring*/

    .searchstring td {
        display: block;
        margin: 5px;
        padding: 0px;
    }

/*----------------------------------------------------------------------- */
/*topics*/

    .topics .rowsticky .mbtn {
        background: #FFFDE2 !important;
    }

/*----------------------------------------------------------------------- */
/*group, mTitle, mHdrLink*/

    .group .mTitle,
    .groupoff .mTitle,
    .group .mHdrLnk li,
    .groupoff .mHdrLnk li {
        font-size: 0.7rem;
    }

/*----------------------------------------------------------------------- */
/*rowoff mbtn mLeft, mRight*/

    .rowoff .mbtn.mLeft {
        border-right: solid 1px #E4E6EC!important;
    }

    .rowoff .mbtn.mRight {
        border-left: solid 1px #E4E6EC!important;
    }

/*----------------------------------------------------------------------- */
/*mHdrLnk*/

    .mHdrLnk {
        display: table;
        width: 100%!important;
    }

    .mHdrLnk li {
        display: table-cell;
        color: #FFF;
        vertical-align: middle;
    }

    .mHdrLnk li.mPillLnk {
        white-space: nowrap;
        text-align: right;
    }

/*----------------------------------------------------------------------- */
/*mIcons*/

    .mIcons {
        display: table;
        float: right;
    }

    .mIcons li {
        display: table-cell;
        vertical-align: middle;
        white-space: nowrap;
    }

/*----------------------------------------------------------------------- */
/*mAddLnk*/

    .mAddLnk {
        margin: 0px 5px 5px 5px!important;
    }

/*----------------------------------------------------------------------- */
/*li .key*/

    li .key {
        margin-left: 3px;
    }

/*----------------------------------------------------------------------- */
/*mLI TIP - notice macro tip*/

    .mLiTip {
        display: none;
        position: absolute;
        z-index: 1000;
        margin-top: -50px!important;
        border: none!important;
    }

    .mLiTip > div {
        -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
        -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
        box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
        background: #fcf8e3;
        padding: 1px;
        border: 1px solid rgba(170, 170, 170, 0.6);
        position: absolute;
        right: 51px;
        top: 1px;
        font-size: 0.7rem;
        z-index: 2!important;
    }

    .mLiTip > div h5 {
        padding: 5px;
        margin: 0;
        font-size: 14px;
        font-weight: normal;
        line-height: 18px;
        background-color: #FFF3B8;
        border-bottom: 1px solid #EBEBEB;
    }

    .mLiTip > div p,
    .mLiTip b {
        margin-bottom: 0;
    }

    .mLiTip > div div > p,
    .mLiTip div > b,
    .mLiTip div > ul {
        margin-left: 5px;
        margin-right: 5px;
    }

    .mLiTip > div b {
        display: list-item;
        list-style: disc;
        list-style-position: inside;
    }

    .mLiTip > div ul li {
        list-style: circle!important;
        padding-left: 10px!important;
        list-style-position: inside!important;
        line-height: 20px!important;
    }

    .mLiTip .mLiTriangle.mRight,
    .mLiTip .mLiTriangle.mRight:after {
        position: absolute;
        display: block;
        width: 0;
        height: 0;
        border-color: rgba(0, 0, 0, 0);
        border-style: solid;
    }

    .mLiTip .mLiTriangle.mRight:after {
        border-width: 10px;
        content: "";
    }

    .mLiTip .mLiTriangle.mRight:after {
        right: 1px;
        top: -10px;
        border-left-color: #FFF3B8;
        border-right-width: 0;
        padding-left: 1px;
    }

    .mLiTip .mLiTriangle.mRight {
        border-width: 11px;
        top: 5px;
        right: -11px;
        margin-top: 0;
        border-left-color: rgba(170, 170, 170, 0.5);
        border-right-width: 0;
    }

/*----------------------------------------------------------------------- */
/*#AdvancedOptions*/

    #AdvancedOptions td.item:nth-child(2) {
        min-width: 26px;
    }

    #AdvancedOptions td.item:nth-last-child(2) {
        min-width: 250px;
    }

/*----------------------------------------------------------------------- */
/**glow*/

    .glow {
        text-shadow: 0 0 10px white, 0 0 15px white, 0 0 20px yellow, 0 0 25px yellow, 0 0 30px yellow!important;
    }

/*----------------------------------------------------------------------- */
/**confirm*/

    .confirm {
        margin: 20px auto;
    }

    .confirm+.medium {
        height: 0;
    }

/*----------------------------------------------------------------------- */
/**viewitems*/

    .viewitems select {
        width: 100%!important;
    }

/*----------------------------------------------------------------------- */
/**√*/
    .ui-input-text+select {
        margin-top: 10px;
    }

/*----------------------------------------------------------------------- */
/**form table*/
    .formtable textarea {
        visibility: visible!important;
    }

    .formtable #filter_items td {
        width: auto!important;
    }

    .formtable #filter_items td a {
        display: block;
        width: 48px;
        text-align: center;
    }

    .formtable #divsave {
        padding: 0 10px;
    }

    .formtable #divsave .chkitem {
        margin-left: 20px;
    }

    .formtable .action select {
        margin-bottom: 0.5em;
    }

    .formtable select {
        width: 100%;
    }

/*----------------------------------------------------------------------- */
/**#PageSearch*/

    #PageSearch > .hidden {
        margin-top: 20px;
    }

    #PageSearch .formtable td {
        display: block;
    }

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

    .modfv a {
        border-radius: 4px!important;
        border: 1px solid #E4E6EC;
        padding: 0.1em 0.8em;
        display: inline-block
    }

    .modfv a:hover {
        text-decoration: none;
        background: #EEF0F3;
    }

/*----------------------------------------------------------------------- */
/* Buttons */


    /*OLDER RULES*/

    .btn {
        display: block;
        width: 100%;
    }

    .btn,
    .btn.inline {
        background-image: none!important;
        line-height: 1;
        display: block;
        width: 100%;
        border-radius: 4px!important;
        background-clip: padding-box;
        background-color: #EEF0F3;
        border: 1px solid #C9CEDB;
        margin: 0 0 10px 0;
        font-size: 18px!important;
        color: #1F232F;
        padding: 10px 18px;
        text-decoration: none;
        text-align: center;
        text-shadow: none;
    }

    .btn.inline {
        line-height: 1;
        padding: 11px 18px;
    }

    .btn:active {
        background-color: #E3E3E3;
        background-image: none!important;
        border: 1px solid #777;
    }

    .btn:hover {
        background-color: #E3E3E3;
        background-image: none!important;
        border: 1px solid #888F9F;
    }

    .btn:focus {
        background-color: #E3E3E3;
        background-image: none!important;
        border: 1px solid #676D7E;
    }

    td:last-child .btn {
        margin-bottom: 0;
    }


/*----------------------------------------------------------------------- */
/* Panel */

    .panel {
        position: relative;
        margin: 0 auto;
        overflow-y: auto;
        -webkit-overflow-scrolling: touch;
        height: 100%;
        -moz-user-select: none;
        -webkit-user-select: none;
        -ms-user-select: none;
    }

    .panelout {
        max-width: 670px;
        margin: 0 auto;
    }

    .panelin {
        padding: 20px 20px 100px;
    }

    .panel.panel-open {
        display: block!important;
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        margin-top: 47px;
    }



    .panel td {
        width: auto!important;
    }


    /*--- Panel Search */

    .panelsearch .btn {
        text-align: center;
        display: block;
        width: 100%;
        margin-bottom: 10px;
    }

    .panelsearch #stxt {
        width: 100%;
        text-indent: 3px;
        margin: 0 0 10px 0;
    }

    .panelsearch .table {
        margin-top: 5px;
    }

    .panelsearch .tcell {
        padding-left: 5px;
    }

    .panelsearch .tcell:nth-child(1) {
        padding-left: 0;
    }


    /*--- Panel Tips */

    .paneltips .panelin > div {
        margin-top: 5px;
    }

    .paneltips .panelin > div:first-child {
        margin-top: 0;
    }

    .paneltips #avatarpick .tip {
        padding: 0;
    }

    .paneltips .tipouter {
        width: 100%;
    }

    .paneltips .voteui {
        border: 1px solid #D8DCE5;
        border-radius: 3px;
        margin-bottom: 20px;
    }

/*----------------------------------------------------------------------- */
/* Li Container */

    .mlicontainer.mResetUL {
        display: block;
        margin-top: 10px;
    }

    .mlicontainer.mResetUL li > div {
        display: table-cell;
        vertical-align: middle;
        position: relative!important;
    }

    .mLiBtn.mRight:after {
        content: "";
        position: absolute;
        z-index: -1;
        height: 100%;
        width: 100%;
        top: 0;
        right: 0;
        border: 1px solid #EEF0F3;
        box-sizing: border-box;
        border-top-right-radius: var(--border-radius-lg);
        border-bottom-right-radius: var(--border-radius-lg);
        border-top-left-radius: 0;
        border-bottom-left-radius: 0;
    }

    .mlicontainer.mResetUL li > div > * {
        display: block;
    }

    .mlicontainer.mResetUL li > .mLiLnk > * > * {
        width: 25px;
        height: 33px;
        margin: 0 auto;
    }

    .mCentered .mLiInner {
        margin: 0;
    }

    .mLiId {
        display: block;
    }

    .mLiBtnAccess {
        display: inline-block;
        top: 0;
    }

    .mlicontainer.mResetUL .mLiBtnAccess {
        display: none;
    }

    .mlicontainer.mResetUL li > div > i {
        margin: 0 auto;
        font-size: 30px;
    }

/*----------------------------------------------------------------------- */
/* Project Home Page */

    .projhomepage .empty,
    .projhomepage .secbody,
    .projhomepage #div_HomeDashSubData,
    .projhomepage .content {
        max-width: 650px;
        margin-left: auto;
        margin-right: auto;
    }

    .projhomepage .section {
        margin-left: 0;
        margin-right: 0;
    }

    .projhomepage .block > div:last-child {
        margin-bottom: 0;
    }

    .projhomepage .block > div:last-child.empty {
        margin-bottom: 10px;
    }

    .projhome .opts {
        text-align: right;
        padding-left: 10px;
    }

    .projhome .opts > * {
        display: inline-block;
        border-radius: 2px!important;
        text-decoration: none;
        margin: 0 0 0 6px!important;
        padding: 0 5px;
        color: #fff;
        font-weight: 300;
    }

    .projhome .opts > *:before {
        display: none;
    }

    .projhome .opts a {
        -webkit-box-shadow: none !important;
        box-shadow: none !important;
        border: solid 1px #C9CEDB;
        border-radius: 4px;
    }

    .projhome .opts a:hover {
        background-color: #888;
    }

    .projhome .opts .sel {
        background-color: #ff9e18;
    }

    .projhome .assignplatform {
        background: none;
        padding: 0;
    }

    .projhome .assignplatform li {
        list-style-type: none;
    }

    .projhome .dash {
        margin: 0 auto;
        padding: 20px 0;
        overflow-x: auto;
    }

    .projhome .empty {
        margin: 20px auto 10px;
    }

    @media (max-width: 650px) {
        .projhome .watchoptions.float-right {
            float: none;
        }
    }

/*----------------------------------------------------------------------- */
/* Smartphones (portrait and landscape) ----------- */


    /*
        QUESTION: [FV] any specific reason we are targeting these px width?
                  Phones have gotten bigger so the px width we are targeting has changed
                  iPhone 6+ is 414px portrait and 736px landscape, so we may want to increase the max width value
                  We may need to define what the break points we want to use are (right now I think you are using 320,480,650)
                  I think the breakpoints could be Mobile (less than 768px), tablet (between 768px and 1024px), and desktop (greater than 1024px)
                  These are more important for a responsive site and less so for a Mobile/Desktop site, so we can come back to these later
    */

    @media only screen and (min-width:320px) and (max-width:480px) {
        /* Inputs */
        /* There are other conflicting margins from other styles on these, so I am basically resetting the margins to 0 since we are using 100% width
           Clearing left and floating left will help make sure there are no hanging elements next to eachother
        */
        .projhome .watchoptions .bttn {
            float: none;
            width: 100%;
            margin-left: 0;
        }
        /*OLDER RULES*/
        input[type="text"] {
            width: 100%;
        }
        input[type="password"],
        input[type="textbox"],
        select,
        select[multiple],
        .viewset select,
        .viewsubset select {
            width: 100%;
            clear: left;
            display: block;
            margin-left: 0px !important;
            margin-right: 0px !important;
        }
        .viewitems select {
            width: 100%!important;
        }
        .viewitems {
            margin-right: 0;
        }
        .btn.dyntags {
            display: block;
            width: 100%;
        }
        .ui-input-text > input,
        .feedbackcontrol textarea {
            width: 100%;
        }
        fieldset > textarea {
            margin: 0;
            max-width: 100%!important;
        }
        .selgroup {
            width: 100%;
        }
        .select {
            display: block;
        }
        /* Forms */
        .modfv {
            display: block!important;
        }
        h5.chklist small {
            float: left;
            margin: 1em 0;
        }
        .item {
            width: 100%;
        }
        .item .sel {
            width: 100%;
        }
        .item .label {
            padding: 14px 0;
        }
        #divpasses {
            margin-bottom: 10px;
        }
        #divpasses .item {
            display: block;
            padding: 10px 10px 0!important;
            position: relative;
        }
        #divpasses .item-password-strength-lbl {
            white-space: nowrap;
            overflow: visible;
        }
        #divpasses .item.item-password-strength-txt > div {
            width: 100%!important;
            border: 1px solid #C9CEDB;
            background: #F7F8F9;
            padding: 11px 10px!important;
            border-radius: 4px;
            line-height: 1;
        }
        #divpasses .item.item-password-strength-txt span {
            font-size: 14px;
        }
        .submitbtns td {
            text-align: left;
        }
        /* Tables */

        .projhome .lbl {
            float: none;
        }
        .formtable > tbody > tr > td {
            display: block;
        }
        .formtable [name="myOneText"] {
            width: 100%!important;
        }
        .jaccount.hasmiddleinitial td:first-child {
            width: 30%;
        }
    }

/*----------------------------------------------------------------------- */
/* Table Rows */

    .toollist.mini a {
        margin-bottom: 0;
    }

    /* .table .row a, */
    .table .row .rowstatic {
        color: #1F232F;
        padding: 14px;
        text-align: center;
        display: block;
        width: 100%;
    }

    .table .row a .lbl {
        line-height: 20px;
        position: relative;
    }

    .table .row a+a {
        margin-top: 5px;
    }


    /* test */

    .table .rowtxtleft a {
        text-align: left;
    }

    .table .rowtxtleft .rowstatic {
        text-align: left;
    }

    .table .rowsubtxt {
        display: block;
    }

    .table .row .xxx {
        padding: 14px;
        text-align: center;
        display: block;
        width: 100%;
        border: 1px solid #E4E6EC;
        background: #fff;
        border-radius: 4px!important;
        background-clip: padding-box;
    }

    .table .row .xxx {
        background: #63c7bd;
        color: #fff;
        border: none;
        margin-bottom: 5px;
    }

    .table .row.footer {
        padding: 0;
    }

    .table .row:last-child a {
        margin-bottom: 0;
    }

    .table .footer a,
    .table .footer a:hover {
        background: #000;
        color: #888F9F;
        font-weight: bold;
    }

    .table .row .table .tcell > span {
        display: block;
        font-size: 12px;
        opacity: 0.8;
        color: #1F232F;
    }

    .table .row a .table .tcell:first-child {
        text-align: left;
    }

    .table .row a .table .tcell:last-child,
    .table .row .rowstatic .table .tcell:last-child {
        width: 20px;
        text-align: right;
    }

    .table .rowitem {
        margin: 0 0 5px 0;
        width: 100%;
        border: none;
        position: relative;
    }

    .table .rowitem a {
        margin-bottom: 0;
    }

    .table .row.rowsectwo {
        padding: 0;
        display: table;
        margin: 0;
        position: relative;
    }

    .table .rowtxtleft,
    .table .row.rowtxtleft .a {
        text-align: left;
    }

    .table .rowtxtright,
    .table .rowtxtright .a {
        text-align: right;
    }

    .table .rowsecmain {
        padding: 14px;
    }

    .table .rowsecright {
        display: table-cell;
    }

    .row.rowsectwochk .status {
        display: block;
        padding: 0;
    }

    .row.rowsectwochk .rowsecmain {
        text-align: left;
        padding: 0;
    }

    .row.rowsectwochk .rowsecleft {
        padding: 20px;
        width: 12px;
        z-index: 2;
    }

    .row.rowsectwochk .rowsecleft input {
        margin: 0!important;
    }

    .row.rowsectwochk .rowsecmainlnk {
        position: relative;
        z-index: 1;
        width: 100%;
    }

    .row.rowsectwochk .arrowr {
        position: relative;
        z-index: 0;
        left: -10px;
    }

    .row.rowsectwochk .chevronr {
        position: relative;
        z-index: 0;
        left: -10px;
    }

    .row.rowsectwochk a {
        padding-left: 0;
        display: block;
    }

    .table .rowsectwochk {
        padding: 0;
        display: table;
        width: 100%;
        margin-left: 0!important;
    }

    .table .rowsectwochk .rowsecleft {
        display: inline-block;
        position: absolute;
        height: 100%;
        margin: 0 20px!important;
        z-index: 2;
    }

    .table .rowsectwochk .rowsecmain {
        padding-left: 52px;
        z-index: 1;
    }

    .table .rowsectwochk .rowsecmain.rowsecmainlnk {
        padding: 14px 14px 14px 52px;
        margin-left: 0;
    }

    .table .rowsectwochk .rowsecmain.rowsecmainlnk a {
        display: block;
        padding: 0;
    }

    .tcell.posts > span {
        display: inline-block!important;
    }

    .tcell.posts .lbl {
        display: block;
        font-weight: normal;
    }

    .table .rowsectwomore {
        border: solid 1px #C9CEDB;
        background: #F6F6F5;
        border-radius: 4px!important;
        margin-bottom: 5px;
    }

    .table .rowsectwomore:last-child {
        margin-bottom: 0;
    }

    .table .rowsectwomore a,
    .table .rowsectwomore a:hover {
        color: #1F232F;
        border-radius: 0!important;
        background: none;
        margin-bottom: 0;
        display: table;
        width: 100%;
        border: none;
    }

    .table .rowsectwomore a .tcell {
        padding: 14px;
    }

    .table .rowsectwomore .table > .tcell:hover {
        background-color: #EEF0F3;
    }

    .table .rowsectwomore .lichevonr {
        width: 1em;
        text-align: center;
    }

    .table .rowsectwomore .tmore {
        width: 50px;
        border-left: 1px solid #C9CEDB;
        text-align: center;
        color: #1F232F;
    }

    .table .rowsectwomore .tmore a {
        display: inline;
        padding: 0;
    }

    .table .rowsectwomore .tmore i:before {
        position: relative;
        top: 1px;
    }

    .table .row .tbtnblock {
        background: #43AD6A;
    }

    .table .row .tbtnblock:hover {
        background: #358853;
    }

    .table .row .tbtnblock i:before {
        position: relative;
        top: 1px;
    }

    .table .tbtnr {
        width: 50px;
        border-left: 1px solid #C9CEDB;
        text-align: center;
    }

    .table .tbtnr a {
        text-align: center;
    }

    .table .group {
        padding: 10px;
        margin: 5px 0;
        border-radius: 4px;
    }

    .table:first-child .group {
        margin-top: 0;
    }

    .table .group .lititle {
        margin: 0;
    }

    .table .group .libtnadd {
        width: 32px;
        display: table-cell;
        border: none;
        background: transparent!important;
        font-size: 26px;
        color: #7ec059;
        padding: 0;
    }

    .table .group .libtnadd:hover {
        color: #62a33c;
    }

    .table .footer {
        padding: 10px;
        border-radius: 4px;
    }

    .page > .table:first-child .group {
        margin-top: 10px;
    }

    .tbtnremove {
        border-radius: 4px;
        float: right;
        background-color: #C9312C;
        color: #fff;
        text-decoration: none!important;
        padding: 3px 10px;
        position: relative;
        top: -0.4em;
    }

    .tbtnremove:hover {
        background-color: #D8544F;
        color: #fff;
    }

/*----------------------------------------------------------------------- */
/* Button Flipswitch */

    .ui-btn {
        color: #fff!important;
        -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, .15);
        -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, .15);
        box-shadow: 0 1px 3px rgba(0, 0, 0, .15);
        float: left;
        height: 28px;
        margin: 1px;
        line-height: 26px;
        font-size: 16px;
        margin: 1px 0;
        padding: .7em 1em;
        display: block;
        position: relative;
        text-align: center;
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
        cursor: pointer;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        background: #f6f6f6;
        border-color: #E4E6EC;
        color: #1F232F;
        text-shadow: 0 1px 0 #f3f3f3;
        -webkit-background-clip: padding;
        background-clip: padding-box;
        border-radius: var(--border-radius-full);
    }

    .ui-btn:link {
        text-decoration: none !important;
    }

    .ui-btn:hover {
        color: #fff;
    }

    .ui-flipswitch {
        -webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, .2);
        -moz-box-shadow: inset 0 1px 3px rgba(0, 0, 0, .2);
        box-shadow: inset 0 1px 3px rgba(0, 0, 0, .2);
        font-size: 16px;
        display: inline-block;
        vertical-align: middle;
        width: 94px;
        height: 32px;
        border: solid 1px #E4E6EC;
        overflow: hidden;
        -webkit-transition-property: padding, width, background-color, color, border-color;
        -moz-transition-property: padding, width, background-color, color, border-color;
        -o-transition-property: padding, width, background-color, color, border-color;
        transition-property: padding, width, background-color, color, border-color;
        -webkit-transition-duration: 100ms;
        -moz-transition-duration: 100ms;
        -o-transition-duration: 100ms;
        transition-duration: 100ms;
        -webkit-touch-callout: none;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        cursor: pointer;
        background: #EEF0F3;
        color: #1F232F;
        text-shadow: 0 1px 0 #EEF0F3;
        font-weight: 700;
        -webkit-background-clip: padding;
        background-clip: padding-box;
        border-radius: var(--border-radius-full);
    }

    .ui-flipswitch-input {
        position: absolute;
        height: 1px;
        width: 1px;
        margin: -1px;
        overflow: hidden;
        clip: rect(1px, 1px, 1px, 1px);
        border: 0;
        outline: 0;
        filter: Alpha(Opacity=0);
        opacity: 0;
    }

    .ui-flipswitch-off {
        padding: 1px;
        text-indent: 16px;
        position: relative;
        top: 1px;
        float: left;
        height: 28px;
        margin: 1px;
        line-height: 26px;
    }

    .ui-flipswitch-on {
        width: 28px;
        padding: 0!important;
        text-indent: -42px;
        text-align: left;
        border-width: 1px;
        border-style: solid;
        border-radius: var(--border-radius-full);
        overflow: visible;
        color: inherit;
        text-shadow: inherit;
        position: relative;
    }

    .ui-flipswitch-active {
        background-color: #38c;
        border-color: #38c;
        color: #fff;
        text-shadow: 0 1px 0 #059;
        padding-left: 64px;
        width: 94px;
        height: 32px;
    }

/*----------------------------------------------------------------------- */
/* Button Toggle */

    .btntoggle .lbl {
        margin-right: 20px;
    }

    .btntoggle small {
        font-size: 14px;
    }

    .btntoggle .btntoggle-switch {
        width: 100px;
        text-align: right;
    }

    .btntoggle .tcell:last-child {
        text-align: right;
    }

/*----------------------------------------------------------------------- */
/* article */

    .articlesingle .dyn {
        margin-top: 0;
    }

    .hero-image-container {
        margin-left: -20px;
        margin-right: -20px;
        margin-top: -20px;
    }

    .resource-view-item-container:last-child {
        padding-bottom: 20px;
    }

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

    .printforumthread {
        overflow: auto;
        height: 100%;
    }

    /* -- Forum post formatting */

    .forumformat.format .mLiRow {
        border: solid 1px #EEF0F3;
    }

    .forumformat.format .mLiRow > div {
        display: table-cell;
        vertical-align: middle;
        padding: 5px;
    }

    .forumformat.format .mLiRow > div:first-child {
        width: 100px;
        border-right: solid 1px #EEF0F3;
    }

    .forumformat.format .mLiRow > div:last-child {
        width: auto;
    }

    .forumformat.format .mLiInner {
        padding: 0;
        border: none;
    }

    /* -- Forum Topic Add */

    .forumpost .topicbtn td input {
        max-width: 100%;
        width: 100%;
    }

    /* -- Forum Thread */

    .forumthread .options .optionsitem {
        display: table-cell;
        vertical-align: middle;
    }

    .forumthread .options .optionsitemfirst {
        padding-right: 0;
    }

    .forumthread .options .optionsitem a:hover {
        text-decoration: none;
    }


    /* -- Forum Topic */

    .forumtopics .mAddLnk li {
        margin-left: -5px;
    }

    .forumtopics .mAddLnk li:nth-child(2) {
        text-align: left;
    }


    /* -- Forum List */

    .forumlist {
        margin-top: 20px;
    }

    .forumlist .lirow .lbl {
        font-size: 13px;
    }

    .forumtopic.forumtopiclist .forumtopics .lbl {
        display: block;
        font-size: 13px;
    }

    .forumtopic.forumtopiclist .tcell.arrowr {
        width: 10px;
    }

    .forumtopic.forumtopiclist .mLiBtn.mLeft {
        width: 60px;
        border-right: none!important;
        padding: 5px;
        border-top-left-radius: var(--border-radius-lg);
        border-bottom-left-radius: var(--border-radius-lg);
        border-top-right-radius: 0;
        border-bottom-right-radius: 0;
    }

    .forumtopic.forumtopiclist .mLiBtn.mLeft a {
        position: relative;
        z-index: 1;
    }

    .forumtopic.forumtopiclist .mLiBtn.mLeft a:hover {
        text-decoration: none;
    }

    .forumtopic.forumtopiclist .mLiInner h5 {
        font-weight: normal;
    }

    .forumtopic.forumtopiclist .mLiInner h5 a {
        text-decoration: none;
        font-size: 13px;
        line-height: 1.2;
        display: table;
        width: 100%;
        min-height: 41px;
    }

    .forumtopic.forumtopiclist .mLiBtn.mRight {
        width: 60px;
        border-top-right-radius: var(--border-radius-lg);
        border-bottom-right-radius: var(--border-radius-lg);
        border-top-left-radius: 0;
        border-bottom-left-radius: 0;
    }

    .forumtopic.forumtopiclist .mlicontainer.mResetUL .mLiBtnAccess {
        right: 0;
    }

    .forumtopic.forumtopiclist .mLiBtnAccess.mRight.expand {
        background: white;
        box-shadow: 0 0 2px rgba(0, 0, 0, 0.3) inset;
        border-radius: 4px!important;
    }

    .forumtopic.forumtopiclist .mLiBtnAccess.mRight.expand .wrapperTbl {
        float: left;
    }

    .forumtopic.forumtopiclist .wrapperTbl i {
        font-size: 24px;
    }

    .forumtopic.forumtopiclist .wrapperTbl label {
        min-width: 42px;
        text-align: center;
        display: table-cell;
        vertical-align: middle;
    }

    .forumtopic.forumtopiclist .wrapperTbl a,
    .forumtopic.forumtopiclist .mlicontainer.mResetUL .wrapperTbl label {
        border-right: 1px solid #E1E1E1;
        width: 48px;
    }

    .forumtopic.forumtopiclist .wrapperTbl a:hover,
    .forumtopic.forumtopiclist .wrapperTbl label:hover {
        background: #EDEDEE;
    }

    .forumtopic.forumtopiclist .wrapperTbl .chk {
        margin: 0;
    }

    .forumtopic.forumtopiclist .mMoreNone .mLiInner {
        padding: 10px;
    }

    .forumtopic.forumtopiclist .mMoreNone .mLiInner {
        border: none;
        background: none;
    }


    /*reset*/

    .forumtopic.forumtopiclist .mMoreNone .mLiInner {
        background: #fff;
        border: 1px solid #5cb85c;
    }

    .forumtopic.forumtopiclist .mMoreNone .mLiInner h5 {
        color: #5cb85c
    }

    .forumtopic.forumtopiclist .mMoreNone .mLiInner:hover {
        background: #5cb85c;
        border-color: #5cb85c;
    }

    .forumtopic.forumtopiclist .mMoreNone .mLiInner:hover h5 {
        color: #fff;
    }

    .forumtopic.forumtopiclist .mlicontainer.mLiNew {
        margin-top: 0;
    }

    .forumtopic.forumtopiclist .mlicontainer.mResetUL {
        margin-bottom: 5px
    }


    /* -- Forum Buttons */

    .forumtopic.forumtopiclist .mLiBtn.mLeft {
        background-color: #f6f6f5;
    }

    .forumtopic.forumtopiclist .mLiBtn.mLeft:hover {
        background-color: #EDEDEE;
    }

    .forumtopic.forumtopiclist .mLiOuter.mCentered .mLiInner {
        background-color: #f6f6f5;
    }

    .forumtopic.forumtopiclist .mLiOuter.mCentered .mLiInner:hover {
        background-color: #EDEDEE;
    }

    .forumtopic.forumtopiclist .mLiBtn.mRight {
        background-color: #f6f6f5;
    }

    .forumtopic.forumtopiclist .mLiBtn.mRight:hover {
        background-color: #EDEDEE;
    }


    /* -- Forum Sticky */

    .forumtopic.forumtopiclist .rowsticky .mLiBtn.mLeft {
        background-color: #FFFDE2;
    }

    .forumtopic.forumtopiclist .rowsticky .mLiBtn.mLeft:hover {
        background-color: #FFFBC7;
    }

    .forumtopic.forumtopiclist .rowsticky .mLiOuter.mCentered .mLiInner {
        background-color: #FFFDE2;
    }

    .forumtopic.forumtopiclist .rowsticky .mLiOuter.mCentered .mLiInner:hover {
        background-color: #FFFBC7;
    }

    .forumtopic.forumtopiclist .rowsticky .mLiBtn.mRight {
        background-color: #FFFDE2;
    }

    .forumtopic.forumtopiclist .rowsticky .mLiBtn.mRight:hover {
        background-color: #FFFBC7;
    }

/*----------------------------------------------------------------------- */
/* Feedback */

    .btnoledit {
        background: #fff;
        border-color: #5bc0de;
        color: #5bc0de
    }

    .fbsimple {
        margin-top: 0;
    }

    .fbcard.fbmobile .fbvotecol {
        width: 50px;
    }

    .fbcard.fbmobile .fbtitle .title {
        padding: 0;
        margin: 0;
        font-size: 20px;
        float: none;
        font-weight: 700;
        line-height: 1.2;
        margin-top: 0.10em;
    }

    .fbcard.fbmobile .desc {
        margin-top: 15px;
        padding-bottom: 10px;
        word-break: break-word;
    }

    .fbcard.fbmobile .fbuser .fbname {
        margin: 0;
    }

    .fbsimplelistcontainer {
        margin-left: -20px;
        margin-right: -20px;
        margin-bottom: -20px;
    }

    .fbsimplelistcontainer .fbcard {
        padding: 20px 20px 0;
    }

    .simple-list-toolbar {
        flex-direction: column;
        margin: -20px -20px 0 -20px;
        padding: 20px;
    }

    .preresults {
        margin-top: 0;
    }

    .fbpredict {
        margin-left: 0;
        margin-right: 0;
        padding: 0;
    }
    .fbpredict .well {
        margin-left: -20px;
        margin-right: -20px;
        padding: 20px;
    }
    .fbpredict [for="search-input"] {
        margin-top: 32px;
        margin-left: 32px;
    }
    .fbpredict .infobox {
        margin: 0 -20px !important;
        padding: 20px;
        border-radius: 0;
    }
    .fbpredict .prenote {
        margin-bottom: 0;
    }
    .fbpredict .fbcard {
        padding: 20px 20px 0;
        margin-left: -20px;
        margin-right: -20px;
    }
    .fbpredict .fbcard .fbidtitle {
        table-layout: fixed; /*NOTE: necessary for text ellipsis on title*/
    }
    .fbpredict .fbcard .fbtitle {
        padding-left: 10px;
    }
    .fbpredict .fbcard .title {
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .fbsimilar .fbcard .fbidtitle {
        table-layout: fixed; /*NOTE: necessary for text ellipsis on title*/
    }
    .fbsimilar .fbcard .fbtitle {
        padding-left: 10px;
    }

    .fbcard.fbmobile .activity {
        padding: 20px;
        margin-top: 5px;
        display: block;
        width: auto;
    }

    .fbcard.fbmobile .activity:after {
        content: "";
        display: table;
        clear: both;
    }

    .fbcard.fbmobile .activity span {
        position: static;
        display: block;
        text-align: center;
        line-height: 40px;
        padding: 4px 12px;
        vertical-align: bottom;
    }

    .fbcard.fbmobile .activity .status {
        margin: 0 10px;
        overflow: hidden;
        text-overflow: ellipsis;
        display: flex;
        align-items: center;
        justify-content: center;
        border-radius: var(--border-radius-full);
        min-width: 100px;
        font-weight: bold;
        min-height: 48px;
        line-height: 1.2;
    }
    .fbcard.fbmobile .activity .fbstatus {
        width: 90%;
    }
    .fbcard.fbmobile .activity .fbavatar {
        width: 48px;
    }
    .fbcard.fbmobile .activity .fbposts {
        width: 48px;
        font-weight: bold;
    }

    .fbcard.fbmobile .activity .fbavatar .avatar {
        margin: 0;
        float: none;
        -moz-box-shadow: none;
        -webkit-box-shadow: none;
        box-shadow: none;
    }

    .fbcard.fbmobile .activity .fbavatar .avatar img {
        border: none;
    }

    .fbcard.fbmobile .activity .lbl {
        padding: 0;
        margin: 0;
        display: inline;
        border-radius: 0;
    }

    .fbcard.fbmobile .activity .fbposts {
        width: 56px;
        text-align: right;
    }

    .fbcard.fbmobile .activity .posts {
        background-image: none;
        white-space: nowrap;
        display: inline-block;
        border-radius: var(--border-radius-full);
        margin: 0;
    }


    .fbcard.fbmobile .activity .posts .lbl {
        font-weight: bold
    }

    .fbcard.fbmobile .details .ident {
        display: none;
    }


    /* -- FB hidecard */

    .fbcard.fbmobile.hidecard .details {
        display: table;
        width: 100%;
    }

    .fbcard.fbmobile.hidecard .hidematch.hide,
    .fbcard.fbmobile.hidecard .ident {
        display: table-cell!important;
        vertical-align: middle;
        position: static;
        padding: 10px;
        line-height: 1.2
    }

    .fbcard.fbmobile.hidecard .ident {
        width: 140px;
        text-align: center;
        float: none;
    }


    /* -- FB vote */

    .fbcard.fbmobile .votecol {
        display: inline-block;
        width: auto;
        min-width: 50px;
        padding: 0 10px;
        margin-right: 10px;
        border: 1px solid #EEF0F3;
    }

    .fbcard.fbmobile .fbvotes {
        text-align: center;
        height: auto;
    }

    .fbcard.fbmobile .fbvotes span.vcount b {
        font-weight: 700;
        margin-top: 0px;
    }

    .fbcard.fbmobile b.votes1 {
        font-size: 25px;
        line-height: 48px;
    }

    /*-- FB single view */

    .fbview .buttonmenu {
        margin-top: 20px;
    }

    .fbview.viewing .cmtsection,
    .fbview.editing .cmtsection {
        margin-top: 20px;
        margin-right: 0;
        margin-left: 0;
        border-radius: 0;
    }

    .fbview .form-comments,
    .fbview .form-duplicates  {
        border-radius: 0;
        margin-right: -20px;
        margin-left: -20px;
        margin-top: 0;
        box-shadow: none;
    }

    .form-duplicates.fbsimilar {
        margin-bottom: -20px;
    }

    .form-duplicates .form-duplicates-body {
        padding: 0;
    }

    .form-duplicates .section-header-toggle .title {
        padding-left: 20px;
        padding-right: 20px;
    }

    .fbview.viewing .commentarea, .fbview.editing .commentarea {
        border-radius: 0;
        padding: 20px;
    }

    .fbview .thread {
        margin: 0;
        padding: 0 20px;
    }

    #div_RetroRes .activity {
        border-radius: 0;
    }

    #div_RetroReSearch {
        background: #F7F8F9;
        padding: 20px;
        margin-bottom: 0 !important;
    }

    #div_RetroReSearch .fa-search {
       top: 34px;
       left: 34px;
    }

    #div_RetroRes .details,
    #div_RetroReRes .details {
        margin-bottom: 0;
    }

    #div_RetroRes .fbcard--plain,
    #div_RetroReRes .fbcard--plain {
        padding-top: 20px;
        margin-bottom: 0;
    }

    #div_RetroRes .bttn,
    #div_RetroReRes .bttn {
        margin-left: 20px;
        margin-right: 20px;
        width: auto;
        white-space: initial;
    }

    #div_RetroRes .bttn.bttn-block,
    #div_RetroReRes .bttn.bttn-block {
        margin-bottom: 40px;
    }

    .commentarea .posttext .ava {
        display: none;
    }
    .commentarea .submitbar .push {
        width: 100%;
    }
    .commentarea .submitbar .options {
        text-align: center;
    }
    .commentarea .submitbar .cmtsubmit {
        margin-top: 10px;
    }

    .fbtopmsgbox {
        margin-left: -10px;
        margin-right: -10px;
    }

    .thread .cmtname__name {
        font-size: 20px;
        line-height: 1.2;
        white-space: normal;
    }


    .thread .cmtauthor {
        flex-wrap: nowrap;
    }

    .thread .post .cmtauthor__avatar  {
        left: 0;
    }

    .thread .cmtauthor__name-team {
        flex-direction: column;
        margin-right: 10px;
        margin-left: 10px;
    }

    .thread .cmtdate {
        margin-left: 0;
    }

    .thread .cmtuser {
        display: block
    }

    .thread .cmtbody {
        margin-left: 0px;
        margin-right: 0px;
        position: relative;
    }

    .thread .cmtnamedate {
        display: table;
        width: 100%;
    }

    .thread .cmtnamedate > div {
        display: table-cell;
        vertical-align: middle
    }

    .thread .cmtnamedate > div:first-child {
        padding-right: 5px;
    }

    .thread .post.fbcmtcontainer .cmttags {
        margin-left: 0;
    }

    .similartools .table {
        margin-top: 5px;
    }

    .formcomment .submitbtns td:first-child {
        width: 45%;
    }

    .fbsimilar .fbcard.fbmobile .action {
        width: 100%;
    }

    .fbsimilar .fbcard .linkednote,
    .fbsimilar .fbcard .matchconfirm {
        margin: 0;
        position: absolute;
        width: 100%;
        left: 0;
        height: 100%;
        top: 0;
        padding: 10px;
        flex-direction: column;
        justify-content: center;
    }

    .fbsimilar .fbcard .linkednote > span {
        display: block;
        margin: 5px;
    }

    .fbsimilar .fbcard .matchconfirm div {
        margin: 5px;
        padding-bottom: 4px;
    }

    .fbsimilar .fbcard .linkednote  > .txt,
    .fbsimilar .fbcard .matchconfirm > .txt {
        margin: 0;
        width: 100%;
    }

    .fbsimilar .fbcard .linkednote > .bttn,
    .fbsimilar .fbcard .matchconfirm > .bttn {
        margin-left: 0!important;
        margin-right: 0!important;
        margin-top: 10px;
    }

    .nosimilarmatch a {
        line-height: 1.2;
    }

    .feedbackcontrol.title {
        padding: 0
    }

    .feedbackcontrol .sel {
        margin-bottom: 0;
    }

    /* -- FB comment submit */

    .submitbar .tcell {
        display: block;
    }


    /*SPACING BETWEEN EACH BUTTON AND NEIGHBORING AREAS*/

    .submitbar .push {
        padding: 5px;
    }

    .submitbar .push .tbl {
        table-layout: fixed;
        border-collapse: separate;
        border-spacing: 5px;
    }

    .submitbar .options {
        padding: 5px;
    }

    .submitbar .options .tbl {
        table-layout: fixed;
        border-collapse: separate;
        border-spacing: 5px;
    }

    .mobile:not(.forumthread) .submitbar .options .tbl {
        justify-content: space-around;
    }

    /*DISPLAY AS BUTTON-ISH*/

    .submitbar .push .hasqtiphint a {
        width: 100%;
        display: block;
        height: 40px;
        line-height: 34px;
    }

    .submitbar .options .hasqtiphint {
        width: 100%;
        padding: 11px 0 5px;
        height: 40px;
    }

    /* Comment preview */

    .forumpreview.thread .submitbar {
        padding: 0;
    }

    .forumpreview.thread .submitbar .cmtsubmit {
        margin-top: 0;
    }

    .forumpreview.thread .cmtnum {
        display: none;
    }

    .forumpreview.thread .post {
        border-top: none;
    }

    .forumpreview.thread .post-inner {
        padding-top: 20px;
        padding-bottom: 20px
    }

    /* -- FB list view */

    .fbcard.fbmobile .desc .read-more > a,
    .fbcard.fbmobile .desc .read-less > a {
        display: none;
    }


    /* -- FB card interactive */

    .fboverlaybg {
        background: #000;
        opacity: 0.8
    }

    .fboverlayin {
        padding: 20px
    }


    /* -- FB similar */

    .fbsimilar .hidden.mediumpad {
        padding: 0!important;
    }

    .similartools .txt {
        min-height: 34px;
    }


    /* -- FB card action */

    .fbcard.fbmobile .action {
        display: block;
    }

    .fbcard.fbmobile .action {
        height: 100%;
        width: 100%;
        background: rgba(0, 0, 0, 0.6);
    }

    .fbcard.fbmobile .action a {
        display: block;
        width: 100%
    }

    .fbcard.fbmobile .action .table {
        border: 10px solid transparent
    }

    .fbcard.fbmobile .action .table:nth-child(2) {
        border: none
    }

    .fbcard.fbmobile .fbreadmore {
        background: #FFCC00;
        color: #fff
    }

    .fbcard.fbmobile .fbreadmore:hover,
    .fbcard.fbmobile .fbreadmore:focus {
        background: #CCA300;
        color: #fff
    }

    .fbcard.fbmobile .match:hover,
    .fbcard.fbmobile .match:focus {
        background-color: #53843E;
    }

    .fbcard.fbmobile .nomatch:hover,
    .fbcard.fbmobile .nomatch:focus {
        background-color: #1F232F;
    }

    .fbcard.fbmobile .action .actionin {
        padding: 5px;
        position: absolute;
        width: 100%;
    }

    .fbcard.fbmobile .action .actionin .table {
        border: none;
    }

    .fbcard.fbmobile .action .actionin .tcell {
        padding: 5px;
    }

    .fbcard.fbmobile .action .actionin a {
        display: block;
        width: 100%;
        float: none;
        padding: 14px;
    }

    .fbcard.fbmobile .action .actionin > a {
        margin: 5px;
        display: block
    }

    .fbcard.fbmobile .action .actionin a.match:hover {
        background: #53843E;
    }

    .fbcard.fbmobile .action .actionin a.linked:hover {
        background: #468FD2;
    }

    .fbcard.fbmobile .action .actionin a.nomatch:hover {
        background: #919191;
    }


    /* -- FB view submitting */

    .fbview.submitting .submitbar .tcell {
        padding-top: 10px;
    }

    /* -- FB view editing */

    .fbview.editing .pagebody .form-field-error {
        margin-top: 0;
        margin-bottom: 0!important;
    }
/*----------------------------------------------------------------------- */
/* Date Time */

    .date {
        text-transform: uppercase
    }

    .datebtncalendar {
        display: none;
    }

    .datetimepicker .active:after {
        position: static;
    }

    .datetime input {
        width: 206px!important;
        margin: 0;
    }

    .deletable {
        position: relative
    }

    .deletable input {
        padding-right: 16px
    }
    .deletable i.fa-calendar-o {
        position: absolute;
        top: 0px;
        bottom: 0px;
        right: 10px;
        margin: 0 auto;
        line-height: 44px;

    }
    .container {
        width: 100%!important;
    }

/*----------------------------------------------------------------------- */
/* User Summary */

    .usersummary .buttonmenu {
        margin-top: 20px;
    }

/*----------------------------------------------------------------------- */
/* Forms */

    label.hide {
        display: none;
    }

    input[type="text"],
    input[type="password"],
    input[type="textbox"] {
        min-height: 38px;
    }

    input:focus,
    textarea:focus,
    select:focus {
        border-color: #66afe9;
        outline: 0;
        -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, .6)!important;
        box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, .6)!important;
    }

    .forumuploadlist td:nth-child(3) {
        display: none;
    }


    /*Hide the size column to compact width for the Add File UI*/

    .draftsaved {
        padding-bottom: 35px;
        text-align: center;
    }

    .security {
        padding: 5px;
        margin-top: 5px;
    }

    .itemhard {
        padding: 14px!important;
    }

    .ui-input-text > input[type="text"],
    .ui-input-text > textarea,
    .ui-input-text > input[type="textbox"] {
        width: 100%;
    }

    .formchkbox,
    .mFoRdo {
        padding: 8px 0;
    }

    #TeamAccess > .hidden,
    .toollist.hidden {
        border: none;
    }

    #StartDate .glyphicons,
    #EndDate .glyphicons {
        width: 34px;
    }

    #StartDate .glyphicons i:before,
    #EndDate .glyphicons i:before {
        position: relative;
        vertical-align: middle;
        top: -2px;
    }

/*----------------------------------------------------------------------- */
/**Formtable */

    .formtable .chkitem {
        margin-left: 27px;
        line-height: 1.5
    }

    .formtable .chkitem input[type="checkbox"] {
        margin-left: -18px;
        top: 0
    }

    .formtable .row.rowsectwochk .rowsecleft {
        padding: 20px;
        width: 12px;
        z-index: 2
    }

    .formtable .row.rowsectwochk .rowsecleft input {
        margin: 0 !important
    }

    .formtable .row.rowsectwochk .rowsecmain {
        text-align: left;
        padding: 0
    }

    .formtable .row.rowsectwochk .rowsecmainlnk {
        position: relative;
        z-index: 1;
        width: 100%
    }

    .formtable .row.rowsectwochk a {
        padding-left: 0;
        display: block
    }

    .formtable .tableout a {
        text-decoration: none !important;
        color: #1F232F;
        padding: 14px
    }

    .formtable small a {
        padding: 0;
    }

    .formtable .row.rowsectwochk .arrowr {
        position: relative;
        z-index: 0;
        left: -10px
    }

    .form-tbl-body .checkbox-choice {
        display: block;
    }

/*----------------------------------------------------------------------- */
/**Formview */

    .msginfo div {
        margin-top: 10px;
    }

    .formview > table > tbody > tr > td,
    .formview .hidden > table > tbody > tr > td {
        display: block;
        width: 100%;
    }

    .formview br {
        display: none;
    }

     .formview [class^="feedbackanswer"] br {
        display: inline;
    }

    .formview fieldset label:not([for*="rsc_"]) {
        padding: 10px 5px;
        line-height: 1;
        margin-bottom: 5px;
        background: #F7F8F9;
        cursor: pointer;
        border: solid 1px #C9CEDB;
        border-radius: var(--border-radius-full);
        display: block;
    }

    .formview fieldset label:last-of-type {
        margin-bottom: 0;
    }

    .formview .feedbackcontrol fieldset label {
        margin-bottom: 0;
    }

    .formview fieldset label:hover {
        background-color: #EEF0F3;
    }

    .formview input[type="checkbox"],
    .formview input[type="radio"]:not([id*="rsc_"]) {
        margin: 0 7px 0 2px;
    }

    .formview input[type="text"] {
        margin: 0 auto;
    }

    .formview .feedbackcontrol label {
        display: block;
    }


    /* -- Formview - File Attachment Element */

    .formview .addfile {
        margin-top: 4px;
    }

    .formview .addfile td {
        padding-top: 0!important;
    }

    .formview .addfile .hide {
        display: none;
    }

    .formview .addfile .file {
        margin: 0 0 5px;
        width: 100%;
        padding: 5px;
    }


    /* -- Formview - Assigned Platform Element */

    .formview .assignplatform .atpchange {
        display: block;
        width: 100%;
        position: relative;
        margin: 10px auto;
        text-align: center;
        line-height: 1.2;
        padding: 11px 18px;
        font-size: 16px;
    }

    .formview .assignplatform {
        padding: 20px;
        margin-left: -20px;
        margin-right: -20px;
        margin-bottom: 10px;
        border-radius: 0!important;
    }

    .formview .atpcurrent a {
        background-image: none!important;
        line-height: 1.2;
        display: inline-block;
        width: 100%;
        border-radius: 4px!important;
        background-clip: padding-box;
        border: 1px solid #8A6D3B;
        margin: 0 0 2px 0;
        padding: 10px 18px;
        text-decoration: none;
        text-align: center;
        text-shadow: none;
    }

    .formview .atpcurrent a:hover {
        background-color: rgba(0, 0, 0, 0.05);
    }


    /* -- Formview - Rating Scale Element */
    .formelm-rs__inputs .td {
        border: none;
    }

    .formelm-rs__inputs label {
        border-radius: 0;
        border-left: none;
    }

    .formelm-rs__inputs .td:first-child label {
        padding-left: 2px;
        border-left: solid 1px #D8DCE5;
        border-top-left-radius: var(--border-radius-full);
        border-bottom-left-radius: var(--border-radius-full);
    }

    .formelm-rs__inputs .td:last-child label {
        padding-right: 2px;
        border-top-right-radius: var(--border-radius-full);
        border-bottom-right-radius: var(--border-radius-full);
    }

    /* Choice form elements */
    .formview .feedbackcontrol .radio-choice,
    .formview .feedbackcontrol .checkbox-choice {
        margin-top: 10px;
        padding: 10px 15px;
    }

/*----------------------------------------------------------------------- */
/**Community Home*/

    .commhome {
        border-top: solid 1px transparent;
    }

/*----------------------------------------------------------------------- */
/**Project Tools Page */

    .projtools .toolboxempty {
        position: static;
        line-height: 1.8;
    }

    .projtools .req {
        border-bottom: none;
        margin: 0;
    }

    .projtools .small {
        height: 0
    }

/**---------------------------------------------------------------------- */
/**Project Wiki Pages */

    .wikiview .wikirelated a,
    .wikiview .wikiauthor a,
    .wikiview a[name="NewReply"],
    .wikiview a[name="attachfile"],
    .wikiview [name="comments"],
    .wikiview .wikibody a,
    .wikiattach a {
        padding: 0;
    }

    .wikiview .wikicomments .hidden {
        border: none;
    }

    .wikiview .formtable {
        table-layout: fixed;
    }

    .wikiview .formtable tr {
        min-width: 300px;
    }

    .wikiview .wikibody a {
        word-wrap: break-word;
    }

    .wikiview .wikiauthor {
        line-height: 1.3;
    }

    .wikiedit .itemhard {
        padding: 0!important
    }

    .wikiedit h5 a {
        padding: 0;
    }

    .wikieditnow a {
        text-shadow: none;
        background: #fff;
        border-color: #5bc0de;
        color: #5bc0de;
    }

    .wikieditnow a:hover {
        color: #fff;
        background: #39b3d7;
        border-color: #269abc;
    }

    .wikiview .tabs a {
        font-size: 12px;
    }

    .wikibody.diff {
        margin-top: 11px;
        padding: 10px;
    }

    .wikibody.diff > div {
        padding: 10px;
    }

    .wikibody.diff h5 {
        margin-top: 0;
        line-height: 1;
    }

/**---------------------------------------------------------------------- */
/**Tasks */


    /* Task Status Icons */

    .tasknormal i[class*="icon-status"] {
        color: #000;
    }

    .taskupcoming i[class*="icon-status"] {
        color: #00f;
    }

    .taskgrace i[class*="icon-status"] {
        color: #ffa500;
    }

    .tasksuccess i[class*="icon-status"] {
        color: #008000;
    }

    .taskfailure i[class*="icon-status"] {
        color: #f00;
    }

    .taskcomplete i[class*="icon-status"] {
        color: #00f;
    }

    .taskcantcomplete i[class*="icon-status"] {
        color: #4C5163;
    }

    .taskexpired i[class*="icon-status"] {
        color: #a52a2a;
    }




    /* -- Task Default Page */

    .taskdefault .usertasks ul {
        list-style-type: none;
        padding-left: 0;
    }

    .taskdefault .usertasks li {
        margin-left: 0;
        margin-bottom: 0;
    }

    .taskdefault .row {
        margin-bottom: 5px!important;
    }

    .taskdefault .row:last-child {
        margin-bottom: 0!important;
    }

    .taskdefault .row:after {
        content: "";
        position: absolute;
        height: 100%;
        width: 100%;
        top: 0;
        left: 0;
        border: 1px solid #C9CEDB;
        display: block;
        border-radius: 4px!important;
        z-index: 0;
    }

    .taskdefault .rowin {
        position: relative;
        z-index: 1;
    }

    .taskdefault .rowin a,
    .taskdefault .rowin .a {
        color: #1F232F;
        background: transparent;
        margin-bottom: 0;
    }

    .taskdefault .rowin a:hover,
    .taskdefault .rowin .a:hover {
        background: transparent;
        color: #1F232F;
    }

    .taskdefault .hidden {
        display: block;
        margin: 10px;
    }


    /* -- Task List Page */

    .tasktitle,
    .taskupcoming,
    .taskgrace,
    .taskexpired {
        padding: 0;
    }

    .tasklist h5 {
        margin-bottom: 5px;
    }

    .tasklist .hidden {
        border: none;
    }

    .tasklist .forumfile img {
        max-width: 100%;
    }

    .tasklist .tasktitle,
    .tasklist .tasktitlex {
        padding-left: 0;
        display: inline-block;
        margin-bottom: 0;
    }

    .tasklist .taskstate {
        display: block;
        position: relative;
        top: 1px;
    }

    .tasklist .tableout {
        border-radius: 4px!important;
        background-clip: padding-box;
        border-bottom: none;
        margin-top: 10px;
        border: 1px solid #C9CEDB;
    }

    .tasklist .table select[id^="status_"] {
        width: 100%!important;
    }

    .tasklist .rowin {
        padding: 10px;
        border: 1px solid #C9CEDB;
        display: block;
        border-radius: 4px!important;
    }

    .tasklist tr .rowin {
        margin-bottom: 5px;
    }

    .tasklist tr:first-child .rowin {
        margin-top: 5px;
    }

    .tasklist tr:last-child .rowin {
        margin-bottom: 0;
    }

    .tasklist .taskbtnset {
        table-layout: fixed;
    }

    .tasklist .taskbtnset .tcell {
        display: table-cell;
        padding: 0;
        border-left: 1px solid #C9CEDB;
        border-radius: 0!important;
        background: transparent;
    }

    .tasklist .taskbtnset .tcell:first-child {
        border: none;
    }

    .tasklist .taskbtnset .tcell:hover {
        background-color: #E4E6EC!important;
    }

    .tasklist .taskbtnset .tdisabled:hover {
        background-color: #EEF0F3!important;
    }

    .tasklist .taskbtnset .tdisabled .lbl {
        color: #BCBCBC;
    }

    .tasklist .taskbtnset .tactive {
        background: #D8DCE5;
    }

    .tasklist .taskbtnset .lblout {
        display: block;
        padding: 10px;
        height: 100%;
        color: #000;
        width: 100%;
        text-align: center;
    }

    .tasklist .taskduedate {
        margin-top: 5px;
    }

    .tasklist a[href*="TaskComment_"] {
        margin-bottom: 5px!important;
    }

    .tasklist .taskoptions a {
        margin-top: 5px;
        padding: 14px;
        text-align: center;
        display: block;
        width: 100%;
        border-radius: 4px!important;
        background-clip: padding-box;
        color: #000;
        border: 1px solid #C9CEDB;
        background-color: #EEF0F3;
        font-size: 14px;
    }

    .tasklist .taskoptions a:first-child {
        margin-top: 0;
    }

    .tasklist .taskoptions a:hover {
        color: #000;
        background-color: #E4E6EC!important;
    }

    .tasklist .filetype a {
        padding: 14px;
        text-align: center;
        display: block;
        width: 100%;
        border-radius: 4px!important;
        background-clip: padding-box;
        color: #000;
        border: 1px solid #C9CEDB;
        background-color: #EEF0F3;
    }

    .tasklist .filetype a:hover {
        color: #000;
        background-color: #E4E6EC!important;
    }

    .tasklist .filetype {
        margin-bottom: 5px;
    }

    .tasklist .filetype:last-child {
        margin-bottom: 0;
    }

    .tasklist .filetype a {
        margin-left: 0;
    }

    .tasklist .filetype a .lbl {
        padding-left: 20px;
        background-image: url(/images/icon/doctype/other.png);
        background-position: 0 50%;
        background-repeat: no-repeat;
    }

    .tasklist .filetype a[href*=".txt"] .lbl {
        background-image: url(/images/icon/doctype/txt.png);
    }

    .tasklist .filetype a[href*=".doc"] .lbl {
        background-image: url(/images/icon/doctype/doc.png);
    }

    .tasklist .filetype a[href*=".doc"] .lbl {
        background-image: url(/images/icon/doctype/doc.png);
    }

    .tasklist .filetype a[href*=".xls"] .lbl {
        background-image: url(/images/icon/doctype/xls.png);
    }

    .tasklist .filetype a[href*=".xls"] .lbl {
        background-image: url(/images/icon/doctype/xls.png);
    }

    .tasklist .filetype a[href*=".ppt"] .lbl {
        background-image: url(/images/icon/doctype/ppt.png);
    }

    .tasklist .filetype a[href*=".ppt"] .lbl {
        background-image: url(/images/icon/doctype/ppt.png);
    }

    .tasklist .filetype a[href*=".psd"] .lbl {
        background-image: url(/images/icon/doctype/psd.png);
    }

    .tasklist .filetype a[href*=".pdf"] .lbl {
        background-image: url(/images/icon/doctype/pdf.png);
    }

    .tasklist .filetype a[href*=".jpg"] .lbl {
        background-image: url(/images/icon/doctype/jpg.png);
    }

    .tasklist .filetype a[href*=".gif"] .lbl {
        background-image: url(/images/icon/doctype/gif.png);
    }

    .tasklist .filetype a[href*=".png"] .lbl {
        background-image: url(/images/icon/doctype/png.png);
    }

    .tasklist .filetype a[href*=".ai"] .lbl {
        background-image: url(/images/icon/doctype/ai.png);
    }

    .tasklist .filetype a[href*=".htm"] .lbl {
        background-image: url(/images/icon/doctype/htm.png);
    }

    .tasklist .filetype a[href*=".htm"] .lbl {
        background-image: url(/images/icon/doctype/htm.png);
    }

    .tasklist .filetype a[href*=".odg"] .lbl {
        background-image: url(/images/icon/doctype/odg.png);
    }

    .tasklist .filetype a[href*=".odp"] .lbl {
        background-image: url(/images/icon/doctype/odp.png);
    }

    .tasklist .filetype a[href*=".ods"] .lbl {
        background-image: url(/images/icon/doctype/ods.png);
    }

    .tasklist .filetype a[href*=".odt"] .lbl {
        background-image: url(/images/icon/doctype/odt.png);
    }

    .tasklist .filetype a[href*=".swf"] .lbl {
        background-image: url(/images/icon/doctype/swf.png);
    }

    .tasklist .filetype a[href*=".zip"] .lbl {
        background-image: url(/images/icon/doctype/zip.png);
    }

    .taskstuff {
        padding: 10px;
        border-top: 1px solid #C9CEDB;
        display: none;
    }

    .taskstuff .sel {
        margin: 0;
    }

    .taskstuff .taskselout {
        padding: 10px;
        background: #D8DCE5;
    }

    .taskstuff .hidden {
        background: transparent;
        margin-bottom: 0;
    }

    .tasknotstarted .tasktitlex,
    .taskinprogress .tasktitlex {
        text-decoration: none;
        color: #1F232F;
    }

/*----------------------------------------------------------------------- */
/**Knowledge Base Search Page */

    .kb .deep {
        margin-top: 10px;
        padding: 0;
        background: none;
        border: none;
        color: #1F232F;
    }

    .kb .deep small {
        display: block;
    }

    .kb .lirow.lisectwoleft .limore {
        z-index: 1;
        left: 0;
        padding-right: 15px;
    }

    .kb .formchkbox {
        padding: 0;
    }

    .kb .formtable .chkitem {
        margin: 0;
    }

    .kb .lirow {
        margin-bottom: 0;
        margin-top: 5px;
    }

    .kb .hidden tr:first-child .lirow {
        margin-top: 0;
    }

    .kbresults {
        margin-top: 20px;
    }

    .kbresults .table+.nextback {
        margin-top: 30px;
    }

    /* Todo: see if we can make this a global change */
    .kbresults .well.hidden,
    .kbresults .well--hidden {
        margin-left: -20px;
        margin-right: -20px;
        padding: 20px;
    }

/*----------------------------------------------------------------------- */
/**Reporting*/

    .reporttype {
        margin: 0;
    }

/*----------------------------------------------------------------------- */
/**Wiki*/

    /**COMMENTING AREA*/

    @media (max-width: 649px) {
        .wikiedit .commentarea {
            margin-top: 20px;
        }
    }

/*OVERRIDE UNEXPECTED THEME CHANGES*/
.thread .post.fbcmtcontainer {
    margin-left: 0;
    border-radius: 0;
    margin-bottom: 0;
}

.thread .post.fbcmtcontainer .post-inner {
    border-radius: 0;
}

.thread .cmttools .bttn-icon,
.thread .post--mod .cmttools .bttn-icon {
    display: block;
    color: #C9CEDB;
}

.thread .div_NewPostBttn .bttn-block {
    width: 100%;
}

.password-reset-bttn {
    width: auto;
    white-space: initial;
}

/*FEEDBACK NOTIFY*/
    ul.as-selections li.as-original input {
        height: 26px !important; /*override style from autoSuggest.css*/
        min-height: 26px;
    }

/**NEW STYLES*/

    /**TOOL LIST*/
        .toollist a {
            width: 100%;
            position: static;
        }
    /**LOG LISTS*/
        .LogList-items {
            border-collapse: collapse;
        }
        /**LOG LIST ITEM BLOCK HAS BUTTON*/
            .LogList-item__block.has-button {
                    position: relative;
                    min-height: 44px;
                    display: block;
                    padding-right: 44px;
            }
            .LogList-item__block.has-button .LogList-item-icon {
                position: absolute;
                left: 0;
                top: 50%;
                display: block;
                margin: -8px 0 0 10px;
            }
            .LogList-item__block.has-button a {
                display: block;
                margin-left: 30px;
                padding-right: 20px;
            }
            .LogList-item__block.has-button .subtext {
                display: block;
            }
            .LogList-item__block.has-button .bttn {
                position: absolute;
                right: 0;
                top: 0;
                height: 100%;
                width: 44px;
                padding: 10px;
            }
            .LogList-item__block.has-button .bttn:hover {
                background-image: url(/images/css/10-dark.png);
            }

    /**TABLES*/
        /**TABLES - CELLS*/
            .listouter .td {
                box-sizing: border-box;
                display: block;
                border: none;
                text-align: left;
                min-width: auto!important;
                width: 100%!important;
                max-width: 100%!important;
                padding-left: 10px!important;
                padding-right: 10px!important;
            }
            .listouter .listtable .row .td {
                height: auto;
                padding: 0;
            }
            .listouter .row .td:not(.primary) {
                font-size: 13px;
            }
            .listouter .row .td:not(.primary):last-child {
                padding-bottom: 10px;
            }
        /**TABLES - ROW NEW*/
            .listouter .rownew .td {
                padding-left: 0!important;
                padding-right: 0!important;
            }

        /**TABLES - ROW HEADER*/
            .listouter.div .rowheader {
                display: none;
            }
        /**TABLES - ROW ICON*/
            .tbl-row-icon {
                margin-left: 0;
            }
        /**TABLES - ACTION*/
            .listouter .listtable .action-item {
                width: 44px;
                height: 42px;
                line-height: 42px;
            }
        /**TABLES - ROW PRIMARY*/
            .listouter.tbl-style--list .row .primary {
                padding-top: 10px;
                padding-bottom: 10px;
            }
        /**TABLES - ROW CHILDREN*/
            .listouter.has-rowhover .row:hover .td.primary,
            .listouter.has-rowhover .row.hover .td {
                background-image: url(/images/css/10-dark.png);
            }
        /**TABLES - CONTENTS - SUBTEXT*/
            .listouter .listtable .subtext {
                font-size: 13px;
            }
        /**TABLES - CONTENTS - AVATAR*/
            .listouter .usrdisp {
                padding: 0;
                display: inline;
            }
            .listouter .usrdisp .usrdisp__avatar,
            .listouter .usrdisp .usrdisp__detail {
                display: inline-block;
            }
            .listouter .td[class*="name--"] .avatarname {
                display: inline;
                padding: 0;
            }
        /**TABLES - STYLE - LIST*/
            .tbl-style--list .rowheader {
                border-bottom: 1px solid #EEF0F3;
            }
            .tbl-style--list .row .primary .title {
                padding-top: 0;
                padding-bottom: 0;
            }
            .tbl-style--list .actions {
                height: 42px;
            }
        /**TABLES - STYLE - MGMT*/
            .tbl-style--mgmt .rowgrouphdr:hover .td.primary,
            .tbl-style--mgmt.div .row:hover .primary,
            .tbl-style--mgmt.table .row:hover .primary .title {
                border-left-width: 0;
            }
            .tbl-style--mgmt .row:hover .td {
                background-image: url(/images/css/10-dark.png);
            }
        /**TABLES - ADJUSTMENTS FOR FEEDBACKGROUP*/
            .tbl-cont--feedback-group.table .row {
                background-color: #fff;
            }
            .tbl-cont--feedback-group.table .row .primary > a {
                padding: 0;
                text-align: left;
            }
            .tbl-cont--feedback-group.table .row .primary > a > .title {
                display: table-cell;
                vertical-align: middle;
            }
            .tbl-cont--feedback-group.table .row .primary .title {
                padding: 0;
            }
        /**TABLES -- ADJUSTMENTS FOR SUBMITTED FEEDBACK TABLES IN FEATURES*/
            .tbl-cont--Submitted-feedback .txtdate .detailheader {
                display: none;
            }
            .tbl-cont--Submitted-feedback .txtdate .detailheader+span{
                margin-left: 25px;
            }
    /**FORM DYNAMIC*/
        .form-dynamic {
            margin-top: 0;
        }
        .form-dynamic.feedback .formcomment {
            border-radius: 0;
            margin-left: -20px;
            margin-right: -20px;
            margin-top: 0;
            padding: 20px;
        }
    /**FEEDBACK*/
        /**FEEDBACK - LIST VIEW*/
            .fblist {
                margin-top: 15px;
            }
            .mobilesimple {
                padding: 20px;
                border-bottom: 1px solid #EEF0F3;
            }
            .fbmobile .status {
                color: #fff;
            }
            .fbmobile .posts {
                padding: 4px 9px 4px 9px;
                font-weight: bold;
                font-size: 14px;
                margin-right: 10px;
                display: inline-block;
                border-radius: 4px;
                line-height: 40px;
            }
        /**FEEDBACK CARDS*/
            .fbcard .votecol:after {
                content: none;
            }
        /**FEEDBACK SINGLE*/
            .form-dynamic.feedback .form-dynamic-tbl[data-form-mode="viewing"],
            .form-dynamic.feedback .form-dynamic-tbl[data-form-mode="viewing-mixed"] {
                margin-top: 0;
                border-radius: 0;
            }
    /**DATE FIELD*/
        /*TODO: ON REFACTOR, MAKE ALL DATE FORM FIELDS THE SAME*/
        .form-date .form-date-inner input.date {
            max-width: 240px!important;
        }
    /**EDITOR - OUTPUT FOR MOBILE ONLY*/
        .cc-editor-cont--output-outer table {
            /*NOTE: This helps prevent tables
             *from jutting out of parent
             *containter*/
            table-layout: auto;
        }

        .cc-editor-cont iframe {
            width: inherit;
            height: inherit;
        }

/**Address */
[data-auto-address-button] {
    top: 4px;
    padding: 7px 9px;
}

/* HOME PAGE HEADERS */
.homepage-section-header {
    position: relative;
}

.homepage-section-header .new {
    left: -16px;
    font-size: 0.6em;
    top: 10px;
}

.homepage-section-header .section-header .subtext {
    white-space: nowrap;
    display: block;
    margin: 0;
}

.homepage-section-header .section-header .util .close {
    height: 100%;
    border-radius: 0;
    padding-left: 20px;
    padding-right: 20px;
    display: flex;
    align-items: center;
    background-color: #d95151 !important;
}

.header-project-name {
    line-height: 25px;
}

/** Project Home / Personal Dashboard */
.confidentiality-message {
    margin-top: 0px;
    margin-left: -20px;
    margin-right: -20px;
}

[data-ui-entity=form-dynamic] .confirm-container {
    margin: -40px -20px -20px;
    padding: 0;
}

[data-ui-entity=form-dynamic] .confirm-container .confirm {
    margin-top: 20px;
    padding: 20px;
}

.thread .div_NewPostBttn {
    margin-top: 0;
    margin-bottom: 20px;
    padding-bottom: 20px;
}

.form-comments[data-ui-open="true"] + .form-duplicates {
    margin-top: 0;
}

body .top-menu,
body .bottom-menu
{
    transition: all .6s;
}

body.scroll-down .top-menu
{
    transform: translate3d(0, -100%, 0);
}

body.scroll-down .bottom-menu
{
    transform: translate3d(0, 100%, 0);
}

.bottom-menu .footer-menu-label {
    font-size: 10px;
}

/**––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/

/**FORM RADIO BUTTON*/
.form-radio-group .form-radio.bttn {
    width: 100%;
    margin-top: 10px;
    margin-left: 0;
}

.form-radio-group .form-radio.bttn:first-of-type {
    margin-top: 0;
}
/**––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/

/**GLOBAL COMPONENTS - FILE LIST*/
/**FILE LIST*/
.FileList {
    width: 100vw;
    margin-left: -20px;
    margin-right: -20px;
}

.FileList-items {
    margin-left: 20px;
    margin-right: 20px;
}

.FileList-item {
    padding-left: 0px;
    padding-right: 0px;
}

.FileList-item a {
    padding: 20px;
}
/**––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/

/**END OF STYLES*/