.notification-panel .alert button {
    color: black !important;
}

.notification-panel .alert{
    padding-bottom: 4px;
    padding-top: 4px;
}

::-webkit-scrollbar {
    width: 8px;
    height: 8px;
    border-radius: 4px;
}

::-webkit-scrollbar-button {
    height: 0;
    width: 0;
}

::-webkit-scrollbar-thumb {
    background: var(--scroll-color);
    border: 0px none var(--white-color);
    border-radius: 50px;
}

    ::-webkit-scrollbar-thumb:hover {
        background: var(--scroll-color);
    }

    ::-webkit-scrollbar-thumb:active {
        background: var(--scroll-color);
    }

    ::-webkit-scrollbar-thumb:active {
        background: var(--scroll-color);
    }

::-webkit-scrollbar-track {
    background: transparent;
    border: 0px none var(--white-color);
    border-radius: 50px;
}

    ::-webkit-scrollbar-track:hover {
        background: transparent;
    }

    ::-webkit-scrollbar-track:active {
        background: transparent;
    }

::-webkit-scrollbar-corner {
    background: transparent;
}

.main {
    max-height: 100dvh !important;
    overflow: auto;
}

.main-section-wrapper{
    position:relative;
}

.pg-btn {
    padding: 10px 16px !important;
}

.pg-flex-column-border4 {
    display: flex;
    flex-direction: column;
    gap: 8px;
    border-radius: 4px;
    border: 1px solid #E5E5E5;
    background: #FFF;
    gap: 4px;
    align-items: center;
    justify-content: center;
}

.pg-btn1 {
    padding: 3px 12px;
    border: 1px solid #E5E5E5;
    border-radius: 4px;
    background: #FFF;
    cursor: pointer;
}

.pg-btn1flex4 {
    display: flex;
    gap: 4px;
    align-items: center;
    justify-content: center;
    border: 1px solid #E5E5E5;
    border-radius: 4px;
    background: #FFF;
    cursor: pointer;
}

.pg-btn1red {
    border: 1px solid rgba(180, 35, 24, 0.40) !important;
    background: #FFF4F3 !important;
}

.pg-btn1greenFill {
    border: 1px solid #3E941C !important;
    background: #3E941C !important;
}

.pg-btn1disabled {
    opacity: 0.5 !important;
    cursor: default !important;
    pointer-events: none !important;
}

.pg-btn1flex8.pg-btn1red > span {
    color: #B42318 !important;
}

.pg-btn1greenFill > span {
    color: #FFF;
}

.pg-btn1 > span {
    color: #5F5F5F;
    font-weight: 600;
}

.pg-btn1.pg-btn1hover:hover > span {
    color: #1688E1 !important;
}

.pg-btn1.pg-btn1hover:hover {
    border: 1px solid #1688E1 !important;
}

.pg-btn1.pg-btn1hover:hover img {
    filter: brightness(0) saturate(100%) invert(46%) sepia(82%) saturate(1897%) hue-rotate(183deg) brightness(88%) contrast(101%);
}

.pg-btn1hover-fill:hover {
    background: #F1F7FE;
}

.pg-btn2:hover {
    background: #E1EEFD !important;
}

.pg-btn1-logout:hover span {
    color: #B42318;
}

.pg-btn1-logout:hover img {
    filter: brightness(0) saturate(100%) invert(17%) sepia(59%) saturate(3650%) hue-rotate(351deg) brightness(96%) contrast(95%);
}

.pg-btn1-logout:hover {
    background: #FFF1F0 !important;
}

.pg-underline-hover {
    user-select: none;
}

    .pg-underline-hover:hover {
        text-decoration: underline;
    }

.pg-badge-box {
    display: flex;
    position: relative;
    padding: 16px;
    flex-direction: column;
    align-items: flex-start;
    gap: 8px;
    flex: 1 0 0;
    border-radius: 6px;
    border: 1px solid #F1F2F2;
    min-width: calc((100% - 24px) / 3);
    max-width: calc((100% - 24px) / 3);
}

.badge-box-absolute {
    position: absolute;
    top: 16px;
    right: 16px;
    color: #5f5f5f;
}

table.table thead tr th {
    font-weight: 600 !important;
    color: #5F5F5F !important;
    background-color: #F9FAFD !important;
}

.table-striped > tbody > tr:nth-of-type(2n+1) {
    --bs-table-accent-bg: #F1F7FE !important;
}

@font-face {
    font-family: 'pg-icons';
    src: url('../fonts/pg-icons.eot?9vezn1');
    src: url('../fonts/pg-icons.eot?9vezn1#iefix') format('embedded-opentype'), url('../fonts/pg-icons.ttf?9vezn1') format('truetype'), url('../fonts/pg-icons.woff?9vezn1') format('woff'), url('../fonts/pg-icons.svg?9vezn1#pg-icons') format('svg');
    font-weight: normal;
    font-style: normal;
}

[class^="pgicon-"], [class*=" pgicon-"] {
    /* use !important to prevent issues with browser extensions that change fonts */
    font-family: 'pg-icons' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.pgicon-absent-exception:before {
    content: "\e900";
}

.pgicon-callback-exception:before {
    content: "\e901";
}

.pgicon-early-in-exception:before {
    content: "\e902";
}

.pgicon-early-lunch-in-exception:before {
    content: "\e903";
}

.pgicon-early-lunch-out-exception:before {
    content: "\e904";
}

.pgicon-early-out-exception:before {
    content: "\e905";
}

.pgicon-generated-scd-hours-exception:before {
    content: "\e906";
}

.pgicon-generated-scd-in-exception:before {
    content: "\e907";
}

.pgicon-generated-scd-out-exception:before {
    content: "\e908";
}

.pgicon-late-in-exception:before {
    content: "\e909";
}

.pgicon-late-lunch-in-exception:before {
    content: "\e90a";
}

.pgicon-late-lunch-out-exception:before {
    content: "\e90b";
}

.pgicon-late-out-exception:before {
    content: "\e90c";
}

.pgicon-long-break-exception:before {
    content: "\e90d";
}

.pgicon-long-day-exception:before {
    content: "\e90e";
}

.pgicon-long-lunch-exception:before {
    content: "\e90f";
}

.pgicon-minor-exception:before {
    content: "\e910";
}

.pgicon-missing-in-exception:before {
    content: "\e911";
}

.pgicon-missing-out-exception:before {
    content: "\e912";
}

.pgicon-short-break-exception:before {
    content: "\e913";
}

.pgicon-short-day-exception:before {
    content: "\e914";
}

.pgicon-short-lunch-exception:before {
    content: "\e915";
}

.pgicon-split-in-exception:before {
    content: "\e916";
}

.pgicon-split-out-exception:before {
    content: "\e917";
}

.pgicon-transfer-exception:before {
    content: "\e918";
}

.pgicon-unscheduled-breaks-exception:before {
    content: "\e919";
}

.pgicon-unscheduled-in-exception:before {
    content: "\e91a";
}

.pgicon-unscheduled-lunches-exception:before {
    content: "\e91b";
}

.pgicon-unscheduled-out-exception:before {
    content: "\e91c";
}

.pgicon:hover {
    text-decoration: none;
}

.navbar-default .navbar-nav > li > a {
    font-family: "Open Sans",Arial,Helvetica,Sans-Serif !important;
}

div.collapse.navbar-collapse {
    max-height: 16000px;
}



.navbar-collapse.in {
    overflow: hidden;
}

div.navbar-collapse.collapse.in ul.nav.navbar-nav ul.dropdown-menu.dropdown-menu-left {
    width: 100%;
}

#header {
    text-align: center;
}

    #header img {
        margin-top: 1px;
        width: 180px;
    }

/* Sidebar Content */
body.menu-on-top div.sidebar-section {
    display: none;
}

body.minified div.sidebar-section {
    display: none;
}

div#main-content, .ess-body div#main-content {
    padding: 4px 24px 0px 24px !important;
}

div#main-content > div, .ess-body div#main-content > div{
    padding-top: 10px !important;
}


.header-dropdown-list {
    overflow: visible;
    padding-left: 2px;
    float: left;
    width: 60px;
    margin-top: -10px;
    margin-bottom: 10px;
}

    .header-dropdown-list ul, .header-dropdown-list li {
    }

.sidebar-section {
    padding: 10px;
    background: transparent;
    width: 220px;
}

/* Sidebar Brand + Title */
.sidebar-brand,
.sidebar-title {
    height: 50px;
    line-height: 50px;
    padding: 0 10px;
    margin: 0;
    font-weight: 300;
    font-size: 18px;
    display: block;
}

/* Sidebar User */
.sidebar-user {
    padding-left: 68px;
}

.sidebar-user-avatar {
    width: 50px;
    height: 50px;
    float: left;
    padding: 2px;
    margin-left: -58px;
    margin-right: 4px;
}

    .sidebar-user-avatar img {
        width: 50px;
        height: 50px;
    }

.sidebar-user-name {
    color: #A6BFD8;
    font-size: 14px;
    font-weight: normal;
    margin-top: 5px;
    line-height: 26px;
}

nav ul li a:focus {
    color: #A6BFD8;
}

.sidebar-user-links a {
    margin-left: 5px;
    color: #C9D8E7;
}

    .sidebar-user-links a:hover {
        color: #EDF2F7;
        text-decoration: none;
    }

    .sidebar-user-links a > i {
        font-size: 14px;
    }

.smallProfileImg {
    background-image: none, none, none;
    width: 28px;
    height: 28px;
    background-size: 25%, 25%, 100%;
    background-repeat: no-repeat;
    background-position: right bottom, -500px 0px, left center;
}

    .smallProfileImg:hover {
        /*Positioning the Background Images*/
        background-position: -500px 0px, right bottom, left center;
    }

.ProfileImg {
    background-image: none, none, none;
    width: 50px;
    height: 50px;
    background-size: 25%, 25%, 100%;
    background-repeat: no-repeat;
    background-position: right bottom, -500px 0px, left center;
}

    .ProfileImg:hover {
        /*Positioning the Background Images*/
        background-position: -500px 0px, right bottom, left center;
    }

.StreamImg {
    background-image: none, none, none;
    max-width: 70%;
    border-radius: 10px;
}

div.copyright {
    position: absolute;
    text-align: center;
    bottom: 0px;
    width: 200px;
    overflow: visible;
}

    div.copyright span {
        color: #C9D8E7;
        font-size: .75em;
    }

.btn-header span a:hover {
    cursor: pointer !important;
}

/* Styles for Skins*/

body.smart-style-0 .copyright span, body.smart-style-0 .sidebar-user-name {
    color: #a8a8a8 !important;
}

body.smart-style-0 .sidebar-user-links a {
    color: #a8a8a8 !important;
}

body.sidebar-user-links a:hover {
    color: #fff !important;
}


body.smart-style-1 .copyright span, body.smart-style-1 .sidebar-user-name {
    color: #8b91a0 !important;
}

body.smart-style-2 .copyright span, body.smart-style-2 .sidebar-user-name {
    color: #69737a !important;
}

body.smart-style-2 .sidebar-user-links a:hover {
    color: #202427;
    text-decoration: none;
}

body.smart-style-3 .copyright span, body.smart-style-3 .sidebar-user-name {
    color: #444 !important;
}

body.smart-style-3 .sidebar-user-links a {
    color: #058dc7 !important;
}

    body.smart-style-3 .sidebar-user-links a:hover {
        color: #02354A !important;
    }

body.smart-style-3 .minifyme {
    background: #9498A0 !important;
    color: #fff !important;
}

body.smart-style-3 .btn-ribbon.btn {
    background: #9498A0 !important;
    color: #fff !important;
}

div.dd-handle {
    font-size: inherit;
}

.margin-top5 {
    margin-top: 5px;
}

.show-yes {
}

.hide-yes, .show-0, .show-no,.hide {
    display: none;
}

ul.ul-images {
    margin-top: 4px;
    margin-bottom: 4px;
    min-height: 24px;
}

    ul.ul-images li {
        display: inline-block !important;
        padding: 0 0 0 0 !important;
        margin: 0 0 0 0 !important;
        height: 24px !important;
        width: 24px !important;
    }

    ul.ul-images img {
        border-left: 0px;
        border-right: 0px;
        margin-right: 4px;
        height: 24px;
        width: 24px;
    }


.smart-style-1 #logo-group span#activity {
    background: #d6dde7;
}


div.form-group {
    margin-bottom: 7px;
    margin-left: 0px;
    margin-right: 0px;
    padding: 4px;
}

@media (max-width: 767px) {

    div.form-group {
        margin-bottom: 0px;
    }
    .quick-menu-not-pinned{
        display: none;
    }
}

.form-horizontal .form-group {
    margin-left: 0px;
    margin-right: 0px;
}


.form-horizontal .control-label {
    text-align: right;
}

.ui-dialog-content.ui-widget-content {
    padding: 0px;
}

input[type='checkbox'].checkbox {
    visibility: visible !important;
    position: static !important;
    width: auto;
}

input[type='radio'].checkbox {
    width: auto;
}

span.checkbox-span {
    display: inline-block;
}

input[type=checkbox].checkbox-right {
    float: right;
    margin-left: 7px;
    margin-top: -2px;
}

div.checkbox label.checkbox-right {
    float: right;
    padding: 0px;
}

.form-horizontal div.checkbox {
    padding-top: 0px;
    white-space: normal;
}

span.radio-right input[type=radio] {
    float: right;
    margin-left: 7px;
    position: absolute;
    right: 0px;
}

span.radio-right label {
    float: right;
    margin-right: 15px;
}

input[type='submit'].btn-primary {
    width: 100%;
}

.form-control {
    padding: 2px 4px 2px 4px;
    height: auto;
}

.form-control-fixed {
    height: 25px;
}

.form-control-fixed-cbo {
    height: 32px;
}

.form-horizontal .control-label {
    padding-top: 2px;
    padding-bottom: 2px;
    padding-left: 4px;
    padding-right: 4px;
}

.PeopleGuru-form input.save-btn {
    width: 150px;
}

div.step-content {
    padding-top: 10px;
}

/*div.div-places ul.dropdown-menu {
    overflow: visible ;
    border: 1px solid #333;
}*/

a.highlight {
    color: #CF5300;
}

div.row {
    margin-left: 0px;
    margin-right: 0px;
}

a.ui-tabs-anchor:hover {
    cursor: pointer;
}


div.sidebar-user-links a:hover {
    color: #CF5300;
}

div.sidebar-user-links a.highlight:hover {
    color: #c9d8e7 !important;
}

table.table thead tr th {
    white-space: nowrap;
}

div.div-overflow {
    overflow: auto;
    width: 100%;
    float: left;
}


.type-primary.bootstrap-dialog .modal-header {
    background-color: white;
    border: 0px solid #222;
    padding-top: 8px !important;
    padding-bottom: 8px !important;
}

    .type-primary.bootstrap-dialog .modal-header .bootstrap-dialog-header .bootstrap-dialog-title {
        font-weight: 600 !important;
    }

.modal-body {
    padding-top: 8px !important;
    padding-bottom: 8px !important;
}

.modal-footer {
    padding-top: 4px !important;
    padding-bottom: 4px !important;
}

div.modal-header .close {
    color: #000;
    font-size: 20px;
    opacity: 1;
    text-shadow: none;
}

    div.modal-header .close:hover, div.modal-header .close:focus {
        color: #CF5300;
    }

.carousel-anchor {
    color: #3276b1;
}

.right.carousel-anchor {
    left: auto;
    right: 0px;
    position: absolute;
}

.carousel-caption {
    position: relative;
    left: 0%;
    right: 0%;
    text-shadow: none;
}


.carousel-control {
    width: 10%;
    height: 10%;
    top: auto;
}

.carousel-indicators li {
    background-color: #CF5300;
}

.carousel-indicators .active {
    background-color: rgba(31, 51, 71, 0.8);
}

span.pager-span {
    display: block;
    white-space: nowrap;
    padding: 5px;
    float: left;
    width: 100%;
}

span.pager-custom ul {
    margin: 0px;
    margin-left: 5px;
    display: block;
    float: right;
}

span.dataTables_info {
    padding-top: 9px;
    font-size: 1em;
    font-weight: bold;
    font-style: italic;
    color: #969696;
}

    span.dataTables_info input, span.dataTables_info span select {
        text-align: center;
        font-weight: bold;
        font-size: 13px;
        font-style: italic;
        opacity: 0.5;
    }

.no-show {
    display: none;
}

.input-group .form-control.no-show, .input-group-addon.no-show, .input-group-btn.no-show {
    display: none;
}

.col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .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-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .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-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 {
    padding: 2px 4px 2px 4px;
}


i.toggle-search {
    display: inline-block;
    margin-left: 2px;
    margin-right: 2px;
    width: 16px;
    height: 16px;
    background-image: url("../../System/Img/Toolbar16/TbrButtons13.png");
    background-repeat: no-repeat;
    background-position: left bottom;
}

    i.toggle-search:hover {
        background-image: url("../../System/Img/Toolbar16/upTbrButtons13.png");
        background-repeat: no-repeat;
        background-position: left bottom;
    }

i.report-batch-totals {
    display: inline-block;
    margin-left: 2px;
    margin-right: 8px;
    width: 16px;
    height: 16px;
    background-image: url("../../System/Img/table16.png");
    background-repeat: no-repeat;
    background-position: left bottom;
}

    i.report-batch-totals:hover {
        background-image: url("../../System/Img/table16h.png");
        background-repeat: no-repeat;
        background-position: left bottom;
    }

i.run-payroll {
    display: inline-block;
    width: 16px;
    height: 16px;
    margin-left: 2px;
    margin-right: 8px;
    background-image: url("../../System/Img/runprocess_16.png");
    background-repeat: no-repeat;
    background-position: center center;
}

    i.run-payroll:hover {
        background-image: url("../../System/Img/runprocess_16h.png");
        background-repeat: no-repeat;
        background-position: center center;
    }

i.run-autopays {
    display: inline-block;
    width: 16px;
    height: 16px;
    margin-left: 2px;
    margin-right: 2px;
    background-image: url("../../System/Img/wand16.png");
    background-repeat: no-repeat;
    background-position: center center;
}

    i.run-autopays:hover {
        background-image: url("../../System/Img/wand16h.png");
        background-repeat: no-repeat;
        background-position: center center;
    }

i.run-importtime {
    display: inline-block;
    width: 16px;
    height: 16px;
    margin-left: 2px;
    margin-right: 2px;
    background-image: url("../../System/Img/upload16.png");
    background-repeat: no-repeat;
    background-position: center center;
}

    i.run-importtime:hover {
        background-image: url("../../System/Img/upload16h.png");
        background-repeat: no-repeat;
        background-position: center center;
    }

i.pref-link {
    display: inline-block;
    width: 16px;
    height: 16px;
    margin-left: 2px;
    margin-right: 2px;
    background-image: url("../../System/Img/settings_16x16.png");
    background-repeat: no-repeat;
    background-position: center center;
}

    i.pref-link:hover {
        background-image: url("../../System/Img/settings_16x16h.png");
        background-repeat: no-repeat;
        background-position: center center;
    }

a.tseOverrides {
    display: inline-block;
    height: 16px;
    width: 16px;
    background-image: url("../../System/Img/Toolbar16/TbrButtons5.png");
    background-repeat: no-repeat;
    background-position: center center;
}

    a.tseOverrides:hover {
        background-image: url("../../System/Img/Toolbar16/upTbrButtons5.png");
        background-repeat: no-repeat;
        background-position: center center;
        cursor: pointer;
    }

a.tseClear {
    display: inline-block;
    height: 16px;
    width: 16px;
    background-image: url("../../System/Img/Toolbar16/TbrButtons6.png");
    background-repeat: no-repeat;
    background-position: center center;
}

    a.tseClear:hover {
        background-image: url("../../System/Img/Toolbar16/upTbrButtons6.png");
        background-repeat: no-repeat;
        background-position: center center;
        cursor: pointer;
    }


a.manual-check-link {
    display: inline-block;
    width: 16px;
    height: 16px;
    margin-left: 2px;
    background-image: url("../../System/Img/checking_16x16.png");
    background-repeat: no-repeat;
    background-position: center center;
}

    a.manual-check-link:hover {
        background-image: url("../../System/Img/checking_16x16h.png");
        background-repeat: no-repeat;
        background-position: center center;
    }

a.gtn-link {
    display: inline-block;
    width: 16px;
    height: 16px;
    margin-left: 2px;
    background-image: url("../../System/Img/runprocess_16.png");
    background-repeat: no-repeat;
    background-position: center center;
}

    a.gtn-link:hover {
        background-image: url("../../System/Img/runprocess_16h.png");
        background-repeat: no-repeat;
        background-position: center center;
    }

a.view-link-no-pay {
    display: inline-block;
    width: 16px;
    height: 16px;
    margin-left: 2px;
    background-image: url("../../System/Img/linedpaperplus16.png");
    background-repeat: no-repeat;
    background-position: center center;
}

    a.view-link-no-pay:hover {
        background-image: url("../../System/Img/linedpaperplus16h.png");
        background-repeat: no-repeat;
        background-position: center center;
    }

a.view-link {
    display: inline-block;
    width: 16px;
    height: 16px;
    margin-left: 2px;
    background-image: url("../../System/Img/linedpapercheck16.png");
    background-repeat: no-repeat;
    background-position: center center;
}

    a.view-link:hover {
        background-image: url("../../System/Img/linedpapercheck16h.png");
        background-repeat: no-repeat;
        background-position: center center;
    }

.table.table-padded > tbody > tr > td, .table.table-padded > tbody > tr > th, .table.table-padded > tfoot > tr > td, .table.table-padded > tfoot > tr > th, .table.table-padded > thead > tr > td, .table.table-padded > thead > tr > th {
    padding: 4px;
}


a.link:hover {
    cursor: pointer;
}

table > tbody > tr.tr-border-none, table > tbody > tr > th.th-border-none, table > tbody > tr > td.td-border-none {
    border: none;
}


.bold {
    font-weight: bold;
}


.nobold {
    font-weight: normal;
    white-space: nowrap;
}

.search-results .form-control {
    height: 32px;
}

div.search-results ul.dropdown-menu li a {
    text-decoration: none;
}



.dropdown-menu > .active > a, .dropdown-menu > .active > a:focus, .dropdown-menu > .active > a:hover {
    color: #CF5300;
    text-decoration: none;
    outline: 0;
    background-color: #f7f7f7;
    background-image: none;
}

.dropdown-menu > li > a:focus, .dropdown-menu > li > a:hover {
    text-decoration: none;
    color: #CF5300;
    background-color: #dbe5ef;
}

a:focus, a:hover {
    color: #CF5300 !important;
    text-decoration: underline;
}

a {
    color: #1F3347;
    text-decoration: none;
}

    a i:hover {
        text-decoration: none;
    }

.pagination > li > a, .pagination > li > span {
    color: #1F3347;
}

    .pagination > li > a:focus, .pagination > li > a:hover, .pagination > li > span:focus, .pagination > li > span:hover {
        color: #CF5300;
    }

    .pagination > li > a.highlight {
        color: #CF5300;
        text-decoration: none;
    }
.pagination {
    display: inline-block;
    padding-left: 0;
    margin: 20px 0;
    border-radius: 4px
}

    .pagination > li {
        display: inline
    }

        .pagination > li > a, .pagination > li > span {
            position: relative;
            float: left;
            padding: 6px 12px;
            margin-left: -1px;
            line-height: 1.42857143;
            color: #337ab7;
            text-decoration: none;
            background-color: #fff;
            border: 1px solid #ddd
        }

        .pagination > li:first-child > a, .pagination > li:first-child > span {
            margin-left: 0;
            border-top-left-radius: 4px;
            border-bottom-left-radius: 4px
        }

        .pagination > li:last-child > a, .pagination > li:last-child > span {
            border-top-right-radius: 4px;
            border-bottom-right-radius: 4px
        }

        .pagination > li > a:focus, .pagination > li > a:hover, .pagination > li > span:focus, .pagination > li > span:hover {
            color: #23527c;
            background-color: #eee;
            border-color: #ddd
        }

    .pagination > .active > a, .pagination > .active > a:focus, .pagination > .active > a:hover, .pagination > .active > span, .pagination > .active > span:focus, .pagination > .active > span:hover {
        z-index: 2;
        color: #fff;
        cursor: default;
        background-color: #337ab7;
        border-color: #337ab7
    }

    .pagination > .disabled > a, .pagination > .disabled > a:focus, .pagination > .disabled > a:hover, .pagination > .disabled > span, .pagination > .disabled > span:focus, .pagination > .disabled > span:hover {
        color: #777;
        cursor: not-allowed;
        background-color: #fff;
        border-color: #ddd
    }

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

.nolist {
    list-style-type: none;
}

.icon-append {
    top: 4px !important;
    border: none !important;
    position: absolute;
    width: 20px;
    height: 20px;
    font-size: 14px;
    line-height: 22px;
    text-align: center;
    right: 7px;
    padding-left: 3px;
    border-left-width: 1px;
    border-left-style: solid;
    border-color: #BDBDBD;
    transition: border-color 0.3s;
    -o-transition: border-color 0.3s;
    -ms-transition: border-color 0.3s;
    -moz-transition: border-color 0.3s;
    -webkit-transition: border-color 0.3s;
    color: #A2A2A2;
}

    .icon-append + input {
        padding-right: 37px;
    }

    .icon-append.pods {
        top: 10px !important;
    }

    .icon-append-input-with-top-label {
        top: 37px !important;
        right: 12px !important;
    }

.pro-top .icon-append, .pro-control .icon-append {
    top: 8px !important;
}

.filter-control .icon-append {
    top: 6px !important;
    right: 14px;
}

div.div-left {
    float: left;
}


div.mg-frame {
    padding: 0px 0px 0px 0px;
}

.table-noborder > tbody > tr > td, .table-noborder > tbody > tr > th, .table-noborder > tfoot > tr > td, .table-noborder > tfoot > tr > th, .table-noborder > thead > tr > td, .table-noborder > thead > tr > th {
    border: 0px;
}

.table-nopadding > tbody > tr > td, .table-nopadding > tbody > tr > th, .table-nopadding > tfoot > tr > td, .table-nopadding > tfoot > tr > th, .table-nopadding > thead > tr > td, .table-nopadding > thead > tr > th {
    padding: 0px;
}

.table > tbody > tr > td.nopadding,
.table > tbody > tr > th.nopadding,
.table > tfoot > tr > td.nopadding,
.table > tfoot > tr > th.nopadding,
.table > thead > tr > td.nopadding,
.table > thead > tr > th.nopadding {
    padding: 0px;
}

.col-lg-1.nopadding,
.col-lg-10.nopadding,
.col-lg-11.nopadding,
.col-lg-12.nopadding,
.col-lg-2.nopadding,
.col-lg-3.nopadding,
.col-lg-4.nopadding,
.col-lg-5.nopadding,
.col-lg-6.nopadding,
.col-lg-7.nopadding,
.col-lg-8.nopadding,
.col-lg-9.nopadding,
.col-md-1.nopadding,
.col-md-10.nopadding,
.col-md-11.nopadding,
.col-md-12.nopadding,
.col-md-2.nopadding,
.col-md-3.nopadding,
.col-md-4.nopadding,
.col-md-5.nopadding,
.col-md-6.nopadding,
.col-md-7.nopadding,
.col-md-8.nopadding,
.col-md-9.nopadding,
.col-sm-1.nopadding,
.col-sm-10.nopadding,
.col-sm-11.nopadding,
.col-sm-12.nopadding,
.col-sm-2.nopadding,
.col-sm-3.nopadding,
.col-sm-4.nopadding,
.col-sm-5.nopadding,
.col-sm-6.nopadding,
.col-sm-7.nopadding,
.col-sm-8.nopadding,
.col-sm-9.nopadding,
.col-xs-1.nopadding,
.col-xs-10.nopadding,
.col-xs-11.nopadding,
.col-xs-12.nopadding,
.col-xs-2.nopadding,
.col-xs-3.nopadding,
.col-xs-4.nopadding,
.col-xs-5.nopadding,
.col-xs-6.nopadding,
.col-xs-7.nopadding,
.col-xs-8.nopadding,
.col-xs-9.nopadding {
    padding: 0px;
}

.carousel-caption h3 {
    color: black;
}


ul.search-desc {
    list-style: none;
    padding-left: 0;
}

.search-results p.description {
    margin-bottom: 3px;
}

    .search-results p.description a {
        padding-right: 10px;
        text-decoration: none;
    }

        .search-results p.description a:hover {
            color: #CF5300;
            text-decoration: none;
        }

.search-results a i {
    color: #222;
}

.search-results a:hover i {
    color: #CF5300;
}

img.small-photo {
    width: 24px;
    height: 24px;
}

.ee-selected {
    display: inline-block;
    margin: 0;
    padding: 11px 34px 11px 0 !important;
    background: none;
    vertical-align: top;
    color: #c9d8e7;
}

    .ee-selected > li {
        display: inline-block;
        list-style: none;
    }

.chat-body li.message img.img-content {
    position: relative;
}

input[type=file].no-show, input[type='file'].multi {
    display: none;
    width: 0;
    height: 0;
}

/*div.jarviswidget > header {
    border-color: #b0c6dc  !important;
    background: #b0c6dc;
}*/


a:hover {
    cursor: pointer;
}


table.table-nomargin {
    margin: 0px;
}

input[type=checkbox]:focus, input[type=radio]:focus {
    background-color: #66afe9;
}

.no-background > input[type=checkbox]:focus {
    background-color: transparent;
}

.input-group-addon, .input-group-btn {
    width: 7%;
}

#dpi {
    height: 1in;
    left: -100%;
    position: absolute;
    top: -100%;
    width: 1in;
}


.smart-style-3 .jarviswidget > header {
    background-color: #f78c40;
}

.smart-style-3 .fa {
    color: #058dc7;
}

    .smart-style-3 .fa:hover {
        color: #f78c40;
    }

.no-wrap {
    white-space: nowrap;
}

.mg-rating input:checked ~ label {
    color: green;
}

    .mg-rating input:checked ~ label.negative-rating {
        color: red;
    }

.mg-rating:not(.mg-rating-disabled) input + label:hover,
.mg-rating:not(.mg-rating-disabled) input + label:hover ~ label {
    color: yellow;
}

.mg-rating label {
    color: #ccc;
    transition: color 0.3s;
    -o-transition: color 0.3s;
    -ms-transition: color 0.3s;
    -moz-transition: color 0.3s;
    -webkit-transition: color 0.3s;
}

.mg-rating {
    margin-bottom: 4px;
    font-size: 13px;
    line-height: 25px;
    color: #404040;
}

    .mg-rating input {
        position: absolute;
        left: -9999px;
    }

    .mg-rating label {
        display: block;
        float: right;
        height: 17px;
        margin-top: 5px;
        padding: 0 2px;
        font-size: 17px;
        line-height: 17px;
        cursor: pointer;
    }

.has-error .checkbox, .has-error .checkbox-inline, .has-error .control-label, .has-error .help-block, .has-error .radio, .has-error .radio-inline {
    color: #FFA76D;
}

.has-error .form-control, .has-error input[type='text'], .has-error input[type='text'] + .input-group-addon {
    border-color: #FFA76D !important;
}


.smart-style-3 .has-error .checkbox, .smart-style-3 .has-error .checkbox-inline, .smart-style-3 .has-error .control-label, .smart-style-3 .has-error .help-block, .smart-style-3 .has-error .radio, .smart-style-3 .has-error .radio-inline {
    color: #FFA76D;
}

.smart-style-3 .has-error .form-control, .smart-style-3 .has-error input[type='text'], .smart-style-3 .has-error input[type='text'] + .input-group-addon {
    border-color: #FFA76D !important;
}

.smart-style-3 .fa-warning {
    color: #FFA76D !important;
}


/*-------------------------------------------------------------------*/
/* Timeline */
/*-------------------------------------------------------------------*/
@media (min-width: 768px) {
    .timeline-left {
        border-right: solid 5px #ddd;
    }

    .timeline-right {
        padding-top: 100px;
    }

    .timeline-event-left {
        width: 97%;
        position: relative;
    }

        .timeline-event-left:before {
            content: "";
            width: 20px;
            height: 20px;
            background-color: #4d7db3;
            border-radius: 50px;
            border: solid 4px #ddd;
            position: absolute;
            right: -37px;
            top: 13px;
            margin-left: -12px;
            z-index: 10;
        }

    .timeline-event-right:before {
        content: "";
        width: 20px;
        height: 20px;
        background-color: #4d7db3;
        border-radius: 50px;
        border: solid 4px #ddd;
        position: absolute;
        left: -25px;
        top: 13px;
        margin-left: -12px;
        z-index: 10;
    }

    .timeline-event-right {
        width: 97%;
        margin-left: 3%;
        position: relative;
    }

    .timeline-event:after {
        content: "";
        width: 0px;
        height: 0px;
        border-style: solid;
        position: absolute;
        top: 9px;
    }

    .timeline-event-left:after {
        border-width: 14px 0 14px 20px;
        border-color: transparent transparent transparent #4d7db3;
        right: -18px;
    }

    .timeline-event-right:after {
        border-width: 14px 20px 14px 0;
        border-color: transparent #0099da transparent transparent;
        left: -18px;
    }
}

@media (min-width: 992px) {
    .timeline-event-left:before {
        right: -41px;
        margin-left: -12px;
    }

    .timeline-event-right:before {
        left: -29px;
        margin-left: -12px;
    }
}

@media (min-width: 1200px) {
    .timeline-event-left:before {
        right: -44px;
        margin-left: -12px;
    }

    .timeline-event-right:before {
        left: -32px;
        margin-left: -12px;
    }
}

.timeline-title {
    text-align: center;
    display: block;
    margin: 0 auto 40px auto;
}

    .timeline-title span {
        background-color: #4d7db3;
        padding: 8px;
        color: #fff;
        border-radius: 3px;
    }
/* Timeline 2 */
@media (min-width: 768px) {
    .timeline-2 {
        border-left: solid 5px #eee;
        list-style-type: none;
        margin: 0;
        padding: 0;
        padding-left: 20px;
        margin-left: 110px;
    }

        .timeline-2 li {
            position: relative;
        }

    .timeline-2-point {
        top: 20px;
        left: -10px;
        width: 10px;
        height: 10px;
        position: absolute;
        background: #4d7db3;
        margin: 0 0 0 -17px;
        box-shadow: 0 0 0 4px #eee;
        -webkit-font-smoothing: antialiased;
        border-radius: 30px;
        z-index: 20;
    }

    .timeline-2 li:hover .timeline-2-point {
        background-color: #444;
    }

    .timeline-2 li .timeline-time {
        position: relative;
        top: 0px;
        left: -150px;
        z-index: 20;
        text-align: right;
        display: block;
        width: 100px;
    }

        .timeline-2 li .timeline-time span {
            display: block;
            font-size: 1.6em;
        }

    .timeline-2 li .panel,
    .timeline-2 li .alert,
    .timeline-2 li blockquote {
        margin-top: -45px;
        position: relative;
        top: 0;
    }
}

@media (max-width: 767px) {
    .timeline-2 {
        list-style-type: none;
        margin: 0;
        padding: 0;
    }

    .timeline-2-point {
        display: none;
    }

    .timeline-2 li {
        margin-bottom: 40px;
    }

        .timeline-2 li .timeline-time {
            font-size: 1.6em;
            padding-bottom: 20px;
            display: block;
        }
}


.timeline-2 {
    margin-top: 45px;
}

.float-left {
    float: left;
}

.map-div {
    height: 500px;
}

.groupImage {
    width: 100%;
}

.minified #left-panel {
    width: 100px;
}

.minified #main {
    margin-left: 100px;
}

.txt-default-blue1 {
    color: #b0c6dc;
}

.txt-default-blue2 {
    color: #333;
}

.txt-black {
    color: black;
}

.txt-orange {
    color: #FFA76D !important;
}

.txt-main-color {
    color: #1f3347 !important;
}

.txt-selected-color {
    color: #a6bfd8 !important;
}

.txt-dim-color {
    color: #999999 !important;
}

.jarviswidget.hover-header > header {
    display: none;
}

.jarviswidget.hover-header > div[role="content"] {
    border-top: 1px solid #ccc;
}

.ess-widget-button {
    margin: 10px;
}

.back-color-orange {
    background-color: #F09609;
}

.back-color-red {
    background-color: #E51400;
}

.back-color-light-red {
    background-color: #feaa9d;
}

.back-color-blue {
    background-color: blue;
}

.back-color-blue1 {
    background-color: #333;
}

.back-color-black {
    background-color: #333;
}

.back-color-green {
    background-color: #339933;
}

.back-color-light-green {
    background-color: #b2ec7e !important;
}


.back-color-yellow {
    background-color: yellow;
}

.back-color-yellow1 {
    background-color: #FFB400;
}

.back-color-yellow2 {
    background-color: #fffbb1 !important;
}

.back-color-teal {
    background-color: #00ABA9;
}

.back-color-lime {
    background-color: #A4C400;
}

.back-color-cyan {
    background-color: #1BA1E2;
}

.back-color-cobalt {
    background-color: #0050EF;
}

.back-color-indigo {
    background-color: #6A00FF;
}

.back-color-violet {
    background-color: #AA00FF;
}

.back-color-pink {
    background-color: #F472D0;
}

.back-color-magenta {
    background-color: #D80073;
}

.back-color-crimson {
    background-color: #A20025;
}

.back-color-amber {
    background-color: #F0A30A;
}

.back-color-olive {
    background-color: #6D8764;
}

.back-color-steel {
    background-color: #647687;
}

.back-color-mauve {
    background-color: #76608A;
}

.back-color-taupe {
    background-color: #87794E;
}

.back-color-light-green {
    background-color: #74B749 !important;
}

.back-color-orange {
    background-color: #F09609;
}

.back-color-red {
    background-color: #E51400;
}

.back-color-light-red {
    background-color: #feaa9d !important;
}

.back-color-blue {
    background-color: blue;
}

.back-color-blue1 {
    background-color: #333;
}

.back-color-green {
    background-color: #339933;
}

.back-color-light-green {
    background-color: #b2ec7e;
}







.font-color.back-color-orange {
    color: #F09609;
}

.font-color.back-color-red {
    color: #E51400;
}

.font-color.back-color-light-red {
    color: #feaa9d;
}

.font-color.back-color-blue {
    color: blue;
}

.font-color.back-color-blue1 {
    color: #333;
}

.font-color.back-color-black {
    color: #333;
}

.font-color.back-color-green {
    color: #339933;
}

.font-color.back-color-light-green {
    color: #b2ec7e !important;
}


.font-color.back-color-yellow {
    color: yellow;
}

.font-color.back-color-yellow1 {
    color: #FFB400;
}

.font-color.back-color-yellow2 {
    color: #fffbb1 !important;
}

.font-color.back-color-teal {
    color: #00ABA9;
}

.font-color.back-color-lime {
    color: #A4C400;
}

.font-color.back-color-cyan {
    color: #1BA1E2;
}

.font-color.back-color-cobalt {
    color: #0050EF;
}

.font-color.back-color-indigo {
    color: #6A00FF;
}

.font-color.back-color-violet {
    color: #AA00FF;
}

.font-color.back-color-pink {
    color: #F472D0;
}

.font-color.back-color-magenta {
    color: #D80073;
}

.font-color.back-color-crimson {
    color: #A20025;
}

.font-color.back-color-amber {
    color: #F0A30A;
}

.font-color.back-color-olive {
    color: #6D8764;
}

.font-color.back-color-steel {
    color: #647687;
}

.font-color.back-color-mauve {
    color: #76608A;
}

.font-color.back-color-taupe {
    color: #87794E;
}

.font-color.back-color-light-green {
    color: #74B749 !important;
}

.font-color.back-color-orange {
    color: #F09609;
}

.font-color.back-color-red {
    color: #E51400;
}

.font-color.back-color-light-red {
    color: #feaa9d !important;
}

.font-color.back-color-blue {
    color: blue;
}

.font-color.back-color-blue1 {
    color: #333;
}

.font-color.back-color-green {
    color: #339933;
}

.font-color.back-color-light-green {
    color: #b2ec7e;
}

.color-red {
    color: #E51400;
}

.color-orange {
    color: #F09609;
}

.color-error {
    color: #ffa76d;
}

.color-green {
    color: #339933;
}

.color-blue {
    color: blue;
}

.color-yellow {
    color: yellow;
}

.color-yellow1 {
    color: #FFB400;
}

.color-yellow2 {
    color: #fffbb1;
}

.color-teal {
    color: #00ABA9;
}

.color-lime {
    color: #A4C400;
}

.color-cyan {
    color: #1BA1E2;
}

.color-cobalt {
    color: #0050EF;
}

.color-indigo {
    color: #6A00FF;
}

.color-violet {
    color: #AA00FF;
}

.color-pink {
    color: #F472D0;
}

.color-magenta {
    color: #D80073;
}

.color-crimson {
    color: #A20025;
}

.color-amber {
    color: #F0A30A;
}

.color-olive {
    color: #6D8764;
}

.color-steel {
    color: #647687;
}

.color-mauve {
    color: #76608A;
}

.color-taupe {
    color: #87794E;
}

.color-gray {
    color: #ccc;
}

.color-light-green {
    color: #74B749;
}

.color-white {
    color: white;
}

.btn-icon i, .pgColorPicker i {
    font-size: 1.5em;
    font-weight: bold;
}

.menu-tile a.color-white {
    color: white;
}

    .menu-tile a.color-white:hover {
        color: #CF5300;
    }

.menu-tile a.color-gray {
    color: #c9d8e7;
}

    .menu-tile a.color-gray:hover {
        color: #CF5300;
    }

.menu-tile-clickable {
    cursor: pointer;
}

    .menu-tile-clickable:hover {
        opacity: 0.8;
    }

        .menu-tile-clickable:hover a, .menu-tile-clickable:hover .menu-item-parent {
            color: white;
        }

legend.legend-style-1 {
    background-color: #b0c6dc;
    padding-left: 10px;
    border-bottom: 2px solid rgba(0, 0, 0, 0.2);
}

.mini-desc {
    background-color: #F1F6FC;
    border: 1px solid #DAD7DD;
    color: rgb(51, 51, 51);
}

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

.TextEditor .editor {
    border: 1px solid #ccc;
    min-height: 200px;
    word-wrap: break-word;
    padding: 10px;
}

.TextEditor .editorPlain {
    border: 1px solid #ccc;
    min-height: 200px;
}

.bot-border {
    border-bottom: 1px solid black;
}

.all-border {
    border: 1px solid black;
    padding: 4px;
    margin-bottom: 6px;
}

.top-border {
    border-top: 1px solid black;
}

.bot-border.bot-border-2 {
    border-bottom: 2px solid black;
}


.top-border.top-border-2 {
    border-top: 1px solid black;
}

.bot-border.bot-border-3 {
    border-bottom: 3px solid black;
}


.top-border.top-border-3 {
    border-top: 3px solid black;
}

.bot-border-white {
    border-color: white;
}

.FileUploadGroup .popover {
    min-width: 500px;
}

th.rotate {
    height: 140px;
    white-space: nowrap;
}

    th.rotate > div {
        transform: translate(25px, 51px) rotate(270deg);
        width: 30px;
    }

        th.rotate > div > span {
            border-bottom: 1px solid #ccc;
            padding: 5px 10px;
            margin-left: 70px;
        }


span.mg-radio.text-right > label {
    margin-right: 15px;
}

span.mg-radio.text-left > label {
    margin-left: 10px;
}


img.mg-image {
    width: 100%;
}

.modal {
    z-index: 99999999;
}

div.filter-tooltip-div-sep > hr {
    margin: 0px;
}

i.back-color {
    top: 5px;
    left: 5px;
    width: 20px;
    height: 20px;
    position: absolute;
}

button.color-button {
    width: 30px;
    height: 30px;
    position: relative;
}

    button.color-button.font-color-button {
        width: 40px;
        height: 40px;
    }

input[type="checkbox"]:not(.checkbox) {
    margin-left: 5px;
    margin-right: 5px;
}

.ess-body {
    overflow: visible;
}

.chzn-container-multi .chzn-choices .search-field input {
    padding: 0px;
    margin: 0px;
}

.no-wrap-dots {
    white-space: nowrap !important;
    text-overflow: ellipsis !important;
    overflow: hidden !important;
}

span.multiselect-selected-text {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    width: 100%;
    height: 100%;
    display: flex !important;
    align-content: center;
    align-items: center;
}

button.multiselect.dropdown-toggle {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-position: right .75rem center;
    background-size: 16px 12px;
    padding-right: 40px;
    overflow: hidden;
    text-overflow: ellipsis;
}

button.multiselect.dropdown-toggle:after {
   content: none !important;
   border: none !important;
  
}

.multiselect-container.dropdown-menu .checkbox {
    padding-left: 0px;
}

.multiselect-container.dropdown-menu span.input-group-addon {
    display: none !important;
}

.multiselect-container.dropdown-menu input[type='checkbox']:not(.checkbox) {
    margin-left: -5px;
    margin-top: 3px;
}

.multiselect-container .input-group {
    margin: 0px;
}

.multiselect-container.dropdown-menu input.multiselect-search {
    height: 40px !important;
    width: 100% !important;
    padding: 12px 14px 12px 14px !important;
    margin: 10px !important;
    border: 1px solid var(--placeholder-color) !important;
    border-radius: 4px !important;
    font-size: 12px !important;
}

.multiselect-container > li > a > label {
    padding-left: 0px !important;
}

button.multiselect {
    white-space: normal;
}

div.progress {
    height: 40px;
    width: 100%;
}

div.progress-bar {
    padding-top: 10px;
    font-size: 1.2em;
}

div.editable-section-hover * {
    cursor: pointer;
    opacity: 0.7;
}

.drag-started {
    opacity: 0.7;
}

div.emptySection {
    min-height: 50px;
}

div.divFrameScript {
    display: none !important;
}

.bootstrapWizard li input.title.no-show {
    display: none;
}


.italic {
    font-style: italic;
}

table.mgRadioButtonList td {
    padding-left: 5px;
}

table.mgRadioButtonList input {
    margin-right: 5px;
}

.error-label {
    color: #ffa76d;
}

a.no-wrap > li {
    margin-right: 5px;
}

table.checkListMatrixTable td {
    padding: 5px;
}

div.mgSection {
    -webkit-box-shadow: 0px 0px 20px -4px rgba(0,0,0,0.38);
    -moz-box-shadow: 0px 0px 20px -4px rgba(0,0,0,0.38);
    box-shadow: 0px 0px 20px -4px rgba(0,0,0,0.38);
    margin: 10px;
}


a.backTag {
    float: right;
}


.float-right {
    float: right;
}

.float-left {
    float: left;
}

.well.well-white {
    background-color: white;
}

.mg-blue-link, .mg-blue-link-hover {
    color: #0078BC;
    cursor: pointer;
}

.mg-blue-link-hover:hover {
    text-decoration: underline;
}


.dataTable > tbody > tr > td:first-child > a.fa {
    width: 20px;
    text-align: center;
}

a.fa:hover {
    text-decoration: none;
}

label.mini-desc {
    font-size: 1em;
    padding: 0px;
    border: none;
    background-color: transparent;
}

div.smDescriptionDiv {
    margin-top: 5px;
    padding-top: 5px;
    margin-left: 20px;
    margin-right: 20px;
    width: calc(100% - 40px);
}

.PeopleGuruASYNCMedia image, .PeopleGuruASYNCMedia video, .PeopleGuruASYNCMedia object {
    width: 100%;
}

header[role="heading"] h2 {
    padding-left: 10px;
}


div.div-approval .spanApprText {
    margin: 2px;
}

div.div-approval {
    overflow: hidden;
}

div.page-settings {
    position: relative;
}


.addSection, .moreLessLabel {
    color: #696c6f;
    font-weight: bold;
}

.addSectionDiv {
    margin-top: 5px;
    padding-top: 5px;
    padding-bottom: 5px;
    background-color: #E9E9E9;
}

.main-section:hover {
    cursor: pointer;
}

    .main-section:hover .addSectionDiv {
        opacity: 0.5;
    }

    .main-section:hover .addSection {
        color: blue;
    }

img.img-content {
    width: 100%;
}

.role-menu {
    display: block;
    position: inherit;
    margin-top: 10px;
    border: 1px solid black;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 10px;
    padding-right: 10px;
}

.header-search > select#roledd {
    margin-top: 10px;
    width: 100%;
    height: 30px;
    outline: none;
    border: 1px solid #222222;
}

.fa-3-5x {
    font-size: 3.5em;
}


.fa-2-5x {
    font-size: 2.5em;
}

.fa-1-5x {
    font-size: 1.5em;
}

.fa-1-7-5x {
    font-size: 1.75em;
}

/*Stream Story*/

.streamMainWell {
    background-color: white;
}

div.fullscreenDiv {
    position: fixed;
    top: 0px;
    left: 0px;
    text-align: center;
    display: table;
    z-index: 99999;
    height: 100vh;
    min-width: 100%;
    align-content: center;
    background-color: rgba(29,33,41,0.9);
}

    div.fullscreenDiv img {
        display: block;
        position: absolute;
        top: 50%;
        left: 50%;
        max-height: 100%;
        width: 100%;
        transform: translate(-50%, -50%);
    }

    div.fullscreenDiv div.row {
        height: 100%;
        display: table-row;
    }

    div.fullscreenDiv div.fullscreenDiv-container {
        height: 100%;
        display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6 */
        display: -moz-box; /* OLD - Firefox 19- (buggy but mostly works) */
        display: -ms-flexbox; /* TWEENER - IE 10 */
        display: -webkit-flex; /* NEW - Chrome */
        display: flex;
        align-items: center;
        flex-wrap: wrap;
        background-color: white;
    }

    div.fullscreenDiv:hover {
        cursor: pointer;
    }

a.fullscreenDiv-close {
    color: white;
    float: left;
}

div.fullscreenDiv div.fullscreenDiv-container-right, div.fullscreenDiv div.fullscreenDiv-container-left {
    height: 100%;
}

    div.fullscreenDiv div.fullscreenDiv-container-right a, div.fullscreenDiv div.fullscreenDiv-container-left a {
        color: white;
    }

        div.fullscreenDiv div.fullscreenDiv-container-right a.changeImg, div.fullscreenDiv div.fullscreenDiv-container-left a.changeImg {
            font-size: 4em;
            position: absolute;
            top: 50%;
        }

        div.fullscreenDiv div.fullscreenDiv-container-right a.changeImg {
            left: 20px;
        }

        div.fullscreenDiv div.fullscreenDiv-container-left a.changeImg {
            right: 20px;
        }

img.fullscreen-img {
    width: 100%;
}

    img.fullscreen-img:hover {
        cursor: pointer;
    }

.stream-photo-container {
    text-align: center;
}



.div-story .img-content, .div-story .div-img-content, .div-story .vid-content {
    max-width: 400px;
    border: 1px solid gray;
    border-radius: 10px;
}

    .div-story .img-content:hover, .div-story .div-img-content:hover, .div-story .vid-content:hover {
        cursor: pointer;
        opacity: 0.8;
    }

.StreamContent .comment-text-row {
    padding-bottom: 10px;
}

.StreamContent .post_btn, .EmployeeInformationDiv .post_btn {
    height: 60px;
    float: left;
    background: #fff;
    text-align: center;
    display: table;
    padding-bottom: 0px;
    width: 100%;
}

.stream-options-container {
    padding-top: 20px;
}

.StreamContent .streamPostDiv, .EmployeeInformationDiv .streamPostDiv {
    border-bottom: 1px solid #3276b1;
}

.StreamContent .sliderLeft {
    left: -30px;
}


.StreamContent .post_btn_container.selected-social-tab div.post_btn, .EmployeeInformationDiv .post_btn_container.selected-social-tab div.post_btn {
    color: #3276b1;
}


    .StreamContent .post_btn_container.selected-social-tab div.post_btn i, .EmployeeInformationDiv .post_btn_container.selected-social-tab div.post_btn i {
        color: #3276b1;
    }

.StreamContent .post_wrapper, .EmployeeInformationDiv .post_wrapper {
    vertical-align: middle;
    padding-left: 2px;
    padding-right: 2px;
}

.StreamContent .post_btn:hover, .EmployeeInformationDiv .post_btn:hover {
    cursor: pointer;
    text-decoration: none;
    background-color: #f1f1f1;
}

    .StreamContent .post_btn:hover a, .EmployeeInformationDiv .post_btn:hover a {
        color: #CF5300;
    }


.StreamContent .post_wrapper:hover, .EmployeeInformationDiv .post_wrapper:hover {
    color: #cf5300;
    cursor: pointer;
    text-decoration: none;
}

.StreamContent div.filter-container {
    text-align: right;
    width: 100%;
    height: 34px;
}

.post_wrapper.no-points {
    opacity: 0.5;
}

.awardBalanceInfo {
    margin-top: 20px;
}

.StreamContent div.filters {
    display: inline-block;
}

.StreamContent div.filters_icon {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    white-space: nowrap;
    padding-left: 6px;
    padding-right: 6px;
}

.StreamContent a.filters_icon_disabled {
    color: #d5d5d5;
}

.StreamContent .stream-sharing {
    padding: 5px;
}

    .StreamContent .stream-sharing .sharingTag {
        font-size: 1.5em;
        margin-right: 25px;
    }

.StreamContent .span-PollAnswer {
    margin-right: 10px;
}

.StreamContent .friends-list img {
    width: 35px;
    height: 35px;
    border: 1px solid #FFF;
    outline: 1px solid #BFBFBF;
}

.StreamContent .friends-list a {
    color: #3276B1;
}

.StreamContent .message .txtComment {
    width: Calc(100% - 80px);
    height: auto;
    padding: 2px 4px 2px 4px;
    display: inline-block;
    border-radius: 10px !important;
    max-height: 30px !important;
}

.StreamContent .comment .comment-containter {
    border-radius: 10px;
    background-color: rgba(211,211,211,0.2);
    margin-top: 5px;
    word-wrap: break-word
}

body.body-mobile .StreamContent .message .txtComment {
    float: left !important;
    width: 100%;
}

.StreamContent input[type='submit'].btn-primary.cmdsubmitPoll {
    width: auto;
}

input[type='submit'].btn-primary.width-auto {
    width: auto;
}


.StreamContent span.poll-contest {
    width: 100%;
}

.StreamContent .table-poll .td-poll-question {
    background-color: #f7f7f7;
    border-spacing: 0px;
    padding: 6px 4px 6px 4px;
}

.StreamContent div.sub-photo {
    width: 18px;
    height: 18px;
    float: left;
    background-size: 100%;
    background-repeat: no-repeat;
    text-align: left;
    background-position: 0px center;
}

.StreamContent div.div-contest-poll {
    margin-bottom: 4px;
}

.StreamContent div.div-poll {
    width: 100%;
    background-color: #f7f7f7;
    margin-top: 4px;
    padding: 4px 0px 4px 0px;
}

.StreamContent .div-poll .ul-votes li {
    display: inline;
    list-style-type: none;
    padding: 6px 2px 4px 2px !important;
}


.StreamContent .table-poll .td-poll-answer {
    padding: 1px 1px 1px 6px;
    margin: 0 0 0 0;
    border-spacing: 0px;
}

.StreamContent .table-poll .td-poll-image {
    padding: 1px 1px 1px 6px;
    border-spacing: 0px;
}

.StreamContent .div-poll-percent-mine {
    padding: 3px 1px 3px 3px;
    background: url("../../System/Img/poll/sm_1_pct_on.jpg");
    background-repeat: no-repeat;
    overflow: visible;
    color: White;
}

.StreamContent .div-poll-percent-not-mine {
    padding: 3px 1px 3px 3px;
    background: url("../../System/Img/poll/sm_1_pct_off.jpg");
    background-repeat: no-repeat;
    overflow: visible;
}

.StreamContent i.send-PM-arrow, .StreamContent i.send-award-arrow {
    margin-left: 4px;
    margin-right: 4px;
}

.StreamContent i.send-PM-icon, .StreamContent i.send-award-icon {
    margin-right: 4px;
}

.StreamContent h2.person-name {
    margin-top: 0px;
    margin-bottom: 0px;
}

.StreamContent div.award-well {
    padding: 5px;
}

.StreamContent .mg-ProfileImg, .EmployeeInformationDiv .mg-ProfileImg {
    width: 80%;
}


.StreamContent H5.positionLabel {
    font-size: 1.3em;
    margin-top: 4px;
}


.StreamContent .div-img-badge {
    border-width: 0px;
    width: 100%;
}

.StreamContent .cmd-more-busy i:before {
    color: #CF5300;
    content: "\f110";
    font-family: FontAwesome;
    text-decoration: none;
}

.StreamContent .jarviswidget div.small-stream {
    max-height: 500px;
    overflow-x: auto;
    overflow-y: auto;
}

.StreamContent .widget-body .well {
    margin-bottom: 20px;
}

.StreamContent input[type='submit'].btn-primary.postCommentBtn {
    width: 75px;
    padding-top: 4px;
    padding-bottom: 4px;
    border-radius: 10px !important;
}

body.body-mobile .StreamContent input[type='submit'].btn-primary.postCommentBtn {
    width: 150px;
    margin-top: 15px;
}


.StreamContent .timeline-seperator {
    display: block;
    text-align: center;
    color: #999999;
    margin: 20px 0 0;
}

    .StreamContent .timeline-seperator > :first-child {
        padding: 4px 5px;
        border: 1px dashed rgba(0, 0, 0, 0.1);
        background: #ffffff;
        font-size: 11px;
        border-radius: 4px;
    }

    .StreamContent .timeline-seperator .btn,
    .StreamContent .timeline-seperator .btn + .dropdown-menu {
        margin-right: 15px;
    }

    .StreamContent .timeline-seperator:after {
        display: block;
        content: " ";
        margin: 0 20px;
        border-bottom: 1px dashed rgba(0, 0, 0, 0.1);
        margin-top: -8px;
        margin-left: 0px;
    }


.awardsDiv .awardImage {
    width: 54px;
    height: 54px;
}

.awardsDiv {
    position: relative;
}


    .awardsDiv .divGoBack {
        margin-top: -15px;
        margin-right: -15px;
    }

        .awardsDiv .divGoBack i {
            opacity: 0.5;
        }

            .awardsDiv .divGoBack i:hover {
                opacity: 1;
            }

.StreamContent .mg-ProfileImg.post_btn, .EmployeeInformationDiv .mg-ProfileImg.post_btn {
    margin-left: 0px;
    margin-right: 0px;
    margin-top: 10px;
}

.RecognitionAwardsSlider .sliderHolder {
    margin-top: -20px;
}

div.embededLinkDiv {
    padding: 8px;
    border-radius: 10px;
    margin-top: 10px;
    margin-bottom: 10px;
    background-color: rgba(56, 117, 215, 0.3);
}

    div.embededLinkDiv:hover {
        cursor: pointer;
    }

.embededLinkDesc {
    font-weight: bold;
}

/*Stream Story End*/

/*
 * Font Sizes
 */
.font-xs {
    font-size: 85% !important;
}

.font-sm {
    font-size: 95% !important;
}

.font-md {
    font-size: 130% !important;
}

.font-lg {
    font-size: 160% !important;
}

.font-xl {
    font-size: 200% !important;
}

.font-400 {
    font-size: 400% !important;
}

.popover-title-no-show {
    display: none;
}

.mgPopover, .popover {
    white-space: nowrap;
    width: auto;
    max-width: inherit;
}


.popoverHoverText {
    font-weight: bold;
}

textarea {
    resize: none
}

div.well {
    background-color: #fbfbfb;
}

.form-control.required, .form-select.required{
    -webkit-box-shadow: -3px 0px 0px 0px #b0c6dc !important;
    -moz-box-shadow: -3px 0px 0px 0px #b0c6dc !important;
    box-shadow: -3px 0px 0px 0px #b0c6dc !important;
}

.btn-group.required {
    -webkit-box-shadow: -3px 0px 0px 0px #b0c6dc !important;
    -moz-box-shadow: -3px 0px 0px 0px #b0c6dc !important;
    box-shadow: -3px 0px 0px 0px #b0c6dc !important;
    border-top-left-radius: 6px;
    border-bottom-left-radius: 6px;
}

.mg-mode-edit input[type='text'].mgPodsControl, .mg-mode-edit input[type='textarea'].mgPodsControl, .mg-mode-edit select.mgPodsControl,
.mg-mode-add input[type='text'].mgPodsControl, .mg-mode-add input[type='textarea'].mgPodsControl, .mg-mode-add select.mgPodsControl,
.mg-mode-delete input[type='text'].mgPodsControl, .mg-mode-delete input[type='textarea'].mgPodsControl, .mg-mode-delete select.mgPodsControl,
.mg-mode-clone input[type='text'].mgPodsControl, .mg-mode-clone input[type='textarea'].mgPodsControl, .mg-mode-clone select.mgPodsControl {
    color: #296191 !important;
}

.mgPodsControl.mg-label {
    font-weight: 600;
    padding: 10px;
    font-size: 14px;
}

.widget-loaded-div div.jarviswidget header[role='heading'] {
    background-color: #fff;
    color: #aaa;
    border-color: #ccc !important;
    border-bottom: none;
}

.widget-loaded-div div.jarviswidget header[role='heading'] {
    border-bottom-color: white !important;
}


.widget-loaded-div div[role='content'] {
    border-top: none;
}

.widget-loaded-div .jarviswidget-ctrls i {
    color: #666 !important;
}

.widget-loaded-div .jarviswidget-ctrls a {
    display: none;
    border: none;
}

.widget-loaded-div:hover .jarviswidget-ctrls a:not(.no-show) {
    display: block;
}

table.table tbody tr td.td-modified {
    background-color: AntiqueWhite;
}


.smart-form .toggle i.pgSwitch {
    white-space: nowrap;
    width: 120px;
    height: 22px;
    font-size: 20px;
}

    .smart-form .toggle i.pgSwitch:after {
        content: attr(data-swchoff-text);
        position: absolute;
        top: 2px;
        right: 8px;
        left: 8px;
        font-style: normal;
        font-size: 9px;
        line-height: 13px;
        font-weight: 700;
        text-align: left;
        color: #5f5f5f;
        font-size: 15px;
    }

    .smart-form .toggle i.pgSwitch:before {
        content: '';
        position: absolute;
        z-index: 1;
        top: 4px;
        right: 4px;
        display: block;
        width: 12px;
        height: 12px;
        border-radius: 50%;
        opacity: 1;
        transition: right 0.2s;
        -o-transition: right 0.2s;
        -ms-transition: right 0.2s;
        -moz-transition: right 0.2s;
        -webkit-transition: right 0.2s;
    }

.smart-form .toggle input:checked + i.pgSwitch:before {
    right: 105px;
}

#smart-styles a {
    white-space: normal;
}


.bg-color-timeOffEvent {
    background-color: #2b333e !important;
    opacity: 0.7;
}

.bg-color-transparent {
    background-color: transparent !important;
}

.pg-timepicker-div {
    background: #fff none repeat scroll 0 0;
    border: 1px solid #ddd;
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    height: 150px;
    margin: 0;
    outline: medium none;
    overflow-y: auto;
    width: 6.5em;
    z-index: 10001;
}

.pg-timepicker-ul {
    list-style: outside none none;
    margin: 0;
    padding: 0;
}

    .pg-timepicker-ul li {
        color: #000;
        cursor: pointer;
        list-style: outside none none;
        margin: 0;
        padding: 3px 0 3px 5px;
        white-space: nowrap;
    }

        .pg-timepicker-ul li:hover, .pg-timepicker-ul li.active {
            background-color: #66afe9;
        }

input.pg-time-textbox {
    width: 90px;
}


.jarviswidget > div:not(.pgWidgetContent) {
    border: 1px solid white !important;
}

div.jarviswidget > header:not(.non-customizable) {
    background-color: transparent !important;
    color: black !important;
    border: 1px solid transparent !important;
}

div.jarviswidget > header.non-customizable h2 {
    font-size: 1.5em;
    font-weight: 500;
    width: auto;
}

div.jarviswidget > header:not(.non-customizable) h2 {
    font-size: 2em;
    font-weight: 500;
    width: auto;
    display: inline-block;
}

div.jarviswidget > header:not(.non-customizable) > .jarviswidget-ctrls a {
    color: black !important;
}

.dt-toolbar {
    border-bottom-style: none;
}

.jarviswidget > header:not(.non-customizable) {
    height: auto;
}


.pgAddRecordButton {
    margin-left: 20px;
}

.fc-content {
    border: 1px solid;
}


.podsButtonDiv {
    margin-bottom: 10px;
}

.padding-right-5 {
    padding-right: 5px;
}

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

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

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


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

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

.margin-left-5 {
    margin-left: 5px;
}

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

.margin-left-15 {
    margin-left: 15px;
}

.margin-left-5-n {
    margin-left: -5px;
}

.margin-left-10-n {
    margin-left: -10px;
}

.margin-left-15-n {
    margin-left: -15px;
}

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

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

.margin-top-10 {
    margin-top: 10px;
}

a.pgHelpInfo:hover, a.pgCrm:hover, a.pgMessages:hover {
    text-decoration: none;
}

a.pgHelpInfo:not(.pgHelpInfoEss) i, a.pgCrm i, a.pgMessages i {
    margin-top: 5px;
    margin-right: 5px;
}

span.mg-label {
    white-space: pre-wrap; /* CSS3 */
    white-space: -moz-pre-wrap; /* Firefox */
    white-space: -pre-wrap; /* Opera <7 */
    white-space: -o-pre-wrap; /* Opera 7 */
    word-wrap: break-word; /* IE */
}

div.eeSectionImageDiv {
    width: auto !important;
}

.eeSectionImage {
    max-width: 150px !important;
    min-width: 50px !important;
    height: 90px !important;
}

    .eeSectionImage:hover {
        cursor: pointer;
        opacity: 0.5;
    }


.userRepDiv {
    max-height: 200px;
    overflow-x: auto;
    border: 1px solid #ccc;
}


    .userRepDiv .profileImg {
        height: 40px;
        width: 40px;
        margin: 5px;
    }

    .userRepDiv .NameLabelDiv {
        line-height: 50px;
        height: 50px;
    }



.userRow {
    margin: 5px;
}

.pointer-hover:hover {
    cursor: pointer;
    color: #cf5300;
}

.userRow:hover {
    cursor: pointer;
    background-color: #3875d7;
}

.userRow.selectedUser {
    background-color: #3875d7;
    opacity: 0.8;
}

.white-space-normal {
    white-space: normal;
}

.selectedPersonDiv {
    border: 1px solid #aaaaaa;
    background-color: #e4e4e4;
    border-radius: 3px;
    box-shadow: 0 0 2px #ffffff inset, 0 1px 0 rgba(0, 0, 0, 0.05);
    cursor: default;
    padding: 3px 20px 3px 5px;
    margin: 5px 0 5px 5px;
    width: auto;
    white-space: nowrap;
    float: left;
}

/*Default Styles Start*/
#header:not(.non-customizable) {
    background-color: #f1f1f1;
}

#ribbon:not(.non-customizable), .notEssPage div.legendHolder {
    background-color: rgb(79, 173, 38);
}

aside.non-ess-menu-panel:not(.non-customizable) {
    background-color: rgb(9, 90, 165);
    background-image: none;
}
/*Default Styles End*/


.font-size-1-2 {
    font-size: 1.2em;
}



.eeSectionAttach, .eeAuditLink {
    margin-left: 10px;
}


a.notificationQuickLink {
    color: blue;
}

img.weeklyRepImage {
    max-width: 50px;
}


.screenActions li a i {
    margin-right: 5px;
}

.screenActions li {
    text-align: left;
}

select.ajax-select-not-saved {
    border-color: #CF5300;
}

div.navbar-collapse.collapse.in {
    margin-top: 2px;
}

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

.center-header {
    width: auto;
    display: inline;
}

body.ess-body > div#ui-datepicker-div {
    display: none;
}

body.ess-body .schedule-inline-btn,
.pg-font-09 {
    font-size: 0.9em;
}


ul.reportColumnsUl {
    max-height: 300px;
    overflow-y: auto !important;
}
/*
 * buttons with labels
 */
.btn-label {
    position: relative;
    left: -12px;
    display: inline-block;
    padding: 6px 12px;
    background: rgba(0, 0, 0, 0.15);
    border-radius: 3px 0 0 3px;
}

.btn-label-right {
    right: -12px;
    left: auto;
}

.btn-labeled {
    padding-top: 0;
    padding-bottom: 0;
}

.btn-link {
    box-shadow: none;
    -webkit-box-shadow: none;
    font-size: 14px;
}

.no-margin {
    margin: 0 0 0 0;
}

.no-padding {
    padding: 0 0 0 0 !important;
}

/*XS Screen*/
@media (max-width: 768px) {
    i.star-i {
        font-size: 2em;
    }

    .xs-text-left {
        text-align: left !important;
    }

    span.radio-right.xs-radio-left input[type=radio] {
        float: left;
        margin-right: 7px;
        margin-left: 0px;
        position: absolute;
        left: 0px;
    }

    span.radio-right.xs-radio-left label {
        float: left;
        margin-left: 15px;
        margin-right: 0px;
    }
}



.roleIcon.ESS a {
    color: #fff;
}

.roleIcon.userIcon.ESS {
    margin-right: 10px;
    margin-top: 15px;
}



.roleIcon.roleSelected {
    color: #30b5e1;
}

.nav .open > a.roleIconTag, .nav .open > a.roleIconTag:focus, .nav .open > a.roleIconTag:hover {
    background-color: transparent;
}

.nav .open > a.roleIconButton, .nav .open > a.roleIconButton:focus, .nav .open > a.roleIconButton:hover {
    background-color: rgb(77, 125, 179);
}


div.sidebar-user-avatar.ProfileImg:hover {
    cursor: pointer;
}

div.divTimeline div.chzn-drop, div.divTimeline div.chzn-drop ul {
    max-height: 80px;
}


.right-click-form {
    display: none;
    z-index: 1000;
    position: absolute;
    overflow: hidden;
    border: 1px solid #CCC;
    white-space: nowrap;
    font-family: sans-serif;
    background: #FFF;
    color: #333;
    border-radius: 5px;
    padding: 0;
}

    .right-click-form li {
        padding: 8px 12px;
        cursor: pointer;
        list-style-type: none;
        transition: all .3s ease;
        user-select: none;
    }

        .right-click-form li:hover {
            background-color: #DEF;
        }

.carousel-tile {
    background-color: #f5f5f5;
    box-shadow: 1px 1px 5px grey;
}


.carousel-holder {
    padding-top: 20px;
    text-align: center;
    height: 50px;
    width: 100%;
}

.carousel-wrapper {
    text-align: center;
    width: 100%;
}

.carousel-circle {
    width: 10px;
    height: 10px;
    background-color: transparent;
    border: 2px solid white;
    border-radius: 5px;
    display: inline-block;
    margin: 5px;
    box-shadow: 1px 1px 5px grey;
}

    .carousel-circle:hover {
        cursor: pointer;
    }

    .carousel-circle.active {
        background-color: white
    }

div.carouselDiv {
    position: absolute;
    bottom: 10px;
}

div.div-spacer {
    width: 100%;
    height: 40px;
}

.txt-success {
    color: #356635;
}

div.transactionTile {
    width: 100%;
    height: 150px;
    padding-top: 20px;
}

    div.transactionTile:hover {
        cursor: pointer;
    }

div.transactionTileNum {
    text-align: center;
    color: white;
    font-size: 3em;
    font-weight: bold;
}

div.transactionTileDesc {
    text-align: center;
    color: white;
}

td.reviewTd {
    max-width: 200px;
    word-wrap: break-word;
}

.applPanel legend {
    display: table;
}


#exagomastercontainer *:not(.wrBorderBox), #exagomastercontainer :after {
    box-sizing: initial;
}


#exagomastercontainer *:not(.wrBorderBox), #exagomastercontainer :before {
    box-sizing: initial;
}

#exagomastercontainer table {
    border-collapse: initial;
}

#exagomastercontainer .wrSingleSelectFilterWidgetItem, #exagomastercontainer .wrSearchDDInput {
    box-sizing: border-box;
}

exago select {
    font-size: 12px;
}

exago input {
    font-size: 12px;
}

exago .wrDsgnTbContainer {
    width: 100%;
    height: 60px;
}

exago .wrHvTbContainer {
    height: 50px;
}

exago .wrDashboardToolbarMenuTitle {
    height: 30px;
}

.mg-listbox + .btn-group, .mg-listbox + .btn-group button.multiselect, .btn-group-100 .btn-group {
    width: 100%;
}


.multipleSelectCustomHeight +  .btn-group, .customHeight + .btn-group button.multiselect {
    min-height: 40px !important;
}

.multipleSelectCustomWidth +  .btn-group, .customHeight + .btn-group button.multiselect {
    min-height: 40px !important;
    width: 200px !important;
}

.buttonCustomHeightAndMargin {
    height: 40px !important;
    margin-top: 4px !important;
}


.msger {
    justify-content: space-between;
    width: 600px;
    max-width: 867px;
    min-height: 500px;
    margin: 25px 10px;
    height: auto;
    border: 2px solid #ddd;
    border-radius: 5px;
    box-shadow: 0 15px 15px -5px rgba(0, 0, 0, 0.2);
    position: fixed;
    right: 20px;
    bottom: 0px;
    display: flex;
    flex-direction: column;
    height: 700px;
}

.msger-inline {
    position: relative;
    margin: 0px;
    right: 0px;
    top: 0px;
    max-width: 100%;
    width: 100%;
}

.msger.no-show {
    display: none;
}

.msger-header {
    display: flex;
    justify-content: space-between;
    padding: 10px;
    border-bottom: 2px solid #ddd;
    background: #eee;
    color: #666;
}

.msger-chat {
    flex: 1;
    overflow-y: auto;
    padding: 10px;
}

.msgs {
    margin-bottom: 20px;
}

.msger-chat::-webkit-scrollbar {
    width: 6px;
}

.msger-chat::-webkit-scrollbar-track {
    background: #ddd;
}

.msger-chat::-webkit-scrollbar-thumb {
    background: #bdbdbd;
}


.msg {
    display: flex;
    align-items: flex-end;
    margin-bottom: 10px;
}

    .msg:last-of-type {
        margin: 0;
    }

.msg-img {
    width: 50px;
    height: 50px;
    margin-right: 10px;
    background: #ddd;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    border-radius: 50%;
}

.msg-bubble {
    max-width: 450px;
    padding: 15px;
    border-radius: 15px;
}

.msg.right-msg .msg-bubble {
    background: #579ffb;
}

.msg.left-msg .msg-bubble {
    background: #ececec;
}

.msg-info {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 10px;
}

.msg-info-name {
    margin-right: 10px;
    font-weight: bold;
}

.msg-info-time {
    font-size: 0.85em;
}

.left-msg .msg-bubble {
    border-bottom-left-radius: 0;
}

.right-msg {
    flex-direction: row-reverse;
}

    .right-msg .msg-bubble {
        color: #fff;
        border-bottom-right-radius: 0;
    }

    .right-msg .msg-img {
        margin: 0 0 0 10px;
    }

.msger-inputarea {
    padding: 10px;
    border-top: 2px solid #ddd;
    background: #eee;
}

    .msger-inputarea * {
        padding: 10px;
        border: none;
        border-radius: 3px;
        font-size: 1em;
    }

.msger-input {
    flex: 1;
    background: #ddd;
}

.msger-search-input {
    flex: 1;
    background: #ddd;
}

.msger-send-btn {
    margin-left: 10px;
    background: rgb(0, 196, 65);
    color: #fff;
    font-weight: bold;
    cursor: pointer;
    transition: background 0.23s;
}

    .msger-send-btn:hover {
        background: rgb(0, 180, 50);
    }

.msger-chat {
    background-color: #fcfcfe;
}

.msger-header-options a:hover {
    cursor: pointer;
}

.ticontainer {
    margin-left: 60px;
    margin-top: 20px;
}

.tiblock {
    align-items: center;
    display: flex;
    height: 17px;
}

.ticontainer .tidot {
    background-color: #90949c;
}

.tidot {
    -webkit-animation: mercuryTypingAnimation 1.5s infinite ease-in-out;
    border-radius: 3px;
    display: inline-block;
    height: 6px;
    margin-right: 2px;
    width: 6px;
}

@-webkit-keyframes mercuryTypingAnimation {
    0% {
        -webkit-transform: translateY(0px)
    }

    28% {
        -webkit-transform: translateY(-5px)
    }

    44% {
        -webkit-transform: translateY(0px)
    }
}

.tidot:nth-child(1) {
    -webkit-animation-delay: 200ms;
}

.tidot:nth-child(2) {
    -webkit-animation-delay: 300ms;
}

.tidot:nth-child(3) {
    -webkit-animation-delay: 400ms;
}

.msg.no-show {
    display: none;
}

.chat-msg-unread {
    border-left: 15px solid cornflowerblue;
}

a.contact-list-a:hover,
a.group-list-a:hover {
    text-decoration: none;
}

li.contact-list-li-short:hover,
li.group-list-li-short:hover {
    cursor: pointer;
}

    li.contact-list-li-short:hover a.contact-list-a-short,
    li.group-list-li-short:hover a.group-list-a-short {
        font-size: 2em;
        width: 25px;
        height: 25px;
        background-color: #579ffb;
        color: white !important;
        border-radius: 5px;
        position: absolute;
    }

a.contact-list-a,
a.group-list-a {
    display: block;
}

    a.contact-list-a.no-show,
    a.group-list-a.no-show {
        display: none;
    }

span.msg-sel {
    padding: 5px;
    margin: 5px;
    background-color: #eee;
    border-top: 1px solid rgb(221, 221, 221);
    border-bottom: 1px solid rgb(221, 221, 221);
    cursor: pointer;
    border-radius: 10px;
}

span.msg-sel-item {
    width: 50%;
    text-align: center;
    font-weight: bold;
    background-color: transparent;
    border-radius: 10px;
    padding: 3px;
    padding-left: 10px;
    padding-right: 10px;
    margin: 15px;
}

    span.msg-sel-item.active {
        background-color: white;
    }

div.chat-msg-options {
    display: flex;
}

    div.chat-msg-options:hover {
        cursor: pointer;
    }

    div.chat-msg-options.no-show {
        display: none;
    }

div.chat-img {
    display: inline-block;
}

span.chat-filter {
    width: 50%;
    text-align: center;
    font-weight: bold;
}

    span.chat-filter.active {
        background-color: white;
        border-radius: 10px
    }

.msg-bubble .a-image, .msg-bubble .a-video, .msg-bubble .a-audio {
    width: 200px;
    height: 200px;
    display: inline-block;
}

    .msg-bubble .a-image img {
        width: 100%;
        height: 100%;
        border-radius: 20px;
    }

.msg-bubble .a-file {
    width: 200px;
    height: 100px;
    display: inline-block;
    text-align: center;
}

    .msg-bubble .a-file a {
        font-size: 6em;
        color: white;
    }

    .msg-bubble .a-file .a-file-name {
        word-wrap: break-word;
    }

span.total-unread.no-show {
    display: none;
}


div.schedule-popup, div.generic-popup {
    display: flex;
    justify-content: space-between;
    width: 50%;
    height: auto;
    max-height: 80%;
    border: 2px solid #ddd;
    border-radius: 5px;
    box-shadow: 0 15px 15px -5px rgba(0, 0, 0, 0.2);
    flex-direction: column;
    height: auto;
    background-color: white;
    z-index: 99999;
    position: fixed;
    left: 0px;
    right: 0px;
    margin-left: auto;
    margin-right: auto;
    top: 10%;
}

    div.schedule-popup.full-screen-popup, div.generic-popup.full-screen-popup {
        width: 100%;
        height: 100% !important;
        top: 0px;
        left: 0px;
        margin: 0px !important;
        min-height: 100% !important;
        min-width: 100% !important;
        z-index: 999999999;
    }

.full-screen-popup #ctl00_cmdFinish, .full-screen-popup #ctl00_cmdCancel, .full-screen-popup #ctl00_hyperClose {
    display: none !important;
}

    div.schedule-popup.day, div.schedule-popup.day-off {
        margin-left: initial;
        margin-right: initial;
    }

    div.schedule-popup.no-show {
        display: none;
    }


@media (max-width: 768px) {
    .msger {
        width: 100%;
        height: 100%;
        min-height: 100%;
        position: fixed;
        top: 0px;
        left: 0px;
        right: 0px;
        margin: 0px;
    }

    .msger-inline {
        position: relative;
        margin: 0px;
        right: 0px;
        top: 0px;
        max-width: 100%;
        width: 100%;
    }

    div.schedule-popup, div.generic-popup {
        width: 100%;
        height: 100%;
        min-height: 100%;
        position: fixed;
        top: 0px;
        left: 0px;
        right: 0px;
        margin: 0px;
    }
}

.schedule-popup-header, .generic-popup-header {
    display: flex;
    justify-content: space-between;
    padding: 10px;
    border-bottom: var(--border);
    background: #eee;
    color: #666;
}

    .schedule-popup-header:hover, .generic-popup-header:hover {
        cursor: move;
    }



.schedule-popup-header-options a:hover, .generic-popup-header-options {
    cursor: pointer;
}

.block-ruby {
    display: block ruby;
}

img.employee-image {
    width: 50px;
    border-radius: 50px;
    padding: 0px;
}

input.knockout-not-valid, select.knockout-not-valid, .textarea.knockout-not-valid {
    border-color: #FFA76D !important;
}

span.knockout-error-label {
    color: #FFA76D;
}


a.contact-list-a.contact-list-a-short, a.group-list-a.group-list-a-short {
    height: 16px;
}

.dropdown-menu {
    background-color: white;
}

.TourSelect {
    cursor: pointer !important;
}

.tourGuideShowElement {
    z-index: 9999998 !important;
}

.tourGuideHoverDiv {
    box-shadow: rgba(33, 33, 33, 0.8) 0px 0px 1px 2px, rgba(33, 33, 33, 0.5) 0px 0px 0px 5000px;
    position: absolute;
    z-index: 9999997;
    border-radius: 4px;
    border: 0 solid #e5e7eb;
    cursor: pointer !important;
}

.tourGuideHoverDivMultiple {
    box-shadow: rgba(79, 173, 38, 0.8) 0px 0px 1px 2px, rgba(79, 173, 38, 0.2) 0px 0px 0px 10px !important;
    background-color: rgba(79, 173, 38, 0.2) !important;
}


.tourGuideShowElementMultiple {
    box-shadow: rgba(79, 173, 38, 0.8) 0px 0px 1px 2px, rgba(79, 173, 38, 0.2) 0px 0px 0px 10px !important;
    background-color: rgba(79, 173, 38, 0.1) !important;
}


li.helper-multiple-li {
    box-shadow: 0 2px 10px 1px rgba(0, 0, 0, 0.4);
    position: absolute;
    background-color: rgba(247, 0, 119, 0.3);
    cursor: pointer;
}

    li.helper-multiple-li:hover, li.helper-multiple-li.selected-multiple-helper {
        background-color: rgba(247, 0, 119, 0.95);
    }

li.helper-multiple-li-left {
    margin-left: -70px;
}

    li.helper-multiple-li-left:hover, li.helper-multiple-li-left.selected-multiple-helper {
        margin-left: -60px;
    }

li.helper-multiple-li-right {
    margin-left: 20px;
}

    li.helper-multiple-li-right:hover, li.helper-multiple-li-right.selected-multiple-helper {
        margin-left: 10px;
    }


li.helper-multiple-li-left:after {
    content: " ";
    display: block;
    height: 0;
    left: 0;
    position: absolute;
    top: -15px;
    width: 0;
    border-top: none;
    border-right: none;
    border-bottom: none;
    border-left: none;
    top: auto;
    left: auto;
    right: auto;
    border-top: 15px solid rgba(247, 0, 119, 0.3);
    border-right: 15px solid transparent;
    right: -15px;
    top: 0;
}

li.helper-multiple-li-right:before {
    content: " ";
    display: block;
    height: 0;
    left: 0;
    position: absolute;
    top: -15px;
    width: 0;
    border-top: none;
    border-right: none;
    border-bottom: none;
    border-left: none;
    top: auto;
    left: auto;
    right: auto;
    border-top: 15px solid rgba(247, 0, 119, 0.3);
    border-left: 15px solid transparent;
    left: -15px;
    top: 0;
}

li.helper-multiple-li-left:hover:after, li.helper-multiple-li-left.selected-multiple-helper:after {
    border-top: 15px solid rgba(247, 0, 119, 0.95);
}

li.helper-multiple-li-right:hover:before, li.helper-multiple-li-right.selected-multiple-helper:before {
    border-top: 15px solid rgba(247, 0, 119, 0.95);
}

div.helper-multiple-div {
    background: none;
    color: #fff;
    display: block;
    font-size: 32px;
    overflow: hidden;
    text-decoration: none;
    width: 50px;
    text-align: center;
}

div.helper-multiple-section-div {
    height: 100px;
    display: block;
    border-radius: 3px 3px 0 0;
    background: rgba(0, 0, 0, 0.85);
    box-shadow: 0 0 9px 4px rgba(0, 0, 0, 0.4);
    bottom: 0;
    font-size: 16px;
    height: 100px;
    margin: 0 5% 0 5%;
    padding: 10px;
    position: fixed;
    width: 90%;
    z-index: 1000;
    z-index: 9999999;
    overflow: hidden;
}



    div.helper-multiple-section-div span.step-span {
        background: rgba(247, 0, 119, 0.95);
        border-radius: 3px;
        color: #fff;
        display: block;
        font-size: 32px;
        height: 46px;
        left: 40px;
        line-height: 50px;
        overflow: hidden;
        position: absolute;
        text-align: center;
        top: 25px;
        width: 50px;
    }


    div.helper-multiple-section-div.helper-multiple-section-div-design {
        height: 150px;
    }

body.body-helper-multiple {
    padding-bottom: 500px;
}


li.multiselect-item.multiselect-group label {
    padding-left: 10px;
    font-weight: bold;
}


.schedule-popup-main article {
    width: 100% !important;
}

.schedule-popup-main div[role='content'] {
    max-height: 500px !important;
    overflow: auto !important;
}


.listingSwitch .switch {
    position: relative;
    display: inline-block;
    width: 40px;
    height: 21px;
    margin-left: 10px;
    margin-right: 10px;
}

    .listingSwitch .switch input {
        opacity: 0;
        width: 0;
        height: 0;
    }

.listingSwitch .slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #ccc;
    -webkit-transition: .4s;
    transition: .4s;
    height: 100%;
    border-radius: 20px;
}

    .listingSwitch .slider:before {
        position: absolute;
        content: "";
        height: 13px;
        width: 14px;
        left: 4px;
        bottom: 4px;
        background-color: white;
        -webkit-transition: .4s;
        transition: .4s;
        border-radius: 7px;
    }

.listingSwitch input:checked + .slider {
    background-color: #2196F3;
}

.listingSwitch input:focus + .slider {
    box-shadow: 0 0 1px #2196F3;
}

.listingSwitch input:checked + .slider:before {
    -webkit-transform: translateX(18px);
    -ms-transform: translateX(18px);
    transform: translateX(18px);
}

.no-of-message.no-show {
    display: none !important;
}

.form-group.no-show {
    display: none !important
}

body, .btn, .form-control {
    font-size: 13px;
}

.no-show {
    display: none;
}

.col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .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-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .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-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 {
    position: relative;
    float: left;
}

div.modal {
    opacity: 1;
}

div.row {
    width: 100%;
}

.row.text-center {
    display: block;
}

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

.multiselect-clear-filter {
    display: none;
}

input.form-control.multiselect-search {
    margin-right: 20px;
}

.input-group-addon, .input-group-btn {
    width: initial;
}

.close {
    float: right;
    font-size: 19.5px;
    font-weight: 700;
    line-height: 1;
    color: #000;
    text-shadow: 0 1px 0 #fff;
    opacity: .2;
    filter: alpha(opacity=20)
}

    .close:focus,
    .close:hover {
        color: #000;
        text-decoration: none;
        cursor: pointer;
        opacity: .5;
        filter: alpha(opacity=50)
    }

button.close {
    padding: 0;
    cursor: pointer;
    background: 0 0;
    border: 0;
    -webkit-appearance: none;
    color: white;
    float: right
}

.bootstrap-dialog-header {
    width: 100%;
}

.collapse.in {
    display: block;
}

.fade.in {
    opacity: 1;
}

a.btn:hover {
    text-decoration: none !important;
}

span.pager-custom ul {
    display: flex !important;
}

a.dropdown-toggle::after {
    content: none
}

.btn-default {
    color: #333;
    background-color: #fff;
    border-color: #ccc;
}

    .btn-default:hover,
    .btn-default:focus,
    .btn-default:active,
    .btn-default.active,
    .open .dropdown-toggle.btn-default {
        color: #333;
        background-color: #ebebeb;
        border-color: #adadad;
    }

    .btn-default:active,
    .btn-default.active,
    .open .dropdown-toggle.btn-default {
        background-image: none;
    }

    .btn-default.disabled,
    .btn-default[disabled],
    fieldset[disabled] .btn-default,
    .btn-default.disabled:hover,
    .btn-default[disabled]:hover,
    fieldset[disabled] .btn-default:hover,
    .btn-default.disabled:focus,
    .btn-default[disabled]:focus,
    fieldset[disabled] .btn-default:focus,
    .btn-default.disabled:active,
    .btn-default[disabled]:active,
    fieldset[disabled] .btn-default:active,
    .btn-default.disabled.active,
    .btn-default[disabled].active,
    fieldset[disabled] .btn-default.active {
        background-color: #fff;
        border-color: #ccc;
    }

    .btn-default .badge {
        color: #fff;
        background-color: #333;
    }
@font-face {
    font-family: 'Glyphicons Halflings';
    src: url('../fonts/glyphicons-halflings-regular.eot');
    src: url('../fonts/glyphicons-halflings-regular.eot?#iefix') format('embedded-opentype'), url('../fonts/glyphicons-halflings-regular.woff') format('woff'), url('../fonts/glyphicons-halflings-regular.ttf') format('truetype'), url('../fonts/glyphicons-halflings-regular.svg#glyphicons_halflingsregular') format('svg');
}

.glyphicon {
    position: relative;
    top: 1px;
    display: inline-block;
    font-family: 'Glyphicons Halflings';
    font-style: normal;
    font-weight: normal;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.glyphicon-asterisk:before {
    content: "\2a";
}

.glyphicon-plus:before {
    content: "\2b";
}

.glyphicon-euro:before {
    content: "\20ac";
}

.glyphicon-minus:before {
    content: "\2212";
}

.glyphicon-cloud:before {
    content: "\2601";
}

.glyphicon-envelope:before {
    content: "\2709";
}

.glyphicon-pencil:before {
    content: "\270f";
}

.glyphicon-glass:before {
    content: "\e001";
}

.glyphicon-music:before {
    content: "\e002";
}

.glyphicon-search:before {
    content: "\e003";
}

.glyphicon-heart:before {
    content: "\e005";
}

.glyphicon-star:before {
    content: "\e006";
}

.glyphicon-star-empty:before {
    content: "\e007";
}

.glyphicon-user:before {
    content: "\e008";
}

.glyphicon-film:before {
    content: "\e009";
}

.glyphicon-th-large:before {
    content: "\e010";
}

.glyphicon-th:before {
    content: "\e011";
}

.glyphicon-th-list:before {
    content: "\e012";
}

.glyphicon-ok:before {
    content: "\e013";
}

.glyphicon-remove:before {
    content: "\e014";
}

.glyphicon-zoom-in:before {
    content: "\e015";
}

.glyphicon-zoom-out:before {
    content: "\e016";
}

.glyphicon-off:before {
    content: "\e017";
}

.glyphicon-signal:before {
    content: "\e018";
}

.glyphicon-cog:before {
    content: "\e019";
}

.glyphicon-trash:before {
    content: "\e020";
}

.glyphicon-home:before {
    content: "\e021";
}

.glyphicon-file:before {
    content: "\e022";
}

.glyphicon-time:before {
    content: "\e023";
}

.glyphicon-road:before {
    content: "\e024";
}

.glyphicon-download-alt:before {
    content: "\e025";
}

.glyphicon-download:before {
    content: "\e026";
}

.glyphicon-upload:before {
    content: "\e027";
}

.glyphicon-inbox:before {
    content: "\e028";
}

.glyphicon-play-circle:before {
    content: "\e029";
}

.glyphicon-repeat:before {
    content: "\e030";
}

.glyphicon-refresh:before {
    content: "\e031";
}

.glyphicon-list-alt:before {
    content: "\e032";
}

.glyphicon-lock:before {
    content: "\e033";
}

.glyphicon-flag:before {
    content: "\e034";
}

.glyphicon-headphones:before {
    content: "\e035";
}

.glyphicon-volume-off:before {
    content: "\e036";
}

.glyphicon-volume-down:before {
    content: "\e037";
}

.glyphicon-volume-up:before {
    content: "\e038";
}

.glyphicon-qrcode:before {
    content: "\e039";
}

.glyphicon-barcode:before {
    content: "\e040";
}

.glyphicon-tag:before {
    content: "\e041";
}

.glyphicon-tags:before {
    content: "\e042";
}

.glyphicon-book:before {
    content: "\e043";
}

.glyphicon-bookmark:before {
    content: "\e044";
}

.glyphicon-print:before {
    content: "\e045";
}

.glyphicon-camera:before {
    content: "\e046";
}

.glyphicon-font:before {
    content: "\e047";
}

.glyphicon-bold:before {
    content: "\e048";
}

.glyphicon-italic:before {
    content: "\e049";
}

.glyphicon-text-height:before {
    content: "\e050";
}

.glyphicon-text-width:before {
    content: "\e051";
}

.glyphicon-align-left:before {
    content: "\e052";
}

.glyphicon-align-center:before {
    content: "\e053";
}

.glyphicon-align-right:before {
    content: "\e054";
}

.glyphicon-align-justify:before {
    content: "\e055";
}

.glyphicon-list:before {
    content: "\e056";
}

.glyphicon-indent-left:before {
    content: "\e057";
}

.glyphicon-indent-right:before {
    content: "\e058";
}

.glyphicon-facetime-video:before {
    content: "\e059";
}

.glyphicon-picture:before {
    content: "\e060";
}

.glyphicon-map-marker:before {
    content: "\e062";
}

.glyphicon-adjust:before {
    content: "\e063";
}

.glyphicon-tint:before {
    content: "\e064";
}

.glyphicon-edit:before {
    content: "\e065";
}

.glyphicon-share:before {
    content: "\e066";
}

.glyphicon-check:before {
    content: "\e067";
}

.glyphicon-move:before {
    content: "\e068";
}

.glyphicon-step-backward:before {
    content: "\e069";
}

.glyphicon-fast-backward:before {
    content: "\e070";
}

.glyphicon-backward:before {
    content: "\e071";
}

.glyphicon-play:before {
    content: "\e072";
}

.glyphicon-pause:before {
    content: "\e073";
}

.glyphicon-stop:before {
    content: "\e074";
}

.glyphicon-forward:before {
    content: "\e075";
}

.glyphicon-fast-forward:before {
    content: "\e076";
}

.glyphicon-step-forward:before {
    content: "\e077";
}

.glyphicon-eject:before {
    content: "\e078";
}

.glyphicon-chevron-left:before {
    content: "\e079";
}

.glyphicon-chevron-right:before {
    content: "\e080";
}

.glyphicon-plus-sign:before {
    content: "\e081";
}

.glyphicon-minus-sign:before {
    content: "\e082";
}

.glyphicon-remove-sign:before {
    content: "\e083";
}

.glyphicon-ok-sign:before {
    content: "\e084";
}

.glyphicon-question-sign:before {
    content: "\e085";
}

.glyphicon-info-sign:before {
    content: "\e086";
}

.glyphicon-screenshot:before {
    content: "\e087";
}

.glyphicon-remove-circle:before {
    content: "\e088";
}

.glyphicon-ok-circle:before {
    content: "\e089";
}

.glyphicon-ban-circle:before {
    content: "\e090";
}

.glyphicon-arrow-left:before {
    content: "\e091";
}

.glyphicon-arrow-right:before {
    content: "\e092";
}

.glyphicon-arrow-up:before {
    content: "\e093";
}

.glyphicon-arrow-down:before {
    content: "\e094";
}

.glyphicon-share-alt:before {
    content: "\e095";
}

.glyphicon-resize-full:before {
    content: "\e096";
}

.glyphicon-resize-small:before {
    content: "\e097";
}

.glyphicon-exclamation-sign:before {
    content: "\e101";
}

.glyphicon-gift:before {
    content: "\e102";
}

.glyphicon-leaf:before {
    content: "\e103";
}

.glyphicon-fire:before {
    content: "\e104";
}

.glyphicon-eye-open:before {
    content: "\e105";
}

.glyphicon-eye-close:before {
    content: "\e106";
}

.glyphicon-warning-sign:before {
    content: "\e107";
}

.glyphicon-plane:before {
    content: "\e108";
}

.glyphicon-calendar:before {
    content: "\e109";
}

.glyphicon-random:before {
    content: "\e110";
}

.glyphicon-comment:before {
    content: "\e111";
}

.glyphicon-magnet:before {
    content: "\e112";
}

.glyphicon-chevron-up:before {
    content: "\e113";
}

.glyphicon-chevron-down:before {
    content: "\e114";
}

.glyphicon-retweet:before {
    content: "\e115";
}

.glyphicon-shopping-cart:before {
    content: "\e116";
}

.glyphicon-folder-close:before {
    content: "\e117";
}

.glyphicon-folder-open:before {
    content: "\e118";
}

.glyphicon-resize-vertical:before {
    content: "\e119";
}

.glyphicon-resize-horizontal:before {
    content: "\e120";
}

.glyphicon-hdd:before {
    content: "\e121";
}

.glyphicon-bullhorn:before {
    content: "\e122";
}

.glyphicon-bell:before {
    content: "\e123";
}

.glyphicon-certificate:before {
    content: "\e124";
}

.glyphicon-thumbs-up:before {
    content: "\e125";
}

.glyphicon-thumbs-down:before {
    content: "\e126";
}

.glyphicon-hand-right:before {
    content: "\e127";
}

.glyphicon-hand-left:before {
    content: "\e128";
}

.glyphicon-hand-up:before {
    content: "\e129";
}

.glyphicon-hand-down:before {
    content: "\e130";
}

.glyphicon-circle-arrow-right:before {
    content: "\e131";
}

.glyphicon-circle-arrow-left:before {
    content: "\e132";
}

.glyphicon-circle-arrow-up:before {
    content: "\e133";
}

.glyphicon-circle-arrow-down:before {
    content: "\e134";
}

.glyphicon-globe:before {
    content: "\e135";
}

.glyphicon-wrench:before {
    content: "\e136";
}

.glyphicon-tasks:before {
    content: "\e137";
}

.glyphicon-filter:before {
    content: "\e138";
}

.glyphicon-briefcase:before {
    content: "\e139";
}

.glyphicon-fullscreen:before {
    content: "\e140";
}

.glyphicon-dashboard:before {
    content: "\e141";
}

.glyphicon-paperclip:before {
    content: "\e142";
}

.glyphicon-heart-empty:before {
    content: "\e143";
}

.glyphicon-link:before {
    content: "\e144";
}

.glyphicon-phone:before {
    content: "\e145";
}

.glyphicon-pushpin:before {
    content: "\e146";
}

.glyphicon-usd:before {
    content: "\e148";
}

.glyphicon-gbp:before {
    content: "\e149";
}

.glyphicon-sort:before {
    content: "\e150";
}

.glyphicon-sort-by-alphabet:before {
    content: "\e151";
}

.glyphicon-sort-by-alphabet-alt:before {
    content: "\e152";
}

.glyphicon-sort-by-order:before {
    content: "\e153";
}

.glyphicon-sort-by-order-alt:before {
    content: "\e154";
}

.glyphicon-sort-by-attributes:before {
    content: "\e155";
}

.glyphicon-sort-by-attributes-alt:before {
    content: "\e156";
}

.glyphicon-unchecked:before {
    content: "\e157";
}

.glyphicon-expand:before {
    content: "\e158";
}

.glyphicon-collapse-down:before {
    content: "\e159";
}

.glyphicon-collapse-up:before {
    content: "\e160";
}

.glyphicon-log-in:before {
    content: "\e161";
}

.glyphicon-flash:before {
    content: "\e162";
}

.glyphicon-log-out:before {
    content: "\e163";
}

.glyphicon-new-window:before {
    content: "\e164";
}

.glyphicon-record:before {
    content: "\e165";
}

.glyphicon-save:before {
    content: "\e166";
}

.glyphicon-open:before {
    content: "\e167";
}

.glyphicon-saved:before {
    content: "\e168";
}

.glyphicon-import:before {
    content: "\e169";
}

.glyphicon-export:before {
    content: "\e170";
}

.glyphicon-send:before {
    content: "\e171";
}

.glyphicon-floppy-disk:before {
    content: "\e172";
}

.glyphicon-floppy-saved:before {
    content: "\e173";
}

.glyphicon-floppy-remove:before {
    content: "\e174";
}

.glyphicon-floppy-save:before {
    content: "\e175";
}

.glyphicon-floppy-open:before {
    content: "\e176";
}

.glyphicon-credit-card:before {
    content: "\e177";
}

.glyphicon-transfer:before {
    content: "\e178";
}

.glyphicon-cutlery:before {
    content: "\e179";
}

.glyphicon-header:before {
    content: "\e180";
}

.glyphicon-compressed:before {
    content: "\e181";
}

.glyphicon-earphone:before {
    content: "\e182";
}

.glyphicon-phone-alt:before {
    content: "\e183";
}

.glyphicon-tower:before {
    content: "\e184";
}

.glyphicon-stats:before {
    content: "\e185";
}

.glyphicon-sd-video:before {
    content: "\e186";
}

.glyphicon-hd-video:before {
    content: "\e187";
}

.glyphicon-subtitles:before {
    content: "\e188";
}

.glyphicon-sound-stereo:before {
    content: "\e189";
}

.glyphicon-sound-dolby:before {
    content: "\e190";
}

.glyphicon-sound-5-1:before {
    content: "\e191";
}

.glyphicon-sound-6-1:before {
    content: "\e192";
}

.glyphicon-sound-7-1:before {
    content: "\e193";
}

.glyphicon-copyright-mark:before {
    content: "\e194";
}

.glyphicon-registration-mark:before {
    content: "\e195";
}

.glyphicon-cloud-download:before {
    content: "\e197";
}

.glyphicon-cloud-upload:before {
    content: "\e198";
}

.glyphicon-tree-conifer:before {
    content: "\e199";
}

.glyphicon-tree-deciduous:before {
    content: "\e200";
}

.panel {
    margin-bottom: 20px;
    background-color: #fff;
    border: 1px solid transparent;
    border-radius: 4px;
    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, .05);
}

.panel-body {
    padding: 15px;
}

.panel-heading {
    padding: 10px 15px;
    border-bottom: 1px solid transparent;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
}

    .panel-heading > .dropdown .dropdown-toggle {
        color: inherit;
    }

.panel-title {
    margin-top: 0;
    margin-bottom: 0;
    font-size: 16px;
    color: inherit;
}

    .panel-title > a {
        color: inherit;
    }

.panel-footer {
    padding: 10px 15px;
    background-color: #f5f5f5;
    border-top: 1px solid #ddd;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;
}

.panel > .list-group {
    margin-bottom: 0;
}

    .panel > .list-group .list-group-item {
        border-width: 1px 0;
        border-radius: 0;
    }

    .panel > .list-group:first-child .list-group-item:first-child {
        border-top: 0;
        border-top-left-radius: 3px;
        border-top-right-radius: 3px;
    }

    .panel > .list-group:last-child .list-group-item:last-child {
        border-bottom: 0;
        border-bottom-right-radius: 3px;
        border-bottom-left-radius: 3px;
    }

.panel-heading + .list-group .list-group-item:first-child {
    border-top-width: 0;
}

.panel > .table,
.panel > .table-responsive > .table {
    margin-bottom: 0;
}

    .panel > .table:first-child,
    .panel > .table-responsive:first-child > .table:first-child {
        border-top-left-radius: 3px;
        border-top-right-radius: 3px;
    }

        .panel > .table:first-child > thead:first-child > tr:first-child td:first-child,
        .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child td:first-child,
        .panel > .table:first-child > tbody:first-child > tr:first-child td:first-child,
        .panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child td:first-child,
        .panel > .table:first-child > thead:first-child > tr:first-child th:first-child,
        .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child th:first-child,
        .panel > .table:first-child > tbody:first-child > tr:first-child th:first-child,
        .panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child th:first-child {
            border-top-left-radius: 3px;
        }

        .panel > .table:first-child > thead:first-child > tr:first-child td:last-child,
        .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child td:last-child,
        .panel > .table:first-child > tbody:first-child > tr:first-child td:last-child,
        .panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child td:last-child,
        .panel > .table:first-child > thead:first-child > tr:first-child th:last-child,
        .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child th:last-child,
        .panel > .table:first-child > tbody:first-child > tr:first-child th:last-child,
        .panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child th:last-child {
            border-top-right-radius: 3px;
        }

    .panel > .table:last-child,
    .panel > .table-responsive:last-child > .table:last-child {
        border-bottom-right-radius: 3px;
        border-bottom-left-radius: 3px;
    }

        .panel > .table:last-child > tbody:last-child > tr:last-child td:first-child,
        .panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child td:first-child,
        .panel > .table:last-child > tfoot:last-child > tr:last-child td:first-child,
        .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child td:first-child,
        .panel > .table:last-child > tbody:last-child > tr:last-child th:first-child,
        .panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child th:first-child,
        .panel > .table:last-child > tfoot:last-child > tr:last-child th:first-child,
        .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child th:first-child {
            border-bottom-left-radius: 3px;
        }

        .panel > .table:last-child > tbody:last-child > tr:last-child td:last-child,
        .panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child td:last-child,
        .panel > .table:last-child > tfoot:last-child > tr:last-child td:last-child,
        .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child td:last-child,
        .panel > .table:last-child > tbody:last-child > tr:last-child th:last-child,
        .panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child th:last-child,
        .panel > .table:last-child > tfoot:last-child > tr:last-child th:last-child,
        .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child th:last-child {
            border-bottom-right-radius: 3px;
        }

.panel > .panel-body + .table,
.panel > .panel-body + .table-responsive {
    border-top: 1px solid #ddd;
}

.panel > .table > tbody:first-child > tr:first-child th,
.panel > .table > tbody:first-child > tr:first-child td {
    border-top: 0;
}



.panel > .table-responsive {
    margin-bottom: 0;
    border: 0;
}

.panel-group {
    margin-bottom: 20px;
}

    .panel-group .panel {
        margin-bottom: 0;
        overflow: hidden;
        border-radius: 4px;
    }

        .panel-group .panel + .panel {
            margin-top: 5px;
        }

    .panel-group .panel-heading {
        border-bottom: 0;
    }

        .panel-group .panel-heading + .panel-collapse .panel-body {
            border-top: 1px solid #ddd;
        }

    .panel-group .panel-footer {
        border-top: 0;
    }

        .panel-group .panel-footer + .panel-collapse .panel-body {
            border-bottom: 1px solid #ddd;
        }

.panel-default {
    border-color: #ddd;
}

    .panel-default > .panel-heading {
        color: #333;
        background-color: #f5f5f5;
        border-color: #ddd;
    }

        .panel-default > .panel-heading + .panel-collapse .panel-body {
            border-top-color: #ddd;
        }

    .panel-default > .panel-footer + .panel-collapse .panel-body {
        border-bottom-color: #ddd;
    }

.panel-primary {
    border-color: #428bca;
}

    .panel-primary > .panel-heading {
        color: #fff;
        background-color: #428bca;
        border-color: #428bca;
    }

        .panel-primary > .panel-heading + .panel-collapse .panel-body {
            border-top-color: #428bca;
        }

    .panel-primary > .panel-footer + .panel-collapse .panel-body {
        border-bottom-color: #428bca;
    }

.panel-success {
    border-color: #d6e9c6;
}

    .panel-success > .panel-heading {
        color: #3c763d;
        background-color: #dff0d8;
        border-color: #d6e9c6;
    }

        .panel-success > .panel-heading + .panel-collapse .panel-body {
            border-top-color: #d6e9c6;
        }

    .panel-success > .panel-footer + .panel-collapse .panel-body {
        border-bottom-color: #d6e9c6;
    }

.panel-info {
    border-color: #bce8f1;
}

    .panel-info > .panel-heading {
        color: #31708f;
        background-color: #d9edf7;
        border-color: #bce8f1;
    }

        .panel-info > .panel-heading + .panel-collapse .panel-body {
            border-top-color: #bce8f1;
        }

    .panel-info > .panel-footer + .panel-collapse .panel-body {
        border-bottom-color: #bce8f1;
    }

.panel-warning {
    border-color: #faebcc;
}

    .panel-warning > .panel-heading {
        color: #8a6d3b;
        background-color: #fcf8e3;
        border-color: #faebcc;
    }

        .panel-warning > .panel-heading + .panel-collapse .panel-body {
            border-top-color: #faebcc;
        }

    .panel-warning > .panel-footer + .panel-collapse .panel-body {
        border-bottom-color: #faebcc;
    }

.panel-danger {
    border-color: #ebccd1;
}

    .panel-danger > .panel-heading {
        color: #a94442;
        background-color: #f2dede;
        border-color: #ebccd1;
    }

        .panel-danger > .panel-heading + .panel-collapse .panel-body {
            border-top-color: #ebccd1;
        }

    .panel-danger > .panel-footer + .panel-collapse .panel-body {
        border-bottom-color: #ebccd1;
    }

.well {
    min-height: 20px;
    padding: 19px;
    margin-bottom: 20px;
    background-color: #f5f5f5;
    border: 1px solid #e3e3e3;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .05);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .05);
}

    .well blockquote {
        border-color: #ddd;
        border-color: rgba(0, 0, 0, .15);
    }

.well-lg {
    padding: 24px;
    border-radius: 6px;
}

.well-sm {
    padding: 9px;
    border-radius: 3px;
}

.dropdown-menu li a {
    display: block;
    width: 100%;
    padding: 0rem 1rem;
    clear: both;
    font-weight: 400;
    color: #212529;
    text-align: inherit;
    text-decoration: none;
    white-space: nowrap;
    background-color: transparent;
    border: 0;
    height: 25px;
}

    .dropdown-menu li a:hover, .dropdown-menu li a:focus {
        color: #1e2125;
        background-color: #e9ecef;
    }

    .dropdown-menu li a.active, .dropdown-menu li a:active {
        color: #fff;
        text-decoration: none;
        background-color: #0d6efd;
    }

    .dropdown-menu li a.disabled, .dropdown-menu li a:disabled {
        color: #adb5bd;
        pointer-events: none;
        background-color: transparent;
    }



ul.dropdown-menu {
    z-index: 99999;
}

input[type=checkbox].checkbox-right {
    margin-top: 4px;
}

.div-tab-bar .tab-bar {
    border: none;
    background: none;
    color: #222;
    font-weight: bold;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 55px;
    box-shadow: inset 0px -1px 0px rgba(13, 42, 82, 0.15);
}

div.div-tab-bar {
    border: none !important;
}

    div.div-tab-bar .tab-bar li {
        background: none !important;
        border: none !important;
        padding: 16px;
        font-weight: 500;
        font-size: 16px;
        line-height: 21px;
        color: var(--accent-color-carbon-grey);
        cursor: pointer;
        text-align: center;
        padding-left: 0;
        padding-right: 0;
        margin-right: 14px;
    }

        div.div-tab-bar .tab-bar li.ui-tabs-active {
            box-shadow: 0px 2px 0px #000;
            border-radius: 16px 16px 0px 0px;
            color: #000;
            margin-bottom: 0px;
            padding: 16px;
        }


/*Stream Story*/

.streamMainWell {
    background-color: white;
}

div.fullscreenDiv {
    position: fixed;
    top: 0px;
    left: 0px;
    text-align: center;
    display: table;
    z-index: 99999;
    height: 100vh;
    min-width: 100%;
    align-content: center;
    background-color: rgba(29,33,41,0.9);
}

    div.fullscreenDiv img {
        display: block;
        position: absolute;
        top: 50%;
        left: 50%;
        max-height: 100%;
        width: 100%;
        transform: translate(-50%, -50%);
    }

    div.fullscreenDiv div.row {
        height: 100%;
        display: table-row;
    }

    div.fullscreenDiv div.fullscreenDiv-container {
        height: 100%;
        display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6 */
        display: -moz-box; /* OLD - Firefox 19- (buggy but mostly works) */
        display: -ms-flexbox; /* TWEENER - IE 10 */
        display: -webkit-flex; /* NEW - Chrome */
        display: flex;
        align-items: center;
        flex-wrap: wrap;
        background-color: white;
    }

    div.fullscreenDiv:hover {
        cursor: pointer;
    }

a.fullscreenDiv-close {
    color: white;
    float: left;
}

div.fullscreenDiv div.fullscreenDiv-container-right, div.fullscreenDiv div.fullscreenDiv-container-left {
    height: 100%;
}

    div.fullscreenDiv div.fullscreenDiv-container-right a, div.fullscreenDiv div.fullscreenDiv-container-left a {
        color: white;
    }

        div.fullscreenDiv div.fullscreenDiv-container-right a.changeImg, div.fullscreenDiv div.fullscreenDiv-container-left a.changeImg {
            font-size: 4em;
            position: absolute;
            top: 50%;
        }

        div.fullscreenDiv div.fullscreenDiv-container-right a.changeImg {
            left: 20px;
        }

        div.fullscreenDiv div.fullscreenDiv-container-left a.changeImg {
            right: 20px;
        }

img.fullscreen-img {
    width: 100%;
}

    img.fullscreen-img:hover {
        cursor: pointer;
    }

.stream-photo-container {
    text-align: center;
}



.div-story .img-content, .div-story .div-img-content, .div-story .vid-content {
    max-width: 400px;
    border: 1px solid gray;
    border-radius: 10px;
}

    .div-story .img-content:hover, .div-story .div-img-content:hover, .div-story .vid-content:hover {
        cursor: pointer;
        opacity: 0.8;
    }

.StreamContent .comment-text-row {
    padding-bottom: 10px;
}

.StreamContent .post_btn, .EmployeeInformationDiv .post_btn {
    height: 60px;
    float: left;
    background: #fff;
    text-align: center;
    display: table;
    padding-bottom: 0px;
    width: 100%;
}

.stream-options-container {
    padding-top: 20px;
}

.StreamContent .streamPostDiv, .EmployeeInformationDiv .streamPostDiv {
    border-bottom: 1px solid #3276b1;
}

.StreamContent .sliderLeft {
    left: -30px;
}


.StreamContent .post_btn_container.selected-social-tab div.post_btn, .EmployeeInformationDiv .post_btn_container.selected-social-tab div.post_btn {
    color: #3276b1;
}


    .StreamContent .post_btn_container.selected-social-tab div.post_btn i, .EmployeeInformationDiv .post_btn_container.selected-social-tab div.post_btn i {
        color: #3276b1;
    }

.StreamContent .post_wrapper, .EmployeeInformationDiv .post_wrapper {
    vertical-align: middle;
    padding-left: 2px;
    padding-right: 2px;
}

.StreamContent .post_btn:hover, .EmployeeInformationDiv .post_btn:hover {
    cursor: pointer;
    text-decoration: none;
    background-color: #f1f1f1;
}

    .StreamContent .post_btn:hover a, .EmployeeInformationDiv .post_btn:hover a {
        color: #CF5300;
    }


.StreamContent .post_wrapper:hover, .EmployeeInformationDiv .post_wrapper:hover {
    color: #cf5300;
    cursor: pointer;
    text-decoration: none;
}

.StreamContent div.filter-container {
    text-align: right;
    width: 100%;
    height: 34px;
}

.post_wrapper.no-points {
    opacity: 0.5;
}

.awardBalanceInfo {
    margin-top: 20px;
}

.StreamContent div.filters {
    display: inline-block;
}

.StreamContent div.filters_icon {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    white-space: nowrap;
    padding-left: 6px;
    padding-right: 6px;
}

.StreamContent a.filters_icon_disabled {
    color: #d5d5d5;
}

.StreamContent .stream-sharing {
    padding: 5px;
}

    .StreamContent .stream-sharing .sharingTag {
        font-size: 1.5em;
        margin-right: 25px;
    }

.StreamContent .span-PollAnswer {
    margin-right: 10px;
}

.StreamContent .friends-list img {
    width: 35px;
    height: 35px;
    border: 1px solid #FFF;
    outline: 1px solid #BFBFBF;
}

.StreamContent .friends-list a {
    color: #3276B1;
}

.StreamContent .message .txtComment {
    width: Calc(100% - 100px);
    height: auto;
    padding: 2px 4px 2px 4px;
    display: inline-block;
    border-radius: 10px !important;
    max-height: 30px !important;
}

.StreamContent .comment .comment-containter {
    border-radius: 10px;
    background-color: rgba(211,211,211,0.2);
    margin-top: 5px;
    word-wrap: break-word
}

body.body-mobile .StreamContent .message .txtComment {
    float: left !important;
    width: 100%;
}

.StreamContent input[type='submit'].btn-primary.cmdsubmitPoll {
    width: auto;
}

input[type='submit'].btn-primary.width-auto {
    width: auto;
}


.StreamContent span.poll-contest {
    width: 100%;
}

.StreamContent .table-poll .td-poll-question {
    background-color: #f7f7f7;
    border-spacing: 0px;
    padding: 6px 4px 6px 4px;
}

.StreamContent div.sub-photo {
    width: 18px;
    height: 18px;
    float: left;
    background-size: 100%;
    background-repeat: no-repeat;
    text-align: left;
    background-position: 0px center;
}

.StreamContent div.div-contest-poll {
    margin-bottom: 4px;
}

.StreamContent div.div-poll {
    width: 100%;
    background-color: #f7f7f7;
    margin-top: 4px;
    padding: 4px 0px 4px 0px;
}

.StreamContent .div-poll .ul-votes li {
    display: inline;
    list-style-type: none;
    padding: 6px 2px 4px 2px !important;
}


.StreamContent .table-poll .td-poll-answer {
    padding: 1px 1px 1px 6px;
    margin: 0 0 0 0;
    border-spacing: 0px;
}

.StreamContent .table-poll .td-poll-image {
    padding: 1px 1px 1px 6px;
    border-spacing: 0px;
}

.StreamContent .div-poll-percent-mine {
    padding: 3px 1px 3px 3px;
    background: url("../../System/Img/poll/sm_1_pct_on.jpg");
    background-repeat: no-repeat;
    overflow: visible;
    color: White;
}

.StreamContent .div-poll-percent-not-mine {
    padding: 3px 1px 3px 3px;
    background: url("../../System/Img/poll/sm_1_pct_off.jpg");
    background-repeat: no-repeat;
    overflow: visible;
}

.StreamContent i.send-PM-arrow, .StreamContent i.send-award-arrow {
    margin-left: 4px;
    margin-right: 4px;
}

.StreamContent i.send-PM-icon, .StreamContent i.send-award-icon {
    margin-right: 4px;
}

.StreamContent h2.person-name {
    margin-top: 0px;
    margin-bottom: 0px;
}

.StreamContent div.award-well {
    padding: 5px;
}

.StreamContent .mg-ProfileImg, .EmployeeInformationDiv .mg-ProfileImg {
    width: 80%;
}


.StreamContent H5.positionLabel {
    font-size: 1.3em;
    margin-top: 4px;
}


.StreamContent .div-img-badge {
    border-width: 0px;
    width: 100%;
}

.StreamContent .cmd-more-busy i:before {
    color: #CF5300;
    content: "\f110";
    font-family: FontAwesome;
    text-decoration: none;
}

.StreamContent .jarviswidget div.small-stream {
    max-height: 500px;
    overflow-x: auto;
    overflow-y: auto;
}

.StreamContent .widget-body .well {
    margin-bottom: 20px;
}

.StreamContent input[type='submit'].btn-primary.postCommentBtn {
    width: 90px;
    padding-top: 4px;
    padding-bottom: 4px;
    border-radius: 10px !important;
}

body.body-mobile .StreamContent input[type='submit'].btn-primary.postCommentBtn {
    width: 150px;
    margin-top: 15px;
}


.StreamContent .timeline-seperator {
    display: block;
    text-align: center;
    color: #999999;
    margin: 20px 0 0;
}

    .StreamContent .timeline-seperator > :first-child {
        padding: 4px 5px;
        border: 1px dashed rgba(0, 0, 0, 0.1);
        background: #ffffff;
        font-size: 11px;
        border-radius: 4px;
    }

    .StreamContent .timeline-seperator .btn,
    .StreamContent .timeline-seperator .btn + .dropdown-menu {
        margin-right: 15px;
    }

    .StreamContent .timeline-seperator:after {
        display: block;
        content: " ";
        margin: 0 20px;
        border-bottom: 1px dashed rgba(0, 0, 0, 0.1);
        margin-top: -8px;
        margin-left: 0px;
    }


.awardsDiv .awardImage {
    width: 54px;
    height: 54px;
}

.awardsDiv {
    position: relative;
}


    .awardsDiv .divGoBack {
        margin-top: -15px;
        margin-right: -15px;
    }

        .awardsDiv .divGoBack i {
            opacity: 0.5;
        }

            .awardsDiv .divGoBack i:hover {
                opacity: 1;
            }

.StreamContent .mg-ProfileImg.post_btn, .EmployeeInformationDiv .mg-ProfileImg.post_btn {
    margin-left: 0px;
    margin-right: 0px;
    margin-top: 10px;
}

.RecognitionAwardsSlider .sliderHolder {
    margin-top: -20px;
}

.sliderHolder {
    width: auto;
}

div.embededLinkDiv {
    padding: 8px;
    border-radius: 10px;
    margin-top: 10px;
    margin-bottom: 10px;
    background-color: rgba(56, 117, 215, 0.3);
}

    div.embededLinkDiv:hover {
        cursor: pointer;
    }

.embededLinkDesc {
    font-weight: bold;
}

/*Stream Story End*/

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

@media (min-width: 768px) and (max-width: 991px) {
    .hidden-sm {
        display: none !important;
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .hidden-md {
        display: none !important;
    }
}

@media (min-width: 1200px) {
    .hidden-lg {
        display: none !important;
    }
}

#awardsUpd {
    display: contents;
}

a.nav-link .heading-five{
    padding-right: 10px;
    width: 100%;
}


table.tbl-approve tbody tr {
    display: table;
    width: 100%;
}

    table.tbl-approve tbody tr .chzn-container.chzn-container-multi {
        padding: 0px;
    }


/*-------------------------------------------------------------------*/
/* Timeline */
/*-------------------------------------------------------------------*/
@media (min-width: 768px) {
    .timeline-left {
        border-right: solid 5px #ddd;
    }

    .timeline-right {
        padding-top: 100px;
    }

    .timeline-event-left {
        width: 97%;
        position: relative;
    }

        .timeline-event-left:before {
            content: "";
            width: 20px;
            height: 20px;
            background-color: #4d7db3;
            border-radius: 50px;
            border: solid 4px #ddd;
            position: absolute;
            right: -37px;
            top: 13px;
            margin-left: -12px;
            z-index: 10;
        }

    .timeline-event-right:before {
        content: "";
        width: 20px;
        height: 20px;
        background-color: #4d7db3;
        border-radius: 50px;
        border: solid 4px #ddd;
        position: absolute;
        left: -25px;
        top: 13px;
        margin-left: -12px;
        z-index: 10;
    }

    .timeline-event-right {
        width: 97%;
        margin-left: 3%;
        position: relative;
    }

    .timeline-event:after {
        content: "";
        width: 0px;
        height: 0px;
        border-style: solid;
        position: absolute;
        top: 9px;
    }

    .timeline-event-left:after {
        border-width: 14px 0 14px 20px;
        border-color: transparent transparent transparent #4d7db3;
        right: -18px;
    }

    .timeline-event-right:after {
        border-width: 14px 20px 14px 0;
        border-color: transparent #0099da transparent transparent;
        left: -18px;
    }
}

@media (min-width: 992px) {
    .timeline-event-left:before {
        right: -41px;
        margin-left: -12px;
    }

    .timeline-event-right:before {
        left: -29px;
        margin-left: -12px;
    }
}

@media (min-width: 1200px) {
    .timeline-event-left:before {
        right: -44px;
        margin-left: -12px;
    }

    .timeline-event-right:before {
        left: -32px;
        margin-left: -12px;
    }
}

.timeline-title {
    text-align: center;
    display: block;
    margin: 0 auto 40px auto;
}

    .timeline-title span {
        background-color: #4d7db3;
        padding: 8px;
        color: #fff;
        border-radius: 3px;
    }
/* Timeline 2 */
@media (min-width: 768px) {
    .timeline-2 {
        border-left: solid 5px #eee;
        list-style-type: none;
        margin: 0;
        padding: 0;
        padding-left: 20px;
        margin-left: 110px;
    }

        .timeline-2 li {
            position: relative;
        }

    .timeline-2-point {
        top: 20px;
        left: -10px;
        width: 10px;
        height: 10px;
        position: absolute;
        background: #4d7db3;
        margin: 0 0 0 -17px;
        box-shadow: 0 0 0 4px #eee;
        -webkit-font-smoothing: antialiased;
        border-radius: 30px;
        z-index: 20;
    }

    .timeline-2 li:hover .timeline-2-point {
        background-color: #444;
    }

    .timeline-2 li .timeline-time {
        position: relative;
        top: 0px;
        left: -150px;
        z-index: 20;
        text-align: right;
        display: block;
        width: 100px;
    }

        .timeline-2 li .timeline-time span {
            display: block;
            font-size: 1.6em;
        }

    .timeline-2 li .panel,
    .timeline-2 li .alert,
    .timeline-2 li blockquote {
        margin-top: -45px;
        position: relative;
        top: 0;
    }
}

@media (max-width: 767px) {
    .timeline-2 {
        list-style-type: none;
        margin: 0;
        padding: 0;
    }

    .timeline-2-point {
        display: none;
    }

    .timeline-2 li {
        margin-bottom: 40px;
    }

        .timeline-2 li .timeline-time {
            font-size: 1.6em;
            padding-bottom: 20px;
            display: block;
        }

    .grid-view-wrapper .people-grid .buttons.profile-card-buttons {
        display: flow-root !important;
    }
}


.timeline-2 {
    margin-top: 45px;
}


.employee-dropdown {
    width: auto;
    max-width: 250px;
}

    .employee-dropdown{
        cursor: default;

    }

        .employee-dropdown:hover {
            border: 1px solid #DADADA;
        }

    .header-dropdown {
        width: 450px;
        z-index: 999999999;
    }


.header-dropdown .dropdown-element .element img.element-img {
    width: 30px;
    height: 30px;
}

.widgetCell .jarviswidget-ctrls {
    margin-bottom: 15px;
    display: contents;
}

.widgetCell .jarviswidget-ctrls a {
    float: right;
    font-size: 1.5em;
    padding-left: 8px;
    padding-right: 8px;
   
}

div.draggable-item-content {
    display: flex;
    flex-direction: column;
}

span.pager-span-listing.PGScrollShow {
    position: fixed;
    bottom: 20px;
    z-index: 10;
    border-radius: 20px;
    width: 450px;
    right: 0px;
    left: 0px;
    margin-right: calc(50% - 225px);
    margin-left: calc(50% - 225px);
    background-color: gainsboro;
    padding: 15px;
    opacity: 0.8;
}

    span.pager-span-listing.PGScrollShow span span:not(.pager-custom) {
        padding-top: 5px;
    }


.dashboard-widget-content {
    background: var(--white-color);
    border: 1px solid var(--border-color);
    box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.05);
    border-radius: 4px;
    padding: 24px 20px 35px;
    display: flex;
    flex-direction: column;
}

    .dashboard-widget-content:hover {
        border: 1px solid var(--black-color);
        box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.08);
        border-radius: 4px;
        background-image: none;
        background-repeat: no-repeat;
        background-position: right 12px bottom 12px;
        background-size: 16px 16px;
    }

    .dashboard-widget-content .hover-profile-dropdown {
        border-radius: 8px;
        width: 282px;
        outline: 1px solid var(--border-color);
        border: none;
        padding: 0px;
    }

        .dashboard-widget-content .hover-profile-dropdown img {
            border-top-left-radius: 8px;
            border-top-right-radius: 8px;
        }

        .dashboard-widget-content .hover-profile-dropdown .follow-user {
            padding: 16px;
        }

            .dashboard-widget-content .hover-profile-dropdown .follow-user .username {
                display: flex;
                align-items: center;
                gap: 16px;
                margin-bottom: 16px;
            }

                .dashboard-widget-content .hover-profile-dropdown .follow-user .username .follow {
                    color: var(--accent-color);
                }

            .dashboard-widget-content .hover-profile-dropdown .follow-user .user-contact {
                display: flex;
                gap: 6px;
                color: var(--text-color-medium);
                margin-bottom: 8px;
            }

            .dashboard-widget-content .hover-profile-dropdown .follow-user .underline {
                font-size: 12px !important;
                text-decoration: underline;
                color: var(--black-color);
                font-weight: 500;
            }

        .dashboard-widget-content .hover-profile-dropdown .footer {
            padding: 14px 12px;
            display: flex;
            justify-content: center;
            gap: 8px;
            align-items: center;
            background: var(--dark-bg-color);
        }

            .dashboard-widget-content .hover-profile-dropdown .footer button {
                font-weight: 500;
                font-size: 14px;
                line-height: 17px;
                color: var(--black-color);
                padding: 6px 0px;
                width: 126px;
                text-align: center;
                background-color: var(--white-color);
                border: none;
                border-radius: 4px;
            }

.dashboard-widget-content {
    background: var(--white-color);
    border: 1px solid var(--border-color);
    box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.05);
    border-radius: 4px;
    padding: 8px;
    position: relative;
    height: 100%;
    display: block;
    margin: 0px;
}

    .dashboard-widget-content:hover {
        border: 1px solid var(--black-color);
        box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.08);
        border-radius: 4px;
        position: relative;
        background-image: none;
        background-repeat: no-repeat;
        background-position: right bottom;
        background-size: 100%;
    }

    .dashboard-widget-content.slider-draggable {
        overflow-x: hidden;
    }

        .dashboard-widget-content.slider-draggable .slider-heading {
            display: flex;
            align-items: center;
            gap: 16px;
            margin-bottom: 32px;
        }

    .dashboard-widget-content .pg-card-top {
        display: flex;
        justify-content: space-between;
        align-items: center;
        margin-bottom: 32px;
    }

        .dashboard-widget-content .pg-card-top .dropdowns {
            display: flex;
            align-items: center;
            gap: 12px;
        }

            .dashboard-widget-content .pg-card-top .dropdowns .options-dropdown {
                background: #f6f6f6;
                display: flex;
                justify-content: center;
                align-items: center;
                padding: 3px;
                border-radius: 4px;
                width: 30px;
                border: none;
            }

                .dashboard-widget-content .pg-card-top .dropdowns .options-dropdown:focus {
                    outline: 1px solid var(--grey-color);
                    box-shadow: unset;
                }

                .dashboard-widget-content .pg-card-top .dropdowns .options-dropdown:hover {
                    outline: 1px solid var(--grey-color);
                }

                .dashboard-widget-content .pg-card-top .dropdowns .options-dropdown::after {
                    all: unset;
                }

            .dashboard-widget-content .pg-card-top .dropdowns .options-dropdown-menu {
                padding: 5px 0 !important;
            }

                .dashboard-widget-content .pg-card-top .dropdowns .options-dropdown-menu .dropdown-item {
                    display: flex;
                    align-items: center;
                    padding: 7px 16px !important;
                }

                    .dashboard-widget-content .pg-card-top .dropdowns .options-dropdown-menu .dropdown-item:hover {
                        background-color: var(--menu-tab-active-color);
                    }

                    .dashboard-widget-content .pg-card-top .dropdowns .options-dropdown-menu .dropdown-item:focus {
                        background-color: var(--menu-tab-active-color);
                    }

                .dashboard-widget-content .pg-card-top .dropdowns .options-dropdown-menu span {
                    font-weight: 500;
                }

                .dashboard-widget-content .pg-card-top .dropdowns .options-dropdown-menu svg {
                    margin-right: 12px;
                }

    .dashboard-widget-content .chart-section {
        text-align: center;
    }

    .dashboard-widget-content .inner-card-wrapper {
        margin-bottom: 16px;
    }

    .dashboard-widget-content .inner-card-content {
        padding: 16px;
        border: 1px solid #eaeaea;
        box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.05);
        border-radius: 4px;
    }

        .dashboard-widget-content .inner-card-content .status-section {
            display: flex;
            align-items: center;
            gap: 8px;
            margin-bottom: 8px;
        }

        .dashboard-widget-content .inner-card-content .flagged-section {
            display: flex;
            align-items: center;
            gap: 16px;
            margin-bottom: 16px;
        }

            .dashboard-widget-content .inner-card-content .flagged-section .task-name {
                font-weight: 400;
                line-height: 1.6;
            }

        .dashboard-widget-content .inner-card-content .bot-section {
            display: flex;
            justify-content: space-between;
        }

            .dashboard-widget-content .inner-card-content .bot-section .details {
                display: flex;
                align-items: center;
                gap: 16px;
            }

                .dashboard-widget-content .inner-card-content .bot-section .details li {
                    font-weight: 500;
                    font-size: 12px;
                    line-height: 15px;
                    color: var(--medium-grey-color);
                    position: relative;
                    padding-left: 8px;
                }

                    .dashboard-widget-content .inner-card-content .bot-section .details li::before {
                        content: "";
                        width: 4px;
                        height: 4px;
                        background-color: var(--black-color);
                        position: absolute;
                        left: 0;
                        top: 40%;
                        border-radius: 50%;
                    }

            .dashboard-widget-content .inner-card-content .bot-section .buttons {
                display: flex;
                gap: 6px;
            }

                .dashboard-widget-content .inner-card-content .bot-section .buttons .small-btns {
                    font-weight: 400;
                    display: flex;
                    gap: 2px;
                    align-items: center;
                    background-color: transparent;
                    font-size: 12px;
                    line-height: 15px;
                    padding: 2px 4px;
                    border: 1px solid var(--border-color);
                    border-radius: 4px;
                }
.dashboard-widget-cell {
    padding: 0px;
    margin: 0px;
}

    .dashboard-widget-cell #widget-grid-ReportProgress-screen article {
        width: 100% !important;
        border: 1px solid var(--border-color) !important;
    }



    .dashboard-widget-cell > div {
        width: 100%;
        height: 100%;
    }

.dashboard-widget-cell-template {
    padding: 0px;
    margin: 0px;
    background-color: lightgray;
}

    .dashboard-widget-cell-template.dashboard-cell-drop {
        background-color: lightgoldenrodyellow;
    }

.chartModel {
    display: flex;
}

.dashboard-widget-cell .drag-template {
    display: none;
}

.drag-dashboard-cell .dashboard-widget-content {
    display: none;
}
.dashboard-widget-cell.drag-dashboard-cell .drag-template {
    display: block;
    width: 100%;
    height: 100%;
    background-color: rgba(240,248,255,0.9);
}

.dashboard-widget-cell-config {
    display: none;
    background-color: rgba(173,216,230,0.9);
}

.dashboard-widget-cell.no-match .dashboard-widget-cell-config {
    background-color: red;
}

.card-charts-user-customize .dashboard-widget-cell-config {
    display: block;
}

.dashboard-library .widget-wrapper {
    display: flex;
    gap: 24px;
    padding-right: 10px;
    overflow-y: unset;
    height: auto;
    margin-bottom: 40px;
    padding: 10px;
}

    .dashboard-library .widget-wrapper .widget-img {
        width: 150px;
        height: 150px;
        outline: 1px solid var(--border-color);
        border-radius: 8px;
    }

        .dashboard-library .widget-wrapper .widget-img svg {
            width: 150px;
            height: 150px;
            padding: 10px;
        }

    .dashboard-library .widget-wrapper .widget-details {
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        align-items: flex-start;
    }

    .dashboard-library .widget-wrapper p {
        font-weight: 400;
        font-size: 1.5em;
        line-height: 1.3;
        color: var(--text-color-medium);
    }

    .dashboard-library .widget-wrapper .widget-btn {
        padding: 6px 12px;
        font-weight: 500;
        font-size: 12px;
        line-height: 15px;
        color: var(--white-color);
    }

    .dashboard-library .widget-wrapper .widget-btn-add {
        display: none;
        background-color: var(--accent-color);
    }

    .dashboard-library .widget-wrapper .widget-btn-added {
        display: none;
        background-color: var(--add-color);
    }

    .dashboard-library .widget-wrapper .widget-btn-show {
        display: flex;
    }

div.dashboard-btn {
    padding: 5px;
    border-radius: 5px;
}
div.dashboard-btn:hover {
    background-color: rgb(239, 239, 239);
}

label.config-label {
    font-size: 1.5em !important;
    opacity: 0.8 !important;
    font-weight: normal !important;
}

.bootstrap-dialog .bootstrap-dialog-title {
    color: black !important;
    font-weight: 700 !important;
}

.bootstrap-dialog-footer-buttons {
    display: flex;
}

.bootstrap-dialog-footer-buttons button {
    margin-left: 10px;
}

    .bootstrap-dialog-footer-buttons button.modal-ok, .bootstrap-dialog-footer-buttons button.modal-yes {
        background-color: var(--accent-color);
        border-color: var(--accent-color);
        color: white;
    }

div.ui-datepicker {
    z-index: 99999999999 !important;
}

.pg-warning-dialog {
    padding: 15px;
    border: 1px solid #dc3545;
    background-color: #f8d7da;
    color: #721c24;
    font-family: Arial, sans-serif;
    border-radius: 5px;
}

.svg-wrapper svg {
    width: 100%;
    height: 100%;
    padding: 10px;
}

.chartWidget .wrDashboardDesignPaneContainer {
    box-shadow: none !important;
}

div.dashboard-filter-icon {
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 999;
    background-color: white; 
    border-radius: 20px;
    width: 40px;
    height: 40px;
    border: 1px solid rgba(0, 0, 0, 0.08);
    text-align: center;
    padding-top: 10px;
    opacity: 0.6;
    cursor: pointer;
}

    div.dashboard-filter-icon:hover {
        opacity: 1;
    }

.taskTileModel .dropdowns {
    display: none !important;
}

.taskTileModel:hover .dropdowns {
    display: flex !important;
}

.dashboard-shortcut:hover, .dashboard-shortcut:hover a {
    color: #CF5300 !important;
    text-decoration: none;
}

table.table-hover tbody tr:hover {
    cursor: pointer;
    background-color: var(--table-hover-color);
}

.search-wrapper .calander {
    width: 200px;
}

.offcanvas-body {
   padding-top: 0px !important;
}

th.sort-asc::after {
    content: "";
    background-image: url(../assets/img/chevron-right.svg);
    position: absolute;
    right: 10px;
    top: 10px;
    width: 20px;
    height: 20px;
}

th.sort-desc::after {
    content: "";
    background-image: url(../assets/img/chevron-right.svg);
    position: absolute;
    right: 10px;
    top: 10px;
    width: 20px;
    height: 20px;
    transform: rotate(180deg);
}
th.sort-asc-new::after {
    content: "";
    background-image: url(../assets/img/chevron-right.svg);
    position: absolute;
    right: 10px;
    top: 18px;
    width: 20px;
    height: 20px;
}

th.sort-desc-new::after {
    content: "";
    background-image: url(../assets/img/chevron-right.svg);
    position: absolute;
    right: 10px;
    top: 18px;
    width: 20px;
    height: 20px;
    transform: rotate(180deg);
}

@keyframes sectionLoadingAnimation {
    0% {
        opacity: 1;
    }

    50% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@-o-keyframes sectionLoadingAnimation {
    0% {
        opacity: 1;
    }

    50% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@-moz-keyframes sectionLoadingAnimation {
    0% {
        opacity: 1;
    }

    50% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@-webkit-keyframes sectionLoadingAnimation {
    0% {
        opacity: 1;
    }

    50% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

.section-loading-animation {
    -webkit-animation: sectionLoadingAnimation 2s infinite;
    -moz-animation: sectionLoadingAnimation 2s infinite;
    -o-animation: sectionLoadingAnimation 2s infinite;
    animation: sectionLoadingAnimation 2s infinite;
}


.pg-app-add-post-button.PGScrollShow {
    position: fixed;
    bottom: 20px;
    z-index: 10;
    padding: 15px;
    opacity: 0.8;
    right: 20px;
}

.noselect {
    -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
    -khtml-user-select: none; /* Konqueror HTML */
    -moz-user-select: none; /* Old versions of Firefox */
    -ms-user-select: none; /* Internet Explorer/Edge */
    user-select: none; /* Non-prefixed version, currently
                                  supported by Chrome, Edge, Opera and Firefox */
}

.recognitionContestList li {
    cursor: pointer;
    border-radius: 10px;
    padding: 10px;
    margin: 5px;
}

    .recognitionContestList li.selected {
        background: var(--accent-color);
        opacity: 0.8;
    }

    .recognitionContestList li.selected h5 {
        color: white;
    }

.flag-wrapper {
    cursor: pointer;
}

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


.form-bootstrapWizard {
    display: flex;
    width: 100%;
    flex-direction: row-reverse;
}

    .form-bootstrapWizard .bootstrapWizard {
        flex: 1;
    }

    .form-bootstrapWizard a.fa-reply {
        margin-top: 10px;
    }

    .form-bootstrapWizard a.fa-reply:before {
        content: url('../../Global/assets/img/arrow-left.svg');
    }

    #pg-app-multi-step-form .step-wrapper #multistep_nav, .bootstrapWizard {
        overflow: hidden
    }

        .bootstrapWizard li {
            float: left;
        }


.pager {
    padding-left: 0;
    list-style: none;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    grid-gap: 10px;
    background: #f9fafd;
    padding: 28px !important;
    margin-left: -24px !important;
    margin-right: -24px !important;
}

    .pager li {
        display: inline;
    }

    .pager .previous > a, .pager .previous > span {
        float: left;
    }

    .pager .next > a, .pager .next > span {
        float: right;
    }

    .pager li > a, .pager li > span {
        border-radius: 2px;
        color: #0099da;
    }

    .pager li > a, .pager li > span {
        display: inline-block;
        padding: 5px 14px;
        background-color: #fff;
        border: 1px solid #ddd;
    }

    .pager li.next a {
        background-color: var(--accent-color-light);
        border-color: var(--accent-color-light) !important;
        color: var(--bg-color);
        padding: 10px 16px;
        border: 1px solid white;
        outline: none;
        border-radius: 4px;
        white-space: nowrap;
        grid-gap: 6px;
        font-family: var(--pg-family);
        line-height: 1;
    }

    .pager li.previous a {
        border-color: #1688e1 !important;
        color: #1688e1 !important;
        background-color: transparent !important;
        padding: 10px 16px;
        border: 1px solid white;
        outline: none;
        border-radius: 4px;
        white-space: nowrap;
        grid-gap: 6px;
        font-family: var(--pg-family);
        line-height: 1;
    }

.bootstrapWizard li {
    display: block;
}

    .bootstrapWizard li.active,.bootstrapWizard li.active ~ li {
        display: block;
    }

#bootstrap-wizard-1 .tab-content {
    height: calc(100vh - 300px);
    overflow-y: auto;
    overflow-x: hidden;
    width: 100%;
}

.bootstrapWizard li {
    padding: 0px;
}

    .bootstrapWizard li a {
        height: 100%;
        width: 100%;
        display: block;
        cursor: pointer;
        padding-top: 15px;
        padding-bottom: 15px;
    }

    .bootstrapWizard li a:hover {
        text-decoration: none;
    }

.pg-app-forms .pod-list-box {
    padding-left: 4px !important;
    padding-right: 4px !important;
}

.pod-list-box .btn-group {
    width: 100% !important;
    height: 36px;
}

.btn-group ul.multiselect-container li a label {
    width: 100% !important;
    display: flex;
    align-items: center;
}

.btn-group ul.multiselect-container li a label input[type="radio"] {
    margin-right: 4px !important;
}


.cursor-pointer {
    cursor: pointer;
}


.pg-app-value-updated, .pg-app-value-updated .multiselect span {
    color: #ff960a !important;
}


.form-check.checkbox-right input[type="checkbox"], .form-check.checkbox-right label{
    float: right;
}

.no-border{
    border: none !important;
}

.bootstrap-dialog-message{
    max-height: 500px;
    min-height: 25px;
    overflow: auto;
}

.pf-top-cards {
    padding-bottom: 0px !important;
    margin-bottom: 16px !important;
}

.rt-card .pg-mb-8 {
    margin-bottom: 0px;
}


.rt-card .mb-4 {
    margin-bottom: 12px !important;
}

.rt.pg-card-top {
    padding: 15px !important;
    padding-right: 15px;
    padding-left: 15px;
    padding-left: 25px !important;
    padding-right: 25px !important;
}

.rt-card.p-4 {
    margin-bottom: 16px !important;
    padding: 0px !important;
    padding-bottom: 8px !important;
}

.rt-card.pg-app-forms .form-group {
    margin-bottom: 0px !important;
}

div.isDivFrame {
    height: 100%;
}


.pg-full-screen {
    height: calc(100% + 14px);
    margin: -14px -44px 0px -44px;
}


.full-screen-popup .pg-full-screen {
    height: 100%;
    margin: 0px 0px 0px 0px;
}


    .pg-full-screen .pg-full-screen-header {
        background: #F9FAFD;
        padding: 5px;
        padding-bottom: 8px;
        padding-top: 8px;
        display: flex;
        align-items: center;
        justify-content: space-between;
        margin-bottom: 0px !important;
        padding-left: 20px !important;
        padding-right: 20px !important;
        border: 1px solid #E5E5E5;
        border-top: none;
        flex-wrap: wrap;
    }

        .pg-full-screen .pg-full-screen-header .pg-full-screen-header-right-section .pg-btn {
            padding: 6px !important;
        }

        .pg-full-screen .pg-full-screen-header .pg-full-screen-header-right-section {
            display: flex;
            align-items: center;
            gap: 8px;
            flex-wrap: wrap;
        }

            .pg-full-screen
            .pg-full-screen-header
            .pg-full-screen-header-right-section
            .pg-app-backbtn {
                display: flex;
                align-items: center;
                gap: 24px;
            }



        .pg-full-screen
        .pg-full-screen-header
        .pg-full-screen-header-left-section
        .pg-full-screen-header-status {
            display: flex;
            align-items: center;
            gap: 16px;
        }

    .pg-full-screen
    .pg-full-screen-header
    .pg-full-screen-header-left-section
    .pg-full-screen-header-status
    li {
        display: flex;
        align-items: center;
        gap: 8px;
        font-weight: 500;
        font-size: 14px;
        line-height: 17px;
        color: #000000;
    }

        .pg-full-screen
        .pg-full-screen-header
        .pg-full-screen-header-left-section
        .pg-full-screen-header-status
        li
        .pg-app-status-count {
            color: white;
            padding: 8px 10px;
            line-height: 1;
            background-color: var(--accent-color-light);
            border-radius: 4px;
        }

            .pg-full-screen
            .pg-full-screen-header
            .pg-full-screen-header-left-section
            .pg-full-screen-header-status
            li
            .pg-app-status-count.green {
                background: #4fad26;
            }


.event-screen-action {
    opacity: 0.5;
    border-radius: 4px;
    border: 1px solid var(--border-color);
}

    .event-screen-action.can-open {
        opacity: 1;
    }

.workforce-events-wrapper  {
   display: flex;
}

    .workforce-events-wrapper .record {
        width: 180px;
        border: 1px solid rgb(230,230,230);
        padding: 10px;
        border-radius: 10px;
        margin: 10px;
        display: flex;
        flex-direction: column;
        position: relative;
        background-color: white;
    }

        .workforce-events-wrapper .record:hover {
            background-color: rgb(249, 250, 253);
            cursor: pointer;
        }


        .workforce-events-wrapper .record.selected {
            border: 1px solid #146c43;
            background-color: rgba(20, 108, 67,0.5);
        }

        .workforce-events-wrapper .record.is-selected {
            border: 1px solid cornflowerblue;
            background-color: rgba(20, 108, 67,0.5);
        }


.events-cart {
    position: absolute;
    right: 0px;
    width: 40%;
    min-width: 400px;
    background-color: white;
    height: 100%;
    display: flex;
    border-radius: 10px;
    border-top-left-radius: 0px;
    border-bottom-left-radius: 0px;
}

    .events-cart .events-body {
        background-color: rgb(70, 62, 60);
        flex: 1;
        display: flex;
        flex-direction: column;
        border-radius: 10px;
        border-top-left-radius: 0px;
        border-bottom-left-radius: 0px;
    }

.workforce-events-wrapper-cart {
    flex-direction: column;
}

    .workforce-events-wrapper-cart .events-cart-record {
        display: flex;
        color: white;
        padding: 20px;
        border-bottom: 1px dashed white;
    }

        .workforce-events-wrapper-cart .events-cart-record a {
            color: white;
            margin-top: 10px;
        }


        .workforce-events-wrapper-cart .events-cart-record .title {
            font-weight: 600;
            font-size: 1.5em;
        }



.wizardSteps li.event-screen-action.action-tab {
    color: black;
}


.pods-screen-form legend {
    font-family: var(--pg-family);
    font-size: 1.3em !important;
    font-weight: 600;
    font-style: normal;
    line-height: 28px;
    color: var(--black-color);
    background: #f1f7fe;
    padding: 8px;
    margin-bottom: 12px;
    width: 100%;
    display: block;
    border-bottom: none;
}

    .pods-screen-form legend .section-title {
        font-family: var(--pg-family);
        font-size: 1.3em !important;
        font-weight: 600;
        font-style: normal;
    }


.pods-screen-form .UpdatePanelAJAX {
    width: 100%;
}

.pods-screen-form .btn-primary {
    color: white;
}

.mgPodsControl.btn {
    color: white;
}

.col-lg-12 .pods-btn-group {
    width: 100% !important;
    height: 36px;
}

.col-lg-12 .pods-btn-group .multiselect {
    width: 100% !important;
}

    .col-lg-12 .pods-btn-group .multiselect > span {
        width: 100% !important;
        text-overflow: ellipsis;
        overflow: hidden;
        display: flex !important;
        align-content: center;
        align-items: center;
    }

.pods-btn-group {
    height: 40px;
}

.pods-screen-form .pods-btn-group {
    width: 100% !important;
    height: 36px;
}

    .pods-screen-form .pods-btn-group .multiselect {
        width: 100% !important;
    }

        .pods-screen-form .pods-btn-group .multiselect > span {
            width: 100% !important;
            display: block !important;
            text-overflow: clip;
            text-wrap: nowrap;
            overflow: hidden;
        }


.pg-form input.txt-date{
    text-align: left !important;
}

a.pg-app-btn:hover{
    text-decoration: none !important;
    color: initial !important;
}

/*
.pods-screen-form .form-group {
    display: flex;
    flex-direction: column;
}*/


.paginate_button input[type="text"] {
    margin-left: 5px;
    margin-right: 5px;
}
/* Share survey */

.pg-share-survey {
    padding: 10px 16px;
    min-height: 40px;
    border-radius: 4px;
    background: #095aa5;
    color: #fff;
    text-align: center;
    font-size: 14px;
    font-weight: 600;
  }

.pg-send-servey-modal .modal-header h4,
.PG-MainHeader h4 {
    color: #000;
    font-size: 24px;
    font-weight: 600;
    line-height: 32px;
}
  .pg-send-servey-modal .form-group {
    width: 32%;
    margin-bottom: unset;
  }
  .pg-survey-data input[type="date"]::-webkit-calendar-picker-indicator {
    opacity: 0;
  }
  .pg-survey-data .form-select {
    background-image: url("../assets/svg/svg-calender.svg");
    background-size: 20px 20px;
  }
  .pg-add-filter {
    color: #095aa5;
    font-size: 14px;
    font-weight: 600;
    margin-bottom: unset;
    cursor: pointer;
  }
  .pg-table-title {
    color: #000;
    font-size: 20px;
    font-weight: 600;
    line-height: 28px;
    margin-bottom: 16px;
    margin-top: 16px;
  }
  .pg-send-servey-modal .pg-table tbody td .name {
    gap: 12px !important;
  }
  .send-survey-table-wrapper {
    display: flex;
    align-items: center;
    gap: 32px;
    overflow: auto;
  }
  .pg-send-table {
    max-width: 50%;
    min-width: 350px;
    display: flex;
    flex-direction: column;
    flex: 1;
    overflow: auto;
    height: calc(100vh - 410px);
  }
  .pg-send-survey-table {
    border: 1px solid #eee;
    border-bottom: unset;
    padding: unset;
  }
  
  .pg-send-servey-modal .pg-table table {
    min-width: unset;
    margin-bottom: unset;
  }
  .pg-send-survey-table .pg-app-report-table thead tr th:last-child {
    background-image: unset !important;
    padding: 12px !important;
    padding-left: 28px !important;
  }
  .pg-send-survey-table .pg-table thead tr {
    border-top: unset !important;
  }
  .pg-send-servey-modal .pg-app-btn.pg-app-primary-btn {
    background-color: #1688e1;
    padding: 9px 20px;
    width: 98px;
    height: 34px;
    outline: none;
    border: none;
  }
  .pg-send-servey-modal .pg-table thead tr th {
    padding: unset;
    padding-left: 25px !important;
    padding-bottom: 8px !important;
  }
  
  .pg-send-table table thead th:first-child {
    padding: 12px !important;
    display: flex;
    justify-content: center;
  }
  .pg-send-table .pg-table .pg-app-w-0 {
    padding: unset !important;
    width: 40px !important;
  }
  .pg-send-table .pg-table .pg-app-w-0 .form-check {
    display: flex;
    justify-content: center;
  }
  .pg-send-table .pending {
    padding: 6px 10px;
    border-radius: 2px;
    background: #fef7df;
    color: #ba9514;
    font-size: 12px;
    font-weight: 500;
  }
  .pg-hidden {
    display: none;
  }

  .pg-app-modal-body-custom.modal-body {
    border-top: 1px solid var(--border-color);
    border-bottom: 1px solid var(--border-color);
    width: 96%;
    padding: 1rem 6px !important;
    margin: 0 auto;
    overflow-x: hidden;
  }

  .pg-app-modal-body-custom .form-check {
    padding-left: unset !important;
  }
  .pg-app-modal-body-custom .form-check.form-check-inline {
    padding-left: 1.5em !important;
  }

  .version-number {
    color: #5f5f5f;
    font-size: 12px;
    font-style: normal;
    font-weight: 500;
    line-height: 150%;
    letter-spacing: 0.202px;
    margin-bottom: unset;
    margin-top: 2px;
  }

  /* Summary Tab */

.pg-summary-points {
    padding: 24px;
    background: #f1f7fe;
    border-radius: 8px;
    max-width: 697px;
    width: 100%;
  }
  .pg-summary-points {
    display: flex;
    justify-content: space-between;
  }
  .pg-summary-point-detail {
    position: relative;
  }
  .pg-summary-point-detail::before {
    position: absolute;
    content: "";
    width: 1px;
    height: 48px;
    background: #81c2f8;
    left: -16px;
  }
  .pg-summary-point-detail:first-child::before {
    display: none;
  }
  .pg-point-name {
    color: #000;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    margin-bottom: unset;
  }
  .pg-summary-point-number {
    color: #000;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 24px;
    margin-bottom: unset;
  }
  /* Graph */
  .pg-graph-question {
    color: #000;
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    margin-bottom: 40px;
  }
  .pg-graph {
    margin-top: 32px;
  }
  .graphs-response {
    color: #000;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
  }
  
  .pg-score {
    color: #333;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    margin-bottom: unset;
  }
  .pg-progress-container {
    width: 100px;
    height: 20px;
    border: 1px solid #ccc;
    overflow: hidden;
  }
  
  .pg-progress-bar {
    height: 100%;
    width: 100%;
    /* background: linear-gradient(to right, #ff5733, #ffbd33, #33ff57); */
  }
  .pg-column-chart {
    margin-top: 50px;
  }
  .pg-survey-editor .ql-toolbar {
    position: absolute;
    bottom: 0;
    width: 100%;
  }
  .pg-survey-editor .ql-editor {
    min-height: 200px;
    width: 100%;
  }
  .pg-survey-editor .ql-toolbar.ql-snow {
    border: unset;
    padding: 10px 16px;
    z-index: 99;
  }
  .pg-survey-editor {
    border-radius: 6px;
    border: 1px solid #dadada;
  }
  .pg-survey-editor .ql-container.ql-snow {
    border: unset;
  }

  .pg-culture-btn {
    color: #5f5f5f;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    padding: 11px;
    border-radius: 4px;
    border: 1px solid #c4c4c4;
    background: #f9fafd;
    white-space: nowrap;
  }

  .pg-culture-btn {
    color: #5f5f5f;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    padding: 11px;
    border-radius: 4px;
    border: 1px solid #c4c4c4;
    background: #f9fafd;
    white-space: nowrap;
  }
  .pg-response-tabs .tabs-section {
    box-shadow: unset;
  }
  .pg-response-tabs .tabs-section .tabs {
    gap: unset;
  }

  .pg-response-tabs .nav-tabs .nav-link {
    padding: 8px 16px !important;
    border-radius: 5px 0px 0px 5px;
    background: #f6f6f6;
    color: #667285;
    font-size: 14px !important;
    font-style: normal;
    font-weight: 500 !important;
    line-height: 20px !important;
    margin-right: unset !important;
    border: unset;
  }
  .pg-response-tabs .nav-item:first-child .nav-link.active {
    border-radius: 5px 0px 0px 5px !important;
  }
  .pg-response-tabs .nav-item:last-child .nav-link.active {
    border-radius: 0px 5px 5px 0px !important;
  }
  /* .response-tabs .nav-link:first-child.active {
    border-radius: 5px 0px 0px 5px !important;
  } */
  .pg-response-tabs .nav-link:last-child.active {
    border-radius: 0px 5px 5px 0px !important;
  }
  .pg-response-tabs .nav-link.active {
    /* border-radius: 5px; */
    background: #0d6efd !important;
    border-bottom: unset !important;
    color: #ffffff;
    box-shadow: unset !important;
  }
  
  .pg-response-tabs .nav-tabs {
    border-bottom: unset;
  }

  
.pg-filter-btn {
    padding: 10px;
    border-radius: 4px;
    border: 1px solid #c4c4c4;
    background: #fff;
    height: 40px;
  }
  .pg-participent-dropdown {
    border-radius: 4px;
    color: #095aa5;
    font-size: 14px;
    font-weight: 600;
  }
  .pg-participent-dropdown option {
    color: #000;
  }
  .pg-participent-dropdown.form-select {
    background-image: url("../assets/svg/svg-dropdown-blue.svg");
    background-size: 18px 18px;
    border: 1px solid #1688e1;
  }

  .search-wrapper .filter-search {
    width: 255px;
  }
  .pg-send-nudge {
    padding: 10px 16px;
    border-radius: 4px;
    background: #095aa5;
    color: #fff;
    text-align: center;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    border: none;
  }

  .pg-response-btn {
    border-radius: 4px;
    border: 1px solid #c4c4c4;
    background: #fff;
    padding: 5px 8px;
    color: #000;
    text-align: center;
    font-size: 12px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
  }
  .pg-response-btn:disabled {
    background-color: #f9fafd;
    color: #a4a4a4;
  }

  .pg-app-status.pg-pending {
    color: #ba9514;
    background-color: #fef7df;
  }
  .pg-app-status.pg-progress {
    color: #5f5f5f;
    background-color: #f0f1f3;
  }

  .pg-app-status.pg-completed {
    color: var(--completed-text-color);
    background-color: var(--completed-bg-color);
  }

  .pg-pause {
    border-radius: 2px;
    background: #f2f9ef;
    padding: 1px 10px;
    color: #4f9331;
    font-size: 12px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
  }
  .pg-pause.redBackground {
    color: #b42318 !important;
  }
  .pg-points {
    position: fixed;
    right: 26%;
  }
  .pg-total {
    color: #5f5f5f;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
  }
  .pg-point-number {
    color: #000;
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
  }
  .pg-ratio {
    color: #31711a;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    margin-left: 8px;
  }
  .pg-ratio.red {
    color: #b42318;
  }

.pg-cancel-btn {
  padding: 10px 20px;
  border-radius: 4px;
  border: 1px solid #095aa5;
  background: #fff;
  color: #095aa5;
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
}
.pg-yes-btn {
  padding: 10px 20px;
  border-radius: 4px;
  background: #fee4e2;
  color: #b42318;
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  outline: none;
  border: none;
}



.pg-response-reviews {
    color: #000;
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    margin-bottom: unset;
    /* max-width: 73px; */
    /* display: flex;
    text-align: center;
    flex-direction: column; */
  }
  .pg-reviews {
    display: flex;
    justify-content: flex-end;
    gap: 24px;
    margin-top: 12px;
  }
  .pg-multiple-cheks {
    display: flex;
    justify-content: flex-end;
    padding-right: 24px;
    gap: 77px;
  }



  .num-point {
    color: #5f5f5f;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
  }
  .pg-response-modal .pg-app-form-check-label {
    color: #000;
    cursor: pointer !important;
  }

  .pg-app-form-check-label {
    cursor: pointer !important;
    font-weight: 600 !important;
  }

.pg-candidate-title {
    color: #000;
    font-size: 13px;
    font-style: normal;
    font-weight: 400;
    line-height: 16px;
}
.pg-candidate-title {
    color: #000;
    font-size: 13px;
    font-style: normal;
    font-weight: 400;
    line-height: 16px;
    margin-bottom: unset;
}
  .pg-candidate {
    display: flex;
    gap: 8px;
    align-items: center;
    padding: 2px 8px 2px 8px;
    margin-right: 5px;
    border-radius: 40px;
    background: #e1eefd;
    cursor: pointer;
  }
.candidate-name {
    color: #000;
    font-size: 13px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.screen-form-row {
    flex-shrink: 0;
}
.customChart {
    display: flex;
    justify-content: center;
  }

  .customChart .apexcharts-canvas {
    width: unset !important;
  }

  .custom-bulk-action-button {
    padding: 6px 12px !important;
    background-size: 0 !important;
  }


  .modal-header-custom-sticky {
    position: sticky;
    top: 0; width: 100%; background: white;
    z-index: 99999;
  }
  .modal-footer-custom-sticky {
    position: sticky;
    bottom: 0; width: 100%; background: white;
    z-index: 99999;
  }


  
.pg-summary-title {
    color: #000;
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: 28px;
  }


.pg-summary-para {
    color: #5f5f5f;
    font-size: 13px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    border-bottom: 1px solid #f1f2f2;
    border-top: 2px solid #f1f2f2;
    padding: 24px 0px;
    margin-top: 16px;
    margin-bottom: unset;
}

.pg-summary-modal {
  z-index: 99999999;
  background: rgb(33 37 41 / 60%);
}
.pg-summary-modal .btn-close:focus {
    outline: none !important;
    border: none !important;
    box-shadow: unset;
  }
  .pg-summary-modal .modal-header {
    border-bottom: unset;
  }
  .pg-summary-modal .modal-footer {
    border-top: unset !important;
  }
  .pg-summary-title {
    color: #000;
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: 28px;
  }
  .pg-summary-modal .modal-body {
    padding: 12px 24px;
  }
.pg-summary-para {
    color: #5f5f5f;
    font-size: 13px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    border-bottom: 1px solid #f1f2f2;
    border-top: 2px solid #f1f2f2;
    padding: 24px 0px;
    margin-top: 16px;
    margin-bottom: unset;
}
  .pg-summary-modal .modal-dialog {
    height: calc(100vh - 56px);
    display: flex;
    align-items: center;
  }

  
.pg-link-color {
    color: #345452 !important;
    font-weight: 500;
    border: unset !important;
    margin-top: 16px !important;
    margin-bottom: 8px !important;
    padding: unset;
  }
  .pg-summary-input {
    color: #102818 !important;
    border: unset !important;
    padding: 10px 14px;
    width: 379px;
    border-radius: 8px;
    border: 1px solid #d0dddc !important;
    background: #ffffff;
    box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05);
    margin-top: unset;
  }
  .pg-social-link {
    margin-bottom: unset !important;
  }

.sidebar-content {
    background-color: rgb(241,247,254);
}


main.main > header.pg-header .header-content {
    background-color: white;
}



legend.detail-title a {
    font-size: 0.5em !important;
}

.modal.bootstrap-dialog {
    z-index: 999999999;
}

.pg-leftScroll {
    background-image: url("../assets/img/Arrow Left Default.svg");
    width: 56px;
    height: 56px;
    opacity: 0.5;
    cursor: pointer;
    position: absolute;
    right: 56px;
    top: 50%;
}

.pg-leftScroll:hover {
    background-image: url("../assets/img/Arrow Left Hover.svg");
    opacity: 1;
}

.pg-rightScroll {
    background-image: url("../assets/img/Arrow Right Default.svg");
    width: 56px;
    height: 56px;
    opacity: 0.5;
    cursor: pointer;
    position: sticky;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
}

.pg-rightScroll:hover {
    background-image: url("../assets/img/Arrow Right Hover.svg");
     opacity: 1;
}

.pg-app-benfit-wrapper.pg-ben-plans-wrapper {
    overflow-x: hidden;
    overflow-y: hidden;
}

.compare-plan-div {
    position: absolute;
    width: 100%;
    height: 100%;
    text-align: center;
    background-color: rgba(0,0,0,0.2);
    z-index: 9999;
    vertical-align: middle;
    display: flex;
    align-content: center;
    justify-content: center;
    align-items: center;
    cursor: pointer;
}

    .compare-plan-div:hover, .compare-plan-div.selected-benefit-compare {
        background-color: rgba(228,243,217,0.2);
    }

.pg-danger-btn {
    white-space: normal;
}

.modal-backdrop {
    z-index: 9999999 !important;
}
.pg-app-forms-h6{
    width: 100%;
}


.SelectedFiltersSideView {
    grid-gap: 10px;
}

.fa.selected::after {
    width: 0;
    height: 0;
    border-top: 35px solid #0091d9;
    border-left: 35px solid rgba(0, 0, 0, 0);
    position: absolute;
    display: block;
    right: 0;
    content: "";
    top: 0;
    z-index: 1;
}

.fa.selected::before {
    display: block;
    position: absolute;
    content: "\f00c";
    color: #ffffff;
    right: 4px;
    top: 3px;
    font-family: FontAwesome;
    z-index: 2;
}

.screen-inline-form .pro-top .rt-card {
    border: none !important;
}

  
  
.pg-forgotPassword-feilds {
    display: flex;
    gap: 8px;
}
.pg-forgotPassword-btn {
    display: flex;
    gap: 8px;
}
.pg-forgotPassword-btn:first button{
  background-color: #fff;
}
.pg-forgotPassword-firstbtn {
    background-color: #fff !important;
    border: 1px solid #0d6efd;
    color: #0d6efd !important;
    font-weight: 500;
}
.pg-forgotPassword-firstbtn:hover {
    background-color: #0d6efd !important;
    border: 1px solid #0d6efd;
    color: #fff !important;
    font-weight: 500;
}


/*Sign In Screen start*/
main.pg-signIn-main {
    display: flex;
    justify-content: space-between;
    flex-direction: column;
    min-height: 100vh !important;
  }
  .pg-signIn-screen {
    width: 482px;
    border: 1px solid #ced4da;
    border-radius: 16px;
    display: flex;
    justify-content: center;
    flex-direction: column;
    padding: 40px;
    align-self: center;
    margin-top: 60px;
  
  }
  .pg-signIn-allFields {
      display: flex;
      flex-direction: column;
      gap: 20px;
  }
  .pg-signIn-allFields .form-group{
    margin: 0px;
  }
.pg-signIn-screen label {
    color: #5F5F5F;
    font-size: 13px;
    font-weight: 400;
    line-height: 16px;
}
  .pg-signIn-titleHead{
    padding-bottom: 32px;
    margin: 0px;
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
  }
  .pg-signIn-title{
    padding: 24px 0px 8px 0px !important;
    margin: 0px;
    color: #212121;
    font-size: 24px;
    font-weight: 600;
  }
  .pg-signIn-fieldmain {
      align-items: flex-end;
      gap: 8px;
  }
input.pg-signIn-cusInput {
    border: none;
    width: calc(100% - 25px);
    color: #000;
    margin-left: 25px;
    font-size: 16px !important;
    font-weight: 400;
}
.pg-allVerification-fields input.pg-signIn-cusInput {
    margin-left: 0px;
}
  input.pg-signIn-cusInput:focus-visible {
      outline: none;
  } 
  .pg-signIn-allFields::placeholder{
    font-size: 14px !important;
  }
  .pg-password-openEye{
    display: none;
  }
  .pg-signIn-accept-main {
      display: flex;
      justify-content: space-between;
      align-items: center;
  }
  .pg-signIn-accept-main a{
    color: #095AA5;
    font-size: 14px;
    font-weight: 600;
    line-height: 18px;
  }
  .pg-signIn-accept-main label{
    font-size: 14px !important;
    color: #000;
    display: flex;
    gap: 5px;
    align-items: center;
    margin: 0px;
  }
  .pg-signIn-acceptField {
    display: flex;
    align-items: end;
    gap: 5px;
  }
  .pg-signIn-btn button{
    background-color:#0D6EFD;
    color: #fff;
    width: 100%;
    font-size: 16px;
  }
  .pg-signIn-registerMain {
      display: flex;
      justify-content: center;
      gap: 5px;
  }
  .pg-signIn-registerMain p{
    font-size: 14px;
    color: #616161;
    line-height: 18px;
    margin: 0px;
  }
  .pg-signIn-registerMain a{
   color: #095AA5;
    font-size: 14px;
    font-weight: 600;
    line-height: 18px;
  }
  .pg-signIn-withSocial {
      display: flex;
      justify-content: center;
  }
  .pg-signIn-withSocial hr{
    width: 35%;
  }
  .pg-signIn-withSocial span{
    color: #616161;
    font-size: 14px;
    font-family: Open Sans;
    font-weight: 400;
    line-height: 28px;
    width: 30%;
    text-align: center;
  }
  .pg-signIn-socialIcons {
      display: flex;
      gap: 42px;
      justify-content: center;
  }

.pg-signIn-socialIcons .imageLogoSocial {
  cursor:pointer;
  transition: transform 0.1s ease, opacity 0.1s ease
}
.pg-signIn-socialIcons .imageLogoSocial:hover {
  transform: scale(1.25); /* Example: increase size on hover */
  opacity: 1; /* Example: reduce opacity on hover */
}
.imageLogoSocialLowOpacity {
  opacity: 0.3; /* Example: reduce opacity on hover */
}


  .pg-signIn-mainFooter {
      width: 100%;
      border-top: 1px solid #D2D5DA;
      display: flex;
      justify-content: center;
      padding: 24px 0px;
      margin-top: 43px;
  }
  .pg-signIn-footer {
      display: flex;
      width: 1440px;
      align-self: center;
      padding: 0px 50px;
  }
  .pg-signIn-footer-links1 {
      display: flex;
      justify-content: flex-start;
      width: 25%;
      align-items: center;
       gap: 12px;
  }
  .pg-signIn-footerVisit {
      display: flex;
      justify-content: flex-end;
      width: 25%;
      align-items: center;
      gap: 5px;
  }
  .pg-signIn-footerCopy {
      display: flex;
      width: 50%;
      justify-content: center;
      align-items: center;
  }
  a.pg-signIn-privacybtn {
      border-left: 1px solid #D2D5DA;
      padding: 0px 12px;
  }
  .pg-signIn-footer a{
    color: #095AA5;
  font-size: 14px;
  font-weight: 600;
  line-height: 16px;
  }
.pg-signIn-footer p {
    color: #5F5F5F;
    font-size: 13px;
    font-weight: 400;
    line-height: 16px;
    margin: 0px;
}
  .pg-forgotPassword-feilds {
      display: flex;
      gap: 8px;
  }
  .pg-forgotPassword-btn {
      display: flex;
      gap: 8px;
  }
  .pg-forgotPassword-btn:first button{
    background-color: #fff;
  }
  .pg-forgotPassword-firstbtn {
      background-color: #fff !important;
      border: 1px solid #0d6efd;
      color: #0d6efd !important;
      font-weight: 500;
  }
  .pg-forgotPassword-firstbtn:hover {
      background-color: #0d6efd !important;
      border: 1px solid #0d6efd;
      color: #fff !important;
      font-weight: 500;
  }
  
  .pg-send-password-checkField {
      padding: 16px;
    }
   .pg-send-password-checkField:has(input:checked ) {
      background-color: #F1F7FE;
      border-radius: 4px;
      border: 1px solid #81C2F8;
    }
  .pg-send-password-checkField:focus-within {
    background-color: #F1F7FE;
    border-radius: 4px;
    border: 1px solid #81C2F8;
  }
  .pg-signUp-mailchck{
    text-transform: lowercase !important;
  }
  .pg-signIn-titleHead a{
    color: #1688E1;
    font-size: 14px;
    font-weight: 500;
    line-height: 16px;
  }
.pg-signIn-titleHead p {
    color: #616161 !important;
    font-size: 13px !important;
    font-weight: 400 !important;
    line-height: 20px !important;
}
  img.pg-passwordSent-img {
    margin-top: 32px;
    width: 80px;
    height: 80px;
  }
  img.pg-signIn-logoImg{
    width: 257px;
  }
  span.pg-passwordSent-mailFeild p {
    margin: 5px 34px;
    color: #818181 !important;
    font-size: 16px !important;
    font-weight: 400;
  }
  span.pg-passwordSent-mailFeild:hover {cursor: pointer}
  .pg-allVerification-fields {
      display: flex;
      gap: 8px;
      border: none;
      padding: 0px !important;
  }
input.pg-verification-field {
    border: 1px solid #ced4da;
    padding: 10px;
    border-radius: 0.25rem;
    min-width: 30px;
    text-align: center;
}
  .pg-passwordSent-subhead{
    padding-top: 12px;
  }
  .pg-sendPassword-fields label {
      color: #000 !important;
      font-size: 16px !important;
      font-weight: 400 !important;
      line-height: 18px !important;
      
  }
  .pg-signIn-accept-main a:hover {
      text-decoration: none !important;
  }
  .pg-signIn-footer a:hover{
    text-decoration: none !important;
  }
  .pg-signIn-registerMain a:hover{
    text-decoration: none !important;
  }
  .pg-signinMobile{
    display: none;
  }
  .pg-sign-dual-btn{
    width: 50%;
  }
  
  
  @media screen and (max-width:1180px){
    .pg-signIn-footer-links1 {
      width: 30%;
    }
    .pg-signIn-footerCopy {
      width: 40%;
    }
    .pg-signIn-footerVisit {
      width: 30%;
    }
  }
  
  @media screen and (max-width:990px){
    .pg-signIn-footer-links1 {
      width: 40%;
    }
    .pg-signIn-footerCopy {
      width: 35%;
    }
    .pg-signIn-footerVisit {
      width: 25%;
    }
  }
  
  @media screen and (max-width:768px){
    .pg-signIn-footer {
        display: flex;
        width: 100%;
        flex-direction: column;
        align-items: center;
        gap: 12px;
    }
    .pg-signIn-footer-links1 {
      width: 100%;
      justify-content: center;
    }
    .pg-signIn-footerCopy {
      width: 100%;
      justify-content: center;
      align-items: center;
    }
    .pg-signIn-footerVisit {
      width: 100%;
      align-items: center;
      justify-content: center;
    }
  }
  
  @media screen and (max-width:625px){
   
    .pg-signIn-screen{
      width: 90%;
      border: none;
      padding: 20px !important;
    }
    .pg-signinMobile{
      width: 100% !important;
      display: flex !important;
    }
    .pg-signIn-visitCenter{
      display: none;
    }
    .pg-signIn-footer {
        display: flex;
        width: 100%;
        flex-direction: column;
        align-items: center;
        gap: 12px;
    }
    .pg-signIn-footer-links1 {
      width: 100%;
      justify-content: center;
    }
    .pg-signIn-footerCopy {
      width: 100%;
      justify-content: center;
      align-items: center;
    }
    .pg-signIn-footerVisit {
      width: 100%;
      align-items: center;
      justify-content: center;
    }
  
  }
  
  @media screen and (max-width:465px){
    .pg-signIn-accept-main {
      flex-direction: column;
      gap: 8px;
    }
    .pg-signIn-withSocial span{
      width: 40%;
    }
    .pg-signIn-withSocial hr{
      width: 20%;
    }
    .pg-signIn-footer p{
      text-align: center;
    }
    .pg-signIn-registerMain {
      flex-direction: column;
      justify-content: center;
      align-items: center;
  }
    .pg-signIn-footer {
        display: flex;
        width: 100%;
        flex-direction: column;
        align-items: center;
        gap: 12px;
    }
    .pg-signIn-footer-links1 {
      width: 100%;
      justify-content: center;
    }
    .pg-signIn-footerCopy {
      width: 100%;
      justify-content: center;
      align-items: center;
    }
    .pg-signIn-footerVisit {
      width: 100%;
      align-items: center;
      justify-content: center;
    }
    .pg-ssnDigit{
      display: flex;
    }
    .pg-forgotPassword-feilds {
      gap: 20px;
      flex-direction: column;
    }
  }
  /*Sign In Screen End*/


.pods-screen-form legend span{
    padding: 0px !important;
}

.pg-signIn-password::-ms-reveal, pg-signIn-password::-webkit-credentials-auto-fill-button {
    display: none;
  }



.pods-screen-mode-view input.form-control,
.mg-mode-view input.form-control,
.pods-screen-mode-view .btn-group button,
.mg-mode-view .btn-group button {
    border: 1px solid #e3e3e3 !important;
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    box-shadow: none !important;
    background-color: #F6F6F6 !important;
    opacity: 1 !important;
    padding-left: 8px !important;
}

.pro-top .btn-group button,
.pods-screen-form .btn-group button {
    padding: 8px !important;
}

    .pro-top .btn-group button.multiselect.dropdown-toggle {
        padding-right: 40px !important;
        padding-top: 0px !important;
        padding-bottom: 0px !important;
    }

    .pods-screen-mode-view .btn-group button.multiselect.dropdown-toggle,
    .mg-mode-view .btn-group button.multiselect.dropdown-toggle {
        background-image: none !important;
    }

.pro-top .btn-group button span,
.pods-screen-form .btn-group button span {
    text-align: left !important;
}


.pods-screen-mode-view input.form-control,
.mg-mode-view input.form-control,
.pods-screen-mode-view .btn-group,
.mg-mode-view .btn-group {
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    box-shadow: none !important;
}

.form-check {
    cursor: pointer;
}

.pods-screen-mode-view .form-check-input:disabled ~ .form-check-label,
.mg-mode-view .form-check-input:disabled ~ .form-check-label,
.pods-screen-mode-view .form-check-input[disabled] ~ .form-check-label,
.mg-mode-view .form-check-input[disabled] ~ .form-check-label {
    opacity: 1;
    font-weight: 600 !important;
}

.pods-screen-form input[type="checkbox"] {
    height: 20px !important;
    width: 20px !important;
    min-width: 20px;
    margin-top: 0 !important;
    vertical-align: top;
    border-radius: 4px;
    cursor: default !important;
}

.form-check:has(input:disabled) {
    cursor: default !important;
    pointer-events: none;
}

.pods-screen-form input:checked[type="checkbox"] {
    background-color: #1688e1 !important;
    border-color: #1688e1 !important;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10l3 3l6-6'/%3e%3c/svg%3e") !important;
}

.podModel,
.tabdiv {
    margin-left: -20px !important;
    margin-right: -20px !important;
    margin-top: -5px !important;
}

.page-header > a > img {
    width: 20px;
    height: 20px;
}

.pods-screen-mode-view .form-check-input:disabled {
    opacity: 1;
    cursor: default !important;
}


#table-loading img[alt="loading..."]{
    display: none;
}



.pods-screen-form .mgPodsControl.mg-label, .pods-screen-form .control-label {
    font-family: var(--pg-family) !important;
    font-size: 14px !important;
    font-style: normal !important;
    line-height: 24px !important;
    color: var(--regular-gray-text-color) !important;
    padding: 7px !important;
    font-weight: 700 !important;
}


[disabled].form-control.pending, [readonly].form-control.pending, fieldset[disabled] .form-control.pending, .pending,
.form-control.pending-enabled, form-control.pending-enabled, .form-control.pending-enabled, .pending-enabled, span.mg-radio.pending label {
    color: rgb(255, 150, 10) !important;
}


.pods-screen-form .UpdatePanelAJAX[id$="_updFrame_0"] .UpdatePanelAJAX {
    display: contents;
}

.pods-screen-form .mg-check:not(.checkbox-right) input[type="checkbox"] {
    float: left;
}

#editGroupBtnDiv {
    width: auto;
}




.survey-summary-header-tabs {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}



@media (max-width: 1000px) {
    .survey-summary-header-tabs {
      flex-direction: column !important;
    }

    .customSearchWrapper {
        margin-top: 15px;
        flex-direction: column !important;
    }

    .multipleSelectCustomWidth +  .btn-group, .customHeight + .btn-group button.multiselect {
        width: 100% !important;
    }
    
  }

.pods-btn-group button.multiselect{
    background-color: white;
}

.pods-btn-group.multiple-selection button.multiselect {
    padding-top: 3px !important;
}

.pods-btn-group.multiple-selection button.multiselect .multiselect-bubbles {
    display: flex;
    align-items: center;
    height: 100%;
    gap: 4px;
    max-width: 100%;
    overflow: hidden;
}

.pods-btn-group.multiple-selection button.multiselect .multiselect-bubble {
    display: flex;
    align-items: center;
    gap: 4px;
    padding: 4px 6px;
    height: 100%;
    border-radius: 4px;
    background: #E1EEFD;
}

.multiselect-empty-title {
    padding-top: 5px !important;
}

.pods-screen-form .multiselect-empty-title {
    padding-top: 3px !important;
}



.pods-screen-form div.div-tab-frame {
    border: 1px solid #c4c4c4;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
    padding-bottom: 8px !important;
}

.pods-screen-form .mg-label.section-title {
    font-family: var(--pg-family) !important;
    font-size: 1.3em !important;
    font-weight: 600 !important;
    font-style: normal !important;
    line-height: 28px !important;
    color: var(--black-color) !important;
}

.pods-screen-form legend .mg-label.section-title {
    font-size: 1em !important;
}


#bootstrap-wizard-1 .tab-content {
    height: 100% !important;
}

.pg-image-bubble {
    background-color: #F1F7FE;
    width: 36px;
    height: 36px;
    border-radius: 28px;
    padding: 8px;
    align-content: center;
    text-align: center;
}

.pg-image-bubble img{
    color: #0078BC !important;
}

.modal-header .pg-image-bubble{
    margin-bottom: 8px;
}

.pg-image-bubble svg path {
    fill: #0078BC
}

.pg-image-bubble img,img.pg-blue-icon {
    filter: invert(27%) sepia(100%) saturate(1584%) hue-rotate(180deg) brightness(94%) contrast(102%);
}

.pg-blue-icon-1 {
    filter: brightness(0) saturate(100%) invert(33%) sepia(37%) saturate(2247%) hue-rotate(172deg) brightness(100%) contrast(104%);
}

.modal-header .btn-close{
    margin: 0px;
    padding: 0px;
}

.pg-more-btn {
    background: white;
    justify-content: center;
    width: 30px;
    border: none;
    display: flex;
    padding: 0;
    align-items: center;
    cursor: pointer;
    border: 1px solid #E5E5E5;
    border-radius: 4px;
    height: 40px;
    width: 40px;
}


.dropdown-toggle.pg-more-btn::after {
    display: none
}

.MoreMenu {
    display: flex;
    flex-direction: column;
    top: 0;
    left: 0;
    padding: 4px 4px;
    gap: 4px;
    min-width: 240px;
    border-radius: 4px;
    background: #FFF;
    z-index: 12;
    padding-top: 0px;
    padding-bottom: 0px;
}

    .MoreMenu > .MMRow {
        display: flex;
        padding: 4px;
        align-items: center;
        gap: 4px;
        align-self: stretch;
        border-radius: 4px;
    }

        .MoreMenu .MMRow {
            cursor: pointer;
        }

        .MoreMenu .MMRow:hover {
            background: #F1F7FE;
        }

        .MoreMenu .MMRow span {
            color: #000;
            font-style: normal;
            font-weight: 600;
        }


            .MoreMenu .MMRow img {
                filter: brightness(0) saturate(100%) invert(37%) sepia(6%) saturate(1176%) hue-rotate(0deg) brightness(91%);
                width: 16px;
                height: 16px;
            }

            .MoreMenu .MMRow.MME img {
                filter: brightness(0) saturate(100%) invert(25%) sepia(81%) saturate(5537%) hue-rotate(336deg) brightness(96%) contrast(107%);
            }

            .MoreMenu .MMRow.MME span {
                color: #D92D20;
            }


.pg-page-selector {
    display: flex;
    align-items: center;
    background: #FFF;
}

    .pg-page-selector > a {
        display: flex;
        padding: 8px 12px;
        gap: 4px;
        border-radius: 4px;
        border: 1px solid #E5E5E5;
        align-items: center;
        cursor: pointer;
    }

        .pg-page-selector > a:hover {
            text-decoration: none;
            border: 1px solid #0078BC;
        }

        .pg-page-selector > a > span {
            color: #101A28;
            text-align: center;
            font-size: 13px;
            font-style: normal;
            font-weight: 400;
            line-height: normal;
        }

    .pg-page-selector ul li {
        cursor: pointer !important;
    }

    .pg-page-selector ul li.selected {
        background: #F1F7FE;
    }


    .pg-page-selector ul {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        gap: 8px;
        padding: 12px !important;
        border-radius: 4px;
        background: #FFF;
    }

        .pg-page-selector ul > li {
            display: flex;
            padding: 8px;
            align-items: center;
            justify-content: space-between;
            border-radius: 4px;
            align-self: stretch;
        }

            .pg-page-selector ul > li:hover {
                background: #F1F7FE;
            }

            .pg-page-selector ul > li > span {
                color: #000;
                font-size: 13px;
                font-style: normal;
                font-weight: 400;
                line-height: 18px;
            }


.pg-page-selector-buttons {
    display: flex;
    align-items: center;
    gap: 12px;
    height: 100%;
}

    .pg-page-selector-buttons > .First,
    .pg-page-selector-buttons > .Last {
        display: flex;
        justify-content: center;
        align-items: center;
        border-radius: 4px;
        border: 1px solid #E5E5E5;
        background: #FFF;
        gap: 8px;
        height: 100%;
    }

        .pg-page-selector-buttons > .First > a,
        .pg-page-selector-buttons > .Last > a {
            display: flex;
            cursor: pointer;
            height: 100%;
            width: 100%;
            justify-content: center;
            align-items: center;
        }

            .pg-page-selector-buttons > .First > a > span,
            .pg-page-selector-buttons > .Last > a > span {
                color: #000;
                font-size: 13px;
                font-style: normal;
                font-weight: 400;
                line-height: 16px;
                margin: 8px 12px;
            }

    .pg-page-selector-buttons .First img {
        height: 16px;
        width: 16px;
        margin-right: 8px;
        margin-left: 0px;
    }

    .pg-page-selector-buttons .Last img {
        height: 16px;
        width: 16px;
        margin-right: 0px;
        margin-left: 8px;
    }

.HLine {
    width: 1px;
    min-width: 1px;
    max-width: 1px;
    height: 20px;
    background: #E5E5E5;
}

.pg-page-selector-buttons > .ManualPage {
    display: flex;
    align-items: center;
    gap: 8px;
    line-height: 0;
}

    .pg-page-selector-buttons > .ManualPage > span {
        color: #616161;
        font-size: 13px;
        font-style: normal;
        font-weight: 500;
        line-height: 21px;
    }

    .pg-page-selector-buttons > .ManualPage > .PageNumber {
        display: flex;
        padding: 8px 12px;
        align-items: center;
        gap: 4px;
        border-radius: 4px;
        border: 1px solid #E5E5E5;
        background: #FFF;
        width: 40px;
    }

        .pg-page-selector-buttons > .ManualPage > .PageNumber:focus,
        .pg-page-selector-buttons > .ManualPage > .PageNumber:hover {
            outline: none;
            border: 1px solid #0078BC;
        }

        .pg-page-selector-buttons > .ManualPage > .PageNumber > span {
            color: #101A28;
            text-align: center;
            font-size: 13px;
            font-style: normal;
            font-weight: 400;
            line-height: normal;
        }

.pg-page-selector-div {
    display: flex;
    align-items: center;
    gap: 8px;
}

.pg-overlay {
    border: 2px solid #ddd !important;
    border-radius: 5px !important;
    box-shadow: 0 15px 15px -5px rgba(0, 0, 0, 0.2) !important;
}

/*New Footer 23.09.2024*/
.PG-FooterNew > .ItemsPerPage {
    display: flex;
    align-items: center;
    gap: 8px;
}

.PG-FooterNew {
    display: flex;
    padding: 5px;
    gap: 16px;
    justify-content: flex-end;
    align-items: center;
    flex-shrink: 0;
    min-width: 100%;
    margin-top: 1px;
    border-top: 1px solid #E5E5E5;
    box-shadow: 0px -3px 10px -4px rgba(16, 24, 40, 0.08), 0px -1px 8px -4px rgba(16, 24, 40, 0.03);
}

.PG-FooterNew-Padding-Margin {
    margin-top: auto; 
    padding: 16px 24px; 
}

.PG-FooterNew > .PageSelectMobile {
    display: flex;
    justify-content: space-between;
    align-items: center;
    align-self: stretch;
}

.PG-FooterNew > .TotalRecordMobile {
    display: flex;
    padding: 8px 0px 16px 0px;
    align-items: center;
    align-self: stretch;
    gap: 8px;
    border-top: 1px solid #E5E5E5;
}

.PG-FooterNew > .TotalRecordMobile > span:first-of-type {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    color: #A4A4A4;
    text-overflow: ellipsis;
    font-size: 12px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}

.PG-FooterNew > .TotalRecordMobile > span:last-of-type {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    color: #5F5F5F;
    text-overflow: ellipsis;
    font-size: 12px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}

.PG-FooterNew > .PageSelectMobile > .LeftRight {
    display: flex;
    border: 1px solid #E5E5E5;
    border-radius: 4px;
}

.PG-FooterNew > .PageSelectMobile > .LeftRight > div:first-of-type {
    border-right: 1px solid #E5E5E5;
}

.PG-FooterNew > .PageSelectMobile > .LeftRight > .Double {
    display: flex;
    min-width: 40px;
    min-height: 40px;
    padding: 8px 12px;
    justify-content: center;
    align-items: center;
    background: #FFF;
}

.PG-FooterNew > .PageSelectMobile > .LeftRight > .Single {
    display: flex;
    min-width: 40px;
    min-height: 40px;
    padding: 8px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    background: #FFF;
}

.PG-FooterNew > .PageSelectMobile > .PageCount {
    display: flex;
    align-items: center;
    justify-content: center;
}

    .PG-FooterNew > .PageSelectMobile > .PageCount > span:first-of-type {
        color: #0078BC;
        text-align: center;
        font-size: 13px;
        font-style: normal;
        font-weight: 500;
        line-height: normal;
    }

    .PG-FooterNew > .PageSelectMobile > .PageCount > span:last-of-type {
        color: #818181;
        font-size: 13px;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
    }

    .PG-FooterNew > .ItemsPerPage > span {
        color: #616161;
        font-size: 13px;
        font-style: normal;
        font-weight: 500;
        line-height: normal;
    }

.PG-FooterNew > .ItemsPerPage > .SelNItems {
    display: flex;
    align-items: center;
    background: #FFF;
}

.PG-FooterNew > .ItemsPerPage > .SelNItems > a {
    display: flex;
    padding: 8px 12px;
    gap: 4px;
    border-radius: 4px;
    border: 1px solid #E5E5E5;
    align-items: center;
    cursor: pointer;
}

.PG-FooterNew > .ItemsPerPage > .SelNItems > a:hover{
    text-decoration: none;
    border: 1px solid #0078BC;
}

    .PG-FooterNew > .ItemsPerPage > .SelNItems > a > span {
        color: #101A28;
        text-align: center;
        font-size: 13px;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
    }

    .TCM-Footer .SelectItemsPerPage, .PG-FooterNew .SelectItemsPerPage {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        gap: 4px;
        padding: 4px !important;
        border-radius: 4px;
        background: #FFF;
    }

        .TCM-Footer .SelectItemsPerPage > li, .PG-FooterNew .SelectItemsPerPage > li {
            display: flex;
            padding: 4px;
            align-items: center;
            justify-content: space-between;
            border-radius: 4px;
            align-self: stretch;
        }

            .TCM-Footer .SelectItemsPerPage > li:hover, .PG-FooterNew .SelectItemsPerPage > li:hover {
                background: #F1F7FE;
            }

            .TCM-Footer .SelectItemsPerPage > li > span, .PG-FooterNew .SelectItemsPerPage > li > span {
                color: #000;
                font-style: normal;
                font-weight: 400;
                line-height: 18px;
            }

.PG-FooterNew > .PageSelection {
    display: flex;
    align-items: center;
    gap: 12px;
    height: 100%;
}

.PG-FooterNew > .PageSelection > .First,
.PG-FooterNew > .PageSelection > .Last {
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 4px;
    border: 1px solid #E5E5E5;
    background: #FFF;
    gap: 8px;
    height: 100%;
}

.PG-FooterNew > .PageSelection > .First > a,
.PG-FooterNew > .PageSelection > .Last > a {
    display: flex;
    cursor: pointer;
    height: 100%;
    width: 100%;
    justify-content: center;
    align-items: center;
}

.PG-FooterNew > .PageSelection > .First > a > span,
.PG-FooterNew > .PageSelection > .Last > a > span {
    color: #000;
    font-size: 1em;
    font-style: normal;
    font-weight: 400;
    line-height: 16px;
    margin: 8px 12px;
}

    .PG-FooterNew > .PageSelectionMini > .First > a > span,
    .PG-FooterNew > .PageSelectionMini > .Last > a > span {
        font-size: 0.8em;
        margin: 2px 4px;
    }

.PG-FooterNew > .PageSelection img {
    height: 16px;
    width: 16px;
    margin-right: 8px;
}

.PG-FooterNew> .PageSelection .HLine {
    width: 1px;
    height: 100%;
    background: #E5E5E5;
}

.PG-FooterNew > .PageSelection > .ManualPage {
    display: flex;
    align-items: center;
    gap: 8px;
}

    .PG-FooterNew > .PageSelection > .ManualPage > span {
        color: #616161;
        font-size: 1em;
        font-style: normal;
        font-weight: 500;
        line-height: 21px;
        white-space: nowrap;
    }
    .PG-FooterNew > .PageSelectionMini > .ManualPage > span, .PG-FooterNew > .PageSelectionMini .PageNumber {
        font-size: 0.8em;
    }

.PG-FooterNew > .PageSelection > .ManualPage > .PageNumber {
    display: flex;
    padding: 8px 12px;
    align-items: center;
    gap: 4px;
    border-radius: 4px;
    border: 1px solid #E5E5E5;
    background: #FFF;
    width: 40px;
}

.PG-FooterNew > .PageSelection > .ManualPage > .PageNumber:focus,
.PG-FooterNew > .PageSelection > .ManualPage > .PageNumber:hover {
    outline: none;
    border: 1px solid #0078BC;
}

.PG-FooterNew > .PageSelection > .ManualPage > .PageNumber > span {
    color: #101A28;
    text-align: center;
    font-size: 1em;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}
/*New Footer 23.09.2024*/

/*More Menu*/
.Pg-MoreMenuNew {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 8px;
}

.Pg-MoreMenuNew > li  {
    display: flex;
    align-self: stretch;
    padding-left: 8px;
    padding-right: 8px;
}


.Pg-MoreMenuNew > li > a {
    display: flex;
    align-items: center;
    gap: 8px;
    cursor: default;
    border-radius: 4px;
    padding: 4px 8px;
    cursor: pointer;
}

.Pg-MoreMenuNew > li > a:hover {
    background: #F1F7FE;
}

    .Pg-MoreMenuNew > li > a > span {
        flex-grow: 1;
        color: #000;
        font-size: 13px;
        font-style: normal;
        font-weight: 400;
        line-height: 18px;
    }

input::placeholder {
    color: #C4C4C4;
}

.pg-header-1 {
    font-size: 1.5em;
}

.pg-font-1-1 {
    font-size: 1.1em;
}

.pg-font-1-2 {
    font-size: 1.2em;
}

pg-font-0-6 {
    font-size: 0.6em;
}

.pg-bold-1 {
    font-weight: 600;
}

.pg-bold-2 {
    font-weight: 500;
}


.pg-font-color-1 {
    color: #515151;
}

.pg-font-color-2 {
    color: #5F5F5F;
}

.pg-font-color-3 {
    color: #FFF;
}

.pg-font-capitalize {
    text-transform: capitalize;
}

.pg-flexTable {
    border-radius: 4px 4px 0px 0px;
    border-top: 1px solid #E5E5E5;
    border-right: 1px solid #E5E5E5;
    border-left: none;
}

    .pg-flexTable header:not(.header-left) {
        display: flex;
        gap: 0;
        border-radius: 4px 4px 0px 0px;
        border: 1px solid #E5E5E5;
        border-right: none;
        border-top: none;
        border-left: none;
        background: #F9FAFD;
        max-width: 100%;
        width: 100%;
        position: sticky;
        top: 0;
        z-index: 10;
    }

.pg-flexTable header:not(.header-left), .pg-flexTable .header-left-label {
    font-weight: 600;
}

.pg-flexTable > header > .Segment {
    position: sticky;
    left: 0;
    top: 0;
    z-index: 4;
    background: #F9FAFD;
    max-width: 213px;
    min-width: 213px;
    border-left: 1px solid #E5E5E5;
}

.pg-flexTable > header .Segment {
    display: flex;
    height: 40px;
    justify-content: space-between;
    align-items: center;
    white-space: nowrap;
    background: #F9FAFD;
}

.pg-flexTable > header > .Segment:nth-of-type(1) {
    border-right: 1px solid #E5E5E5;
}


.pg-flexTable > header > .ScrollX {
    display: flex;
    width: 100%;
}


.pg-flexTable > header .Segment2 {
    display: flex;
    height: 40px;
    align-items: center;
    gap: 6px;
    width: 100%;
    background: #F9FAFD;
}

.pg-flexTable {
    display: flex;
    flex-direction: column;
    overflow-y: auto;
    overflow-x: auto;
    height: 88.5%;
    max-width: 100%;
    width: 100%;
}


.pg-flexTable .Segment {
    display: flex;
    white-space: nowrap;
    max-width: 100%;
    width: 100%;
}

    .pg-flexTable .Segment > .header-left-item {
        display: flex;
        padding: 12px;
        flex-direction: column;
        align-items: flex-start;
        gap: 4px;
        border-bottom: 1px solid #E5E5E5;
        border-left: 1px solid #E5E5E5;
        width: 100%;
        max-width: 213px;
        min-width: 213px;
        flex: 1 0 200px;
        position: sticky;
        left: 0;
        background: white;
        padding-top: 5px;
        padding-bottom: 5px;
        z-index: 9;
    }

    .pg-flexTable .Segment:nth-of-type(2n+1) > .header-left-item {
        background: #F1F7FE;
    }

    .pg-flexTable .Segment > .header-left-item > header {
        display: flex;
        justify-content: space-between;
        align-items: center;
        align-self: stretch;
    }

    .pg-flexTable .Segment > .ScrollXY {
        display: flex;
        padding: 12px;
        flex-direction: column;
        align-items: flex-start;
        gap: 6px;
        border-right: 1px solid #E5E5E5;
        border-bottom: 1px solid #E5E5E5;
        border-left: 1px solid #E5E5E5;
        flex: 1;
        padding-top: 5px;
        padding-bottom: 5px;
    }

    .pg-flexTable .Segment:nth-of-type(2n+1) > .ScrollXY {
        background: #F1F7FE;
    }

        .pg-flexTable .Segment:nth-of-type(2n+1) > .ScrollXY:hover {
            background: #E1EEFD;
        }

    .pg-flexTable .Segment:nth-of-type(2n) > .ScrollXY:hover {
        background: #F9FAFD;
    }

    .pg-flexTable .Segment > .ScrollXY:hover .ScrollXY > .Above > .XYSegment .SelectBox {
        background: #FFF;
    }

    .pg-flexTable .Segment > .ScrollXY > .Above {
        display: flex;
        align-items: flex-start;
        min-width: 100%;
    }

        .pg-flexTable .Segment > .ScrollXY > .Above > .XYSegment {
            display: flex;
            flex-direction: column;
            justify-content: center;
            align-items: flex-start;
            gap: 4px;
            align-self: flex-start;
        }

            .pg-flexTable .Segment > .ScrollXY > .Above > .XYSegment > .Container {
                display: flex;
                align-items: center;
                gap: 2px;
            }


.pg-flexTable .Segment > .ScrollXY > footer {
    display: flex;
    align-items: flex-start;
    gap: 4px;
    align-self: stretch;
}

    .pg-flexTable .Segment > .ScrollXY > footer > span {
        color: #5F5F5F;
        font-style: italic;
        font-weight: 400;
        line-height: normal;
        width: 100%;
        display: flex;
        grid-gap: 4px;
    }

.pg-flexTable .header-left {
    display: flex;
}


.dropdown-menu {
    font-size: 13px;
}

.pod-screen-section-view-template-1974 .page-header.pg-full-screen-header #ctl00_hyperClose,
.pod-screen-section-view-template-1974 .page-header.pg-full-screen-header #ctl00_ScreenCaption,
.pod-screen-section-view-template-1974 .pf-top-cards,
.pod-screen-section-view-template-1974 .pods-record-header-small {
    display: none !important;
    height: 40px;
}

.pod-screen-section-view-template-1974 .det-buttons-header {
    position: absolute;
    top: 6px;
    right: 25px;
}


.workforce-nav {
    padding-right: 15px !important;
}

.workforce-nav li{
    margin-top: 0px;
    margin-bottom: 6px;
    margin-right: 0px;
    border-radius: 8px;
}

.workforce-nav-list-title{
    display: flex;
    grid-gap: 8px;
    justify-content: flex-start !important;

}
.workforce-nav-list-title-desc {
    display: flex;
    flex-direction: column;
}

.workforce-nav-main-title {
    font-size: 1em !important;
    margin-bottom: 2px !important;
}

.workforce-nav-section-number, .workforce-nav-section-edoc-number {
    width: 16px;
    height: 16px;
    border-radius: 8px;
    align-content: center;
    align-items: center;
    display: flex;
    flex-direction: row;
    align-content: stretch;
    font-size: 1em;
    padding: 4px;
}

.workforce-nav-section-edoc-number {
    width: auto;
    height: auto;
    padding: 0px;
    align-items: flex-start;
}

.active-sub-items .workforce-nav-section-number {
    background-color: #E1EEFD;
}

.has-done .workforce-nav-section-number, .has-done .workforce-nav-section-edoc-number {
    background: url(../assets/img/done-1.svg);
    content-visibility: hidden !important;
    background-color: #DEF7D0;
    width: 16px;
    height: 16px;
}

.workforce-nav-title {
    font-weight: 600;
    font-size: 1.5em;
    padding-bottom: 8px;
    position: sticky;
    top: 0px;
    background: white;
    width: 100%;
    z-index: 99;
    border: 2px solid white;
    border-radius: 0px;
    border-bottom: 2px solid #EEE;
    border-radius: 0px !important;
    margin-bottom: 4px;
}

.workforce-nav-section.has-done {
    background-color: #F6FDF2 !important;
}

.workforce-nav-edocs{
    margin-top: 2px;
}

.workforce-nav-section-edoc {
    display: flex;
    flex-direction: column;
    padding-top: 8px;
}

.workforce-nav-section-edoc-title {
    display: flex;
    grid-gap: 8px;
}

.workforce-nav-section-edoc-page-div {
    display: flex;
    grid-gap: 2px;
    border-radius: 4px;
    padding: 2px;
}

.workforce-nav-section-edoc-page-div img{
    width: 14px;
}

.workforce-nav-section-edoc-pages {
    display: flex;
    flex-direction: column;
}

.workforce-nav-section-edoc-page{
    flex: 1;
}

.workforce-nav-section-edoc-list {
    display: flex;
    flex-direction: column;
    font-weight: normal;
    flex: 1;
}

.workforce-nav-section-edoc-side{
    display: flex;
    flex-direction: column;
}

.workforce-nav-section-edoc-line {
    flex: 1;
    border-right: 1px solid #E5E5E5;
    width: 1px;
    align-self: center;
}

.workforce-nav-list-title, .active-sub-items .workforce-nav-list-title {
    margin-right: 0px !important;
}

.active-sub-items .workforce-active-edoc .workforce-nav-section-edoc-number-holder {
    background: url(../assets/img/edoc-page-active.svg);
    width: 16px;
    height: 16px;
}

.active-sub-items .workforce-active-edoc .workforce-nav-section-edoc-number {
    content-visibility: hidden !important;
    width: 16px;
    height: 16px;
}

.workforce-nav-section-edoc-number-holder.workforce-completed-edoc {
    background: url(../assets/img/done-1.svg);
    content-visibility: hidden !important;
    width: 16px;
    height: 16px;
}

.active-sub-items .workforce-active-edoc .workforce-active-edoc-page {
    background-color: #E1EEFD;
    color: #0078BC;
}

.workforce-nav-section-edoc-page-div .workforce-nav-section-number {
    align-self: center;
    width: auto;
}

.workforce-nav-section-edoc-page-div:not(.workforce-completed-edoc-page):not(.workforce-active-edoc-page) img{
    display: none;
}

.workforce-nav-section-edoc-page-div.workforce-completed-edoc-page .workforce-nav-section-number, .workforce-nav-section-edoc-page-div.workforce-active-edoc-page .workforce-nav-section-number {
    display: none;
}

.workforce-completed-edoc-page img {
    content: url("../../Global/assets/img/done-1.svg");
}

.workforce-nav-section {
    padding-left: 5px !important;
}

.workforce-top-header{
    font-size: 18px !important;
}

.pg-app-button-blue {
    color: #0078BC;
    background: white;
    border: 1px solid #E5E5E5;
}

.primary-outline{
    background: white;
}

.pg-app-w4-footer {
    background-color: #F9FAFD;
    border: 1px solid #E5E5E5;
    border-left: none;
    padding: 10px;
    min-height: 55px;
}

.workforce-form-title {
    font-size: 1.2em;
    font-weight: 600;
    padding-left: 8px;
    padding-top: 8px;
    flex: 1;
}

.workforce-form-subtitle {
    color: #5F5F5F;
    padding-left: 8px;
    font-weight: 600;
}

.workforce-form-title-main {
    display: flex;
    flex: 1;
    flex-direction: column;
}

.workforce-form-title-div {
    display: flex;
}

.workforce-form-title-toggle {
    padding: 5px;
    background-color: #F1F7FE;
    margin: 5px;
    margin-right: 10px;
    cursor: pointer;
    width: 35px;
    height: 35px;
}

.workforce-form-title-toggle, .workforce-menu-footer {
    display: none;
}

.workforce-main {
    display: flex;
    overflow: hidden;
}

.workforce-nav-side {
    width: 300px;
}


.workforce-menu-footer .pg-app-w4-footer {
    width: 100%;
}

.eDoc-form-row, .screen-form-row {
    flex-wrap: wrap;
}

.workforce-footer-info {
    display: flex;
    grid-gap: 10px;
}

.workforce-main .div-tab-frame {
    border: none !important;
}


.pg-app-btn-min-width {
    min-width: 150px;
}

@media (width <= 900px) {
    .workforce-tab-content{
        flex-direction: column;
    }

    .workforce-form-title-toggle {
        display: block;
    }

    .workforce-nav-side {
        width: 100%;
        overflow: hidden;
        flex: 1;
    }

    .workforce-nav-side, .workforce-show-menu .workforce-main {
        display: none;
    }

    .workforce-show-menu .workforce-nav-side, .workforce-show-menu .workforce-menu-footer {
        display: flex;
    }

    .workforce-show-menu .pg-full-screen-header-left-section {
        display: none;
    }


    .eDoc-form-row:not(.keep-orientation), .screen-form-row:not(.keep-orientation) {
        flex-direction: column !important;
    }

    .screen-form-label.text-right{
        text-align: left !important;
    }

    .keep-100 {
        width: 100% !important;
        flex: 1 0 100% !important;
    }

    .workforce-edoc-footer {
        flex-direction: column !important;
        grid-gap: 10px;
    }

    .workforce-footer-info {
        width: 100%;
    }

    .pg-app-w4-footer.d-flex {
        flex-direction: column;
    }

    .eDocHolder.imgPanel, .tab-content.edoc-notedit {
        width: 100% !important;
    }

    .tab-content.edoc-notedit {
        padding: 20px !important;
    }

    .edoc-page-info, .workforce-footer-info {
        width: 100% !important;
        padding-bottom: 10px;
    }

    .workforce-footer-buttons {
        width: 100% !important;
        justify-content: end;
    }


    .pg-app-btn-min-width {
        min-width: 100px;
    }
}


select.form-control {
    background-image: url("../../Global/assets/img/chevrondown16x16.svg");
    background-repeat: no-repeat;
    background-size: 16px 16px;
    background-position: right 10px center;
    padding-right: 24px;
}

.screen-form-screenlisting{
    width: 100%;
}

.screen-form-select .pods-btn-group{
    height: 32px;
}

    .screen-form-select .pods-btn-group .multiselect {
        padding-bottom: 3px !important;
    }

.screen-form-select .pods-btn-group.multiple-selection button.multiselect .multiselect-bubble{
    padding: 2px 4px;
}

    .screen-form-select .pods-btn-group .multiselect-empty-title {
        padding-top: 2px !important;
    }

.TrashImg {
    width: 36px;
    display: flex;
    padding: 8px 10px;
    justify-content: center;
    align-items: center;
    gap: 6px;
    border-radius: 4px;
    border: 1px solid #E5E5E5;
    background: #FEF3F2;
    box-sizing: border-box;
    cursor: pointer;
}


.pg-table.pg-table-workforce tbody td, .pg-table.pg-table-workforce thead tr th {
    padding: 6px 12px;
}

.global-wrapper .main .main-section-wrapper.main-section-singlepage{
    height: 100% !important;
}


.selectOpenShifts .ScMan-ShiftsBar:not(.OpenShift) .shift-ee-select-div input {
    display: none !important;
}

.multiselect-100 .btn-group button.multiselect .multiselect-selected-text {
    font-size: 1em;
    color: inherit;
    max-width: 100%;
    display: block;
    text-overflow: ellipsis;
    overflow: hidden;
}

.multiselect-left .btn-group button.multiselect .multiselect-selected-text {
    text-align: left !important;
}

.multiselect-100 .pods-btn-group button.multiselect {
    width: 100% !important;
}

.SelectedMenuList, .SelectableMenuList:hover {
    background: #F1F7FE;
}

.date-big{
    position: relative;
}

.date-big .icon-append {
    top: 10px !important;
}

    .date-small .icon-append {
        top: 4px !important;
    }

    .date-holder {
       position: relative;
       width: 180px;
    }
.pg-form-input{
    min-height: 30px !important;
    max-height: 30px !important;
}

.pg-form-input-header {
    min-height: 40px !important;
    max-height: 40px !important;
}


    .filterRow {
        background-color: transparent;
        width: 100% !important;
        margin: 0px !important;
        gap: 4px;

    }

        .filterRow .filterRowSelect {
           width: 30% !important;
           max-width: 200px !important;
        }

.DropdownMenuRow:hover {
    background: #F1F7FE;
}



.DirectReports {
    display: flex;
    height: 100%;
}

.DirectReports > a {
        display: flex;
        align-items: center;
        padding: 0px 12px;
        height: 100%;
        border: transparent;
        flex-grow: 1;
        gap: 8px;
        background: #FFF;
        border: 1px solid #E5E5E5;
        border-radius: 4px;
        cursor: pointer;
    }

.DirectReports > a > .DR-Img {
    display: flex;
    padding: 6px;
    background: #E0F5F1;
    border-radius: 4px;
}

    .DirectReports > a > span {
        display: -webkit-box;
        -webkit-box-orient: vertical;
        overflow: hidden;
        color: var(--Text-Black, #000);
        text-overflow: ellipsis;
        font-size: 16px;
        font-style: normal;
        font-weight: 500;
        line-height: normal;
        white-space: nowrap;
    }

.DirectReports > a:hover {
    text-decoration: none !important;
}

.EditProfile {
    display: flex;
    padding: 0px 12px;
    align-items: center;
    cursor: pointer;
    min-height: 100%;
    border-radius: 0 4px 4px 0;
    border: 1px solid #E5E5E5;
    border-left: none !important;
}

.DirectReports > .dropdown-menu {
    min-width: 260px;
    padding: 12px !important;
    border-radius: 4px;
    background: #FFF;
    z-index: 12;
}

.DirectReports .SelectProfile {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 8px;
}

    .DirectReports .SelectProfile > li {
        display: flex;
        align-self: stretch;
    }

.SelectedTemplateList, .SelectedFilterList {
    background: #F1F7FE;
}

    .SelectedTemplateList > a, .SelectedFilterList > a {
        cursor: default !important;
    }

.DirectReports .SelectProfile > li > a {
    display: flex;
    align-items: center;
    gap: 8px;
    cursor: default;
    border-radius: 4px;
    padding: 4px 8px;
    cursor: pointer;
}

.SelectProfile > li > a:hover {
    background: #F1F7FE;
}

.SelectProfile > li > a > span {
    flex-grow: 1;
    color: #000;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 18px;
}

.SelectProfile > li > a > i {
    display: flex;
    padding: 6px;
    align-items: center;
    justify-content: center;
    border-radius: 2px;
    background: #E0F5F1;
    color: #46AB98;
}

.SelectProfile > li > a:hover > i {
    color: #46AB98;
}

.DirectReports .SelectProfile > li:last-of-type > a > span {
    color: #0078BC;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 18px;
}

.EditADDProfile {
    display: flex; /*flex*/
    flex-direction: column;
    background: #FFF;
    position: fixed;
    right: 0;
    height: 100%;
    gap: 24px;
    overflow: hidden;
    top: 0;
    z-index: 999;
    width: 554px;
    border: 2px solid #ddd;
    border-radius: 5px;
    box-shadow: 0 15px 15px -5px rgba(0, 0, 0, 0.2);
}

.EditADDProfile > header {
    display: flex;
    justify-content: space-between;
    align-self: stretch;
    padding: 16px 24px;
    align-items: center;
    border-bottom: 1px solid #E5E5E5;
}

.EditADDProfile > header > .EPTitle{
    display: flex;
    align-items: center;
    gap: 16px;
}

.EditADDProfile > header > .EPTitle > span {
    color: #000;
    
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}

.EditADDProfile > header > button {
    display: flex;
    padding: 8px 10px;
    justify-content: center;
    align-items: center;
    gap: 6px;
    align-self: stretch;
    border-radius: 4px;
    border: 1px solid #FECDCA;
    background: #FEF3F2;
    cursor: pointer;
}

.EditADDProfile > .EPBody {
    display: flex;
    flex-direction: column;
    flex-grow: 1;
    gap: 24px;
    padding: 0 24px;
    overflow: hidden;
}

.NameIconWrap {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.NameIconWrap > span {
    color: #5F5F5F;
    

    font-style: normal;
    font-weight: 400;
    line-height: 16px;
}

.NameIconWrap > .NameIcon {
    display: flex;
    gap: 8px;
    max-height: 40px;
}

.NameIconWrap > .NameIcon > button {
    display: flex;
    height: 40px !important;
    width: 40px !important;
    padding: 8px 12px !important;
    align-items: center;
    justify-content: center;
    gap: 8px;
    border-radius: 4px;
    background: #FFF;
    border: 1px solid #D2D5DA;
    cursor: pointer;
}

.NameIconWrap > .NameIcon > button:hover {
    border: 1px solid #81C2F8;
    background: #F1F7FE;
}

.NameIconWrap > .NameIcon > input {
    padding: 11px 14px;
    flex-grow: 1;
    color: #000;
    
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    outline: none;
    border-radius: 4px;
    border: 1px solid #D2D5DA;
    background: #FFF;
}

.NameIconWrap > .NameIcon > input::placeholder{
    color: #D2D5DA;
    
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.FiltersWrap {
    display: flex;
    flex-direction: column;
    height: 100%;
    overflow: hidden;
    align-self: stretch;
    gap: 16px;
}

.FiltersWrap > .Tabs {
    display: flex;
    justify-content: space-between;
    align-self: stretch;
    border-bottom: 1px solid #E5E5E5;
}

.FiltersWrap > .Tabs > .FilterSort {
    display: flex;
    gap: 16px;
}

.FiltersWrap > .Tabs > .FilterSort > .Tab {
    display: flex;
    padding: 0px 16px 8px 16px;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    gap: 8px;
    cursor: pointer;
}

.FiltersWrap > .Tabs > .FilterSort > .Active {
    border-radius: 8px 8px 0px 0px;
    border-bottom: 2px solid #0078BC;
}

.FiltersWrap > .Tabs > .FilterSort > .Tab > span {
    
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 20px;
}

.FiltersWrap > .Tabs > .FilterSort > .Tab:not(.Active) > span{
    color: #5F5F5F;
}

.FiltersWrap > .Tabs > .FilterSort > .Active {
    color: #0078BC;
}

.FiltersWrap > .Tabs > .AddFilter {
    display: flex;
    padding: 4px 8px;
    align-items: center;
    gap: 8px;
    border-radius: 4px;
    cursor: pointer;
}

.FiltersWrap > .Tabs > .AddFilter:hover {
    background: #F1F7FE;
}

.FiltersWrap > .Tabs > .AddSort {
    display: flex; /*flex*/
    padding: 4px 8px;
    align-items: center;
    gap: 8px;
    border-radius: 4px;
    cursor: pointer;
}

.FiltersWrap > .Tabs > .AddSort:hover {
    background: #F1F7FE; 
}

.FiltersWrap > .Tabs > .AddFilter > span,
.FiltersWrap > .Tabs > .AddSort > span {
    color: #0078BC;
    
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 18px;
}

.FiltersWrap > .ScrollY {
    display: flex;
    flex-direction: column;
    align-self: stretch;
    gap: 16px;
    max-height: 100%;
    overflow-x: hidden;
    overflow-y: auto;
    height: 100%;
}


.FiltersWrap > .ScrollY > .EPBRow {
    display: flex;
    gap: 8px;
    align-self: stretch;
    max-height: 40px;
    height: 40px;
}

.FiltersWrap > .ScrollY > .EPBRow > .Type,
.FiltersWrap > .ScrollY > .EPBRow > .Selection {
    display: flex;
    flex-grow: 1;
    min-width: calc((100% - 124px)/2);
    max-width: calc((100% - 54px)/3);
    overflow: hidden;
    border-radius: 4px;
    background: #FFF;
    border: 1px solid #D2D5DA;
}

.FiltersWrap > .ScrollY > .EPBRow > .Type1 {
    max-width: calc((100% - 54px)/2) !important;
}

.FiltersWrap > .ScrollY > .EPBRow > .Type > a,
.FiltersWrap > .ScrollY > .EPBRow > .Selection > a,
.FiltersWrap > .ScrollY > .EPBRow > .Equation > a {
    display: flex;
    padding: 8px 14px;
    width: 100%;
    height: 100%;
    justify-content: space-between;
    align-items: center;
}

.FiltersWrap > .ScrollY > .EPBRow > .Type > a:hover,
.FiltersWrap > .ScrollY > .EPBRow > .Selection > a:hover,
.FiltersWrap > .ScrollY > .EPBRow > .Equation > a:hover {
    color: #000 !important;
    text-decoration: none !important;
}

.FiltersWrap > .ScrollY > .EPBRow > .Equation {
    display: flex;
    min-width: 60px;
    border-radius: 4px;
    background: #FFF;
    border: 1px solid #D2D5DA;
}

.FiltersWrap > .ScrollY > .EPBRow > div > a > span {
    color: #000;
    
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.FiltersWrap > .ScrollY > .EPBRow .bubbles {
    display: flex;
    align-items: center;
    height: 100%;
    gap: 4px;
    max-width: calc(100% - 24px);
    overflow: hidden;
}

.FiltersWrap > .ScrollY > .EPBRow .bubble {
    display: flex;
    align-items: center;
    gap: 4px;
    padding: 4px 6px;
    height: 100%;
    border-radius: 4px;
    background: #E1EEFD;
}

.FiltersWrap > .ScrollY > .EPBRow .bubble > span {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    color: #000;
    text-overflow: ellipsis;
    
    font-size: 12px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}

.FiltersWrap > .ScrollY > .EPBRow > button {
    display: flex;
    padding: 8px 10px;
    max-width: 40px;
    justify-content: center;
    align-items: center;
    align-self: stretch;
    border-radius: 4px;
    border: 1px solid #FECDCA;
    background: #FEF3F2;
}

.FiltersWrap > .ScrollY > .EPBRow .GrayChevron {
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 4px;
}

.FiltersWrap > .ScrollY > .EPBRow a:hover .GrayChevron {
    background: #E3E3E3;
}

.FiltersWrap > .ScrollY > .EPBRow a:hover .GrayChevron > img {
    filter: brightness(0%) grayscale(100%);
}

.FiltersWrap > .ScrollY > .SelSort {
    display: flex;
}

.EditADDProfile > footer {
    display: flex;
    padding: 16px 24px;
    justify-content: space-between;
    align-items: center;
    align-self: stretch;
    border-radius: 0px 0px 5px 5px;
    border-top: 1px solid #E5E5E5;
}


    .EditADDProfile > footer > button {
        display: flex;
        padding: 10px 18px;
        justify-content: center;
        align-items: center;
        cursor: pointer;
        border: none;
        background: transparent;
    }

        .EditADDProfile > footer > button > span {
            color: #5F5F5F;
            font-size: 16px;
            font-style: normal;
            font-weight: 600;
            line-height: 24px;
        }

    .EditADDProfile > footer > .rightButtons {
        display: flex;
        gap: 8px;
        align-items: center;
    }

        .EditADDProfile > footer > .rightButtons > button {
            display: flex;
            padding: 9px 20px;
            align-items: center;
            border-radius: 6px;
            border: 1px solid #0078BC;
            cursor: pointer;
            background: #FFF;
        }

            .EditADDProfile > footer > .rightButtons > button:last-of-type {
                background: #0078BC;
            }

            .EditADDProfile > footer > .rightButtons > button > .SaveNew {
                color: #0078BC;
                font-feature-settings: 'clig' off, 'liga' off;
                font-style: normal;
                font-weight: 600;
                line-height: 22px;
                text-transform: capitalize;
            }

            .EditADDProfile > footer > .rightButtons > button:last-of-type > span {
                color: #FFF;
                font-feature-settings: 'clig' off, 'liga' off;
                font-style: normal;
                font-weight: 600;
                line-height: 22px;
                text-transform: capitalize;
            }


.pg-app-cancel-btn {
    display: flex;
    padding: 8px 18px;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    border: none;
    background: transparent;
}

    .pg-app-cancel-btn > span {
        color: #5F5F5F;
        font-size: 16px;
        font-style: normal;
        font-weight: 600;
        line-height: 24px;
    }

.pg-app-save-multiple-btn {
    display: flex;
    padding: 8px 20px;
    justify-content: center;
    align-items: center;
    gap: 7px;
    min-height: 100%;
    border: none;
    border-radius: 4px;
    border: 1px solid #0078BC;
    background: #FFF;
    cursor: pointer;
}

    .pg-app-save-multiple-btn > span {
        color: #0078BC;
        font-feature-settings: 'clig' off, 'liga' off;
        font-size: 16px;
        font-style: normal;
        font-weight: 600;
        line-height: normal;
        text-transform: capitalize;
    }

.SelectedFilters .pods-btn-group {
    height: 36px;
}

.filter-multiselect .pods-btn-group, .filter-multiselect .pods-btn-group button.multiselect {
    overflow: hidden;
    max-width: 100% !important;
    min-width: 100% !important;
}


.DashboardProfileFilters {
    display: flex;
    height: 100%;
}

.DashboardProfileFilters > a {
    display: flex;
    align-items: center;
    height: 100%;
    border: 1px solid #E5E5E5;
    border-radius: 4px 0 0 4px;
    padding: 0 12px;
    gap: 8px;
    cursor: pointer;
}

.DashboardProfileFilters > a:hover {
    background: #F1F7FE;
    border: 1px solid #81C2F8;
    text-decoration: none;
}

.DashboardProfileFilters > a > span:first-of-type {
    color: #5F5F5F;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.DashboardProfileFilters > a > span:last-of-type {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    color: #A4A4A4;
    text-overflow: ellipsis;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.DashboardProfileFilters .SelectFilter {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 8px;
}

.DashboardProfileFilters .SelectFilter > li {
    display: flex;
    align-self: stretch;
    padding: 4px 8px;
}

.DashboardProfileFilters .SelectFilter > li > a {
    display: flex;
    align-items: center;
    gap: 8px;
    cursor: default;
    border-radius: 4px;
    flex-grow: 1;
    color: #000;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 18px;
    cursor: pointer;
}

.DashboardProfileFilters .SelectFilter > li > a:hover {
    background: #F1F7FE;
    color: #000 !important;
}

.DashboardProfileFilters > .Edit {
    display: flex;
    height: 100%;
    padding: 0px 12px;
    align-items: center;
    background: #F6F6F6;
    border: 1px solid #E5E5E5;
    border-left: 0 !important;
    border-radius: 0 4px 4px 0;
}



.NPNewFilter {
    display: flex;
    padding: 8px;
    justify-content: center;
    align-items: center;
    border-radius: 28px;
    background: #F1F7FE;
}

.NPFName{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    gap: 8px;
    align-self: stretch;
}

.NPFName > span{
    color: #5F5F5F;
    

    font-style: normal;
    font-weight: 400;
    line-height: 16px;
}

.NPFName > input{
    display: flex;
    min-height: 40px;
    padding: 8px 14px;
    align-items: center;
    align-self: stretch;
    border-radius: 4px;
    border: 1px solid #E3E3E3;
    background: #FFF;
    outline: none;

    color: #000;
    
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.NPFName > input::placeholder{
    color: #A4A4A4;
    
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal; 
}

.FiltersWrap {
    display: flex;
    flex-direction: column;
    height: 100%;
    overflow: hidden;
    align-self: stretch;
    gap: 8px;
}

.FiltersWrap > .Tabs {
    display: flex;
    justify-content: space-between;
    align-self: stretch;
    border-bottom: 1px solid #E5E5E5;
}

.FiltersWrap > .Tabs > .FilterSort {
    display: flex;
    gap: 16px;
}

.FiltersWrap > .Tabs > .FilterSort > .Tab {
    display: flex;
    padding: 0px 16px 8px 16px;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    gap: 8px;
    cursor: pointer;
}

.FiltersWrap > .Tabs > .FilterSort > .Active {
    border-radius: 8px 8px 0px 0px;
    border-bottom: 2px solid #0078BC;
}

.FiltersWrap > .Tabs > .FilterSort > .Tab > span {
    
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 20px;
}

.FiltersWrap > .Tabs > .FilterSort > .Tab:not(.Active) > span{
    color: #5F5F5F;
}

.FiltersWrap > .Tabs > .FilterSort > .Active {
    color: #0078BC;
}

.FiltersWrap > .Tabs > .AddFilter {
    display: flex;
    padding: 4px 8px;
    align-items: center;
    gap: 8px;
    border-radius: 4px;
    cursor: pointer;
}

.FiltersWrap > .Tabs > .AddFilter:hover {
    background: #F1F7FE;
}

.FiltersWrap > .Tabs > .AddSort {
    display: flex; /*flex*/
    padding: 4px 8px;
    align-items: center;
    gap: 8px;
    border-radius: 4px;
    cursor: pointer;
}

.FiltersWrap > .Tabs > .AddSort:hover {
    background: #F1F7FE; 
}

.FiltersWrap > .Tabs > .AddFilter > span,
.FiltersWrap > .Tabs > .AddSort > span {
    color: #0078BC;
    
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 18px;
}

.FiltersWrap > .ScrollY {
    display: flex;
    flex-direction: column;
    align-self: stretch;
    gap: 16px;
    max-height: 100%;
    overflow-x: hidden;
    overflow-y: auto;
}

.FiltersWrap > .ScrollY > .EPBRow {
    display: flex;
    gap: 8px;
    align-self: stretch;
}

.FiltersWrap > .ScrollY > .EPBRow > .Type,
.FiltersWrap > .ScrollY > .EPBRow > .Selection {
    display: flex;   
    flex-grow: 1;
    min-width: calc((100% - 144px)/2);
    max-width: calc((100% - 56px)/3);
    overflow: hidden;
    border-radius: 4px;
    border: 1px solid #D2D5DA;
    overflow: hidden;
}

.FiltersWrap > .ScrollY > .EPBRow > .Type1 {
    max-width: calc((100% - 56px)/2) !important;
}

.FiltersWrap > .ScrollY > .EPBRow > .Type > a,
.FiltersWrap > .ScrollY > .EPBRow > .Selection > a,
.FiltersWrap > .ScrollY > .EPBRow > .Equation > a {
    display: flex;
    padding: 8px 14px;
    width: 100%;
    height: 100%;
    justify-content: space-between;
    align-items: center;
}

.FiltersWrap > .ScrollY > .EPBRow a:hover {
    text-decoration: none !important;
}

.FiltersWrap > .ScrollY > .EPBRow > .Equation {
    display: flex;
    min-width: 80px;
    border-radius: 4px;
    border: 1px solid #D2D5DA;
}

.FiltersWrap > .ScrollY > .EPBRow > div > span,
.FiltersWrap > .ScrollY > .EPBRow > div > a > span{
    color: #000;
    
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.FiltersWrap > .ScrollY > .EPBRow .bubbles {
    display: flex;
    align-items: center;
    height: 100%;
    gap: 4px;
    max-width: calc(100% - 24px);
    overflow: hidden;
}

.FiltersWrap > .ScrollY > .EPBRow .bubble {
    display: flex;
    align-items: center;
    gap: 4px;
    padding: 4px 6px;
    height: 100%;
    border-radius: 4px;
    background: #E1EEFD;
}

.FiltersWrap > .ScrollY > .EPBRow .bubble > span {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    white-space: nowrap;
    overflow: hidden;
    color: #000;
    text-overflow: ellipsis;
    

    font-style: normal;
    font-weight: 500;
    line-height: normal;
}

.FiltersWrap > .ScrollY > .EPBRow > button {
    display: flex;
    padding: 8px 10px;
    max-width: 40px;
    justify-content: center;
    align-items: center;
    align-self: stretch;
    border-radius: 4px;
    border: 1px solid #FECDCA;
    background: #FEF3F2;
}

.FiltersWrap > .ScrollY > .EPBRow .GrayChevron {
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 4px;
}

.FiltersWrap > .ScrollY > .EPBRow a:hover .GrayChevron {
    background: #E3E3E3;
}

.FiltersWrap > .ScrollY > .EPBRow a:hover .GrayChevron > img {
    filter: brightness(0%) grayscale(100%);
}

.FiltersWrap > .ScrollY > .SelSort {
    display: flex;
}

.pg-popup > footer {
    display: flex;
    align-self: stretch;
    justify-content: space-between;
    align-items: center;
    padding: 16px 24px;
    background: #FFF;
}


    .pg-popup > footer > .rightsideButtons {
        display: flex;
        gap: 8px;
        min-height: 44px;
    }

.pg-app-actions-btn {
    display: flex;
    padding: 8px 20px;
    justify-content: center;
    align-items: center;
    gap: 7px;
    min-height: 100%;
    border: none;
    border-radius: 4px;
    border: 1px solid #0078BC;
    background: #FFF;
    cursor: pointer;
}

    .pg-app-actions-btn > span {
        color: #0078BC;
        font-feature-settings: 'clig' off, 'liga' off;
        font-size: 16px;
        font-style: normal;
        font-weight: 600;
        line-height: normal;
        text-transform: capitalize;
    }

.pg-app-save-btn {
    display: flex;
    padding: 8px 20px;
    justify-content: center;
    align-items: center;
    border-radius: 4px;
    border: none;
    background: #0078BC;
    cursor: pointer;
}

    .pg-app-save-btn > span {
        color: #FFF;
        font-feature-settings: 'clig' off, 'liga' off;
        font-size: 16px;
        font-style: normal;
        font-weight: 600;
        line-height: normal;
        text-transform: capitalize;
    }

    .pg-app-save-btn[disabled], .pg-app-primary-btn[disabled] {
        background: #A4A4A4;
        cursor: not-allowed;
        border: none;
    }

    .pg-app-delete-btn {
        display: flex;
        margin-left: auto;
        padding: 8px 10px;
        justify-content: center;
        align-items: center;
        gap: 6px;
        border-radius: 4px;
        border: 1px solid #FECDCA;
        background: #FEF3F2;
        cursor: pointer;
    }

    .pg-app-delete-btn > span {
        color: #B42318;
        font-size: 16px;
        font-style: normal;
        font-weight: 500;
        line-height: 18px;
    }



.AddEditProfileFilter {
    display: flex; /*flex*/
    flex-direction: column;
    background: #FFF;
    overflow: hidden;
    z-index: 13;
    max-width: 800px;
    min-width: 800px;
    position: fixed;
    left: 0px;
    right: 0px;
    margin-left: auto;
    margin-right: auto;
    top: 10%;
    border: 2px solid #ddd;
    border-radius: 5px;
    box-shadow: 0 15px 15px -5px rgba(0, 0, 0, 0.2);
}

    .AddEditProfileFilter > header {
        display: flex;
        padding: 12px 24px;
        align-items: center;
        gap: 14px;
        align-self: stretch;
    }

        .NPNewFilter {
            display: flex;
            padding: 8px;
            justify-content: center;
            align-items: center;
            border-radius: 28px;
            background: #F1F7FE;
        }


        .AddEditProfileFilter > header > span {
            color: #000;
            font-size: 18px;
            font-style: normal;
            font-weight: 600;
            line-height: 28px;
        }

        .AddEditProfileFilter > header > button, .EditADDProfile > header > button {
            display: flex;
            margin-left: auto;
            padding: 8px 10px;
            justify-content: center;
            align-items: center;
            gap: 6px;
            border-radius: 4px;
            border: 1px solid #FECDCA;
            background: #FEF3F2;
            cursor: pointer;
        }

            .AddEditProfileFilter > header > button > span, .EditADDProfile > header > button > span {
                color: #B42318;
                font-size: 16px;
                font-style: normal;
                font-weight: 500;
                line-height: 18px;
            }

    .AddEditProfileFilter > .NPFBody {
        display: flex;
        height: 334px;
        max-height: 334px;
        padding: 24px;
        flex-direction: column;
        align-items: flex-start;
        gap: 16px;
        align-self: stretch;
        border-top: 1px solid rgba(238, 238, 238, 0.93);
        border-bottom: 1px solid rgba(238, 238, 238, 0.93);
        overflow: hidden;
    }

        .AddEditProfileFilter > .NPFBody > .NPFName {
            display: flex;
            flex-direction: column;
            justify-content: center;
            align-items: flex-start;
            gap: 8px;
            align-self: stretch;
        }


    .AddEditProfileFilter > footer {
        display: flex;
        align-self: stretch;
        justify-content: space-between;
        align-items: center;
        padding: 16px 24px;
        background: #FFF;
    }

        .AddEditProfileFilter > footer > button {
            display: flex;
            min-height: 44px;
            cursor: pointer;
            justify-content: center;
            align-items: center;
            border: none;
            background: #FFF;
            padding: 10px 18px;
        }


    .AddEditProfileFilter > footer > button > span {
        color: #5F5F5F;
        font-size: 16px;
        font-style: normal;
        font-weight: 600;
        line-height: 24px;
    }

    .AddEditProfileFilter > footer > .rightsideButtons {
        display: flex;
        gap: 8px;
        min-height: 44px;
    }

        .AddEditProfileFilter > footer > .rightsideButtons > button:first-of-type {
            display: flex;
            padding: 8px 20px;
            justify-content: center;
            align-items: center;
            gap: 7px;
            min-height: 100%;
            border: none;
            border-radius: 4px;
            border: 1px solid #0078BC;
            background: #FFF;
            cursor: pointer;
        }

            .AddEditProfileFilter > footer > .rightsideButtons > button:first-of-type > span {
                color: #0078BC;
                font-feature-settings: 'clig' off, 'liga' off;
                font-size: 16px;
                font-style: normal;
                font-weight: 600;
                line-height: normal;
                text-transform: capitalize;
            }

        .AddEditProfileFilter > footer > .rightsideButtons > button:last-of-type {
            display: flex;
            padding: 8px 20px;
            justify-content: center;
            align-items: center;
            border-radius: 4px;
            border: none;
            background: #0078BC;
            cursor: pointer;
        }

            .AddEditProfileFilter > footer > .rightsideButtons > button:last-of-type > span {
                color: #FFF;
                font-feature-settings: 'clig' off, 'liga' off;
                font-size: 16px;
                font-style: normal;
                font-weight: 600;
                line-height: normal;
                text-transform: capitalize;
            }

.svg-white {
    filter: brightness(0) invert(1) !important;
}

.svg-blue {
    filter: brightness(0) saturate(100%) invert(30%) sepia(60%) saturate(2102%) hue-rotate(178deg) brightness(94%) contrast(104%);
}

.svg-gray {
    filter: invert(40%) sepia(0%) saturate(0%) hue-rotate(153deg) brightness(88%) contrast(86%) !important;
}

.svg-blue-1-hover:hover {
    filter: invert(40%) sepia(0%) saturate(0%) hue-rotate(153deg) brightness(88%) contrast(86%);
}

.svg-red {
    filter: brightness(0) saturate(100%) invert(25%) sepia(81%) saturate(5537%) hue-rotate(336deg) brightness(96%) contrast(107%);
}
.svg-green {
    filter: brightness(0) saturate(100%) invert(46%) sepia(61%) saturate(601%) hue-rotate(58deg) brightness(90%) contrast(91%);
}

.error-span-red {
    color: #D92D20;
}


.Icon-Box {
    background: #F1F7FE;
    border: 1px solid #E1EEFD;
    border-radius: 4px;
    width: 40px;
    height: 40px;
    align-items: center;
    display: flex;
    cursor: pointer;
}

    .Icon-Box img {
        flex: 1;
        width: 20px;
        height: 20px;
        filter: brightness(0) saturate(100%) invert(27%) sepia(78%) saturate(1917%) hue-rotate(180deg) brightness(98%) contrast(101%);
    }

.Status-Box {
    font-weight: 600;
    font-size: 0.9em;
    max-width: 100%;
   
}

.Status-Box-Text {
    padding: 4px;
    border-radius: 4px;
    white-space: break-spaces;
    overflow: auto;
    text-overflow: ellipsis;
}

.Status-Box .Denied, .Status-Box .Cancelled, .Status-Box .Declined {
    color: #D92D20;
    background-color: #FFECEB;
}

.Status-Box .Pending, .Status-Box .Negotiating, .Status-Box .Waiting {
    color: #EB7C10;
    background-color: #FFF4D3;
}

    .Status-Box .Approved {
        color: #164C21;
        background-color: #F0FCE9;
    }

.Gray-Box {
    width: fit-content;
    display: flex;
    padding: 8px;
    background-color: #F6F6F6;
    border-radius: 4px;
    
}

.pg-popup {
    display: flex;
    flex-direction: column;
}

    .pg-popup > header {
        display: flex;
        padding: 8px 12px;
        align-items: center;
        gap: 14px;
        align-self: stretch;
        min-height: 54.3333px;
        flex: 0 0 auto;
    }

.pg-popup .pg-popup-body {
    display: flex;
    padding: 8px;
    flex-direction: column;
    gap: 14px;
    align-self: stretch;
    border-top: 1px solid rgba(238, 238, 238, 0.93);
    border-bottom: 1px solid rgba(238, 238, 238, 0.93);
    max-height: 100%;
    overflow: auto;
    min-width: 400px;
    min-height: 120px;
}

.pg-popup > footer {
    display: flex;
    padding: 8px 12px;
    justify-content: space-between;
    align-items: center;
    align-self: stretch;
    border-radius: 0px 0px 8px 8px;
    background: #FFF;
    gap: 4px;
}



.ClockButtons {
    display: flex;
    justify-content: flex-end;
    align-items: center;
}

.ClockButtons > button {
        display: flex;
        padding: 2px 4px;
        justify-content: center;
        align-items: center;
        cursor: pointer;
        box-sizing: border-box;
        border-radius: 4px;
        border: none;
        background: none;
        width: 24px;
    }

.ClockButtons > button:nth-of-type(2) > span {
            display: inline-flex;
        }

.ClockButtons > button:hover {
            background: #E1EEFD;
        }

.ClockButtons > button > span {
            color: #0078BC;
            font-style: normal;
            font-weight: 400;
            line-height: normal;
        }


header.pg-header .header-content .start,
header.pg-header .header-content .end {
    position: relative;
}


        .pg-MSearchBarPg-Wrap {
            display: flex;
        }


.SBarPg-SelectEmployee {
    display: flex;
    position: relative;
    min-height: 100%;
    max-height: 100%;
    min-width: 135px;
    padding: 0px 12px;
    align-items: center;
    gap: 8px;
    border-radius: 4px 0px 0px 4px;
    border-top: 1px solid #BCDDFB;
    border-bottom: 1px solid #BCDDFB;
    border-left: 1px solid #BCDDFB;
    cursor: pointer;
    background: #FFF;
}

.SBarPg-Searching {
    display: flex;
    min-height: 100%;
    max-height: 100%;
    padding: 8px 12px;
    align-items: center;
    flex: 1 0 0;
    outline: none;
    border-radius: 0px !important;
    border-top: 1px solid #BCDDFB;
    border-bottom: 1px solid #BCDDFB;
    border-left: 1px solid #BCDDFB;
    border-right: none;
    background: #FFF;
    min-width: 200px;
}

    .SBarPg-SelectEmployee.activeP,
    .SBarPg-Searching:focus,
    .SBarPg-SelectEmployee.activeP + .SBarPg-Searching,
    .pg-MSearchBarPg-Wrap:focus-within .SBarPg-SelectEmployee,
    .pg-MSearchBarPg-Wrap:focus-within .SBarPg-Searching {
        border-top: 1px solid #0078BC !important;
        border-bottom: 1px solid #0078BC !important;
        border-left: 1px solid #0078BC !important;
    }


.SBarPg-SelectEmployee > ul {
    position: absolute;
    top: 40px;
    left: 0;
    width: 158px;
    padding: 7px !important;
    flex-direction: column;
    gap: 3px;
    z-index: 99;
    border-radius: 4px;
    border: 1px solid #D2D5DA;
    background: #FFF;
}

    .SBarPg-SelectEmployee > ul > li {
        display: flex;
        padding: 7px !important;
        align-items: center;
        justify-content: space-between;
        align-self: stretch;
        border-radius: 4px;
        cursor: pointer;
    }

        .SBarPg-SelectEmployee > ul > li > img {
            display: none;
        }

        .SBarPg-SelectEmployee > ul > li.active {
            background: #F1F7FE;
        }

            .SBarPg-SelectEmployee > ul > li.active > img {
                display: flex !important;
            }

        .SBarPg-SelectEmployee > ul > li:hover {
            background: #F1F7FE;
        }

.SBarPg-SearchButton {
    display: flex;
    min-height: 100%;
    max-height: 100%;
    padding: 0px 12px;
    align-items: center;
    gap: 8px;
    cursor: pointer;
    border-radius: 0px 4px 4px 0px;
    border-top: 1px solid #0078BC;
    border-right: 1px solid #BCDDFB;
    border-bottom: 1px solid #0078BC;
    border-left: 1px solid #BCDDFB;
    background: #0078BC;
}

    .SBarPg-SearchButton > img {
        filter: brightness(0) invert(1);
        min-width: 16px !important;
        min-height: 16px !important;
    }

.pg-Main-Searchend {
    display: flex;
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    max-width: 100%;
    height: 100%;
    max-height: 100%;
    align-items: center;
    justify-content: flex-end;
    z-index: 9990;
    background: #FFF;
}

.SBarPg-MainBody1 {
    display: flex;
    position: absolute;
    flex-direction: column;
    top: 0;
    right: 0;
    width: 100%;
    max-width: 100%;
    height: 100%;
    max-height: 100%;
    z-index: 9980;
    background: #FFF;
}

.SBarPg-TabsHead {
    display: flex;
    min-width: 100%;
    max-width: 100%;
    height: fit-content;
    padding: 5px 20px 0px 20px;
    gap: 12px;
}

.SBarPg-Visible {
    display: flex !important;
}

.main-section-wrapper:has(.SBarPg-Visible) {
    overflow: hidden !important;
    max-height: 100%;
}

.SBarPg-THView {
    display: flex;
    min-height: 40px;
    max-height: 40px;
}

    .SBarPg-THView > .SBarPg-THlistView {
        display: flex;
        justify-content: center;
        align-items: center;
        border-radius: 4px 0px 0px 4px;
        padding: 0px 12px;
        border: 1px solid #E5E5E5;
        background: #FFF;
        min-height: 40px;
        cursor: pointer;
    }

    .SBarPg-THView > .SBarPg-THTabView {
        display: flex;
        justify-content: center;
        align-items: center;
        border-radius: 0px 4px 4px 0px;
        padding: 0px 12px;
        border: 1px solid #E5E5E5;
        background: #FFF;
        min-height: 40px;
        cursor: pointer;
    }

.SBarPg-THViewActive {
    background: #E1EEFD !important;
    border: 1px solid #0078BC !important;
}

    .SBarPg-THViewActive > img {
        filter: brightness(0) saturate(100%) invert(28%) sepia(81%) saturate(2728%) hue-rotate(192deg) brightness(92%) contrast(92%);
    }

.SBarPg-GridBody {
    display: flex;
    padding: 8px 20px;
    flex-direction: column;
    min-width: 100%;
    max-width: 100%;
    flex-grow: 1;
    overflow: hidden;
}

.SBarPg-ListEmployee {
    display: flex;
    position: relative;
    min-width: 100%;
    max-width: 100%;
    flex-direction: column;
    max-height: 100%;
    border-radius: 8px;
    border: 1px solid #DADADA;
    overflow: auto;
    cursor: pointer;
    margin-bottom: 8px;
    flex: 1;
}


    .SBarPg-ListEmployee > header {
        display: flex;
        position: sticky;
        top: 0;
        align-items: center;
        z-index: 9;
        background-color: white;
        height: 35px;
    }

        .SBarPg-ListEmployee > header > div {
            border-bottom: 1px solid #DADADA;
        }

    .SBarPg-ListEmployee span {
        max-width: 100%;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .SBarPg-ListEmployee .SBarPg-LEFlex {
        display: flex;
        position: sticky;
        left: 0;
        flex-grow: 1;
        padding: 8px 8px;
        justify-content: space-between;
        align-items: center;
        border-right: 1px solid #DADADA;
    }

    .SBarPg-ListEmployee .SBarPg-LEFlex1 {
        display: flex;
        min-width: 33%;
        max-width: 33%;
        padding: 8px 8px;
        justify-content: space-between;
        align-items: center;
        border-right: 1px solid #DADADA;
    }

    .SBarPg-ListEmployee .SBarPg-LEFlex2 {
        display: flex;
        min-width: 33%;
        max-width: 33%;
        padding: 8px 8px;
        justify-content: space-between;
        align-items: center;
    }

    .SBarPg-ListEmployee > header span {
        color: #5F5F5F;
    }

    .SBarPg-ListEmployee .Regular-Column-EE {
        display: flex;
        min-width: 200px;
        max-width: calc(100% / 5);
        height: 100%;
        padding: 8px 8px;
        justify-content: space-between;
        align-items: center;
        border-right: 1px solid #DADADA;
        flex: 1;
    }

.SBarPg-ListEmployee .SBarPg-LElocation {
    display: flex;
    min-width: 270px;
    max-width: 270px;
    height: 100%;
    padding: 8px 8px;
    justify-content: space-between;
    align-items: center;
    border-right: 1px solid #DADADA;
}

    .SBarPg-ListEmployee .SBarPg-LEdepartment {
        display: flex;
        min-width: 220px;
        max-width: 220px;
        height: 100%;
        padding: 8px 8px;
        justify-content: space-between;
        align-items: center;
        border-right: 1px solid #DADADA;
    }

    .SBarPg-ListEmployee .SBarPg-LEstatus {
        display: flex;
        min-width: 350px;
        max-width: 350px;
        height: 100%;
        padding: 8px 8px;
        justify-content: space-between;
        align-items: center;
        border-right: 1px solid #DADADA;
    }

    .SBarPg-ListEmployee .SBarPg-LEemail {
        display: flex;
        min-width: 300px;
        max-width: 300px;
        height: 100%;
        padding: 8px 8px;
        justify-content: space-between;
        align-items: center;
        border-right: 1px solid #DADADA;
    }

    .SBarPg-ListEmployee .SBarPg-LEphone {
        display: flex;
        min-width: 170px;
        flex: 1;
        height: 100%;
        padding: 8px 8px;
        justify-content: space-between;
        align-items: center;
    }

    .SBarPg-ListEmployee .SBarPg-LEcity {
        display: flex;
        min-width: 140px;
        max-width: 140px;
        height: 100%;
        padding: 8px 8px;
        justify-content: space-between;
        align-items: center;
        border-right: 1px solid #DADADA;
    }

    .SBarPg-ListEmployee .SBarPg-LEstate {
        display: flex;
        min-width: 90px;
        max-width: 90px;
        height: 100%;
        padding: 8px 8px;
        justify-content: space-between;
        align-items: center;
        border-right: 1px solid #DADADA;
    }

.SBarPg-LE-Row {
    display: flex;
    align-items: center;
    
    max-height: 55px;
    min-height: 55px;
    height: 55px;
}

    .SBarPg-LE-Row > div {
        height: 100%;
        max-height: 100%;
        min-height: 100%;
        border-bottom: 1px solid #DADADA;
    }

    .SBarPg-FirstColumn {
        min-width: 350px;
        max-width: 350px;
        width: 350px;
        background-color: white;
        height: 100%;
    }

.SBarPg-LEemployee {
    display: flex;
    align-items: center;
    gap: 8px;
    max-width: calc(100% - 30px);
}

.SBarPg-LEemployeeText {
    display: flex;
    flex-direction: column;
    max-width: 80%;
}

.SBarPg-LEemployeeText > span {
    display: flex;
}

    .SBarPg-LEemployeeText > span > span:first-child {
        display: block;
    }


.SBarPg-LE-RowMoreImage {
    filter: brightness(0) saturate(100%) invert(28%) sepia(81%) saturate(2728%) hue-rotate(192deg) brightness(92%) contrast(92%);
    flex-shrink: 0;
    width: 16px;
    height: 16px;
    cursor: pointer;
}

.SBarPg-TabEmployeeRow {
    display: flex;
    align-items: center;
    gap: 12px;
    min-width: 100%;
    max-width: 100%;
    max-height: 100%;
    overflow: auto;
    flex-wrap: wrap;
}

.SBarPg-TabEmployeeSeg {
    display: flex;
    min-width: calc((100% - 48px) / 5);
    max-width: calc((100% - 48px) / 5);
    flex-direction: column;
    border-radius: 4px;
    border: 1px solid #E5E5E5;
    cursor: pointer;
}

    .SBarPg-TabEmployeeSeg:hover {
        background-color: #F1F7FE;
    }

    .SBarPg-TabEmployeeSeg > header {
        display: flex;
        padding: 16px 24px;
        gap: 14px;
        align-self: stretch;
    }

    .SBarPg-TabEmployeeSeg > .SBarPg-TabEmployeeSbody {
        display: flex;
        padding: 0px 24px 24px 24px;
        justify-content: space-between;
        width: 100%;
        max-width: 100%;
    }

    .SBarPg-TabEmployeeSeg > header > .SBarPg-TabEmployeeSeg1 {
        display: flex;
        justify-content: space-between;
        gap: 6px;
        width: 100%;
        max-width: calc(100% - 30px);
    }

.SBarPg-TabEmpSeg1span {
    display: flex;
    flex-direction: column;
    gap: 4px;
    width: 100%;
    overflow: hidden;
}

.SBarPg-TabEmpSeg1span1 {
    display: flex;
    flex-direction: column;
    gap: 6px;
    width: 100%;
    overflow: hidden;
}

.SBarPg-TabEmployeeSeg span {
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.SBarPg-TabEmployeeSbody > .SBarPg-TEBodySpanCol {
    display: flex;
    flex-direction: column;
    gap: 16px;
    width: 100%;
    max-width: 100%;
}

.SBarPg-TEBodySpanCol2 {
    display: flex;
    width: 100%;
    max-width: 100%;
    flex-direction: column;
    gap: 8px;
    overflow: hidden;
}

.SBarPg-TEBodyContact {
    display: flex;
    align-items: flex-end;
    justify-content: flex-end;
    gap: 8px;
}


.SBarPg-LE-Row {
    cursor: pointer;
}

    .SBarPg-LE-Row:hover, .SBarPg-LE-Row:hover .SBarPg-FirstColumn {
        background-color: #F1F7FE;
    }


    

.SBarPg-LE-Row .Regular-Column-EE:last-child, .SBarPg-ListEmployee header .Regular-Column-EE:last-child {
    border-right: none !important;
}

.Regular-Column-EE .active-ee {
    color: #317F12;
}

.Regular-Column-EE .notactive-ee {
    color: #D16B09;
}

.Regular-Column-EE .term-ee {
    color: #D16B09;
}

.pg-icon-round-blue {
    background: #F1F7FE;
    width: 30px;
    height: 30px;
    border-radius: 15px;
    display: flex;
    align-content: center;
    justify-content: center;
}

    .pg-icon-round-blue img {
        width: 20px !important;
        height: 20px !important;
        align-self: center;
        filter: brightness(0) saturate(100%) invert(31%) sepia(71%) saturate(1214%) hue-rotate(171deg) brightness(100%) contrast(109%);
    }

.pg-icon-square-green {
    background: #E0F5F1;
    width: 30px;
    height: 30px;
    border-radius: 2px;
    display: flex;
    align-content: center;
    justify-content: center;
}

    .pg-icon-square-green img {
        width: 20px !important;
        height: 20px !important;
        align-self: center;
        filter: brightness(0) saturate(100%) invert(59%) sepia(47%) saturate(434%) hue-rotate(119deg) brightness(91%) contrast(91%);
    }

.shared-dashboard-text {
    background: #E1EEFD;
    margin-left: 5px;
    margin-right: 5px;
    padding-left: 8px;
    border-radius: 13px;
    font-size: 0.8em;
    align-self: center;
    align-content: center;
    display: flex;
    justify-content: center;
    color: black;
    padding-right: 8px;
    height: 20px;
    text-align: center;
    flex-direction: column;
    width: 80px;
}

.ScMan-Buttons{
    height: 40px;
}


button.colorConfigBtn {
    display: flex;
    min-height: 40px;
    max-height: 40px;
    padding: 8px 12px;
    align-items: center;
    gap: 7px;
    border: none;
    border-radius: 6px;
    background: #F3F6FF;
    cursor: pointer;
}

    button.colorConfigBtn > span {
        color: #0078BC;
    }

.ScMan-ActionButton.ActionClicked img {
    filter: brightness(0) invert(1) !important;
}

.pg-app-primary-btn.dirty {
    background: rgba(183,47,37,0.7) !important;
    border: 1px solid #eeeeee !important;
}

.flex-row-group {
    display: flex;
    align-items: flex-start;
    gap: 16px;
    align-self: stretch;
    align-items: center;
}

.flex-row-group-item {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    gap: 8px;
    flex: 1 0 0;
}

    .flex-row-group-item > span:not(.knockout-error-label) {
        color: #5F5F5F;
    }


.form-control-tall {
    height: 33px !important;
    min-height: 33px !important;
    max-height: 33px !important;
}

.PG-MainTableWrapper {
    display: flex;
    align-self: stretch;
    border: 1px solid #E5E5E5;
    border-radius: 8px;
    max-height: 100%;
    overflow: auto;
}

.PG-MainTableWrapper.PG-MainTableNoOverflow {
    overflow: visible !important;
}

.table > :not(:last-child) > :last-child > * {
    border-bottom-color: rgb(229, 229, 229);
}


div.pg-popup > header {
    overflow:auto; 
}

div.pg-popup > header > div.roundBackgroundIcon {
    background: #e8f1ff;
    border: none;
    border-radius: 50px;
    height: 37px;
    width: 37px;
    display: flex;
    align-content: center;
    align-items: center;
    justify-content: center;
}

div.pg-popup > header > div.roundBackgroundIcon > img {
    flex-shrink: 0; width: 19px; height: 19px; align-self: center;
}

.PG-MainTableWrapper table {
    margin-bottom: 0;
}

.PG-MainTableWrapper tr:last-child td{
    border-bottom: none;
}

.PG-MainTableBorderR tr th:not(:last-child),
.PG-MainTableBorderR tr td:not(:last-child) {
    border-right: 1px solid #E5E5E5;
}

.PG-MainTableStickyH thead {
    position: sticky;
    top: 0;
}

.PG-MainTableVertMAlign td {
    vertical-align: middle;
}

.PG-MainTableHover tr:hover {
    background: #F1F7FE;
}.PG-MainTableWrapper tr:last-child td {
    border-bottom: none;
}

.PG-MainTableBorderR tr th:not(:last-child),
.PG-MainTableBorderR tr td:not(:last-child) {
    border-right: 1px solid #E5E5E5;
}

.PG-MainTableStickyH thead {
    position: sticky;
    top: 0;
}

.PG-MainTableVertMAlign td {
    vertical-align: middle;
}

.PG-MainTableHover tr:hover {
    background: #F1F7FE;
}
.GenericPopopFit {
    width: fit-content !important;
    max-width: 100% !important;
}

.pg-horizontal-row {
    display: flex;
    flex-direction: column;
    gap: 8px;
}


.pg-vertical-row {
    display: flex;
    flex-direction: row;
    gap: 8px;
}

.pg-horizontal-row span:not(.knockout-error-label) {
    color: #5F5F5F
}

.pg-banner-info {
    display: flex;
    min-width: 100%;
    max-width: 100%;
    padding: 8px 16px;
    align-items: center;
    gap: 8px;
    border-radius: 4px;
    background: #E1EEFD;
}

.popover.black-popover {
    background: black !important;
}

.popover-body {
    padding: 4px !important;
}

.popoverHoverText {
    font-weight: 500 !important;
    font-size: 0.9em !important;
}

.black-popover .popoverHoverText {
    color: white !important;
}

.bs-popover-bottom.black-popover > .popover-arrow::after {
    border-bottom-color: black !important;
}

.bs-popover-end.black-popover > .popover-arrow::after {
    border-right-color: black !important;
}

.bs-popover-start.black-popover > .popover-arrow::after {
    border-left-color: black !important;
}

.bs-popover-top.black-popover > .popover-arrow::after {
    border-top-color: black !important;
}

.multiselect-all label {
    color: rgb(49, 141, 217) !important;
    font-weight: 550 !important;
}

.multiselect-item.multiselect-group label {
    font-weight: 550 !important;
}

.dropdown-menu.Pages-Menu
{
    padding: 12px !important;
    flex-direction: column;
    align-items: flex-start;
    gap: 8px;
    border-radius: 4px;
    border: 1px solid #D2D5DA;
    background: #FFF;
    box-sizing: border-box;
    z-index: 11;
}

.dropdown-menu.Pages-Menu li {
    display: flex;
    height: 30px;
    padding: 6px 8px !important;
    align-items: center;
    gap: 8px;
    align-self: stretch;
    box-sizing: border-box;
    cursor: pointer;
    background: none;
    border: none;
    font-weight: normal;
}

.dropdown-menu.Pages-Menu li.PageActive {
    justify-content: space-between;
    border-radius: 4px;
    background: #F1F7FE;
    cursor: default !important;
}

    .dropdown-menu.Pages-Menu li:hover:not(.PageActive) {
        background: #F1F7FE;
    }

#hyperClose.button-icon {
    align-self: center;
}

    #hyperClose.button-icon img {
        align-self: center;
        flex-shrink: 0;
        cursor: pointer;
        width: 20px;
        height: 20px;
    }


.pg-processing-div.generic-popup {
    max-width: 500px !important;
    top: 25% !important;
}

.MoreHover {
    display: flex;
    padding: 4px;
    align-items: flex-start;
    gap: 10px;
    border-radius: 99px;
    background: #E1EEFD;
    cursor: pointer;
    margin-left: 5px;
}

.pg-processing-div #table-loading {
    align-content: center !important;
    padding: 40px !important;
}

    .pg-processing-div #table-loading img {
        margin-left: auto !important;
        margin-right: auto !important;
    }

.pg-processing-div .btn.btn-warning{
    margin-bottom: 10px;
}

.PayP-2FAradio {
    display: flex;
    gap: 8px;
    cursor: pointer;
}

.PayP-2FAloading {
    display: flex;
    padding: 8px;
    align-items: center;
    gap: 8px;
    align-self: stretch;
    border-radius: 4px;
    background: #F1F7FE;
}


.profile-image-big {
    display: flex;
    flex-direction: column;
    gap: 8px;
    position: relative
}

    .profile-image-big .user-img {
        border-radius: 40px;
        width: 80px;
        height: 80px;
    }

    .profile-image-big .update-image-btn {
        width: 30px;
        height: 30px;
        position: absolute;
        bottom: -2px;
        right: 8px;
        background: white;
        padding: 2px;
        border-radius: 15px;
        display: flex;
        align-content: center;
        flex-direction: row;
        justify-content: center;
    }

        .profile-image-big .update-image-btn .update-image-btn-wrap {
            display: flex;
            background: rgb(0, 120, 188);
            width: 20px;
            align-self: center;
            height: 20px;
            border-radius: 10px;
            justify-content: center;
            align-items: center;
        }

            .profile-image-big .update-image-btn .update-image-btn-wrap img {
                width: 15px;
                height: 15px;
            }

    .profile-image-big .user-img-file {
        position: absolute;
        width: 100%;
        height: 100%;
        opacity: 0;
        cursor: pointer;
    }

.image-wrapper img{
    max-width: 100%
}
.h-36 {
    height: 36px;
}
.hidden-flow {
    overflow: hidden;
}

.pg-green-success-msg {
    display: flex;
    align-self: stretch;
    align-items: center;
    gap: 8px;
    padding: 8px;
    border-radius: 7px;
    border-top: 1px solid rgba(62, 148, 28, 0.30);
    border-right: 1px solid rgba(62, 148, 28, 0.30);
    border-bottom: 1px solid rgba(62, 148, 28, 0.30);
    border-left: 6px solid #3E941C;
    background: #F0FCE9;
}

    .pg-green-success-msg > .pg-green-img {
        filter: brightness(0) saturate(100%) invert(44%) sepia(43%) saturate(4728%) hue-rotate(72deg) brightness(95%) contrast(78%);
    }

    .pg-green-success-msg img {
        flex-shrink: 0;
        width: 24px;
        height: 24px;
    }

.pg-red-success-msg {
    display: flex;
    align-self: stretch;
    align-items: center;
    gap: 8px;
    padding: 8px;
    border-radius: 7px;
    border-left: 6px solid #B42318;
    background: rgba(240, 79, 67, 0.10);
}

.pg-green-success-msg img {
    flex-shrink: 0;
    width: 24px;
    height: 24px;
}

.pg-green-pop-header-info {
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    border: 8px solid #F0FCE9;
    background: #DEF7D0;
}

.pg-red-pop-header-info {
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    border: 8px solid #FFF4F3;
    background: #FFDFDC;
}

.pg-blue-pop-header-info {
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    border: 8px solid #F4F9FF;
    background: #E1EEFD;
}

.pg-pop-header-info32 {
    width: 40px;
    height: 40px;
}

.pg-green-pop-header-info img {
    filter: brightness(0) saturate(100%) invert(46%) sepia(26%) saturate(1414%) hue-rotate(58deg) brightness(98%) contrast(86%);
}

.pg-red-pop-header-info img {
    filter: brightness(0) saturate(100%) invert(16%) sepia(91%) saturate(3114%) hue-rotate(353deg) brightness(84%) contrast(92%);
}

.pg-blue-pop-header-info img {
    filter: brightness(0) saturate(100%) invert(33%) sepia(69%) saturate(3252%) hue-rotate(181deg) brightness(87%) contrast(101%);
}

.pg-pop-header-info32 img {
    width: 16px;
    height: 16px;
    flex-shrink: 0;
}

.pg-pop-info-pill-gray {
    display: flex;
    padding: 2px 12px;
    align-items: center;
    gap: 6px;
    border-radius: 18px;
    background: #F6F6F6;
    max-width: fit-content;
}

.pg-pop-info-pill-lightblue {
    display: flex;
    padding: 2px 12px;
    align-items: center;
    gap: 6px;
    border-radius: 18px;
    background: #F1F7FE;
    max-width: fit-content;
}

.pg-pop-info-pill-green {
    display: flex;
    padding: 2px 12px;
    align-items: center;
    gap: 6px;
    border-radius: 18px;
    background: #DEF7D0;
    max-width: fit-content;
}

    .pg-pop-info-pill-green span {
        color: #2B5A1A;
    }

.pg-pop-info-pill-orange {
    display: flex;
    padding: 2px 12px;
    align-items: center;
    gap: 6px;
    border-radius: 18px;
    background: #FFEAB6;
    max-width: fit-content;
}

    .pg-pop-info-pill-orange span {
        color: #A94A00;
    }

    .pg-pop-info-pill-red {
        display: flex;
        padding: 2px 12px;
        align-items: center;
        gap: 6px;
        border-radius: 18px;
        background: #FFE6E2;
        max-width: fit-content;
    }

        .pg-pop-info-pill-red span {
            color: #AE1800;
        }

        .pg-info-orange {
            display: flex;
            padding: 2px 7px;
            justify-content: center;
            align-items: center;
            border-radius: 4px;
            background: #FFF3D4;
        }

    .pg-info-orange span {
        color: #CC5B02;
        font-weight: 600;
    }

.pg-info-red {
    display: flex;
    padding: 2px 7px;
    justify-content: center;
    align-items: center;
    border-radius: 4px;
    background: #FFE6E2;
}

    .pg-info-red span {
        color: #AE1800;
        font-weight: 600;
    }

img[src*="img/arrow-left.svg"]:not(.Inline-ImgArrow) {
    width: 20px !important;
    height: 20px !important;
    flex-shrink: 0 !important;
    cursor: pointer !important;
    align-self: center;
}

.PayP-MainTable {
    display: flex;
    align-self: stretch;
    border: 1px solid #E5E5E5;
    border-radius: 8px;
    max-height: 100%;
    overflow: auto;
}

    .PayP-MainTable table {
        position: relative;
        width: 100%;
        border-collapse: collapse;
    }

    .PayP-MainTable th,
    .PayP-MainTable td {
        padding: 12px;
    }

    .PayP-MainTable th {
        color: #5F5F5F;
        font-weight: 400;
    }

.PayP-TableLBlueHead {
    background: #F1F7FE !important;
}

.PayP-MainTable thead {
    position: sticky;
    background: #F9FAFD;
    top: 0;
    z-index: 7;
}

.PayP-MainTable th:not(:last-of-type),
.PayP-MainTable td:not(:last-of-type) {
    border-right: 1px solid #E5E5E5;
}

.PayP-MainTable thead,
.PayP-MainTable tbody tr {
    border-bottom: 1px solid #E5E5E5;
}

.PayP-MainTable thead {
    box-shadow: inset 0 -1px 0 #E5E5E5;
}

.PayP-TableLink {
    color: #0078BC;
    cursor: pointer;
}

.PayP-MainTable .PayP-TableNoRightBorder td,
.PayP-MainTable .PayP-TRNB {
    border-right: none !important;
}

.PayP-MainTable .PayP-TableNoBottomtBorder {
    border-bottom: none !important;
}

    .PayP-MainTable .PayP-TableNoBottomtBorder td {
        padding-bottom: 0 !important;
    }

.PayD-TableEmployeeW {
    min-width: 180px;
    max-width: 180px;
    position: sticky;
    left: 0;
    z-index: 5;
    border-right: none !important;
    box-shadow: inset -1px 0 0 #E5E5E5 !important;
}

.PayD-tableDotted::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 4px;
    min-height: 100%;
    background: repeating-linear-gradient( to bottom, #FFF, #FFF 4px, transparent 4px, transparent 8px );
    z-index: 3;
}

.PayD-TableEmployee {
    display: flex;
    gap: 8px;
}

.PayD-TableEmployeeName {
    display: flex;
    flex-direction: column;
    gap: 2px;
    max-width: 100%;
    overflow: hidden;
}

    .PayD-TableEmployeeName > span {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }



.PG-Sidebar2 {
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    border: 1px solid #EBEBEB;
    background: #F1F7FE;
    z-index: 999999;
}

.PG-Sidebar-MainFavButton {
    display: flex;
    width: 40px;
    height: 40px;
    padding: 5px 10px;
    justify-content: center;
    align-items: center;
    border-radius: 4px;
    border:none;
    background: none;
    outline: none;
}

.PG-Sidebar-MainFavButton.MainFavButtonClicked {
    border: 1px solid #0078BC !important;
    background: #FFF !important;
    box-shadow: 0px 0px 0px 3px #7CD0FD !important;
}

.PG-Sidebar-MainFavButton:hover {
    background: #E1EEFD !important;
}

.PG-FocusedSearch:has(input:focus) {
    border: 1px solid #0078BC;
    box-shadow: 0px 0px 0px 4px #C3DCFA;
}

.pg-sidebar-pathaddress {
    display: flex;
    max-width: 264px;
    align-items: center;
    padding: 8px;
    box-shadow: 1px 1px 0px 0px #EEE;
    user-select: none;
    flex-wrap: wrap;
}

.pg-sidebar-path {
    display: flex;
    padding: 4px 6px;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    border-radius: 4px;
    user-select: none;
}

.pg-sidebar-path:hover {
    background: #DDEBFC;
}

.pg-sidebar-path span {
    max-width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.pg-sidebar-listitems {
    display: flex;
    flex-direction: column;
    padding: 8px 16px !important;
    box-shadow: 1px 1px 0px 0px #EEE;
}

.pg-sidebar-list {
    display: flex;
    height: fit-content;
    padding: 8px;
    gap: 7px;
    align-items: center;
    align-self: stretch;
    cursor: pointer;
    border-radius: 4px;
}

.pg-sidebar-listActive {
    background: #0078BC;
    cursor: default !important;
}

.pg-sidebar-list:hover:not(.pg-sidebar-listActive:hover, .pg-sidebar-listTitle:hover) {
    background: #DDEBFC;
}

.pg-sidebar-listActive:hover {
    background: #0CA1EB;
}

.pg-sidebar-favorite,
.pg-sidebar-list:hover .pg-sidebar-favoriteClicked {
    display: none;
    margin-left: auto;
    cursor: pointer;
}

.pg-sidebar-listActive .pg-sidebar-favorite {
    transition: margin-right 0.3s ease;
    margin-right: 0;
}

.pg-sidebar-listActive .pg-sidebar-favoriteClicked {
    margin-right: 5px;
}

.pg-sidebar-list:not(.pg-sidebar-listActive) .pg-sidebar-favoriteClicked img {
    content: url('../../Global/assets/img/SB-StarBlueFill.svg');
}

.pg-sidebar-listActive .pg-sidebar-favorite:not(.pg-sidebar-favoriteClicked) img {
    content: url('../../Global/assets/img/SB-StarWhite.svg');
}

.pg-sidebar-listActive .pg-sidebar-favoriteClicked img {
    content: url('../../Global/assets/img/SB-StarWhiteFill.svg');
}

.pg-sidebar-list:hover .pg-sidebar-favorite,
.pg-sidebar-list:hover .pg-sidebar-favoriteClicked,
.pg-sidebar-listFav .pg-sidebar-favorite {
    display: flex;
}

.pg-sidebar-list > img {
    flex-shrink: 0;
}

.pg-sidebar-list-bubble {
    display: flex;
    width: 20px;
    height: 20px;
    padding: 2px;
    margin-left: auto;
    justify-content: center;
    align-items: center;
    border-radius: 40px;
    background: #0078BC;
}

.pg-sidebar-list span {
    font-family: Inter;
    font-size: 14px;
    font-weight: 400;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.pg-sidebar-listActive span {
    font-weight: 600 !important;
    color: #FFF !important;
}

.pg-sidebar-listTitle:not(.pg-sidebar-listTitle2) span {
    font-weight: 600;
}

.pg-sidebar-listTitle2 {
    color: #5F5F5F !important;
}

.pg-sidebar-list-bubble img {
    flex-shrink: 0;
    width: 12px;
    height: 12px;
    filter: invert(1);
}

.pg-sidebar-list-bubble:hover img {
    content: url('../../Global/assets/img/ph-icons/fill/pencil-simple-fill.svg');
}

.pg-sidebar-listTitle {
    cursor: default !important;
    padding-left: 0 !important;
}

.pg-daterange {
    cursor: pointer;
    max-width: 180px;
    display: flex;
    align-content: center;
    align-items: center;
}

    .pg-daterange:before {
        content: '';
        display: inline-block;
        width: 16px;
        height: 16px;
        background-image: url('../../Global/assets/img/ph-icons/regular/calendar-dot.svg');
        background-size: contain;
        background-repeat: no-repeat;
        margin-right: 4px; 
        align-self: center;
    }


.screen-form-medium .pods-btn-group {
    height: 32px;
    width: 100% !important;
}

.screen-form-medium input {
    height: 32px;
}
.pg-employee-tabDetail-two-one, .pg-employee-showMore-detail, .pg-employee-tabDetail-two-four {
    flex-wrap: wrap;
}

.pg-employee-website, .pg-employee-location{
    flex: 1 !important;
}

.pods-record-header-full {
    padding: 12px;
    display: flex;
    border-radius: 8px;
    background-color: #F9FAFD;
    border: 1px solid #E5E5E5;
    gap: 8px;
    flex-wrap: wrap;
}

.pods-record-header-small {
    padding: 6px;
    display: flex;
    border-radius: 8px;
    background-color: #F9FAFD;
    border: 1px solid #E5E5E5;
    gap: 8px;
    height: 40px;
}

.pods-record-header-full .profile-image-big, .pods-record-header-full .profile-image-big .user-img {
    width: 40px;
    height: 40px;
    border-radius: 20px;
}

    .pods-record-header-full .profile-image-big .update-image-btn {
        bottom: -10px;
        right: -10px;
        width: 25px;
        height: 25px;
        cursor: pointer;
    }

    .pods-record-header-info {
        display: flex;
        gap: 12px;
        align-self: center;
    }

    .pods-record-header-info2 {
        display: flex;
        gap: 0px;
        flex-direction: column;
    }

        .pods-record-header-info2 .pods-record-header-info2-row {
            display: flex;
            gap: 8px;
        }

.pg-badge-small {
    width: 16px;
    height: 16px;
    align-self: center;
}

.pg-dot {
    width: 5px;
    height: 5px;
    border-radius: 5px;
    background-color: #A4A4A4;
    align-self: center;
}

.pg-span-gray {
    color: #5F5F5F;
}

.pg-btn.outlinebtn-white {
    border: 1px solid #dadada;
    border-radius: 4px;
    background-color: white !important;
    font-size: 14px !important;
    height: 28px;
    display: flex;
    gap: 8px;
    align-self: center;
}

    .pg-btn.outlinebtn-white img,.pg-btn.outlinebtn-white span {
        align-self: center;
    }

    .pg-btn.outlinebtn-white img{
        width: 12px;
        height: 12px;
    }

.tabs-section.mb-4 {
    margin-bottom: 8px !important;
}

.tabs-section .tabs .action-tab{
    padding-bottom: 4px !important;
}

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

.pg-employee-WorkDetail{
    margin-top: 10px;
}

.pg-employee-websiteTitle .allocation-info, .pg-employee-locationDetail {
    display: flex;
    gap: 12px;
    flex-wrap: wrap;
}
.pg-employee-websiteTitle h6, .pg-employee-websiteTitle .pg-employee-homeTag, .pg-employee-websiteTitle .allocation-info {
    align-self: center;
}

.pg-employee-locationDetail .pg-employee-webDetail:not(:last-of-type) {
    border-right: 1px solid #D2D5DA;
    padding-right: 10px;
}

.pg-position-header {
    background: #F6F6F6;
    padding: 8px 2px;
    border-radius: 4px;
}

.pg-employee-locationDetail-Edit .pg-employee-webDetail {
    width: 210px;
}

.pg-employee-tabDetail-two {
    border: 1px solid #E3E3E3;
    border-radius: 4px;
    padding-bottom: 10px;
}

.pg-employee-tabDetail {
    gap: 10px;
    display: flex;
    flex-direction: column;
}

.pg-employee-tabs-content-edit .pg-employee-tab-content{
    border: none !important;
}


.validation-container {
    border: 1px solid #d1d5db;
    border-radius: 8px;
    padding: 16px;
    font-size: 14px;
    padding: 8px;
    box-shadow: 0 2px 4px rgba(0,0,0,0.05);
    display: flex;
    flex-direction: column;
}

    .validation-container .validation-title {
        font-size: 18px;
        font-weight: bold;
        margin-bottom: 12px;
    }

    .validation-container .section {
        padding-left: 8px;
        padding-top: 4px;
        display: flex;
        background: white;
        border-radius: 4px;
        align-content: baseline;
        justify-content: left;
        align-items: baseline;
        flex-direction: column;
        width: 100%;
        overflow: hidden;
    }

    .validation-container .toggle-btn {
        background: none;
        border: none;
        color: rgb(0, 120, 188);
        font-weight: 600;
        cursor: pointer;
        padding: 0;
        width: 100%;
        justify-content: left;
        display: flex;
        background: #F6F6F6;
        padding: 4px;
        border-radius: 4px;
    }

        .validation-container .toggle-btn:hover {
            text-decoration: underline;
        }

    .validation-container .error-text {
        color: #dc2626;
        margin-left: 20px;
        margin-top: 4px;
    }

    .validation-container .collapsed .section {
        display: none;
    }

    .validation-container .collapsed > button > img {
        transform: rotate(-180deg);
        transition: transform 0.2s ease;
    }


.pg-full-screen-header > button{
    height: 40px !important;
}
.pg-sidebar-listitemsGap .pg-sidebar-list:not(.pg-sidebar-listTitle, :last-child) {
    margin-bottom: 4px;
}


.IOdash-HoverPop {
    display: flex;
    flex-direction: column;
    min-width: 400px;
}

.HoverPop-Body {
    display: flex;
    flex-direction: column;
    gap: 8px;
    background: #FFF;
    padding: 12px;
    border-bottom: 1px solid #E9EAED;
}

.IOdash-contactInfoC {
    display: flex;
    gap: 8px;
    flex-direction: column;
}

.IOdash-contactInfo {
    display: flex;
    gap: 8px;
    cursor: pointer;
    align-items: center;
}

    .IOdash-contactInfo > img {
        filter: brightness(0) saturate(100%) invert(48%) sepia(49%) saturate(6%) hue-rotate(314deg) brightness(95%) contrast(90%);
        flex-shrink: 0;
        width: 18px;
        height: 18px;
    }

    .IOdash-contactInfo > span {
        color: #383838;
    }

.IOdash-HoverPop > footer {
    display: flex;
    padding: 12px;
    gap: 12px;
    flex-direction: column;
    background: #FFF;
}

.HoverBodyExpanded {
    background: #F9FAFD !important;
}

.datepicker-added {
    position: relative;
}

.read-only.datepicker-added .icon-append {
    display: none;
}

.InfoIconField .icon-append {
    right: 40px;
    top: 10px !important;
}