/* Minification failed. Returning unminified contents.
(88,62): run-time error CSS1019: Unexpected token, found '#'
(88,62): run-time error CSS1042: Expected function, found '#'
(88,62): run-time error CSS1062: Expected semicolon or closing curly-brace, found '#'
(102,24): run-time error CSS1062: Expected semicolon or closing curly-brace, found ':'
(3142,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3143,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3144,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3145,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3146,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3147,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3177,36): run-time error CSS1039: Token not allowed after unary operator: '-loadersBlue'
(3182,36): run-time error CSS1039: Token not allowed after unary operator: '-loadersLightBlue'
(3187,36): run-time error CSS1039: Token not allowed after unary operator: '-loaderGreen'
(3192,36): run-time error CSS1039: Token not allowed after unary operator: '-loaderPurple'
(3197,36): run-time error CSS1039: Token not allowed after unary operator: '-loaderNavy'
(3202,36): run-time error CSS1039: Token not allowed after unary operator: '-loaderOrange'
(3264,32): run-time error CSS1039: Token not allowed after unary operator: '-loadersBlue'
(3265,35): run-time error CSS1039: Token not allowed after unary operator: '-loadersBlue'
(3266,33): run-time error CSS1039: Token not allowed after unary operator: '-loadersBlue'
(3276,32): run-time error CSS1039: Token not allowed after unary operator: '-loadersLightBlue'
(3277,35): run-time error CSS1039: Token not allowed after unary operator: '-loadersLightBlue'
(3278,33): run-time error CSS1039: Token not allowed after unary operator: '-loadersLightBlue'
(3306,32): run-time error CSS1039: Token not allowed after unary operator: '-loadersBlue'
(3307,35): run-time error CSS1039: Token not allowed after unary operator: '-loadersBlue'
(3308,33): run-time error CSS1039: Token not allowed after unary operator: '-loadersBlue'
(3312,32): run-time error CSS1039: Token not allowed after unary operator: '-loadersLightBlue'
(3313,35): run-time error CSS1039: Token not allowed after unary operator: '-loadersLightBlue'
(3314,33): run-time error CSS1039: Token not allowed after unary operator: '-loadersLightBlue'
(3318,32): run-time error CSS1039: Token not allowed after unary operator: '-loaderGreen'
(3319,35): run-time error CSS1039: Token not allowed after unary operator: '-loaderGreen'
(3320,33): run-time error CSS1039: Token not allowed after unary operator: '-loaderGreen'
(3324,32): run-time error CSS1039: Token not allowed after unary operator: '-loaderPurple'
(3325,35): run-time error CSS1039: Token not allowed after unary operator: '-loaderPurple'
(3326,33): run-time error CSS1039: Token not allowed after unary operator: '-loaderPurple'
(3330,32): run-time error CSS1039: Token not allowed after unary operator: '-loadersBlue'
(3331,35): run-time error CSS1039: Token not allowed after unary operator: '-loadersBlue'
(3332,33): run-time error CSS1039: Token not allowed after unary operator: '-loadersBlue'
(3348,32): run-time error CSS1039: Token not allowed after unary operator: '-loadersBlue'
(3353,32): run-time error CSS1039: Token not allowed after unary operator: '-loadersBlue'
(3361,32): run-time error CSS1039: Token not allowed after unary operator: '-loadersBlue'
(3366,32): run-time error CSS1039: Token not allowed after unary operator: '-loadersBlue'
(3374,32): run-time error CSS1039: Token not allowed after unary operator: '-loadersLightBlue'
(3379,32): run-time error CSS1039: Token not allowed after unary operator: '-loadersLightBlue'
(3388,32): run-time error CSS1039: Token not allowed after unary operator: '-loadersLightBlue'
(3393,32): run-time error CSS1039: Token not allowed after unary operator: '-loadersLightBlue'
(3401,32): run-time error CSS1039: Token not allowed after unary operator: '-loaderGreen'
(3406,32): run-time error CSS1039: Token not allowed after unary operator: '-loaderGreen'
(3414,32): run-time error CSS1039: Token not allowed after unary operator: '-loaderGreen'
(3419,32): run-time error CSS1039: Token not allowed after unary operator: '-loaderGreen'
(3427,32): run-time error CSS1039: Token not allowed after unary operator: '-loaderPurple'
(3432,32): run-time error CSS1039: Token not allowed after unary operator: '-loaderPurple'
(3440,32): run-time error CSS1039: Token not allowed after unary operator: '-loaderPurple'
(3445,32): run-time error CSS1039: Token not allowed after unary operator: '-loaderPurple'
: run-time error CSS1066: Unexpected end of file encountered
 */
@font-face {
    font-family: CentraNo2-book;
    src: url('../Common/font/centrano2-book.woff2') format('woff2'), url('../Common/../Common/font/centrano2-book.eot') format('embedded-opentype'), url('../Common/font/centrano2-book.woff') format('woff'), url('../Common/font/centrano2-book.otf') format('opentype'), url('../Common/font/centrano2-book.ttf') format('truetype');
    font-weight: 400;
}

@font-face {
    font-family: CentraNo2-bold;
    src: url('../Common/font/centrano2-bold.woff2') format('woff2'), url('../Common/font/centrano2-bold.eot') format('embedded-opentype'), url('../Common/font/centrano2-bold.woff') format('woff'), url('../Common/font/centrano2-bold.otf') format('opentype'), url('../Common/font/centrano2-bold.ttf') format('truetype');
    font-weight: 700;
}

@font-face {
    font-family: CentraNo2-light;
    src: url('../Common/font/centrano2-light.woff2') format('woff2'), url('../Common/font/centrano2-light.eot') format('embedded-opentype'), url('../Common/font/centrano2-light.woff') format('woff'), url('../Common/font/centrano2-light.otf') format('opentype'), url('../Common/font/centrano2-light.ttf') format('truetype');
    font-weight: 300;
}

.rtlA .Edited {
    background: #C1D3ED;
}

.table-buttons {
    margin: 10px 0 0 204px;
}

.right-text {
    text-align: right;
}

.right-label {
    text-align: right;
    float: left;
    width: 153px;
}

.custom-flag-tag {
    display: inline-block;
    margin-bottom: 10px;
    background-color: #ddd;
    padding-left: 8px;
    padding-right: 8px;
    padding-top: 2px;
    padding-bottom: 2px;
    margin-right: 2px;
}

.field-right {
    margin-left: 200px;
}

.na-table {
    background-color: #ECECEC;
    margin: 10px 0 20px 0;
    padding: 5px;
}

.FileLink {
    display: inline-block;
    margin-right: 5px;
}

.k-fullscreen .k-editor {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    z-index: 3;
    height: 100% !important;
}

.k-editor .k-i-append-pulse-image {
    line-height: 1;
    background: none;
    line-height: 22px;
}

    .k-editor .k-i-append-pulse-image:before {
        font-family: 'Font Awesome 5 Pro';
        content: "\f1c5";
        color: #555;
        font-size: 16px;
    }

.k-button.k-state-focused, .k-button.k-state-hover, .k-button:focus, .k-button:hover, .k-draghandle:hover, .k-other-month.k-state-hover .k-link, .k-pager-wrap .k-link:hover, .k-split-button:focus, .k-state-hover, .k-state-hover:hover, .k-textbox:hover, div.k-filebrowser-dropzone em {
    background-image: none,-webkit-gradient(linear,left top,left bottom,from(#4A8BC2),to(#4A8BC2)) !important;
    background-image: none,-webkit-linear-gradient(top,#4A8BC2 0,#4A8BC2 100%) !important;
    background-image: none,linear-gradient(to bottom,#4A8BC2,##4A8BC2 100%) !important;
    color: white;
}

    .k-dropdown .k-state-focused, .k-filebrowser-dropzone, .k-list > .k-state-hover, .k-mobile-list .k-edit-label.k-check:active, .k-mobile-list .k-item > .k-label:active, .k-mobile-list .k-item > .k-link:active, .k-mobile-list .k-recur-view .k-check:active, .k-pager-wrap .k-link:hover, .k-scheduler .k-scheduler-toolbar ul li.k-state-hover, .k-splitbar-horizontal-hover:hover, .k-splitbar-vertical-hover:hover, .k-state-hover, .k-state-hover:hover, .k-button.k-state-hover, .k-button:hover {
        border-color: #4A8BC2 !important;
        background-color: #4A8BC2 !important;
    }

.Edited {
    background: #B5D4EF;
}

.WebdingsSelector {
    font: 20px Webdings:arial
}

.doWidth {
    width: 50px;
}

.FilterSummaryBlock {
    cursor: pointer;
}

.pageHeading {
    font-size: 1.5em;
    color: #CCC;
}

.input-append .active, .input-prepend .active {
    background-color: #337ab7;
    border-color: #4a8bc2;
    color: white;
}

.field-heading-right {
    float: left;
    font-size: 1.5em;
}

.Page-Heading {
    background-color: #F1F1F1;
    border-bottom: 1px solid #E5E5E5;
    border-top: 3px solid #6B6A6A;
    padding: 10px;
    font-size: 14px;
    color: #333;
    font-weight: bold;
}

.Page-Content-Wraper {
    padding: 10px;
}

.button {
    padding: 8px 10px;
    text-align: center;
    vertical-align: middle !important;
    background-color: #d9d9d9;
    border: 1px transparent solid;
    cursor: pointer;
    display: inline-block;
    outline: none;
    -moz-border-radius: 0 !important;
    border-radius: 0 !important;
    font-family: 'CentraNo2-book','Segoe UI', 'Open Sans Light', Verdana, Arial, Helvetica, sans-serif !important;
    font-size: 14px !important;
    line-height: 14px !important;
    color: white !important;
    text-shadow: none;
    background-color: #555;
    background-repeat: repeat-x;
    background-image: url('');
}

    .button > i {
        font-size: 14px !important
    }

input[disabled = "disabled"] {
    opacity: 0.5;
}

.btn-save {
    background: #87bb33 !important;
    width: 150px !important;
}

    .btn-save:hover, .btn-save:active, .btn-save.active, .btn-save.disabled, .btn-save[disabled],
    .btn-group.open .btn-save.dropdown-toggle {
        background-color: #78a300;
    }

.btn-search {
    background-color: #5555ff;
    width: 150px;
}

.btn-delete {
    background-color: #ff4000;
    width: 150px;
}

.btn-cancel {
    width: 150px !important;
}

.btn-edit {
    background-color: #00A5FF;
    width: 150px !important;
}

.form-control {
    background-color: #ffffff
}

.Action-Button {
    border-width: 1px !important;
    border-style: solid;
    border-color: Gray;
    background-color: #FFFFFF;
    cursor: pointer;
    line-height: 20px;
    height: 30px !important;
    width: 80px;
    color: #444444;
    margin: 0 0px 0 0px;
    padding: 0px 0 0 0px;
    font-size: 13px;
    font-weight: bold;
    -moz-border-radius: 2px;
    border-radius: 2px;
    background-color: #f0f0f0; /* Old browsers */
    background: -moz-linear-gradient(top, #ffffff 0%, #fefefe 14%, #f0f0f0 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(14%,#fefefe), color-stop(100%,#f0f0f0)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #ffffff 0%,#fefefe 14%,#f0f0f0 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #ffffff 0%,#fefefe 14%,#f0f0f0 100); /* Opera11.10+ */
    background: -ms-linear-gradient(top, #ffffff 0%,#fefefe 14%,#f0f0f0 100%); /* IE10+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FFFFFF', endColorstr='#F0F0F0',GradientType=0 ); /* IE6-9 */
    background: linear-gradient(top, #ffffff 0%,#fefefe 14%,#f0f0f0 100%); /* W3C */
    text-align: center;
}

a {
    cursor: pointer;
}

.body-content {
    padding: 0;
    margin-top: 20px;
}

.page-header {
    margin: 20px 0px 20px 0 !important;
}

.IconBtn {
    opacity: 0.9;
    width: 28px;
    height: 28px;
    display: inline-block;
}

.IconBtnGroup {
    opacity: 0.9;
    height: 34px;
    display: inline-block;
}

.IconGroup {
    background-size: 22px 22px;
    height: 34px;
    width: 22px;
    opacity: 0.9;
    display: inline-block;
    background-repeat: no-repeat;
}

.IconBtn:hover {
    opacity: 1;
}

.border-box {
    border: 1px solid #ddd;
    padding: 5px 10px 20px 10px;
}

.border-box-heading {
    border-bottom: 1px solid #ddd;
    padding-bottom: 0px;
    margin-bottom: 10px;
}

.systemMessage {
    border: 1px solid gray;
    background-repeat: no-repeat;
    background-position: 10px center;
    font-size: 16px;
    color: #AA4946;
    font-weight: bold;
    vertical-align: middle;
    padding: 10px 10px 15px 70px;
    background-color: #F1F1F1;
    position: relative;
    margin-top: 5px;
}

.systemMessageClose {
    position: absolute;
    right: 5px;
    top: 5px;
    cursor: pointer;
}

    .systemMessageClose:after {
        cursor: pointer;
        float: right;
        font-family: 'Font Awesome 5 Pro';
        font-weight: normal;
        font-style: normal;
        -webkit-font-smoothing: antialiased;
        content: "\f057";
        color: white;
        font-size: 20px;
    }

.highlight-heading-color {
    color: #428bca;
}

.ProgressUpdateBtn {
    background-image: url('../../Images/btn_Update.png');
}

.ViewInHierarchyBtn {
    background-image: url('../../Images/btn_ViewInHierarchy.png');
}

.EditBtn {
    background-image: url('../../Images/btn_Edit.png');
}

.SearchBtn {
    width: 100px;
}

.FilterWraper {
    position: relative;
    margin-bottom: 5px;
}

    .FilterWraper .FilterSummaryBlock {
        background-color: #62707D;
        color: white;
        padding: 5px 20px;
        display: inline-block;
        float: left;
        margin-right: 5px;
        line-height: 16px;
        height: 42px;
        min-width: 100px;
        border-radius: 5px !important;
    }

    .FilterWraper .FilterIcon {
        background-image: url('../../Images/Filter.png');
        background-position: 3px center;
        background-repeat: no-repeat;
        font-size: 16px;
        font-weight: bold;
        line-height: 34px;
        padding-left: 26px;
        background-color: #FDB813;
        cursor: pointer;
        min-width: 0px;
        padding-right: 15px;
    }

    .FilterWraper .ConfigIcon {
        background-image: url('../../Images/Config.png');
        background-position: center center;
        background-repeat: no-repeat;
        font-size: 16px;
        font-weight: bold;
        cursor: pointer;
        min-width: 14px;
    }

        .FilterWraper .ConfigIcon:hover, .FilterWraper .FilterIcon:hover {
            -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
            filter: alpha(opacity=80);
            -moz-opacity: 0.8;
            -khtml-opacity: 0.8;
            opacity: 0.8;
        }

    .FilterWraper .FilterSummaryBlock .FilterValue {
        font-size: 14px;
        font-weight: bold;
    }

    .FilterWraper .revieweeColor {
        background-color: #FDB813;
    }

    .FilterWraper .reviewerColor {
        background-color: #00A5FF;
    }

    .FilterWraper .unitColor {
        background-color: #AAA583;
    }

    .FilterWraper .statusColor {
        background-color: gray;
    }

    .FilterWraper .groupingColor {
        background-color: #665885;
    }

.cprDashboardChartArea {
    float: left;
    border-left: solid 2px #e8e8e8;
    padding-left: 20px;
}

.ApplyFilterBtn {
    background-color: #00C13F;
}

.ResetReivewBtn {
    background-color: #ab4a46 !important;
}

.ReminderBtn {
    background-color: #4390df !important;
}

.FilterWraper .HideFilter {
    position: absolute;
    bottom: 0px;
    left: 45%;
    background-color: #555;
    padding: 0px 20px;
    color: white;
    font-weight: bold;
    cursor: pointer;
    font-size: 12px;
}

.ConfigWraper {
    background: transparent;
    padding: 20px;
    margin-top: 5px;
    overflow: auto;
    position: relative;
    display: none;
}

    .ConfigWraper > div {
        float: left;
        width: 25%;
    }

.ConfigWraper2 div {
    width: 50% !important;
}

.clearFlow {
    clear: both;
}

.ajaxLoadingPanelWidth {
    width: 100% !important;
}

.popup-container {
    padding: 20px;
    box-sizing: content-box !important;
}

.RadAjaxPanel .popup-container {
    padding-left: 10px;
    width: 500px;
}

.report-config-fieldset {
    border: 2px solid lightgray;
    width: 90%;
}

.ERMRiskReviewLeft {
    width: 600px;
    float: left;
    margin-right: 5px;
    padding-right: 5px;
}

.ERMRiskReviewRight {
    float: left;
    margin-left: 5px;
    max-width: 870px;
}

.width-field, .width-name {
    width: 150px;
}

.width-style {
    width: 120px;
}

a, .bcTooltipEdit {
    color: #2862F2;
    font-weight: normal;
    cursor: pointer;
}

    a:hover, .bcTooltipEdit:hover {
        text-decoration: underline;
    }

    a:visited {
        color: #2862F2;
        font-weight: normal;
    }

    a:hover {
        color: #2862F2;
    }

.ui-dialog {
    box-shadow: rgba(0, 0, 0, 0.3) 0px 0px 2px 2px;
}

.dialog-title-icon {
    float: left;
    border-right: 1px solid rgb(52, 119, 141);
    margin-top: -10px;
    padding: 10px;
    margin-left: -10px;
    margin-right: 10px;
}

.ui-dialog-titlebar {
    font: normal 20px 'CentraNo2-light', Arial, sans-serif !important;
    color: white;
    padding: 10px;
    background-color: #4A8BC2;
}

.ui-draggable > .ui-dialog-titlebar {
    cursor: move;
}

.ui-dialog-titlebar-close {
    text-decoration: none !important;
    float: right;
    padding: 10px;
    margin-top: -10px;
    margin-right: -10px;
    color: white !important;
}

    .ui-dialog-titlebar-close:hover {
        background-color: rgb(75, 125, 174);
    }

.ui-widget-overlay {
    position: absolute;
    left: 0;
    top: 0;
    background-color: #061848;
    opacity: 0.25;
}

.high-opacity-overlay {
    opacity: 1 !important;
}

.no-close > div > .ui-dialog-titlebar-close {
    display: none;
}

button[disabled] {
    opacity: 0.6;
    color: lightgray !important;
}

.SummaryHeader {
    background-color: rgb(232, 232, 232);
    color: #555;
    font: 16px 'CentraNo2-book', arial, sans-serif;
    padding: 10px;
    display: inline-block;
    width: 100%;
    border: 1px solid #ddd;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
}

.tooltip {
    font: 14px "CentraNo2-book","Segoe UI",Arial,Helvetica,sans-serif !important;
    transition: opacity 0s linear 0.25s;
    max-width: 400px !important;
    z-index:9999 !important;
}

.icon-info-sign[data-toggle='tooltip'] {
    color: #87bb33;
    font-size: 15px;
}

.tooltip-inner {
    max-width: 400px !important;
    min-width: 100px;
    background: RGBA(0, 0, 0, 1) !important;
    border-radius: 0.375rem !important;
    color: #fff !important;
    text-align: center;
    padding: 0.4rem 0.75rem;
}

    .tooltip-inner.auto {
        max-width: 100% !important;
    }

    .tooltip-inner.large {
        max-width: 80% !important;
    }

.right > .tooltip-arrow {
    border-right-color: RGBA(0, 0, 0, 1) !important;
}

.left > .tooltip-arrow {
    border-left-color: RGBA(0, 0, 0, 1) !important;
}

.top > .tooltip-arrow {
    border-top-color: RGBA(0, 0, 0, 1) !important;
    top: auto !important;
}

.bottom > .tooltip-arrow {
    border-bottom-color: RGBA(0, 0, 0, 1) !important;
}

.rawHTML .tooltip {
    font: 14px "CentraNo2-book","Segoe UI",Arial,Helvetica,sans-serif !important;
    opacity: 1 !important;
}

.rawHTML .tooltip-inner {
    max-width: 850px !important;
    max-height: 100% !important;
    background-color: white !important;
    color: black !important;
    border: 3px solid #4a8bc2;
    display: block;
    overflow: auto;
}

    .rawHTML .tooltip-inner.auto {
        max-width: 650px !important;
        max-height: 100% !important;
        color: black;
    }

    .rawHTML .tooltip-inner.large {
        max-width: 650px !important;
        max-height: 100% !important;
        color: black;
    }

.normal-opacity-tooltip {
    opacity: 1 !important;
}

.rawHTML .right > .tooltip-arrow {
    border-right-color: #25A0DA !important;
}

.rawHTML .left > .tooltip-arrow {
    border-left-color: #25A0DA !important;
}

.rawHTML .top > .tooltip-arrow {
    border-top-color: #25A0DA !important;
}

.rawHTML .bottom > .tooltip-arrow {
    border-bottom-color: #25A0DA !important;
}

.use-tooltip-v2 + .tooltip {
    opacity: 1 !important;
    margin: 0px !important;
}

    .use-tooltip-v2 + .tooltip .tooltip-inner {
        background: #000000DE !important;
        font-size: 14px !important;
        color: white !important;
        border-radius: 10px !important;
        padding: 16px !important;
        width: max-content;
        max-width: 400px;
    }

    .use-tooltip-v2 + .tooltip .tooltip-arrow {
        visibility: hidden !important;
    }

    .use-tooltip-v2 + .tooltip:hover {
        background-color: rgba(0, 0, 0, 0) !important;
    }

.dropdown-item-disabled {
    color: #c3c3c3 !important;
    cursor: default !important;
    background-color: white;
}

.SummaryHeader > span > span, .SummaryHeader > span, .SummaryHeader > div > span, .SummaryHeader > div {
    font-weight: normal !important;
}

.PopupDiv > span > span, .PopupDiv > span, .PopupDiv > div > span, .PopupDiv > div {
    font-weight: normal !important;
}

.collapseBtn:after {
    font-size: 20px;
    cursor: pointer;
    float: right;
    font-family: 'Font Awesome 5 Pro';
    font-weight: normal;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    content: "\f146";
}

.expandBtn:after {
    font-size: 20px;
    cursor: pointer;
    float: right;
    font-family: 'Font Awesome 5 Pro';
    font-weight: normal;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    content: "\f0fe";
}

.collapseBtnVue:after {
    font-size: 20px;
    cursor: pointer;
    float: right;
    font-family: 'Font Awesome 5 Pro';
    font-weight: normal;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    content: "\f146";
}

.expandBtnVue:after {
    font-size: 20px;
    cursor: pointer;
    float: right;
    font-family: 'Font Awesome 5 Pro';
    font-weight: normal;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    content: "\f0fe";
}

.QuestionContainer {
    line-height: 0;
}

    .QuestionContainer > *, .QuestionContainer .content, .QuestionContainer .QuestionHeader {
        line-height: normal;
    }

    .QuestionContainer .expandBtn {
        display: none;
    }

.ProgressTracker {
    margin-top: 5px;
    table-layout: fixed;
}

    .ProgressTracker .unselected, .ProgressTracker .selected {
        border: 2px solid rgb(229, 229, 229);
        padding: 10px;
        height: 46px;
        display: block;
    }

        .ProgressTracker .unselected > a {
            color: #888888 !important;
        }

        .ProgressTracker .selected > a {
            color: white !important;
        }

    .ProgressTracker .first {
        border-right: none;
    }

    .ProgressTracker .last {
        border-left: none;
    }

    .ProgressTracker .img {
        width: 32px;
    }

    .ProgressTracker .selected {
        background-color: #333333;
        border-color: #333333 !important;
    }

    .ProgressTracker td {
        padding: 0px;
    }

    .ProgressTracker .middle {
        border-width: 2px 0px 2px 0px;
    }

.projectInfoText, .PropertyTitle {
    font-weight: bold;
}

.searchPanel {
    background-color: #f5f5f5;
    font-family: 'CentraNo2-light';
    font-size: 20px;
    padding: 6px;
}

    .searchPanel > input[type=text] {
        margin-bottom: 0 !important;
        height: 28px !important;
    }

.PopupDiv, .SetPhasceChangePositionDiv {
    position: absolute;
    display: none;
    z-index: 10000;
    left: 50%;
    width: 500px;
    margin-left: -250px;
    top: 100px;
}

.content {
    padding: 20px;
}

.collapseAll, .expandAll {
    cursor: pointer;
}

    .collapseAll:hover, .expandAll:hover {
        text-decoration: underline;
    }

.InvestmentTable td {
    padding: 5px;
}

@media print {
    .no-print {
        display: none !important;
    }

    .print-only {
        display: inherit !important;
    }

    .always-print {
        display: inherit !important;
    }

    .shrink-to-print {
        max-width: 85%;
    }

    #containerFluid {
        width: 100vw;
        overflow: visible !important;
    }
}

@media screen {
    .print-only {
        display: none !important;
    }
}

.NotStarted {
    color: #222222;
}

.Started {
    color: #4390df !important;
}

.Completed {
    color: #00C13F !important;
}

.QuestionHeader {
    border-top: 1px solid rgb(215, 215, 215);
    background-color: rgb(232, 232, 232);
    font-family: 'CentraNo2-bold';
    color: #222;
    padding: 8px;
}

.headerStatus {
    color: #648E21;
}

.SummaryQuestion {
    padding: 10px;
    background-color: #404040;
    color: #FFFFFF;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-bottom-color: #e5e5e5;
}

.SummaryAnswer {
    padding: 10px;
}

.SummaryQuestionNoResponse {
    padding: 10px;
    background-color: #aa4946;
    color: #FFFFFF;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-bottom-color: #e5e5e5;
}

.SummaryCommentBox {
    border: 1px solid #999999;
    background-color: White;
    height: 100%;
    padding: 5px;
}

.LoginPageFooterIcons img {
    padding-left: 5px;
    padding-right: 5px;
}

.Tile-CPR {
    background-image: url('../../Images/Icons/CPR.png');
}

.Tile-EPM {
    background-image: url('../../Images/Icons/EPM.png');
}

.Tile-PMC {
    background-image: url('../../Images/Icons/PMC.png');
}

.Tile-ERM {
    background-image: url('../../Images/Icons/ERM.png');
}

.Tile-DAR {
    background-image: url('../../Images/Icons/DAR.png');
}

.Tile-FCR {
    background-image: url('../../Images/Icons/FCR.png');
}

.Tile-IR {
    background-image: url('../../Images/Icons/IR.png');
}

.Tile-ODF {
    background-image: url('../../Images/Icons/ODF.png');
}

.Tile-Incidents .LandingTile {
    background-image: url('../../Images/Icons/ICM.png');
}

.NonGenericTile .LandingTile * {
    display: none;
}

.LandingTile {
    background-repeat: no-repeat;
    width: 13%;
    min-width: 200px;
    height: 100%;
    margin-right: 20px;
    margin-bottom: 20px;
    color: white;
    position: relative;
    background-position: center 30%;
}

    .LandingTile span {
        position: absolute;
        top: 105px;
        left: 20px;
    }

    .LandingTile .LandingTile-Icon {
        font-size: 20px;
        margin: 0 auto;
        bottom: 60%;
        left: 50%;
        position: absolute;
        width: 40px;
        background: white;
        border-radius: 100px !important;
        padding: 3px 0;
    }

    .LandingTile .LandingTile-SnowMan { 
        margin: 0 auto;
        bottom: 30%;
        left: 33%;
        position: absolute;
        background: url('../../Images/Icons/Snowman.png');
        background-repeat: no-repeat;
        background-position: center 0;
        background-size: contain;
        width: 55px;
        height: 55px;
    }

.LandingTile-SnowMan {
    background: url('../../Images/Icons/Snowman.png');
    background-repeat: no-repeat;
    background-position: center 0;
    background-size: contain;
}

.table-config thead td {
    color: #fff;
    height: 30px;
    background-color: #444;
    border: 0;
    border-bottom: 1px solid #555;
    border-right: 1px solid #555;
}

.table-config {
    border: solid 1px #888;
}

    .table-config td {
        padding: 5px;
        border-right: 1px solid lightgray;
    }

    .table-config tr:nth-child(even) {
        background-color: #EEE;
    }

.AdminTile {
    min-width: 85px;
    height: 85px;
    color: white;
    text-align: center;
    font-size: 14px;
    display: inline-block;
    zoom: 1;
    *display: inline;
    position: relative;
    vertical-align: top;
    margin-bottom: 10px;
    box-sizing: content-box;
    border-radius: 5px !important;
}

    .AdminTile:hover {
        opacity: 0.9;
    }

.AdminHeader {
    font-size: 26px;
    display: block;
    font-family: 'Segoe UI Light', 'Open Sans Light', Verdana, Arial, Helvetica, sans-serif;
    font-weight: 300;
    color: black;
    letter-spacing: 0.01em;
    margin-bottom: 10px;
}

.AdminBlock {
    height: 20px;
    display: block;
}

.alert-info > i {
    color: #3a87ad !important;
}

.alert-success > i {
    color: #468847 !important;
}

.alert-warning > i {
    color: #c09853 !important;
}

.alert-error > i {
    color: #b94a48 !important;
}

.widget-title i {
    margin-right: 5px !important;
}

.loading {
    background: url('../../Images/loading.gif') no-repeat center;
    z-index: 10000;
}

.subModuleTile {
    display: inline-block;
    width: 400px;
    text-align: left;
    padding: 8px;
    color: white !important;
    background-color: rgb(247, 247, 247);
    text-decoration: none !important;
    padding-top: 10px;
    padding-bottom: 10px;
}

    .subModuleTile:hover {
        opacity: 0.8;
    }

.title {
    font-weight: bold;
}

.sectionHeading {
    color: #333;
    font-size: 17.5px;
    margin-bottom: 17px;
    border-bottom: 1px solid #333;
}

.disabled-delete {
    cursor: not-allowed;
    opacity: 0.3;
}

.downloadLink {
    color: #868686 !important;
    margin-top: 10px;
    margin-bottom: 0px;
    height: 26px;
    background-color: #00000017;
    margin-right: 5px;
    margin-left: 0;
    padding: 5px;
    line-height: 16px;
    min-width: 175px;
    display: inline-block;
    border: 1px solid #00000017;
    border-radius: 16px !important;
}

    .downloadLink:hover {
        border: 1px solid rgb(183, 183, 183);
    }

.demoPortalOverlay {
    position: absolute;
    background-color: white;
    top: 40%;
    left: 0px;
    width: 100%;
    height: 20%;
    display: block;
    z-index: 5;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
    filter: alpha(opacity=70);
    -moz-opacity: 0.7;
    -khtml-opacity: 0.7;
    opacity: 0.7;
}

.fixed {
    position: fixed !important;
}

.ui-datepicker {
    width: 350px;
    box-shadow: 0 1px 2px #ddd;
}

.ui-datepicker-calendar {
    width: 100%;
    font-family: 'CentraNo2-book';
}

    .ui-datepicker-calendar > tbody > tr > td, .ui-datepicker-calendar > thead > tr > th {
        border: 1px solid #eee;
        padding: 4px;
    }

        .ui-datepicker-calendar > tbody > tr > td > a {
            text-decoration: none !important;
            display: block;
            width: 20px;
        }

        .ui-datepicker-calendar > tbody > tr > td:hover {
            cursor: pointer;
            background-color: #eee;
        }

    .ui-datepicker-calendar > tbody > tr > .ui-datepicker-unselectable {
        cursor: default !important;
        background-color: white !important;
    }

.ui-datepicker-current-day {
    background-color: orange;
}

    .ui-datepicker-current-day > a {
        color: white !important;
        font-weight: bold !important;
    }

.ui-datepicker-month {
    width: 100px;
}

.ui-datepicker-year {
    width: 100px;
}

.ui-datepicker-title {
    text-align: center;
    padding: 5px;
    font-family: 'CentraNo2-book';
}

.ui-datepicker-next {
    float: right;
    padding: 5px;
}

.ui-datepicker-prev {
    float: left;
    padding: 5px;
}

.ui-datepicker-header {
    color: white;
    padding: 5px;
    background-color: #4A8BC2;
}

@media (max-width: 1366px) {
    .large-desktop-only {
        display: none !important;
    }
}

@media (max-width: 1024px) {
    .desktop-only {
        display: none !important;
    }
}

@media (min-width: 1024px) {
    .mobile-only {
        display: none !important;
    }
}

@media (max-width: 767px) {
    .tablet-only {
        display: none !important;
    }
}

@media (min-width: 768px) {
    .sub-tablet-only {
        display: none !important
    }
}

.error {
    color: red;
}

.ok {
    color: green;
}

.RightAlign {
    text-align: right;
}

.progress-column {
    width: 150px !important;
}

.ui-dialog-content > .row-fluid {
    margin-top: 0 !important;
}

.metro-nav-block {
    padding-left: 5px;
}

    .metro-nav-block > a {
        display: inline-block;
        width: 100%;
    }

        .metro-nav-block > a > .info {
            right: 40px;
        }

.button.btn-primary {
    text-decoration: none !important;
}

.button.btn-success {
    text-decoration: none !important;
}

.button.btn-default {
    text-decoration: none !important;
}

.status-box {
    width: 180px;
    line-height: 30px;
    text-align: center;
    vertical-align: middle;
}

.filter-box {
    box-sizing: content-box;
    display: inline-block;
    width: 100px;
    height: 32px;
    padding: 5px 20px;
    text-decoration: none !important;
    font: normal 12px/24px 'CentraNo2-light';
    text-align: left;
    border-top: 4px solid white;
    margin-right: 5px;
}

    .filter-box:hover {
        opacity: 0.8;
    }

    .filter-box > span {
        margin-top: -2px;
        margin-bottom: -8px;
        display: block;
    }

    .filter-box .extra {
        float: right;
        font-weight: bold;
        font-size: 16px;
    }

    .filter-box > strong {
        font-size: 14px;
    }

        .filter-box > strong > span {
            display: inline-block;
        }

    .filter-box.active {
        border-top-color: orange;
    }

.unpadded-left {
    padding-left: 0 !important;
}

.unpadded-right {
    padding-right: 0 !important;
}

.check-tile {
    padding: 10px 10px 10px 6px;
    background-color: #888;
    color: white !important;
    text-decoration: none !important;
    display: inline-block;
    vertical-align: middle;
}

.draft.check-tile, .draft .check-tile, .draft .draftable, .draft.draftable {
    background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
    background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
    background-image: linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
    -webkit-background-size: 40px 40px;
    background-size: 40px 40px;
}

.check-tile > * {
    font-size: 14px;
    float: right;
}

.check-tile > i {
    float: left;
    display: inline-block;
    width: 28px;
    text-align: left;
    font-size: 22px;
}

.check-tile.ok {
    background-color: #87BB33;
}

.hover-move {
    cursor: move;
}

a.disabled:active {
    color: #888 !important;
    pointer-events: none;
}

a.back-to-top {
    display: none;
    font-size: 60px;
    position: fixed;
    z-index: 999;
    right: 20px;
    bottom: 20px;
    text-decoration: none !important;
    color: #a5d16c !important;
}

.highlight {
    font-weight: bold;
    background-color: yellow;
}

.drop-up .chosen-container .chosen-drop {
    border-bottom: 0;
    border-top: 1px solid #aaa;
    top: auto;
    bottom: 30px;
}

.TeamMemberBox {
    margin-right: 5px;
    display: inline-block;
}

.UserNameBox {
    cursor: default;
}

    .UserNameBox > .grid-icon {
        float: left;
        color: white !important;
        line-height: 14px;
        padding-right: 6px;
    }

.DeleteBox {
    background: lightgray;
    padding: 6px;
    margin-left: -4px;
    vertical-align: middle;
}

textarea:focus, input[type="text"]:focus, input[type="password"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="date"]:focus, input[type="month"]:focus, input[type="time"]:focus, input[type="week"]:focus, input[type="number"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="color"]:focus, .uneditable-input:focus {
    outline: 0 !important;
}

.search-input-area {
    position: relative;
}

    .search-input-area > .icon-remove {
        position: absolute;
        right: 50px;
        z-index: 1;
        font-size: 12px !important;
        top: 13px;
        color: black;
        text-decoration: none !important;
    }

    .search-input-area > .input[type=text] {
        width: 100% !important;
    }

    .search-input-area > button {
        position: relative;
        margin-left: -40px;
        z-index: 10;
    }

    .search-input-area input[type=text]::-ms-clear, input[type=text].no-ie-clear::-ms-clear {
        display: none !important;
    }

    .search-input-area.huge {
        width: 100% !important;
    }

        .search-input-area.huge .icon-remove {
            top: 20px;
        }

        .search-input-area.huge input[type=text] {
            width: 100%;
            height: 50px !important;
        }

    .search-input-area .twitter-typeahead {
        width: 100%;
        float: left;
    }

    .search-input-area.huge button {
        height: 50px;
    }

.label-danger {
    background: #d9534f !important;
}

.overflow-dialog {
    overflow: visible !important;
}

#sidebar > ul > li > ul.sub > li > a {
    padding: 10px 25px;
}

@media(min-width: 768px) and (max-width:1024px) {

    .sidebar-scroll {
        overflow-y: auto;
        max-height: 90vh
    }
}

.ui-datepicker-trigger {
    height: 30px;
    position: absolute;
    right: 15px;
    pointer-events: none;
    vertical-align: middle
}

.dropdown-menu li {
    padding: 2px 0px;
}

.pulse-file-store-file-placeholder {
    background-repeat: no-repeat;
    background-size: cover;
    display: inline-block;
}

.user-image > div {
    width: 42px !important;
    height: 42px !important;
    border-radius: 50px !important;
    margin-top: 1px;
    display: inline-block !important;
    background-size: cover !important;
}

.fade05 {
    opacity: 0.5;
}

.cursor_not-allowed {
    cursor: not-allowed;
}

.attended {
    color: #4CAF50;
}

.attendance-not-marked {
    color: #FE5A00;
}

.not-attended {
    color: #E53935;
}

.red-dot {
    height: 12px;
    width: 12px;
    background-color: #f44336;
    border-radius: 50% !important;
    display: inline-block;
    border: 2px white solid;
}
/*.no-dot {
    margin-left: 12px;
}*/



.position-relative {
    position: relative;
}

.pulse-btn--auto-width {
    min-width: auto !important;
}

.pulse-btn-grey {
    color: #fff;
    border-radius: 5px !important;
    padding: 7px 16px;
    min-width: 88px;
    height: 36px;
    cursor: pointer !important;
    background-color: #000000AB;
}

    .pulse-btn-grey:hover {
        background-image: linear-gradient(#000000AB 0 0);
        color: #fff;
    }

.pulse-btn-black {
    color: #fff;
    border-radius: 5px !important;
    padding: 7px 16px;
    min-width: 88px;
    height: 36px;
    cursor: pointer !important;
    background-color: #555555;
}

    .pulse-btn-black:hover {
        color: #fff;
        background-color: #404040;
    }


    .pulse-btn-black:focus {
        color: #fff;
        background-color: #404040;
    }


    .pulse-btn-black:disabled {
        color: #fff;
        background-color: #555555;
        cursor: not-allowed !important;
        opacity: .55 !important;
    }

.pulse-btn-blue {
    color: #fff;
    background-color: #2862F2;
    border-radius: 5px !important;
    padding: 7px 16px;
    cursor: pointer !important;
    min-width: 88px;
    height: 36px;
}

    .pulse-btn-blue:hover, .pulse-btn-blue:focus {
        color: #fff;
        background-color: #2458D9;
    }

    .pulse-btn-blue:disabled {
        color: #fff;
        background-color: #2862F2;
        cursor: not-allowed !important;
        pointer-events: all !important;
        opacity: .55 !important;
    }

.pulse-btn-default {
    background-color: transparent;
    border: 1px solid transparent;
    border-radius: 5px !important;
    color: #707070 !important;
    padding: 7px;
    min-width: 88px;
    height: 36px;
}

    .pulse-btn-default:hover {
        color: #555;
        background-color: #Eaeded;
        border: 1px solid #Eaeded;
        border-radius: 5px !important;
    }

.pulse-btn-red {
    color: #fff;
    background-color: #E53935;
    border-radius: 5px !important;
    padding: 7px 16px;
    min-width: 88px;
    height: 36px;
    cursor: pointer !important;
}

    .pulse-btn-red:hover, .pulse-btn-red:focus {
        color: #fff;
        background-color: #CC332F;
    }

    .pulse-btn-red:disabled {
        color: #fff;
        background-color: #E53935;
        cursor: not-allowed !important;
        opacity: .55 !important;
    }

.pulse-btn-green {
    color: #fff;
    background-color: #0F8A0F;
    border-radius: 5px !important;
    padding: 7px 16px;
    cursor: pointer !important;
}

    .pulse-btn-green:hover, .pulse-btn-green:focus {
        color: #fff;
        background-color: #0C700C;
    }

    .pulse-btn-green:disabled {
        color: #fff;
        background-color: #0F8A0F;
        cursor: not-allowed !important;
        pointer-events: all !important;
        opacity: .55 !important;
    }

.pulse-btn-white {
    color: #2862F2;
    background-color: #ffffff;
    border-radius: 3px !important;
    padding: 5px 9px;
    border: 1px solid #E2E2E2;
}

    .pulse-btn-white:hover, .pulse-btn-white:focus {
        color: #2862F2;
        background-color: #ffffff;
        box-shadow: rgba(0,0,0,0.25) 0px 2px 4px;
    }

.pulse-btn-clear {
    color: #2862F2 !important;
    background-color: transparent;
    border: 1px solid transparent;
    padding: 7px 7px;
    min-width: 88px;
    height: 36px;
}

    .pulse-btn-clear:hover, .pulse-btn-clear:focus, .pulse-btn-clear:active {
        background-color: #ECF1FE;
        border: 1px solid #ECF1FE;
        border-radius: 5px !important;
        color: #2458D9;
    }

    .pulse-btn-clear:disabled {
        color: #2862F2 !important;
        background-color: transparent;
        border: 1px solid transparent;
        cursor: not-allowed !important;
        pointer-events: all !important;
        opacity: .55 !important;
    }

.pulse-btn-light-blue {
    color: #2862F2;
    background-color: #ECF1FE;
    border-radius: 5px !important;
    border: 1px solid #ECF1FE;
    padding: 7px 7px;
    min-width: 88px;
    height: 36px;
}



.pulse-btn-clear-red {
    color: #555;
    background-color: transparent;
    border: 1px solid transparent;
    padding: 7px 7px;
    min-width: 88px;
    height: 36px;
}

    .pulse-btn-clear-red:hover, .pulse-btn-clear-red:focus {
        background-color: #f5e9e9;
        border: 1px solid #f5e9e9;
        border-radius: 5px !important;
        color: #D92B27;
    }

    .pulse-btn-clear-red:disabled {
        color: #D92B27 !important;
        background-color: transparent;
        border: 1px solid transparent;
        cursor: not-allowed !important;
        pointer-events: all !important;
        opacity: .55 !important;
    }

.pulse-btn-icon {
    background-color: #FFFFFF;
    padding: 7px 0px;
    border-radius: 5px !important;
    width: 36px;
    height: 36px;
}

.pulse-btn-icon-clear {
    background-color: transparent;
    border: 1px solid transparent;
    padding: 7px 7px;
    border-radius: 5px !important;
    height: 36px;
    color: #2458D9;
}

    .pulse-btn-icon-clear:hover, .pulse-btn-icon-clear:focus {
        background-color: #ECF1FE;
        border: 1px solid #ECF1FE;
        border-radius: 5px !important;
        color: #2458D9;
    }

    .pulse-btn-icon-clear:disabled {
        color: #00000023 !important;
        background-color: transparent;
        border: 1px solid transparent;
        cursor: not-allowed !important;
        pointer-events: all !important;
        opacity: .55 !important;
    }


    .pulse-btn-icon-clear.btn-red {
        color: #D92B27;
    }

        .pulse-btn-icon-clear.btn-red:hover, .pulse-btn-icon-clear.btn-red:focus {
            background-color: RGBA(217, 43, 39, 0.1) !important;
            color: #D92B27 !important;
        }

.pulse-btn {
    background-color: #FFFFFF;
    border-radius: 5px !important;
    padding: 7px 16px;
    min-width: 88px;
    height: 36px;
}

.pulse-btn-pale-grey {
    background-color: transparent;
    border: 1px solid #00000017;
    padding: 7px 7px;
    border-radius: 5px !important;
    height: 36px;
}

.pulse-btn-icon:focus {
    border-radius: 5px !important;
}

.pulse-btn-min {
    min-width: auto !important;
}

.btn.pulse-btn-pill {
    height: 100%;
    margin-top: 0;
    background-color: transparent;
}

    .btn.pulse-btn-pill:focus, .btn.pulse-btn-pill:active {
        outline: none;
        box-shadow: none;
    }

.pulse-btn-pill--selected {
    border-bottom: 3px solid #2862F2;
}

.pulse-btn-pill:hover {
    background-color: #ECF1FE;
    color: #2458D9;
}

.btn.pulse-btn-pill {
    height: 100%;
    margin-top: 0;
    background-color: transparent;
}

    .btn.pulse-btn-pill:focus, .btn.pulse-btn-pill:active {
        outline: none;
        box-shadow: none;
    }

.pulse-btn-pill--selected {
    border-bottom: 3px solid #2862F2;
}

.pulse-btn-pill:hover {
    background-color: #ECF1FE;
    color: #2458D9;
}


.pulse-blue-outline {
    color: #2862F2 !important;
    border: 1px solid rgba(33,33,33,0.1) !important;
    cursor: pointer !important;
}

    .pulse-blue-outline:hover, .pulse-blue-outline:focus {
        color: #2458D9 !important;
        background-color: #ECF1FE !important;
        border: 1px solid #ECF1FE !important;
    }

    .pulse-blue-outline:disabled {
        color: #2862F2 !important;
        background-color: transparent !important;
        border: 1px solid #2862F2 !important;
        cursor: not-allowed !important;
        pointer-events: all !important;
        opacity: .55 !important;
    }

.pulse-green-outline {
    color: #00A300 !important;
    border: 1px solid #00A300 !important;
}

    .pulse-green-outline:hover, .pulse-green-outline:focus {
        color: #ffffff !important;
        background-color: #008A00;
        border: 1px solid #008A00 !important;
    }

.pulse-yellow-outline {
    color: #FFC40D !important;
    border: 1px solid #FFC40D !important;
}

    .pulse-yellow-outline:hover, .pulse-yellow-outline:focus {
        color: #ffffff !important;
        background-color: #DBA600;
        border: 1px solid #DBA600 !important;
    }

.pulse-grey-outline {
    color: #555555 !important;
    border: 1px solid rgba(33,33,33,0.1) !important;
    background: white;
    cursor: pointer !important;
}

    .pulse-grey-outline:hover, .pulse-grey-outline:focus {
        color: #555 !important;
        background-color: rgba(33,33,33,0.1);
        border: 1px solid rgba(33,33,33,0.1) !important;
    }

.pulse-red-outline {
    color: #E53935 !important;
    border: 1px solid #E53935 !important;
}

    .pulse-red-outline:hover, .pulse-red-outline:focus {
        color: #ffffff !important;
        background-color: #CC332F;
        border: 1px solid #CC332F !important;
    }

.pulse-blue {
    color: #2862F2;
}

.pulse-btn-disabled {
    color: #555555 !important;
    border: 1px solid rgba(33,33,33,0.1) !important;
    background: white;
    cursor: not-allowed !important;
}

.header-overlay-items, .header-overlay .vue-overlay {
    background-color: #efefef;
    border-radius: 5px !important;
    overflow: hidden;
}

    .header-overlay-items a {
        padding: 14px;
        display: block;
        color: #444 !important;
        text-decoration: none;
    }

        .header-overlay-items a.pulse--red {
            color: #D92B27 !important;
        }

    .header-overlay-items div:hover {
        background-color: #e2e2e2;
    }

.header-overlay-items-responsive {
    max-height: 60vh;
    overflow-y: auto;
}

.header-dropdown {
    display: inline-block;
    margin-left: 10px;
    background-color: #EAF0FD;
    padding: 5px 10px;
    color: #555;
    border-radius: 5px !important;
    cursor: pointer;
    font-size: 17px;
}

    .header-dropdown:hover {
        box-shadow: 0 1px 6px 0 rgba(32,33,36,0.28);
        background-color: white;
    }

.header-dropdown__icon {
    font-size: 0.7em;
    color: #2362F2;
    vertical-align: middle;
    display: inline-block;
    margin-bottom: 5px;
}


/*Pulse new scroll-bar*/
.scrollbar-thin {
    /*For IE*/
    scrollbar-base-color: rgba(255,255,255,0);
    scrollbar-face-color: #BDBDBD;
    scrollbar-track-color: rgba(255,255,255,0);
    scrollbar-arrow-color: rgba(255,255,255,0);
    scrollbar-dark-shadow-color: grey;
    -ms-overflow-style: -ms-autohiding-scrollbar;
    /*For Firefox*/
    scrollbar-width: thin;
}

    .scrollbar-thin::-webkit-scrollbar {
        width: 7px;
        height: 5px;
    }

    .scrollbar-thin::-webkit-scrollbar-thumb {
        background: #BDBDBD;
        border-radius: 5px;
    }
/*End*/

/*Pulse auto save statuses*/
.save-status-saving {
    color: #555;
    background: #EAf5EA;
    padding: 3px 10px;
    font-style: italic;
    font-size: 12px;
    line-height: 1;
    float: right;
}

.save-status-saved {
    color: #555;
    background-color: #EAF5EA;
    padding: 3px 10px;
    font-size: 12px;
    line-height: 1;
    float: right;
}

.save-status-unsaved {
    color: #BF2622;
    background-color: #FCEBEA;
    padding: 3px 10px;
    font-size: 12px;
    line-height: 1;
    float: right;
}
/*End*/

/*Pulse nav tabs underline look*/
.nav-tabs-underline {
    border-bottom: 1px solid #eee;
}

    .nav-tabs-underline > li.active > a {
        color: #2862F2 !important;
    }

    .nav-tabs-underline > li {
        width: 200px;
    }

        .nav-tabs-underline > li > a {
            color: #555 !important;
        }

        .nav-tabs-underline > li.active > a, .nav-tabs-underline > li.active > a:hover, .nav-tabs-underline > li.active > a:focus {
            border: 0 !important;
            border-bottom: 2px solid !important;
            background-color: transparent !important;
            border-bottom-color: #2862F2 !important;
        }

.nav-tabs-underline-count-badge {
    float: right;
    background: #ECF1FE;
    min-width: 45px;
    border-radius: 500px !important;
    text-align: center;
    line-height: 1.7;
}
/*End*/

/*Pulse input, textarea, number with round corners*/
.pulse-input-v2 input[type="text"], .pulse-input-v2 textarea, .pulse-input-v2 input[type="number"], .pulse-input-v2 input[type="password"], .pulse-input-v2 input[type="time"], .pulse-input-v2 input[type="tel"] {
    background-color: #F5F5F5;
    margin-bottom: 0;
    border-radius: 5px !important;
    border: none !important;
}

/*Pulse input, textarea, number with round corners*/
.pulse-input-v2-readonly input[type="text"], .pulse-input-v2-readonly textarea, .pulse-input-v2-readonly input[type="number"], .pulse-input-v2-readonly input[type="password"], .pulse-input-v2-readonly input[type="tel"] {
    background-color: black !important;
}

.pulse-input-v2 ::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: darkgrey;
    opacity: 0.8; /* Firefox */
}

.pulse-input-v2 :-ms-input-placeholder { /* Internet Explorer 10-11 */
    color: darkgrey;
}

.pulse-input-v2 ::-ms-input-placeholder { /* Microsoft Edge */
    color: darkgrey;
}
/*End*/

/*Pulse container with round corner and box shadow*/
.pulse-container {
    height: auto;
    background: white;
    color: #555;
    padding: 16px 25px;
    border-radius: 5px !important;
    box-shadow: 0px 0px 25px RGBA(36, 88, 217, 0.10);
}

.pulse-container-collapsed {
    height: auto;
    background: white;
    color: #555;
    padding: 12px 25px;
    border-radius: 5px !important;
}

/*End*/

.user-preview-photo {
    width: 40px;
    height: 40px;
    border-radius: 40px !important;
}

.user-highlight-photo {
    width: 64px;
    height: 64px;
    border-radius: 64px !important;
}

.pulse-pointer {
    cursor: pointer !important;
}

.highlight-animation {
    animation-name: highlight-element;
    animation-duration: 3s;
}

@keyframes highlight-element {
    from {
        box-shadow: 0 0 15px 5px rgba(207, 0, 15, 1);
    }

    to {
        box-shadow: 0 0 0 0 rgba(0,0,0,0);
    }
}

/*Pulse Tag Styles - Start*/
.pulse-tag {
    -webkit-border-radius: 10px !important;
    -moz-border-radius: 10px !important;
    border-radius: 10px !important;
    padding: 2px 10px;
    font-size: 11px;
}

.pulse-tag-blue {
    background-color: #ECF1FE;
    color: #2862F2;
}

.pulse-tag-green {
    background-color: #EAF5EA;
    color: #0F8A0F;
}

.pulse-tag-fail {
    background-color: #FCEBEA;
    color: #D92B27;
}
/*Pulse Tag Styles - End*/

/*Pulse Placeholder Styles in Editor -Start*/
.pulse-placeholder-textarea {
    padding: 4px 8px 5px 8px;
    background-color: #ECF1FE !important;
    border-radius: 5px !important;
    cursor: pointer;
    line-height: 28px;
}

.pulse-placeholder-textarea-focus {
    background: #2862F2 !important;
    color: white;
}
/*Pulse Placeholder Styles in Editor -End*/

.pulse-btn-icon-primary {
    background-color: #2862F2;
    color: #FFFFFF;
    border: 1px solid #2862F2;
    padding: 7px 9px;
    border-radius: 5px !important;
}

.inline-update-column {
    position: relative;
    overflow: visible !important;
    height: 1px;
    padding: 0px !important;
}

.inline-update-column-corner {
    display: block;
    position: relative;
}

    .inline-update-column-corner::before {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        border-color: transparent;
        border-style: solid;
        border-width: .25em;
        border-left-color: #2458D9;
        border-top-color: #2458D9;
    }

.inline-update-column:focus {
    outline: none;
}

.pulse-text-blue-override {
    color: #2862F2 !important;
}

    .pulse-text-blue-override:hover {
        color: #2862F2 !important;
    }

.pulse-centra-bold {
    font-family: "CentraNo2-bold";
}

.pulse-centra-book {
    font-family: "CentraNo2-book";
}

.pulse-centra-light {
    font-family: "CentraNo2-light";
}

/*Text style - Start*/
.pulse-info-text {
    color: #707070 !important;
    line-height: 1.3 !important;
    font-size: 12px !important;
}

.pulse-container-title {
    font-size: 13px !important;
    color: #212121 !important;
    font-weight: bold;
    text-transform: uppercase;
}

.pulse-section-text {
    display: inline-block;
    font-size: 0.7rem;
    color: #707070;
    margin-bottom: 8px;
    text-transform: uppercase;
}

/*text style - End*/

/*Required style - Start*/
.required {
    color: #DC5D3A;
}

.required-input, .error-border, #signature.required-input #signature-pad {
    border: 1px solid #DC5D3A !important;
    border-radius: 5px !important;
    margin-bottom: 0px !important;
}


.required-tag {
    font-style: italic;
    color: #DC5D3A;
    display: none;
    margin-left: 8px;
}

.required-tag-normal {
    color: #DC5D3A;
    display: none;
    margin-left: 8px;
}

.error-small-msg {
    color: #DC5D3A;
    font-size: 10px;
}

.error-medium-msg {
    color: #DC5D3A;
    font-size: 12px;
}

#signature.required-input {
    border: none !important;
}

/*Required style - End*/
.count-badge-v2 {
    display: inline-block;
    border-radius: 5px !important;
    min-width: 45px;
    text-align: center;
    font-size: 14px;
    background-color: rgba(40, 98, 242, 0.1);
    color: #2862f2;
}

    .count-badge-v2.text {
        padding: 4px 15px;
    }

.pulse-empty-state {
    text-align: center;
    margin-top: 3rem;
}

.pulse-empty-icon {
    color: lightgray;
    font-size: 10rem;
    margin-bottom: 1rem;
}

.pulse-empty-message {
    font-size: 1.2rem;
    font-weight: bold;
    margin-top: 1rem;
    color: #212121;
    display: inline-block;
}

.pulse-empty-command {
    margin-top: 2.5rem;
    display: block;
}

.left-menu-padding {
    padding-left: 180px !important;
}

.highlight-green-text {
    color: green;
    background-color: #EAF5EA;
    padding: 0.2rem;
    border-radius: 5px;
}

/** Hover drop - start*/

.hover-drop {
    position: relative;
}

.hover-drop-content {
    display: none;
    position: absolute;
    background-color: #f9f9f9;
    z-index: 1;
}

.hover-drop:hover .hover-drop-content {
    display: block;
}

/** Hover drop - end*/

/** Flex start*/
.flex-row {
    display: flex;
    flex-direction: row;
    align-items: center;
}

.flex-justify-center {
    justify-content: center;
}

.flex-align-center {
    align-items: center;
}

.flex-justify-end {
    justify-content: flex-end;
}

.flex-justify-start {
    justify-content: flex-start;
}

.flex-align-end {
    align-items: flex-end;
}

.flex-align-start {
    align-items: flex-start;
}

.flex-row-apart {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
}

.flex-column {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
}

.flex-row-reverse {
    display: flex;
    flex-direction: row-reverse;
}



/** Flex end*/


/** Fonts start*/

.text-primary-color {
    color: #212121;
}

.text-secondary-color {
    color: #707070;
}

.font-10px {
    font-size: 10px;
}

.font-14px {
    font-size: 14px;
}

.font-12px {
    font-size: 12px;
}

.font-bold {
    font-weight: bold;
}

/** Fonts end*/

/** Padding start*/

.padding-8px-10px {
    padding: 8px 10px;
}

/** Padding end*/

/** Rounded Border start*/

.rounded-border {
    border-radius: 5px !important;
}

/** Rounded Border end*/

/** Margins start*/

.top-margin-8px {
    margin-top: 8px !important;
}

.top-margin-16px {
    margin-top: 16px !important;
}

.top-margin-24px {
    margin-top: 24px !important;
}

.top-margin-32px {
    margin-top: 32px !important;
}

.bottom-margin-8px {
    margin-bottom: 8px !important;
}

.bottom-margin-16px {
    margin-bottom: 16px !important;
}

.bottom-margin-24px {
    margin-bottom: 24px !important;
}

.bottom-margin-32px {
    margin-bottom: 32px !important;
}

.left-margin-8px {
    margin-left: 8px !important;
}

.left-margin-16px {
    margin-left: 16px !important;
}

.left-margin-24px {
    margin-left: 32px !important;
}

.left-margin-32px {
    margin-left: 32px !important;
}

.right-margin-8px {
    margin-right: 8px !important;
}

.right-margin-16px {
    margin-right: 16px !important;
}

.right-margin-32px {
    margin-right: 32px !important;
}

/** Margins end*/

/** Effects start*/

.hover-effect:hover {
    background-color: #2862F21A;
}

.press-right-effect:active {
    transform: translateX(2px);
}

.press-down-effect:active {
    transform: translateY(2px);
}

.shine-effect:after {
    content: "";
    position: absolute;
    top: -110%;
    left: -210%;
    width: 200%;
    height: 200%;
    opacity: 0;
    transform: rotate(30deg);
    background: rgba(255, 255, 255, 0.13);
    background: linear-gradient( to right, rgba(255, 255, 255, 0.13) 0%, rgba(255, 255, 255, 0.13) 77%, rgba(255, 255, 255, 0.5) 92%, rgba(255, 255, 255, 0.0) 100% );
}

.shine-effect:hover:after {
    opacity: 1;
    top: -30%;
    left: -30%;
    transition-property: left, top, opacity;
    transition-duration: 0.7s, 0.7s, 0.15s;
    transition-timing-function: ease;
}

/* Active state */

.shine-effect:active:after {
    opacity: 0;
}

/** Effects end*/
/** Animations */

/** Entrance - Swing in from top forward */
.swing-in-top-fwd-slow {
    -webkit-animation: swing-in-top-fwd 1s cubic-bezier(0.175, 0.885, 0.320, 1.275) both;
    animation: swing-in-top-fwd 1s cubic-bezier(0.175, 0.885, 0.320, 1.275) both;
}

@-webkit-keyframes swing-in-top-fwd-slow {
    0% {
        -webkit-transform: rotateX(-100deg);
        transform: rotateX(-100deg);
        -webkit-transform-origin: top;
        transform-origin: top;
        opacity: 0;
    }

    100% {
        -webkit-transform: rotateX(0deg);
        transform: rotateX(0deg);
        -webkit-transform-origin: top;
        transform-origin: top;
        opacity: 1;
    }
}

@keyframes swing-in-top-fwd-slow {
    0% {
        -webkit-transform: rotateX(-100deg);
        transform: rotateX(-100deg);
        -webkit-transform-origin: top;
        transform-origin: top;
        opacity: 0;
    }

    100% {
        -webkit-transform: rotateX(0deg);
        transform: rotateX(0deg);
        -webkit-transform-origin: top;
        transform-origin: top;
        opacity: 1;
    }
}


/** Entrance - Swing in from top forward */
.swing-in-top-fwd-slow {
    -webkit-animation: swing-in-top-fwd 1s cubic-bezier(0.175, 0.885, 0.320, 1.275) both;
    animation: swing-in-top-fwd 1s cubic-bezier(0.175, 0.885, 0.320, 1.275) both;
}

@-webkit-keyframes swing-in-top-fwd-slow {
    0% {
        -webkit-transform: rotateX(-100deg);
        transform: rotateX(-100deg);
        -webkit-transform-origin: top;
        transform-origin: top;
        opacity: 0;
    }

    100% {
        -webkit-transform: rotateX(0deg);
        transform: rotateX(0deg);
        -webkit-transform-origin: top;
        transform-origin: top;
        opacity: 1;
    }
}

@keyframes swing-in-top-fwd-slow {
    0% {
        -webkit-transform: rotateX(-100deg);
        transform: rotateX(-100deg);
        -webkit-transform-origin: top;
        transform-origin: top;
        opacity: 0;
    }

    100% {
        -webkit-transform: rotateX(0deg);
        transform: rotateX(0deg);
        -webkit-transform-origin: top;
        transform-origin: top;
        opacity: 1;
    }
}


/** Entrance - Swing in from top forward */
.swing-in-top-fwd {
    -webkit-animation: swing-in-top-fwd 0.5s cubic-bezier(0.175, 0.885, 0.320, 1.275) both;
    animation: swing-in-top-fwd 0.5s cubic-bezier(0.175, 0.885, 0.320, 1.275) both;
}

@-webkit-keyframes swing-in-top-fwd {
    0% {
        -webkit-transform: rotateX(-100deg);
        transform: rotateX(-100deg);
        -webkit-transform-origin: top;
        transform-origin: top;
        opacity: 0;
    }

    100% {
        -webkit-transform: rotateX(0deg);
        transform: rotateX(0deg);
        -webkit-transform-origin: top;
        transform-origin: top;
        opacity: 1;
    }
}

@keyframes swing-in-top-fwd {
    0% {
        -webkit-transform: rotateX(-100deg);
        transform: rotateX(-100deg);
        -webkit-transform-origin: top;
        transform-origin: top;
        opacity: 0;
    }

    100% {
        -webkit-transform: rotateX(0deg);
        transform: rotateX(0deg);
        -webkit-transform-origin: top;
        transform-origin: top;
        opacity: 1;
    }
}

/** Entrance - Slide in from center*/


.slide-in-fwd-center {
    -webkit-animation: slide-in-fwd-center 0.4s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
    animation: slide-in-fwd-center 0.4s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
}

/**
 * ----------------------------------------
 * animation slide-in-fwd-center
 * ----------------------------------------
 */
@-webkit-keyframes slide-in-fwd-center {
    0% {
        -webkit-transform: translateZ(-1400px);
        transform: translateZ(-1400px);
        opacity: 0;
    }

    100% {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
        opacity: 1;
    }
}

@keyframes slide-in-fwd-center {
    0% {
        -webkit-transform: translateZ(-1400px);
        transform: translateZ(-1400px);
        opacity: 0;
    }

    100% {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
        opacity: 1;
    }
}

/** Entrance - Swing in from top*/

.swing-in-top-fwd {
    -webkit-animation: swing-in-top-fwd 0.6s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
    animation: swing-in-top-fwd 0.6s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
}

/**
 * ----------------------------------------
 * animation swing-in-top-fwd
 * ----------------------------------------
 */
@-webkit-keyframes swing-in-top-fwd {
    0% {
        -webkit-transform: rotateX(-100deg);
        transform: rotateX(-100deg);
        -webkit-transform-origin: top;
        transform-origin: top;
        opacity: 0;
    }

    100% {
        -webkit-transform: rotateX(0deg);
        transform: rotateX(0deg);
        -webkit-transform-origin: top;
        transform-origin: top;
        opacity: 1;
    }
}

@keyframes swing-in-top-fwd {
    0% {
        -webkit-transform: rotateX(-100deg);
        transform: rotateX(-100deg);
        -webkit-transform-origin: top;
        transform-origin: top;
        opacity: 0;
    }

    100% {
        -webkit-transform: rotateX(0deg);
        transform: rotateX(0deg);
        -webkit-transform-origin: top;
        transform-origin: top;
        opacity: 1;
    }
}

.progress > .progress-value-text {
    position: absolute;
    width: 100%;
    text-align: center;
    white-space: nowrap;
    line-height: 24px;
    color: white
}

/** Entrance - Scale in from center*/

.scale-in-center {
    -webkit-animation: scale-in-center 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
    animation: scale-in-center 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
}

/**
 * ----------------------------------------
 * animation scale-in-center
 * ----------------------------------------
 */
@-webkit-keyframes scale-in-center {
    0% {
        -webkit-transform: scale(0);
        transform: scale(0);
        opacity: 1;
    }

    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1;
    }
}

@keyframes scale-in-center {
    0% {
        -webkit-transform: scale(0);
        transform: scale(0);
        opacity: 1;
    }

    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1;
    }
}

/** Entrance - Scale in from center*/

.slide-in-right {
    -webkit-animation: slide-in-right 0.5s cubic-bezier(0.550, 0.085, 0.680, 0.530) both;
    animation: slide-in-right 0.5s cubic-bezier(0.550, 0.085, 0.680, 0.530) both;
}


/**
 * ----------------------------------------
 * animation slide-in-right
 * ----------------------------------------
 */
@-webkit-keyframes slide-in-right {
    0% {
        -webkit-transform: translateX(1000px);
        transform: translateX(1000px);
        opacity: 0;
    }

    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
        opacity: 1;
    }
}

@keyframes slide-in-right {
    0% {
        -webkit-transform: translateX(1000px);
        transform: translateX(1000px);
        opacity: 0;
    }

    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
        opacity: 1;
    }
}

/** Entrance - Scale in from center*/


.slide-in-left {
    -webkit-animation: slide-in-left 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
    animation: slide-in-left 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
}

/**
 * ----------------------------------------
 * animation slide-in-left
 * ----------------------------------------
 */
@-webkit-keyframes slide-in-left {
    0% {
        -webkit-transform: translateX(-1000px);
        transform: translateX(-1000px);
        opacity: 0;
    }

    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
        opacity: 1;
    }
}

@keyframes slide-in-left {
    0% {
        -webkit-transform: translateX(-1000px);
        transform: translateX(-1000px);
        opacity: 0;
    }

    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
        opacity: 1;
    }
}

.flip-out-hor-top {
    -webkit-animation: flip-out-hor-top 0.45s cubic-bezier(0.550, 0.085, 0.680, 0.530) both;
    animation: flip-out-hor-top 0.45s cubic-bezier(0.550, 0.085, 0.680, 0.530) both;
}

/**
 * ----------------------------------------
 * animation flip-out-hor-top
 * ----------------------------------------
 */
@-webkit-keyframes flip-out-hor-top {
    0% {
        -webkit-transform: rotateX(0);
        transform: rotateX(0);
        opacity: 1;
    }

    100% {
        -webkit-transform: rotateX(70deg);
        transform: rotateX(70deg);
        opacity: 0;
    }
}

@keyframes flip-out-hor-top {
    0% {
        -webkit-transform: rotateX(0);
        transform: rotateX(0);
        opacity: 1;
    }

    100% {
        -webkit-transform: rotateX(70deg);
        transform: rotateX(70deg);
        opacity: 0;
    }
}

.flip-out-ver-left {
    -webkit-animation: flip-out-ver-left 0.45s cubic-bezier(0.550, 0.085, 0.680, 0.530) both;
    animation: flip-out-ver-left 0.45s cubic-bezier(0.550, 0.085, 0.680, 0.530) both;
}

/**
 * ----------------------------------------
 * animation flip-out-ver-left
 * ----------------------------------------
 */
@-webkit-keyframes flip-out-ver-left {
    0% {
        -webkit-transform: rotateY(0);
        transform: rotateY(0);
        opacity: 1;
    }

    100% {
        -webkit-transform: rotateY(-70deg);
        transform: rotateY(-70deg);
        opacity: 0;
    }
}

@keyframes flip-out-ver-left {
    0% {
        -webkit-transform: rotateY(0);
        transform: rotateY(0);
        opacity: 1;
    }

    100% {
        -webkit-transform: rotateY(-70deg);
        transform: rotateY(-70deg);
        opacity: 0;
    }
}

.flip-in-ver-right {
    -webkit-animation: flip-in-ver-right 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
    animation: flip-in-ver-right 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
}

/**
 * ----------------------------------------
 * animation flip-in-ver-right
 * ----------------------------------------
 */
@-webkit-keyframes flip-in-ver-right {
    0% {
        -webkit-transform: rotateY(-80deg);
        transform: rotateY(-80deg);
        opacity: 0;
    }

    100% {
        -webkit-transform: rotateY(0);
        transform: rotateY(0);
        opacity: 1;
    }
}

@keyframes flip-in-ver-right {
    0% {
        -webkit-transform: rotateY(-80deg);
        transform: rotateY(-80deg);
        opacity: 0;
    }

    100% {
        -webkit-transform: rotateY(0);
        transform: rotateY(0);
        opacity: 1;
    }
}

.table-borderless td, .table-borderless th {
    border: none !important;
}
/**
 * ----------------------------------------
 * animation loaders
 * ----------------------------------------
 **/

:root {
    --loadersBlue: #2862F2;
    --loadersLightBlue: #00C4DF;
    --loaderGreen: #0CC060;
    --loaderPurple: #6C48D2;
    --loaderNavy: #061848;
    --loaderOrange: #FE5A00;
}

.cube-loader-container {
    position: relative;
    perspective: 120px;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

    .cube-loader-container #cube {
        width: 30px;
        height: 30px;
        position: absolute;
        transform-style: preserve-3d;
    }

        .cube-loader-container #cube div {
            margin: 0;
            width: 30px;
            height: 30px;
            display: block;
            position: absolute;
        }

        .cube-loader-container #cube .front {
            transform: rotateY(0deg) translateZ(15px);
            background-color: var(--loadersBlue);
        }

        .cube-loader-container #cube .back {
            transform: rotateX(180deg) translateZ(15px);
            background-color: var(--loadersLightBlue);
        }

        .cube-loader-container #cube .right {
            transform: rotateY(90deg) translateZ(15px);
            background-color: var(--loaderGreen);
        }

        .cube-loader-container #cube .left {
            transform: rotateY(-90deg) translateZ(15px);
            background-color: var(--loaderPurple);
        }

        .cube-loader-container #cube .top {
            transform: rotateX(90deg) translateZ(15px);
            background-color: var(--loaderNavy);
        }

        .cube-loader-container #cube .bottom {
            transform: rotateX(-90deg) translateZ(15px);
            background-color: var(--loaderOrange);
        }

    .cube-loader-container #cube {
        transform: translateZ(-15px);
    }

@keyframes rubrik {
    0% {
        transform: rotateY(0) rotateZ(0) rotateX(0);
    }

    16.6% {
        transform: rotateY(90deg) rotateZ(0) rotateX(0);
    }

    33.2% {
        transform: rotateY(90deg) rotateZ(90deg) rotateX(0);
    }

    49.8% {
        transform: rotateY(90deg) rotateZ(180deg) rotateX(0);
    }

    66.4% {
        transform: rotateY(180deg) rotateZ(180deg) rotateX(0);
    }

    83% {
        transform: rotateY(180deg) rotateZ(180deg) rotateX(-90deg);
    }

    100% {
        transform: rotateY(180deg) rotateZ(180deg) rotateX(-180deg);
    }
}

.cube-loader-container #cube {
    animation: rubrik 4s infinite cubic-bezier(0.68, -0.55, 0.265, 1.55);
}

.circle-loader-container {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

    .circle-loader-container .donut {
        position: relative;
        width: 50px;
        height: 50px;
        perspective: 500px;
    }

    .circle-loader-container .ring1 {
        position: absolute;
        width: 80%;
        height: 80%;
        border: 6px solid transparent;
        border-radius: 50% !important;
        border-top-color: var(--loadersBlue);
        border-bottom-color: var(--loadersBlue);
        border-left-color: var(--loadersBlue);
        animation: rotate 3s linear infinite, change-colors 6s linear infinite;
    }

    .circle-loader-container .ring2 {
        position: absolute;
        width: 40%;
        height: 40%;
        border: 5px solid transparent;
        border-radius: 50% !important;
        border-top-color: var(--loadersLightBlue);
        border-bottom-color: var(--loadersLightBlue);
        border-left-color: var(--loadersLightBlue);
        top: 10px;
        left: 10px;
        animation: rotate_anti 1s linear infinite, change-colors 6s linear infinite;
    }

@keyframes rotate {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

@keyframes rotate_anti {
    0% {
        transform: rotate(360deg);
    }

    100% {
        transform: rotate(0deg);
    }
}

@keyframes change-colors {
    0% {
        border-top-color: var(--loadersBlue);
        border-bottom-color: var(--loadersBlue);
        border-left-color: var(--loadersBlue);
    }

    25% {
        border-top-color: var(--loadersLightBlue);
        border-bottom-color: var(--loadersLightBlue);
        border-left-color: var(--loadersLightBlue);
    }

    50% {
        border-top-color: var(--loaderGreen);
        border-bottom-color: var(--loaderGreen);
        border-left-color: var(--loaderGreen);
    }

    75% {
        border-top-color: var(--loaderPurple);
        border-bottom-color: var(--loaderPurple);
        border-left-color: var(--loaderPurple);
    }

    100% {
        border-top-color: var(--loadersBlue);
        border-bottom-color: var(--loadersBlue);
        border-left-color: var(--loadersBlue);
    }
}


.bar-loader-container {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

@-webkit-keyframes bar1 {
    0%, 100% {
        height: 1.1em;
        background-color: var(--loadersBlue);
    }

    50% {
        height: 2.7em;
        background-color: var(--loadersBlue);
    }
}

@keyframes bar1 {

    0%, 100% {
        height: 1.1em;
        background-color: var(--loadersBlue);
    }

    50% {
        height: 2.7em;
        background-color: var(--loadersBlue);
    }
}

@-webkit-keyframes bar2 {

    0%, 100% {
        height: 1.5em;
        background-color: var(--loadersLightBlue);
    }

    50% {
        height: 2em;
        background-color: var(--loadersLightBlue);
    }
}


@keyframes bar2 {

    0%, 100% {
        height: 1.5em;
        background-color: var(--loadersLightBlue);
    }

    50% {
        height: 2em;
        background-color: var(--loadersLightBlue);
    }
}

@-webkit-keyframes bar3 {

    0%, 100% {
        height: 2em;
        background-color: var(--loaderGreen);
    }

    50% {
        height: 1.5em;
        background-color: var(--loaderGreen);
    }
}

@keyframes bar3 {

    0%, 100% {
        height: 2em;
        background-color: var(--loaderGreen);
    }

    50% {
        height: 1.5em;
        background-color: var(--loaderGreen);
    }
}

@-webkit-keyframes bar4 {

    0%, 100% {
        height: 2.7em;
        background-color: var(--loaderPurple);
    }

    50% {
        height: 1.1em;
        background-color: var(--loaderPurple);
    }
}

@keyframes bar4 {

    0%, 100% {
        height: 2.7em;
        background-color: var(--loaderPurple);
    }

    50% {
        height: 1.1em;
        background-color: var(--loaderPurple);
    }
}

.loader {
    display: inline-block;
    line-height: 5em;
}

    .loader::before,
    .loader::after {
        -webkit-animation-duration: 2s;
        animation-duration: 2s;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
        -webkit-animation-iteration-count: infinite;
        animation-iteration-count: infinite;
        border-radius: 0.5em;
        content: "";
        display: inline-block;
        width: 1em;
    }

    .loader::before {
        background-color: lightgrey;
    }

.loader1::before {
    -webkit-animation-name: bar1;
    animation-name: bar1;
    margin-right: 0.3em;
}

.loader1::after {
    -webkit-animation-name: bar2;
    animation-name: bar2;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    margin-right: 0.3em;
}

.loader2::before {
    -webkit-animation-name: bar3;
    animation-name: bar3;
    margin-right: 0.3em;
}

.loader2::after {
    -webkit-animation-name: bar4;
    animation-name: bar4;
}

/* Multi-purpose disabled styles*/
.pulse-disabled {
    opacity: 50%;
}

.pulse-disabled, .pulse-disabled-input {
    pointer-events: none;
}

.pulse-pill {
    display: inline-block;
    background-color: #00000017;
    border-radius: 5px !important;
    color: #000000AB;
    padding: 4px;
}

.pulse-flat-pill {
    display: inline-block;
    background-color: #00000017;
    border-radius: 5px !important;
    color: #000000AB;
    padding: 0 4px;
}

.pulse-form-inputs-container {
    display: flex;
    flex-direction: row;
}

@media(max-width: 768px) {
    .pulse-form-inputs-container {
        flex-direction: column;
    }
}

/* Custom radio */

input[type='radio'].pulse-radio-v2-j {
    position: relative;
    display: inline-block;
    visibility: hidden;
    margin-right: 3px;
}

    input[type='radio'].pulse-radio-v2-j:before {
        content: "";
        position: absolute;
        border: 1px solid #000000AB;
        bottom: 2px;
        left: 0;
        height: 14px;
        width: 14px;
        border-radius: 14px;
        visibility: visible;
    }

    input[type='radio'].pulse-radio-v2-j:checked:before {
        content: "";
        position: absolute;
        border: 4px solid #2862F2;
        bottom: 2px;
        left: 0;
        height: 14px;
        width: 14px;
        border-radius: 14px;
        visibility: visible;
    }

.widget {
    padding: 16px !important;
    margin-bottom: 38px;
    background-color: #FFFFFF;
    border: 1px solid #00000021 !important;
    border-radius: 10px !important;
    box-shadow: 0px 0px 25px #2458D90D;
}

.widget-body {
    padding: 8px;
}

.widget-title {
    background: #fff;
}

.widget.green .widget-title {
    background: #fff;
}

.widget.blue .widget-title {
    background: #fff;
}

.widget.purple .widget-title {
    background: #fff;
}

.widget.yellow .widget-title {
    background: #fff;
}

.widget.orange .widget-title {
    background: #fff;
}

.widget.red .widget-title {
    background: #fff;
}

.widget-title > h4 {
    font-size: 16px;
    color: #000000DE;
    font-family: CentraNo2-bold;
}

.widget-title span.tools > a {
    color: #000000DE;
}

.link-box {
    border-radius: 5px !important;
}

.panel-heading > h4 {
    font-size: 16px;
    color: #000000DE;
    font-family: CentraNo2-bold;
}

.panel-default {
    padding: 16px !important;
    margin-bottom: 38px;
    background-color: #FFFFFF;
    border: 1px solid #00000021 !important;
    border-radius: 10px !important;
    box-shadow: 0px 0px 25px #2458D90D;
}

    .panel-default > .panel-heading {
        background: #fff;
        border-color: #fff;
    }

.RadDock_Metro .rdMiddle .rdCenter, .RadDock_Metro .rdBottom .rdCenter {
    background-color: transparent !important;
}


/* Apply 5px border-radius to .btn-x outside of .btn-group */
:not(.btn-group) .btn-primary, :not(.btn-group) .btn-success, :not(.btn-group) .btn-info, :not(.btn-group) .btn-warning, :not(.btn-group) .btn-danger,
:not(.btn-group) .btn-inverse, :not(.btn-group) .btn-default, :not(.btn-group) .btn-edit {
    border-radius: 5px !important;
}

/* Reset border-radius for .btn-x inside .btn-group */
.btn-group .btn-primary {
    border-radius: 5px 0px 0px 5px !important;
}

.btn-group .btn-success, .btn-group .btn-info, .btn-group .btn-warning, .btn-group .btn-danger, .btn-group .btn-inverse, .btn-group .btn-default,
.btn-group .btn-edit {
    border-radius: 5px !important;
}

.btn-group > .btn:last-child:not(:first-child):not(.grid-icon),
.btn-group > .dropdown-toggle:not(:first-child):not(.grid-icon) {
    height: 33px !important;
    border-radius: 0 5px 5px 0 !important;
}

.btn-group > .btn:first-child:not(.pulse-btn-clear),
.btn-group > .dropdown-toggle:first-child {
    border-radius: 5px 0 0 5px !important;
}


.command-item-well {
    min-height: 20px;
    padding: 16px 0;
    margin-bottom: 20px;
}

.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
    background-color: #f7f8fa !important;
    border-radius: 5px 5px 0 0 !important;
}

.metro-nav .metro-nav-block{
    border-radius:10px !important;
}

.vue-slider-wrap .vue-slider {
    color: #00000091;
    border-radius: 10px !important;
    background-color: #00000017 !important;
}

.vue-slider-piecewise li .vue-slider-piecewise-dot {
    visibility: hidden !important;
}

.vue-slider-dot {
    border-radius: 50% !important;
}

.loginPopup {
    box-shadow:none;
}

.loginPopup .ui-dialog-titlebar {
    display:none;
}

.panel-hover-blue:hover {
    background-color: #2862F21A !important;
}

.unified-search-box {
    border: 1px #3333331A solid;
    border-radius: 5px !important;
}

.unified-search-btn {
    background: #00000017 !important;
    color: #000000DE !important;
    border-radius: 5px 0 0 5px!important;
}

.unified-search-input {
    margin: 0 !important;
    background: #00000017 !important;
}

.vue-search-box-form > div > input[type=text], .vue-search-box > div > input[type=text] {
    border-radius: 0 5px 5px 0 !important;
}

.vue-search-box-form.focus > .vue-search-results {
    border-radius: 5px !important;
}

    .vue-search-box-form.focus > .vue-search-results > a:hover {
        background: #00000017 !important;
        color: #000000DE !important;
    }


.onboarding-dashboard-portal-task-block {
    padding-top: 12px;
    padding-bottom: 12px;
    padding-left: 12px;
}


.onboarding-dashboard-portal-task-icon {
    color: #E53935;
    font-size: 18px;
    margin-left: 15px;
}

.onboarding-dashboard-portal-task-title {
    font-size: 12px;
    color: #BDBDBD;
    position: absolute;
    padding-left: 11px;
    font-weight: 600;
}

.security-edit-notification {
    max-width: 625px;
}
.main {
    padding-right: 40px;
    padding-left: 40px;
    margin-left: 180px;
}

.main .page-header {margin-top: 0;}
.initialsLabel {display: none !important;}

@media (max-width: 767px) {
  .main {margin-left: 0px;}
  .initialsLabel {display: inline !important; margin-left: 0 !important;}
  .fullUsernameLabel {display: none !important;}
}

.toggle-icon {
    font-family: 'Font Awesome 5 Pro';
    transition: transform ease-out 0.2s;
    font-size: 0.6em;
    transform: rotate(-90deg);
    display: inline-block;
    font-style: normal;
    margin-top: -0.2em;
    padding: 0 4px;
}

    .toggle-icon:before {
        content: "\f078";
    }

    .toggle-icon.hover:hover, .toggle-icon.active {
        transform: rotate(0);
        transition: all ease-out 0.2s;
    }

#appsDiv {
    display: none;
    color: white;
    top: 0;
    left: 0;
    margin-top: 55px;
    background-color: rgb(39, 39, 39);
    background-color: rgba(0, 0, 0, 0.8);
    z-index: 10000;
    position: fixed;
    bottom: 0;
    right: 0;
    overflow: auto;
}
@media (max-width: 1024px) {
    .sidebar {display: none !important;}
    .btn-navbar {display: inline-block !important;}
    .sidebar-scroll {background-color: transparent !important; position: fixed !important; top: 0}
    #sidebar {margin-top: 60px !important;}
    #topleftcornerlogo {display: none !important;}
}

@media (min-width: 1025px) {
    #sidebar {
        display: block !important;
        margin-top: 55px;
    }
}

.sidebar {
    position: fixed;
    top: 50px;
    bottom: 0;
    left: 0;
    z-index: 1000;
    display: block;
    padding: 20px 10px 20px 10px;
    overflow-x: hidden;
    overflow-y: auto;
    background-color: #404040;
    width: 180px;
    border-right: 1px solid #eee;
    font-size: 13px;
}

.nav-sidebar {
  margin-bottom: 20px;
}

.nav-sidebar-header-top > a > .arrow {
    float: right;
    font-family: Webdings;
}

.nav-sidebar-header-top > a > .arrow:before {
    content: "3";
}

.nav-sidebar-header-top.down > a > .arrow:before {
    content: "6" !important;
}

.nav-sidebar .Header{
    background-color: #505050;
    border-top: 1px solid #404040;
}

.nav-sidebar .Header > a
{
    color: white;
    padding: 6px 10px;
}

.nav-item-sub:hover {
    background-color: #606060;
}

.nav-item-sub {
    background-color: #404040;
    padding-left: 10px;
}

.nav-item-sub.selected {
    background-color: #505050;
}

.nav-item {
    transition-duration: 150ms;
    transition-property: background;
}

.nav-sidebar > li > a {
  padding-right: 5px;
  padding-left: 5px;
}

.nav-sidebar .Header > a:hover,
.nav-sidebar > .active > a:hover,
.nav-sidebar > .active > a:focus {
  color: #fff;
  background-color: #505050;
}

.nav-collapse.collapse.in {
    height: auto !important;
}

.btn-navbar {
    width: 55px;
    height: 55px;
    margin: 0 !important;
    padding: 12px !important;
    background: rgb(75, 125, 174) !important;
}

.navbar .btn-navbar .icon-bar {
    width: 100% !important;
    border-bottom: 2px solid rgba(0,0,0,0.25);
    height: 4px !important;
}

#notifyIcon, #myPulseIcon {
    width: 55px;
    height: 55px;
    z-index: 1031;
    padding: 14px;
    line-height: 40px;
    cursor: pointer;
    position: relative;
}

#userIcon {
    display: inline-block;
    height: 55px;
    z-index: 1031;
    padding: 12px;
    line-height: 26px;
    cursor: pointer;
    background-color: transparent !important;
}

#userDropdown {
    right: 0; left: auto; top: 55px;
}

#notifyIcon:hover, #myPulseIcon:hover, #userIcon:hover, #userIcon:focus, .app-menu:hover {
    background-color: rgb(75, 125, 174);
}

#userDropdown > #userIcon, #userDropdown > li > #userIcon {
    display: none;
    pointer-events: none;
}
.notifications-modal #modal-container-wrapper .modal-container-v2 .modal-header-v2>h4{
    font-family: 'CentraNo2-bold' !important;
}

.notificationPanel {
    max-width: 1000px;
    width: 75% !important;
    min-width: 650px;
    position: fixed !important;
    top: 30px !important;
    bottom: 30px;
}

#notifyPanel {
    border: none;
    padding: 0;
    height: calc(100% - 60px) !important;
}

#notifyContent {
    padding: 0 20px;
    margin: 20px 0 0 0;
    width: 100%;
    overflow-y: auto;
    height: 100%;
}

#notifyContentCompose {height: 120px;}

.notify-msg-title {
    font-weight: bold;
    font-size: 18px;
}

.notify-form-field {margin: 0 0 12px;}
.notify-form-field textarea, .notify-form-field input, #notifyList table, #notifyCompose {width: 100%;}
#notifyDetail, #notifyComposeCommandBar, #notifyDetailCommandBar, #notifyCompose {display: none;}
.notify-form-field select {width: 260px;}

#notifyCommandBar {
    position: absolute;
    bottom: 10px;
    left: 15px;
}

    #notifyCommandBar button {
        margin-bottom: 5px;
    }

    #notifyList table tbody tr td a {
        color: #006CA6;
        text-decoration: none;
    }

        #notifyList table tbody tr td a:hover {
            color: #cc0000;
            text-decoration: none;
            font-weight: normal;
            cursor: pointer;
        }

#notifyCloseBar {
    position: absolute;
    bottom: 0px;
    right: 15px;
    padding: 0 0 15px 0px;
}

/* Message Preview styles */

.messages:hover {
    background-color: #00000017;
    border-radius: 5px !important;
    cursor: pointer;
}
.message-hover {
    background-color: #00000017;
    border-radius: 5px !important;
    cursor: pointer;
}  
.recent{
    color:#212121;
    font-weight: bold;
}
.message-content:hover{
    cursor:pointer;
}

.messages {
    display: flex;
    position: relative;
    padding: 8px 0;
}

.checkbox-area:hover .message-avatar{
    cursor: pointer;
    opacity: 0;   
}
.message-checkbox{
    position: absolute;
    top: 30px;
    left: 18px;
} 
.checkbox-area:hover .message-checkbox{
    cursor: pointer;
    opacity: 1;
    z-index: 1;  
}       

.checkbox-area input[type="checkbox"]:checked ~ .message-avatar{
    opacity: 0;    
}

.announcement-margin{
    margin: 0px 16px;
}

.redd-dot {
    height: 12px;
    width: 12px;
    background-color: red;
    position: absolute;
    bottom:45px;
    left:38px;   
    border-radius: 50% !important;
    display: inline-block;
    border: 2px white solid;
    z-index: 1;
}
.message-avatar{
    position: absolute;
    width: 40px;
    height: 40px;
    border-radius: 50% !important;
    overflow: hidden;
    margin-left: 8px;
    margin-top: 9px;
} 

.announcement-widget-avatar{
    position: absolute;
    width: 40px;
    height: 40px;
    border-radius: 50% !important;
    overflow: hidden;
    margin-left: 8px;
    margin-top: 9px;
} 

.notification-avatar-image {
    width: 40px;
    height: 40px;
    border-radius: 50% !important;
    overflow: hidden;
}
.unread-message-title {
    margin:0;
    color: #212121;
    font-size: 14px;
    line-height: 18px;
    font-family: 'CentraNo2-bold';
}    
.read-message-title{
    color:black;
}
.message-title {
    display: flex;
    align-items: center;
    margin-left: 65px;
}
.bullhorn-icon {
    color: #2862f2;
    margin-right: 8px;
    font-size: 14px;
    font-weight: 100;
}     
.message-content {
    font-size: 14px;
    color: #000000AB;
    line-height: 20px;
    font-family: "CentraNo2-book";          
    overflow: hidden;
    width:97%;
}
.message-paragraph {
   margin-left:65px
}
.message-by-data {
    display:flex;
    justify-content: space-between;
    font-size: 12px;          
}
 .message-by-data-user {
    margin-left: 65px;
}


/* Announcement Widget Styles  */

.announcement-header {
    display: flex;
    justify-content: space-between;
    padding: 16px 24px;
    font-size: 14px;
    line-height: 18px;
    font-family: "CentraNo2-book";
    align-items: baseline;
}
.recent{
    font-size: 16px;
    color:#212121;
    font-family: "CentraNo2-bold";
}

.empty-announcement{
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    gap: 16px;
}



/*New Notification Styles*/


.notification-preview {
    width: 350px;
    margin-left: -16px;
    background-color: #fff;
    border-radius: 10px !important;
    max-height: 620px;
    height: 620px;
    overflow-y: scroll;
    -ms-overflow-style: none; /*-ms- (Internet Explorer +10):*/
    overflow: -moz-scrollbars-none; /*-moz- (Firefox):*/
    overflow-y: auto;
    padding: 8px;
    z-index:2;
    position:relative;
}

.search-results {
    font-size: 18px;
    color: black;
    font-weight: bold;
    line-height: 23px;
    padding: 16px 8px 8px 21px;
}

/*-webkit- (Chrome, Safari, newer versions of Opera):*/
.notification-preview::-webkit-scrollbar {
    width: 0 !important;
}

.notification-not-open {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 550px;
    flex-direction: column;
    gap: 16px;
}

.notification-not-open-icon {
    font-size: 24px;
    font-weight: 100;
}

.notification-not-open-text {
    margin: 0;
    color: #000000DE;
    font-size: 16px;
    line-height: 19px;
    font-family: "CentraNo2-book";
}


.notification-avatar-list img {
    width: 40px;
    height: 40px;
    border-radius: 50% !important;
    overflow: hidden;
    scrollbar-width: none;
   
}


.notification-avatar-content {
    width: 40px;
    height: 40px;
    border-radius: 50% !important;
    overflow: hidden;
    scrollbar-width: none;
}

.notification-avatar img {
    display: block;
    width: 100%;
}


.notification-content {
    margin: 0;
    font-size: 12px;
    color: #000000AB;
    line-height: 20px;
    font-family: "CentraNo2-book";
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-left: 16px;
    width: 262px;
}

.notification-post {
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-size: 12px;
}


.notification-detail {
    max-height:556px;
    width: 686px;
    background: #fff;
    padding: 24px;
    border-radius: 10px !important;
    box-shadow: 0px 0px 25px #2458D90D;
    margin: 0 0 0 24px;
    overflow-y: scroll;
    -ms-overflow-style: none; /*-ms- (Internet Explorer +10):*/
    overflow: -moz-scrollbars-none; /*-moz- (Firefox):*/
}

.notification-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-bottom: 24px;
}

.notification-header-icon {
    font-size: 18px;
    color: #000000AB;
    font-weight: 100 !important;
    cursor: pointer;
    margin-left: 11px;
}

.notify-msg-title {
    font-weight: bold;
    font-size: 18px;
    line-height: 23px;
    margin-top: -16px;
    width: 608px;
}


.notify-msg-title,
.notify-msg-content {
    font-family: "CentraNo2-book";
    word-wrap: break-word;
    color: #000000DE;
    width: 608px;
}


.notify-msg-content {
    margin-top: 16px;
    font-family: "CentraNo2-book";
    font-size: 14px;
    line-height: 20px;
}

.notification-profile {
    display: flex;
    gap: 10px;
}

.notification-profile-from {
    margin: 0;
    font-size: 14px;
    line-height: 20px;
    color: #000000DE;
    font-weight: bold;
    font-family: "CentraNo2-book";
}

.notification-profile-received {
    margin: 0;
    font-size: 12px;
    line-height: 16px;
    color: #00000091;
    font-family: "CentraNo2-book";
}

.notifications-modal-search-add-container {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
    margin: 10px 24px 0px 24px;
}

.notifications-modal-search-add-container .icon-search:before {
    content: "\f002";
    position: absolute;
    left: 8px;
    top: 8px;
}

.master-detail-list {
    padding: 20px 5%;
}

.notification-chosen {
    width: 86%!important;
    margin-left: -1.2%;
}


@media screen and (min-width: 1201px) {
    .notifications-modal-expanded .notification-preview {
        width: 100%;
        max-height: calc(100vh - 180px);
        height: calc(100vh - 180px);
    }

    .notifications-modal-expanded .notification-detail {
        max-height: calc(100vh - 180px);
        height: calc(100vh - 180px);
        width: 95%;
        margin-left: 0px;
    }
    .notifications-modal-expanded .notifications-modal-search-add-container {
        margin-right: 4%;
    }
    .notifications-modal-expanded .notifications-modal-search-bar .notifications-modal-search-bar-input {
        width: 61%;
    }
    .notifications-modal-expanded .master-detail-list {
        padding: 0;
        margin-top: 20px;
        margin-bottom: 20px;
        margin-left: 3%;
    }
    .notifications-modal-expanded .col-for-large-3 {
        width: 24%;
    }

    .notifications-modal-expanded .col-for-large-9 {
        width: 73%;
    }

    .notifications-modal-expanded
    .notify-msg-title,
    .notify-msg-content {
        width: -webkit-fill-available;
    }
}

@media screen and (max-width: 991px) {
    .notifications-modal-search-bar .notifications-modal-search-bar-input {
        width: 30%;
    }

    .notifications-modal-search-add-container {
        width: 100%;
        display: flex;
        margin:0px;
        padding:16px;
        padding-bottom: 0px;
        justify-content: space-between;
    }

    .notifications-modal-add-button {
        margin-right: 24px;
    }

    .notifications-modal .modal-container{
        width: 694px !important;
    
    }

    #notifyPanel .notification-modal-filter-tags-container{
        width: 100%;
        margin-left:0;
    }

    .master-detail-list{
        padding:0px 15px;  
        margin:0;
    }

    .notification-preview{
        margin:0px;
        width:100%;
    }

    .notification-detail{
       width:100%;
       padding: 16px;
       margin: 0;
       margin-top: -3px;
    }

    .master-detail-row{
        margin:0 -15px;
    }
    
    .notification-wrapper{
        padding:16px;
        padding-right:0px;
        padding-bottom: 0;
    }

    .notification-wrapper-right{
        padding-right:16px;
        padding-top:15px;
    }

    .notify-msg-title, .notify-msg-content{
        width:100%;
    }

    .notification-view{
        padding-left:0px;
        margin-top: -14px;
    }

    .select-all-notifications{
        margin: 50px !important;;
    }

    
    .message-box{
        width:100% !important;
    }

    #notifyPanel .message-box .subject input[type=text] {
        width: 78%!important;
    }

    #notifyPanel .message-box .message textarea {
        width: 78%!important;
        margin-left: 17% !important;
    }

    .current-page-link {
        margin-left: 17% !important;
    }

    .notification-chosen {
        width: 78%!important;
        margin-left:-10px;
    } 
}

@media screen and  (max-width: 767px) {

    .notifications-modal .modal-container{
        width: 100% !important; 
    }

    .recipient, .subject{
        display: block !important;
        width:100%;
    }

    #notifyPanel .message-box .message textarea{
        display: block !important;
        margin: 0 !important;
        min-width: 100%;
    }

    .announcement-check label{
        margin: 0 !important;
        margin-top: 9px !important;
    }

    .notification-chosen{
        margin-left:2px;
        margin-top: 9px;
    }

    #notifyPanel .message-box .subject input[type=text] {
        margin-left:0.5% !important;
        min-width: 100%;
    }

    .new-message-title{
        margin-bottom: 9px;
    }

    .notification-chosen{
        width: 100% !important;
    }
    
    .message-error{
        margin:0 !important;
    }

    .notification-preview{
        margin-left: -9px;
    }

    .notifications-modal-search-bar .notifications-modal-search-bar-input {
        width: 97% !important;
    }

    .notifications-modal-search-add-container {
        display: flex;
        flex-direction: column-reverse;
        gap: 20px;
    }

    .notifications-modal-search-bar{
        width: 100%!important;
    }

    .new-msg-btn{
     margin-left:50%;
    }

    .notification-detail {
        width: 320px;
    }

    .notification-detail-mobile {
        width: 95%;
        margin-left: 5%;
    }

    .back-arrow-mobile{
        padding:22px 36px;
    }

    .modal-footer {
        width: 320px;
    }

    .notification-footer p {
        display: none;
    }

    .notification-box {
        margin-left: 0px;
    }
    .current-page-link {
        margin-left: 0 !important;
    }
    .notification-not-open{
        display: none;
    }
}


@media only screen and (max-width:425px){
    .notifications-modal .modal-container {
        width: 425px !important;
    }
    .notification-detail-mobile {
        margin-left: 26px;
        width: 400px;
    }
    .notification-not-open{
        display: none;
    }
}

@media only screen and (max-width:375px){
    .notifications-modal .modal-container {
        width: 375px !important;
    }
    .notification-detail-mobile {
        width:350px;
        margin-left: 26px;
    }
    .notification-not-open{
        display: none;
    }
}

@media only screen and (max-width:320px){
    .notifications-modal .modal-container {
        width: 320px !important;
    }
    .notification-detail-mobile {
        width: 310px;
        margin-left: 20px;
    }
    .notification-not-open{
        display: none;
    }
}

.hide{
    display:none !important;
}

.notifications-modal-search-bar {
    width: 40%;
    height: 38px;
    margin-bottom: 8px;
    position: relative;
}


.notifications-modal-search-bar .notifications-modal-search-bar-input {
    width: 80%;
    border-radius: 5px !important;
    background-color: #2121211A;
    text-indent: 27px;
}

.notification-modal-filter-tags-container {
    display: flex;
    width: 310px;
    justify-content: flex-start;
    text-align: center;
    color: #000000DE;
    margin-left: 18px;
}

.select-all {
    width: 350px;
    color: #000000AB;
    margin-left: 27px;
    font-family: 'CentraNo2-book';
    display:flex;
    align-items:center
}

.select-all-notifications{
    margin-left:130px;
    cursor: pointer;
}

.n-tag {
    margin-left: 8px;
    height: 32px;
    border: 1px solid #00000017;
    line-height: 16px;
    font-family: "CentraNo2-book";
    font-size: 12px;
    border-radius: 16px !important;
    padding: 12px;
    display: flex;
    align-items: center;
}

    .n-tag:hover, .n-tag.active {
        background: #2862F21A;
        cursor: pointer;
        color: #2862F2;
    }


.message-box {
    width: 1052px;
    height: 451px;
    display: flex;
    flex-direction: column;
    font-family: CentraNo2-book;
    font-size: 14px;
    line-height: 20px;
    color: #000000AB;
    gap: 8px;
}

    .new-message-icon {
        width: 18px;
        height: 14px;
        margin: 0 5px 0 5px;
        font-weight: 100;
    }

    .message-box span {
        width: 65px;
    }

.announcement-check label {
    height: 28px;
    margin-left: 14px;
}

.recipient select {
    margin-left: 50px;
    width: 86%;
    background-color: #00000017;
    border-radius: 5px !important;
    height: 42px;
}

#notifyPanel .message-box .subject input[type=text] {
    margin-left: 54px;
    width:86%;
    border-radius: 5px !important;
    height: 42px;
    margin-top: 9px;
    margin-bottom: 0;
    border:1px solid #00000017 !important;
}

#notifyPanel .message-box .message textarea {
    margin-left: 10.5%;
    width: 86%;
    border-radius: 5px !important;
    height: 300px;
    margin-top: -20px;
    margin-bottom: 0;
    border:1px solid #00000017 !important;
}

.subject input::placeholder, .message textarea::placeholder, .recipient select {
    color: #00000091;
    font-size: 12px;
    font-family: "CentraNo2-book";
    line-height: 16px;
}

.message textarea {
    padding-top: 5px;
}

    .message textarea::placeholder {
        padding-top: 5px;
    }

.new-message-button {
    height: 38px;
    padding: 5px;
    width: 109px;
    background-color: #2862F2;
    border: 0px;
    border-radius: 5px !important;
    color: #fff;
    font-size: 16px;
    line-height: 21px;
    font-weight: 100;
    font-family: "CentraNo2-book";
    position: relative;
    left: 935px;
    top: 100px;
}

.new-message-button-icon {
    font-weight: 100 !important;
}

.recipient {
    display: flex;
}

.notification-chosen .chosen-container-single .chosen-single span {
    color: #00000091;
    line-height: 35px;
    width: auto;
}

#notifyPanel .message-box .notification-chosen .chosen-single i{
    line-height: 35px;
}

.current-page-link{
    margin-left: 10.5%;
}

.read-notification-title {
    font-size: 14px;
    line-height: 18px;
    color: black;
}

.notification-footer {
    display: flex;
    gap: 8px;
    font-size: 16px;
    font-family: CentraNo2-book;
}

.notification-footer-selected {
    display: flex;
    flex-direction: row;
    gap: 5px;
    color: #000000DE;
    line-height: 36px;
}

.message-error {
    color: red;
    font-size: 12px;
    font-family: CentraNo2-book;
    margin-left: 115px;
}

.reached-at-end{
    color: #00000091;
    font-family: CentraNo2-book;
    display: flex;
    justify-content: center;
    padding: 40px;
}

.show-result {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 550px;
    width: 350px;
    flex-direction: column;
    border-radius: 10px !important;
    gap: 16px;
    margin-left: -16px;
    background-color: #fff;
}

/* vibes */

        #notifyPanel .message-box .vibe-message textarea{
    height: 100px !important;
}

.vibe-message-box{
    width: 100% !important;
}
.command-item
{
    margin-bottom: 0;
    border-bottom-width: 0;
    padding: 5px;
    min-height: 30px;
}

    .command-item > *
    {
        font-size: 14px !important;
    }

    .command-item > a,
    .command-item > span.has-tooltip > a
    {
        text-decoration: none !important;
        color: #555 !important;
    }

        .command-item > a:hover,
        .command-item > span.has-tooltip > a:hover
        {
            color: rgb(84, 149, 204) !important;
        }

    .command-item > .separator
    {
        color: #e5e5e5;
        margin-top: -1px;
        margin-left: 3px;
        margin-right: 3px;
    }

    .command-item > .separator.right
    {
        margin-right: 7px;
    }

        .command-item > .separator:before
        {
            content: '|';
        }

    .command-item > .right
    {
        float: right;
    }

    .command-item > .export-error
    {
        color: red;
    }

    .command-item > a > .export-link, .command-item > div > a > .export-link, .command-item > div > ul > li > a > .export-link, .command-item > .export-link
    {
        background-image: url('../../Images/excel.png');
        display: inline-block;
        width: 16px;
        height: 16px;
        margin-bottom: -2px;
    }

.drag-handle {
    cursor: move !important;
    vertical-align: middle !important;
}

.table > tbody > tr > .drag-handle-center {
    text-align: center;
    cursor: move;
    vertical-align: middle;
}

.empty-row {
    color: gray;
    font-family: 'CentraNo2-book';
    font-size: 14px;
}

.table-group-row > td
{
    font-weight: bold;
    line-height: 14px !important;
}

    .table-group-row > td > a
    {
        color: #555;
        text-decoration: none;
        font-weight: bold;
    }

tr.divider > td {
    border-top: 2px solid rgb(101, 101, 101) !important;
}

tr.summary > td {
    font-weight: bold !important;
}

.gridIcon
{
    width:24px!important;
    height:24px!important;
    max-height:inherit!important;
    max-width:inherit!important;
}

.gridIconDelete
{
    width:11px!important;
    height:11px!important;
    max-height:inherit!important;
    max-width:inherit!important;
}

.grid-icon
{
    text-decoration:none !important; 
    color:#555 !important;
    font-size: 16px !important;
    cursor: pointer;
}

    .grid-icon.large {
        font-size: 24px !important;
    }

.grid-icon.view-icon{
    font-size:24px!important;
}
.grid-icon.icon-move {cursor: move;}

.table-striped tbody > tr > td, .table-striped tbody > tr:nth-child(2n+1) > th { background-color: white !important }
.table-striped tbody > tr:nth-child(2n+2) > td, .table-striped tbody > tr:nth-child(2n+1) > th { background-color: #f9f9f9 !important }
.table-advance thead tr th { background-color: #eee !important; }
.table-hover tbody tr:hover > td, .table-hover tbody tr:hover > th { background-color: #f5f5f5 !important }

.table-icon
{
    font-size: 18px;
    cursor: pointer;
}

.table > tbody > tr > .column-icon {
    text-align: center;
    width: 40px;
}

.pager-item {
    margin-top: -10px;
    border: 1px solid #e5e5e5;
    border-top-width: 0;
    padding: 5px;
    min-height: 44px;
}

    .pager-item .pagination {
        margin: 0px;
        float: left;
    }

        .pager-item .pagination ul > li > a, .pagination ul > li > span {
            padding: 5px 12px;
        }

    .pager-item .drop-up {
        width: 70px;
        display: inline-block;
        float: left;
        margin-left: 10px;
    }

    .pager-item .pager-item-count {
        float: right;
        padding: 6px;
    }

.filter-panel {
    font-size: 0;
}

    .filter-panel > div.button-container {
        vertical-align: bottom !important;
        display: inline-block;
    }

        .filter-panel > div.button-container > button {
            margin: 0 8px 8px 0;
        }

    .filter-panel .filter {
        margin: 0 8px 8px 0;
        background: white;
        display: inline-block;
        vertical-align: top;
        border: 1px solid #ddd;
        border-left: 2px solid #4a8bc2;
        position: relative;
        font-size: 14px;
        border-radius: 5px !important;
    }

        .filter-panel .filter.empty {
            border-left-color: #888;
        }

        .filter-panel .filter.changed {
            border-left-color: orange;
        }

        .filter-panel .filter.new-filter {
            border-style: dashed;
            background: white;
            border-left: 1px dashed #ddd;
        }           

        .filter-panel .filter .filter-title {
            padding: 4px 8px;
            font-weight: bold;
            vertical-align: middle;
            display: table;
            width: 100%;
        }

            .filter-panel .filter .filter-title > span {
                display: table-cell;
            }

            .filter-panel .filter .filter-title > a {
                display: table-cell;
                text-decoration: none !important;
                color: #555 !important;
                opacity: 0.4;
                padding-top: 3px;
                width: 20px;
                text-align: right;
            }

                .filter-panel .filter .filter-title > a:hover {
                    opacity: 1;
                }

        .filter-panel .filter .filter-selection {
            background: white;
            display: inline-block;
            min-width: 125px;
            width: 100%;
        }

            .filter-panel .filter .filter-selection .chosen-container > .chosen-single,
            .filter-panel .filter .filter-selection .chosen-container > .chosen-choices {
                border: none;
            }

                .filter-panel .filter .filter-selection .chosen-container > .chosen-choices > .search-choice {
                    margin: 5px 5px 1px 0;
                }

            .filter-panel .filter .filter-selection .chosen-container > .chosen-drop {
                border-top: 1px solid #ddd;
                top: calc(100% + 1px);
            }

            .filter-panel .filter .filter-selection .chosen-container > .chosen-choices li.search-field {
                height: 30px;
            }

            .filter-panel .filter.filter-numeric .filter-selection,
            .filter-panel .filter.filter-date .filter-selection {
                padding-right: 8px !important;
            }

                .filter-panel .filter.filter-numeric .filter-selection .separator,
                .filter-panel .filter.filter-date .filter-selection .separator {
                    display: inline-block;
                    background: #f0f0f0;
                    width: 1px;
                    height: 30px;
                    margin: 0 0 -12px 8px;
                }

            .filter-panel .filter .filter-selection input[type=text] {
                margin: 0 !important;
                border: none !important;
                padding-left: 8px !important;
            }

                .filter-panel .filter.filter-numeric .filter-selection input[type=text], 
                .filter-panel .filter.filter-date .filter-selection input[type=text] {
                    width: 90px;
                    display: inline-block;
                    border-bottom: 1px solid #ddd !important;
                    min-height: 28px;
                    margin-bottom: 2px !important;
                }

                    .filter-panel .filter.filter-numeric .filter-selection input[type=text]:focus, 
                    .filter-panel .filter.filter-date .filter-selection input[type=text]:focus {
                        border-bottom-color: #4a8bc2 !important;
                    }

                .filter-panel .filter.filter-numeric .filter-selection span, 
                .filter-panel .filter.filter-date .filter-selection span {
                    width: 26px;
                    text-align: center;
                    display: inline-block;
                    margin-bottom: 2px;
                    vertical-align: middle;
                }

        .filter-panel .filter .filter-options {
            position: absolute;
            top: 35px;
            right: -1px;
            background: white;
            border: 1px solid #ddd;
            display: none;
            z-index: 501;
            box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
        }
            
            .filter-panel .filter.active .filter-options {
                display: block;
            }

            .filter-panel .filter .filter-options .filter-option {
                padding: 8px;
            }

                .filter-panel .filter .filter-options .filter-option:hover {
                    background: #4a8bc2;
                    color: white;
                }

.table tbody.table-summary tr:first-of-type td {
    border-top-width: 2px;
}

    .table > tbody > tr > td {
        line-height: 1.3 !important;
    }

.table tbody.table-summary td {
    font-weight: bold;
}

table tr.info, table tr.info > td {
    border-color: #bce8f1 !important;
}

    table tr.info > td, .table-striped tbody > tr.info > td,
    .table-striped tbody > tr.info:nth-child(2n+2) > td, .table-hover tbody tr.info:hover > td {
        background-color: #D9EDF7 !important;
        color: #3a87ad !important;
    }

table tr.success, table tr.success > td {
    border-color: #d6e9c6 !important;
}

    table tr.success > td, .table-striped tbody > tr.success > td,
    .table-striped tbody > tr.success:nth-child(2n+2) > td, .table-hover tbody tr.success:hover > td {
        background-color: #dff0d8 !important;
        color: #468847 !important;
    }

table tr.danger, table tr.danger > td {
    border-color: #eed3d7 !important;
}

    table tr.danger > td, .table-striped tbody > tr.danger > td,
    .table-striped tbody > tr.danger:nth-child(2n+2) > td, .table-hover tbody tr.danger:hover > td {
        background-color: #f2dede !important;
        color: #b94a48 !important;
    }

table tr.warning, table tr.warning > td {
    border-color: #fbeed5 !important;
}

    table tr.warning > td, .table-striped tbody > tr.warning > td,
    .table-striped tbody > tr.warning:nth-child(2n+2) > td, .table-hover tbody tr.warning:hover > td {
        background-color: #fcf8e3 !important;
        color: #c09853 !important;
    }

.filterbox {
    padding:1px 0px;
}

    .filterbox .icon-sign-blank {
        font-weight: 900;
    }
    
.filterbox .progress  {
    height: 20px;
    margin-bottom: 0px !important; 
    margin-top: 2px;
}
.filterbox .progress .progress-bar {
    font-weight: bolder;
    border-left: 1px solid #555;
    border-right: 1px solid #555;
}
.filterbox .progress .sr-only {
    position: relative;
     
}
.selectedStatus {
    border-top: 3px solid #ffa500 ;
}

.form-status-box.mini {
    margin: -5px auto;
}
.form-status-box.icon-stack {
    top:-1px;
}
.form-status-box {
    display: inline-block;
    width: 30px;
    height: 30px;
    color: #888;
    color: white;
    text-align: center;
    line-height: 30px;
    font-weight: bold;
    cursor: pointer;
    margin-bottom: 3px;
}

    .well .form-status-box > .icon-stack {
        line-height: 28px;
    }

    .form-status-box > .icon-stack > .icon-2x {
        font-size: 20px !important;
    }

    .form-status-box > .icon-stack > .icon-1x {
        top: 7px;
        left: 5px;
        font-size: 18px !important;
        color: #555;
    }

    .form-status-box.legend {
        width: 14px;
        height: 14px;
        cursor: default;
        margin-top: -5px;
    }

    .form-status-box.project-title {
        cursor: default;
        margin-right: 4px;
        height: 18px;
        margin-top: -5px;
    }

        .form-status-box.project-title > .icon-stack > .icon-2x {
            font-size: 16px !important;
        }

        .form-status-box.project-title > .icon-stack > .icon-1x {
            font-size: 14px !important;
            top: 5px;
            left: 4px;
        }

    .form-status-box > .icon-stack > .icon-2x {
        color: #555;
    }

    .form-status-box > .icon-stack > .icon-2x.icon-file-alt {
        color: #bbb;
    }

    .form-status-box > .icon-stack > .icon-1x, .form-status-box.legend i {
        color: #555;
    }

    .form-status-box.in-progress > .icon-stack > .icon-2x, .form-status-box.in-progress.legend i, .form-status-box.in-progress > .icon-stack > .icon-1x {
        color: #428bca;
    }

    .form-status-box.approved > .icon-stack > .icon-1x, .form-status-box.approved.legend i {
        color: #5cb85c;
    }

    .form-status-box.rejected > .icon-stack > .icon-1x, .form-status-box.rejected.legend i {
        color: #d9534f;
    }

    .form-status-box.awaiting-approval > .icon-stack > .icon-1x, .form-status-box.awaiting-approval.legend i {
        color: #f0ad4e;
    }

    .form-status-box > .icon-stack > .icon-1x.icon-lock {
        color: #333 !important;
    }

@media (max-width: 767px) {
    .responsive-table {
        width: 100%;
        margin-bottom: 1.5em;
        overflow-x: auto;
        overflow-y: hidden;
    }

        .responsive-table thead {
            display: none !important;
        }

        .responsive-table tbody, .responsive-table tr, .responsive-table th, .responsive-table td {
            display: block !important;
            padding: 0 !important;
            text-align: left;
            white-space: normal;
            font-size: 14px !important;
        }

        .responsive-table tbody .tooltip {
            display: none !important;
        }

        .responsive-table th, .responsive-table td {
            padding: .5em !important;
            vertical-align: middle;
        }

        .responsive-table tbody tr {
            border: 1px solid #e5e5e5;
            border-top: 0;
            background: #f5f5f5;
            padding: 15px 15px 0px 15px !important;
            position: relative;
            box-shadow: inset 0 -5px 5px -5px rgba(0, 0, 0, 0.1);
        }

            .responsive-table tbody tr:first-of-type {
                border-top: 1px solid #e5e5e5;
            }

            .responsive-table tbody tr td {
                padding: .75em 0 !important;
                display: none !important;
            }

            .responsive-table tbody tr.success,
            .responsive-table tbody tr.info,
            .responsive-table tbody tr.warning,
            .responsive-table tbody tr.danger {
                padding: 0 !important;
            }

                .responsive-table tbody tr.success td,
                .responsive-table tbody tr.info td,
                .responsive-table tbody tr.warning td,
                .responsive-table tbody tr.danger td {
                    display: block !important;
                    padding: 0.75em !important;
                }

            .responsive-table tbody tr td.mobile, .responsive-table tbody tr td.mobile-only {
                max-height: 0;
                transition: max-height 0.3s, padding 0.3s;
                overflow: hidden;
                padding: 0 !important;
                width: 100% !important;
                text-align: left !important;
            }

                .responsive-table tbody tr.shown td.mobile, .responsive-table tbody tr.shown td.mobile-only {
                    display: block !important;
                }

                .responsive-table tbody tr.expanded td.mobile, .responsive-table tbody tr.expanded td.mobile-only {
                    max-height: 600px;
                    overflow: visible;
                    padding: .75em 0 !important;
                }

            .responsive-table tbody tr td.command {
                display: block !important;
                position: absolute;
                top: 0px;
                background: rgba(255, 255, 255, 0.75);
                padding: 0 !important;
                width: 46px !important;
                text-align: center;
                border: none !important;
                line-height: 25px;
                height: 50px;
                vertical-align: middle;
            }

                    .responsive-table tbody tr td.command.command-button {
                        width: auto !important;
                        padding: 5px !important;
                    }

                        .responsive-table tbody tr td.command.command-button > button,
                        .responsive-table tbody tr td.command.command-button > input[type=button],
                        .responsive-table tbody tr td.command.command-button > a {
                            padding: 8px 10px !important;
                        }

                    .responsive-table tbody tr td.command:before {
                        content: none !important;
                    }

                    .responsive-table tbody tr td.command > a,
                    .responsive-table tbody tr td.command > img,
                    .responsive-table tbody tr td.command > div {
                        padding: 15px !important;
                        display: block;
                    }

                        .responsive-table tbody tr td.command > a.grid-icon.large {
                            padding: 8px !important;
                        }

                        .responsive-table tbody tr td.command img {
                            margin-top: -8px;
                        }

                        .responsive-table tbody tr td.command > div.pulse-check {
                            padding-top: 16px !important;
                        }

                    td.command {
                        right: 10px;
                    }

                        td.command ~ td.command {
                            right: 56px;
                        }

                            td.command ~ td.command ~ td.command {
                                right: 102px;
                            }

                                td.command ~ td.command ~ td.command ~ td.command {
                                    right: 148px;
                                }

                                    td.command ~ td.command ~ td.command ~ td.command ~ td.command {
                                        right: 194px;
                                    }

                                        td.command ~ td.command ~ td.command ~ td.command ~ td.command ~ td.command {
                                            right: 240px;
                                        }

                    td.mobile, td.mobile-only {
                        padding: .75em 0 !important;
                    }

                        td.mobile ~ td.mobile, 
                        td.mobile ~ td.mobile-only,
                        td.mobile-only ~ td.mobile, 
                        td.mobile-only ~ td.mobile-only {
                            padding: 0 0 .75em 0 !important;
                            margin-top: -3px;
                        }

            .responsive-table tbody tr td.title,
            .responsive-table tbody tr td.separator {
                display: block !important;
                margin: -15px -15px 0px -15px !important;
                padding: 15px !important;
                background: white;
                font: 1.2em 'CentraNo2-book' !important;
                width: calc(100% + 30px) !important;
                box-shadow: 0 2px 1px rgba(0, 0, 0, 0.1)
            }

    .responsive-table > tbody > tr > td.title {
        padding-left: 50px !important;
    }

        .responsive-table > tbody > tr > td > .responsive-text {
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
            width: 60%;
        }

        .responsive-table .title > a {
            color: #555 !important;
            text-decoration: none !important;
        }

    .responsive-table .view-link {
        display: block !important;
        position: absolute;
        top: 0;
    }

        .responsive-table .view-link > a {
            color: #555 !important;
            text-decoration: none !important;
            float: left;
            width: 50px;
            height: 50px;
            line-height: 50px;
            margin-top: -12px;
            margin-left: -15px;
            text-align: center;
            font-size: 24px !important;
        }

            .responsive-table .view-link .icon-stack {
                vertical-align: top;
                margin-top: 1px;
            }

            .responsive-table tbody tr td.separator {
                background: #C9C9C9;
                padding: 24px 15px !important;
                font-size: 1.4em !important;
            }

            .responsive-table tbody tr:last-of-type {
                margin-bottom: 0;
            }

        .responsive-table tbody th {
            background-color: #4A8BC2 !important;
            color: white;
        }

        .responsive-table tbody td[data-title]:before {
            content: attr(data-title) ':' !important;
            font-size: .8em;
            font-weight: bold;
            margin-right: 6px;
        }

    .responsive-table tbody td[data-title]:before {
        font-size: 14px !important;
    }

    .responsive-table th, .responsive-table td {
        padding: .75em .5em;
    }
}

@media (max-width: 61em) {
    .responsive-table {
        font-size: 12px !important;
    }

        .responsive-table thead {
            position: relative;
            clip: auto;
            height: auto;
            width: auto;
            overflow: auto;
        }

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

        .responsive-table th, .responsive-table td {
            display: table-cell;
            padding: .5em;
        }

        .responsive-table caption {
            font-size: 1.5em;
        }

        .responsive-table tbody {
            display: table-row-group;
        }

            .responsive-table tbody tr {
                display: table-row;
                border-width: 1px;
            }

                .responsive-table tbody tr:nth-of-type(even) {
                    background-color: rgba(94, 93, 82, 0.1);
                }

            .responsive-table tbody th {
                display: none;
            }

            .responsive-table tbody td[data-title]:before {
                content: none;
            }
}

@media (min-width: 74em) {
    .responsive-table {
        font-size: 14px !important;
    }

        .responsive-table th, .responsive-table td {
            padding: .75em .5em;
        }
}

.responsive-table th, .responsive-table td {
    padding: .75em;
}

.responsive-table tbody td {
    display: table-cell;
}

    .responsive-table tbody td.view-link > a {
        color: #555 !important;
        text-decoration: none !important;
    }

    .responsive-table tbody td.mobile-only,
    .responsive-table tbody td.title,
    .responsive-table tbody td.separator {
        display: none;
    }

.disabled-responsive-table tbody td.mobile-only,
.disabled-responsive-table tbody td.title,
.disabled-responsive-table tbody td.separator {
    display: none !important;
}

.pseudo-table-row {
    border-style: solid;
    border-width: 0 1px 1px 1px;
    border-color: #e5e5e5;
    padding: 8px;
    font-family: ' CentraNo2-book';
    color: gray;
}

.column-resize-handle {
    border-color: #4A8BC2 transparent transparent transparent;
    border-style: solid;
    border-width: 17px;
    margin-left: -12px;
    position: absolute;
}

.unresizable-table .JCLRgrips {
    display: none;
}

.grid-cell .pulse-check {
    margin: 0px;
    height: auto;
}

.table > tbody > tr > td > .far.fa-edit.disabled, .icon-ellipsis-horizontal.disabled {
    pointer-events: none;
    cursor: default;
    color: #D3D3D3 !important;
}

/*--------------------------------------------------------------------------------------STYLE v2-----------------------------------------------------------*/
.command-item-v2 {
    min-height: 30px;
    margin-bottom: 8px;
    margin-left: 0;
}

    .command-item-v2 .filter-toggle {
        margin-right: 1rem;
        font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
    }

    .command-item-v2 .pager-page-number, .command-item-v2 .settings-link {
        line-height: 1.8;
    }

    .command-item-v2 .pagination {
        margin: 0 1rem !important;
    }

.command-item-v2 > * {
    font-size: 14px !important;
}

    .command-item-v2 > a,
    .command-item-v2 > span.has-tooltip > a {
        text-decoration: none !important;
        color: #2862F2 !important;
    }

        .command-item-v2 > a:hover,
        .command-item-v2 > span.has-tooltip > a:hover {
            color: #2458D9 !important;
        }
        
    .command-item-v2 > .separator.right
    {
        margin-right: 7px;
    }

    
    .command-item-v2 > .right {
        float: right;
    }

    .command-item-v2 > span.separator.right:before{        
        display: inline-block;
        height: 30px;
        box-sizing: border-box;
        content: ' ';
    }

    .command-item-v2 > .btn-group, .command-item-v2 > .export-link{
        margin-top: 5px !important;
    }
    
    .command-item-v2 > div.btn-group.right.open > ul > li {
        margin-left: 0px !important;
    }

    .command-item-v2 > a > .export-link, .command-item-v2 > div > a > .export-link, .command-item-v2 > div > ul > li > a > .export-link, .command-item-v2 > .export-link
    {
        background-image: url('../../Images/excel.png');
        display: inline-block;
        width: 16px;
        height: 16px;
        margin-bottom: -2px; 
            
    }

    
.table-v2 {
    border-radius: 5px !important;
    box-shadow: 0px 0px 25px RGBA(36, 88, 217, 0.10) !important;
}

.pseudo-table-row-v2 {
    padding: 8px;
    color: #555;
    background: white !important;
    font-family: ' CentraNo2-book';
    border-radius: 0 0 5px 5px !important;
}

.table-v2 > thead > tr > th {
    border-bottom: 2px solid #212121;
    background: white !important;
    color: #555 !important;
}

.table-v2 > tbody > tr:nth-child(even) {
    background: #f5f5f5 !important;
}
.table-v2 > tbody > tr:nth-child(odd) {
    background: white !important;
}

.table-v2 > tbody > tr > td {
    border: 0 !important;
    color: #212121 !important;
}

    .table-v2 > tbody > tr > td > i, .table-v2 > tbody > tr > td > .icon-grey {
        color: #767676!important;
    }


    .table-v2 > tbody > tr > td > .icon-blue {
        color: #2862F2 !important
    }

    .table-v2 > tbody > tr > td > .icon-red {
        color: #E53935 !important
    } 

    .table-v2 thead:first-child tr:first-child th:first-child {
        border-radius: 5px 0 0 0 !important;
    }
    .table-v2 thead:first-child tr:first-child th:last-child {
        border-radius: 0 5px 0 0 !important;
    }

    .table-v2 tbody:last-child tr:last-child td:first-child {
        border-radius: 0 0 0 5px !important;
    }
    .table-v2 tbody:last-child tr:last-child td:last-child {
        border-radius: 0 0 5px 0 !important;
    }

.table-v2.table-v3 > tbody > tr {
    background: white !important;
    border-bottom: #f5f5f5 solid 2px;
}

    .table-v2.table-v3 > tbody > tr:hover {
        background: #f5f5f5 !important;
    }

    .table-v2.table-v3 > tbody > tr:last-child {
        border-bottom-right-radius: 5px !important;
        border-bottom-left-radius: 5px !important;
    }

.table-v2.table-v3 tr td span.tag, .responsive-table tr td span.tag {
    padding: 4px 8px;
    border-radius: 30px !important;
    background: rgba(0, 0, 0, 0.09);
    display: inline-block;
    margin-bottom: 8px;
    margin-right: 4px;
    text-align: center;
    width: fit-content;
}
.RadGrid_Metro .rgMasterTable .rgSelectedCell, .RadGrid_Metro .rgSelectedRow, .RadGrid_Metro .rgActiveRow td, .RadGrid_Metro .rgSelectedRow td {
    background-color: #ccc !important;
    color: #555 !important;
}

.RadGrid_Metro .rgMasterTable,
.RadGrid_Metro .rgDetailTable,
.RadGrid_Metro .rgGroupPanel table,
.RadGrid_Metro .rgCommandRow table,
.RadGrid_Metro .rgEditForm table,
.RadGrid_Metro .rgPager table {
    font-size: 14px !important;
}

.RadPanelBar .rpItem a {
    padding: 8px 5px !important;
}

.RadPanelBar_Metro {
    font-size: 14px !important;
}

    .RadPanelBar_Metro .rpTemplate {
        padding: 15px 20px !important;
    }

    .RadPanelBar_Metro .rpRootGroup {
        border-color: #25a0da !important;
    }

.RadPanelBar .rpItem {
    border-bottom: 1px #2FADEA solid
}

.rpRootGroup {
    border-bottom: 0px;
}

.rpItem .rpLast {
    border-bottom: none;
}

.RadPanelBar_Metro .rpLink {
    border-width: 0px !important;
}

.RadPanelBar .rpText {
    font-weight: normal !important;
}

.rscLinkImg {
    background-image: url(../../Images/General/SpellCheck.gif);
    background-repeat: no-repeat;
    text-indent: -9999px;
    width: 20px;
    height: 20px;
    display: block;
    border: 1px solid #D5D5D5;
    background-color: #F2F2F2;
    outline: none;
    box-sizing: content-box;
}

    .rscLinkImg:hover {
        background-color: #E6E6E6;
    }

.rcbFocused input[type="text"]:focus {
    border-width: 0px !important;
}

.RadGrid_Metro .rgHeader, .RadGrid_Metro th.rgResizeCol, .RadGrid_Metro .rgHeaderWrapper {
    background-color: #DDD !important;
}

.rgEditForm > .rgHeader {
    padding-top: 8px !important;
    padding-bottom: 8px !important;
    color: white !important;
    font: 20px 'CentraNo2-light';
}

    .rgEditForm > .rgHeader > div > a {
        display: none;
    }

.rgEditForm > .rgHeader {
    background-color: rgb(37, 160, 218) !important;
    box-sizing: content-box;
}

.rgDrag {
    cursor: move !important;
}

.RadGrid_Metro .rgHeader, .RadGrid_Metro .rgHeader a {
    font-weight: bold !important;
}

.rgFilterRow td {
    background: rgb(192, 192, 192);
}

.RadPanelBar_Metro, .RadGrid_Metro .rgHeader a, .RadGrid_Metro .rgHeader, .RadGrid_Metro {
    color: #555 !important;
}

* html div.RadWindow {
    position: absolute !important;
}

.k-upload > .k-dropzone > .k-state-focused {
    color: white !important;
}

.k-widget.k-combobox.k-header > .k-dropdown-wrap > input.k-input[type=text] {
    border: none !important;
}

.k-editor-toolbar .k-tool-text {
    display: none !important;
}

.card {
    color: white;
    margin-bottom: 10px;
    margin-right: 10px;
    width: 170px;
    height: 170px;
    display: inline-block;
    position: relative;
    font: 13px 'CentraNo2-book';
    box-shadow: rgba(0, 0, 0, 0.1) 0px 2px 4px 0px;
}

    .card .card-indicators {
        position: absolute;
        bottom: 5px;
    }

        .card .card-indicators > a, .card .card-indicators > i {
            margin-right: 5px;
            text-decoration: none;
        }

    .card .card-hide-hover {
        display: inline-block;
    }

    .card:hover .card-hide-hover {
        display: none;
    }

    .card .card-show-hover {
        display: none;
    }

    .card:hover .card-show-hover {
        display: inline-block;
    }

    .card.light-grey {
        color: black;
    }

    .card.card-tall {
        height: 280px;
    }

    .card.card-wide {
        width: 340px;
    }

    .card.placeholder {
        border: 2px solid #4A8BC2;
    }

    .card a {
        color: white !important;
    }

    .card .top-panel {
        height: 65%;
        text-align: center;
        vertical-align: middle;
    }

        .card .top-panel i {
            font-size: 50px;
            line-height: 180px;
            color: #4A8BC2;
        }

    .card .top-panel {
        transition: background-color ease-in 0.15s;
    }

        .card .top-panel.padded {
            padding: 10px 10px;
        }

        .card .top-panel .status {
            font-size: 60px;
            padding-top: 30px;
            display: inline-block;
        }

            .card .top-panel .status * {
                color: white;
                display: inline-block;
                line-height: normal;
            }

    .card:hover .top-panel {
        background-color: rgba(0, 0, 0, 0.3);
    }

    .card .top-panel-nospace {
        height: 25% !important;
    }

/* CSS FOR SMALLER TILES */
.reportContainer .card .top-panel i {
    font-size: 35px !important;
}

.reportContainer .card .top-panel {
    height: 75%;
}

.reportContainer .card .bottom-panel {
    height: 25%;
}

.reportContainer .card {
    width: 135px;
    height: 125px;
}

    .reportContainer .card .top-panel .status {
        padding-top: 13px;
    }

    .reportContainer .card .status-bar .icon-pencil {
        display: inline;
    }

.card .bottom-panel {
    height: 35%;
    background-color: rgba(0, 0, 0, 0.3);
    width: 100%;
    padding: 5px 10px;
}

.card .bottom-panel-maxspace {
    height: 75% !important;
}

.card .bottom-panel > span {
    display: inline-block;
    line-height: 18px;
    height: 54px;
}

.card.light-grey:hover .top-panel, .card.light-grey .bottom-panel {
    background-color: rgba(0, 0, 0, 0.1);
}

.card .bottom-panel .card-label {
    font-family: 'CentraNo2-book';
}

.card .status-bar {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    background-color: rgba(0, 0, 0, 0.5);
    padding: 8px;
    color: white;
    font: 13px 'CentraNo2-book';
    border: none;
    z-index: 100;
}

    .card .status-bar a {
        margin-left: 3px;
    }

        .card .status-bar a:hover {
            text-decoration: none !important;
            color: #ddd !important;
        }

    .card .status-bar .icon-pencil {
        display: none;
    }

.card:hover .status-bar .icon-pencil {
    display: inline;
}

.card .status-bar.alert {
    background-color: #CE352C;
}

.card .bottom-panel h5 {
    font: 14px 'CentraNo2-bold';
}

.card.transparent .card-container {
    opacity: 0.5;
}

.card-container.padded {
    padding: 5px 10px;
}

.card .card-container {
    width: 100%;
    height: 100%;
}

    .card .card-container .top-panel-new {
        border: 1px solid #b3b3b3;
    }

    .card .card-container .top-panel .icon-plus {
        line-height: 90px;
    }

.card.grey .card-container {
    background-color: #575757;
}

.card.green .card-container {
    background-color: #74B749;
}

.card.blue .card-container {
    background-color: #4A8BC2;
}

.card.orange .card-container {
    background-color: #F37B53;
}

.card.light-grey .card-container {
    background-color: #eee;
}

.card.card-small {
    width: 120px;
    height: 120px;
}

    .card.card-small .top-panel .status {
        font-size: 30px;
        margin-top: 34px;
        padding-top: 0;
    }

    .card.card-small .bottom-panel h5.card-label {
        margin: 3px 0;
    }

    .card.card-small .top-panel .status {
        text-decoration: none !important;
        font: 13px 'CentraNo2-book';
    }

        .card.card-small .top-panel .status:before {
            font-size: 30px;
            display: block;
            font-family: 'Font Awesome 5 Pro';
            margin: 0 8px 8px 8px;
        }

.card.no-hover .top-panel {
    background: none !important;
}

.rating-disabled .star:before {
    content: "\f005" !important;
    cursor: default !important;
    color: #ccc !important;
    opacity: 1 !important;
    font-size: 16px;
}

.rating .active:before, .rating-disabled .active:before {
    content: "\f005" !important;
    opacity: 1 !important;
}

    .rating .active:before {
        color: orange !important;
    }

    .rating-disabled .active:before {
        color: #666 !important;
    }

.rating span.star {
    font-size: 20px;
}

.rating span.star:hover:before, .rating span.star:hover~span.star:before {
    color: orange;
    opacity: 0.5;
}
.pulse-radio, .pulse-check {
    cursor: pointer;
    display: table;
    height: 32px;
    margin: 8px 0;
}

.command-item .pulse-check, .chosen-results .pulse-check {
    height: 0px;
    margin: 0;
}

.pulse-radio, .pulse-check {
    cursor: pointer;
}

    .pulse-radio.uncheckable, .pulse-check.uncheckable {
        cursor: not-allowed !important;
    }

        .pulse-radio.uncheckable > i:before {
            content: "\f111" !important;
        }

        .pulse-radio.uncheckable.checked > i:before {
            content: "\f111" !important;
            font-weight: 900;
        }

        .pulse-check.uncheckable > i:before {
            content: "\f0c8" !important;
        }

        .pulse-check.uncheckable.checked > i:before {
            content: "\f14a" !important;
            font-weight: 900;
        }

    .pulse-radio > *, .pulse-check > * {
        display: table-cell;
        vertical-align: middle;
    }

    .pulse-radio > i, .pulse-check > i {
        text-align: center;
        width: 80px;
        font-size: 32px;
        font-family: 'Font Awesome 5 Pro';
        font-weight: normal;
        font-style: normal;
        text-decoration: inherit;
        -webkit-font-smoothing: antialiased;
        *margin-right: .3em;
    }

    .pulse-check.left-aligned > i, .pulse-radio.left-aligned > i {
        width: 36px;
        display: inline-block;
        text-align: left;
        padding: .3em 0;
    }

    .pulse-radio > i:before {
        content: "\f111";
    }

    .pulse-check > i:before {
        content: "\f0c8";
    }

    .pulse-radio:hover > i:before {
        content: "\f111";
        font-weight: 900;
    }

    .pulse-radio:active > i:before {
        content: "\f192";
    }

    .pulse-check:hover > i:before {
        content: "\f0c8";
        font-weight: 900;
    }

    .pulse-check:active > i:before {
        content: "\f14a";
    }

.uncheckable.pulse-radio > i, .uncheckable.pulse-check > i {
    opacity: 0.5;
}

.pulse-radio.checked > i, .pulse-check.checked > i {
    color: #4A8BC2;
}

.pulse-radio.checklist.checked > i, .pulse-check.checklist.checked > i {
    color: #5cb85c;
}

.pulse-radio.checked > i:before {
    content: "\f192";
}

.pulse-check.checked > i:before {
    content: "\f14a";
    font-weight: 900;
}

.pulse-check.checked:active > i:before {
    content: "\f0c8";
}

.image-select {
    width: 33.3%;
    vertical-align: middle;
    display: inline-block;
    padding: 20px;
    cursor: pointer;
}

    .image-select > img {
        max-height: 100%;
        max-width: 100%;
        height: auto;
        width: auto;
    }

    .image-select:hover {
        outline: 1px dashed #4A8BC2;
    }

    .image-select.checked {
        outline: 2px solid #4A8BC2;
    }

@media(max-width: 768px) {
    .image-select {
        width: 50%;
    }
}

.search-results-panel {
    font-size: 0;
    margin-right: -4px;
    column-count: 4;
    column-gap: 0;
}

    .search-results-panel > div {
        display: inline-block;
        font-size: 14px;
        width: 100%;
        break-inside: avoid;
    }

        .search-results-panel > div > div {
            color: #444;
            display: block;
            background: white;
            padding: 12px;
            margin: 0 5px 5px 0;
        }

        .search-results-panel > div.inverse > div {
            color: white;
            background: #444;
        }

        .search-results-panel > div > div > .icon-ellipsis-vertical {
            float: right;
            font-size: 18px;
            color: #444;
            text-decoration: none;
            width: 24px;
            height: 24px;
            line-height: 26px;
            border-radius: 18px !important;
            display: block;
            text-align: center;
            margin: -2px -8px 0 0;
        }

        .search-results-panel > div.inverse > div > .icon-ellipsis-vertical {
            color: white;
        }

        .search-results-panel > div > div > .icon-ellipsis-vertical:hover {
            background: #ddd !important;
        }

        .search-results-panel > div.inverse > div > .icon-ellipsis-vertical:hover {
            background: #222 !important;
        }

    .search-results-panel .overlay {
        position: absolute;
        background: #efefef;
        z-index: 500;
        display: none;
        box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.6);
    }

        .search-results-panel .overlay > a {
            padding: 14px;
            display: block;
            color: #444 !important;
            text-decoration: none;
        }

            .search-results-panel .overlay > a:hover {
                background: #dedede;
            }

            .search-results-panel .overlay > a > i {
                width: 18px;
                display: inline-block;
            }

        .search-results-panel .overlay > .separator {
            height: 1px;
            background: #ccc;
            display: block;
            margin: 3px 0;
        }

@media (max-width: 1024px) {
    .search-results-panel {
        column-count: 3;
    }
}

@media (max-width: 768px) {
    .search-results-panel {
        column-count: 2;
    }
}
.pulse-icon-select {
    font-size: 0;
    position: relative;
}

    .pulse-icon-select > .pulse-icon-select-view {
        width: 32px;
        height: 32px;
        border: 1px solid #e5e5e5;
        text-align: center;
        cursor: pointer;
    }

        .pulse-icon-select > .pulse-icon-select-view:hover {
            background: #e5e5e5;
        }

        .pulse-icon-select > .pulse-icon-select-view > i {
            font-size: 18px;
            line-height: 32px;
            vertical-align: middle;
        }

    .pulse-icon-select > .pulse-icon-drop {
        position: absolute;
        top: 100%;
        left: 0;
        background: white;
        text-align: left;
        box-shadow: 0 2px 1px rgba(0, 0, 0, 0.05);
        border: 1px solid #e5e5e5;
        width: 275px;
        z-index: 1;
    }

        .pulse-icon-select > .pulse-icon-drop > input[type=text] {
            width: 100%;
            height: 40px !important;
            margin: 0;
            background: #f5f5f5;
            border: none;
        }

        .pulse-icon-select > .pulse-icon-drop > .pulse-icon-drop-icons {
            max-height: 200px;
            overflow: auto;
            padding: 0px 6px 18px 6px;
        }

            .pulse-icon-select > .pulse-icon-drop > .pulse-icon-drop-icons > h5 {
                padding: 5px 8px;
                margin: 5px -6px;
                background: #00000091;
                color: white;
            }

                .pulse-icon-select > .pulse-icon-drop > .pulse-icon-drop-icons > h5:first-of-type {
                    margin-top: 0;
                }

            .pulse-icon-select > .pulse-icon-drop > .pulse-icon-drop-icons > .pulse-icon-block {
                width: 34px;
                height: 34px;
                line-height: 34px;
                text-align: center;
                display: inline-block;
                font-size: 15px;
                cursor: pointer;
                border: 1px solid transparent;
            }

                .pulse-icon-select > .pulse-icon-drop > .pulse-icon-drop-icons > .pulse-icon-block > i {
                    line-height: 32px;
                    vertical-align: middle;
                }

                    .pulse-icon-select > .pulse-icon-drop > .pulse-icon-drop-icons > .pulse-icon-block > i:before {
                        transition: transform linear 0.15s;
                    }

                .pulse-icon-select > .pulse-icon-drop > .pulse-icon-drop-icons > .pulse-icon-block:hover > i:before {
                    transform: scale(1.8);
                }

                .pulse-icon-select > .pulse-icon-drop > .pulse-icon-drop-icons > .pulse-icon-block.active {
                    border: 1px solid #ccc;
                }

@media print {
    button,
    input[type=button],
    a[class*=icon-],
    .command-item,
    i.icon-info-sign
    td.column-icon {
        display: none !important;
    }

    div.tab-pane {
        display: block !important;
    }

    a {
        color: #555 !important;
    }

    .RadPanelBar .rpSlide {
        display: block !important;
        height: auto !important;
    }

    .RadPanelBar .rpLink {
        background: #25A0DA !important;
        color: white !important;
    }

        .RadPanelBar .rpLink .rpExpandHandle {
            display: none !important;
        }

    h3.page-header {
        margin-top: -55px !important;
    }

    .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12,
    .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 {
        float: left;
    }

    .col-sm-12, .col-md-12 {
        width: 100%;
    }

    .col-sm-11, col-md-11 {
        width: 91.66666667%;
    }

    .col-sm-10, col-md-10 {
        width: 83.33333333%;
    }

    .col-sm-9, col-md-9 {
        width: 75%;
    }

    .col-sm-8, col-md-8 {
        width: 66.66666667%;
    }

    .col-sm-7, col-md-7 {
        width: 58.33333333%;
    }

    .col-sm-6, col-md-6 {
        width: 50%;
    }

    .col-sm-5, col-md-5 {
        width: 41.66666667%;
    }

    .col-sm-4, col-md-4 {
        width: 33.33333333%;
    }

    .col-sm-3, col-md-3 {
        width: 25%;
    }

    .col-sm-2, col-md-2 {
        width: 16.66666667%;
    }

    .col-sm-1, col-md-1 {
        width: 8.33333333%;
    }
}
.pulse-identity-iframe {
    width: 100vw;
    height: 100vh;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 9999;
    border: none;
}

/** Trumbowyg v2.10.0 - A lightweight WYSIWYG editor - alex-d.github.io/Trumbowyg - License MIT - Author : Alexandre Demode (Alex-D) / alex-d.fr */
#trumbowyg-icons,#trumbowyg-icons svg{height:0;width:0}#trumbowyg-icons{overflow:hidden;visibility:hidden}.trumbowyg-box *,.trumbowyg-box ::after,.trumbowyg-box ::before{box-sizing:border-box}.trumbowyg-box svg{width:17px;height:100%;fill:#222}.trumbowyg-box,.trumbowyg-editor{display:block;position:relative;border:1px solid #DDD;width:100%;min-height:300px;margin:0px auto}.trumbowyg-box .trumbowyg-editor{margin:0 auto}.trumbowyg-box.trumbowyg-fullscreen{background:#FEFEFE;border:none!important}.trumbowyg-editor,.trumbowyg-textarea{position:relative;box-sizing:border-box;padding:20px;min-height:300px;width:100%;border-style:none;resize:none;outline:0;overflow:auto}.trumbowyg-editor.trumbowyg-autogrow-on-enter,.trumbowyg-textarea.trumbowyg-autogrow-on-enter{transition:height .3s ease-out}.trumbowyg-box-blur .trumbowyg-editor *,.trumbowyg-box-blur .trumbowyg-editor::before{color:transparent!important;text-shadow:0 0 7px #333}@media screen and (min-width:0 \0){.trumbowyg-box-blur .trumbowyg-editor *,.trumbowyg-box-blur .trumbowyg-editor::before{color:rgba(200,200,200,.6)!important}}@supports (-ms-accelerator:true){.trumbowyg-box-blur .trumbowyg-editor *,.trumbowyg-box-blur .trumbowyg-editor::before{color:rgba(200,200,200,.6)!important}}.trumbowyg-box-blur .trumbowyg-editor hr,.trumbowyg-box-blur .trumbowyg-editor img{opacity:.2}.trumbowyg-textarea{position:relative;display:block;overflow:auto;border:none;font-size:14px;font-family:Inconsolata,Consolas,Courier,"Courier New",sans-serif;line-height:18px}.trumbowyg-box.trumbowyg-editor-visible .trumbowyg-textarea{height:1px!important;width:25%;min-height:0!important;padding:0!important;background:0 0;opacity:0!important}.trumbowyg-box.trumbowyg-editor-hidden .trumbowyg-textarea{display:block}.trumbowyg-box.trumbowyg-editor-hidden .trumbowyg-editor{display:none}.trumbowyg-box.trumbowyg-disabled .trumbowyg-textarea{opacity:.8;background:0 0}.trumbowyg-editor[contenteditable=true]:empty:not(:focus)::before{content:attr(placeholder);color:#999;pointer-events:none}.trumbowyg-button-pane{width:100%;min-height:36px;background:#ecf0f1;border-bottom:1px solid #d7e0e2;margin:0;padding:0 5px;position:relative;list-style-type:none;line-height:10px;backface-visibility:hidden;z-index:11}.trumbowyg-button-pane::after{content:" ";display:block;position:absolute;top:36px;left:0;right:0;width:100%;height:1px;background:#d7e0e2}.trumbowyg-button-pane .trumbowyg-button-group{display:inline-block}.trumbowyg-button-pane .trumbowyg-button-group .trumbowyg-fullscreen-button svg{color:transparent}.trumbowyg-button-pane .trumbowyg-button-group::after{content:" ";display:inline-block;width:1px;background:#d7e0e2;margin:0 5px;height:35px;vertical-align:top}.trumbowyg-button-pane .trumbowyg-button-group:last-child::after{content:none}.trumbowyg-button-pane button{display:inline-block;position:relative;width:35px;height:35px;padding:1px 6px!important;margin-bottom:1px;overflow:hidden;border:none;cursor:pointer;background:0 0;vertical-align:middle;transition:background-color 150ms,opacity 150ms}.trumbowyg-button-pane button.trumbowyg-textual-button{width:auto;line-height:35px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.trumbowyg-button-pane button.trumbowyg-disable,.trumbowyg-button-pane.trumbowyg-disable button:not(.trumbowyg-not-disable):not(.trumbowyg-active),.trumbowyg-disabled .trumbowyg-button-pane button:not(.trumbowyg-not-disable):not(.trumbowyg-viewHTML-button){opacity:.2;cursor:default}.trumbowyg-button-pane.trumbowyg-disable .trumbowyg-button-group::before,.trumbowyg-disabled .trumbowyg-button-pane .trumbowyg-button-group::before{background:#e3e9eb}.trumbowyg-button-pane button.trumbowyg-active,.trumbowyg-button-pane button:not(.trumbowyg-disable):focus,.trumbowyg-button-pane button:not(.trumbowyg-disable):hover{background-color:#FFF;outline:0}.trumbowyg-button-pane .trumbowyg-open-dropdown::after{display:block;content:" ";position:absolute;top:25px;right:3px;height:0;width:0;border:3px solid transparent;border-top-color:#555}.trumbowyg-button-pane .trumbowyg-open-dropdown.trumbowyg-textual-button{padding-left:10px!important;padding-right:18px!important}.trumbowyg-button-pane .trumbowyg-open-dropdown.trumbowyg-textual-button::after{top:17px;right:7px}.trumbowyg-modal,.trumbowyg-modal-box{top:0;left:50%;transform:translateX(-50%);backface-visibility:hidden;position:absolute}.trumbowyg-button-pane .trumbowyg-right{float:right}.trumbowyg-dropdown{width:200px;border:1px solid #ecf0f1;padding:5px 0;border-top:none;background:#FFF;margin-left:-1px;box-shadow:rgba(0,0,0,.1) 0 2px 3px;z-index:12}.trumbowyg-dropdown button{display:block;width:100%;height:35px;line-height:35px;text-decoration:none;background:#FFF;padding:0 10px;color:#333!important;border:none;cursor:pointer;text-align:left;font-size:15px;transition:all 150ms}.trumbowyg-dropdown button:focus,.trumbowyg-dropdown button:hover{background:#ecf0f1}.trumbowyg-dropdown button svg{float:left;margin-right:14px}.trumbowyg-modal{max-width:520px;width:100%;height:350px;z-index:12;overflow:hidden}.trumbowyg-modal-box{max-width:500px;width:calc(100% - 20px);padding-bottom:45px;z-index:1;background-color:#FFF;text-align:center;font-size:14px;box-shadow:rgba(0,0,0,.2) 0 2px 3px}.trumbowyg-modal-box .trumbowyg-modal-title{font-size:24px;font-weight:700;margin:0 0 20px;padding:15px 0 13px;display:block;border-bottom:1px solid #EEE;color:#333;background:#fbfcfc}.trumbowyg-modal-box .trumbowyg-progress{width:100%;height:3px;position:absolute;top:58px}.trumbowyg-modal-box .trumbowyg-progress .trumbowyg-progress-bar{background:#2BC06A;width:0;height:100%;transition:width 150ms linear}.trumbowyg-modal-box label{display:block;position:relative;margin:15px 12px;height:29px;line-height:29px;overflow:hidden}.trumbowyg-modal-box label .trumbowyg-input-infos{display:block;text-align:left;height:25px;line-height:25px;transition:all 150ms}.trumbowyg-modal-box label .trumbowyg-input-infos span{display:block;color:#69878f;background-color:#fbfcfc;border:1px solid #DEDEDE;padding:0 7px;width:150px}.trumbowyg-modal-box label .trumbowyg-input-infos span.trumbowyg-msg-error{color:#e74c3c}.trumbowyg-modal-box label.trumbowyg-input-error input,.trumbowyg-modal-box label.trumbowyg-input-error textarea{border:1px solid #e74c3c}.trumbowyg-modal-box label.trumbowyg-input-error .trumbowyg-input-infos{margin-top:-27px}.trumbowyg-modal-box label input{position:absolute;top:0;right:0;height:27px;line-height:27px;border:1px solid #DEDEDE;background:#fff;font-size:14px;max-width:330px;width:70%;padding:0 7px;transition:all 150ms}.trumbowyg-modal-box label input:focus,.trumbowyg-modal-box label input:hover{outline:0;border:1px solid #95a5a6}.trumbowyg-modal-box label input:focus{background:#fbfcfc}.trumbowyg-modal-box label input[type=checkbox]{left:5px;top:5px;right:auto}.trumbowyg-modal-box label input[type=checkbox]+.trumbowyg-input-infos span{width:auto;padding-left:25px}.trumbowyg-modal-box .error{margin-top:25px;display:block;color:red}.trumbowyg-modal-box .trumbowyg-modal-button{position:absolute;bottom:10px;right:0;text-decoration:none;color:#FFF;display:block;width:100px;height:35px;line-height:33px;margin:0 10px;background-color:#333;border:none;cursor:pointer;font-family:"Trebuchet MS",Helvetica,Verdana,sans-serif;font-size:16px;transition:all 150ms}.trumbowyg-modal-box .trumbowyg-modal-button.trumbowyg-modal-submit{right:110px;background:#2bc06a}.trumbowyg-modal-box .trumbowyg-modal-button.trumbowyg-modal-submit:focus,.trumbowyg-modal-box .trumbowyg-modal-button.trumbowyg-modal-submit:hover{background:#40d47e;outline:0}.trumbowyg-modal-box .trumbowyg-modal-button.trumbowyg-modal-submit:active{background:#25a25a}.trumbowyg-modal-box .trumbowyg-modal-button.trumbowyg-modal-reset{color:#555;background:#e6e6e6}.trumbowyg-modal-box .trumbowyg-modal-button.trumbowyg-modal-reset:focus,.trumbowyg-modal-box .trumbowyg-modal-button.trumbowyg-modal-reset:hover{background:#fbfbfb;outline:0}.trumbowyg-modal-box .trumbowyg-modal-button.trumbowyg-modal-reset:active{background:#d5d5d5}.trumbowyg-overlay{position:absolute;background-color:rgba(255,255,255,.5);height:100%;width:100%;left:0;display:none;top:0;z-index:10}body.trumbowyg-body-fullscreen{overflow:hidden}.trumbowyg-fullscreen{position:fixed;top:0;left:0;width:100%;height:100%;margin:0;padding:0;z-index:99999}.trumbowyg-fullscreen .trumbowyg-editor,.trumbowyg-fullscreen.trumbowyg-box{border:none}.trumbowyg-fullscreen .trumbowyg-editor,.trumbowyg-fullscreen .trumbowyg-textarea{height:calc(100% - 37px)!important;overflow:auto}.trumbowyg-fullscreen .trumbowyg-overlay{height:100%!important}.trumbowyg-fullscreen .trumbowyg-button-group .trumbowyg-fullscreen-button svg{color:#222;fill:transparent}.trumbowyg-editor embed,.trumbowyg-editor img,.trumbowyg-editor object,.trumbowyg-editor video{max-width:100%}.trumbowyg-editor img,.trumbowyg-editor video{height:auto}.trumbowyg-editor img{cursor:move}.trumbowyg-editor.trumbowyg-reset-css{background:#FEFEFE!important;font-family:"Trebuchet MS",Helvetica,Verdana,sans-serif!important;font-size:14px!important;line-height:1.45em!important;color:#333}.trumbowyg-editor.trumbowyg-reset-css a{color:#15c!important;text-decoration:underline!important}.trumbowyg-editor.trumbowyg-reset-css blockquote,.trumbowyg-editor.trumbowyg-reset-css div,.trumbowyg-editor.trumbowyg-reset-css ol,.trumbowyg-editor.trumbowyg-reset-css p,.trumbowyg-editor.trumbowyg-reset-css ul{box-shadow:none!important;background:0 0!important;margin:0 0 15px!important;line-height:1.4em!important;font-family:"Trebuchet MS",Helvetica,Verdana,sans-serif!important;font-size:14px!important;border:none}.trumbowyg-editor.trumbowyg-reset-css hr,.trumbowyg-editor.trumbowyg-reset-css iframe,.trumbowyg-editor.trumbowyg-reset-css object{margin-bottom:15px!important}.trumbowyg-editor.trumbowyg-reset-css blockquote{margin-left:32px!important;font-style:italic!important;color:#555}.trumbowyg-editor.trumbowyg-reset-css ul{list-style:disc}.trumbowyg-editor.trumbowyg-reset-css ol,.trumbowyg-editor.trumbowyg-reset-css ul{padding-left:20px!important}.trumbowyg-editor.trumbowyg-reset-css ol ol,.trumbowyg-editor.trumbowyg-reset-css ol ul,.trumbowyg-editor.trumbowyg-reset-css ul ol,.trumbowyg-editor.trumbowyg-reset-css ul ul{border:none;margin:2px!important;padding:0 0 0 24px!important}.trumbowyg-editor.trumbowyg-reset-css hr{display:block;height:1px;border:none;border-top:1px solid #CCC}.trumbowyg-editor.trumbowyg-reset-css h1,.trumbowyg-editor.trumbowyg-reset-css h2,.trumbowyg-editor.trumbowyg-reset-css h3,.trumbowyg-editor.trumbowyg-reset-css h4{color:#111;background:0 0;margin:0!important;padding:0!important;font-weight:700}.trumbowyg-editor.trumbowyg-reset-css h1{font-size:32px!important;line-height:38px!important;margin-bottom:20px!important}.trumbowyg-editor.trumbowyg-reset-css h2{font-size:26px!important;line-height:34px!important;margin-bottom:15px!important}.trumbowyg-editor.trumbowyg-reset-css h3{font-size:22px!important;line-height:28px!important;margin-bottom:7px!important}.trumbowyg-editor.trumbowyg-reset-css h4{font-size:16px!important;line-height:22px!important;margin-bottom:7px!important}.trumbowyg-dark .trumbowyg-textarea{background:#111;color:#ddd}.trumbowyg-dark .trumbowyg-box{border:1px solid #343434}.trumbowyg-dark .trumbowyg-box.trumbowyg-fullscreen{background:#111}.trumbowyg-dark .trumbowyg-box.trumbowyg-box-blur .trumbowyg-editor *,.trumbowyg-dark .trumbowyg-box.trumbowyg-box-blur .trumbowyg-editor::before{text-shadow:0 0 7px #ccc}@media screen and (min-width:0 \0){.trumbowyg-dark .trumbowyg-box.trumbowyg-box-blur .trumbowyg-editor *,.trumbowyg-dark .trumbowyg-box.trumbowyg-box-blur .trumbowyg-editor::before{color:rgba(20,20,20,.6)!important}}@supports (-ms-accelerator:true){.trumbowyg-dark .trumbowyg-box.trumbowyg-box-blur .trumbowyg-editor *,.trumbowyg-dark .trumbowyg-box.trumbowyg-box-blur .trumbowyg-editor::before{color:rgba(20,20,20,.6)!important}}.trumbowyg-dark .trumbowyg-box svg{fill:#ecf0f1;color:#ecf0f1}.trumbowyg-dark .trumbowyg-button-pane{background-color:#222;border-bottom-color:#343434}.trumbowyg-dark .trumbowyg-button-pane::after{background:#343434}.trumbowyg-dark .trumbowyg-button-pane .trumbowyg-button-group:not(:empty)::after{background-color:#343434}.trumbowyg-dark .trumbowyg-button-pane .trumbowyg-button-group:not(:empty) .trumbowyg-fullscreen-button svg{color:transparent}.trumbowyg-dark .trumbowyg-button-pane.trumbowyg-disable .trumbowyg-button-group::after{background-color:#2a2a2a}.trumbowyg-dark .trumbowyg-button-pane button.trumbowyg-active,.trumbowyg-dark .trumbowyg-button-pane button:not(.trumbowyg-disable):focus,.trumbowyg-dark .trumbowyg-button-pane button:not(.trumbowyg-disable):hover{background-color:#333}.trumbowyg-dark .trumbowyg-button-pane .trumbowyg-open-dropdown::after{border-top-color:#fff}.trumbowyg-dark .trumbowyg-fullscreen .trumbowyg-button-group .trumbowyg-fullscreen-button svg{color:#ecf0f1;fill:transparent}.trumbowyg-dark .trumbowyg-dropdown{border-color:#222;background:#333;box-shadow:rgba(0,0,0,.3) 0 2px 3px}.trumbowyg-dark .trumbowyg-dropdown button{background:#333;color:#fff!important}.trumbowyg-dark .trumbowyg-dropdown button:focus,.trumbowyg-dark .trumbowyg-dropdown button:hover{background:#222}.trumbowyg-dark .trumbowyg-modal-box{background-color:#222}.trumbowyg-dark .trumbowyg-modal-box .trumbowyg-modal-title{border-bottom:1px solid #555;color:#fff;background:#3c3c3c}.trumbowyg-dark .trumbowyg-modal-box label{display:block;position:relative;margin:15px 12px;height:27px;line-height:27px;overflow:hidden}.trumbowyg-dark .trumbowyg-modal-box label .trumbowyg-input-infos span{color:#eee;background-color:#2f2f2f;border-color:#222}.trumbowyg-dark .trumbowyg-modal-box label .trumbowyg-input-infos span.trumbowyg-msg-error{color:#e74c3c}.trumbowyg-dark .trumbowyg-modal-box label.trumbowyg-input-error input,.trumbowyg-dark .trumbowyg-modal-box label.trumbowyg-input-error textarea{border-color:#e74c3c}.trumbowyg-dark .trumbowyg-modal-box label input{border-color:#222;color:#eee;background:#333}.trumbowyg-dark .trumbowyg-modal-box label input:focus,.trumbowyg-dark .trumbowyg-modal-box label input:hover{border-color:#626262}.trumbowyg-dark .trumbowyg-modal-box label input:focus{background-color:#2f2f2f}.trumbowyg-dark .trumbowyg-modal-box .trumbowyg-modal-button.trumbowyg-modal-submit{background:#1b7943}.trumbowyg-dark .trumbowyg-modal-box .trumbowyg-modal-button.trumbowyg-modal-submit:focus,.trumbowyg-dark .trumbowyg-modal-box .trumbowyg-modal-button.trumbowyg-modal-submit:hover{background:#25a25a}.trumbowyg-dark .trumbowyg-modal-box .trumbowyg-modal-button.trumbowyg-modal-submit:active{background:#176437}.trumbowyg-dark .trumbowyg-modal-box .trumbowyg-modal-button.trumbowyg-modal-reset{background:#333;color:#ccc}.trumbowyg-dark .trumbowyg-modal-box .trumbowyg-modal-button.trumbowyg-modal-reset:focus,.trumbowyg-dark .trumbowyg-modal-box .trumbowyg-modal-button.trumbowyg-modal-reset:hover{background:#444}.trumbowyg-dark .trumbowyg-modal-box .trumbowyg-modal-button.trumbowyg-modal-reset:active{background:#111}.trumbowyg-dark .trumbowyg-overlay{background-color:rgba(15,15,15,.6)}

    .trumbowyg-dropdown-foreColor:not(.trumbowyg-dropdown--color-list),
.trumbowyg-dropdown-backColor:not(.trumbowyg-dropdown--color-list) {
  max-width: 276px;
  padding: 7px 5px;
  overflow: initial; }
  .trumbowyg-dropdown-foreColor:not(.trumbowyg-dropdown--color-list) button,
  .trumbowyg-dropdown-backColor:not(.trumbowyg-dropdown--color-list) button {
    display: block;
    position: relative;
    float: left;
    text-indent: -9999px;
    height: 20px;
    width: 20px;
    border: 1px solid #333;
    padding: 0;
    margin: 2px; }
    .trumbowyg-dropdown-foreColor:not(.trumbowyg-dropdown--color-list) button:hover::after, .trumbowyg-dropdown-foreColor:not(.trumbowyg-dropdown--color-list) button:focus::after,
    .trumbowyg-dropdown-backColor:not(.trumbowyg-dropdown--color-list) button:hover::after,
    .trumbowyg-dropdown-backColor:not(.trumbowyg-dropdown--color-list) button:focus::after {
      content: " ";
      display: block;
      position: absolute;
      top: -5px;
      left: -5px;
      width: 27px;
      height: 27px;
      background: inherit;
      border: 1px solid #fff;
      box-shadow: #000 0 0 2px;
      z-index: 10; }

.trumbowyg-dropdown-backColor.trumbowyg-dropdown--color-list button:not(.trumbowyg-backColorRemove-dropdown-button) {
  position: relative;
  color: #fff !important; }
  .trumbowyg-dropdown-backColor.trumbowyg-dropdown--color-list button:not(.trumbowyg-backColorRemove-dropdown-button):hover::after, .trumbowyg-dropdown-backColor.trumbowyg-dropdown--color-list button:not(.trumbowyg-backColorRemove-dropdown-button):focus::after {
    content: " ";
    display: block;
    position: absolute;
    top: 13px;
    left: 0;
    width: 0;
    height: 0;
    border: 5px solid transparent;
    border-left-color: #fff; }s