/* Minification failed. Returning unminified contents.
(3050,39): run-time error CSS1046: Expect comma, found '0'
(3050,43): run-time error CSS1046: Expect comma, found '/'
(3074,39): run-time error CSS1046: Expect comma, found '0'
(3074,43): run-time error CSS1046: Expect comma, found '/'
(5142,12): run-time error CSS1038: Expected hex color, found '#9999'
(5148,12): run-time error CSS1038: Expected hex color, found '#9999'
(8638,26): run-time error CSS1019: Unexpected token, found ':'
(8638,26): run-time error CSS1042: Expected function, found ':'
(8638,26): run-time error CSS1062: Expected semicolon or closing curly-brace, found ':'
(8664,26): run-time error CSS1019: Unexpected token, found ':'
(8664,26): run-time error CSS1042: Expected function, found ':'
(8664,26): run-time error CSS1062: Expected semicolon or closing curly-brace, found ':'
(10324,26): run-time error CSS1019: Unexpected token, found ':'
(10324,26): run-time error CSS1042: Expected function, found ':'
(10324,26): run-time error CSS1062: Expected semicolon or closing curly-brace, found ':'
(11801,26): run-time error CSS1019: Unexpected token, found ':'
(11801,26): run-time error CSS1042: Expected function, found ':'
(11801,26): run-time error CSS1062: Expected semicolon or closing curly-brace, found ':'
 */
/* header fix */
.SkipThisFixedPosition {
    left: -98px !important;
}
/*Special Styling Start*/
/*IE Resolution - 1366px*/
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) and (min-width: 700px) and (max-width: 1366px) {
    .acs-info-panel .acs-chat-history {
        height: 176px !important;
    }

    .acs-info-panel {
        max-height: 518px;
        overflow-y: auto;
    }

    .acs-audit-slideout {
        max-height: 613px;
    }

        .acs-audit-slideout .acs-chat-history {
            height: 419px !important;
        }

    #equipGrid > div.k-scrollbar {
        width: 0px !important;
    }

    .k-animation-container .core-column-picker-list.project-pop-up-grid {
        right: 222px !important;
    }

    #employeeGrid .k-virtual-scrollable-wrap {
        height: 340px !important;
    }

    #equipGrid > .k-grid-header {
        padding-right: 18px !important;
    }

    .projectAccordionStyle > li {
        max-width: 640px !important;
    }

    .obsAccordianStyle > li {
        max-width: 754.67px !important;
    }

    .P6Viewcontent {
        width: 1101px !important;
    }

    .databaseInstancesRow > .row-cell:last-child {
        width: 130px !important;
        padding-left: 0;
        text-align: center;
    }
}

/*IE Resolution - 1440px*/
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) and (min-width: 1367px) and (max-width: 1440px) {
    .acs-info-panel .acs-chat-history {
        height: 307px !important;
    }

    .acs-audit-slideout .acs-chat-history {
        height: 550px !important;
    }

    .projectAccordionStyle > li {
        max-width: 640px !important;
    }

    .k-animation-container .core-column-picker-list.project-pop-up-grid {
        right: 231px !important;
    }

    #employeeGrid .k-virtual-scrollable-wrap {
        height: 450px !important;
    }

    .obsAccordianStyle > li {
        max-width: 796.36px !important;
    }

    #equipGrid > div.k-scrollbar {
        width: 0px !important;
    }

    #equipGrid > .k-grid-header {
        padding-right: 18px !important;
    }

    .OuterDiv {
        height: 333px !important;
    }

    .column-header-cell, .row-cell {
        width: 179px !important;
    }

    .column-input-header > input {
        width: 139px !important;
    }

    .databaseInstancesRow > .row-cell:last-child {
        width: 130px !important;
        padding-left: 0;
        text-align: center;
    }

    .P6Viewcontent {
        width: 1175px !important;
    }
}

/*IE Resolution - 1920px*/
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) and (min-width: 1441px) and (max-width: 1920px) {
    .acs-info-panel .acs-chat-history {
        height: 488px !important;
    }

    .acs-audit-slideout .acs-chat-history {
        height: 731px !important;
    }

    #equipGrid > div.k-scrollbar {
        width: 0px !important;
    }

    .k-animation-container .core-column-picker-list.project-pop-up-grid {
        right: 284px !important;
        position: relative !important;
    }

    #employeeGrid .k-virtual-scrollable-wrap {
        height: 653px !important;
    }

    #equipGrid > .k-grid-header {
        padding-right: 18px !important;
    }

    .projectAccordionStyle > li {
        max-width: 640px !important;
    }

    .obsAccordianStyle > li {
        max-width: 1066.73px !important;
    }

    .OuterDiv {
        height: 510px !important;
    }

    .column-header-cell, .row-cell {
        width: 295px !important;
    }

    .databaseInstancesRow > .row-cell:last-child {
        width: 270px !important;
        text-align: center;
    }

    .column-input-header > input {
        width: 250px !important;
    }

    .P6Viewcontent {
        width: 1655px !important;
    }
}

/* This media query handles browser zoom at 90% for 1366 X 768 resolution */
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) and (width: 1518px) {
    .projectAccordionStyle > li {
        max-width: 640px !important;
    }

    .obsAccordianStyle > li {
        max-width: 840.29px !important;
    }
}

/* This media query handles browser zoom at 90% for 1440 X 900 resolution*/
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) and (width: 1600px) {
    .projectAccordionStyle > li {
        max-width: 640px !important;
    }

    .obsAccordianStyle > li {
        max-width: 886.48px !important;
    }
}

/* This media query handles browser zoom at 90% for 1920 X 1080 resolution */
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) and (width: 2133px) {
    .projectAccordionStyle > li {
        max-width: 640px !important;
    }

    .obsAccordianStyle {
        max-width: 1198.29px !important;
    }

        .obsAccordianStyle > li {
            max-width: 1198.29px !important;
        }
}

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
    .accordianHeaderStyle {
        height: 16px;
    }

    .switch-account-code-IE-alignment .km-switch-on .km-switch-container > .km-switch-handle {
        transform: translateX(6px) translateY(7px) !important;
    }

    .switch-account-code-IE-alignment .km-switch-off .km-switch-container > .km-switch-handle {
        transform: translateX(37px) translateY(7px) !important;
    }

    .k-grid-content-locked {
        height: calc(100% - 31px) !important;
    }

    .estimatingResources ul#core-tabs li {
        white-space: normal !important;
    }

    .estimatingResources .core-ellipsis-tab {
        word-wrap: break-word !important;
    }

    footer a.action-link > span {
        vertical-align: middle !important;
        position: relative !important;
        top: -1px !important;
    }
}

/*Other browsers (Resolution - 1366px)*/
@media screen and (min-width: 700px) and (max-width: 1366px) {
    /*Firefox Specific*/
    @media screen and (min--moz-device-pixel-ratio:0) and (min-resolution: 3e1dpcm) {
        #equipGrid > div.k-scrollbar {
            width: 0px !important;
        }

        #equipGrid > .k-grid-header {
            padding-right: 18px !important;
        }

        #equipGrid > div.k-grid-content {
            overflow: hidden !important;
        }

        .equipment-grid .k-grid-content .k-virtual-scrollable-wrap table tbody tr td .k-input {
            float: none !important;
        }

        div[core-history-box] > div > div {
            margin-left: 12px !important;
        }
    }

    /*Chrome*/
    @media screen and (-webkit-min-device-pixel-ratio:0) and (min-resolution: .001dpcm) {
        .acs-info-panel {
            max-height: 507px;
            overflow-y: auto;
        }

        .acs-audit-slideout {
            max-height: 613px;
        }

        #equipGrid > div.k-scrollbar {
            width: 0px !important;
        }

        .k-animation-container .core-column-picker-list.project-pop-up-grid {
            right: 222px !important;
        }

        .k-animation-container .platform-setting-menu.platform-right-dropdown {
            max-height: 555px !important;
        }

        #employeeGrid .k-virtual-scrollable-wrap {
            height: 307px !important;
        }

        #equipGrid .k-grid-header .k-grid-header-wrap > table {
            table-layout: fixed !important;
        }

        #equipGrid > .k-grid-header {
            padding-right: 18px !important;
        }

        #equipGrid > div.k-grid-content {
            overflow: hidden !important;
        }

        div[core-history-box] > div > div {
            margin-left: 12px !important;
        }

        .databaseInstancesRow > .row-cell:last-child {
            width: 130px !important;
            padding-left: 0;
            text-align: center;
        }

        #SchedulePageUpdatePopUp > .scrollable {
            height: 280px !important;
        }

        .P6Viewcontent {
            width: 1101px !important;
        }
    }
}
/*Other browsers (Resolution - 1440px)*/
@media screen and (min-width: 1367px) and (max-width: 1440px) {
    /*Chrome*/
    @media screen and (-webkit-min-device-pixel-ratio:0) and (min-resolution: .001dpcm) {
        .acs-info-panel .acs-chat-history {
            height: 298px !important;
        }

        .acs-audit-slideout .acs-chat-history {
            height: 541px !important;
        }

        .projectAccordionStyle > li {
            max-width: 640px !important;
        }

        .k-animation-container .core-column-picker-list.project-pop-up-grid {
            right: 231px !important;
        }

        #employeeGrid .k-virtual-scrollable-wrap {
            height: 440px !important;
        }

        .obsAccordianStyle > li {
            max-width: 732.23px !important;
        }

        #equipGrid > div.k-scrollbar {
            width: 0px !important;
        }

        #equipGrid .k-grid-header .k-grid-header-wrap > table {
            table-layout: fixed !important;
        }

        #equipGrid > .k-grid-header {
            padding-right: 18px !important;
        }

        #equipGrid > div.k-grid-content {
            overflow: hidden !important;
        }

        .OuterDiv {
            height: 340px !important;
        }

        .column-header-cell, .row-cell {
            width: 179px !important;
        }

        .databaseInstancesRow > .row-cell:last-child {
            width: 130px !important;
            padding-left: 0;
            text-align: center;
        }

        .column-input-header > input {
            width: 139px !important;
        }

        #SchedulePageUpdatePopUp > .scrollable {
            height: 385px !important;
        }

        .P6Viewcontent {
            width: 1175px !important;
        }
    }

    /*FireFox*/
    @media screen and (min--moz-device-pixel-ratio:0) and (min-resolution: 3e1dpcm) {
        .projectAccordionStyle > li {
            max-width: 640px !important;
        }

        .obsAccordianStyle > li {
            max-width: 732.23px !important;
        }
    }
}

/*Other browsers (Resolution - 1920px)*/
@media screen and (min-width: 1441px) and (max-width: 1920px) {
    /*Chrome*/
    @media screen and (-webkit-min-device-pixel-ratio:0) and (min-resolution: .001dpcm) {
        #equipGrid > div.k-scrollbar {
            width: 0px !important;
        }

        .k-animation-container .core-column-picker-list.project-pop-up-grid {
            right: 284px !important;
            position: relative !important;
        }

        #employeeGrid .k-virtual-scrollable-wrap {
            height: 620px !important;
        }

        #equipGrid .k-grid-header .k-grid-header-wrap > table {
            table-layout: fixed !important;
        }

        #equipGrid > .k-grid-header {
            padding-right: 18px !important;
        }

        #equipGrid > div.k-grid-content {
            overflow: hidden !important;
        }

        div[core-history-box] > div > div {
            margin-left: 12px !important;
        }

        .OuterDiv {
            height: 520px !important;
        }

        .column-header-cell, .row-cell {
            width: 295px !important;
        }

        .databaseInstancesRow > .row-cell:last-child {
            width: 270px !important;
            text-align: center;
        }

        .column-input-header > input {
            width: 250px !important;
        }

        #SchedulePageUpdatePopUp > .scrollable {
            height: auto !important;
        }

        .P6Viewcontent {
            width: 1655px !important;
        }
    }

    /*FireFox*/
    @media screen and (min--moz-device-pixel-ratio:0) and (min-resolution: 3e1dpcm) {
        #equipGrid > div.k-scrollbar {
            width: 0px !important;
        }

        #equipGrid > .k-grid-header {
            padding-right: 18px !important;
        }

        #equipGrid > div.k-grid-content {
            overflow: hidden !important;
        }

        .equipment-grid .k-grid-content .k-virtual-scrollable-wrap table tbody tr td .k-input {
            float: none !important;
        }

        div[core-history-box] > div > div {
            margin-left: 12px !important;
        }

        .P6Viewcontent {
            width: 1655px !important;
        }
    }
}

@supports (-webkit-appearance:none) {
    .k-grid-content-locked {
        min-height: calc(100% - 31px) !important;
    }
}

@-moz-document url-prefix() {
    span.forecastComboboxStyle > span.k-numeric-wrap.k-expand-padding.k-state-disabled > input.forecastComboboxStyle {
        position: absolute !important;
        float: right !important;
        width: 99% !important;
        border: 1px solid lightgrey !important;
        left: -0.5px !important;
        top: -0.5px !important;
        padding-right: 5px !important;
    }

    span.forecastComboboxStyle > span.k-numeric-wrap.k-expand-padding.k-state-default > input.forecastComboboxStyle {
        height: 25px !important;
        margin-top: -30px !important;
    }

    span.forecastComboboxStyle > span.k-numeric-wrap.k-expand-padding.k-state-default input.forecastComboboxStyle.ng-touched {
        height: 25px !important;
        margin-top: -30px !important;
    }

    span.forecastComboboxStyle > span.k-numeric-wrap.k-expand-padding.k-state-disabled {
        display: -moz-grid !important;
    }
}

/*Microsoft Edge browser specific*/
@supports (-ms-accelerator:true) {
    .core-column-picker-container {
        right: -5px !important;
    }

    form.k-filter-menu {
        min-width: 150px !important;
    }

    div[core-history-box] > div > div {
        margin-left: 12px !important;
    }
}

/*only screen specific for the width of 1366*/
@media screen and (width: 1366px) {
    .core-align-parallel {
        margin-bottom: 19px !important;
    }

    .platform-setting-menu.platform-right-dropdown {
        max-height: 568px !important;
    }

        .platform-setting-menu.platform-right-dropdown .leftMenuWithCog {
            max-width: 175px;
        }

    .core-marginTop {
        margin-top: -15px;
    }

    .core-align-padding {
        padding-bottom: 15px;
    }

    .projectAccordionStyle .core-align-padding.required + div {
        margin-top: -14px;
    }

    .obsAccordianStyle .work-plan-padding {
        padding-bottom: 15px;
    }

    #environmentsGrid .k-grid-content, #usersGrid .k-grid-content {
        height: 85% !important;
        min-height: calc(100% - 32px) !important;
    }

    #usersGrid .k-grid-content, #environmentGrid .k-grid-content {
        height: 85% !important;
        min-height: calc(100% - 32px) !important;
    }

    .addProjectEmployeeDialog.core-dialog-button-bar {
        padding-top: 15px;
        padding-bottom: 15px;
        right: 50px;
    }
}

@media screen and (width: 1440px) {
    .core-align-parallel {
        margin-bottom: 19px;
    }

    .core-align-parallel-workPlanning {
        margin-bottom: 19px;
    }

    #environmentsGrid .k-grid-content, #usersGrid .k-grid-content {
        height: 88% !important;
        min-height: calc(100% - 32px) !important;
    }

    #usersGrid .k-grid-content, #environmentGrid .k-grid-content {
        height: 88% !important;
        min-height: calc(100% - 32px) !important;
    }

    .addProjectEmployeeDialog.core-dialog-button-bar {
        padding-top: 32px;
        padding-bottom: 32px;
        right: 50px;
    }
}

@media screen and (width: 1920px) {
    #environmentsGrid .k-grid-content, #usersGrid .k-grid-content {
        height: 90% !important;
        min-height: calc(100% - 32px) !important;
    }

    #usersGrid .k-grid-content, #environmentGrid .k-grid-content {
        height: 90% !important;
        min-height: calc(100% - 32px) !important;
    }

    .addProjectEmployeeDialog.core-dialog-button-bar {
        padding-top: 32px;
        padding-bottom: 32px;
        right: 50px;
    }
}

/*Special Styling End*/

/* |-------------------- Dashboard Style Arena --------------------| */

/* Dashboard leftMenu */

.menuPanel {
    box-shadow: 0 0 10px rgba(0,0,0,0.35);
    max-width: 200px;
    min-height: calc(100vh - 75px);
    width: 200px;
}

    .menuPanel .leftMenu {
        overflow-x: hidden;
        overflow-y: auto;
        position: relative;
        top: 5px;
    }

        .menuPanel .leftMenu .leftmenu-content {
            padding-bottom: 5px;
        }

            .menuPanel .leftMenu .leftmenu-content .DynamicMenuList {
                display: block;
                float: left;
                width: 100%;
            }

        .menuPanel .leftMenu .addition-menu {
            background-color: #48585a;
            color: white;
        }

        .menuPanel .leftMenu .extensionStyle {
            background-color: #B5BCBD;
            color: #333;
        }

        .menuPanel .leftMenu .addition-menu, .menuPanel .leftMenu .extensionStyle {
            height: 30px;
            line-height: 28px;
            padding-left: 25px;
        }

        .parent-list:hover, .menuPanel .leftMenu .child-list:hover,
        .menuPanel .leftMenu .menu-list li .nested-menu-list li:hover {
            background: rgba(0, 102, 204, .1);
        }

        .menuPanel .leftMenu .menu-list {
            margin-bottom: 0;
            padding-left: 0;
        }

            .menuPanel .leftMenu .menu-list li {
                line-height: 30px;
                padding-left: 0;
            }

                .menuPanel .leftMenu .menu-list li.dispblock {
                    margin-left: -25px;
                }

                .menuPanel .leftMenu .menu-list li span.cogIcon {
                    position: inherit !important;
                }

                .menuPanel .leftMenu .menu-list li .labelWithIcon {
                    display: inline-block;
                    max-width: 158px;
                    overflow: hidden;
                    padding-right: 10px;
                    vertical-align: middle;
                    width: auto;
                }

                .menuPanel .leftMenu .menu-list li ul.nested-menu-list {
                    height: auto;
                    padding: 0;
                }

                    .menuPanel .leftMenu .menu-list li ul.nested-menu-list li.child-list {
                        display: block;
                        overflow: hidden;
                        padding: 2px 0 1px 50px;
                        width: 200px;
                    }

                        .menuPanel .leftMenu .menu-list li ul.nested-menu-list li.child-list div {
                            width: 132px;
                        }

        .menuPanel .leftMenu span {
            text-overflow: ellipsis;
            white-space: nowrap;
            width: 210px;
        }

/* End Dashboard leftMenu */

/* Dashboard Tiles */

.tilePanel .tiltPanel-content {
    display: inline-block;
    height: 100%;
    width: 1500px;
}

.tilePanel .liner, .tileContainer .liner {
    display: block;
}

.tilePanel .main-column-div .custom-tile .iconLinkStyle {
    line-height: 0;
}

.main-column-div {
    margin: 22px 0 0px 22px;
    max-width: 336px;
    min-width: 336px;
    float: left;
}

    .main-column-div .custom-tile .bottom-content {
        align-items: center;
        border-top: 1px solid #bbb;
        display: flex;
        height: 40px;
        justify-content: flex-end;
        padding: 0;
    }

    .main-column-div .custom-tile .iconLinkStyle {
        line-height: 30px;
    }

    .main-column-div .custom-tile table, .main-column-div .custom-tile table tbody,
    .main-column-div .custom-tile table tbody tr, .main-column-div .custom-tile table tbody tr td {
        max-width: 336px;
        min-height: 40px;
        width: 336px;
    }

    .main-column-div .custom-tile .sub-head {
        color: #bbb;
        font-size: 12px;
    }

    .main-column-div .sub-head-borderTop {
        color: #bbb;
        cursor: inherit;
        font-family: "Roboto Regular";
        font-size: 12px;
        font-weight: normal !important;
        margin: 0 10px 0 24px;
        padding: 5px 0 0;
        width: 100%;
    }

    .main-column-div .customlinkcursorNotAllowed {
        background: #a1a9a9 !important;
        cursor: not-allowed !important;
    }

    .main-column-div .customProjectLink-emptySection {
        padding: 0 10px 0 24px;
    }

        .main-column-div .customProjectLink-emptySection .emptySection-header .sub-head-borderTop {
            margin: 0;
        }

        .main-column-div .customProjectLink-emptySection .emptySection-bottom {
            align-items: center;
            display: flex;
            justify-content: center;
            min-height: 90px;
            width: 100%;
        }

            .main-column-div .customProjectLink-emptySection .emptySection-bottom .icon {
                font-size: 48px;
                line-height: 18px;
            }

    .main-column-div .countText {
        color: #fff;
        cursor: pointer;
        font-family: "Roboto Bold";
        font-size: 36px;
        padding-left: 24px;
    }

    .main-column-div .label-newcolor {
        color: #fff;
    }

    .main-column-div .productText {
        font-family: "Roboto Regular";
        font-size: 16px;
        padding-left: 24px;
        padding-top: 10px;
        font-weight: normal !important;
        margin-bottom: 0px !important;
    }

    .main-column-div .tile-boxshadow {
        box-shadow: 0 0 5px rgba(0,0,0,0.35);
    }

    /* New Tile Style */

    .main-column-div .bg-alignRight {
        background-position: 230px -25px;
        background-repeat: no-repeat;
        background-size: 140px;
    }

    .main-column-div .bottomSectionNew {
        height: 60px;
        max-height: 60px;
    }

        .main-column-div .bottomSectionNew .bottomSectionNew-body {
            align-items: flex-end;
            display: flex;
            flex-flow: row wrap;
            height: inherit;
            justify-content: flex-end;
            padding: 15px 25px;
            user-select: none;
        }

            .main-column-div .bottomSectionNew .bottomSectionNew-body .btn {
                background-color: #efefef;
                border-radius: 2px;
                height: 32px;
                max-width: 110px;
                min-width: 60px;
                padding: 0 16px;
                width: auto;
            }

                .main-column-div .bottomSectionNew .bottomSectionNew-body .btn:active {
                    border: none;
                    box-shadow: none;
                    outline: none;
                    animation-duration: 1s;
                    animation-iteration-count: 1;
                    animation-name: buttonBlink;
                }

                .main-column-div .bottomSectionNew .bottomSectionNew-body .btn:focus {
                    border: none;
                    box-shadow: none;
                    outline: none;
                }

                .main-column-div .bottomSectionNew .bottomSectionNew-body .btn:hover {
                    background-color: #fff;
                }

/* Standard syntax */
@keyframes buttonBlink {
    from {
        background-color: #bdbdbd;
    }

    to {
        background-color: #fff;
    }
}

.main-column-div .headerSectionNew {
    height: 90px;
    max-height: 90px;
}

    .main-column-div .headerSectionNew .headerSectionNew-body {
        display: flex;
        justify-content: flex-start;
        padding: 15px 25px 0;
        user-select: none;
    }

        .main-column-div .headerSectionNew .headerSectionNew-body .icon {
            color: #fff !important;
            font-size: 76px;
        }

        .main-column-div .headerSectionNew .headerSectionNew-body .bgicon {
            background-repeat: no-repeat;
            background-size: 77px;
            min-height: 82px;
            min-width: 77px;
        }

            .main-column-div .headerSectionNew .headerSectionNew-body .bgicon + .prodTitle .firstLine {
                line-height: 56px;
            }

        .main-column-div .headerSectionNew .headerSectionNew-body .prodTitle {
            align-items: flex-start;
            color: #fff;
            display: flex;
            flex-flow: row wrap;
            padding-left: 5px;
        }

            .main-column-div .headerSectionNew .headerSectionNew-body .prodTitle span {
                width: 100%;
            }

                .main-column-div .headerSectionNew .headerSectionNew-body .prodTitle span.firstLine {
                    font-size: 16px;
                    height: 22px;
                    line-height: 50px;
                }

                .main-column-div .headerSectionNew .headerSectionNew-body .prodTitle span.secondLine {
                    font-size: 28px;
                    letter-spacing: .5px;
                    text-indent: -1px;
                    text-transform: uppercase;
                }

/* End New Tile Style */

label.countText a:hover {
    color: #fff;
    text-decoration: underline !important;
}

.bottomSection label:hover {
    text-decoration: underline;
}

.bottomSection label {
    font-size: 28px;
    line-height: 30px;
    text-overflow: ellipsis;
}
/* End Dashboard Tiles */
/* |-------------------- End Dashboard Style Arena --------------------| */

/* |--------------------------- Form style ----------------------------|*/

.k-dropdown .k-dropdown-wrap {
    align-items: center;
    box-shadow: 0 0 0 1px #f0f0f0 !important;
    display: flex;
    height: 27px;
}

    .k-dropdown .k-dropdown-wrap.k-state-hover.k-state-active.k-state-focused {
        box-shadow: none !important;
    }

.hg-combobox:focus,
.k-dropdown-wrap.k-state-default.k-state-active.k-state-border-dow.k-state-hover,
.k-state-hover.k-state-active.k-state-focused.k-state-border-down {
    box-shadow: none !important;
}

.k-widget.k-dropdown.k-header.core-common-ellipsis:hover /* span overhide */,
#addEditProject .core-lable-combobox:hover, .rolesOrganizationdropdown .k-combobox .k-dropdown-wrap:hover, .hg-combobox:hover,
form .k-combobox.k-header.core-common-ellipsis.k-combobox-clearable:hover,
.k-textbox:hover, .k-overflow-anchor:hover, .k-autocomplete.k-state-hover, .k-picker-wrap.k-state-hover, .k-numeric-wrap.k-state-hover,
.k-dropdown-wrap.k-state-hover, .k-state-hover select.ng-touched {
    box-shadow: 0 2px 5px rgba(0,0,0,0.35) !important;
}

.hg-combobox .hg-dropdown-container .hg-grid {
    overflow-x: hidden;
}

.hg-combobox .hg-dropdown-container .k-icon, .orgDropdownSelector {
    cursor: pointer;
}

input.k-textbox {
    padding: 0;
    text-indent: 10px;
}

.k-numeric-wrap.k-expand-padding .k-input {
    padding: 2px 10px 2px 0;
}

.txtarea {
    height: 60px;
    min-height: 60px;
}

form.core-form-container div.core-field-containers.pure-u-md-1-2:last-child,
form.core-form-container div.core-field-containers.buttomMarginZero {
    margin-bottom: 0;
}

/* -- Common Layout-Style for Small-Medium Popup's [sm-form-container | md-form-container] -- */

.core-overlay form.core-dialog .form-title {
    color: #000;
    font-weight: 400;
    margin-bottom: 30px;
    margin-top: 0;
}

.core-overlay .core-dialog.core-form-container .core-field-containers,
.core-overlay .core-dialog.core-form-container .core-field-containers {
    padding: 0;
}

/* form-iconflex-div */

.form-iconflex-div {
    display: flex;
    flex-flow: row wrap;
    width: 300px;
}

    .form-iconflex-div .formIconflex-input.k-textbox, .pure-u-md-1-2.core-field-containers .form-iconflex-div .formIconflex-input.k-textbox {
        width: 280px !important;
    }

    .form-iconflex-div .fa {
        color: #0066CC;
        height: 100%;
        position: relative;
        right: -5px;
        top: 6px;
    }

    .form-iconflex-div .core-label-error {
        width: 280px;
    }

/* form error style */

.core-overlay .core-dialog.core-form-container .core-show-form-errors .core-ellipsis-tooltip.core-label-error.error-label-message {
    height: auto;
}

.core-overlay .core-dialog .error-label-message,
.core-overlay .core-dialog .core-label-error {
    max-width: 98%;
}

.core-overlay .md-form-container .core-field-lastchild,
.core-overlay .sm-form-container .core-field-lastchild {
    margin-bottom: 0;
}

.core-overlay .md-form-container .core-field-containers .k-textbox,
.core-overlay .md-form-container .core-show-error-summary .core-show-form-errors .core-invalid-overwrite + .core-label-error,
.core-overlay .sm-form-container .core-field-containers .k-textbox,
.core-overlay .sm-form-container .core-show-error-summary .core-show-form-errors .core-invalid-overwrite + .core-label-error {
    padding: 0 !important;
    width: 100% !important;
}

/* form button style */

.core-overlay .core-form-container .core-form-flexbutton-row {
    display: flex;
    justify-content: flex-end;
    width: 100%;
}

    .core-overlay .core-form-container .core-form-flexbutton-row .core-dialog-button-area {
        margin-left: 0;
        max-width: 90%;
        padding-bottom: 32px;
        padding-top: 32px;
    }

        .core-overlay .core-form-container .core-form-flexbutton-row .core-dialog-button-area .core-flex-btn {
            max-width: 120px;
            overflow: hidden;
            text-overflow: ellipsis;
        }

            .core-overlay .core-form-container .core-form-flexbutton-row .core-dialog-button-area .core-flex-btn.secondary-blue {
                margin-right: 20px;
            }

/* -- Layout-Style for Small Popup's [sm-form-container] -- */

.core-overlay .sm-form-container {
    width: 400px;
}

    .core-overlay .sm-form-container .core-field-containers .k-widget.k-dropdown {
        width: 100%;
    }

/* -- End Layout-Style for Small Popup's -- */

/* -- Layout-Style for Medium Popup's [md-form-container] -- */

.core-overlay .md-form-container {
    width: 650px;
}

    .core-overlay .md-form-container .md-form-flex {
        display: flex;
        flex-flow: row wrap;
        width: 100%;
    }

        .core-overlay .md-form-container .md-form-flex .md-form-flex-row {
            display: flex;
            justify-content: space-between;
            width: 100%;
        }

            .core-overlay .md-form-container .md-form-flex .md-form-flex-row .core-field-md-50 {
                width: 46.5%;
            }

            .core-overlay .md-form-container .md-form-flex .md-form-flex-row .core-field-md-100 {
                width: 100%;
            }

            .core-overlay .md-form-container .md-form-flex .md-form-flex-row.md-form-flex-lastrow {
                max-height: 75px;
            }

/* -- End Layout-Style for Medium Popup's -- */

/* |--------------------------- END Form style ----------------------------|*/
.system-heading-center {
    position: absolute;
    top: 5px;
    left: 50%;
    margin-left: -250px;
    display: block;
    width: 500px;
    text-align: center;
}

.k-tooltip-content {
    vertical-align: text-bottom !important;
    bottom: 0px !important;
    left: 0px !important;
    right: 0px !important;
    margin-right: 0px !important;
    margin-bottom: 0px !important;
    font-size: 12px;
    font-family: 'Roboto Regular', 'Roboto';
    text-align: left !important;
    font-style: normal;
    line-height: 16px;
    font-weight: 400;
}

.deferred-k-panelbar {
    opacity: 0.2;
    list-style-type: none;
    margin: 0;
    padding: 0 10px;
}

.k-tooltip {
    border: 1px solid #DDDDDD !important;
    color: #CC0000 !important;
    background: white !important;
    max-width: 278px !important;
    font-weight: bold;
    height: auto;
    border-radius: 5px !important;
    position: relative !important;
    box-shadow: 3px 5px 5px 0 rgba(0, 0, 0, 0.4);
    margin-top: -16px !important;
    word-wrap: break-word;
    padding: 10px !important;
}

    .k-tooltip:after {
        z-index: -1;
        position: absolute;
        top: 99.2%;
        left: 70%;
        margin-left: -25%;
        content: '';
        width: 0;
        height: 0;
        border-color: #DDD;
        border: 10px solid #fff;
        border-color: transparent transparent #fff #fff;
        transform-origin: 0 0;
        transform: rotate(-45deg);
        box-shadow: -3px 5px 5px 0 rgba(0, 0, 0, 0.4);
        margin-top: 0.3px;
    }

.k-widget.k-tooltip.k-popup.k-group.k-reset.k-state-border-up.infoBalloon:after {
    border-color: transparent transparent #CC0000 #CC0000;
    transform-origin: 0 0;
    transform: rotate(-45deg);
    box-shadow: -3px 5px 5px 0 rgba(0, 0, 0, 0.4);
    margin-top: 0.5px;
}

.k-widget.k-tooltip.k-popup.k-group.k-reset.k-state-border-up.infoBalloon {
    border: 2px solid #CC0000 !important;
    color: #CC0000 !important;
}

.k-callout-s,
.k-numeric-wrap.k-state-focused .k-icon.k-i-warning {
    display: none !important;
}

.core-history-disable:disabled ~ div {
    background: #E4E4E4;
}

.core-history-focus:focus {
    border: 1px solid #b3d6ff !important;
    outline: none;
}

.core-column-picker-list {
    overflow-y: auto !important;
    width: 279px !important;
    right: 0px !important;
    padding: 10px;
    padding-bottom: 0px;
}

    .core-column-picker-list :last-child {
        margin-bottom: 10px !important;
    }

.k-panelbar > li > span {
    opacity: 100 !important;
}

.k-panelbar > li.k-first > span.k-header {
    background: #F2F2F2 !important;
    outline: #CCCCCC !important;
}

.k-panelbar li.k-first.k-state-highlight.k-state-active > span.k-header.k-state-selected {
    background: #D7D7D7 !important;
    outline: #CCCCCC !important;
}

.k-panelbar li.k-first.k-state-highlight.k-state-active > span.k-header {
    background: #D7D7D7 !important;
    outline: #CCCCCC !important;
}

.k-panelbar li.k-first.k-state-highlight > span.k-header.k-state-selected {
    background: #F2F2F2 !important;
    outline: #CCCCCC !important;
}

.k-panelbar li.k-state-default.k-state-highlight.k-state-active > span.k-header {
    background: #D7D7D7 !important;
    outline: #CCCCCC !important;
}

.k-panelbar li.k-state-default > span.k-header {
    background: #F2F2F2 !important;
    outline: #CCCCCC !important;
}

.k-panelbar li.k-state-default.k-state-active > span.k-header {
    background: #D7D7D7 !important;
    outline: #CCCCCC !important;
}

.k-panelbar.k-header,
span.k-numeric-wrap.k-state-invalid {
    border-color: #e6e6e6 !important;
}

.AccordianStyle > li > span {
    height: 40px;
}

body {
    overflow: hidden;
    font-size: 12px;
    font-family: 'Roboto Regular', "Segoe UI", Verdana, Helvetica, Sans-Serif;
    color: #333;
}

input[type="radio"], input[type="checkbox"] {
    margin: 0;
    vertical-align: inherit;
}

.pure-g [class *= "pure-u"] {
    font-family: 'Roboto Regular', "Segoe UI", Verdana, Helvetica, Sans-Serif;
}

a, a:hover {
    color: #333333;
    text-decoration: underline;
}

th.k-header,
h1, h2, h3, h4 {
    font-family: Roboto Regular, "Segoe UI", Verdana, Helvetica, Sans-Serif;
    font-weight: 300;
    font-style: normal;
    color: #666666;
}

h1 {
    font-size: 24px;
}

h2 {
    font-size: 20px;
}

h3 {
    font-size: 18px;
}

h4 {
    font-size: 16px;
}

.k-dropdown .k-state-default {
    background-color: white;
}

.k-block,
.k-widget,
.k-popup,
.k-content,
.k-toolbar,
.k-dropdown .k-input,
.k-grid-header .k-header .k-link,
.k-grid-header .k-header,
.k-grid-header .k-link,
.k-grid-header .k-link:link,
.k-pager-info,
.k-scheduler-header,
.k-scheduler-agendaview .k-scheduler-datecolumn {
    color: #333;
}

/* angular requirements */
[ng\:cloak], [ng-cloak], [data-ng-cloak], [x-ng-cloak], .ng-cloak, .x-ng-cloak {
    visibility: hidden !important;
}

/* kendo customizations */

.k-icon.k-loading {
    background-image: url(/AppCore/Content/images/loading-image.svg);
    background-size: 16px;
}

.k-status {
    background-color: inherit !important;
}

    .k-status .k-loading-image {
        background-image: url(/AppCore/Content/images/loading-image.svg);
        background-size: 40px;
    }

.k-textbox, .k-combobox, .k-numerictextbox, .k-datepicker, .k-timepicker {
    width: 100%;
    display: block;
}

    .k-numerictextbox .k-numeric-wrap:hover, .k-timepicker .k-picker-wrap:hover, .k-timepicker .k-input, .k-datepicker .k-input {
        background: #fff;
    }

    .k-numerictextbox .k-numeric-wrap, .k-timepicker .k-picker-wrap {
        padding-right: .8em;
        background: #fff;
    }

    .k-numerictextbox input {
        text-align: right;
    }

.k-textbox {
    height: 2.694em !important;
}

.k-state-disabled,
select[disabled], input[disabled], input[readonly]:not(.accountcodereadonly) {
    font-family: Roboto Regular !important;
    color: rgba(51, 51, 51, 0.4) !important; /*rgba(51,51,51,0.4) == #333333 w/ 40% opacity*/
    text-align: left !important;
    font-size: 12px !important;
    border-color: rgba(51, 51, 51, 0.1);
    background-color: #E4E4E4 !important;
}

.k-numerictextbox input[disabled], .k-numerictextbox input[readonly], .core-numeric-combo-box input[disabled] {
    text-align: right !important;
}

.core-numeric-combo-box {
    direction: rtl;
}

.k-filter-selected-items {
    display: none;
}

.k-state-disabled:hover,
select[disabled]:hover, input[disabled]:hover, input[readonly]:hover {
    border-color: rgba(51, 51, 51, 0.1);
    box-shadow: none !important;
}

.k-list > .k-state-selected.k-state-focused {
    color: #0080BC;
}

.k-treelist .k-state-selected td {
    background-color: #cce6f2 !important;
    border-color: #cce6f2 !important;
    color: #000;
}

/* |-------------------------------------------------------------------------------------------------------------------------------!
   |-------------------------------------------------------- Grid Style-Section ---------------------------------------------------!
   |-------------------------------------------------------------------------------------------------------------------------------! */

/* bordertop removed to follow styleguide box-shadow effect */
#core-main-content div.k-grid:first-child {
    border-top: none;
    height: 100%;
}

#core-main-content form div.k-grid:first-child {
    border-top: none;
}

.core-overlay form.core-dialog .k-grid td:first-child.center-align, .settingsMenu .k-grid td:first-child,
.core-nested-grid-container .k-grid td:first-child, .core-nested-grid-container > li.employeeSectionExpand .k-grid td:first-child.center-align,
.core-nested-grid-container > li:not(:first-child) .k-grid td:first-child.center-align, .commonFixedColumnGrid.td-fc-noBorder.k-grid td:first-child.center-align,
#rightContent .k-grid td:first-child.center-align, .td-fc-noBorder {
    border-left: 0 solid transparent !important; /* Grid's border-left is hidden to make leftmenu shadow prominent look & to remove for first td[checkbox]*/
}

.k-grid td:first-child.center-align, .commonFixedColumnGrid.td-fc-Border.k-grid td:first-child.center-align,
.core-nested-grid-container li:first-child .k-grid tbody td:first-child,
.core-nested-grid-container.td-fc-Border .k-grid td:first-child, .commonFixedColumnGrid .k-grid td:first-child.center-align {
    border-left: 1px solid #ccc !important;
}

    .k-grid td:first-child.center-align input[type='checkbox'], #rolesGrid td:first-child.center-align input[type='checkbox'] {
        display: inline-block;
    }
/*.k-grid#documentManagerGrid.commonFixedColumnGrid td:first-child.center-align input[type='checkbox'],
.k-grid#projectEmployeeGrid.commonFixedColumnGrid td:first-child.center-align input[type='checkbox'],
.k-grid#othersGrid.commonFixedColumnGrid td:first-child.center-align input[type='checkbox'] {
    display: inline-block; /* checkbox alginment fix dont' delete this - reference required
}*/

.k-grid td:first-child.k-hierarchy-cell {
    padding: 0.5em;
}

_:-ms-lang(x), .k-grid td:first-child.center-align {
    padding: 0 12px; /* First td[checkbox] padding Fix for IE */
}

.commonFixedColumnGrid td input[type='checkbox'] {
    display: block;
}

#rolesGrid td input[type='checkbox'] {
    display: block;
}

/* Start Grid Header Style */

.icon-column-chooser:hover {
    color: #06c;
}

/* End Grid Header Style */

#projectEquipmentGrid.k-grid tr td.platform-editable-cell .k-picker-wrap {
    padding: 0;
}

#projectEquipmentGrid.k-grid tr td.platform-editable-cell .k-datepicker {
    display: table-cell !important;
    width: 100%;
}

#projectEquipmentGrid .platform-editable-cell .core-grid-error-icon {
    color: #ffffff;
    display: none;
}

    #projectEquipmentGrid .platform-editable-cell .core-grid-error-icon.k-invalid {
        color: #800000;
        display: table-cell !important;
        font-size: 16px !important;
        z-index: 10000;
        padding-top: 10px;
        padding-left: 2px;
        float: none;
        padding-right: 2px;
    }

#projectEquipmentGrid.k-grid tr td.platform-editable-cell .k-datepicker .k-invalid input,
#projectEquipmentGrid.k-grid tr td.platform-editable-cell .k-datepicker.k-invalid > span > input {
    background-color: #e6cccc !important;
}

#projectEquipmentGrid.k-grid tr td.platform-editable-cell .k-datepicker.k-invalid > span.k-picker-wrap {
    padding: 0px;
}

/* |-------------------------------------------------------------------------------------------------------------------------------!
   |----------------------------------------------------- End Grid Style-Section --------------------------------------------------!
   |-------------------------------------------------------------------------------------------------------------------------------! */

/* core-overlay common styles*/
/*  _AddProjectEmployee.html and _AddProjectEquipment.html  page styles moved here */
.core-overlay {
    min-height: 850px
}

    .core-overlay .core-dialog-title {
        margin-top: 0;
    }

    .core-overlay .exclusive-multi-select {
        height: 183px;
    }

    .core-overlay .header-infosection {
        margin-bottom: 5px;
    }

    .core-overlay .k-multiselect .k-multiselect-wrap {
        height: 140px;
        overflow-y: auto;
        padding: 5px;
    }

/* custom styles for buttons */
.k-button.k-primary,
.k-button[type="reset"],
.k-button.primary-blue, .k-button.secondary-blue,
.k-button.primary-green, .k-button.secondary-green,
.k-button.primary-gray, .k-button.secondary-gray {
    font-family: 'Roboto Regular' !important;
    font-size: 14px !important;
    text-align: center !important;
    border-radius: 5px;
    text-transform: none;
    padding: 0px 20px !important;
    margin: 3px 0;
    height: 30px;
    box-shadow: none;
}

.k-button.k-primary,
.k-button.primary-blue {
    color: #FFF !important;
    background-color: #0066CC !important;
    border: 1px solid #0066CC !important;
}

.k-button[disabled = "disabled"] {
    opacity: 0.4 !important;
}

.k-button.k-primary:hover,
.k-button.primary-blue:hover {
    background-color: #0066CC !important;
    border: 1px solid #0066CC !important;
    opacity: 0.8;
}

.k-button.primary-blue.k-state-disabled:hover {
    background-color: #0066CC !important;
}

.k-button[type="reset"],
.k-button.secondary-blue {
    color: #0066CC !important;
    background-color: #FFF !important;
    border: 1px solid #0066CC !important;
}

/* green */
.k-button.primary-green {
    color: #FFF !important;
    background-color: #009900 !important;
    border: 1px solid #009900 !important;
}

    .k-button.primary-green:hover {
        background-color: #33AD33 !important;
        border: 1px solid #33AD33 !important;
        color: #FFF !important;
    }

    .k-button.primary-green:disabled {
        background-color: #99D699 !important;
        border: 1px solid #99D699 !important;
        color: #FFF !important;
    }

    .k-button.primary-green.k-state-disabled:hover {
        background-color: #99D699 !important;
        border: 1px solid #99D699 !important;
        color: #FFF !important;
    }

.k-button.secondary-green {
    color: #009900 !important;
    background-color: #FFF !important;
    border: 1px solid #009900 !important;
}

    .k-button.secondary-green:hover {
        color: #FFF !important;
        background-color: #009900 !important;
    }

.k-state-disabled {
    color: #999999 !important;
}

/* gray */
.k-button.primary-gray {
    color: #FFF;
    background-color: #4d585a !important;
    border: 1px solid #4d585a !important;
}

    .k-button.primary-gray:hover {
        background-color: #939a9b !important;
        border: 1px solid #939a9b !important;
    }

.k-button.secondary-gray {
    color: #4D595A !important;
    background-color: #FFF !important;
    border: 1px solid #4D595A !important;
}

    .k-button.secondary-gray:hover {
        color: #FFF !important;
        background-color: #4D595A !important;
    }

/* custom style to hide menu arrows on the root node */
.k-hide-arrows.k-menu > li .k-i-arrow-s {
    display: none;
}

/* context menu styles */

#core-context-menu label, #core-context-menu1 label {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    cursor: pointer;
    max-width: 450px !important;
    padding-right: 1px;
}

#core-context-menu.k-menu-vertical, #core-context-menu1.k-menu-vertical {
    min-width: 150px !important;
    max-width: 500px !important;
}

#core-context-menu li, #core-context-menu1 li {
    text-overflow: ellipsis;
    max-width: 470px;
}

#core-context-menu.k-menu-vertical li, #core-context-menu1.k-menu-vertical li {
    padding: 10px !important;
}

    #core-context-menu.k-menu-vertical li > .k-link, #core-context-menu1.k-menu-vertical li > .k-link {
        display: table-row !important;
    }

        #core-context-menu.k-menu-vertical li > .k-link span.icon, #core-context-menu1.k-menu-vertical li > .k-link span.icon {
            display: table-cell !important;
        }

        #core-context-menu.k-menu-vertical li > .k-link label, #core-context-menu1.k-menu-vertical li > .k-link label {
            display: table-cell !important;
        }

/* menu styles */
.k-menu[disabled] li,
.k-menu[disabled] span,
.k-item[disabled] li,
.k-item[disabled] span,
.k-item[disabled] label {
    color: gray;
    cursor: not-allowed !important;
}

.k-menu[disabled] img,
.k-item[disabled] img {
    opacity: 0.5;
}

.core-context-menu.k-menu-horizontal img,
.core-context-menu.k-menu-vertical img {
    height: 20px;
}

/* the breadcrumb menu has a special styling */
#core-breadcrumbs {
    padding: 4px 20px 4px 15px;
    background-color: #FFFFFF;
    border-bottom: 1px solid #cccccc;
    height: 55px;
    display: table;
    table-layout: fixed;
    width: 100%;
}

    #core-breadcrumbs > div {
        display: table-cell;
        vertical-align: middle;
    }

    #core-breadcrumbs h1 a,
    #core-breadcrumbs h2 a {
        color: #48585a;
        text-decoration: none;
    }

    #core-breadcrumbs h1 {
        font-size: 20px;
        color: #48585a;
        margin: 0;
        display: inline-block;
        font-family: 'Roboto Regular' !important;
        vertical-align: middle;
    }

    #core-breadcrumbs h2 {
        font-size: 14px;
        color: #48585a;
        margin: 0;
        display: inline-block;
        font-family: 'Roboto Regular' !important;
        vertical-align: top;
        padding-top: 4px;
    }

    #core-breadcrumbs h3 {
        font-size: 14px;
        color: #48585a;
        margin: 0;
        display: inline-block;
        font-family: 'Roboto Bold' !important;
        vertical-align: top;
        padding-top: 4px;
    }

    #core-breadcrumbs a {
        text-decoration: none;
    }

    #core-breadcrumbs .k-menu-horizontal > li:last-child {
        border-left: 0;
    }

    #core-breadcrumbs .k-menu .k-item > .k-link {
        padding: 0 1.071em;
    }

    #core-breadcrumbs .k-menu {
        background-color: transparent !important;
    }

        #core-breadcrumbs .k-menu label {
            display: none;
        }

    #core-breadcrumbs .core-bg-transparent .k-menu > li {
        width: 47px;
        border-left: 1px #ccc dotted;
    }

    #core-breadcrumbs .core-bg-transparent .k-menu > li {
        width: auto !important;
        border-left: 1px #ccc dotted;
    }

    #core-breadcrumbs .k-menu .k-item > .k-link {
        padding: 0 !important;
    }

    #core-breadcrumbs .k-menu > li,
    #core-breadcrumbs .k-menu > li > span,
    #core-breadcrumbs .k-menu > li label {
        background-color: transparent !important;
    }

    #core-breadcrumbs .k-menu[disabled] li,
    #core-breadcrumbs .k-menu[disabled] span,
    #core-breadcrumbs .k-item[disabled] li,
    #core-breadcrumbs .k-item[disabled] span #core-breadcrumbs .k-item[disabled] label {
        color: gray !important;
        cursor: not-allowed !important;
    }

    #core-breadcrumbs .k-menu[disabled] img,
    #core-breadcrumbs .k-item[disabled] img {
        opacity: 0.5;
    }

#core-breadcrumbs-child {
    padding-bottom: 6px !important;
}

/* follow http://jfnubf.axshare.com/#p=forms */
.core-section-header {
    clear: both;
    font-family: 'Roboto Regular', "Segoe UI", Verdana, Helvetica, Sans-Serif;
    color: #333333;
    font-size: 24px;
    line-height: 1.2;
    margin-top: 0; /* http://stackoverflow.com/a/6447072/11398 */
    padding-bottom: 4px;
    margin-bottom: 30px;
    border-bottom: solid 1px #000;
    width: 100%;
    position: relative;
    display: block;
}

.core-section-header-padding {
    padding-bottom: 10px !important;
}
/*TODO :Need to refactor and it will be done once all implement gaps user stories are done*/
.core-section-headers {
    clear: both;
    font-family: 'Roboto Regular', "Segoe UI", Verdana, Helvetica, Sans-Serif;
    color: #333333;
    font-size: 24px;
    line-height: 1.2;
    margin-top: 60px; /* http://stackoverflow.com/a/6447072/11398 */
    padding-bottom: 10px;
    margin-bottom: 30px;
    border-bottom: solid 1px #000;
    width: 640px;
    position: relative;
    display: block;
}

/* http://stackoverflow.com/a/6447072/11398 */
.core-section-header ~ .core-section-header {
    margin-top: 20px; /* 60px minus 40px from form fields' bottom margin '*/
}

/* tabs menu */
#core-tabs {
    list-style: none;
    display: table;
    margin: 0;
    padding: 0;
    width: 100%;
    height: 50px;
    padding: 0 20px 0 18px;
}

    #core-tabs li {
        display: table-cell;
        border-bottom: 5px solid transparent;
        border-top: 5px solid transparent !important;
        padding: 0px 0px;
        font-size: 14px;
        text-transform: uppercase;
        font-family: 'Roboto Bold', 'Roboto Regular', sans-serif;
        vertical-align: middle;
        line-height: initial;
    }

        #core-tabs li:not(:last-child) {
            width: 1px;
            white-space: nowrap;
        }

        #core-tabs li:last-child {
            text-align: right;
        }

            #core-tabs li:last-child input,
            .core-dialog-search {
                line-height: normal;
                font-size: 12px;
                margin: 0;
                padding: 8px;
                text-indent: 0;
                width: 200px;
                display: inline-block;
                min-height: 33px !important;
                height: auto !important;
            }

        #core-tabs li.selected {
            border-bottom: 5px solid #0066CC;
        }

        #core-tabs li.disabled {
            cursor: not-allowed;
            opacity: 0.5;
        }

            #core-tabs li.disabled > a {
                cursor: not-allowed;
            }

    #core-tabs a {
        color: #333;
        text-decoration: none;
        padding: 13px 20px;
        outline: none;
    }
/*box shawdow for core tabs li element*/
.core-li #core-tabs {
    box-shadow: 0 3px 3px rgba(153,153,153,0.35);
}

/* toast messages */
#core-toasts {
    position: absolute;
    left: 50%;
    margin-left: -200px;
    top: 0;
    width: 400px;
    height: 40px !important;
    font-family: 'Roboto Regular';
    font-size: 14px;
}

    #core-toasts .toast {
        position: relative;
        border: 0;
        text-align: center;
        border-radius: 4px;
        min-height: 40px;
        line-height: 1.4;
    }

        #core-toasts .toast:first-child {
            border-top-left-radius: 0;
            border-top-right-radius: 0;
        }

        #core-toasts .toast.error {
            background-color: #800000 !important;
            color: #FFF;
        }

        #core-toasts .toast.success {
            background-color: #00B44E !important;
            color: #FFF;
        }

        #core-toasts .toast.ng-enter {
            -webkit-transition: 1s;
            transition: 1s;
            top: -100px;
        }

        #core-toasts .toast.ng-enter-active {
            top: 0;
        }

        #core-toasts .toast.ng-leave {
            -webkit-transition: 1s;
            transition: 1s;
            top: 0;
        }

        #core-toasts .toast.ng-leave-active {
            top: -100px;
        }

.k-loading-image {
    background-image: url(/AppCore/Content/images/loading-image.svg);
}

.msie .k-loading-image {
    background-image: url(/AppCore/Content/kendo/Material/loading-image.gif);
}

.core-dialog-button-bar {
    padding-top: 32px;
    padding-bottom: 32px;
}

/* navbar and menu styles*/
#core-navbar {
    width: 100%;
    display: table;
    background: #0080bc;
    background: transparent linear-gradient(to bottom, #3298C8 0%, #369AC9 50%, #0582BD 52%, #0080BC 100%) repeat scroll 0% 0%;
    background: -moz-linear-gradient(top, #3298c8 0%, #369ac9 50%, #0582bd 52%, #0080bc 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#3298c8), color-stop(50%,#369ac9), color-stop(52%,#0582bd), color-stop(100%,#0080bc));
    background: -webkit-linear-gradient(top, #3298c8 0%,#369ac9 50%,#0582bd 52%,#0080bc 100%);
    background: -o-linear-gradient(top, #3298c8 0%,#369ac9 50%,#0582bd 52%,#0080bc 100%);
    background: -ms-linear-gradient(top, #3298c8 0%,#369ac9 50%,#0582bd 52%,#0080bc 100%);
    background: linear-gradient(to bottom, #3298c8 0%,#369ac9 50%,#0582bd 52%,#0080bc 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3298c8', endColorstr='#0080bc',GradientType=0 );
}

    #core-navbar > div {
        display: table-cell;
        vertical-align: middle;
        color: #FFF;
    }

    #core-navbar .k-menu .k-menu-group .k-item > .k-link {
        padding: 0.5em 1em;
    }

    #core-navbar .k-menu > li > span {
        background-color: transparent !important;
    }

    #core-navbar .k-menu a {
        color: #333;
    }

    #core-navbar hr {
        margin: 0;
    }

/* org bar styles */
#core-orgbar .k-menu > li,
#core-orgbar .k-menu > li > span {
    background-color: transparent !important;
}

/* panels */

#core-footer {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 8px;
    background-color: #E2E2E0;
}


    #core-main-content.closed {
        right: 0 !important;
    }

    #core-main-content.core-kendo-grid-controller {
        overflow: hidden;
    }

.core-main-content {
    top: 180px !important;
}

/* Below snippet is used for Estimate settings Page (Application Integration)  */

.estimate-div #core-main-content {
    top: 45px !important;
}

    .estimate-div #core-main-content .lm_leftMenu_Kn_Widget_1_0 {
        box-shadow: none;
        z-index: 9;
    }

        .estimate-div #core-main-content .lm_leftMenu_Kn_Widget_1_0 .lm-menu li {
            padding-left: 10px;
        }

    .estimate-div #core-main-content .infoPanel {
        z-index: 99;
        top: 121px;
    }

    .estimate-div #core-main-content #lm-leftMenu {
        height: calc(100vh - 70px);
    }

    .estimate-div #core-main-content .grid-container {
        bottom: 0px;
        left: 40px;
        overflow: hidden;
        position: absolute;
        top: 121px;
        width: calc(100% - 40px);
        height: calc(100vh - 152px);
    }

    .estimate-div #core-main-content div.k-grid:first-child {
        border-top: none;
        border-left: none;
        height: 100%;
    }

    .estimate-div #core-main-content .gridEllipsis {
        max-width: none !important;
    }

    .estimate-div #core-main-content .k-grid td:first-child {
        overflow: visible;
    }

/*TODO :Need to refactor and it will be done once all implement gaps user stories are done*/
.core-main-contents {
    top: 95px !important;
}

.core-remove-whitespace {
    top: 145px !important;
}

.core-tabbedGrid-remove-whitespace {
    top: 170px !important;
}

.infoPanel {
    background-color: #f2f2f2;
    border-left: 1px solid #ccc;
    bottom: 30px !important;
    overflow-x: hidden;
    overflow-y: auto;
    position: fixed;
    padding: 20px;
    right: -365px;
    transition-property: right;
    transition-duration: .25s;
    transition-timing-function: ease-in-out;
    width: 365px;
}

    .infoPanel h2 {
        font-size: 13px;
        margin: 12px 0;
    }

    .infoPanel h4 {
        font-size: 22px;
        font-family: 'Roboto Bold' !important;
        margin: 0 0 12px 0;
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
        padding-right: 5px;
    }

        .infoPanel h4 span {
            margin-top: 5px;
            display: inline-block;
        }

    .infoPanel hr {
        border-top: 1px solid #cccccc;
        clear: both;
        margin: 15px 0;
        width: 100%;
    }

    .infoPanel .icon-add {
        font-size: 16px;
        line-height: 18px;
        margin-right: 5px;
    }

    .infoPanel .iconadd-txt {
        line-height: 18px;
        vertical-align: top;
    }

    .infoPanel .icon-close {
        color: #333333;
        cursor: pointer;
        font-size: 20px;
        float: right;
        padding: 5px;
        position: absolute;
        top: 1px;
        right: 0px;
        z-index: 0;
    }

    .infoPanel .label {
        width: 130px;
        font-size: 12px;
    }

    .infoPanel.open {
        right: 0px;
    }

    .infoPanel .svg {
        height: 16px;
        width: 16px;
    }

    .infoPanel .svg-txt {
        line-height: 18px;
        padding-left: 2px;
        vertical-align: top;
    }

    .infoPanel table {
        table-layout: fixed;
        width: 100%;
    }

        .infoPanel table td {
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
        }

        .infoPanel table tr td:first-child {
            width: 60%;
        }

        .infoPanel table tr td:nth-child(2) {
            width: 40%;
            padding-left: 20px;
        }

        /* Added ellipsis for link button to the info pannel*/
        .infoPanel table tr td a {
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
        }

    /* table less design*/
    .infoPanel .core-table {
        display: inline;
        width: 100%;
        clear: both;
        float: left;
    }

        .infoPanel .core-table .icon-warning {
            color: #ffcc66;
            font-size: 16px;
            padding: 0 8px;
        }

    .infoPanel .core-table-row {
        display: table-row;
        width: 100%;
        clear: both;
        line-height: 22px;
        float: left;
        font-size: 12px;
        font-family: 'Roboto Regular';
        color: #333;
    }

    .infoPanel .core-table-cellQuali60 {
        display: inline-block;
        width: 170px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        text-align: left;
    }

    .infoPanel .core-table-cellQuali40 {
        display: inline-block;
        overflow: hidden;
        max-width: 110px;
        text-overflow: ellipsis;
        white-space: nowrap;
        text-align: right;
    }

    .infoPanel .core-table-cell50 {
        display: inline-block;
        width: 147px;
        max-width: 147px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .infoPanel .core-table-cell60 {
        display: inline-block;
        width: 178px;
        max-width: 178px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .infoPanel .core-table-cell40 {
        display: inline-block;
        width: 118px;
        max-width: 118px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .infoPanel .core-table-widecell {
        max-width: 317px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .infoPanel .tableborderedRow {
        border-bottom: 1px solid #ccc;
        border-top: 1px solid #ccc;
    }

    .infoPanel .flextableRow {
        align-items: center;
        clear: both;
        display: flex;
        float: none;
        height: 30px;
        width: 100%;
    }

        .infoPanel .flextableRow .infoDiv {
            line-height: 30px;
            width: calc(100% - 30px);
        }

        .infoPanel .flextableRow .iconDiv {
            width: auto;
        }

    .infoPanel .core-hr {
        width: 317px;
        border-top: 1px solid #CCCCCC;
        margin: 15px 0;
        float: left;
    }

    .infoPanel .core-table-widecell h4 {
        font-size: 22px;
        display: inline-block;
        margin: 0px;
        width: 100%;
        max-width: 100%;
        font-family: 'Roboto Bold' !important;
        line-height: 20px;
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
        margin-right: 10px;
    }

    .infoPanel .subTitle {
        font-size: 12px;
        display: inline-block;
        margin: 0px;
        width: 100%;
        font-family: 'Roboto Regular';
        clear: both;
        float: left;
        line-height: 15px;
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
    }

    .infoPanel .textAreaForNotes:hover {
        box-shadow: none !important;
    }

/* field and validation errors */
.core-show-form-errors .k-dropdown.ng-invalid > .k-dropdown-wrap,
.core-show-form-errors .k-combobox.ng-invalid > .k-dropdown-wrap,
.core-show-form-errors .k-datepicker.ng-invalid > .k-picker-wrap,
.core-show-form-errors .k-timepicker.ng-invalid > .k-picker-wrap,
.core-show-form-errors .k-multiselect.ng-invalid > .k-multiselect-wrap,
.core-show-form-errors *[core-combo-box-tree-view].ng-invalid > span,
.core-show-form-errors *[core-combo-box-org-tree].ng-invalid > .k-combobox,
.core-show-form-errors .k-textbox.ng-invalid,
.core-show-form-errors .k-multiselect.ng-invalid > div.k-multiselect-wrap,
.core-show-form-errors .core-lable-combobox,
.core-show-form-errors .core-lable-combobox:hover,
.core-show-form-errors .k-combobox > .k-dropdown-wrap,
.core-show-form-errors .k-dropdown > .k-dropdown-wrap, .core-show-form-errors .k-textbox {
    border: 2px solid #800000 !important;
    background-color: #e6cccc !important;
    font-family: 'Roboto Regular';
}

.core-show-form-errors .core-faux-combobox:after {
    top: 0px;
    background-color: #e6cccc !important;
    font-family: 'Roboto Regular';
}

.core-show-form-errors .core-show-form-errors-forLabel {
    top: 2px !important;
}

.core-show-form-errors .core-lable-combobox {
    height: 37px !important;
}

.core-show-form-errors *[core-combo-box-tree-view].ng-invalid > span > span,
.core-show-form-errors *[core-combo-box-tree-view].ng-invalid > span > span > input,
.core-show-form-errors *[core-combo-box-org-tree].ng-invalid > span > span,
.core-show-form-errors *[core-combo-box-org-tree].ng-invalid > span > span > input,
.core-show-form-errors .k-combobox.ng-invalid > .k-dropdown-wrap input,
.core-show-form-errors .k-core-combobox-tree-view.ng-invalid > .k-dropdown-wrap input,
.core-show-form-errors .k-combobox > .k-dropdown-wrap input[name='ContactType_input'] {
    background-color: #e6cccc;
}

.core-show-form-errors .k-datepicker .k-picker-wrap > input,
.core-show-form-errors .k-timepicker .k-picker-wrap > input {
    background-color: #e6cccc !important;
}

.core-form-container {
    margin: -1em;
}

label.core-label.required::before {
    content: '* ';
    position: relative;
    top: -2px;
    vertical-align: top;
}

.core-field-container {
    padding: 0 1em;
    margin-bottom: 40px;
}

    .core-field-container .k-textbox {
        height: 30px;
    }

/*TODO :Need to refactor and it will be done once all implement gaps user stories are done*/
.core-field-containers {
    padding: 0 1em;
    margin-bottom: 40px;
}

.pure-u-md-1-2.core-field-containers .k-textbox, .pure-u-md-1-2.core-field-containers .k-combobox, .pure-u-md-1-2.core-field-containers .k-datepicker, .pure-u-md-1-2.core-field-containers .k-dropdown, .pure-u-md-1-2.core-field-containers .k-numerictextbox, .pure-u-md-1-2.core-panel-containers .k-textbox {
    width: 300px !important;
}

.core-field-containers .k-textbox, .core-field-containers .k-datepicker, .pure-u-md-1-2.core-field-containers .k-numerictextbox {
    height: 30px !important;
}

.core-label {
    font-family: 'Roboto Regular', "Segoe UI", Verdana, Helvetica, Sans-Serif;
    font-weight: normal;
    font-style: normal;
    font-size: 12px;
    color: #333333;
    letter-spacing: normal;
    padding-top: 0;
}

.core-history-error {
    border: 2px solid #800000 !important;
    background-color: #e6cccc !important;
}

.core-label-error, .core-label-required {
    color: #800000 !important;
    margin: 0;
    top: 0.25em;
    display: none;
    height: 0;
    position: relative;
    right: 0;
    text-align: right;
    font-family: 'Roboto Bold' !important;
    font-weight: normal !important;
}

input.ng-invalid {
    box-shadow: none !important;
}

.core-show-form-errors .k-combobox.ng-invalid > .k-dropdown-wrap,
.core-show-form-errors .k-textbox.ng-invalid,
.core-show-form-errors .core-faux-combobox.ng-invalid,
.core-show-form-errors .k-textbox {
    border: 2px solid #800000 !important;
    background-color: #e6cccc;
    font-family: 'Roboto Regular';
}

.core-show-error-summary .core-show-form-errors .ng-invalid ~ .core-label-error,
.core-show-error-summary .core-show-form-errors .ng-valid ~ .core-label-error,
.core-show-error-summary .other-available-currencies .core-show-form-errors .ng-valid ~ .core-label-error,
.core-show-error-summary .core-show-form-errors .ng-invalid + .core-label-error {
    display: block;
}

    .core-show-error-summary .core-show-form-errors .ng-invalid + .core-label-error + .jobTrackForecastError {
        margin-top: -49px !important;
    }

/* error page */
#core-page-error {
    padding: 4em;
    display: table;
    width: 100%;
}

    #core-page-error .icon {
        width: 140px;
        display: table-cell;
        vertical-align: middle;
        padding-left: 85px;
    }

    #core-page-error .message {
        display: table-cell;
        vertical-align: middle;
        padding-left: 12px;
    }

    #core-page-error .icon svg {
        width: 150px;
        height: 150px;
    }

    #core-page-error .icon.error svg > path {
        fill: red;
    }

    #core-page-error .icon.warning svg > path {
        fill: #f5ab13;
    }

.core-bg-transparent {
    background-color: transparent !important;
    display: block !important;
    margin-top: 7px !important;
}

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

.core-disable {
    color: #cccccc;
}

    .core-disable > td > img {
        opacity: 0.4;
    }

.k-panelbar, .k-panelbar .k-content, .k-panel > li.k-item {
    background-color: #ffffff;
}

#core-project-menu.k-menu .k-item > .k-link {
    padding: 8px 2px 3px;
    line-height: 1em;
}

.core-project-menu li {
    position: relative;
}

.core-project-menu .project-name {
    overflow-x: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
    max-width: 579px !important;
    position: relative;
    padding-top: 2px;
}

.core-project-menu .project-display {
    width: 50% !important;
    overflow: hidden !important;
    white-space: nowrap !important;
    text-overflow: ellipsis !important;
    position: fixed !important;
    font-size: 12px;
    color: #ababab;
    font-family: Roboto Regular;
    display: block;
    padding: 0px 0 0 16px;
    max-width: 50%;
}

.core-project-menu .fa-caret-down {
    font-weight: 500;
    vertical-align: top;
    display: inline-block;
    font-size: 20px;
}

/*For Multiselect*/
.k-list-container.k-popup > div:nth-child(2) {
    max-height: 160px !important;
    overflow-x: hidden;
}

.k-list-container.k-popup {
    max-height: 160px !important;
}

/*For Sorting Icon*/

.k-drag-clue .k-icon.k-i-add {
    background-position: -32px -65px !important;
    width: 18px !important;
    height: 16px !important;
}

.k-drag-clue .k-icon.k-i-denied {
    background-position: -31px -48px !important;
    width: 18px !important;
    height: 16px !important;
}

td input.add-icon,
col input.add-icon {
    width: 16px;
    height: 16px;
    position: relative;
    top: 4px;
}

.core-dialog .section-header {
    font-family: 'Roboto Light' !important;
    background-color: #E8F3F8;
    padding: 4px 5px 0px;
    font-size: 16px;
    height: 40px;
}

.core-dialog-title {
    font-family: 'Roboto Bold' !important;
    font-size: 18px;
    color: #333333;
    text-align: left;
    padding-bottom: 0;
}

.core-dialog-section-heading {
    font-family: 'Roboto Regular' !important;
    font-size: 16px;
    color: #333333;
    margin-top: 0;
    padding-top: 8px;
}

.core-associate-dialog {
    width: 800px !important;
    min-height: 640px !important;
    max-height: 640px !important;
}

.k-calendar .k-today {
    background-color: #f2f2f2;
}

.core-context-menu .k-item.k-state-hover[disabled] {
    background-color: inherit;
}

.k-calendar .k-header {
    background-color: #0066CC !important;
}

.k-header.k-datepicker {
    background-color: #fafafa;
}

.k-calendar .k-footer .k-nav-today {
    color: #0066CC;
}

.k-header h3, .k-header h4, .k-header h5 {
    margin-top: 0;
    padding-top: 10px;
    color: #000;
}

.k-multiselect .k-button {
    text-transform: none;
}

.section-header .k-textbox {
    border-color: #cccccc;
    position: relative;
    top: 3px;
}

.section-header .searchglyph {
    position: relative;
    left: -10px;
    color: #ddd;
    top: 5px;
}

.exclusive-multi-select tr.selected-disabled td span,
.exclusive-multi-select tr.selected-disabled-self-user td span,
.exclusive-multi-select tr.selected-disabled td div,
.exclusive-multi-select tr.selected-disabled-self-user td div {
    opacity: 0.4;
}

.exclusive-multi-select ~ .k-multiselect > .k-multiselect-wrap {
    border-radius: 0px !important;
}

/*.exclusive-multi-select tr.selected td input {
	visibility: hidden;
}*/

/* Assign Qualification list */
.core-assignment-list-container {
    border: none;
    width: 320px;
    position: relative;
    background: #fff;
    border-radius: 4px;
    -webkit-box-shadow: 5px 5px 5px -2px rgba(212, 212, 212, 1);
    -moz-box-shadow: 5px 5px 5px -2px rgba(212, 212, 212, 1);
    box-shadow: 5px 5px 5px -2px rgba(212, 212, 212, 1);
    height: 135px;
    margin-top: 10px;
}

.core-assignment-list {
    margin: 0;
    padding: 0;
    list-style: none;
}

    .core-assignment-list li {
        padding: 0;
        margin: 0;
        line-height: 13px;
        height: 25px;
    }

        .core-assignment-list li .core-qualification-Name {
            width: auto;
            white-space: nowrap;
            text-overflow: ellipsis;
            overflow: hidden;
            display: inline-block;
            vertical-align: top;
            padding-top: 0px;
            text-align: right;
            float: right;
        }

.core-assignment-container {
    overflow-y: auto;
    height: 132px;
    overflow-x: hidden;
    width: 99.9%;
    padding-top: 1px;
    padding-left: 1px;
}

.dropdown-width {
    width: 190px;
}

.add-dialog .core-assignment-list > li {
    width: 99%;
}

    .add-dialog .core-assignment-list > li .dropdown-width {
        width: 90%;
    }

.add-dialog .core-assignment-container {
    height: auto;
    min-height: 95px;
}

.core-assignment-list-position {
    position: absolute;
    top: 142px;
}

.icon-holder {
    display: table-cell;
    position: absolute;
    top: -2px;
    width: 48px;
    padding-left: 0px;
    padding-top: 0px;
}

.add-dialog .icon-holder {
    padding-top: 9px;
}

.icon-holder.qa-edit {
    padding-top: 11px;
}

.core-assignment-holder {
    display: table;
    width: 100%;
}

    .core-assignment-holder > label, .core-assignment-holder .core-assignment-label > label {
        display: inline-block;
        width: 150px;
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden;
        font-weight: normal;
    }

    .core-assignment-holder .core-assignment-label {
        float: left;
        width: 152px;
        height: 20px;
    }

    .core-assignment-holder .core-assignment-span {
        float: right;
        width: auto;
    }

        .core-assignment-holder > span, .core-assignment-holder .core-assignment-span > span {
            display: inline-block;
            width: auto;
            white-space: nowrap;
            text-overflow: ellipsis;
            overflow: hidden;
            display: inline-block;
            vertical-align: top;
        }

.core-field-container-scroll {
    position: relative;
    max-height: 112px;
}

    .core-field-container-scroll .core-assignment-list {
        top: 12px;
        position: static;
    }

.core-assign-qualification-holder .core-enable-scroll {
    max-height: 95px;
    overflow: auto;
}

.core-disable-scroll .core-assign-qualification-holder .core-enable-scroll {
    max-height: none;
    overflow: visible;
}

.core-disable-scroll.core-field-container-scroll {
    max-height: none;
}

.core-link-disable {
    text-decoration: none;
    cursor: not-allowed !important;
    opacity: 0.5;
}

.userRole-info-icon.core-link-disable:before {
    cursor: not-allowed !important;
}

.core-link-disable > a,
a[disabled] {
    text-decoration: none !important;
    cursor: not-allowed !important;
    opacity: 0.4 !important;
}

/* grid column picker */

.core-undo-overwrite-icon {
    width: 8px;
    height: 8px;
    border-radius: 50px;
    color: #FFCC00;
    text-align: center;
    background: #FFCC00;
    border: none;
    cursor: pointer;
    z-index: 999;
}

/* kendo multi select styles */

.k-multiselect-wrap li {
    padding: 2px 30px 2px 12px;
    min-height: 28px;
    position: relative;
    height: auto;
}

.k-multiselect-wrap .k-select {
    left: inherit;
    padding: 2px 3px;
    position: absolute;
    right: 0;
}

/* main toolbar icons */
.ico-main-toolbar-button {
    color: #0066CC;
}

    .ico-main-toolbar-button.selected::before {
        color: #FFCC00;
    }

    .ico-main-toolbar-button::before {
        font-size: 20px;
        color: #0066CC;
        position: relative;
        top: 4px;
    }

    .ico-main-toolbar-button.disabled,
    .ico-main-toolbar-button.disabled::before {
        opacity: 0.4 !important;
    }

    .ico-main-toolbar-button.enabled {
        opacity: 1;
    }

    .ico-main-toolbar-button.fa {
    }

        .ico-main-toolbar-button.fa::before {
            font-size: 21px;
            top: 4px;
        }

        .ico-main-toolbar-button.fa.disabled::before,
        .k-item[disabled] {
            opacity: 0.4 !important;
        }

.k-context-menu label {
    font-weight: 400;
}

.fa, .k-icon.k-i-collapse, .k-icon.k-i-expand {
    margin-right: 3px;
    font-size: 16px;
}

.fa-angle-none {
    margin-left: 5px;
}

/* custom classes for overwriting invalid during save process validation - start */

input.core-invalid-overwrite,
.ng-invalid span, .core-invalid-overwrite span {
    box-shadow: none !important;
}

.loader {
    border: 5px solid #fff;
    border-radius: 50%;
    border-top: 5px solid #3498db;
    border-right: 5px solid #3498db;
    border-bottom: 5px solid #3498db;
    width: 40px;
    height: 40px;
    animation: spin 1s linear infinite;
    left: 40%;
    position: relative;
}

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

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

.export-download-process {
    position: absolute;
    top: 50px;
    width: 250px;
    background: #fff;
    box-shadow: 0px 0px 5px 2px rgb(0 0 0 / 40%);
    padding: 10px;
    line-height: 20px;
    left: -128px;
    font-family: Roboto Regular;
}

.export-download-process i.bubbleSpeech.bubble-up {
    width: 30px;
    height: 30px;
    position: absolute;
    transform: rotate( 90deg );
    top: -20px;
    overflow: hidden;
    left: 51%;
    z-index: 1111111;
}

.export-download-process i.bubbleSpeech.bubble-up.right-0-percentage {
    right: 0%;
}

.export-download-process i.bubbleSpeech.bubble-up::before {
    background: #fff;
    box-shadow: 0px 0px 5px 2px rgb(0 0 0 / 40%);
    content: "";
    height: 50px;
    left: 15px;
    position: absolute;
    top: -10px;
    transform: rotate( 45deg );
    width: 50px;
}

#excelDownload{
    position: relative;
}

#exportExcelDownload {
    font-size: 12px;
    text-align: center;
}
.core-show-error-summary .core-show-form-errors .core-invalid-overwrite + .core-label-error {
    display: block;
    min-height: 1px;
}

.core-show-form-errors *[core-combo-box-tree-view].core-invalid-overwrite > span > span,
.core-show-form-errors *[core-combo-box-tree-view].core-invalid-overwrite > span > span > input,
.core-show-form-errors *[core-combo-box-org-tree].core-invalid-overwrite > span > span,
.core-show-form-errors *[core-combo-box-org-tree].core-invalid-overwrite > span > span > input,
.core-show-form-errors .k-combobox.core-invalid-overwrite > .k-dropdown-wrap input,
.core-show-form-errors .k-core-combobox-tree-view.core-invalid-overwrite > .k-dropdown-wrap input,
.core-show-form-errors .k-numerictextbox.core-invalid-overwrite > .k-numeric-wrap input,
.core-show-form-errors .k-numerictextbox.ng-invalid > .k-numeric-wrap input {
    background-color: #e6cccc;
}

.core-show-form-errors .k-dropdown.core-invalid-overwrite > .k-dropdown-wrap,
.core-show-form-errors .k-combobox.core-invalid-overwrite > .k-dropdown-wrap,
.core-show-form-errors .k-numerictextbox.ng-invalid > .k-numeric-wrap,
.core-show-form-errors .k-numerictextbox.core-invalid-overwrite > .k-numeric-wrap,
.core-show-form-errors .k-datepicker.core-invalid-overwrite > .k-picker-wrap,
.core-show-form-errors .k-timepicker.core-invalid-overwrite > .k-picker-wrap,
.core-show-form-errors .k-multiselect.core-invalid-overwrite > .k-multiselect-wrap,
.core-show-form-errors *[core-combo-box-tree-view].core-invalid-overwrite > span,
.core-show-form-errors *[core-combo-box-org-tree].core-invalid-overwrite > .k-combobox,
.core-show-form-errors .k-textbox.core-invalid-overwrite,
.core-show-form-errors .k-multiselect.core-invalid-overwrite > .k-multiselect-wrap {
    border: 2px solid #800000 !important;
    background-color: #e6cccc !important;
    font-family: 'Roboto Regular';
}

/* end - custom classes for overwriting invalid during save process validation - end */

.core-grid-rowselect-column, .flexcenter, .k-grid-content table td div.flexcenter {
    align-items: center;
    display: flex;
    justify-content: center;
}

    .core-grid-rowselect-column input {
        left: 0;
    }

.core-readonly {
    font-family: 'Roboto Regular';
    font-size: 12px;
    color: #333333;
    text-align: Left;
}

#core-orgbar {
    background: #fafafa;
}

#core-orgbar, #core-orgbar-menu, #core-orgbar-menu li[role="menuitem"] {
    height: 25px !important;
}

    #core-orgbar-menu li[role="menuitem"] span.k-link {
        padding: 4px;
    }

.core-org-tree-list {
    border: 0;
    height: 170px !important;
}

    .core-org-tree-list .k-grid-content {
        height: 170px !important;
    }

    .core-org-tree-list td .k-icon.k-i-collapse,
    .core-org-tree-list td .k-icon.k-i-expand,
    .core-org-tree-list td .fa.core-no-children {
        display: none;
    }

    .core-org-tree-list td {
        color: rgb(0,0,0);
        opacity: 0.8;
    }

    .core-org-tree-list.k-grid tr,
    .core-org-tree-list.k-grid td {
        border-style: none;
    }

    .core-org-tree-list td:hover {
        opacity: 1;
    }

        .core-org-tree-list td:hover .core-org-item {
            opacity: 1;
        }

        .core-org-tree-list tr.k-state-selected td,
        .core-org-tree-list tr.k-state-selected,
        .core-org-tree-list td:hover:not(.core-state-no-access) {
            background: #F4F4F4 !important;
            border-color: #F4F4F4 !important;
        }

    .core-org-tree-list td.core-state-no-access,
    .core-org-tree-list td.core-state-no-access:hover {
        opacity: 0.4 !important;
    }

    .core-org-tree-list .k-grid-header {
        display: none;
    }

    .core-org-tree-list .core-not-a-menu {
        background: white !important;
    }

    .core-org-tree-list tr.core-row-filtered {
        display: none;
    }

    .core-org-tree-list tr td span.fa {
        width: 16px;
        height: 16px;
        font-size: 16px;
        text-align: center;
    }

.core-org-tree-dropdown {
    border: 1px solid #ddd;
}

.removerectangle:after {
    display: none !important;
}

.removerectangle > span {
    width: 100% !important;
}

.core-faux-combobox {
    border: 1px solid #e6e6e6;
    padding: 8px;
    line-height: 1em;
    height: 32px;
    width: 300px !important;
    border-radius: 3px;
    position: relative;
    -webkit-user-select: none; /* Chrome/Safari/Opera */
    -moz-user-select: none; /* Firefox */
    -ms-user-select: none; /* IE/Edge */
    user-select: none;
    cursor: default;
    box-sizing: border-box;
}

    .core-faux-combobox:after {
        height: 32px;
        display: block;
        width: 34px;
        user-select: none;
        border: solid 1px #C8C8C8;
        border-top-right-radius: 3px;
        border-bottom-right-radius: 3px;
        content: '';
        background-image: url(/AppCore/Content/kendo/Material/sprite.png);
        background-repeat: no-repeat;
        background-position: 8px -24px;
        background-clip: content-box;
        padding: 8px;
        text-align: center;
        top: -1px;
        right: -1px;
        position: absolute;
        opacity: 0.5;
    }

    .core-faux-combobox.disabled {
        background-color: #E4E4E4;
        border-color: rgba(51, 51, 51, 0.1);
        color: rgba(51, 51, 51, 0.4); /* rgba(51,51,51,0.4) == #333333 w/ 40% opacity*/
    }

        .core-faux-combobox.disabled:after {
            color: rgba(51, 51, 51, 0.4);
            border-color: rgba(51, 51, 51, 0.1) !important;
            border-right: none;
        }

    .core-faux-combobox > span {
        width: 256px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        display: block;
        height: 100%;
    }

.core-quick-view-details {
    background-color: #fff;
    border: 1px #ccc solid;
    box-shadow: none;
    border-radius: 4px;
    height: 127px;
    overflow-y: auto;
    margin-right: -2em;
    width: 100%;
}

.core-quick-view-detail {
    background-color: #ffffff;
    border: 1px #cccccc solid;
    -webkit-box-shadow: 3px 3px rgba(204, 204, 204, 0.35);
    -moz-box-shadow: 3px 3px rgba(204, 204, 204, 0.35);
    box-shadow: 3px 3px rgba(204, 204, 204, 0.35);
    border-radius: 5px;
    height: 100px;
    overflow-y: auto;
    margin-right: -2em;
    width: 320px;
}

h3.core-quick-panel-header {
    font-family: 'Roboto Regular' !important;
    font-size: 12px;
    text-transform: uppercase;
}

/*kendo mobile switch start*/
.km-switch {
    border: 1px solid #0393C1;
    height: 30px;
    top: 0px;
    border-radius: 5px;
    text-align: left;
    font-size: 1rem;
    display: inline-block;
    width: 8.4rem;
    line-height: 2rem;
    position: relative;
    overflow: hidden;
}

    .km-switch input[type=checkbox] {
        display: none;
    }

.km-widget input {
    -webkit-user-select: text;
    -moz-user-select: text;
    -ms-user-select: text;
    user-select: text;
}

.km-switch-wrapper {
    display: block;
    height: auto;
    width: 100%;
    overflow: hidden;
}

.km-switch-background {
    background-image: none,linear-gradient(#d7dee3,#d7dee3);
    background-image: none,-webkit-linear-gradient(#d7dee3,#d7dee3);
    background-image: none,-moz-linear-gradient(#d7dee3,#d7dee3 );
    background-image: none,-o-linear-gradient(#d7dee3,#d7dee3 );
    color: #0393C1;
    background-color: currentcolor;
    background-repeat: no-repeat;
    display: block;
    margin: 0 1px 1px -5em;
    height: 100%;
    width: 200%;
    background-position: 6.3em 0px;
}

.km-switch-handle {
    background-color: #fff !important;
    top: 0;
    left: 0;
    width: 2.95em;
    display: inline-block;
    margin: -1px 0 0 -1px;
    border-radius: 5px;
    border: 1px solid #0393C1;
    height: 108%;
    cursor: pointer;
}

.km-switch-label-on {
    color: #fff;
    left: -200%;
    background-color: #0393C1;
    text-shadow: 0 -1px 0 rgba(0,0,0,0.3);
}

.km-switch-label-off {
    left: 104%;
    background-color: #EEEFEF;
}

.km-switch-label-on, .km-switch-label-off {
    text-transform: none;
    top: 0;
    display: block;
    width: 200%;
    font-family: Roboto Bold;
    font-size: 14px;
    line-height: 2.2em;
    text-align: center;
    position: absolute;
    bottom: 0;
}

.km-switch-container {
    top: 0;
    left: 0;
    position: absolute;
    display: block;
    height: 100%;
    width: 100%;
    overflow: hidden;
    background: transparent;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.km-switch-on > .km-switch-wrapper .km-switch-background {
    margin-left: 0px !important;
}

.km-switch-off.km-switch-on > .km-switch-wrapper .km-switch-background {
    margin-left: -50px !important;
}

.km-switch.km-state-disabled {
    opacity: 0.4 !important;
}

    .km-switch.km-state-disabled > .km-switch-container > .km-switch-handle {
        cursor: not-allowed !important;
    }

/*kendo mobile switch end*/

/* km- swicth style */

.toggle-switch-btn {
    position: relative;
    width: 60px;
}

    .toggle-switch-btn .switch-tab .km-switch {
        border: 1px solid #0393C1;
        border-radius: 200px;
        border-color: #cccccc;
        width: 60px;
        cursor:pointer;
    }

        .toggle-switch-btn .switch-tab .km-switch input[type=checkbox] {
            display: block;
            cursor: pointer;
            height: 30px;
            opacity: 0;
            position: absolute;
            width: 60px;
            z-index: 99999;
        }

    .toggle-switch-btn .km-switch-handle {
        border: 0;
        font-size: 18px;
        transition: all 100ms ease-out !important;
        width: 60px;
    }

        .toggle-switch-btn .km-switch-handle.icon-pass {
            color: #009900;
            transform: translateX(6px) translateY(6px);
        }

        .toggle-switch-btn .km-switch-handle.icon-remove {
            color: #800000;
            transform: translateX(35.5px) translateY(6px);
        }

    .toggle-switch-btn .km-switch:hover {
        border-color: #0066cc;
    }

    .toggle-switch-btn .km-switch-label-on {
        background-color: #ffffff;
        left: -198% !important;
    }

    .toggle-switch-btn .switch-tab .km-switch-container {
        border: none;
    }

    .toggle-switch-btn .km-switch-on .km-switch-container > .km-switch-handle {
        transform: translateX(6px) translateY(6px) !important;
    }

    .toggle-switch-btn .km-switch-off .km-switch-container > .km-switch-handle {
        transform: translateX(37px) translateY(6px) !important;
    }

    .toggle-switch-btn .disable-toggle {
        background: #e4e4e4;
        border-radius: 30px;
        cursor: no-drop;
        display: block;
        height: 30px;
        opacity: .4;
        overflow: hidden;
        position: absolute;
        top: 0;
        width: 60px;
        z-index: 9999999;
    }

.settings-group-header {
    font-family: 'Roboto Regular', "Segoe UI", Verdana, Helvetica, Sans-Serif;
    color: #333333;
    font-size: 24px;
    margin-bottom: 30px;
    padding: 0 0 4px 0;
    border-bottom: solid 1px #000;
}

/*disabled style for on and off*/
.km-state-disabled > .km-switch-container > .km-switch-handle > .km-switch-label-on {
    background-color: darkgrey;
}

.km-state-disabled > .km-switch-container > .km-switch-handle {
    cursor: text;
}

.k-notification-notificationTemplate {
    border-radius: 4px;
}

.core-notification-popup {
    height: 21px !important;
    max-height: 21px !important;
    width: 300px;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    padding-bottom: 10px !important;
    padding-top: 10px !important;
    padding-left: 5px !important;
    padding-right: 5px !important;
    background-color: #ccf0dc;
    border: #ccf0dc;
    font-family: 'Roboto Regular';
    font-size: 14px;
    color: #000000;
    text-align: left;
    white-space: nowrap !important;
}

.icon-close:hover {
    cursor: pointer;
}

.core-notification-popup > .icon-close {
    cursor: pointer !important;
    padding-right: 6px;
    color: green !important;
    font-size: 18px !important;
    font-weight: 900 !important;
    position: relative !important;
    bottom: -2px !important;
    text-decoration: none !important;
}

.core-display-none {
    display: none !important;
}

.coreInfoPanelEllipsis {
    width: 317px !important;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

#platform-orgbar {
    background: #EEEFEF !important;
    padding-left: 15px !important;
}

.k-i-calendar {
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    background-image: none;
    width: 15px;
    font-size: 16px;
    opacity: 1 !important;
    color: #0066CC !important;
}

    .k-i-calendar:before {
        content: "\f073";
    }

.k-calendar td.k-state-selected, .k-calendar .k-header .k-state-hover, .k-calendar .k-header td.k-today.k-state-hover {
    background-color: #0066CC !important;
}

.k-calendar .k-footer .k-nav-today {
    color: #0066CC !important;
}

.platform-icon-menu {
    color: #FFFFFF !important;
    font-size: 20px;
}

.k-textbox {
    font-family: "Roboto Regular" !important;
}

.k-multiselect .k-button {
    font-family: "Roboto Regular" !important;
}

.k-treelist-group td {
    font-family: "Roboto Regular" !important;
}

.projectAccordionStyle li span.k-header h4 {
    font-family: "Roboto Bold" !important;
}

.obsAccordianStyle li span.k-header h4 {
    font-family: "Roboto Bold" !important;
}

#selectProjectGrid .k-grid-content .k-virtual-scrollable-wrap {
    max-height: 280px !important;
}

/*Kendo column menu icon*/

.k-i-funnel, .k-filter {
    border-color: transparent !important;
    background-image: none;
    font-size: 16px;
}

input.duplicateIDError {
    border: #800000 2px solid !important;
    background: #E6CCCC !important;
}

/*Center Position for add/edit pages*/
.pageCenterAlign {
    padding: 10px 16px 16px 0px;
    width: 640px;
    margin-left: auto;
    margin-right: auto;
}

/*Error message position*/
.pure-u-1.pure-u-md-1-2.core-field-containers .core-label-error {
    margin-right: 15px;
    line-height: 1em !important;
}

/*Space between action icons*/
#core-context-menu .k-item > div, #core-context-menu1 .k-item > div {
    width: 0px;
    height: 20px;
    display: inline-block;
    border-left: 1px #C38D8D dotted !important;
    margin: 5px 15px 0px 15px;
}

/*Space between two buttons*/
.core-right-align .secondary-gray {
    margin-right: 20px;
}

/*Set container margin*/
.form-container-margin {
    margin: 0px -42px 0 -1em;
}

/*form pages having thumbnail*/
.page-with-thumbnail {
    width: 810px !important;
}

/*for margin top position*/
.marginTopZero {
    margin-top: 0px;
}

.core-align-right .secondary-blue {
    margin-right: 20px;
}

.core-multiselect-combobox {
    width: 324px !important;
}

.center-align {
    text-align: center !important;
}

.grid-expand {
    width: 235px !important;
}

.gridEllipsis {
    width: 210px !important;
    max-width: 210px !important;
    display: block !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
}

    .gridEllipsis.noMaxHeight {
        width: auto !important;
        max-width: 92% !important;
        display: block !important;
        overflow: hidden !important;
        text-overflow: ellipsis !important;
        white-space: nowrap !important;
    }

.popupHeader {
    margin-top: 0;
    margin-bottom: 30px !important;
    font-size: 16px !important;
}

#core-breadcrumbs-child .k-menu .k-item > .k-animation-container {
    top: 37px !important;
    border-width: 1px;
    border-color: #e6e6e6;
    box-shadow: 0 0 5px #e6e6e6;
    height: 231px !important;
}

#core-breadcrumbs-child .k-menu .k-item .k-animation-container .k-item > .k-grid {
    height: 181px !important;
}

#core-breadcrumbs-child .k-menu .k-item .k-animation-container .k-item .k-grid .k-grid-content > .k-scrollbar {
    height: 151px !important;
}

.columnPickerEllipsis {
    width: 95%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.k-menu .k-menu-group .k-item .k-textbox:hover {
    box-shadow: 0px 3px 3px #e6e6e6;
}

.k-menu .k-menu-group .k-item .k-textbox:focus {
    box-shadow: 0px 3px 3px #e6e6e6;
}
/*OBS Resolution */
.alignLabel {
    padding-bottom: 14px;
}

@media screen and (width: 1366px) {
    .alignLabel {
        padding-bottom: 0;
    }

    .obsAccordianStyle .work-plan-padding {
        padding-bottom: 0;
    }
}

.k-animation-container {
    max-width: 500px;
}

    .k-animation-container .ellipsis {
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
        pointer-events: auto;
    }

    .k-animation-container .k-widget.k-dropdown, .k-animation-container .k-textbox, .k-animation-container .k-widget.k-datepicker.k-header, .k-animation-container .k-widget.k-datetimepicker.k-header, .k-animation-container .k-widget.k-numerictextbox {
        width: 100%;
    }

.k-i-funnel, .k-filter:hover {
    color: #0066CC;
    opacity: 1 !important;
}

.k-i-funnel, .k-filter {
    color: #D4D4D4;
    opacity: 1 !important;
    background-image: none !important;
    background-position: center center !important;
}

.k-state-active .k-filter:before {
    /*color:#FFCC00;*/
    border-color: transparent !important;
    background-image: none !important;
    background-position: center center !important;
}

.k-i-funnel, .k-filter:before {
    content: "\e920";
    font-family: 'ineight' !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;
}

/* button used for dialog width */

.core-buttonWidth {
    max-width: 137px !important;
    text-overflow: ellipsis;
    overflow: hidden;
}

.error-label-message {
    text-align: right;
    word-break: break-all;
    float: right;
    font-weight: normal;
    padding-top: 0px;
    width: 300px;
}

.core-ellipsis-tab {
    text-align: initial !important;
    height: 41px !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    position: relative;
}

    .core-ellipsis-tab:after {
        content: '...';
        bottom: 1px;
        right: 0.5px;
        background: white;
        position: absolute;
    }

.k-widget.k-tooltip-error {
    border: 2px solid #CC0000 !important;
    color: #CC0000 !important;
    width: 250px;
}

.k-tooltip-error {
    border: 2px solid #CC0000 !important;
    color: #CC0000 !important;
    width: 250px;
}

    .k-tooltip-error:after {
        border-color: transparent transparent #CC0000 #CC0000;
        transform-origin: 0 0;
        transform: rotate(-45deg);
        box-shadow: -3px 5px 5px 0 rgba(0, 0, 0, 0.4);
    }

.k-tooltip-error-content {
    color: #CC0000 !important;
}

.k-icon.k-i-collapse, .k-icon.k-i-expand {
    height: 20px;
    width: 20px;
    opacity: 100 !important;
    background-size: 400px;
}

.k-icon.k-i-collapse {
    background-position: 0px -264px;
}

.k-icon.k-i-expand {
    background-position: 0px -225px;
}

.core-dialog-button-area {
    max-width: 75%;
    margin-left: 25%;
}

.core-common-ellipsis, .comboboxWidth300, .comboboxWidth640, .productAppText, .dropdownWidth110, .productContentText, .comboboxWidthAccordion {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

.underline, .underline:hover {
    color: #0066CC !important;
    text-decoration: underline !important;
}

.dropdownWidth110 {
    width: 110px !important;
}

.comboboxWidth300 {
    width: 270px !important;
}

.comboboxWidth640 {
    width: 610px !important;
}

.comboboxWidthAccordion {
    width: 265px !important;
}

.k-filter-item > .k-animation-container {
    width: 500px !important;
}
/*Grid Resize*/
.resizer {
    float: left;
    position: absolute;
    right: 0;
    top: 0;
    height: 100%;
    width: 3px;
    background-color: transparent;
    cursor: col-resize;
}
/*Core common Tab Styles*/
#core-tabs li a, #core-tabs li .text {
    padding: 0px 12px !important;
    display: block !important;
    overflow: hidden !important;
    white-space: initial !important;
    max-width: 260px !important;
    min-width: 160px;
    text-align: center !important;
    text-overflow: initial !important;
}

#core-tabs li {
    text-overflow: initial !important;
    min-width: 160px !important;
    max-width: 260px !important;
}

    #core-tabs li:last-child {
        float: right !important;
    }

        #core-tabs li:last-child #txtSearch {
            position: relative !important;
        }

.pure-u-md-1-2.core-field-containers {
    height: 55px;
}

.core-dialog .core-field-containers {
    padding-left: 5px;
}

.core-nested-grid-container:not(.optionalgrid) > li {
    left: 0;
}

/*Common css for estimating resources*/

.estimatingResources ul#core-tabs li {
    padding: 0px 12px 0px 12px;
    position: relative;
    display: inline-block !important;
    overflow: hidden;
    border-top: 0px !important;
    bottom: -1px;
}

.estimatingResources ul#core-tabs {
    position: relative;
    display: block !important;
    box-shadow: 0 3px 3px rgba(153,153,153,0.35);
}

    .estimatingResources ul#core-tabs li > a {
        line-height: normal;
    }

    .estimatingResources ul#core-tabs li span.liner {
        display: list-item !important;
    }

    .estimatingResources ul#core-tabs li > a, .estimatingResources ul#core-tabs li > .text {
        padding: 0px !important;
        display: table-cell !important;
        vertical-align: middle;
        height: 50px;
        text-align: center !important;
        max-width: 136px !important;
        min-width: 136px;
    }

    .estimatingResources ul#core-tabs li:last-child {
        position: absolute !important;
        overflow: visible;
        right: 0px;
        padding-right: 20px;
        top: 4px;
    }

        .estimatingResources ul#core-tabs li:last-child .fa-search, .estimatingResources ul#core-tabs li:last-child .fa-exclamation-triangle {
            right: 30px !important;
            top: 14px !important;
        }

.disabledText {
    opacity: 0.4;
}

.applyEllipsis {
    overflow: hidden !important;
    white-space: nowrap !important;
    text-overflow: ellipsis !important;
}

.noCursor {
    color: rgba(0, 0, 0, 0.4);
    cursor: not-allowed;
}

.menu-disable {
    color: rgba(0, 0, 0, 0.4);
    cursor: default;
}

.estimatingResources ul#core-tabs li:not(:last-child) {
    width: auto !important;
}

@media screen and (min-width: 1441px) and (max-width: 1920px) {
    .estimatingResources ul#core-tabs li > a {
        max-width: 264px !important;
    }
}

/*ellipsis for switch button*/
.km-switch-label-on, .km-switch-label-off {
    max-width: 100px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.km-switch-label-off {
    width: 55px;
}

.km-switch-label-on {
    text-indent: 8px;
}

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

.pop_btn .secondary-blue, .pop_btn .primary-blue {
    margin-left: 20px;
}
/*Common code moved from indiviual pages*/
.custom-ng-invalid {
    border: 1px solid #800000 !important;
    background-color: #e6cccc !important;
}

h3.quick-panel-header {
    font-family: 'Roboto Regular' !important;
    font-size: 12px;
}

.assigment {
    margin-top: -5px;
    margin-left: 2px;
}

.viewFlatMenu {
    float: right !important;
    text-align: right;
    font-size: 13px;
    font-weight: normal;
    font-family: 'Roboto Regular';
}

input.core-invalid-overwrite,
.ng-invalid span, .core-invalid-overwrite span {
    box-shadow: none !important;
}

.k-state-selected .k-i-arrow-s {
    background-position: 0px -32px;
}

/*For column management popup in AssignEmployee/Equipment Dialog*/
.k-animation-container .core-column-picker-list.pop-up-grid {
    right: calc(100% - 18px) !important;
    position: absolute !important;
    box-sizing: border-box;
    width: 200px !important;
    min-width: 200px;
}

ul.core-column-picker-list.k-popup.k-group.k-reset + .k-animation-container {
    width: 200px !important;
}

.equipment-info-container h4 {
    font-family: 'Roboto Bold' !important;
}

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

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

.core-ellipsis-tooltip-override {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}
/*Project Case case header style*/
.project-equipment-cascade-header {
    background-color: #f2f2f2;
    padding-left: 20px;
    padding-right: 20px;
    height: 36px;
    line-height: 36px;
    font-size: 16px;
    font-family: "Roboto Bold";
    clear: both;
}

    .project-equipment-cascade-header > div:first-child {
        float: left;
        width: calc(75% - 10px);
    }

    .project-equipment-cascade-header > div:last-child {
        float: right;
        width: calc(25% - 10px);
    }
/*Control Custom Field values styles*/
#ControlCustomFieldValues .settings-group-header {
    font-family: 'Roboto Regular', "Segoe UI", Verdana, Helvetica, Sans-Serif;
    color: #333333;
    font-size: 24px;
    padding: 0px 0px 4px 0px;
    margin: 0px 0px 30px 0px;
    border-bottom: solid 1px #000;
    width: 640px !important;
    display: inline-block;
    clear: both;
}

    #ControlCustomFieldValues .settings-group-header:first-child {
        margin-top: 0px;
    }

#ControlCustomFieldValues .settings-group-row {
    width: 640px;
    clear: both;
    float: left;
    margin-bottom: 40px;
}

    #ControlCustomFieldValues .settings-group-row:first-child {
        width: 640px;
        clear: both;
        float: left;
        margin-bottom: 0px;
    }

#ControlCustomFieldValues .settings-group-cell50 {
    display: inline-block;
    width: 300px;
    position: relative;
}

#ControlCustomFieldValues .settings-group-row input[type="button"] {
    margin-left: 20px;
}

#ControlCustomFieldValues .core-ellipsis-non {
    text-align: initial !important;
    height: 24px !important;
    line-height: 1 !important;
    position: relative;
}

.core-panel-containers .icon-close {
    color: #333333;
    font-size: 12px !important;
}
/*No data found for dropdowns multiselect and combobox*/
.k-list-container.k-popup.k-group.k-reset .k-nodata.ng-scope:not(.customACS):not(.emptyCraftMsg):not(.show-nodata-text) {
    display: none !important;
}

/*Title ellipsis directive styles*/
.title-ellipsis {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
/* styles for the _AddEditUser.html page is moved here from the html page for better performance*/
#guestUserContainer .k-multiselect-wrap.k-floatwrap .k-button .k-icon.k-i-close {
    display: block !important;
    margin-top: 2px;
}

#guestUserContainer #step-menu {
    height: auto;
}

#guestUserContainer .table {
    display: table;
    margin: 0 auto;
}

#guestUserContainer ul#step-list {
    display: flex;
    list-style: none;
    padding-left: 0px;
}

#guestUserContainer .step-connector {
    border-color: #0066CC;
    display: block;
    width: 100px;
}

#guestUserContainer .step-circle {
    border-radius: 50% !important;
    height: 40px;
    width: 40px;
    background: #0066CC;
    color: #fff;
    padding-top: 11px;
    text-align: center;
}

#guestUserContainer .header {
    font-family: "Roboto Bold" !important;
    font-size: 16px !important;
}

#guestUserContainer .bodyText {
    font-family: "Roboto Regular" !important;
    font-size: 14px !important;
}

#guestUserContainer .k-widget.k-dropdown {
    border: solid 1px silver;
}

#guestUserContainer span.k-dropdown span.k-input {
    background: white !important;
}

#guestUserContainer span.k-dropdown span.k-select {
    background: white !important;
}

#guestUserContainer .pure-u-md-1-2 {
    width: auto;
    margin-right: 26px;
}

#guestUserContainer .step1Details .core-label-error {
    float: none !important;
}

#guestUserContainer #assignUnassignUserProjectRoleDialogAssignUserRoleForm .core-field-container .scrollWrap .core-label-error {
    width: 100% !important;
}

#guestUserContainer .rolesContainer {
    height: 250px;
    width: 100%;
    overflow-y: auto;
    overflow-x: hidden;
}

#guestUserContainer .step1Details, .step2Roles, .step3Contact {
    min-height: 330px;
    position: relative;
    max-height: 330px;
}

#guestUserContainer .pop_btn {
    float: right;
    bottom: 0;
    right: 0px;
    position: absolute;
}

#guestUserContainer .k-textbox.ng-binding {
    border: 0;
    margin: 5px 0 0 0;
}

#guestUserContainer .step3Contact input.k-textbox.ng-pristine.ng-invalid.ng-invalid-required.ng-valid-maxlength.ng-touched, .step3Contact span.k-widget.k-combobox.k-header.ng-pristine.ng-untouched.ng-valid.k-combobox-clearable {
    width: 300px !important;
    padding: 0 !important;
    margin: 0 !important;
}

#guestUserContainer .roleOrgTree {
    float: left;
    width: 98% !important;
}

    #guestUserContainer .roleOrgTree.ng-pristine.ng-untouched.ng-isolate-scope.ng-invalid.ng-invalid-required,
    #guestUserContainer .roleOrgTree.ng-untouched.ng-isolate-scope.ng-valid-duplication.core-invalid-overwrite.ng-dirty.ng-valid.ng-valid-required,
    #guestUserContainer .roleOrgTree.ng-untouched.ng-isolate-scope.core-invalid-overwrite.ng-dirty.ng-valid.ng-valid-required,
    #guestUserContainer .roleOrgTree.ng-untouched.ng-isolate-scope.core-invalid-overwrite.ng-dirty.ng-valid-required.ng-invalid.ng-invalid-duplication {
        float: left;
        width: 98%;
    }

#guestUserContainer .core-label-top {
    top: 0.7em !important;
}

#guestUserContainer .rolesContainer tr td {
    padding-bottom: 40px;
}

#guestUserContainer .roleDropDown {
    width: 340px;
}

#guestUserContainer .circle-inactive-style {
    color: #0066CC;
    background-color: white;
    padding-top: 11px;
    border: 1px solid #0066CC;
}

#guestUserContainer .circle-text-style {
    padding: 0px 8px 8px 8px !important;
    color: #0066CC;
    border: none !important;
    display: block;
}

#guestUserContainer div.hg-node {
    letter-spacing: 0px;
}

#guestUserContainer i.hg-icon {
    padding-right: 5px;
}

#guestUserContainer div.hg-combobox {
    width: 100% !important;
    font-family: Roboto Regular;
}

    #guestUserContainer div.hg-combobox .organizationCombo {
        width: calc(100% - 33px) !important;
    }

#guestUserContainer .hg-dropdown-container .hg-grid {
    width: 100% !important;
    font-family: Roboto Regular;
    top: 2px;
    z-index: 9999 !important;
}

#guestUserContainer .pure-g .form-container-margin .scrollable {
    overflow-y: auto;
}

#guestUserContainer .stepTable tr td {
    padding: 0px 5px 0px 5px !important;
}

#guestUserContainer .stepTableText tr td {
    padding: 0px 10px !important;
    vertical-align: top;
}

#guestUserContainer .step1Details .scrollable {
    height: 285px !important;
    margin-right: 0px;
}

#guestUserContainer .step3Contact .scrollable {
    height: 330px !important;
}

#guestUserContainer .core-label-error {
    margin-right: 10px !important;
}
/* AssignGuestUser html css styles end */
/* moved the following css from the Employees.html [project]*/
#projectEmployeeContainer .employee-grid .core-grid-error-icon {
    margin-top: 10px;
    font-size: 16px;
    position: absolute;
    display: none;
    z-index: 10000;
    left: 0px !important;
    position: inherit !important;
}

#projectEmployeeContainer #employeeGrid .core-grid-error-icon {
    font-size: 16px;
    position: absolute;
    z-index: 10000;
}

#projectEmployeeContainer #employeeGrid > .k-grid-content > .k-grid-norecords-template {
    position: absolute !important;
}

#projectEmployeeContainer #employeeGrid .overwriteIconStyle {
    margin-right: 22px !important;
}

#projectEmployeeContainer .employee-grid .k-edit-cell .k-combobox + .core-grid-error-icon,
#projectEmployeeContainer .employee-grid .k-edit-cell .k-datepicker + .core-grid-error-icon {
    display: none !important;
}

#projectEmployeeContainer .employee-grid .k-edit-cell .k-combobox.k-invalid + .core-grid-error-icon,
#projectEmployeeContainer .employee-grid .k-edit-cell .k-datepicker.k-invalid + .core-grid-error-icon {
    display: table-cell !important;
    font-size: 16px;
    z-index: 10000;
    padding-top: 10px;
    padding-left: 2px;
}

#projectEmployeeContainer .employee-grid .k-edit-cell .k-combobox.k-invalid,
#projectEmployeeContainer .employee-grid .k-edit-cell .k-datepicker.k-invalid {
    display: table-cell !important;
}

#projectEmployeeContainer #employeeGrid {
    max-height: calc(100% - 71px);
}

#projectEmployeeContainer .kDatePicker > span {
    padding-right: 0;
}

#projectEmployeeContainer #core-tabs li a {
    min-width: 72px;
}

/*Grid inline edit error column background color*/
#projectEmployeeContainer .k-grid .k-edit-cell .k-combobox.k-invalid > span > span,
#projectEmployeeContainer .k-grid .k-edit-cell .k-combobox.k-invalid > span > span > input,
#projectEmployeeContainer .k-grid .k-edit-cell .k-combobox.k-invalid input,
#projectEmployeeContainer .k-grid .k-edit-cell .k-numerictextbox.k-invalid input,
#projectEmployeeContainer .k-grid .k-edit-cell .k-datepicker.k-invalid input,
#projectEmployeeContainer .k-grid .k-edit-cell .kDatePicker.k-invalid > span {
    background-color: #E6CCCC;
}

#projectEquipmentGrid.k-grid tr td.platform-editable-cell .k-picker-wrap {
    padding: 0;
}

#projectEquipmentGrid.k-grid tr td.platform-editable-cell .k-datepicker {
    display: table-cell !important;
    width: 100%;
}

#projectEquipmentGrid .platform-editable-cell .core-grid-error-icon {
    color: #ffffff;
    display: none;
}

    #projectEquipmentGrid .platform-editable-cell .core-grid-error-icon.k-invalid {
        color: #800000;
        display: table-cell !important;
        font-size: 16px !important;
        z-index: 10000;
        padding-top: 10px;
        padding-left: 2px;
        float: none;
        padding-right: 2px;
    }

#projectEquipmentGrid.k-grid tr td.platform-editable-cell .k-datepicker .k-invalid input,
#projectEquipmentGrid.k-grid tr td.platform-editable-cell .k-datepicker.k-invalid > span > input {
    background-color: #e6cccc !important;
}

#projectEquipmentGrid.k-grid tr td.platform-editable-cell .k-datepicker.k-invalid > span.k-picker-wrap {
    padding: 0px;
}

.core-left-ellipsis {
    direction: rtl;
    text-align: left;
}

.k-animation-container > div.first, .k-animation-container.first {
    width: 218px !important;
    left: auto !important;
}

.infoIcon {
    vertical-align: top;
}

.k-menu .k-animation-container .k-menu-group {
    padding: 15px 0;
}

.k-menu .k-item > .k-link > .k-i-arrow-e {
    right: 10px;
}

.table-cell-history {
    display: table-cell;
    width: 48px;
    padding: 10px;
    line-height: 1.5;
    vertical-align: top;
    height: 40px;
}

.tableCellBorder {
    border-right: 1px solid #ddd;
    border-left: 1px solid #ddd;
    width: 218px !important;
    height: 40px;
}

.orgLevelWidth {
    width: 340px !important;
}

.table-bordered {
    border-top: 0;
    position: relative;
}

.settings-table-history {
    display: block;
    table-layout: fixed;
    margin-bottom: 0;
    float: left;
    width: 100%;
}

.selectedHistoryRow {
    background-color: rgba(0, 102, 204, 0.1) !important;
}

.column-Header {
    height: 30px;
    font-family: 'Roboto Bold';
    font-size: 12px;
    background-color: #F2F2F2;
    border-top: 1px solid #ddd;
}

.inputRow {
    height: 40px;
    background-color: #F2F2F2;
}

.icon-delete-icon:before {
    content: "\e831";
    color: #800000;
}
/* Start Sidenav Style */

.OuterContainer {
    min-height: 30px;
    max-height: 83px;
    float: left;
    background: #fff;
    border: 1px solid #ddd;
    overflow: hidden;
    width: 100%;
    margin-right: 10px;
}

.OuterDiv {
    height: 210px;
    /*min-height: 255px;*/
    float: left;
    background: #fff;
    border: 1px solid #ddd;
    overflow-y: auto;
    width: 100%;
    margin-right: 10px;
    overflow-x: hidden;
    border-bottom: 5px solid #DDDDDD;
    border-top: none;
}

.sidePanelCustomFields {
    width: 400px !important;
}

/* Account code sidepanel */

.accountCodeSidenav.sidenav h4 {
    align-items: center;
    display: flex;
    font-size: 14px;
    height: 30px;
    justify-content: flex-start;
    margin: 10px 0 5px;
}

.accountCodeSidenav.sidenav .sidenav-innerbody .sidenav-content {
    height: calc(100% - 100px);
    overflow: auto;
    padding-right: 10px;
}

.accountCodeSidenav.sidenav .core-field-containers {
    margin: 0 0 30px 0;
    padding: 0;
    width: 100%;
    display: inline-block;
}

    .accountCodeSidenav.sidenav .core-field-containers .core-faux-combobox {
        width: 100% !important;
    }

.accountCodeSidenav.sidenav .accountSlideRow {
    margin: 0 0 15px 0;
    width: 100%;
    display: inline-block;
}

    .accountCodeSidenav.sidenav .accountSlideRow .slideRowContent {
        text-align: justify;
        margin-bottom: 5px;
    }

    .accountCodeSidenav.sidenav .accountSlideRow .bordered {
        border: 1px solid #ddd;
        min-height: 90px;
        padding: 10px;
        overflow: auto;
        max-height: 90px
    }

    .accountCodeSidenav.sidenav .accountSlideRow .rowTitle {
        font-size: 12px;
        margin-bottom: 0px;
    }

.accountCodeSidenav.sidenav .sidenav-innerbody .btn-div {
    width: 100%;
}

/* End Account code sidepanel */

#sidenav.open {
    right: 0;
}

.sidenav {
    border: none;
    height: calc(100% - 2vh);
    position: fixed;
    overflow: hidden;
    right: -400px;
    top: 170px;
    transition-duration: .25s;
    transition-property: right;
    transition-timing-function: ease-in-out;
    width: 405px;
    z-index: 1;
}

.accountCodeSidenav {
    top: 80px;
}

.accountCodeSidenav.sidenav .sidenav-innerbody {
    height: calc(100vh - 112px);
}
    .sidenav h4 {
        font-family: 'Roboto Bold' !important;
        font-size: 16px;
        margin-top: 0;
        margin-bottom: 30px;
        color: #333 !important;
    }

    .sidenav
    .icon-close {
        position: absolute;
        right: 5px;
        top: 5px;
    }

    .sidenav
    .info-text {
        clear: both;
        display: inline-block;
        margin-top: 30px;
    }

        .sidenav .info-text
        p {
            float: left;
            max-width: 340px;
        }

    .sidenav .sidenav-innerbody {
        background: white;
        border-top: 1px solid #ccc;
        box-shadow: 0 0 5px rgba(0,0,0,.35);
        height: calc(100vh - 117px);
        margin-left: 5px;
        padding: 20px 20px 0;
        position: relative;
    }

        .sidenav .sidenav-innerbody
        .sidenav-content {
            height: calc(100% - 100px);
        }

            .sidenav .sidenav-innerbody .sidenav-content
            .OuterContainer {
                margin-left: 0;
                width: 330px !important;
            }

                .sidenav .sidenav-innerbody .sidenav-content .OuterContainer
                .settings-table-history {
                    margin-bottom: 0;
                    margin-left: 0;
                    width: 330px !important;
                }

            .sidenav .sidenav-innerbody .sidenav-content
            .OuterDiv {
                height: calc(100vh - 377px) !important;
                margin-left: 0;
                width: 330px !important;
            }

            .sidenav .sidenav-innerbody .sidenav-content
            .info-text {
                margin-top: 25px;
            }

        .sidenav .sidenav-innerbody .btn-div {
            bottom: 0px;
            clear: both;
            float: none;
            height: 100px;
            padding: 30px 0;
            position: relative;
            text-align: right;
            width: 100%;
        }

            .sidenav .sidenav-innerbody .btn-div
            input {
                margin: 5px 0;
                max-width: 110px;
            }

                .sidenav .sidenav-innerbody .btn-div
                input:first-child {
                    margin-right: 20px;
                }

                .sidenav .sidenav-innerbody .btn-div
                input:only-child {
                    margin-right: 0;
                }

/* End Sidenav Style */

.levelUpStyles {
    color: #06c;
    font-size: 20px;
    margin-left: 10px;
    cursor: pointer;
    vertical-align: bottom;
}

.kendoTooltipInnerStyle {
    color: #474545;
}

    .kendoTooltipInnerStyle span {
        color: #333;
        font-weight: bold;
    }

.k-animation-container .k-calendar-container {
    width: 229px;
}

.inline-validation {
    color: #800000;
    font-size: 16px;
    margin-left: 3px;
    display: inline-block;
    vertical-align: middle;
    margin-top: 8px;
}

.account-code-color-pattern-level-1 {
    background-color: rgba(204, 0, 0, 0.45);
}

.account-code-color-pattern-level-2 {
    background-color: rgba(0, 122, 56, 0.35);   
}

.account-code-color-pattern-level-3 {
    background-color: rgba(0, 128, 188, 0.45);
}

.account-code-color-pattern-level-4 {
    background-color: rgba(102, 0, 51, 0.45);
}

.account-code-color-pattern-level-5 {
    background-color: rgba(186, 120, 25, 0.45);
}

.account-code-color-pattern-level-6 {
    background-color: rgba(33, 49, 186, 0.45);
}

.account-code-color-pattern-level-7 {
    background-color: rgba(131, 159, 3, 0.45);
}

.account-code-color-pattern-level-8 {
    background-color: rgba(153, 153, 153, 0.45);
}

.account-code-color-pattern-level-9 {
    background-color: rgba(127, 47, 0, 0.45);
}

.account-code-color-pattern-level-10 {
    background-color: rgba(147, 40, 186, 0.45);
}

.account-code-color-pattern-level-11 {
    background-color: rgba(0, 179, 21, 0.35);
}

.terminal-account-code-color-pattern-level-1 {
    color: rgba(204, 0, 0, 0.25);
}

.terminal-account-code-color-pattern-level-2 {
    color: rgba(0, 128, 188, 0.25);
}

.terminal-account-code-color-pattern-level-3 {
    color: rgba(0, 122, 56, 0.15);
}

.terminal-account-code-color-pattern-level-4 {
    color: rgba(102, 0, 51, 0.25);
}

.terminal-account-code-color-pattern-level-5 {
    color: rgba(186, 120, 25, 0.25);
}

.terminal-account-code-color-pattern-level-6 {
    color: rgba(33, 49, 186, 0.25);
}

.terminal-account-code-color-pattern-level-7 {
    color: rgba(131, 159, 3, 0.25);
}

.terminal-account-code-color-pattern-level-8 {
    color: rgba(153, 153, 153, 0.25);
}

.terminal-account-code-color-pattern-level-9 {
    color: rgba(127, 47, 0, 0.25);
}

.terminal-account-code-color-pattern-level-10 {
    color: rgba(147, 40, 186, 0.25);
}

.terminal-account-code-color-pattern-level-11 {
    color: rgba(0, 179, 21, 0.15);
}

.color-coded-list-primary-color-level-1 {
    background-color: rgba(204, 0, 0, 0.45);
}

.color-coded-list-primary-color-level-2 {
    background-color: rgba(0, 122, 56, 0.35);    
}

.color-coded-list-primary-color-level-3 {
    background-color: rgba(0, 128, 188, 0.45);
}

.color-coded-list-primary-color-level-4 {
    background-color: rgba(102, 0, 51, 0.45);
}

.color-coded-list-primary-color-level-5 {
    background-color: rgba(186, 120, 25, 0.45);
}

.color-coded-list-primary-color-level-6 {
    background-color: rgba(33, 49, 186, 0.45);
}

.color-coded-list-primary-color-level-7 {
    background-color: rgba(131, 159, 3, 0.45);
}

.color-coded-list-primary-color-level-8 {
    background-color: rgba(153, 153, 153, 0.45);
}

.color-coded-list-primary-color-level-9 {
    background-color: rgba(127, 47, 0, 0.45);
}

.color-coded-list-primary-color-level-10 {
    background-color: rgba(147, 40, 186, 0.45);
}

.color-coded-list-primary-color-level-11 {
    background-color: rgba(0, 179, 21, 0.35);
}

.color-coded-list-secondary-color-level-1 {
    background-color: rgba(204, 0, 0, 0.25) !important;
}

.color-coded-list-secondary-color-level-2 {
    background-color: rgba(0, 122, 56, 0.15) !important;
}

.color-coded-list-secondary-color-level-3 {
    background-color: rgba(0, 128, 188, 0.25) !important;
}

.color-coded-list-secondary-color-level-4 {
    background-color: rgba(102, 0, 51, 0.25) !important;
}

.color-coded-list-secondary-color-level-5 {
    background-color: rgba(186, 120, 25, 0.25) !important;
}

.color-coded-list-secondary-color-level-6 {
    background-color: rgba(33, 49, 186, 0.25) !important;
}

.color-coded-list-secondary-color-level-7 {
    background-color: rgba(131, 159, 3, 0.25) !important;
}

.color-coded-list-secondary-color-level-8 {
    background-color: rgba(153, 153, 153, 0.25) !important;
}

.color-coded-list-secondary-color-level-9 {
    background-color: rgba(127, 47, 0, 0.25) !important;
}

.color-coded-list-secondary-color-level-10 {
    background-color: rgba(147, 40, 186, 0.25) !important;
}

.color-coded-list-secondary-color-level-11 {
    background-color: rgba(0, 179, 21, 0.15) !important;
}

.removeHistoryBoxStyle {
    padding: 10px;
    display: table-cell;
    text-align: center;
    vertical-align: bottom;
}

/*Vendor Dropdownlist*/
#vendorList-list .k-loading-item {
    display: none;
}

#vendorList-list li.k-virtual-item {
    border: none;
}

/*Grid Styling */
#vendorList-list .k-virtual-item.k-item {
    border-bottom: 1px solid #dddddd;
    padding-bottom: 0px !important;
    padding-top: 0px !important;
}

/*Cost center Dropdownlist*/
#costCenterList-list .k-loading-item {
    display: none;
}

#costCenterList-list li.k-virtual-item {
    border: none;
}

/*Cost center Grid Styling */
#costCenterList-list .k-virtual-item.k-item {
    border-bottom: 1px solid #dddddd;
    padding-bottom: 0px !important;
    padding-top: 0px !important;
}

/*Supervisor  Dropdownlist*/
#supervisorList-list .k-loading-item, #employeeList-list .k-loading-item {
    display: none;
}

#supervisorList-list li.k-virtual-item, #employeeList-list li.k-virtual-item {
    border: none;
}

/*Supervisor Grid Styling */
#supervisorList-list .k-virtual-item.k-item, #employeeList-list .k-virtual-item.k-item {
    border-bottom: 1px solid #dddddd;
    padding-bottom: 0px !important;
    padding-top: 0px !important;
}

/*Union  Dropdownlist*/
#unionList-list .k-loading-item {
    display: none;
}

#unionList-list li.k-virtual-item {
    border: none;
}

/*Union Grid Styling */
#unionList-list .k-virtual-item.k-item {
    border-bottom: 1px solid #dddddd;
    padding-bottom: 0px !important;
    padding-top: 0px !important;
}

.headerClass {
    height: 28px;
    background-color: #f1efef;
    text-indent: 10px;
}

    .headerClass:nth-child(odd) td:first-child {
        border-right: 1px solid #dddddd;
    }

    .headerClass tr td:first-child {
        width: 41.5%;
    }

.itemClass:nth-child(odd) td:first-child {
    border-right: 1px solid #dddddd;
}

.itemClass {
    height: 100%;
    text-indent: 10px;
}

.Comboboxspinner {
    background-size: 40px;
}

/* To hide dropdown Arrow */
.hideArrow .k-select {
    display: none;
}

.hideArrow .k-dropdown-wrap {
    padding: 0 0 0 0;
}

/*Hint for Vendor Dropdown for Modal Popups*/
.core-label-helpVendor {
    font-family: 'Roboto Regular', "Segoe UI", Verdana, Helvetica, Sans-Serif;
    font-weight: normal;
    font-style: italic;
    font-size: 12px;
    color: #999;
    margin-top: 5px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 300px;
}

input.historyPlaceHolderStyle:-ms-input-placeholder { /* IE 10+ */
    color: #9999;
    font-style: italic;
    font-family: 'Roboto Regular';
}

input.historyPlaceHolderStyle::-webkit-input-placeholder { /* Chrome/Opera/Safari */
    color: #9999;
    font-style: italic;
    font-family: 'Roboto Regular';
}

.disableIcon {
    cursor: not-allowed !important;
    opacity: 0.5;
}

.span-addedituser, .span-addeditorganization {
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: inline-block;
}

.notificationText {
    text-decoration: none;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    width: 268px !important;
    display: inline-block;
    vertical-align: text-bottom;
}

.k-animation-container .k-column-menu .k-animation-container .k-menu-group.k-popup {
    max-width: 500px;
}

/*Setting Info panel position*/

span.action-link, span.action-link:hover {
    color: #0066CC;
    cursor: pointer;
    text-decoration: none;
}

.infoPanel .core-quick-view-detail table tr td {
    padding: 3px;
}

    .infoPanel .core-quick-view-detail table tr td:first-child {
        width: 50%;
    }

    .infoPanel .core-quick-view-detail table tr td:nth-child(2) {
        width: 20%;
    }

.infoPanel .details-div .dataimg {
    float: left;
    margin-bottom: 10px;
    margin-right: 10px;
    max-width: 100px;
}

.infoPanel .details-div .info-title {
    margin-top: 0;
}

.infoPanel .core-table-double-line {
    max-width: 317px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
    word-break: break-all;
    max-height: 52px !important;
    height: auto !important;
    line-height: 26px !important;
}

.infoPanel .core-ellipsis:after {
    background: #efefef;
}

.core-display-inline {
    display: inline;
}

#organizationList .core-lable-combobox:hover, .organization-dropdown:hover {
    box-shadow: 0 2px 5px rgba(102,102,102,0.35) !important;
}
/*Below changes are part of bug #405877(Overridden Kendo behaviour)*/
.k-state-selected {
    box-shadow: none;
}

/*Common style for top and bottom for info panel and grid for new nav pages*/
.common-infopanel {
    top: 86px;
    bottom: 30px !important;
}

.common-grid-top {
    top: 85px !important;
}

.k-calendar .k-header .k-link.k-state-disabled {
    color: #fff !important;
    text-align: center !important;
    opacity: 1;
}

.k-menu .k-menu-group .k-calendar-container {
    white-space: normal;
}

/* |------------------------------------------------------------------------------------!
   |------------------------------------- ACS-Layout -----------------------------------!
   |------------------------------------------------------------------------------------! */
.acs-info-panel {
    box-shadow: 0 0 5px rgba(0,0,0,.35);
    border-top: 1px solid #ccc;
    bottom: 30px;
    background: #fff;
    position: absolute;
    right: 0;
    top: 120px;
    width: 340px;
}

    .acs-info-panel .acs-info-panel-innerbody,
    .acs-info-panel .acs-info-panel-innerbody-audit {
        background: white;
        border: none;
        height: 100%;
        overflow: hidden;
        padding: 20px 20px 30px;
    }

        .acs-info-panel .acs-info-panel-innerbody .acs-chat-history {
            height: calc(100% - 265px);
        }

    .acs-info-panel .acs-info-panel-innerbody-audit {
        height: calc(100% - 30px);
    }

    .acs-info-panel h4 {
        color: #333333;
        font-size: 16px;
        font-family: Roboto bold !important;
        margin-top: 0;
    }

    .acs-info-panel .acs-info-panel-innerbody .warning-icon {
        display: inline-flex;
        height: 32px;
    }

        .acs-info-panel .acs-info-panel-innerbody .warning-icon .icon-warn {
            color: rgb(255, 204, 0);
            font-size: 19px;
            display: table-cell;
            vertical-align: top;
            padding-right: 10px;
        }

        .acs-info-panel .acs-info-panel-innerbody .warning-icon #slideheader {
            font-style: italic;
            vertical-align: top;
            width: 250px !important;
        }

    .acs-info-panel .acs-info-panel-innerbody .staging-text-count {
        float: right;
        font-family: Roboto Bold;
        margin-top: 15px;
    }

    .acs-info-panel .acs-chat-history {
        margin-top: 30px;
        overflow-y: auto;
        border: 1px solid #dbdede;
        padding: 10px;
        border-radius: 1px;
        width: 100%;
        overflow-x: hidden;
        height: calc(100% - 20px);
    }

.acs-chat-type {
    margin-top: 5px;
    width: 100%;
    height: 70px;
    border: 1px solid #CCCCCC;
    color: #333333;
    font-family: Roboto Regular;
    font-size: 12px;
    padding: 10px 5px;
    resize: none;
    overflow-x: hidden !important;
}

    .acs-chat-type::placeholder {
        font-style: italic;
        color: #999999;
        font-size: 10px;
    }

    .acs-chat-type:-ms-input-placeholder {
        font-style: italic;
        color: #999999;
        font-size: 10px;
    }

/*.ineight-warning-banner div:first-child:not(.contextMenu) {
    // removed as per below story requirement
    // 578912 - Information bar in Account Code staging section update/fix.
    background-color: #FEF5CC;
}*/
#warningContainer {
    text-align: center;
    margin: 10px 0;
    height: 40px;
    background: #FEF5CC;
    padding: 2px 20px;
}

    #warningContainer .core-warning-content {
        font-size: 28px;
        vertical-align: middle;
        padding-right: 10px;
        color: #ffcc00;
    }

    #warningContainer .core-warning-txt {
        color: #000;
        display: inline-block;
        font-size: 14px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        min-width: 15%;
        max-width: 91%;
        vertical-align: middle;
    }

    #warningContainer .core-right-link {
        display: inline-block;
        float: right;
        margin-top: 8px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        vertical-align: middle;
        width: 5%;
    }

        #warningContainer .core-right-link a {
            font-size: 14px;
            color: #0066cc;
            text-decoration: underline !important;
        }

.core-cancel-icon {
    font-size: 18px;
    color: #333333;
    opacity: 0.40;
    margin-top: -2px;
    float: right;
    height: auto !important;
}

.settings-table {
    font-family: Roboto Regular;
}

/* ACS Grid Syles */

#acsGrid table .icon-warning {
    color: #ffcc66;
    font-size: 16px;
    float: right;
    padding: 0 8px;
}

/* End ACS Grid Syles */

/* |------------------------------- addEmployeeForm-form -------------------------------| */
.addemployeepage-form .chkbox-div {
    padding-left: 0;
    padding-top: 10px;
    width: 65%;
}

    .addemployeepage-form .chkbox-div .core-label {
        vertical-align: top;
        white-space: normal;
        width: 277px;
    }

.addemployeepage-form .certificationDetails-div .certificationDetails-content {
    width: 100%;
}

    .addemployeepage-form .certificationDetails-div .certificationDetails-content .certificate-flex .certificatetable-header {
        align-items: flex-end;
    }

    .addemployeepage-form .certificationDetails-div .certificationDetails-content .certificate-flex .certificatetable-header,
    .addemployeepage-form .certificationDetails-div .certificationDetails-content .certificate-flex .certificatetable-body {
        display: flex;
    }

    .addemployeepage-form .certificationDetails-div .certificationDetails-content .certificate-flex .certificatetable-body {
        margin-bottom: 15px;
        min-height: 60px;
        padding: 5px 0;
    }

    .addemployeepage-form .certificationDetails-div .certificationDetails-content .certificate-flex .tableheader-col,
    .addemployeepage-form .certificationDetails-div .certificationDetails-content .certificate-flex .flexbody-col {
        padding-right: 10px;
    }

    .addemployeepage-form .certificationDetails-div .certificationDetails-content .certificate-flex .header-col-1,
    .addemployeepage-form .certificationDetails-div .certificationDetails-content .certificate-flex .body-col-1 {
        width: 36%;
    }

    .addemployeepage-form .certificationDetails-div .certificationDetails-content .certificate-flex .header-col-2,
    .addemployeepage-form .certificationDetails-div .certificationDetails-content .certificate-flex .header-col-3,
    .addemployeepage-form .certificationDetails-div .certificationDetails-content .certificate-flex .body-col-2,
    .addemployeepage-form .certificationDetails-div .certificationDetails-content .certificate-flex .body-col-3 {
        width: 20%;
    }

    .addemployeepage-form .certificationDetails-div .certificationDetails-content .certificate-flex .header-col-4,
    .addemployeepage-form .certificationDetails-div .certificationDetails-content .certificate-flex .body-col-4 {
        width: 22%;
    }

        .addemployeepage-form .certificationDetails-div .certificationDetails-content .certificate-flex .body-col-4 .core-help-block
        .core-label-help {
            margin-top: 0px;
            vertical-align: top;
            width: 112px;
        }

        .addemployeepage-form .certificationDetails-div .certificationDetails-content .certificate-flex .body-col-4 .core-help-block
        .helplabel {
            line-height: 14px;
            vertical-align: top;
        }

    .addemployeepage-form .certificationDetails-div .certificationDetails-content .certificate-flex .remove-block {
        padding: 1em 0;
        text-align: right;
    }

        .addemployeepage-form .certificationDetails-div .certificationDetails-content .certificate-flex .remove-block .icon {
            color: #0066CC;
            cursor: pointer;
            float: right;
            font-size: 16px;
            margin-top: -3px;
        }

    .addemployeepage-form .certificationDetails-div .certificationDetails-content .core-label-error {
        float: right;
        line-height: 1;
        margin-top: 3px;
        top: 19px;
    }

    .addemployeepage-form .certificationDetails-div .certificationDetails-content .certificate-flex
    .flexbody-col.body-col-1 .core-label-error {
        width: 207px;
    }

    .addemployeepage-form .certificationDetails-div .certificationDetails-content .certificate-flex
    .flexbody-col.body-col-4 .core-label-error {
        width: 120px;
    }

    .addemployeepage-form .certificationDetails-div .certificationDetails-content .table-footer .action-link .icon-add {
        color: #0066CC;
        cursor: pointer;
        font-size: 16px;
        margin-bottom: 2px;
        padding-right: 5px;
    }

    .addemployeepage-form .certificationDetails-div .certificationDetails-content .table-footer .action-link .add-txt {
        font-size: 13px;
        position: absolute;
    }

    .addemployeepage-form .certificationDetails-div .certificationDetails-content .table-footer .action-link {
        display: inline;
    }

/* |---------------------------------- addprojectpage-form -----------------------------| */

.addprojectpage-form .location-div .form-container-margin {
    margin-bottom: 20px;
}

.addprojectpage-form .location-div .latlong-div {
    position: relative;
    width: 100%;
}

.addprojectpage-form .currency-div .icon-warning {
    color: #FFCC00;
    font-size: 22px;
    position: relative;
    top: 5px;
    vertical-align: middle;
}
#addProjectEquipment .equipment-div .icon-warning {
    color: #FFCC00;
    font-size: 16px;
    position: absolute;
    top: 5px;
    vertical-align: middle;
    height: 16px;
    width: 16px;
    vertical-align: inherit;
}
.core-addeditproject-head{
    display : flex;
}

.addprojectpage-form .currency-div .core-section-headers {
    margin-top: 2px;
}

.addprojectpage-form .currency-div .form-container-margin .base-curriency .core-label-error {
    margin-bottom: -30px;
    margin-top: 18px;
}

.addprojectpage-form .currency-div .dynamic-other-currency-table {
    padding: 0 1em;
}

    .addprojectpage-form .currency-div .dynamic-other-currency-table .othercurrency-tablecontent .other-available-currencies {
        margin-top: -11px;
        width: 100%;
    }

        .addprojectpage-form .currency-div .dynamic-other-currency-table .othercurrency-tablecontent .other-available-currencies .title-div {
            padding-left: 0;
        }

            .addprojectpage-form .currency-div .dynamic-other-currency-table .othercurrency-tablecontent .other-available-currencies .title-div .title-left,
            .addprojectpage-form .currency-div .dynamic-other-currency-table .othercurrency-tablecontent .other-available-currencies .title-div .title-right {
                height: 34px;
                margin: 0;
                padding: 10px 0;
            }

                .addprojectpage-form .currency-div .dynamic-other-currency-table .othercurrency-tablecontent .other-available-currencies .title-div .title-right label {
                    padding-left: 20px;
                }

        .addprojectpage-form .currency-div .dynamic-other-currency-table .othercurrency-tablecontent .other-available-currencies
        .iconStyle {
            left: -15px;
        }

        _:-ms-lang(x),
        .addprojectpage-form .currency-div .dynamic-other-currency-table .othercurrency-tablecontent .other-available-currencies
        .iconStyle {
            left: 48px;
        }

            .addprojectpage-form .currency-div .dynamic-other-currency-table .othercurrency-tablecontent .other-available-currencies
            .iconStyle .removeIconStyle {
                color: #0066CC;
                cursor: pointer;
                font-size: 16px;
                top: 8px;
            }

        .addprojectpage-form .currency-div .dynamic-other-currency-table .othercurrency-tablecontent .other-available-currencies
        .add-anothercurrencies-section {
            display: flex;
            padding: 0;
        }

            .addprojectpage-form .currency-div .dynamic-other-currency-table .othercurrency-tablecontent .other-available-currencies
            .add-anothercurrencies-section .othercurrency-style {
                padding: 0;
            }

            _:-ms-lang(x),
            .addprojectpage-form .currency-div .dynamic-other-currency-table .othercurrency-tablecontent .other-available-currencies
            .add-anothercurrencies-section .othercurrency-style {
                width: 56.5%;
            }

                .addprojectpage-form .currency-div .dynamic-other-currency-table .othercurrency-tablecontent .other-available-currencies
                .add-anothercurrencies-section .othercurrency-style .core-label-error {
                    margin-bottom: -25px;
                    margin-right: auto;
                    margin-top: 18px;
                }

            .addprojectpage-form .currency-div .dynamic-other-currency-table .othercurrency-tablecontent .other-available-currencies
            .add-anothercurrencies-section .core-field-containers {
                margin: 0 0 20px;
            }

            .addprojectpage-form .currency-div .dynamic-other-currency-table .othercurrency-tablecontent .other-available-currencies
            .add-anothercurrencies-section .ExchangeRateStyle .newproj,
            .addprojectpage-form .currency-div .dynamic-other-currency-table .othercurrency-tablecontent .other-available-currencies
            .add-anothercurrencies-section .ExchangeRateStyle .closedproj {
                padding-left: 40px;
            }

                .addprojectpage-form .currency-div .dynamic-other-currency-table .othercurrency-tablecontent .other-available-currencies
                .add-anothercurrencies-section .ExchangeRateStyle .newproj input[type="text"] {
                    width: 260px !important;
                }

                .addprojectpage-form .currency-div .dynamic-other-currency-table .othercurrency-tablecontent .other-available-currencies
                .add-anothercurrencies-section .ExchangeRateStyle .closedproj input[type="text"] {
                    width: 270px !important;
                }

                .addprojectpage-form .currency-div .dynamic-other-currency-table .othercurrency-tablecontent .other-available-currencies
                .add-anothercurrencies-section .ExchangeRateStyle .newproj .core-label-error {
                    float: inherit;
                    padding-top: 5px;
                    width: 274px;
                }

.addprojectpage-form .currency-div .addCurrency-div .action-link .icon-add {
    font-size: 14px;
    padding-right: 10px;
}

.addprojectpage-form .currency-div .addCurrency-div .action-link .add-txt {
    letter-spacing: normal;
    line-height: 15px;
    vertical-align: top;
}

_:-ms-lang(x), .addprojectpage-form .pure-g {
    display: block;
}

_:-ms-lang(x), .addprojectpage-form .currency-div .icon-warning {
    font-size: 26px;
}

/* |------------------------------- END addprojectpage-form ----------------------------| */

.form-fixed-tablelayout .fixed-tablelayout-body .core-section-headers {
    margin-top: 30px;
}

.form-fixed-tablelayout .fixed-tablelayout-body .fixedtablelayout-fieldsection {
    display: table;
    table-layout: fixed;
    width: 100%;
}

    .form-fixed-tablelayout .fixed-tablelayout-body .fixedtablelayout-fieldsection .fieldsection-tabelcell {
        display: table-cell
    }

        .form-fixed-tablelayout .fixed-tablelayout-body .fixedtablelayout-fieldsection .fieldsection-tabelcell input[name="CurrencyCode"] {
            text-transform: uppercase
        }

/* |------------------------------- CostitemIntegrationtitle-style ----------------------------| */

.costitemIntegrationtitle {
    border-bottom: 1px solid #ccc;
    font-size: 14px;
    font-weight: 600;
    margin-bottom: 10px;
    padding-bottom: 10px;
}

.costitembehavior-body .costitembehaviorbody-content .row-content {
    display: flex;
    flex-flow: row wrap;
    width: 100%;
}

    .costitembehavior-body .costitembehaviorbody-content .row-content .radioBtn-div {
        align-items: center;
        display: flex;
    }

        .costitembehavior-body .costitembehaviorbody-content .row-content .radioBtn-div .radiobtn-txt {
            padding-left: 5px;
        }

    .costitembehavior-body .costitembehaviorbody-content .row-content .radio-content {
        color: #666;
        font-size: 10px;
        padding: 0px 0 5px 19px;
    }

/* |------------------------------- End CostitemIntegrationtitle-style ----------------------------| */

/* |------------------------------- Start GLOBAL OPTIONS-style ----------------------------| */

.EnvironmentIndicatortitle {
    border-bottom: 1px solid #ccc;
    font-size: 14px;
    font-weight: 600;
    margin-bottom: 10px;
    padding-bottom: 10px;
}

.flexlayout-content {
    display: flex;
    width: 100%
}

    .flexlayout-content .flexlayoutContent-left, .flexlayout-content .flexlayoutContent-right {
        width: calc(100% - 50%);
    }

    .flexlayout-content .flexlayoutContent-left,
    .flexlayout-content .flexlayoutContent-middle,
    .flexlayout-content .flexlayoutContent-right {
        display: flex;
        flex-flow: row wrap;
    }

    .flexlayout-content .middiv {
        margin-right: 12px;
    }

    .flexlayout-content .rightdiv .txt {
        line-height: 30px;
        min-width: 58px;
        max-width: 58px;
        width: auto;
    }

    .flexlayout-content .rightdiv input {
        margin: 0 0 0 12px;
        min-width: 248px;
        width: 100%;
    }

    .flexlayout-content .flexlayoutContent-right .k-colorpicker {
        align-items: center;
        display: flex;
        height: 30px;
        justify-content: center;
        max-width: 55px;
        max-height: 30px;
        width: 100%;
    }

        .flexlayout-content .flexlayoutContent-right .k-colorpicker .k-picker-wrap.k-state-default {
            border: 1px solid #d6d6d6;
            padding: 5px 21px 7px 10px;
            height: 20px;
            width: 50px;
        }

            .flexlayout-content .flexlayoutContent-right .k-colorpicker .k-picker-wrap.k-state-default
            .k-colorpicker .k-selected-color {
                display: inline-block;
                height: 25px;
                padding: 0px;
                margin: 0;
                width: 20px;
            }

        .flexlayout-content .flexlayoutContent-right .k-colorpicker .k-selected-color {
            height: 23px;
            padding: 0;
            position: relative;
            width: 23px;
            z-index: 9;
            cursor: pointer;
        }

        .flexlayout-content .flexlayoutContent-right .k-colorpicker .k-picker-wrap.k-state-default .k-select {
            border-color: #fafafa;
            background: white;
            height: 32px;
            width: 20px;
            padding-left: 33px;
        }

.customSlider {
    background: rgba(100,100,100,.9) !important;
    border: none !important;
    border-radius: 2px !important;
    box-shadow: none !important;
    display: inline-flex;
    color: #fff !important;
    justify-content: center;
    margin: 0 !important;
    padding: 5px !important;
    position: absolute !important;
    width: auto !important;
}

    .customSlider:after {
        display: none;
    }

    .customSlider .k-callout.k-callout-s {
        display: block !important;
    }

/* |------------------------------- End GLOBAL OPTIONS-style ----------------------------| */

/*Start of adding css for revenue category grid-UI */

#revenuecategoriesGrid .k-grid-header-wrap, #revenuecategoriesGrid .k-grid-header, #revenuecategoriesGrid .k-grid-content-locked tr {
    height: 65px !important;
}

#revenuecategoriesGrid thead tr:nth-child(1) th:nth-child(1),
#revenuecategoriesGrid thead tr:nth-child(2) th:nth-child(5),
#revenuecategoriesGrid thead tr:nth-child(3) th:nth-child(5),
#revenuecategoriesGrid tbody td:nth-child(5) {
    border-right: 3px solid #ddd !important;
}

div#revenuecategoriesGrid th {
    vertical-align: middle !important;
}

#revenuecategoriesGrid .font-size-16 {
    font-size: 16px;
    float: right;
    right: 30px !important;
}

.lang-btn-selected {
    background: transparent !important;
    color: #000 !important;
    border: 1px solid transparent !important;
    outline: none !important;
    float: right;
}

.lang-btn-unselected {
    background: transparent !important;
    color: #000 !important;
    border: 1px solid transparent !important;
    outline: none !important;
    float: right;
}

.padding-7px {
    padding: 7px !important;
}

.lang-btn-unselected:hover {
    background: #0066CC !important;
    color: #fff !important;
    border: 1px solid transparent !important;
    outline: none !important;
}

div#isActiveInfoIcon_tt_active > .k-callout.k-callout-n {
    display: none !important;
}

#revenuecategoriesGrid .icon-info {
    color: #0066CC !important;
}

div#revenuecategoriesGrid th:last-child span.revenue-header {
    margin-top: 9px !important;
    float: left;
}

button#btnRevenueCategorySp {
    padding-left: 14px;
    padding-right: 10px;
}

button#btnRevenueCategoryFr {
    padding-left: 14px;
    padding-right: 10px;
}

.dropdown-lang-portug {
    margin-left: 1px;
    padding: 4px 5px 4px 4px;
}

ul.language-dropdown-style {
    border-bottom: 1px solid #dddddd !important;
    width: 20px;
    height: 27px;
    margin-right: -3px !important;
}

.dropdown-lang-portug:hover {
    background: #0066cc !important;
    color: #fff !important;
}

.language-dropdown-style > .k-item > .k-link, .language-dropdown-style .k-animation-container .k-menu-group {
    padding: 0px !important;
    top: 7px;
}

.revenue-category {
    position: relative;
}
 
.revenue-category ul.language-dropdown-style {
    position: absolute;
    right: 0px;
    top:8px;
}

#revenuecategoriesGrid .k-menu .k-animation-container .k-menu-group {
    top: 9px !important;
}

ul.language-dropdown-style.k-widget.k-reset.k-header.k-menu.k-menu-horizontal {
    z-index: 1;
}

#revenuecategoriesGrid #btnRevenueCategory:hover {
    background: transparent !important;
    color: #000 !important;
    border: 1px solid transparent !important;
}

ul.language-dropdown-style:hover {
    cursor: pointer !important;
}

#languageDropdownMenu li.k-item.k-state-hover {
    background-color: transparent !important;
}

/*End of adding css for revenue category grid-UI */

/*Start css for Add revenue category */

.revenue-category-slide-panel {
    width: 395px;
    margin: 2px;
    padding: 3px 0px 15px 18px;
    height: calc(100vh - 115px) !important;
    position: fixed;
    right: -397px;
    transition-property: right;
    transition-duration: .25s;
    transition-timing-function: ease-in-out;
    box-shadow: 1px 1px 4px 0 #ccc;
    background-color: #fff;
    z-index: 999;
    top: 80px;
}

    .revenue-category-slide-panel.open {
        right: 0px;
    }

.revenue-category-header, .core-revenue-category-label,
.core-revenue-category-input, .revenue-category-content, .core-revenue-category-section {
    float: left;
}

.core-revenue-category-label, .core-revenue-category-input, .core-revenue-category-section {
    width: 100%;
}

.core-revenue-category-section {
    margin-bottom: 15px;
}

.revenue-category-header {
    width: 340px;
    padding-top: 9px;
    border-bottom: 1px solid #CCCCCC;
}

    .revenue-category-header h3 {
        font-size: 24px;
        color: #333333;
        margin: 0 0 10px 0px;
    }

span.core-revenue-category-label {
    margin-bottom: 5px;
}

.probability-percentage span.k-widget.k-numerictextbox.k-textbox {
    border-color: transparent !important;
    box-shadow: none !important;
}

.probability-percentage input.k-formatted-value.k-textbox.k-input, input#probabilityPercentage {
    margin-top: -31px;
    height: 28px !important;
    text-align: left;
}

input#probabilityPercentage {
    margin-top: -1px;
    height: 26px !important;
    text-align: right;
}

.probability-percentage input.k-formatted-value.input-error {
    border: 2px solid #800000;
}

.language-selection {
    font-size: 16px;
    border-bottom: 1px solid #cccccc;
    padding: 0px 0px 5px;
    float: left;
    color: #333333;
    margin-bottom: 10px !important;
}

.revenue-category-slide-panel .popup_close {
    float: right;
    margin-right: 5px;
}

.revenue-category-content {
    width: 100%;
    height: calc(100vh - 178px) !important;
    overflow-y: scroll;
    padding: 20px 20px 12px 2px;
}

.core-revenue-category-footer-section {
    float: right;
}

    .core-revenue-category-footer-section .primary-blue {
        margin-left: 10px !important;
    }

    .core-revenue-category-footer-section input {
        max-width: 120px !important;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

ul#state_listbox li:last-child {
    opacity: 0.4;
    pointer-events: none;
}

.revenue-category-slide-panel i:hover {
    cursor: pointer !important;
}

/*End css for Add revenue category */

/* |---------------------------- Bottom Section Reserved for Common Classes ----------------------!
   |------------------------------------- START OF COMMON CLASSES --------------------------------!
   |-------------------------- No Classes Should be Added Below This Section ---------------------! */

.buttomMarginZero {
    margin-bottom: 0;
}

.core-align-middle {
    vertical-align: middle;
}

.core-float-left {
    float: left;
}

.core-float-right {
    float: right;
}

.core-right-align {
    text-align: right;
    width: 640px;
}

.core-pointer-cursor {
    cursor: pointer;
}

.cursorNotAllowed {
    cursor: not-allowed !important;
    opacity: .4 !important;
    position: relative;
}

.cursorNotAllowed-ManageVendors {
    cursor: not-allowed !important;
    opacity: .4 !important;
    position: relative;
}

.cursorNotAllowed-ManageVendors:hover {
    background-color: #fff !important;
    box-shadow: none;
}

.cursorNotAllowed-ManageVendors:focus, .cursorNotAllowed-ManageVendors:active {
    background-color: #fff !important;
    box-shadow: none
}

.cursorNotAllowed * {
    cursor: not-allowed !important;
}

    .cursorNotAllowed .btn {
        z-index: -1;
    }

.dispblock {
    display: block;
}

.dispFlex {
    display: flex;
}

.displayInitial {
    display: initial !important;
}

::-ms-clear,
.displayNone {
    display: none;
}

/* flex-style */

.f-col-wrap {
    flex-flow: column wrap;
}

.f-col-nowrap {
    flex-flow: column nowrap;
}

.f-row-wrap {
    flex-flow: row wrap;
}

.f-row-nowrap {
    flex-flow: row nowrap;
}

/* End flex-style */

.h-25px {
    height: 25px;
}

.header-title {
    border-bottom: solid 1px #000;
    font-size: 24px;
    font-weight: 700;
    margin-bottom: 5px;
    padding-bottom: 3px;
}

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

.height-100p {
    height: 100%;
}

.hideScroll {
    overflow-x: hidden;
}

.label-help-error {
    top: 22px;
}

.margin-0 {
    margin: 0;
}

.m-b-10 {
    margin-bottom: 10px;
}

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

.overflow-hidden {
    overflow: hidden;
}

.overflow-x-hidden {
    overflow-x: hidden !important;
}

.overflow-y-hidden {
    overflow-y: hidden !important;
}

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

.pad-btm-10 {
    padding: 0 0 10px;
}

.pad-btm-20 {
    padding: 0 0 20px;
}

.pad-btm-30 {
    padding: 0 0 30px;
}

.pad-btm-40 {
    padding: 0 0 40px;
}

.pad-btm-50 {
    padding: 0 0 50px;
}

.positon-rel {
    position: relative;
}

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

.header-tag {
    color: #333;
    margin-bottom: 30px;
}

.tilePointer, .tilePointer * {
    cursor: pointer;
}

/* start toggle disable style */

.toggleDisableSection.km-switch:hover {
    border-color: #ccc;
}

.toggleDisableSection.km-switch input[type=checkbox][disabled] {
    cursor: no-drop;
}

/* End toggle disable style */

.watermark {
    color: #b9b9b9;
    font-style: italic;
}

.w-50p {
    width: 50%;
}

.w-90p {
    width: 90%;
}

.w-100p {
    width: 100% !important;
}

.resourceActionLabel:hover {
    border-radius: 0px !important;
    box-shadow: none !important;
}

.allowWrap {
    white-space: normal !important;
}

    .allowWrap + div, .allowWrap + td {
        vertical-align: initial;
    }

.accountSlideContent {
    margin-bottom: 5px;
}

h4.required::before {
    content: '* ';
    position: relative;
    top: -2px;
    vertical-align: top;
}

#currencySidenav.sidenav, #UOMSidenav.sidenav, #displayNameSidenav.sidenav, #divDeleteACSSlide.sidenav, #divReplaceACSSlide.sidenav {
    width: 350px;
}

.accountCodeSidenav.sidenav .sidenav-innerbody .sidenav-content {
    overflow-y: auto;
    overflow-x: hidden;
}

.label-error {
    float: right;
    font-size: 12px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    padding: 8px 0px 0px;
    color: #800000;
}

.input-error {
    background: #E6CCCC !important;
    border-color: #800000 !important;
    border-width: 2px !important;
}

.core-revenue-category-grid-disable {
    opacity: 0.6 !important;
    pointer-events: none;
}

.disable-probability-percentage {
    pointer-events: none;
    color: #858585 !important;
}

ul#stateOptions_listbox.disable-inactive li:last-child, .disable-inactive {
    opacity: 0.6;
    pointer-events: none;
}

.state-options .disable-inactive {
    background-color: #f5f5f5;
    border-color: #dddddd;
}

td.disable-grid-inactive-row {
    background-color: #f5f5f5;
    cursor: default;
    color: #858585;
}

td.default-row-readonly {
    color: #858585;
    cursor: default;
}

.disable-probability-percentage span.k-numeric-wrap {
    background-color: transparent !important;
}

.probability-percentage input.disable-probability-percentage {
    background-color: transparent !important;
}

.notificationPanel .notificationPanel-innerbody .innerbody-content .header-div > .leftDiv > span#btnMarkAll, .notificationPanel .notificationPanel-innerbody .innerbody-content .header-div > .rightDiv > span#btnSeeAll {
    font-family: Roboto Regular;
    font-size: 12px;
    line-height: 21px;
}

#platfrom-notification-panel.notificationPanel .platform-notificationPanel-innerbody .txtSpan {
    font-family: Roboto Regular;
}

.disable-revenue-category-panel input {
    border-color: #DDDDDD;
}

.k-grid tr.k-state-selected td.disable-grid-inactive-row {
    background-color: rgba(0,102,204,.2) !important;
    color: #000;
}

/* Styles added for left menu fix */

.menuPanel .leftMenu .menu-list li.parent-list {
    padding: 0;
    display: flex;
    height: 24px;
    vertical-align: middle;
    cursor: pointer;
}

    .menuPanel .leftMenu .menu-list li.parent-list > span.menu-icon-parent {
        display: inline-block;
        width: auto;
        line-height: initial;
        vertical-align: middle;
        margin: 0 0 0 8px;
        cursor: pointer;
    }

    .menuPanel .leftMenu .menu-list li.parent-list[disabled="disabled"] > span.menu-icon-parent {
        cursor: not-allowed;
    }

span.menu-icon-parent i {
    font-size: 14px;
    color: #333333 !important;
    display: block;
    margin: 5px 0;
}

    span.menu-icon-parent i.icon:before {
        height: 28px;
        line-height: 28px;
        display: block;
        width: 28px;
    }

.menuPanel .leftMenu .menu-list li.parent-list > .tilePointer {
    display: inline-block;
    width: 100%;
    vertical-align: middle;
    line-height: initial;
}

    .menuPanel .leftMenu .menu-list li.parent-list > .tilePointer > .core-common-ellipsis {
        padding: 6px 0;
        line-height: 12px;
    }

.menuPanel .leftMenu .menu-list li.dispblock {
    margin-left: 0;
}

.menuPanel .leftMenu .menu-list li {
    line-height: inherit;
    padding-left: 0;
}

    .menuPanel .leftMenu .menu-list li ul.nested-menu-list li.child-list {
        display: block;
        overflow: hidden;
        padding: 0 0 0 30px;
        width: 100%;
        height: 24px;
        line-height: initial;
        cursor: pointer;
    }

        .menuPanel .leftMenu .menu-list li ul.nested-menu-list li.child-list div {
            padding: 5px 0;
            display: block;
            width: auto;
        }

span.icon.cogIconStyle.icon-settings.cogIcon {
    font-size: 12px;
    line-height: 25px;
    text-align: right;
    height: 24px;
    margin-right: 8px;
}

.menuPanel .leftMenu .menu-list li.parent-list.has_child {
    border-top: 1px solid #ccc;
}

.menuPanel .leftMenu .addition-menu, .menuPanel .leftMenu .extensionStyle {
    height: 32px;
    line-height: 32px;
    padding-left: 8px;
    background-color: #4d595a;
    color: #fff;
    margin: 8px 0
}

.parent-list:hover, .menuPanel .leftMenu .child-list:hover, .menuPanel .leftMenu .menu-list li .nested-menu-list li:hover {
    background: rgba(77, 133, 138, 0.10);
    color: #333;
}

.menuPanel .leftMenu .menu-list li.parent-list.has_child:hover {
    background-color: transparent;
}

ul.nested-menu-list > .child-list:last-child {
    margin: 0;
}

.menuPanel .leftMenu .menu-list li.parent-list > span:last-child {
    width: auto;
}

.menuPanel .leftMenu .extensionStyle + span > ul > li.parent-list.has_child, .menuPanel .leftMenu .extensionStyle + span + span > ul > li.parent-list.has_child {
    border: 0;
}

.menuPanel .leftMenu .menu-list li.parent-list.has_child .tilePointer * {
    cursor: default;
}

.leftmenu-content > .DynamicMenuList:first-child > .addition-menu.core-common-ellipsis.menuHeader.ng-binding:first-child {
    margin-top: 0;
}

.menuPanel .leftMenu .menu-list li.parent-list.estimate + li {
    display: none;
}

.menuPanel .leftMenu .menu-list li.parent-list.has_child.estimate {
    border: 0;
    margin: 0;
    cursor: pointer;
}

.menuPanel .leftMenu .menu-list.noCursorContainer li.parent-list:hover {
    background-color: transparent;
}

.menuPanel .leftMenu span {
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 170px;
}

ul.menu-list > li.parent-list.has_child:first-child {
    margin-top: 8px;
}

ul.menu-list > li.parent-list .icon-settings:before {
    margin-top: -2px;
    display: block;
    font-size: 16px;
}

.menuPanel .leftMenu .menu-list li.parent-list.lastmenuhasChild {
    border-top: 1px solid #ccc;
}

span[ng-init="isApplicationmenu=true"] .menu-list li.parent-list > .core-common-ellipsis > span, span[ng-init="isApplicationmenu=true"] .menu-list li.parent-list > .core-common-ellipsis > div.core-common-ellipsis {
    padding: 6px 0;
    display: inline-block;
    line-height: 12px;
    width: 170px;
}

.menuPanel .leftMenu .menu-list li.parent-list.estimate .labelWithIcon .core-common-ellipsis {
    padding: 6px 0;
    display: inline-block;
    line-height: 12px;
}

.menuPanel .leftMenu .fisrtmenu {
    margin-top: 0;
}

.leftmenu-content > .addition-menu:first-child {
    margin-top: 0;
}

.menuPanel .leftMenu .menu-list li.parent-list.estimate .labelWithIcon .core-common-ellipsis {
    padding: 6px 0;
    display: inline-block;
    line-height: 12px;
    width: 170px;
}

.menuPanel .leftMenu .DynamicMenuList ul > li > .core-common-ellipsis > .core-common-ellipsis {
    display: inline-block;
    padding: 6px 0;
    line-height: 12px;
}

.menuPanel .leftMenu ul.menu-list > li > .core-common-ellipsis > .core-common-ellipsis {
    padding: 6px 0;
    line-height: 12px;
}

span.estimate ~ span > ul.menu-list > li.parent-list {
    border-top: 1px solid #ccc;
}

span.estimate ~ .extensionStyle ~ span > ul.menu-list > li.parent-list, span.estimate ~ span.project-home > ul.menu-list > li.parent-list {
    border-top: 0;
}

div.estimate ~ div > ul.menu-list > li.parent-list {
    border-top: 1px solid #ccc;
}

div.estimate ~ .extensionStyle ~ div > ul.menu-list > li.parent-list {
    border-top: 0;
}

li.parent-list.core-common-ellipsis.estimate {
    margin-bottom: 8px;
}


.menuPanel .leftMenu .menu-list li.parent-list.containChild > span.menu-icon-parent, .menuPanel .leftMenu .menu-list li.parent-list.containChild > .tilePointer > .core-common-ellipsis, .menuPanel .leftMenu .menu-list li.parent-list.containChild > * {
    cursor: text;
    background-color: transparent;
}

.menuPanel .leftMenu .menu-list.containChild li.parent-list:hover {
    background-color: transparent;
}

.menuPanel .leftMenu .menu-list li.parent-list.estimate.containChild > span.menu-icon-parent, .menuPanel .leftMenu .menu-list li.parent-list.estimate.containChild > .tilePointer > .core-common-ellipsis, .menuPanel .leftMenu .menu-list li.estimate.parent-list.containChild > * {
    cursor: pointer;
}

.menuPanel .leftMenu .menu-list li.parent-list.core-common-ellipsis.estimate.containChild:hover, .DynamicMenuList.estimate > ul.menu-list > li.parent-list.estimate.containChild:hover {
    background: rgba(77, 133, 138, 0.10);
}

.estimate ~ .OrganizationHeader > ul.menu-list > li.parent-list, .estimate ~ .OrganizationHeader ~ div.DynamicMenuList > ul.menu-list > li.parent-list {
    border-top: 0;
}

.DynamicMenuList.estimate > ul.menu-list > li.parent-list.estimate.containChild {
    margin: 0 0 8px 0;
}

.menuPanel .leftMenu .menu-list li.parent-list.containChild {
    cursor: text;
}

li.parent-list.noCursorContainer.estimate {
    margin-bottom: 8px;
}

.core-context-menu-remove {
    visibility: hidden;
}

#userMainContainer .infoPanel table tr td:first-child {
    width: 50%;
}

#userMainContainer .infoPanel table tr td:nth-child(2) {
    width: 40%;
}

#userMainContainer .infoPanel table tr td:nth-child(3) {
    text-align: center;
}

    #userMainContainer .infoPanel table tr td:nth-child(3) span::before {
        font-size: 14px !important;
        cursor: pointer;
        position: relative;
        top: -1px;
        height: 16px;
        float: left;
        width: 16px;
    }

#userMainContainer .core-quick-view-details {
    background-color: #f2f2f2;
    border: 0;
}

#userMainContainer .infoPanel table td {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    height: 32px;
    width: 24px;
    line-height: normal;
}

    #userMainContainer .infoPanel table td[colspan = "4"] {
        height: auto;
    }

#userMainContainer .infoPanel h4 {
    font-size: 12px;
    color: #444;
}

#userMainContainer role-permission-accordian span.icon.icon-info {
    font-size: 16px;
    height: 20px;
    display: block;
    width: 20px;
    margin: 8px 0 0 5px;
}

#userMainContainer role-permission-accordian .infoIcon {
    vertical-align: top;
}

    #userMainContainer role-permission-accordian .infoIcon img.icon {
        vertical-align: inherit;
    }

#userMainContainer role-permission-accordian img.icon {
    height: 16px;
    width: 16px;
}

#userMainContainer .core-quick-view-details {
    height: auto;
}

#userMainContainer .userRole-info-icon {
    color: #06C !important;
    height: 16px;
    width: 16px;
    float: left;
    margin: 0 4px;
    position: relative;
}

#userMainContainer .userRole-info-icon-selected {
    color: #FC0 !important;
    height: 16px;
    width: 16px;
    float: left;
    margin: 0 4px;
    position: relative;
}

#userMainContainer .infoPanel h4.core-infopanel-title {
    font-size: 22px;
    font-family: 'Roboto Bold' !important;
}

#userMainContainer .infoPanel table td[colspan = "4"] > .core-permissison-container {
    padding: 8px 0;
}

#userMainContainer .infoPanel .core-table-buttons table td[colspan="3"] {
    height: auto;
}

#userMainContainer .infoPanel h4 {
    font-family: 'Roboto Regular' !important;
}
/* End of styles added for left menu fix */
/* Add guest user role permission help icon changes */
role-permission-accordian-icon span.icon.icon-info {
    font-size: 16px;
    height: 20px;
    display: block;
    width: 20px;
    margin: 8px 0 0 5px;
}

.core-guestUserContainer .infoIcon {
    vertical-align: top;
}

    .core-guestUserContainer .infoIcon img.icon {
        vertical-align: inherit;
    }

.core-guestUserContainer img.icon {
    height: 16px;
    width: 16px;
}

.core-guestUserContainer .rolesContainer tr td .core-permissison-container {
    padding: 16px;
    width: calc(100% + 1px);
    float: left;
    margin-top: 0;
    margin-left: 0;
    margin-bottom: 6px;
    border: 1px solid #ddd;
    border-top: 0;
}

.core-guestUserContainer .rolesContainer tr td, #guestUserContainer .rolesContainer tr td {
    padding-bottom: 0;
    padding-left: 0;
}

.core-guestUserContainer table.rolesContainerTable tr td.core-bottom-spacer {
    height: 32px;
}

.core-guestUserContainer table.rolesContainerTable tr td.core-bottom-spacer-error {
    height: 5px;
}

.core-guestUserContainer .rolesContainer tr td, #guestUserContainer .rolesContainer tr td.roleError {
    padding-bottom: 45px;
    padding-left: 0;
}

.core-guestUserContainer table.rolesContainerTable {
    margin-right: 8px;
    width: calc(100% - 8px);
    table-layout: fixed;
}

.core-guestUserContainer .rolesContainer tr td ul li span h4 {
    font-size: 12px;
    color: #444;
}

.core-guestUserContainer .core-right-space {
    float: left;
    width: 100%;
}

.core-guestUserContainer .core-rightSpaceleft {
    float: left;
    width: calc(100% - 35px);
    border-top: 1px solid #ddd;
}

.core-guestUserContainer .core-rightSpaceright {
    float: right;
    width: 35px;
    border-top: 0;
}

.core-guestUserContainer .rolesContainer tr td.border {
    border: 1px solid #e6e6e6 !important;
    border-bottom: 0 !important;
    padding-top: 8.6px !important;
}

    .core-guestUserContainer .rolesContainer tr td.border span {
        color: #fc0 !important;
    }

span.icon.icon-info.disabled {
    color: #99C2EB !important;
    opacity: .4 !important;
    cursor: not-allowed !important;
}

#guestUserContainer .roleDropDown {
    width: 300px;
}

#guestUserContainer .organizationProject {
    width: 300px;
    margin-left: 60px;
}

#guestUserContainer .rolesContainer tr td span.k-widget.k-combobox span.k-dropdown-wrap.k-state-default input.k-input {
    padding: 0.177em 0 !important;
}

span.icon.icon-add.ico-main-toolbar-button > span.core-AddGuestUser {
    margin: 5px 5px 0 0px;
    float: right;
    font-family: Roboto Regular;
    font-size: 12px;
}

span.icon.icon-add.ico-main-toolbar-button.ng-isolate-scope.megaMenu-toolbar-icon-disabled span.core-AddGuestUser {
    opacity: 0.2;
}

.megaMenu-bar-3 span#membersDrodown i.fa-caret-down:before {
    color: #000;
}

.megaMenu-bar-3 span#membersDrodown i.fa-caret-down {
    float: right;
    margin: 3px 5px 3px 1px;
    font-size: 14px;
}

.megaMenu-bar-3 span#membersDrodown.megaMenu-toolbar-icon-disabled i.fa.fa-caret-down {
    opacity: 0.2;
}
.megaMenu-bar-3 span#assignContactsDrodown i.fa-caret-down:before {
    color: #000;
}

.megaMenu-bar-3 span#assignContactsDrodown i.fa-caret-down {
    float: right;
    margin: 3px 5px 3px 1px;
    font-size: 14px;
}

.megaMenu-bar-3 span#assignContactsDrodown.megaMenu-toolbar-icon-disabled i.fa.fa-caret-down {
    opacity: 0.2;
}

.core-addEditUserContainer .core-show-form-errors #comboInput {
    border: 0px;
}

.core-addEditUserContainer .core-main-contents {
    top: 85px !important;
}

.core-addEditUserContainer .pageCenterAlign {
    padding: 0px 16px 16px 0px;
}

.core-addEditUserContainer .col-md-12.rolepermissionAccordian {
    float: left;
    margin: 0;
}

.core-addEditUserContainer .col-md-1.core-role-sec {
    padding: 0.65em 0;
    text-align: center;
    width: 35px;
    border: 1px solid #fff;
    border-bottom: 0;
}

.core-addEditUserContainer .role-info {
    font-size: 16px;
    color: #0066CC;
    padding: 0;
    display: block;
    margin: -1px auto;
    float: none;
    cursor: pointer;
}

.core-addEditUserContainer .col-md-1.core-remove-sec {
    padding: 0.65em 0;
    text-align: center;
    width: 35px;
}

    .core-addEditUserContainer .col-md-1.core-remove-sec span.icon.icon-remove {
        font-size: 16px;
        color: #0066CC;
        display: block;
        margin: 0 auto;
        cursor: pointer;
    }

#addEditUserContainer.core-addEditUserContainer .rolesOrganizationdropdown {
    margin-right: 2px;
    width: 100%;
}

.core-addEditUserContainer .pure-g.form-container-margin.roles-block {
    letter-spacing: 0;
    font-family: 'Roboto Regular', "Segoe UI", Verdana, Helvetica, Sans-Serif;
}

#addEditUserContainer.core-addEditUserContainer .pure-g.form-container-margin.roles-block > .col-md-12 {
    padding-left: 1em;
    padding-right: 0;
}

.core-addEditUserContainer .pure-g.form-container-margin.roles-block .core-right-space {
    float: left;
    width: 100%;
    padding-bottom: 10px;
}

.core-addEditUserContainer .pure-g.form-container-margin.roles-block .core-rightSpaceleft {
    float: left;
    width: calc(100% - 33px);
    border-top: 1px solid #ddd;
}

.core-addEditUserContainer .pure-g.form-container-margin.roles-block .core-rightSpaceright {
    float: right;
    width: 35px;
    border-top: 0;
}

.core-addEditUserContainer .core-role-pop {
    padding: 16px;
}

    .core-addEditUserContainer .core-role-pop > span {
        margin-bottom: 5px;
        display: block;
    }

.core-addEditUserContainer h4.accordianHeaderStyle {
    font-size: 12px;
    color: #444;
}

.core-addEditUserContainer span.infoIcon {
    vertical-align: top;
}

    .core-addEditUserContainer span.infoIcon img.icon, img.icon {
        vertical-align: inherit;
        height: 16px;
        width: 16px;
    }

.core-addEditUserContainer .col-md-1.borderd {
    border: 1px solid #ddd !important;
    border-bottom: 0 !important;
    height: 40px;
}

.core-addEditUserContainer .accordian-height {
    height: 72px !important;
}

.core-addEditUserContainer .rolepermissionAccordian {
    width: 720px;
    border: 1px solid #ddd;
    border-top: 0;
}
/*end add guest user role permission help icon changes  */

.core-organizationMembersContainer .infoPanel table tr td:first-child {
    width: 50%;
}

.core-organizationMembersContainer .infoPanel table tr td:nth-child(2) {
    width: 40%;
}

.core-organizationMembersContainer .infoPanel table tr td:nth-child(3) {
    text-align: center;
}

    .core-organizationMembersContainer .infoPanel table tr td:nth-child(3) span::before {
        font-size: 14px !important;
        cursor: pointer;
        position: relative;
        top: -1px;
        height: 16px;
        float: left;
        width: 16px;
    }

.core-organizationMembersContainer .core-quick-view-details {
    background-color: #f2f2f2;
    border: 0;
}

.core-organizationMembersContainer .infoPanel table td {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    height: 32px;
    width: 24px;
    line-height: normal;
}

    .core-organizationMembersContainer .infoPanel table td[colspan = "4"] {
        height: auto;
    }

.core-organizationMembersContainer .infoPanel h4 {
    font-size: 12px;
    color: #444;
}

.core-organizationMembersContainer role-permission-accordian span.icon.icon-info {
    font-size: 16px;
    height: 20px;
    display: block;
    width: 20px;
    margin: 8px 0 0 5px;
}

.core-organizationMembersContainer role-permission-accordian .infoIcon {
    vertical-align: top;
}

    .core-organizationMembersContainer role-permission-accordian .infoIcon img.icon {
        vertical-align: inherit;
    }

.core-organizationMembersContainer role-permission-accordian img.icon {
    height: 16px;
    width: 16px;
}

.core-organizationMembersContainer .core-quick-view-details {
    height: auto;
}

.core-organizationMembersContainer .userRole-info-icon {
    color: #06C !important;
    height: 16px;
    width: 16px;
    float: left;
    margin: 0 4px;
    position: relative;
    cursor: pointer;
}

.core-organizationMembersContainer .userRole-info-icon-selected {
    color: #FC0 !important;
    height: 16px;
    width: 16px;
    float: left;
    margin: 0 4px;
    position: relative;
    cursor: pointer;
}

.core-organizationMembersContainer .infoPanel h4.core-infopanel-title {
    font-size: 22px;
    font-family: 'Roboto Bold' !important;
}

.core-organizationMembersContainer .infoPanel table td[colspan = "4"] > .core-permissison-container {
    padding: 8px 0;
}

.core-organizationMembersContainer .infoPanel .core-table-buttons table td[colspan="3"] {
    height: auto;
}

.core-organizationMembersContainer .infoPanel h4 {
    font-family: 'Roboto Regular' !important;
}

/*Project member page Info panel start*/
.core-organizationMembersContainer .infoPanel .details-div table td {
    height: 22px;
}

.core-organizationMembersContainer .infoPanel .details-div .notes-div table td {
    height: 32px;
}

.core-organizationMembersContainer .infoPanel .details-div table tr td:first-child {
    width: 60%;
}

.core-organizationMembersContainer .infoPanel .details-div table tr td:nth-child(2) {
    width: 40%;
    padding-left: 20px;
}

.core-organizationMembersContainer .infoPanel .details-div .notes-div table tr td:first-child {
    width: 50%;
}

.core-organizationMembersContainer .infoPanel .details-div .notes-div table tr td:nth-child(2) {
    width: 40%;
}
/*Project member page Info panel end*/
.core-equipmentInfoContainer .core-infopanel-url {
    text-decoration: underline !important;
    cursor: pointer;
}

#MeasurementTypeGrid {
    height: 100% !important;
}

#measurementTypeEditPanal {
    background-color: #fff;
}

.core-measurement-blk .core-ellipsis-tooltip {
    align-items: center;
    display: flex;
    height: 30px;
    justify-content: flex-start;
    margin: 5px 0;
}

.core-measurement-blk {
    margin-top: 25px;
}

.core-measurement-btn.btn-div {
    bottom: 0px;
    clear: both;
    float: none;
    height: 100px;
    padding: 30px 0;
    position: relative;
    text-align: right;
    width: 100%;
}

.core-measurementInnercontainer {
    height: calc(100% - 100px);
}

.core-measurement-btn.btn-div input:first-child {
    margin-right: 20px;
}

.core-measurement-btn.btn-div input {
    margin: 5px 0;
    max-width: 110px;
}

.core-measurement-blk > span.k-widget.k-combobox.k-header {
    margin: 12px 0 0 0;
}

#MeasurementTypeGrid {
    height: 100% !important;
}

#measurementTypeEditPanal {
    background-color: #fff;
}

.core-measurement-blk .core-ellipsis-tooltip {
    align-items: center;
    display: flex;
    height: 30px;
    justify-content: flex-start;
    margin: 5px 0;
}

.core-measurement-blk {
    margin-top: 25px;
}

.core-measurement-container {
    position: relative;
    height: calc(100vh - 200px);
}

ul#baseUoMList_listbox li > div {
    text-overflow: ellipsis;
    width: 100% !important;
    overflow: hidden;
    white-space: nowrap;
}

.core-measurement-btn.btn-div {
    bottom: 0px;
    clear: both;
    float: none;
    height: 100px;
    padding: 30px 0;
    position: relative;
    text-align: right;
    width: 100%;
}

.core-measurementInnercontainer {
    height: calc(100% - 100px);
}

.core-measurement-btn.btn-div input:first-child {
    margin-right: 20px;
}

.core-measurement-btn.btn-div input {
    margin: 5px 0;
    max-width: 110px;
}

.core-measurement-blk > span.k-widget.k-combobox.k-header {
    margin: 12px 0 0 0;
}

#MeasurementTypeGrid .k-grid-content.k-auto-scrollable {
    overflow-y: hidden !important;
}

#uomsGrid {
    height: 100% !important;
}

form[name="addEditRecipientListForm"].pageCenterAlign {
    padding-top: 24px;
}

.core-form-container-margin .core-field-containers {
    padding: 0;
    width: 100%;
    margin: 0;
    height: 80px;
}

    .core-form-container-margin .core-field-containers > input.k-textbox {
        width: 100% !important;
    }

.core-form-container-margin .form-container-margin.core-recipient-table {
    margin: 0 0 20px 0;
    padding: 0;
    float: left;
    width: 100%;
}

    .core-form-container-margin .form-container-margin.core-recipient-table .core-recipient-thead, .core-form-container-margin .form-container-margin.core-recipient-table .core-recipient-tbody {
        float: left;
        padding: 0;
        width: 100%;
        height: 32px;
        line-height: 32px;
    }

        .core-form-container-margin .form-container-margin.core-recipient-table .core-recipient-thead span {
            font-weight: 600;
        }

        .core-form-container-margin .form-container-margin.core-recipient-table .core-recipient-tbody label {
            font-weight: 100;
        }

.core-recipient-tbody .core-remove-sec {
    padding: 0;
    float: right;
    width: 32px;
    color: #800000;
    cursor: pointer;
}

    .core-recipient-tbody .core-remove-sec span.icon.icon-remove {
        width: 32px;
        height: 32px;
        text-align: center;
        display: block;
        margin: 0;
        float: right;
        font-size: 16px;
        line-height: 32px;
    }

.core-recipient-table .core-recipient-tbodyCell {
    padding: 0;
}

.core-form-recipient-controls {
    margin: 0;
    float: left;
    height: 32px;
    line-height: 32px;
    padding: 0;
}

    .core-form-recipient-controls a.action-link span {
        float: left;
    }

        .core-form-recipient-controls a.action-link span.icon.icon-add, .core-form-recipient-controls a.action-link span.icon.icon-view {
            margin: 0;
            font-size: 16px;
            line-height: 32px;
            float: left;
            height: 32px;
            text-align: left;
            width: 24px;
        }

.core-form-container-margin .core-field-containers .core-label {
    height: 32px;
    line-height: 32px;
    margin: 0;
}

.core-form-container-margin .core-field-containers input.k-textbox {
    height: 32px !important;
    padding: 0;
    margin: 0;
}

    .core-form-container-margin .core-field-containers input.k-textbox label.core-label-error {
        float: left;
        display: block;
        width: 100%;
        margin: 0;
        height: 16px;
        line-height: 16px !important;
    }

.core-rolepermissionhelpicon {
    width: 32px;
    text-align: center;
    padding-top: 0;
    padding-left: 0;
    float: right;
    border: 1px solid #fff;
    height: 75px;
    border-bottom: 0;
}

    .core-rolepermissionhelpicon.border {
        border: 1px solid #ddd !important;
        border-bottom: 0 !important;
    }

        .core-rolepermissionhelpicon.border .icon.icon-info {
            color: #fc0;
        }

    .core-rolepermissionhelpicon .icon.icon-info {
        width: 32px;
        display: block;
        font-size: 16px;
        color: #0066CC;
        cursor: pointer;
        margin: 8px 0;
    }

.core-projectRole-container {
    width: 82%;
    float: right;
    height: 64px;
    max-width: 100%;
    display: inline-block;
}

    .core-projectRole-container .core-projectRole-combo {
        display: block;
        width: 100%;
        height: 32px;
    }

        .core-projectRole-container .core-projectRole-combo span.k-widget.k-combobox.k-header {
            width: calc(100% - 35px) !important;
            float: left;
        }

.core-projectRole-combo + label.core-label-help {
    float: left;
    width: 45%;
    position: relative;
    height: 32px;
    margin: 5px 0 0 0;
    padding: 0;
    line-height: 17px;
}

    .core-projectRole-combo + label.core-label-help + label.core-label-error {
        float: right;
        width: 45%;
        position: relative;
        height: 32px;
        margin: 5px 10px 0 0;
        padding: 0;
        top: 0;
        line-height: 17px;
    }

form.core-addRecipientList {
    min-height: 500px !important;
    padding: 48px;
    width: 600px !important;
}

.core-editRecipient {
    width: 100%;
    float: left;
    position: relative;
    height: 100%;
}

    .core-editRecipient .core-editRecipient-head {
        float: left;
        width: 100%;
        margin-bottom: 16px
    }

        .core-editRecipient .core-editRecipient-head h4 {
            padding: 0;
            margin: 0;
            height: 32px;
            line-height: 32px;
        }

    .core-editRecipient .core-projectRole1 {
        float: left;
        width: 100%;
    }

    .core-editRecipient .core-projectRole-container {
        float: left;
        width: 100%;
        height: auto;
        margin-bottom: 16px;
    }

    .core-editRecipient .core-editRecipient-currentSelection {
        float: left;
        width: 100%;
    }

.core-editRecipient-currentSelection > span {
    height: 24px;
    float: left;
    line-height: 24px;
    width: 100%;
}

.core-editRecipient .core-currentSelection-container {
    float: left;
    width: 100%;
    border: 1px solid #ccc;
    height: 110px;
    overflow-y: auto;
}

.core-editRecipient .core-editRecipient-button {
    position: absolute;
    bottom: 0;
    float: left;
    width: 100%;
    text-align: right;
}

.core-editRecipient .core-projectRole-container .core-projectRole-combo span.k-widget.k-dropdown, .core-editRecipient .core-projectRole-container .core-projectRole-combo span.k-widget.k-combobox {
    width: 100% !important;
}

.core-currentSelection-container > div {
    padding: 2px 30px 2px 12px;
    min-height: 28px;
    position: relative;
    border-radius: 1.071em;
    border: 1px solid #fafafa;
    margin: 3px 0 3px 3px;
    height: auto;
    -webkit-box-shadow: none;
    line-height: 1.86em;
    box-shadow: none;
    font-family: "Roboto Regular";
    text-transform: none;
    float: left;
    font-weight: 500;
    color: #444;
    background-color: #fafafa;
    text-align: center;
    cursor: pointer;
    font-size: 12px;
}

.core-currentSelection-container span.close-icon {
    left: inherit;
    padding: 2px 3px;
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
}

    .core-currentSelection-container span.close-icon > span {
        background-image: url(/AppCore/Content/kendo/Material/sprite.png);
        border-color: transparent;
        height: 16px;
        width: 16px;
        float: left;
        background-position: -32px -16px;
        opacity: .7;
        margin-top: 2px;
    }

.core-assignedUserRole .role-permission-help-window {
    display: inline-block;
    width: 100%;
    border: 1px solid #ddd;
    border-top: 0;
    margin-bottom: 16px;
    margin-top: 7px;
    height: auto;
}

.core-assignedUserRole .core-rightSpaceleft {
    border-top: 1px solid #ddd;
    width: calc(100% - 30px);
    float: left;
}

.core-assignedUserRole .core-rightSpaceright {
    border-top: 1px solid #fff;
    float: right;
    width: 32px;
}

.core-assignedUserRole .core-permissison-container {
    padding: 16px;
}

    .core-assignedUserRole .core-permissison-container ul li span h4 {
        font-size: 12px;
        color: #444;
    }

.core-assignedUserRole .core-projectRole-container .core-projectRole-combo span.k-widget.k-combobox {
    width: calc(100% - 40px) !important;
    float: left;
}

.core-assignedUserRole .core-projectRole1 {
    height: 450px;
    overflow: hidden;
    overflow-y: auto;
}

.title-info-icon {
    color: #06c;
    padding-left: 8px;
    font-size: 16px;
}

.core-assignedUserRole .core-rolepermissionhelpicon {
    height: 72px;
}

.core-assignedUserRole .core-link-disable {
    pointer-events: none;
}

.core-assignedUserRole .core-show-form-errors-forLabel {
    display: block;
}

.core-EnterpriseOrganizationStructure .lm_leftMenu_Kn_Widget_1_0 {
    height: 100vh;
}

.settingsMenu #core-main-content .tabContent .core-attribute-def.pageCenterAlign #attribute1 {
    width: 100%;
    padding: 0;
}

div#addAttributeDefinitionSidenav .sidenav-innerbody, div#editAttributeDefinitionSidenav .sidenav-innerbody {
    border-top: 0;
}

/* Start of styles added for Organization Home page*/

.core-organizationDashboardController .core-organizationDashboard-container .menuPanel > form {
    margin-top: 24px;
    position: relative;
    height: 144px;
}

.core-organizationDashboardController .tileContainer {
    width: calc(100% - 25%);
    height: calc(100% - 75px);
    margin-left: 336px;
}

.core-organizationDashboardController .productAppText, .core-organizationDashboardController .productContentText {
    max-width: 100% !important;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    font-size: 14px;
    margin: 0;
    padding: 0;
    color: #555;
}

.core-organizationDashboardController .imageDisable {
    color: rgba(77, 88, 90, 0.4) !important;
    cursor: default;
}

.core-organizationDashboardController .banSymbol {
    cursor: not-allowed;
}

.core-organizationDashboardController .customLinkEdit {
    font-size: 14px !important;
    position: initial;
}

.core-organizationDashboardController .customLinks {
    min-height: 57px;
    max-height:263px;
}

    .core-organizationDashboardController .customLinks a {
        overflow: hidden;
        max-width: 300px;
        white-space: nowrap;
        display: table-cell;
    }

        .core-organizationDashboardController .customLinks a[disabled="disabled"] {
            pointer-events: none;
            opacity: unset !important;
        }

        .core-organizationDashboardController .customLinks a label {
            display: inline-block;
            font-weight: normal;
            margin-bottom: 0;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
            vertical-align: middle;
            width: 248px;
        }

    .core-organizationDashboardController .customLinks span {
        font-size: 16px;
        margin-right: 5px;
    }

        .core-organizationDashboardController .customLinks span i {
            vertical-align: top;
        }

    .core-organizationDashboardController .customLinks a:hover label {
        text-decoration: underline;
        cursor: pointer;
    }

    .core-organizationDashboardController .customLinks a:hover span i {
        cursor: pointer;
    }

.core-organizationDashboardController .customLinkAdd {
    border-top: 1px solid #bbb;
    padding: 2px 0px 20px 0px;
}

.core-organizationDashboardController .customLinks .projectLinks {
    display: flex;
    height: 32px;
    align-items: center;
}

    
.core-organizationDashboardController label.countText span {
    font-size: 28px;
    color: #555;
    float: left;
    font-family: Roboto bold;
}

.core-organizationDashboardController .core-org-settingsblock.tileColorShadow .core-org-settingsDetails {
    display: flex;
    align-items: center;
    border-bottom: 1px solid #e6e6e6;
    padding: 0;
    height: 40px;
    border-top: 4px solid #829A3C;
    border-top-left-radius: 2px;
    border-top-right-radius: 2px;
}

.core-PhotoSlider .core-PhotoSlider-check input[type="checkbox"] {
    cursor: pointer;
}

.core-organizationDashboardController .core-PhotoSlider {
    align-items: center;
    display: flex;
    justify-content: center;
    width: 100%;
    margin: 0;
    position: absolute;
    background-color: #fff;
    border: 1px solid #e6e6e6;
    height: 144px;
    border-radius: 2px;
    z-index: 1111;
    flex-direction: column;
    padding: 10px;
}

.core-organizationDashboardController .core-org-settingscontainer-colored.cursorNotAllowed {
    cursor: not-allowed !important;
}

.core-org-settingsblock.tileColorShadow.core-modal.cursorNotAllowed {
    cursor: not-allowed !important;
    opacity: .50 !important;
    position: relative;
}

.core-org-settingscontainer {
    height: 100%;
}

    .core-organizationDashboardController .core-org-settingsControls {
        padding: 16px;
    }

    .core-organizationDashboardController .core-org-settingsControls.core-orgLinks {
        padding: 16px;
        height: calc(100% - 40px);
        overflow-y: auto;
    }

    .core-organizationDashboardController .core-org-settingsControls.core-orgLinks-none {
        padding: 16px;
        height: calc(100% - 40px);
        display: flex;
        align-items: center;
    }

.core-organizationDashboardController .table-image-styleRight {
    margin-left: auto;
    font-size: 14px;
    width: 40px;
    text-align: center;
    height: 35px;
    vertical-align: middle;
    align-items: center;
    display: flex;
}

.core-organizationDashboardController .core-org-settingsDetails .table-style {
    margin: 0;
    text-align: left;
    width: calc(100% - 80px);
    cursor: default;
}

.core-organizationDashboardController .core-org-settingsblock.tileColorShadow .core-org-settingsDetails .table-image-style {
    width: 40px;
    text-align: center;
    height: 35px;
    vertical-align: middle;
    align-items: center;
    display: flex;
}

.core-organizationDashboardController .core-org-settingsButtons {
    text-align: right;
}

    .core-organizationDashboardController .core-org-settingsButtons button.btn.core-common-ellipsis {
        border: 1px solid #e6e6e6;
        font-size: 12px;
        border-radius: 2px;
        color: #555555;
        background-color: #fff;
        max-width: 75%;
        padding: 0 16px;
        height: 32px;
        cursor: pointer;
    }

.core-organizationDashboardController .core-org-settingsButtons button.btn.core-common-ellipsis:hover, .core-org-settingsButtons button.btn.core-common-ellipsis:focus {
    outline: none;
    background-color: #cecece;
}

.core-organizationDashboardController .core-org-settingsButtons button.btn.core-common-ellipsis:active {
    background-color: #a7a7a7;
}

.core-organizationDashboardController label.countText, .core-organizationDashboardController label.linkText.dashboardTile.label-style {
    margin: 0;
    line-height: 1;
    height: 34px;
}

.core-organizationDashboardController label.linkText.dashboardTile.label-style {
    width: 100%;
    font-size: 18px;
    height: 38px;
    line-height: 20px;
    margin-top: -4px;
}

    .core-organizationDashboardController label.linkText.dashboardTile.label-style span {
        float: left;
        display: inline-block;
        width: 100%;
        font-family: Roboto bold;
    }

.core-organizationDashboardController .core-org-settingscontainer-colored {
    height: 100%;
    padding: 16px;
    z-index: 1111;
    position: relative;
}

.core-org-settingsButtons button * {
    cursor: pointer;
}

.core-org-settingsButtons button * {
    cursor: pointer;
}


.core-organizationDashboardController .core-bottomSectionNew {
    position: absolute;
    bottom: 16px;
    right: 16px;
    width: calc(100% - 32px);
}

.core-organizationDashboardController .core-headerSectionNew-body {
    display: flex;
    align-items: center;
}

    .core-organizationDashboardController .core-headerSectionNew-body i.icon {
        font-size: 48px;
        color: #fff !important;
    }

    .core-organizationDashboardController .core-headerSectionNew-body span.prodTitle {
        display: inline-flex;
        flex-flow: column;
        line-height: 20px;
        margin-left: 5px;
        width: calc(100% - 37px);
    }

        .core-organizationDashboardController .core-headerSectionNew-body span.prodTitle span.firstLine {
            font-size: 16px;
            color: #fff;
            width: 100%;
        }

        .core-organizationDashboardController .core-headerSectionNew-body span.prodTitle span.secondLine {
            font-size: 20px;
            color: #fff;
            text-transform: uppercase;
            width: 100%
        }

.core-organizationDashboardController .core-org-bg {
    position: absolute;
    right: 0;
    color: #fff;
    top: 1px;
    right: 20px;
    z-index: 1;
    opacity: 12%;
}

    .core-organizationDashboardController .core-org-bg i.icon:before {
        font-size: 142px;
    }

    .core-organizationDashboardController .core-org-bg i.icon {
        color: #fff !important;
    }

.core-organizationDashboardController .core-org-settingsblock.tileColorShadow .core-org-settingsDetails .table-image-style .icon, .core-organizationDashboardController .core-org-settingsblock.tileColorShadow .core-org-settingsDetails .table-image-styleRight .icon {
    font-size: 20px !important;
    color: #4d595a;
    padding: 5px;
    border: 1px solid transparent;
    margin: 0 auto
}

.core-organizationDashboardController .core-org-settingsblock.tileColorShadow .core-org-settingsDetails .table-image-style .icon {
    border: 0;
    line-height: 0.75;
}

.core-organizationDashboardController .core-org-settingsblock.tileColorShadow .core-org-settingsDetails .table-image-styleRight .icon {
    font-size: 18px !important;
    margin-top: -1px
}

    .core-organizationDashboardController .core-org-settingsblock.tileColorShadow .core-org-settingsDetails .table-image-styleRight .icon:hover {
        border: 1px solid #e6e6e6;
        border-radius: 2px;
        cursor: pointer;
    }

    .core-organizationDashboardController .core-org-settingsblock.tileColorShadow .core-org-settingsDetails .table-image-styleRight .icon:active {
        background-color: #f8f8f8;
    }

    .core-organizationDashboardController .core-org-settingsblock.tileColorShadow .core-org-settingsDetails .table-image-styleRight .icon:focus {
        outline: none;
    }
.core-organizationDashboardController .core-org-settingsblock.tileColorShadow.core-modal .core-org-settingsButtons button.btn.core-common-ellipsis {
    background-color: #881822;
    color: #fff;
}

.core-org-teamsimage {
    background-image: url(/AppCore/CommonLibraries/ineight/images/Microsoft-Teams.svg);
    background-repeat: no-repeat;
    background-size: contain;
    background-position-x: 8%;
    height: 100%;
    background-size: 30%;
    background-position-y: center;
}

.core-organizationDashboardController .core-org-settingsblock.tileColorShadow.core-microsoft .core-org-settingsButtons button.btn.core-common-ellipsis {
    background-color: #5558AF;
    color: #fff;
}

.core-organizationDashboardController .core-org-settingsblock.tileColorShadow.core-estimate .core-org-settingsButtons button.btn.core-common-ellipsis {
    background-color: #006AB4;
    color: #fff;
}

.core-organizationDashboardController .core-org-settingsblock.tileColorShadow.core-schedule .core-org-settingsButtons button.btn.core-common-ellipsis {
    background-color: #319FB4;
    color: #fff;
}

.core-organizationDashboardController .core-org-settingsblock.tileColorShadow.core-compliance .core-org-settingsButtons button.btn.core-common-ellipsis {
    background-color: #F5B324;
    color: #fff;
}

.core-organizationDashboardController .core-org-settingsblock.tileColorShadow.core-report .core-org-settingsButtons button.btn.core-common-ellipsis {
    background-color: #8F22A3;
    color: #fff;
}

.core-organizationDashboardController .core-org-settingsblock.tileColorShadow.core-explore .core-org-settingsButtons button.btn.core-common-ellipsis {
    background-color: #8F22A3;
    color: #fff;
}

.core-organizationDashboardController .core-org-settingsblock.tileColorShadow.core-modal .core-org-settingsButtons button.btn.core-common-ellipsis:hover {
    background-color: #79141E;
    color: #fff;
}

.core-organizationDashboardController .core-org-settingsblock.tileColorShadow.core-estimate .core-org-settingsButtons button.btn.core-common-ellipsis:hover {
    background-color: #015DA0;
    color: #fff;
}

.core-organizationDashboardController .core-org-settingsblock.tileColorShadow.core-schedule .core-org-settingsButtons button.btn.core-common-ellipsis:hover {
    background-color: #2C8DA0;
    color: #fff;
}

.core-organizationDashboardController .core-org-settingsblock.tileColorShadow.core-compliance .core-org-settingsButtons button.btn.core-common-ellipsis:hover {
    background-color: #F5B324;
    color: #fff;
}

.core-organizationDashboardController .core-org-settingsblock.tileColorShadow.core-report .core-org-settingsButtons button.btn.core-common-ellipsis:hover {
    background-color: #801E90;
    color: #fff;
}

.core-organizationDashboardController .core-org-settingsblock.tileColorShadow.core-explore .core-org-settingsButtons button.btn.core-common-ellipsis:hover {
    background-color: #801E90;
    color: #fff;
}

.core-organizationDashboardController .core-org-settingsblock.tileColorShadow.core-modal .core-org-settingsButtons button.btn.core-common-ellipsis:active {
    background-color: #6A121A;
    color: #fff;
}

.core-organizationDashboardController .core-org-settingsblock.tileColorShadow.core-estimate .core-org-settingsButtons button.btn.core-common-ellipsis:active {
    background-color: #00518C;
    color: #fff;
}

.core-organizationDashboardController .core-org-settingsblock.tileColorShadow.core-schedule .core-org-settingsButtons button.btn.core-common-ellipsis:active {
    background-color: #267C8C;
    color: #fff;
}

.core-organizationDashboardController .core-org-settingsblock.tileColorShadow.core-compliance .core-org-settingsButtons button.btn.core-common-ellipsis:active {
    background-color: #F5B324;
    color: #fff;
}

.core-organizationDashboardController .core-org-settingsblock.tileColorShadow.core-report .core-org-settingsButtons button.btn.core-common-ellipsis:active {
    background-color: #70197E;
    color: #fff;
}

.core-organizationDashboardController .core-org-settingsblock.tileColorShadow.core-explore .core-org-settingsButtons button.btn.core-common-ellipsis:active {
    background-color: #70197E;
    color: #fff;
}

.core-organizationDashboardController .menuPanel .leftMenu .addition-menu, .core-organizationDashboardController .menuPanel .leftMenu .extensionStyle {
    margin: 0;
    background-color: #fff;
    color: #555;
    font-weight: 600;
}

.core-organizationDashboardController div.estimate ~ div > ul.menu-list > li.parent-list {
    border: 0;
}

.core-organizationDashboardController .menuPanel .leftMenu .menu-list li.parent-list {
    display: flex;
    height: 28px;
    cursor: default;
    padding: 0 8px 0 0;
    margin: 0;
}

.core-projectDashboardController .menuPanel .leftMenu .leftmenu-content .estimate ul.menu-list li.parent-list.estimate {
    margin-bottom: 0;
}

.core-organizationDashboardController .leftmenu-content > .DynamicMenuList.menuHasChild + .DynamicMenuList ul.menu-list {
    padding-top: 4px;
    border-top: 1px solid #e6e6e6;
}

.core-organizationDashboardController .leftmenu-content > .DynamicMenuList .addition-menu.core-common-ellipsis.menuHeader + ul.menu-list {
    border: 0;
    padding-top: 0;
}

.core-organizationDashboardController .leftmenu-content > .DynamicMenuList.estimate.menuHasChild + .DynamicMenuList ul.menu-list {
    padding-top: 0;
    border-top: 0;
}

.core-organizationDashboardController .menuPanel .leftMenu ul.menu-list.estimate li.parent-list + li.dispblock {
    display: none;
}

.core-organizationDashboardController .menuPanel .leftMenu .menu-list li.parent-list .core-menu-listClkArea {
    display: flex;
    align-items: center;
    cursor: pointer;
    height: 28px;
    width: fit-content;
    float: left;
}

.core-organizationDashboardController .menuPanel .leftMenu .menu-list {
    margin-bottom: 4px;
}

.core-organizationDashboardController .menuPanel .leftMenu ul.menu-list.containChild {
    border-top: 1px solid #e6e6e6;
    padding: 4px 0 0 0;
}

.core-organizationDashboardController .menuPanel .leftMenu ul.menu-list.estimate.containChild {
    border: 0;
    padding-top: 0;
}

.core-organizationDashboardController .menuPanel .leftMenu .addition-menu + ul.menu-list.containChild, .core-organizationDashboardController .menuPanel .leftMenu .extensionStyle + ul.menu-list.containChild {
    border: 0;
    padding: 0;
}

.core-organizationDashboardController .menuPanel .leftMenu .menu-list li.parent-list .core-menu-listClkArea .labelWithIcon + span {
    width: auto;
}

.core-organizationDashboardController .menuPanel .leftMenu .menu-list li.parent-list .core-menu-listClkArea + span {
    float: right;
    width: auto;
}

.core-organizationDashboardController .menuPanel .leftMenu .menu-list li.parent-list .core-menu-listClkArea + span {
    float: right;
    height: 32px;
    width: auto;
    line-height: 32px;
}

.core-organizationDashboardController .menuPanel .leftMenu .menu-list li.parent-list .core-menu-listClkArea .labelWithIcon .core-common-ellipsis {
    cursor: pointer;
}

.core-organizationDashboardController .menuPanel .leftMenu .menu-list.noCursorContainer li.parent-list .core-menu-listClkArea .core-common-ellipsis.tilePointer.labelWithIcon * {
    cursor: not-allowed;
}

.core-organizationDashboardController .menuPanel .leftMenu .menu-list li.parent-list.estimate .labelWithIcon .core-common-ellipsis {
    padding: 0;
    display: block;
    width: auto;
}

.core-organizationDashboardController .menuPanel .leftMenu .menu-list li.parent-list .core-menu-listClkArea span.menu-icon-parent {
    width: auto;
    height: 28px;
    text-align: center;
}

    .core-organizationDashboardController .menuPanel .leftMenu .menu-list li.parent-list .core-menu-listClkArea span.menu-icon-parent i.icon {
        margin: 0;
        height: 28px;
        text-align: center;
        border-radius: 2px
    }

.core-organizationDashboardController .parent-list:hover, .core-organizationDashboardController .menuPanel .leftMenu .child-list:hover, .core-organizationDashboardController .menuPanel .leftMenu .menu-list li .nested-menu-list li:hover, .core-organizationDashboardController .menuPanel .leftMenu .menu-list li.parent-list.core-common-ellipsis.estimate.containChild:hover, .core-organizationDashboardController .DynamicMenuList.estimate > ul.menu-list > li.parent-list.estimate.containChild:hover {
    background: #f8f8f8;
    color: #333;
}

.core-organizationDashboardController .menuPanel .leftMenu .menu-list.estimate.containChild li.parent-list:hover {
    background: #f8f8f8;
    color: #333;
}

.core-organizationDashboardController .leftmenu-content > .DynamicMenuList:first-child > .addition-menu.fisrtmenu {
    display: none;
}

.core-organizationDashboardController span.menu-icon-parent i {
    font-size: 20px;
    color: #fff !important;
    display: block;
    margin: -3px 0 0 0;
}

.core-organizationDashboardController .DynamicMenuList.estimate > ul.menu-list > li.parent-list.estimate.containChild {
    margin: 0;
}

.core-organizationDashboardController .core-common-ellipsis.tilePointer.labelWithIcon > .core-common-ellipsis:hover {
    text-decoration: none;
}

.menuPanel .leftMenu .menu-list li.parent-list .core-menu-listClkArea + .in8nav-icon.orange2 {
    height: 28px;
    width: 32px;
    line-height: 28px;
    justify-content: center;
    margin-left: 8px;
    display: inline-flex;
    align-items: center;
    cursor: default;
}

.core-organizationDashboardController .menuPanel {
    min-height: inherit;
    max-width: inherit;
    min-width: 336px;
    text-align: left;
    padding: 0 16px;
    position: fixed;
    left: 0;
    background-color: #fff;
    box-shadow: none;
    border: 1px solid #e6e6e6;
    height: calc(100vh - 76px) !important;
    z-index: 11111;
}

.core-organizationDashboardController .core-PhotoUpload {
    align-items: center;
    display: flex;
    justify-content: center;
    width: 100%;
    margin: 0;
    position: absolute;
    background-color: #fff;
    border: 1px solid #e6e6e6;
    height: 144px;
    border-radius: 2px;
}

.core-organizationDashboardController .menuPanel .leftMenu {
    width: 100%;
    height: calc(100% - 210px) !important;
    margin: 24px auto 17px auto;
    border: 0;
    top: 0;
}

.core-organizationDashboardController .core-PhotoUpload-bottom {
    position: absolute;
    width: 100%;
    height: 40px;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.5);
    color: #fff;
    align-items: center;
    display: flex;
    z-index: 1111;
}

.core-organizationDashboardController .core-PhotoUpload-container {
    height: 142px;
    width: 100%;
    text-align: center;
    position: relative;
}

.core-organizationDashboardController .core-PhotoUpload-bottom span.uploadTxt {
    margin: 0 auto;
    padding: 0 15px;
    color: #fff;
    max-width: 260px;
    width: 260px;
    text-align: center;
    font-size: 12px
}

.core-organizationDashboardController .core-PhotoUpload-bottom span.uploadPhoto-icon {
    height: 40px;
    width: 40px;
    overflow: hidden;
    position: relative;
    align-items: center;
    display: flex;
    font-size: 16px;
    overflow: hidden;
}

    .core-organizationDashboardController .core-PhotoUpload-bottom span.uploadPhoto-icon i.icon.icon-photo, .core-organizationDashboardController .core-PhotoUpload-bottom span.uploadPhoto-icon i.icon.icon-remove {
        margin: 0 auto;
        cursor: pointer;
    }

.core-organizationDashboardController .uploadPhotoTxt > div {
    margin: 3px auto 0 auto;
    width: 100%;
    cursor: pointer;
}

.core-organizationDashboardController .uploadPhotoImg.projImageTile {
    width: 100%;
    height: 142px;
    display: flex;
    text-align: center;
    align-items: center;
    position: relative;
}

    .core-organizationDashboardController .uploadPhotoImg.projImageTile.core-uploadImg {
        z-index: 1111;
        background-color: #fff;
    }

    .core-organizationDashboardController .uploadPhotoImg.projImageTile > img {
        object-fit: cover;
        object-position: center;
        min-width: 100%;
        min-height: 100%;
        height: 100%;
        width: 100%;
    }

.core-organizationDashboardController .uploadPhotoTxt {
    position: absolute;
    height: 102px;
    text-align: center;
    width: 100%;
    color: #555;
    display: block;
    bottom: 40px;
    overflow: hidden
}

    .core-organizationDashboardController .uploadPhotoTxt span {
        display: block;
        height: auto;
        text-align: center;
        margin: 5px 0;
    }

        .core-organizationDashboardController .uploadPhotoTxt span + span {
            color: #7f7f7f;
            height: auto;
            font-style: italic;
        }

    .core-organizationDashboardController .uploadPhotoTxt i.icon {
        font-size: 48px;
        color: #555;
        margin: 0 auto;
        height: 48px;
    }

.core-organizationDashboardController .core-PhotoUpload-bottom span.uploadPhoto-icon div {
    margin: 0 auto;
    text-align: center;
    height: 18px;
    width: 16px;
    display: block;
}

.core-organizationDashboardController .menuPanel .leftMenu .addition-menu, .core-organizationDashboardController .menuPanel .leftMenu .extensionStyle {
    padding-left: 0;
    border-bottom: 1px solid #e6e6e6;
    margin: 8px 0;
}

.core-organizationDashboardController ul.menu-list {
    margin: 0;
}

.core-organizationDashboardController .menuPanel .leftMenu .menu-list li.parent-list > span.menu-icon-parent {
    margin: 0;
}
/*After project homepage gridstack conversion need stop remove*/
.core-organizationDashboardController .core-organization-inner-left, .core-organizationDashboardController .core-organization-inner-right {
    text-align: center;
    margin: 12px 0;
}

.core-organizationDashboardController .menuPanel .leftMenu .menu-list span.icon.cogIconStyle.icon-settings.cogIcon {
    margin-left: auto;
}

.core-organizationDashboardController {
    padding: 0;
}

    .core-organizationDashboardController .DynamicMenuList.estimate > ul.menu-list > li.parent-list.estimate.containChild .core-common-ellipsis.tilePointer.labelWithIcon {
        max-width: inherit;
    }

    .core-organizationDashboardController .tilePointer, .tilePointer * {
        cursor: default;
    }

    .core-organizationDashboardController .core-organizationDashboard-container {
        display: flex;
    }

.core-org-settingsblock.tileColorShadow.cursorNotAllowed button.btn {
    pointer-events: none;
}

.core-organizationDashboardController .leftmenu-content i.icon.icon-capital {
    background-color: #6A7F9E !important;
    margin-right: 8px !important;
}

.core-organizationDashboardController .leftmenu-content i.icon.icon-veo {
    background-color: #981B26 !important;
    margin-right: 8px !important;
}

.core-organizationDashboardController .leftmenu-content i.icon.icon-document {
    background-color: #FF6B29 !important;
    margin-right: 8px !important;
}

.core-organizationDashboardController .leftmenu-content i.icon.icon-basis {
    background-color: #36b0c9 !important;
    margin-right: 8px !important;
}

.core-organizationDashboardController .leftmenu-content i.icon.icon-estimate {
    background-color: #0075C9 !important;
    margin-right: 8px !important;
}

.core-organizationDashboardController .leftmenu-content i.icon.icon-controls {
    background-color: #0075C9 !important;
    margin-right: 8px !important;
}

.core-organizationDashboardController .leftmenu-content i.icon.icon-report, .core-organizationDashboardController .leftmenu-content i.icon.icon-explore {
    background-color: #9F26B5 !important;
    margin-right: 8px !important;
}

.core-organizationDashboardController .leftmenu-content i.icon.icon-inspect {
    background-color: #F5B324 !important;
    margin-right: 8px !important;
}

.core-organizationDashboardController .leftmenu-content i.icon.icon-plan {
    background-color: #2D7050 !important;
    margin-right: 8px !important;
}

.core-organizationDashboardController .leftmenu-content i.icon.icon-completions {
    background-color: #F5B324 !important;
    margin-right: 8px !important;
}
.core-organizationDashboardController .leftmenu-content i.icon.icon-progress {
    background-color: #2D7050 !important;
    margin-right: 8px !important;
}

.core-organizationDashboardController .leftmenu-content i.icon.icon-contracts {
    background-color: #6e7ba1 !important;
    margin-right: 8px !important;
}

.core-organizationDashboardController .leftmenu-content i.icon.icon-change {
    background-color: #6e7ba1 !important;
    margin-right: 8px !important;
}

.core-organizationDashboardController .core-org-settingsblock.tileColorShadow .core-org-settingsDetails .table-image-style .icon.icon-veo {
    color: #981B26 !important;
}

.core-organizationDashboardController .core-org-settingsblock.tileColorShadow .core-org-settingsDetails .table-image-style .icon.icon-document {
    color: #FF6B29 !important;
}

.core-organizationDashboardController .core-org-settingsblock.tileColorShadow .core-org-settingsDetails .table-image-style .icon.icon-basis {
    color: #36b0c9 !important;
}

.core-organizationDashboardController .core-org-settingsblock.tileColorShadow .core-org-settingsDetails .table-image-style .icon.icon-estimate {
    color: #0075C9 !important;
}

.core-organizationDashboardController .core-org-settingsblock.tileColorShadow .core-org-settingsDetails .table-image-style .icon.icon-controls {
    color: #0075C9 !important;
}

.core-organizationDashboardController .core-org-settingsblock.tileColorShadow .core-org-settingsDetails .table-image-style .icon.icon-report, .core-organizationDashboardController .core-org-settingsblock.tileColorShadow .core-org-settingsDetails .table-image-style .icon.icon-explore {
    color: #9F26B5 !important;
}

.core-organizationDashboardController .core-org-settingsblock.tileColorShadow .core-org-settingsDetails .table-image-style .icon.icon-inspect {
    color: #2D7050 !important;
}

.core-organizationDashboardController .core-org-settingsblock.tileColorShadow .core-org-settingsDetails .table-image-style .icon.icon-plan {
    color: #2D7050 !important;
}

.core-organizationDashboardController .core-org-settingsblock.tileColorShadow .core-org-settingsDetails .table-image-style .icon.icon-progress {
    color: #2D7050 !important;
}

.core-organizationDashboardController .core-org-settingsblock.tileColorShadow .core-org-settingsDetails .table-image-style .icon.icon.icon-contracts {
    color: #6e7ba1 !important;
}

.core-organizationDashboardController .core-org-settingsblock.tileColorShadow .core-org-settingsDetails .table-image-style .icon.icon-change {
    color: #6e7ba1 !important;
}

.core-organizationDashboardController .core-org-settingscontainer-colored.cursorNotAllowed button.btn.core-common-ellipsis {
    pointer-events: none;
}

.core-organizationDashboardController .core-org-settingscontainer-colored.cursorNotAllowed {
    user-select: none;
}

.core-organizationDashboardController .menuPanel .leftMenu .menu-list li ul.nested-menu-list li.child-list {
    height: auto;
    cursor: default;
    padding: 0 0 0 36px;
}

    .core-organizationDashboardController .menuPanel .leftMenu .menu-list li ul.nested-menu-list li.child-list .core-common-ellipsis.ng-binding.tilePointer {
        display: flex;
        align-items: center;
        cursor: pointer;
        height: 32px;
        width: fit-content;
        float: left;
        padding: 0;
    }

        .core-organizationDashboardController .menuPanel .leftMenu .menu-list li ul.nested-menu-list li.child-list .core-common-ellipsis.ng-binding.tilePointer:hover {
            text-decoration: none;
        }

.core-organizationDashboardController .menuPanel .leftMenu ul.menu-list li.parent-list.containChild .core-menu-listClkArea span.menu-icon-parent {
    cursor: default;
}

.core-organizationDashboardController .core-org-settingsblock.tileColorShadow.core-estimate .core-org-settingsButtons button.btn.core-common-ellipsis.cogIcon {
    width: auto;
    position: relative;
    left: 0;
}

.core-organizationDashboardController .menuPanel .leftMenu .menu-list.noCursorContainer li.parent-list, .core-organizationDashboardController .menuPanel .leftMenu .menu-list.noCursorContainer li.parent-list .core-menu-listClkArea span.menu-icon-parent, .core-organizationDashboardController .menuPanel .leftMenu .menu-list.noCursorContainer li.parent-list .core-menu-listClkArea, .core-organizationDashboardController .menuPanel .leftMenu .menu-list.noCursorContainer li.parent-list .core-menu-listClkArea .core-common-ellipsis.noCursor.labelWithIcon .core-common-ellipsis {
    cursor: not-allowed;
}

    .core-organizationDashboardController .menuPanel .leftMenu .menu-list.noCursorContainer li.parent-list .core-menu-listClkArea {
        opacity: 0.4;
    }

.core-organizationDashboardController .core-org-settingscontainer span.icon.icon-add.iconLinkStyle {
    cursor: pointer;
}

.core-organizationDashboardController .cursorNotAllowed span.icon.icon-add.iconLinkStyle {
    cursor: not-allowed;
}

.core-organizationDashboardController input#coreFileUpload {
    font-size: 28px;
    position: absolute;
    top: 0;
    right: 0;
    opacity: 0;
    -moz-opacity: 0.4;
    filter: alpha(opacity:0);
    z-index: 2;
    width: 100%;
    height: 100%;
    display: block !important;
    cursor: pointer;
}

.core-organizationDashboardController span.uploadPhoto-icon input#coreFileUpload {
    width: 40px;
    cursor: pointer;
    position: absolute;
    z-index: 11111;
}

.core-organizationDashboardController input[type=file]::-webkit-file-upload-button {
    cursor: pointer;
}

.core-organizationDashboardController input#coreFileUpload {
    font-size: 28px;
    position: absolute;
    top: 0;
    right: 0;
    opacity: 0;
    -moz-opacity: 0.4;
    filter: alpha(opacity:0);
    z-index: 2;
    width: 100%;
    height: 100%;
    display: block !important;
    cursor: pointer;
}

.core-organizationDashboardController span.uploadPhoto-icon input#coreFileUpload {
    width: 40px;
    cursor: pointer;
    position: absolute;
    z-index: 11111;
}

.core-organizationDashboardController input[type=file]::-webkit-file-upload-button {
    cursor: pointer;
}

.core-organizationDashboardController .menuPanel .leftMenu ul.menu-list li .core-menu-listClkArea span.menu-icon-parent + .core-common-ellipsis {
    padding-right: 0;
}

.core-organizationDashboardController .core-org-settingsButtons button.btn.core-common-ellipsis.cursorNotAllowed:hover, .core-organizationDashboardController .core-org-settingsButtons button.btn.core-common-ellipsis.cursorNotAllowed:focus {
    background-color: transparent;
}

.core-organizationDashboardController .core-org-settingsButtons button.btn.core-common-ellipsis.cursorNotAllowed a {
    pointer-events: none;
}

.core-org-settingsControls.core-orgLinks .table-content .productContentText {
    font-family: Roboto Regular;
    font-weight: 600;
}

@media only screen and (min-width: 320px) and (max-width: 1280px) {
    .core-organizationDashboardController {
        padding: 0;
        position: relative;
    }

        .core-organizationDashboardController .menuPanel {
            max-width: 336px;
            min-width: 336px;
            position: sticky;
        }

        .core-organizationDashboardController .tileContainer {
            width: calc(100% - 335px);
            height: calc(100vh - 75px);
            overflow: auto;
            margin-left: 0px;
        }

        .core-organizationDashboardController .menuPanel {
            min-width: 335px;
            width: 335px;
            position: sticky;
        }

       

        .core-organizationDashboardController .menuPanel .leftMenu {
            height: calc(100vh - 290px) !important;
        }

    .core-organizationDasboard-Toverlay, .core-organizationDasboard-Boverlay {
        display: none;
    }
}

/* End of styles added for Organization Home page*/

.core-faux-combobox.disabled, input[disabled], input[disabled]:hover {
    cursor: not-allowed;
}

/* Start of styles added for ProjectDashboard Home page*/

.core-projectDashboardController .tileContainer {
    width: calc(100% - 25%);
    height: calc(100% - 75px);
}

.core-projectDashboardController .productAppText, .core-projectDashboardController .productContentText {
    max-width: 100% !important;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    font-size: 14px;
    margin: 0;
    padding: 0;
    color: #555;
}

.core-projectDashboardController .core-org-settingsControls .core-org-ControlsText-blk {
    font-size: 14px;
    margin: 0 20px 0 0;
    padding: 0;
    color: #555;
    width: 25%;
    display: inline-block;
}

    .core-projectDashboardController .core-org-settingsControls .core-org-ControlsText-blk span.core-ellipsis-tooltip.core-org-ControlsText-txt {
        max-width: 100% !important;
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
        font-size: 14px;
        margin: 0;
        width: 100% !important;
        padding: 0;
        color: #555;
        display: inline-block;
    }

    .core-projectDashboardController .core-org-settingsControls .core-org-ControlsText-blk.total {
        font-weight: 600;
    }

    .core-projectDashboardController .core-org-settingsControls .core-org-ControlsText-blk span.core-ellipsis-tooltip.core-org-ControlsText-count {
        max-width: 100% !important;
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
        font-size: 28px;
        margin: 0;
        width: 100% !important;
        float: left;
        padding: 0;
        font-weight: 600;
        color: #555;
        display: inline-block;
        text-align: left;
        font-family: Roboto bold;
    }

.core-projectDashboardController .imageDisable {
    color: rgba(77, 88, 90, 0.4) !important;
    cursor: default;
}

.core-projectDashboardController .banSymbol {
    cursor: not-allowed;
}

.core-projectDashboardController .customLinkEdit {
    font-size: 14px !important;
    position: initial;
}

.core-projectDashboardController .customLinks {
    min-height: 57px;
}

    .core-projectDashboardController .customLinks a {
        overflow: hidden;
        max-width: 300px;
        white-space: nowrap;
        display: table-cell;
    }

        .core-projectDashboardController .customLinks a[disabled="disabled"] {
            pointer-events: none;
            opacity: unset !important;
        }

        .core-projectDashboardController .customLinks a label {
            display: inline-block;
            font-weight: normal;
            margin-bottom: 0;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
            vertical-align: middle;
            width: 248px;
        }

    .core-projectDashboardController .customLinks span {
        font-size: 16px;
        margin-right: 5px;
    }

        .core-projectDashboardController .customLinks span i {
            vertical-align: top;
        }

    .core-projectDashboardController .customLinks a:hover label {
        text-decoration: underline;
        cursor: pointer;
    }

    .core-projectDashboardController .customLinks a:hover span i {
        cursor: pointer;
    }

.core-projectDashboardController .customLinkAdd {
    border-top: 1px solid #bbb;
    padding: 2px 0px 20px 0px;
}

.core-projectDashboardController .customLinks .projectLinks {
    display: flex;
    height: 32px;
    align-items: center;
}


    
   
.core-projectDashboardController label.countText span {
    font-size: 28px;
    color: #555;
    float: left;
    font-family: Roboto bold;
}

.core-projectDashboardController .core-org-settingsblock.tileColorShadow .core-org-settingsDetails {
    display: flex;
    align-items: center;
    border-bottom: 1px solid #e6e6e6;
    padding: 0;
    height: 40px;
    border-top: 4px solid #829A3C;
    border-top-left-radius: 2px;
    border-top-right-radius: 2px;
}

.core-projectDashboardController .core-org-settingscontainer-colored.cursorNotAllowed {
    cursor: not-allowed !important;
}

.core-org-settingsblock.tileColorShadow.core-modal.cursorNotAllowed {
    cursor: not-allowed !important;
    opacity: .50 !important;
    position: relative;
}

.core-org-settingscontainer {
    height: 100%;
}

.core-projectDashboardController .core-org-settingsControls {
    padding: 16px;
    height: calc(100% - 40px);
}

    .core-projectDashboardController .core-org-settingsControls.core-orgLinks {
        padding: 16px;
        height: calc(100% - 40px);
        overflow-y: auto;
    }

    .core-projectDashboardController .core-org-settingsControls.core-orgLinks-none {
        padding: 16px;
        height: calc(100% - 40px);
        display: flex;
        align-items: center;
        border-top: 1px solid #ccc;
        margin-top: 16px;
    }

    .core-projectDashboardController .core-org-settingsControls.core-orgLinks .table-content {
        padding-bottom: 16px;
    }

.core-projectDashboardController .table-image-styleRight {
    margin-left: auto;
    font-size: 14px;
    width: 40px;
    text-align: center;
    height: 35px;
    vertical-align: middle;
    align-items: center;
    display: flex;
}

.core-projectDashboardController .core-org-settingsDetails .table-style {
    margin: 0;
    text-align: left;
    width: calc(100% - 80px);
    cursor: default;
}

.core-projectDashboardController .core-org-settingsblock.tileColorShadow .core-org-settingsDetails .table-image-style {
    width: 40px;
    text-align: center;
    height: 35px;
    vertical-align: middle;
    align-items: center;
    display: flex;
}

.core-projectDashboardController .core-org-settingsButtons {
    text-align: right;
}

    .core-projectDashboardController .core-org-settingsButtons button.btn.core-common-ellipsis {
        border: 1px solid #e6e6e6;
        font-size: 12px;
        border-radius: 2px;
        color: #555555;
        background-color: #fff;
        max-width: 75%;
        padding: 0 16px;
        height: 32px;
        cursor: pointer;
    }

        .core-projectDashboardController .core-org-settingsButtons button.btn.core-common-ellipsis:hover, .core-org-settingsButtons button.btn.core-common-ellipsis:focus {
            outline: none;
            background-color: #cecece;
        }

        .core-projectDashboardController .core-org-settingsButtons button.btn.core-common-ellipsis:active {
            background-color: #a7a7a7;
        }

        .core-projectDashboardController .core-org-settingsButtons button.btn.core-common-ellipsis.core-projectManageSettings:hover, .core-org-settingsButtons button.btn.core-common-ellipsis.core-projectManageSettings {
            padding: 0 30px;
        }

.core-projectDashboardController label.countText, .core-projectDashboardController label.linkText.dashboardTile.label-style {
    margin: 0;
    line-height: 1;
    height: 34px;
}

.core-projectDashboardController label.linkText.dashboardTile.label-style {
    width: 100%;
    font-size: 18px;
    height: 38px;
    line-height: 20px;
    margin-top: -4px;
}

    .core-projectDashboardController label.linkText.dashboardTile.label-style span {
        float: left;
        display: inline-block;
        width: 100%;
        font-family: Roboto bold;
    }

.core-projectDashboardController .core-org-settingscontainer-colored {
    height: 100%;
    padding: 16px;
    z-index: 1111;
    position: relative;
}

.core-org-settingsButtons button * {
    cursor: pointer;
}

.core-org-settingsButtons button * {
    cursor: pointer;
}

.core-projectDashboardController .core-headerSectionNew {
    /* margin-top: 18px; */
    /*margin-bottom: 10px; */
    padding: 31px 0;
}

.core-projectDashboardController .core-bottomSectionNew {
    position: absolute;
    bottom: 16px;
    right: 16px;
    width: calc(100% - 32px);
}

.core-projectDashboardController .core-headerSectionNew-body {
    display: flex;
    align-items: center;
}

    .core-projectDashboardController .core-headerSectionNew-body i.icon {
        font-size: 48px;
        color: #fff !important;
    }

    .core-projectDashboardController .core-headerSectionNew-body span.prodTitle {
        display: inline-flex;
        flex-flow: column;
        line-height: 20px;
        margin-left: 5px;
        width: calc(100% - 37px);
    }

        .core-projectDashboardController .core-headerSectionNew-body span.prodTitle span.firstLine {
            font-size: 16px;
            color: #fff;
            width: 100%;
        }

        .core-projectDashboardController .core-headerSectionNew-body span.prodTitle span.secondLine {
            font-size: 20px;
            color: #fff;
            text-transform: uppercase;
            width: 100%
        }

.core-projectDashboardController .core-org-bg {
    position: absolute;
    right: 0;
    color: #fff;
    top: 1px;
    right: 20px;
    z-index: 1;
    opacity: 12%;
}

    .core-projectDashboardController .core-org-bg i.icon:before {
        font-size: 142px;
    }

    .core-projectDashboardController .core-org-bg i.icon {
        color: #fff !important;
    }

.core-projectDashboardController .core-projectdasboard-center .core-org-settingsblock .icon {
    font-size: 20px;
    bottom: 12px;
}

.core-projectDashboardController .core-projectdasboard-center .core-org-settingsblock .table-image-styleRight .icon {
    bottom: 0;
}

.core-projectDashboardController .core-org-settingsblock.tileColorShadow .core-org-settingsDetails .table-image-style .icon, .core-projectDashboardController .core-org-settingsblock.tileColorShadow .core-org-settingsDetails .table-image-styleRight .icon {
    font-size: 20px !important;
    color: #4d595a;
    padding: 5px;
    border: 1px solid transparent;
    margin: 0 auto
}

.core-projectDashboardController .core-org-settingsblock.tileColorShadow .core-org-settingsDetails .table-image-styleRight .icon {
    font-size: 18px !important;
    margin-top: -1px;
}

    .core-projectDashboardController .core-org-settingsblock.tileColorShadow .core-org-settingsDetails .table-image-styleRight .icon:hover {
        border: 1px solid #e6e6e6;
        border-radius: 2px;
        cursor: pointer;
    }

    .core-projectDashboardController .core-org-settingsblock.tileColorShadow .core-org-settingsDetails .table-image-styleRight .icon:active {
        background-color: #f8f8f8;
    }

    .core-projectDashboardController .core-org-settingsblock.tileColorShadow .core-org-settingsDetails .table-image-styleRight .icon:focus {
        outline: none;
    }



.core-projectDashboardController .core-org-settingsblock.tileColorShadow.core-modal .core-org-settingsButtons button.btn.core-common-ellipsis {
    background-color: #881822;
    color: #fff;
}

.core-projectDashboardController .core-org-settingsblock.tileColorShadow.core-estimate .core-org-settingsButtons button.btn.core-common-ellipsis {
    background-color: #006AB4;
    color: #fff;
}

.core-projectDashboardController .core-org-settingsblock.tileColorShadow.core-schedule .core-org-settingsButtons button.btn.core-common-ellipsis {
    background-color: #319FB4;
    color: #fff;
}

.core-projectDashboardController .core-org-settingsblock.tileColorShadow.core-compliance .core-org-settingsButtons button.btn.core-common-ellipsis {
    background-color: #F5B324;
    color: #fff;
}

.core-projectDashboardController .core-org-settingsblock.tileColorShadow.core-report .core-org-settingsButtons button.btn.core-common-ellipsis {
    background-color: #8F22A3;
    color: #fff;
}

.core-projectDashboardController .core-org-settingsblock.tileColorShadow.core-explore .core-org-settingsButtons button.btn.core-common-ellipsis {
    background-color: #8F22A3;
    color: #fff;
}

.core-projectDashboardController .core-org-settingsblock.tileColorShadow.core-modal .core-org-settingsButtons button.btn.core-common-ellipsis:hover {
    background-color: #79141E;
    color: #fff;
}

.core-projectDashboardController .core-org-settingsblock.tileColorShadow.core-estimate .core-org-settingsButtons button.btn.core-common-ellipsis:hover {
    background-color: #015DA0;
    color: #fff;
}

.core-projectDashboardController .core-org-settingsblock.tileColorShadow.core-schedule .core-org-settingsButtons button.btn.core-common-ellipsis:hover {
    background-color: #2C8DA0;
    color: #fff;
}

.core-projectDashboardController .core-org-settingsblock.tileColorShadow.core-compliance .core-org-settingsButtons button.btn.core-common-ellipsis:hover {
    background-color: #F5B324;
    color: #fff;
}

.core-projectDashboardController .core-org-settingsblock.tileColorShadow.core-report .core-org-settingsButtons button.btn.core-common-ellipsis:hover {
    background-color: #801E90;
    color: #fff;
}

.core-projectDashboardController .core-org-settingsblock.tileColorShadow.core-explore .core-org-settingsButtons button.btn.core-common-ellipsis:hover {
    background-color: #801E90;
    color: #fff;
}

.core-projectDashboardController .core-org-settingsblock.tileColorShadow.core-modal .core-org-settingsButtons button.btn.core-common-ellipsis:active {
    background-color: #6A121A;
    color: #fff;
}

.core-projectDashboardController .core-org-settingsblock.tileColorShadow.core-estimate .core-org-settingsButtons button.btn.core-common-ellipsis:active {
    background-color: #00518C;
    color: #fff;
}

.core-projectDashboardController .core-org-settingsblock.tileColorShadow.core-schedule .core-org-settingsButtons button.btn.core-common-ellipsis:active {
    background-color: #267C8C;
    color: #fff;
}

.core-projectDashboardController .core-org-settingsblock.tileColorShadow.core-compliance .core-org-settingsButtons button.btn.core-common-ellipsis:active {
    background-color: #F5B324;
    color: #fff;
}

.core-projectDashboardController .core-org-settingsblock.tileColorShadow.core-report .core-org-settingsButtons button.btn.core-common-ellipsis:active {
    background-color: #70197E;
    color: #fff;
}

.core-projectDashboardController .core-org-settingsblock.tileColorShadow.core-explore .core-org-settingsButtons button.btn.core-common-ellipsis:active {
    background-color: #70197E;
    color: #fff;
}

.core-projectDashboardController .leftmenu-content > .DynamicMenuList:first-child > .addition-menu.core-common-ellipsis.menuHeader.ng-binding:first-child {
    margin: 0px;
    background-color: #fff;
    color: #555;
    font-weight: 600;
}

.core-projectDashboardController .menuPanel .leftMenu .addition-menu, .core-projectDashboardController .menuPanel .leftMenu .extensionStyle {
    margin: 0;
    background-color: #fff;
    color: #555;
    font-weight: 600;
}

.core-projectDashboardController div.estimate ~ div > ul.menu-list > li.parent-list {
    border: 0;
}

.core-projectDashboardController .menuPanel .leftMenu .menu-list li.parent-list {
    display: flex;
    height: 28px;
    cursor: pointer;
    padding: 0 8px 0 0;
    margin: 0;
    border: 0;
}

.core-projectDashboardController .menuPanel .leftMenu .menu-list.containChild li.parent-list {
    cursor: default;
}

.core-projectDashboardController .menuPanel .leftMenu .menu-list.estimate li.parent-list, .core-projectDashboardController .menuPanel .leftMenu ul.menu-list.estimate.containChild li.parent-list .core-menu-listClkArea {
    cursor: pointer;
}

.core-projectDashboardController .menuPanel .leftMenu .menuHeader ~ span ul.menu-list.containChild {
    border: 0;
}

.core-projectDashboardController .menuPanel .leftMenu ul.menu-list.estimate li.parent-list + li.dispblock {
    display: none;
}

.core-projectDashboardController .menuPanel .leftMenu .menu-list li.parent-list.estimate.containChild {
    border: 0;
}

.core-projectDashboardController .menuPanel .leftMenu .menu-list li.parent-list .core-menu-listClkArea {
    display: flex;
    align-items: center;
    cursor: pointer;
    height: 28px;
    width: fit-content;
    float: left;
}

.menuPanel .leftMenu .menu-list.noCursorContainer.not-licensed li.parent-list,
.menuPanel .leftMenu .menu-list.noCursorContainer.not-licensed li .core-menu-listClkArea * {
    cursor: default !important;
}

.core-projectDashboardController .menuPanel .leftMenu .menu-list.noCursorContainer li .core-menu-listClkArea, .core-projectDashboardController .menuPanel .leftMenu .menu-list.noCursorContainer li.parent-list .core-menu-listClkArea .labelWithIcon .core-common-ellipsis {
    cursor: not-allowed;
}

.core-projectDashboardController span.estimate ~ span > ul.menu-list > li.parent-list {
    border-color: #e6e6e6;
}

.core-projectDashboardController .menuPanel .leftMenu .menu-list.estimate li.parent-list:hover {
    background: #f8f8f8;
    color: #333;
}

.core-projectDashboardController .leftmenu-content > span, .core-projectDashboardController .leftmenu-content .menuHeader {
    float: left;
    width: 100%;
}

    .core-projectDashboardController .leftmenu-content > span ul.menu-list {
        margin-bottom: 4px;
    }

        .core-projectDashboardController .leftmenu-content > span ul.menu-list.containChild {
            border-top: 1px solid #e6e6e6;
            padding-top: 4px;
        }

    .core-projectDashboardController .leftmenu-content > span ul.menu-list {
        margin-bottom: 4px;
        float: left;
        width: 100%;
    }

.core-projectDashboardController .menuPanel .leftMenu .menu-list li.parent-list .core-menu-listClkArea .labelWithIcon + span {
    width: auto;
}

.core-projectDashboardController .menuPanel .leftMenu .menu-list li.parent-list .core-menu-listClkArea + span {
    float: right;
    width: auto;
}

.core-projectDashboardController .menuPanel .leftMenu .menu-list li.parent-list .core-menu-listClkArea + span {
    float: right;
    height: 32px;
    width: auto;
    line-height: 32px;
}

.core-projectDashboardController .menuPanel .leftMenu .menu-list li.parent-list .core-menu-listClkArea .labelWithIcon .core-common-ellipsis {
    cursor: pointer;
}

.core-projectDashboardController .menuPanel .leftMenu .menu-list li.parent-list.estimate .labelWithIcon .core-common-ellipsis {
    padding: 0;
    display: block;
    width: auto;
}

.core-projectDashboardController .menuPanel .leftMenu .menu-list li.parent-list .core-menu-listClkArea span.menu-icon-parent {
    width: auto;
}

    .core-projectDashboardController .menuPanel .leftMenu .menu-list li.parent-list .core-menu-listClkArea span.menu-icon-parent i.icon {
        margin: 0;
        height: 28px;
        text-align: center;
        border-radius: 2px;
    }

.core-projectDashboardController .parent-list:hover, .core-projectDashboardController .menuPanel .leftMenu .child-list:hover, .core-projectDashboardController .menuPanel .leftMenu .menu-list li .nested-menu-list li:hover, .core-projectDashboardController .menuPanel .leftMenu .menu-list li.parent-list.core-common-ellipsis.estimate.containChild:hover, .core-projectDashboardController .DynamicMenuList.estimate > ul.menu-list > li.parent-list.estimate.containChild:hover {
    background: #f8f8f8;
    color: #333;
}

.core-projectDashboardController .menuPanel .leftMenu .menuHeader + span ul.menu-list.containChild {
    margin: 0;
    padding: 0;
}

.core-projectDashboardController .menuPanel .leftMenu .menuHeader ~ span ul.menu-list {
    margin: 0;
}

.core-projectDashboardController ul.containChild .parent-list:hover {
    background-color: #fff;
    cursor: default;
}

.core-projectDashboardController .menuPanel .leftMenu ul.menu-list.containChild li.parent-list .core-menu-listClkArea {
    cursor: default;
}

.core-projectDashboardController span.menu-icon-parent i {
    font-size: 20px;
    color: #fff !important;
    display: block;
    margin: -3px 0 0 0;
}

.core-projectDashboardController .DynamicMenuList.estimate > ul.menu-list > li.parent-list.estimate.containChild {
    margin: 0;
}

.core-projectDashboardController .core-common-ellipsis.tilePointer.labelWithIcon > .core-common-ellipsis:hover {
    text-decoration: none;
}

.core-projectDashboardController .menuPanel {
    max-width: inherit;
    min-height: calc(100vh - 75px);
    text-align: center;
    padding: 12px 0;
    box-shadow: none;
}

.core-projectDashboardController .core-PhotoUpload {
    align-items: center;
    display: flex;
    justify-content: center;
    width: 100%;
    margin: 0;
    position: absolute;
    background-color: #fff;
    border: 1px solid #e6e6e6;
    height: 144px;
    border-radius: 2px;
}

.core-projectDashboardController .core-PhotoSlider {
    align-items: center;
    display: flex;
    justify-content: center;
    width: 100%;
    margin: 0;
    position: absolute;
    background-color: #fff;
    border: 1px solid #e6e6e6;
    height: 144px;
    border-radius: 2px;
    z-index: 1111;
    flex-direction: column;
    padding: 10px;
}

.core-projectDashboardController .menuPanel .leftMenu {
    background-color: #fff;
    border: 1px solid #e6e6e6;
    border-radius: 2px;
    width: calc(100% - 24px);
    margin: 12px auto;
    top: 0;
    text-align: left;
}

.core-projectDashboardController .core-PhotoUpload-bottom {
    position: absolute;
    width: 100%;
    height: 40px;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.5);
    color: #fff;
    align-items: center;
    display: flex;
    text-align: center;
    z-index: 1111;
}

.core-projectDashboardController .core-PhotoUpload-container {
    height: 142px;
    width: 100%;
    text-align: center;
    position: relative;
}

.core-projectDashboardController .core-PhotoUpload-bottom span.uploadTxt {
    margin: 0 auto;
    padding: 0 15px;
    color: #fff;
    max-width: 260px;
    width: 260px;
    font-size: 12px;
}

.core-projectDashboardController .core-PhotoUpload-bottom span.uploadPhoto-icon {
    height: 40px;
    position: relative;
    overflow: hidden;
    width: 40px;
    align-items: center;
    display: flex;
    font-size: 16px;
}

    .core-projectDashboardController .core-PhotoUpload-bottom span.uploadPhoto-icon i.icon.icon-photo, .core-projectDashboardController .core-PhotoUpload-bottom span.uploadPhoto-icon i.icon.icon-remove {
        margin: 0 auto;
        cursor: pointer;
    }

.core-projectDashboardController .uploadPhotoTxt > div {
    margin: 3px auto 0 auto;
    width: 100%;
    cursor: pointer;
}

.core-projectDashboardController .uploadPhotoImg.projImageTile {
    width: 100%;
    height: 142px;
    display: flex;
    text-align: center;
    align-items: center;
    position: relative;
}

    .core-projectDashboardController .uploadPhotoImg.projImageTile.core-uploadImg {
        z-index: 1111;
        background-color: #fff;
    }

    .core-projectDashboardController .uploadPhotoImg.projImageTile > img {
        object-fit: cover;
        object-position: center;
        min-width: 100%;
        min-height: 100%;
        height: 100%;
        width: 100%;
    }

    .core-projectDashboardController .uploadPhotoImg.projImageTile.UploadConvertLogo > img {
        object-fit: inherit;
        object-position: inherit;
        min-width: inherit;
        min-height: inherit;
        height: auto;
        width: auto;
        max-width: 100%;
        max-height: 100%;
        margin: 0 auto;
        padding: 16px;
    }

.core-organizationDashboardController .uploadPhotoImg.projImageTile.UploadConvertLogo > img {
    object-fit: inherit;
    object-position: inherit;
    min-width: inherit;
    min-height: inherit;
    height: auto;
    width: auto;
    max-width: 100%;
    max-height: 100%;
    margin: 0 auto;
    padding: 16px;
}

.core-projectDashboardController .uploadPhotoTxt {
    position: absolute;
    height: 102px;
    text-align: center;
    width: 100%;
    color: #555;
    display: block;
    bottom: 40px;
}

    .core-projectDashboardController .uploadPhotoTxt span {
        display: block;
        height: auto;
        text-align: center;
        margin: 5px 0;
    }

        .core-projectDashboardController .uploadPhotoTxt span + span {
            color: #7f7f7f;
            height: auto;
            font-style: italic;
        }

    .core-projectDashboardController .uploadPhotoTxt i.icon {
        font-size: 48px;
        color: #555;
        margin: 0 auto;
        height: 48px;
    }

.core-projectDashboardController .core-PhotoUpload-bottom span.uploadPhoto-icon div {
    margin: 0 auto;
    text-align: center;
    height: 18px;
    width: 16px;
    display: block;
}

.core-projectDashboardController .menuPanel .leftMenu .addition-menu, .core-projectDashboardController .menuPanel .leftMenu .extensionStyle {
    padding-left: 16px;
}

.core-projectDashboardController ul.menu-list {
    margin: 0;
}

.core-projectDashboardController .menuPanel .leftMenu .menu-list li.parent-list > span.menu-icon-parent {
    margin: 0;
}
/*After project homepage gridstack conversion need stop remove*/
.core-projectDashboardController .core-organization-inner-left, .core-projectDashboardController .core-organization-inner-right {
    text-align: center;
    margin: 12px 0;
}

.core-projectDashboardController .menuPanel .leftMenu .menu-list span.icon.cogIconStyle.icon-settings.cogIcon {
    margin-left: auto;
}

.core-projectDashboardController {
    padding: 0;
    background-color: #f7f7f7;
    height: 100%;
}

    .core-projectDashboardController .DynamicMenuList.estimate > ul.menu-list > li.parent-list.estimate.containChild .core-common-ellipsis.tilePointer.labelWithIcon {
        max-width: inherit;
    }

    .core-projectDashboardController .tilePointer, .tilePointer * {
        cursor: default;
    }

    .core-projectDashboardController .core-organizationDashboard-container {
        display: flex;
        height: calc(100vh - 70px);
        overflow-y: auto;
    }

.core-org-settingsblock.tileColorShadow.cursorNotAllowed button.btn {
    pointer-events: none;
}

.core-projectDashboardController .leftmenu-content i.icon.icon-capital {
    background-color: #6A7F9E !important;
    margin-right: 8px !important;
}

.core-projectDashboardController .leftmenu-content i.icon.icon-veo {
    background-color: #981B26 !important;
    margin-right: 8px !important;
}

.core-projectDashboardController .leftmenu-content i.icon.icon-document {
    background-color: #FF6B29 !important;
    margin-right: 8px !important;
}

.core-projectDashboardController .leftmenu-content i.icon.icon-basis {
    background-color: #36b0c9 !important;
    margin-right: 8px !important;
}

.core-projectDashboardController .leftmenu-content i.icon.icon-estimate,
.core-projectDashboardController .leftmenu-content i.icon.icon-billings {
    background-color: #0075C9 !important;
    margin-right: 8px !important;
}

.core-projectDashboardController .leftmenu-content i.icon.icon-controls,
.core-projectDashboardController .leftmenu-content i.icon.icon-quantify {
    background-color: #0075C9 !important;
    margin-right: 8px !important;
}

.core-projectDashboardController .leftmenu-content i.icon.icon-design {
    background-color: #4d595a !important;
    margin-right: 8px !important;
}

.core-projectDashboardController .leftmenu-content i.icon.icon-report, .core-projectDashboardController .leftmenu-content i.icon.icon-explore {
    background-color: #9F26B5 !important;
    margin-right: 8px !important;
}

.core-projectDashboardController .leftmenu-content i.icon.icon-inspect, .core-projectDashboardController .leftmenu-content i.icon.icon-completions {
    background-color: #F5B324 !important;
    margin-right: 8px !important;
}

.core-projectDashboardController .leftmenu-content i.icon.icon-plan {
    background-color: #2D7050 !important;
    margin-right: 8px !important;
}

.core-projectDashboardController .leftmenu-content i.icon.icon-progress {
    background-color: #2D7050 !important;
    margin-right: 8px !important;
}

.core-projectDashboardController .leftmenu-content i.icon.icon-contracts {
    background-color: #6e7ba1 !important;
    margin-right: 8px !important;
}

.core-projectDashboardController .leftmenu-content i.icon.icon-change {
    background-color: #6e7ba1 !important;
    margin-right: 8px !important;
}

.core-projectDashboardController .core-org-settingsblock.tileColorShadow .core-org-settingsDetails .table-image-style .icon.icon-veo {
    color: #981B26 !important;
}

.core-projectDashboardController .core-org-settingsblock.tileColorShadow .core-org-settingsDetails .table-image-style .icon.icon-document {
    color: #FF6B29 !important;
}

.core-projectDashboardController .core-org-settingsblock.tileColorShadow .core-org-settingsDetails .table-image-style .icon.icon-basis {
    color: #36b0c9 !important;
}

.core-projectDashboardController .core-org-settingsblock.tileColorShadow .core-org-settingsDetails .table-image-style .icon.icon-estimate {
    color: #0075C9 !important;
}

.core-projectDashboardController .core-org-settingsblock.tileColorShadow .core-org-settingsDetails .table-image-style .icon.icon-controls,
.core-projectDashboardController .core-org-settingsblock.tileColorShadow .core-org-settingsDetails .table-image-style .icon.icon-quantify {
    color: #0075C9 !important;
}

.core-projectDashboardController .core-org-settingsblock.tileColorShadow .core-org-settingsDetails .table-image-style .icon.icon-report, .core-projectDashboardController .core-org-settingsblock.tileColorShadow .core-org-settingsDetails .table-image-style .icon.icon-explore {
    color: #9F26B5 !important;
}

.core-projectDashboardController .core-org-settingsblock.tileColorShadow .core-org-settingsDetails .table-image-style .icon.icon-inspect {
    color: #2D7050 !important;
}

.core-projectDashboardController .core-org-settingsblock.tileColorShadow .core-org-settingsDetails .table-image-style .icon.icon-plan {
    color: #2D7050 !important;
}

.core-projectDashboardController .core-org-settingsblock.tileColorShadow .core-org-settingsDetails .table-image-style .icon.icon-progress {
    color: #2D7050 !important;
}

.core-projectDashboardController .core-org-settingsblock.tileColorShadow .core-org-settingsDetails .table-image-style .icon.icon.icon-contracts {
    color: #6e7ba1 !important;
}

.core-projectDashboardController .core-org-settingsblock.tileColorShadow .core-org-settingsDetails .table-image-style .icon.icon-change {
    color: #6e7ba1 !important;
}

.core-projectDashboardController .core-org-settingsblock.tileColorShadow .core-org-settingsDetails.settings-icon-controls {
    border-top-color: #0075C9 !important;
}

.core-projectDashboardController .core-org-settingsblock.tileColorShadow .core-org-settingsDetails.settings-icon-plan {
    border-top-color: #2D7050 !important;
}

.core-projectDashboardController .core-org-settingsblock.tileColorShadow .core-org-settingsDetails.settings-icon-progress {
    border-top-color: #2D7050 !important;
}

.core-projectDashboardController .core-org-settingsblock.tileColorShadow .core-org-settingsDetails.settings-icon-change {
    border-top-color: #6e7ba1 !important;
}

.core-projectDashboardController dashboard-tile.settings-icon-contracts .headerSection {
    border-top-color: #6e7ba1;
}

.core-projectDashboardController .core-org-settingscontainer-colored.cursorNotAllowed button.btn.core-common-ellipsis {
    pointer-events: none;
}

.core-projectDashboardController .core-org-settingscontainer-colored.cursorNotAllowed {
    user-select: none;
}

.core-projectDashboardController .menuPanel .leftMenu .menu-list li ul.nested-menu-list li.child-list {
    height: auto;
    cursor: default;
    padding: 0 0 0 36px;
}

.core-projectDashboardController .menuPanel .leftMenu .menuHeader.extensionStyle + span ul.menu-list.containChild li.dispblock ul.nested-menu-list li.child-list, .core-projectDashboardController .menuPanel .leftMenu .menuHeader.extensionStyle + span + span ul.menu-list.containChild li.dispblock ul.nested-menu-list li.child-list {
    padding: 0 0 0 16px;
}

.core-projectDashboardController .leftmenu-content > span.menuHasChild + span ul.menu-list {
    padding-top: 4px;
    border-top: 1px solid #e6e6e6;
}

.core-projectDashboardController .menuPanel .leftMenu .menu-list li ul.nested-menu-list li.child-list .core-common-ellipsis.ng-binding.tilePointer {
    display: flex;
    align-items: center;
    cursor: pointer;
    height: 32px;
    width: fit-content;
    float: left;
    padding: 0;
}

    .core-projectDashboardController .menuPanel .leftMenu .menu-list li ul.nested-menu-list li.child-list .core-common-ellipsis.ng-binding.tilePointer:hover {
        text-decoration: none;
    }

.core-org-settingsblock.tileColorShadow.cursorNotAllowed label.core-ellipsis-tooltip.linkText.dashboardTile.label-style.label-color {
    pointer-events: none;
}

.core-projectDashboardController .menuPanel .leftMenu ul.menu-list li.parent-list.containChild .core-menu-listClkArea span.menu-icon-parent,
.core-cursor-default {
    cursor: default;
}

.core-projectDashboardController .core-org-settingsblock.tileColorShadow.core-estimate .core-org-settingsButtons button.btn.core-common-ellipsis.cogIcon {
    width: auto;
    position: relative;
    left: 0;
}

.core-projectDashboardController .menuPanel .leftMenu .menu-list.noCursorContainer li.parent-list, .core-projectDashboardController .menuPanel .leftMenu .menu-list.noCursorContainer li.parent-list .core-menu-listClkArea span.menu-icon-parent, .core-projectDashboardController .menuPanel .leftMenu .menu-list.parent-list.noCursorContainer li .core-menu-listClkArea, .core-projectDashboardController .menuPanel .leftMenu .menu-list.noCursorContainer li.parent-list .core-menu-listClkArea .core-common-ellipsis.noCursor.labelWithIcon .core-common-ellipsis {
    cursor: not-allowed;
}

    .core-projectDashboardController .menuPanel .leftMenu .menu-list.noCursorContainer li.parent-list .core-menu-listClkArea {
        opacity: 0.4;
    }

    .core-projectDashboardController .menuPanel .leftMenu .menu-list.noCursorContainer li.parent-list:hover {
        background-color: transparent;
    }

.core-projectDashboardController .core-org-settingscontainer span.icon.icon-add.iconLinkStyle {
    cursor: pointer;
}

.core-projectDashboardController .cursorNotAllowed span.icon.icon-add.iconLinkStyle {
    cursor: not-allowed;
}

.core-projectDashboardController .menuPanel .leftMenu .menu-list li.parent-list.containChild {
    border-top: 1px solid #e6e6e6;
}

.core-projectDashboardController .core-org-settingscontainer {
    height: 100%;
    background-color: #fff;
    border: 1px solid #e6e6e6;
    border-radius: 2px;
    display: block;
    margin: 0 auto;
    position: relative;
    text-align: left;
}

.core-projectDashboardController .core-org-settingsControls.core-DeditLinks {
    padding: 8px;
    height: calc(100% - 40px);
}

    .core-projectDashboardController .core-org-settingsControls.core-DeditLinks textarea#projectNotes {
        width: 100%;
        min-height: 85px;
        height:100%;
        resize: none;
    }

        .core-projectDashboardController .core-org-settingsControls.core-DeditLinks textarea#projectNotes[disabled] {
            background-color: #f7f7f7;
            border: 1px solid #ccc;
        }

.core-projectDashboardController .core-org-settingsblock.tileColorShadow .core-org-settingsDetails .table-image-style .icon {
    border: 0;
    line-height: 0.75;
}

.core-projectDashboardController .blue, .icon-controls, .icon-estimate, .icon-billings {
    border-bottom-color: transparent !important;
}


.core-projectDashboardController dashboard-tile.core-org-settingsblock > div {
    min-width: 280px;
    background-color: #fff;
    border: 1px solid #e6e6e6;
    height: 144px;
    border-radius: 2px;
    display: block;
    position: relative;
    text-align: left;
}



    





.core-projectDashboardController .widget-status-block {
    background-color: #fff;
    padding: 15px 16px 0;
    color: #333333;
    background: transparent;
}

.core-projectDashboardController dashboard-tile.custom-tile .tileInfoHeader {
    padding: 16px 16px 0 16px;
}

    .core-projectDashboardController dashboard-tile.custom-tile .tileInfoHeader section.line {
        padding: 0;
        display: block;
        font-size: 12px;
        font-family: Roboto bold;
    }

.core-projectDashboardController .widget-status-update {
    border-top: 1px solid #e6e6e6;
    margin: 10px 0;
    padding-top: 10px;
}

.core-projectDashboardController .color-selection-align {
    display: inline-flex;
    padding-left: 15px;
    vertical-align: top;
}

.core-projectDashboardController .tableElipsis {
    max-width: 100px !important;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

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

.core-projectDashboardController .tile-label-style {
    display: inline;
    font-weight: inherit;
    cursor: text;
}

.core-projectDashboardController .closed-color {
    background-color: #333333;
    border-color: #333333;
}

.core-projectDashboardController .color-fill {
    width: 15px;
    height: 15px;
    border: 1px solid #DDDDDD;
    margin-right: 7px;
    float: left;
}

.core-projectDashboardController .process-color {
    background-color: #DDDDDD;
}

.core-projectDashboardController .status-block {
    height: 67px;
}

.core-projectDashboardController .labelElipsis {
    max-width: 80% !important;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

.core-projectDashboardController .status-link {
    margin-bottom: 6px;
}

.core-projectDashboardController #issue_anchor, .core-projectDashboardController #PCO_anchor, #CCO_anchor {
    cursor: pointer;
}

.core-projectDashboardController .status-link a {
    text-decoration: underline !important;
    color: #333333;
    margin: 10px 0 0;
}

.core-projectDashboardController #issueBar, .core-projectDashboardController #pcoBar, .core-projectDashboardController #ccoBar {
    width: 100% !important;
    margin-top: -13px;
    background-color: transparent !important;
    /* border-right: 1px solid #ccc; */
}

.core-projectDashboardController .text-align-center {
    text-align: center;
}

.core-projectDashboardController .text_align_right {
    text-align: right;
}

.core-projectDashboardController .status-link-title {
    width: 230px;
}

.core-projectDashboardController .status-progress, .core-projectDashboardController .status-progress-cco, .core-projectDashboardController .status-progress-pco {
    border-left: 1px solid #e7e7e7;
    height: 16px;
    margin: 10px 0 3px;
    border-right: 1px solid #c7c7c7;
    border-top: 1px solid #e7e7e7;
    border-bottom: 1px solid #e7e7e7;
}

.core-projectDashboardController dashboard-tile .headerSection span.icon {
    font-size: 20px !important;
    color: #555;
    padding: 0;
    width: 40px;
    height: 35px;
    border: 1px solid transparent;
    margin: 0 auto;
    float: left;
    border: 0;
    display: flex;
    align-items: center;
    line-height: 0.75;
}

.core-projectDashboardController dashboard-tile .headerSection label.dashboard-tile-title {
    display: flex;
    height: 35px;
    float: left;
    align-items: center;
    width: calc(100% - 40px);
    color: #555 !important;
}

.core-projectDashboardController dashboard-tile .tile-style.tile-background.tile-boxshadow.tile-border {
    border: 1px solid #e6e6e6 !important;
}

.core-projectDashboardController dashboard-tile .headerSection span.icon:before {
    margin: 0 auto;
}

.core-projectDashboardController dashboard-tile .div-height {
    float: left;
    width: 100%;
    height: 100%;
}

.core-projectDashboardController dashboard-tile .headerSection {
    float: left;
    width: 100%;
    border-bottom: 1px solid #e6e6e6;
    height: 40px;
    border-top: 4px solid #4d595a;
    border-top-left-radius: 2px;
    border-top-right-radius: 2px;
}

.core-projectDashboardController .tileContainer {
    width: calc(100% - 24%);
    height: calc(100% - 75px);
    margin-left: 335px;
}

.core-projectDashboardController .menuPanel {
    min-height: inherit;
    max-width: inherit;
    min-width: 336px;
    text-align: left;
    padding: 0 16px;
    position: fixed;
    left: 0;
    background-color: #fff;
    box-shadow: none;
    border: 1px solid #e6e6e6;
    height: calc(100vh - 70px) !important;
    z-index: 11111;
}

    .core-projectDashboardController .menuPanel .leftMenu {
        width: 100%;
        height: calc(100% - 218px) !important;
        margin: 24px auto;
        border: 0;
        top: 0;
    }

.core-projectDashboardController .core-organizationDashboard-container .menuPanel > form {
    margin-top: 24px;
    position: relative;
    height: 144px;
}

.core-projectDashboardController .core-projectdasboard-left {
    width: calc(100% - 33.33%);
    display: flex;
    flex-wrap: wrap;
}

.core-projectDashboardController .core-projectdasboard-right {
    width: 33.33%;
}

.core-projectDashboardController .core-projectdasboard-left .core-org-settingsblock {
    width: calc(50% - 24px);
    display: inline-block;
    margin: 12px auto;
}

.core-projectDashboardController .core-projectdasboard-right .core-org-settingsblock {
    width: calc(100% - 24px);
    margin: 12px auto;
    display: block;
}

    .core-projectDashboardController .core-projectdasboard-right .core-org-settingsblock .core-org-settingscontainer {
        height: 312px;
    }

.core-projectDashboardController .core-projectdasboard-right-m {
    width: calc(100% - 33.33%);
    display: flex;
    flex-wrap: wrap;
}

.core-projectDashboardController .core-projectdasboard-left-m {
    width: 33.33%;
}

.core-projectDashboardController .core-projectdasboard-right-m .core-org-settingsblock {
    width: calc(50% - 24px);
    display: inline-block;
    margin: 12px auto;
}


.core-projectDashboardController .core-projectdasboard-center {
    width: 33.33%;
}

    .core-projectDashboardController .core-projectdasboard-center .core-org-settingsblock {
        width: calc(100% - 24px);
        margin: 12px;
        float: left;
    }


    .core-projectDashboardController .core-org-settingscontainer.core-projectdasboard-sheight .core-projectdasboard-Mheight {
        min-height: 75px;
    }

.core-org-settingsblock.custom-tile.resource-div-style.tile-style.tile-boxshadow.tileColorShadow.core-projectdasboardTable .core-org-settingscontainer.core-projectdasboard-sheight {
    height: 370px;
}

.core-projectDashboardController dashboard-tile.core-org-settingsblock.projectdasboardTable .tile-style.tile-background.tile-boxshadow.tile-border {
    height: 312px;
    max-height: inherit;
}

.core-projectDashboardController dashboard-tile .tileInfoHeader {
    float: left;
    width: 100%;
}

    .core-projectDashboardController dashboard-tile .tileInfoHeader section.line {
        display: flex;
        padding: 16px;
    }

.core-projectDashboardController .menuPanel .leftMenu .menu-list li.parent-list .core-menu-listClkArea .labelWithIcon {
    max-width: 250px;
}

.core-projectDashboardController .menuPanel .leftMenu .extensionStyle + span .menu-list li.parent-list.containChild {
    border: 0;
}

.core-projectDashboardController .menuPanel .leftMenu .menuHeader {
    border-bottom: 1px solid #e6e6e6;
    margin: 4px 0;
    padding: 0;
}

.core-projectDashboardController .core-org-settingsblock.tileColorShadow .core-org-settingsDetails .table-image-styleRight .icon {
    color: #06c;
}

.core-projectDashboardController label.linkText.dashboardTile.label-style.core-common-multi-ellipsis {
    display: -webkit-box;
    max-width: 100%;
    line-height: 21px;
    margin: 0 auto;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    height: 40px;
    word-break: break-word;
    white-space: pre-wrap;
    width: 100%;
    margin-top: -10px;
    margin-bottom: 10px;
}

.core-projectDashboardController dashboard-tile .div-height .bottomSection {
    padding: 16px;
    float: left;
    margin: 0 !important;
    width: 100%;
    min-height: 102px;
}

    .core-projectDashboardController dashboard-tile .div-height .bottomSection tile-action-block .contractAppText {
        text-align: left;
    }

        .core-projectDashboardController dashboard-tile .div-height .bottomSection tile-action-block .contractAppText.action-count {
            text-align: left;
        }

.core-projectDashboardController dashboard-tile.contractsTile .div-height .bottomSection tile-action-block .contractAppText {
    font-size: 12px !important;
}

    .core-projectDashboardController dashboard-tile.contractsTile .div-height .bottomSection tile-action-block .contractAppText.action-count {
        text-align: right;
        font-size: 12px !important;
    }

.core-projectDashboardController dashboard-tile.contractsTile .div-height .bottomSection {
    padding-top: 5px;
}

    .core-projectDashboardController dashboard-tile.contractsTile .div-height .bottomSection tile-action-block .contractAppText {
        font-size: 12px !important;
    }

        .core-projectDashboardController dashboard-tile.contractsTile .div-height .bottomSection tile-action-block .contractAppText.action-count {
            text-align: right;
        }

.core-projectDashboardController dashboard-tile .headerSection label.dashboard-tile-title.productAppText.label-float {
    max-width: 100% !important;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    font-size: 14px;
    margin: 0;
    padding: 0;
    color: #555;
    float: none;
    display: block;
    line-height: 40px;
}

.core-projectDashboardController .widget-status-block table.table {
    table-layout: fixed;
    width: 100%;
}

.change-management-values table.table {
    margin-top: -16px !important;
}

.core-projectDashboardController .menuPanel .leftMenu .menu-list li.parent-list .core-menu-listClkArea .labelWithIcon {
    max-width: 250px;
}

.core-projectDashboardController .menuPanel .leftMenu .extensionStyle + span .menu-list li.parent-list.containChild {
    border: 0;
}

.core-projectDashboardController .core-org-settingsblock.tileColorShadow .core-org-settingsDetails .table-image-styleRight .icon {
    color: #06c;
}

.core-common-multi-ellipsis {
    display: -webkit-box;
    max-width: 100%;
    margin: 0 auto;
    line-height: 1;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    word-break: break-all;
    white-space: pre-wrap;
}

.core-projectDashboardController .widget-status-block table.table thead td.milestoneElipsis, .core-projectDashboardController .widget-status-block table.table tbody td.milestoneElipsis {
    max-width: 90px !important;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

    .core-projectDashboardController .widget-status-block table.table tbody td.milestoneElipsis:last-child {
        text-align: right;
    }

.core-projectDashboardController .menuPanel .leftMenu .menu-list li.parent-list.containChild .core-menu-listClkArea .core-common-ellipsis.tilePointer.labelWithIcon > .core-common-ellipsis:hover {
    text-decoration: none;
    cursor: default;
}

.core-projectDashboardController .menuPanel .leftMenu .menu-list li.parent-list.estimate.containChild .core-menu-listClkArea .core-common-ellipsis.labelWithIcon.tilePointer .core-common-ellipsis:hover {
    cursor: pointer;
    text-decoration: none;
}

.core-projectdasboard-Toverlay, .core-organizationDasboard-Toverlay {
    height: 24px;
    position: fixed;
    width: calc(100% - 22px);
    right: 20px;
    left: 0;
    background-color: #f7f7f7;
    top: 0px;
    z-index: 111;
}

.core-projectdasboard-Boverlay, .core-organizationDasboard-Boverlay {
    height: 24px;
    position: fixed;
    width: calc(100% - 22px);
    right: 20px;
    left: 0;
    background-color: #f7f7f7;
    top: 0px;
    z-index: 11111;
}

.core-projectDashboardController input#coreFileUpload {
    font-size: 28px;
    position: absolute;
    top: 0;
    right: 0;
    opacity: 0;
    -moz-opacity: 0.4;
    filter: alpha(opacity:0);
    z-index: 2;
    width: 100%;
    height: 100%;
    display: block !important;
    cursor: pointer;
}

.core-projectDashboardController input[type=file]::-webkit-file-upload-button {
    cursor: pointer;
}

.core-projectDashboardController span.uploadPhoto-icon input#coreFileUpload {
    width: 40px;
    cursor: pointer;
    position: absolute;
    z-index: 11111;
}

.core-projectDashboardController .iconLinkStyleDisabled {
    opacity: 0.4 !important;
    cursor: not-allowed !important;
}

.core-projectDashboardController #assignUserProjectRoles, .core-projectDashboardController #addProjectEmployee, .core-projectDashboardController #addProjectEquipment {
    min-height: 950px;
    height: calc(100% + 150px);
    top: -90px;
}

    .core-projectDashboardController #assignUserProjectRoles form.core-dialog.core-form-container.core-associate-dialog, .core-projectDashboardController #addProjectEmployee form.core-dialog.core-form-container.core-associate-dialog, .core-projectDashboardController #addProjectEquipment form.core-dialog.core-form-container.core-associate-dialog {
        top: calc(50% + 45px);
    }

.core-PhotoSlider-check {
    margin: 4px 0;
}

.core-PhotoSlider-input, .core-PhotoSlider-check, .core-PhotoSlider-buttons {
    width: 100%;
    align-items: center;
    display: flex;
}

.core-PhotoSlider-input {
    flex-flow: column;
}

    .core-PhotoSlider-input label.core-label {
        width: 100%;
    }

.core-PhotoSlider-check label.core-label {
    margin: 0 0 0 5px;
}

.core-PhotoSlider-buttons {
    justify-content: flex-end;
    gap: 5px;
}

@media only screen and (min-width: 320px) and (max-width: 1280px) {
    .core-projectDashboardController {
        padding: 0;
        background-color: #f7f7f7;
        height: 100%;
        min-width: inherit;
    }

        .core-projectDashboardController .menuPanel {
            width: 330px;
        }

        .core-projectDashboardController .tileContainer {
            margin-left: 335px;
            width: calc(100% - 335px);
            height: 100%;
            overflow: auto;
        }

        .core-projectDashboardController .core-organizationDashboard-container {
            display: flex;
            width: 100%;
            overflow: inherit;
        }

    .core-projectdasboard-Boverlay, .core-projectdasboard-Toverlay {
        display: none;
    }

    .core-projectDashboardController .menuPanel {
        height: calc(100% - 88px) !important;
    }

}

@media only screen and (min-width: 1480px) and (max-width: 1920px) {
    .core-organizationDashboardController .menuPanel {
        min-width: 25%;
        width: 25%;
    }

    .core-organizationDashboardController .tileContainer {
        width: calc(100% - 25%);
        height: calc(100% - 75px);
        margin-left: calc(25% + 4px);
    }

    .core-organizationDasboard-Toverlay {
        top: 40px;
        z-index: 11111;
    }

    .core-projectDashboardController .tileContainer {
        width: calc(100% - 24%);
        height: calc(100% - 75px);
        margin-left: 25%;
    }

    .core-projectDashboardController .menuPanel {
        min-width: 25%;
        width: 25%;
    }

    .core-projectDashboard-Toverlay {
        top: 40px;
        z-index: 11111;
    }
}

@media only screen and (min-width: 1921px) and (max-width: 3840px) {
    .core-organizationDashboardController .menuPanel {
        min-width: 25%;
        width: 25%;
    }

    .core-organizationDashboardController .tileContainer {
        width: calc(100% - 25%);
        height: calc(100% - 75px);
        margin-left: calc(25% + 4px);
    }

    .core-projectDashboardController .menuPanel {
        min-width: 25%;
        width: 25%;
    }

    .core-projectDashboardController .tileContainer {
        width: calc(100% - 25%);
        height: calc(100% - 75px);
        margin-left: calc(25% + 17px);
    }
}

/* End of styles added for ProjectDashboard Home page*/

input#editProjectSettings.k-button[disabled].k-state-disabled, .core-cursor-not-allowed {
    cursor: not-allowed !important;
}

.core-projectDashboardController .core-org-settingsblock.tileColorShadow .core-org-settingsDetails .table-image-styleRight .icon.iconLinkStyleDisabled:hover {
    border: 1px solid transparent;
}

.core-projectDashboardController .core-org-settingsButtons button.btn.core-common-ellipsis.cursorNotAllowed:hover, .core-projectDashboardController .core-org-settingsButtons button.btn.core-common-ellipsis.cursorNotAllowed:focus, .core-org-settingsButtons button.btn.core-common-ellipsis.cursorNotAllowed:active {
    cursor: not-allowed;
    background-color: #fff;
    box-shadow: none;
}

.core-projectDashboardController .core-org-settingsblock.tileColorShadow .core-org-settingsDetails .table-image-styleRight .icon:hover.cursorNotAllowed {
    border: 1px solid transparent;
}

.core-projectdasboard-Boverlay + .megaMenuToastMessage.toastError {
    margin-top: -40px;
    z-index: 11111111;
}

.core-projectDashboardController .menuPanel .leftMenu ul.menu-list li .core-menu-listClkArea span.menu-icon-parent + .core-common-ellipsis {
    padding-right: 0;
}

.k-animation-container div#attributeAddIcon, .k-animation-container div#attributeEditIcon, .k-animation-container div#attributeDeleteIcon {
    display: block;
}

.core-searchRecipients .core-searchRecipientsDialog {
    height: 437px;
    overflow: hidden;
}

.core-searchRecipients div#searchRecipientsGrid .k-grid-content.k-auto-scrollable {
    height: 360px;
}

.core-searchRecipients form.core-dialog.core-form-container.core-associate-dialog {
    top: 50%;
    min-height: 175px !important;
    max-height: 75% !important;
    min-width: 250px !important;
    max-width: 75% !important;
}

.core-searchRecipients div#divsearchRecipients.core-overlay.core-searchRecipients {
    min-height: 950px;
    height: calc(100% + 150px);
    top: -90px;
}

.core-searchRecipients div#searchRecipientsGrid {
    border-bottom: 1px solid #ccc;
}

.core-env-overlay .core-env-dialog, .core-overlay .core-dialog, .core-searchRecipients form.core-dialog.core-form-container.core-associate-dialog {
    box-shadow: none;
    min-height: 175px !important;
    max-height: 100% !important;
    min-width: 250px !important;
    max-width: 75% !important;
    top: 0 !important;
    left: 0;
    position: relative;
    height: auto;
    margin: auto;
    background-color: #FFF;
    border: 1px solid #06C;
    padding-top: 50px;
    padding-left: 50px;
    padding-right: 50px;
    font-size: 12px;
    transform: none;
}

.core-overlay {
    height: calc(100% + 0px) !important;
    min-height: inherit !important;
    display: flex !important;
    top: 0px !important;
}

.core-env-overlay {
    height: calc(100% + 0px) !important;
    min-height: inherit !important;
    top: 0px !important;
}

    .core-env-overlay .core-env-dialog.k-popup {
        top: calc(40% - 50px) !important;
    }

.core-aws-enabled .user-role-body {
    align-items: center;
    display: flex;
    flex-flow: row nowrap;
}

.core-aws-enabled .title {
    border-bottom: 1px solid #ccc;
    font-size: 14px;
    font-weight: 600;
    margin-bottom: 16px;
    padding-bottom: 10px;
}

.core-aws-enabled span.roleinfo-txt {
    margin-left: 16px;
    margin-top: -5px;
}

/*Styles added for Combo box*/

.k-combobox.fuelTypeCurrency span.k-dropdown-wrap span.k-select span.k-icon.k-i-arrow-60-down, .k-combobox.fuelTypeUoM span.k-dropdown-wrap span.k-select span.k-icon.k-i-arrow-60-down {
    display: none;
}

.k-combobox span.k-dropdown-wrap input.k-input {
    padding-right: 0;
    background-color: #fff;
    height: 30px;
    width: 100%;
}

.k-combobox span.k-dropdown-wrap .k-select {
    border-left: 1px solid #e6e6e6;
}

.k-combobox span.k-dropdown-wrap span.k-select span.dropdownArrow.fa {
    opacity: 0.45;
}

    .k-combobox span.k-dropdown-wrap span.k-select span.dropdownArrow.fa:hover {
        opacity: 1;
    }

td.k-edit-cell .k-combobox span.k-dropdown-wrap span.k-select span.k-icon.k-i-arrow-60-down {
    display: block;
}

td.k-edit-cell .k-combobox span.k-dropdown-wrap {
    height: 30px;
}

    td.k-edit-cell .k-combobox span.k-dropdown-wrap span.k-select span.k-icon.k-i-arrow-60-down {
        display: block;
        margin: 7px auto;
    }

#addEditProject .ExchangeRateStyle span.k-numeric-wrap input[type="text"] {
    height: 30px !important;
}

/*End of styles added for Combo box*/

/*Styles added for Filter*/

form.k-filter-menu button.k-button, form.k-filter-menu .k-action-buttons button.k-button {
    margin: 20px 0;
    border-radius: 5px;
    display: inline-block;
    overflow: hidden;
    width: auto;
}

form.k-filter-menu .k-textbox {
    margin-bottom: 0;
}

form.k-filter-menu.k-popup .k-filter-menu-container {
    width: 100%;
}

.k-filter-menu .k-datepicker {
    width: 100%;
}

/*End of styles added for Filter*/

/*Styles added for Datepicker*/

.k-popup .k-calendar {
    width: 100%;
}

.k-calendar .k-calendar-view {
    height: auto;
}

span.k-widget.k-datepicker span.k-picker-wrap.k-state-default span.k-select span.k-icon.k-i-calendar {
    width: 16px;
    height: 16px;
}

.k-calendar .k-calendar-view table.k-month tbody tr:last-child td a {
    visibility: hidden;
    height: 14px;
}

.k-calendar .k-today .k-link {
    color: #444;
    box-shadow: none;
}

.k-calendar .k-footer {
    border: 0;
    border-top: 1px solid #e6e6e6;
}

    .k-calendar .k-footer a.k-link.k-nav-today {
        padding: 1.143em 0 1.071em;
    }

.k-calendar td.k-state-focused .k-link, .k-calendar-range td.k-state-focused .k-link {
    box-shadow: none;
}

.k-calendar td.k-state-focused .k-link, .k-calendar-range td.k-state-focused .k-link {
    background-color: #ebebeb;
}

.k-calendar td.k-state-focused.k-state-selected .k-link {
    background-color: #3f51b5;
}

/*End of styles added for Datepicker*/

/*Styles added for Buttons*/

.k-grid td.k-state-selected:hover, .k-grid tr.k-state-selected:hover td, .k-grid tr:hover {
    background-color: transparent;
}

.sidenav .sidenav-innerbody .btn-div input.k-button,
.core-overlay .core-form-container .core-form-flexbutton-row .core-dialog-button-area .core-flex-btn,
.core-flex-btn.k-button, .core-overlay input[type="button"].k-button,
input.secondary-blue.k-button, input.primary-blue.k-button {
    display: inline-block;
}

.megaMenu-gray-btn, .megaMenu-green-btn {
    display: inline-block;
}

input.k-button.k-state-disabled {
    pointer-events: auto;
}

.megaMenu-bar-3 .k-button.megaMenu-gray-btn.k-state-focused.k-state-active {
    border-color: #dbdbdb;
    background-color: #dbdbdb;
    color: #444;
}

    .megaMenu-bar-3 .k-button.megaMenu-gray-btn.k-state-focused.k-state-active:hover {
        border-color: #dbdbdb;
    }

.megaMenu-bar-3 .k-button.megaMenu-gray-btn, .megaMenu-bar-3 .k-button.megaMenu-gray-btn.k-state-focused:hover {
    border-color: #4D595A;
}
/*End of styles added for Buttons*/

/*Favorite popup fix for max 20 records*/
.k-widget.k-window form.favorite-list-dialog.k-window-content.k-content {
    height: auto;
    max-height: 480px;
}
/*End Favorite popup*/

/*Start Styles added for invalid data text for dropdowns*/
div.k-nodata {
    text-transform: inherit;
    font-size: 12px;
    min-height: inherit;
    color: #333;
}
/* End Styles added for invalid data text for dropdowns*/

/*Styles for Document manager page*/

.k-animation-container .k-list-container.k-popup .headerEllipsis + .k-group-header + .k-list-scroller ul.k-list li.k-item, .headerEllipsis + .k-group-header + .k-list-scroller ul.k-list li.k-item.k-state-focused {
    padding: 0;
    border: 0;
}

.k-animation-container .k-list-container.k-popup .k-nodata .comboBoxNoDataTemplate {
    margin-top: 0 !important;
}
/*End styles for Document manager page*/

/*Start styles for organization pages*/
#core-details-content table tr td a.action-link.core-orgSettings-actionLink { /*Info panel*/
    text-decoration: none !important;
}

.organization-dropdown span.k-combobox .k-dropdown-wrap.k-state-default { /*Add/Edit page*/
    height: 30px;
}

.core-employee-select {
    width: 95%;
    display: inline-block;
    text-indent: 0;
}
/*End styles for Add/Edit organization page*/

#core-details-content .section-divider {
    clear: both;
    width: 311px !important;
    margin-left: 0px !important
}

#core-details-content .core-details-table {
    max-width: 314px !important;
}

#divAssignedViews {
    display: none;
}

    #divAssignedViews .core-table-cell100 {
        display: inline-block;
        width: 311px !important;
        max-width: 312px !important;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    #divAssignedViews .infopanel-section-label {
        text-transform: uppercase;
    }

#tableAssignedViews td {
    padding-top: 5px;
}

#tableAssignedViews tr:first-child td {
    padding-top: 10px;
}

div#notesTab ul li.core-ellipsis-tooltip.k-item span.k-link {
    display: inline;
}

div#notesTab ul {
    text-align: left;
    display: flex;
}

    div#notesTab ul li.k-item.k-state-default {
        background-color: transparent;
        text-align: center;
        height: 40px;
        line-height: 40px;
        padding: 0 12px;
        border: 0;
        margin: 0;
    }

.core-table-text-indent {
    text-indent: 0
}

#addEditProject .ExchangeRateStyle .k-numeric-wrap.k-expand-padding .k-input {
    padding: .177em 0;
}

.k-numeric-wrap.k-state-invalid input {
    color: #444;
}
/*Roles accordion icon styles*/
.k-panelbar .k-i-arrow-60-up:before {
    content: "\e013";
}

.k-panelbar .k-i-arrow-60-down:before {
    content: "\e015";
}

.k-panelbar .k-icon {
    font-size: 20px;
    right: 16px;
}

.rolesContainerTable .k-loading-mask .k-loading-color,
.roles-block .col-md-12 .k-loading-mask .k-loading-color {
    background: inherit;
}
/*End roles accordion icon styles*/

/*UOM styles [This style should be commented in platformmegamenu.css]*/
.platform-Menubar-1 .platform-header-dropdown span#pageHeaderDropdown,
.k-numerictextbox .k-numeric-wrap.k-state-default.k-invalid {
    padding: 0px;
}
/*End UOM styles*/

/*Default Landing view*/
.core-landingView label, .core-landingView span.k-widget.k-dropdown {
    width: 100%;
    font-weight: normal;
}
/* End Default Landing view */

/*Organization settings global option UX*/

.orgsettings-div .core-panel-containers .title, .orgsettings-div .flexlayout .title, .orgsettings-div .headerEnvIndicator .title, .orgsettings-div + .core-sessionTimeoutIndicator .title {
    height: 28px;
    padding: 0;
    font-size: 24px;
    color: #333;
    border-bottom: 1px solid #333;
    font-weight: 500;
    line-height: 21px;
    margin: 30px 0;
}

.orgsettings-div .core-panel-containers .title {
    margin: 15px 0 30px 0;
}

.core-sessionTimeoutIndicator.core-landingView .title {
    height: 28px;
    padding: 0;
    font-size: 24px;
    color: #333;
    border-bottom: 1px solid #333;
    font-weight: 500;
    line-height: 21px;
    margin: 30px 0;
}

.settingsMenu #core-main-content .tabContent .pageCenterAlign {
    padding: 15px 0 0 0;
}

.orgsettings-div .core-panel-containers, .orgsettings-div .flexlayout, .orgsettings-div .headerEnvIndicator {
    padding: 0 !important;
    margin-bottom: 30px;
}

.orgsettings-div .flexlayout {
    margin-bottom: 20px;
}

.core-landingView label {
    padding-bottom: 10px;
    margin: 0;
}

.settingsMenu #core-main-content .tabContent .pageCenterAlign .core-sessionTimeoutIndicator .core-sessionTimeout-body {
    margin: 10px 0 0 0;
}

.flexlayout .flexlayout-content .radioBtn-div .radiobtn-txt, .flexlayout .flexlayout-content .radio-content .content-div label, .orgsettings-div .core-panel-containers span.roleinfo-txt, .flexlayout-content .customfootertxt {
    color: #333;
}

.orgsettings-div .user-role-div .user-role-body .toggle-switch-btn {
    height: 30px;
}

/*End of Organization settings global option UX*/

/*Project settings global option UX*/

.estimatingResources .costitemIntegrationtitle, .estimatingResources .core-aws-enabled .title {
    height: 28px;
    padding: 0;
    font-size: 24px;
    color: #333;
    border-bottom: 1px solid #333;
    font-weight: 500;
    line-height: 21px;
    margin: 30px 0;
}

.estimatingResources .costitemIntegrationtitle {
    margin-top: 15px;
}

.estimatingResources .core-aws-enabled .title {
    margin-top: 40px;
}

.costitembehavior-body .costitembehaviorbody-content .row-content .radio-content {
    padding: 0px 0 20px 19px;
}

    .costitembehavior-body .costitembehaviorbody-content .row-content .radio-content p {
        margin-bottom: 0;
    }

.costitembehavior-body .costitembehaviorbody-content .row-content, .estimatingResources .core-aws-enabled span.roleinfo-txt {
    color: #333;
}

.settingsMenu #core-main-content .tabContent {
    top: 80px;
    /*height: calc(100% - 42px);*/
}

.orgsettings-div .costitemIntegration.flexlayout {
    margin-bottom: 40px;
}

    .orgsettings-div .costitemIntegration.flexlayout + .core-panel-containers {
        margin-bottom: 60px;
    }

.orgsettings-div #headerBadgeEnvIndicatorID.headerEnvIndicator {
    margin-bottom: 60px;
}

.orgsettings-div .costitembehavior-body .costitembehaviorbody-content .row-content .radio-content {
    padding: 0px 0 20px 19px;
}

    .orgsettings-div .costitembehavior-body .costitembehaviorbody-content .row-content .radio-content p {
        padding: 0;
        margin: 0;
    }

.orgsettings-div .flexlayout-content .flexlayoutContent-left {
    margin-right: 10px;
}

.orgsettings-div .flexlayout-content .flexlayoutContent-right {
    margin-left: 10px;
}

.orgsettings-div .flexlayout .flexlayout-content .radio-content {
    padding: 10px 0 0 35px;
}

.settingsMenu #core-main-content .tabContent .pageCenterAlign .core-sessionTimeoutIndicator .core-sessionTimeout-body .flexlayout-content .flexlayoutContent-left .toggle-switch-btn.leftdiv {
    margin-bottom: 10px;
}

/*End of Project settings global option UX*/
    .core-projectdasboard-Boverlay + .megaMenuToastMessage.toastSuccess {
    margin-top: -40px;
    z-index: 11111111;
}
/*Styles added for First time wizard popup*/
.core-dialog.core-form-container.core-associate-dialog.core-firstWizardPop h3.core-dialog-title {
    margin: 0 0 16px 0;
    padding: 0;
    font-family: Roboto Regular !important;
}

.core-dialog.core-form-container.core-associate-dialog.core-firstWizardPop .core-firstWizardPop-inner {
    float: left;
    width: 100%;
}

.core-overlay .core-dialog.core-form-container.core-associate-dialog.core-firstWizardPop .header-infosection-parent {
    height: 178px;
    position: relative;
    float: left;
    width: 100%;
    overflow: hidden;
}

.core-overlay .core-dialog.core-form-container.core-associate-dialog.core-firstWizardPop.multiple-Project .header-infosection {
    margin: 0;
    display: flex;
    position: absolute;
    width: 100%;
    transition: left 0.75s;
}

.core-overlay .core-dialog.core-form-container.core-associate-dialog.core-firstWizardPop .header-infosection {
    margin: 0;
    display: flex;
    width: 100%;
}

    .core-overlay .core-dialog.core-form-container.core-associate-dialog.core-firstWizardPop .header-infosection > p {
        display: inline-flex;
        padding: 0 50px 0 0;
        margin: 0;
        font-size: 14px;
    }

.core-dialog.core-form-container.core-associate-dialog.core-firstWizardPop .header-info-Inner {
    float: left;
    width: 60%;
    margin-right: 20px;
}

.core-dialog.core-form-container.core-associate-dialog.core-firstWizardPop .header-infoImg {
    width: 264px;
    height: 178px;
    min-width: 264px;
    min-height: 178px;
    display: inline-flex;
    overflow: hidden;
}

.core-overlay .core-dialog.core-form-container.core-associate-dialog.core-firstWizardPop.single-Project .header-infosection .header-infoImg img {
    display: block;
    width: 520px;
    height: 250px;
    margin-left: -170px;
}

.core-overlay .core-dialog.core-form-container.core-associate-dialog.core-firstWizardPop.multiple-Project .header-infosection.sec-order-1 .header-infoImg img {
    display: block;
    width: 520px;
    height: 250px;
    margin-left: -170px;
}

.core-overlay .core-dialog.core-form-container.core-associate-dialog.core-firstWizardPop.multiple-Project .header-infosection.sec-order-2 .header-infoImg img {
    display: block;
    height: 200px;
    width: auto;
    margin-left: -168px;
}

.core-overlay .core-dialog.core-form-container.core-associate-dialog.core-firstWizardPop .core-dialog-button-bar.core-align-right {
    padding: 0;
    float: left;
    margin: 50px 0 16px 0;
    width: 100%;
    height: auto;
    position: relative;
}

    .core-overlay .core-dialog.core-form-container.core-associate-dialog.core-firstWizardPop .core-dialog-button-bar.core-align-right input.k-button {
        position: relative;
        margin-top: 0;
        margin-bottom: 0;
    }

    .core-overlay .core-dialog.core-form-container.core-associate-dialog.core-firstWizardPop .core-dialog-button-bar.core-align-right input#L-next.k-button {
        position: absolute;
    }

form.core-dialog.core-form-container.core-associate-dialog.core-firstWizardPop {
    padding-bottom: 0;
}

.core-overlay .core-dialog.core-form-container.core-associate-dialog.core-firstWizardPop .header-infosection span.header-infoHead {
    font-family: Roboto bold;
    font-size: 14px;
    padding-bottom: 16px;
    display: block;
    text-transform: uppercase;
}

.core-overlay .core-dialog.core-form-container.core-associate-dialog.core-firstWizardPop .header-infosection.sec-order-1 {
    left: 0px;
}

.core-overlay .core-dialog.core-form-container.core-associate-dialog.core-firstWizardPop .header-infosection.sec-order-2 {
    left: 800px;
}

input#L-next, input#L-close {
    right: 0;
    min-width: 77px;
    transition: opacity;
    transition-delay: 1100ms;
}

input#L-back {
    min-width: 77px;
    visibility: hidden;
    transition: visibility;
    transition-delay: 1100ms;
}

.header-infosection {
    transition: left 1500ms linear;
}

form.core-dialog.core-form-container.core-associate-dialog.core-firstWizardPop {
    border-radius: 4px;
}

/*End of common styles added for First Time Wizard Popup*/

#rolesList div#core-details-content span.infoIcon[ng-if="action.PermissionName == 'Delete'"] {
    display: inline-block;
    width: 16px;
    margin: 0px 1px 0 -2px;
}

    #rolesList div#core-details-content span.infoIcon[ng-if="action.PermissionName == 'Delete'"] + span {
        max-width: 87% !important;
    }

#DisableAlternateMeasurement span.k-widget.k-combobox span.k-dropdown-wrap.k-state-disabled, #DisableAlternateMeasurement span.k-widget.k-combobox span.k-dropdown-wrap.k-state-disabled * {
    cursor: not-allowed !important;
    pointer-events: inherit;
}

    #DisableAlternateMeasurement span.k-widget.k-combobox span.k-dropdown-wrap.k-state-disabled * {
        pointer-events: none !important;
    }
/* |--------------- Account code stagging style ---------------| */

/* ACS Staging Note Dialog Styles */
.acs-core-dialog {
    width: 580px !important;
}

    .acs-core-dialog .acs-notes h4 {
        margin: 0 0 30px 0;
        line-height: 1.2;
    }

    .acs-core-dialog .staging-text-count {
        font-family: Roboto Bold;
        font-size: 12px;
    }

/* END ACS Staging Note Dialog Styles */

#ApproveAllSidenav {
    top: 120px !important;
    height: calc(100vh - 150px);
}

    #ApproveAllSidenav.sidenav .sidenav-innerbody {
        height: calc(100vh - 150px);
    }

        #ApproveAllSidenav.sidenav .sidenav-innerbody .sidenav-content {
            height: calc(100% - 101px);
            padding: 0;
        }

#approveAll {
    vertical-align: middle;
    display: inline-block;
    padding: 5px 0px;
    font-size: 12px;
    line-height: 22px;
    margin: 0 20px;
    color: #0066CC;
}

#ApproveAllSidenav.open {
    right: 0;
}

#ApproveAllSidenav label.rowTitleRight {
    text-align: right;
    width: 100%;
    font-size: 16px;
}

#approveAll.active {
    color: #FFCC00 !important;
}

#txtApproveAllNotes {
    height: 100px !important;
    width: 100% !important;
}

#ApproveAllSidenav.accountCodeSidenav.sidenav h4 {
    font-size: 18px;
}

#ApproveAllSidenav .icon-close {
    z-index: 11;
}

.core-parent-account-code .core-container-innerGroup, .core-parent-edit-user .core-container-innerGroup {
    display: flex;
    align-items: center;
}

    .core-parent-account-code .core-container-innerGroup span.editfield {
        bottom: 0;
        cursor: pointer;
        position: relative;
        right: 0;
        left: 8px;
        height: 12px;
    }

    .core-parent-account-code .core-container-innerGroup .accountCode-display-div {
        vertical-align: top;
        width: 1%;
        display: table-cell;
        padding-top: 8px;
        min-width: 30px;
    }

        .core-parent-account-code .core-container-innerGroup .accountCode-display-div + span.k-widget.k-combobox {
            margin-left: 20px;
            width: calc(100% - 66px) !important;
            margin-right: 3px;
        }

#parentAccountCodeSlider {
    width: 350px;
}

    #parentAccountCodeSlider .sidenav-innerbody .sidenav-content {
        height: calc(100% - 140px);
        overflow: hidden;
        padding-right: 0;
        position: relative;
    }

    #parentAccountCodeSlider .accountSlideRow-Sparent {
        position: absolute;
        top: 0;
        width: 100%;
        left: 115%;
    }

    #parentAccountCodeSlider .parent-step1 {
        position: relative;
    }

.core-parent-account-code .disbale-parent-accountCode {
    border-color: #f0f0f0;
    background-color: #fff;
    color: #333;
    cursor: default;
}

#parentAccountCodeSlider .core-float-right {
    display: flex;
    justify-content: flex-end;
}

#parentAccountCodeSlider.sidenav .sidenav-innerbody h4, #displayNameSidenav.sidenav .sidenav-innerbody h4, #divDeleteACSSlide.sidenav .sidenav-innerbody h4, #divReplaceACSSlide.sidenav .sidenav-innerbody h4 {
    margin: 0 0 10px 0;
    font-size: 18px;
    display: block;
}

#parentAccountCodeSlider div.core-field-containers, #displayNameSidenav div.core-field-containers, #divDeleteACSSlide div.core-field-containers, #divReplaceACSSlide div.core-field-containers {
    margin: 0 0 15px 0;
}

#divImpactedGrid.core-field-containers, #divDeleteImpactedGrid.core-field-containers {
    margin: 0px !important;
}

.slideRowContent.parent-warning-content {
    display: flex;
    align-items: center;
}

    .slideRowContent.parent-warning-content i.icon, #displayNameSidenav i.icon-warning {
        font-size: 28px;
        vertical-align: middle;
        padding-right: 10px;
        color: #ffcc00;
        height: 100%;
        width: auto;
        display: block;
    }

        .slideRowContent.parent-warning-content i.icon + span, #displayNameSidenav .slide-warning-content {
            font-size: 18px;
            height: 38px;
            display: block;
            line-height: 38px;
        }

#parentAccountCodeSlider.sidenav .sidenav-innerbody .btn-div input {
    max-width: 90px;
}

#parentAccountCodeSlider .k-loading-mask *, #displayNameSidenav .k-loading-mask *, #divDeleteACSSlide .k-loading-mask *, #divReplaceACSSlide .k-loading-mask * {
    background-color: transparent;
}

#parentAccountCodeSlider div.impacted-children-grid .k-grid-content {
    min-height: calc(100vh - 498px) !important;
    height: calc(100vh - 498px) !important;
}

#divDeleteACSSlide div.impacted-children-grid .k-grid-content {
    min-height: calc(100vh - 465px) !important;
    height: calc(100vh - 465px) !important;
}

#parentImpactedGrid .rowTitle {
    margin-bottom: 0px;
}

.acs-btn-secondary {
    margin-right: 10px;
    padding: 0 10px !important;
}

.acs-btn-primary-next {
    padding: 0 10px !important;
}

.acs-btn-primary-accept {
    padding: 0 8px !important;
}

#addEditACSDelete {
    margin-right: 20px;
    color: #0066CC;
    border-radius: 0;
    border: 1px solid transparent;
}

    #addEditACSDelete:hover {
        background: transparent;
        border-color: rgba(221, 221, 221, 1);
    }

.core-notes-section .cursorStyle {
    cursor: not-allowed !important;
}

    .core-notes-section .cursorStyle textarea, .core-notes-section .cursorStyle textarea:hover {
        pointer-events: none;
        box-shadow: none !important;
    }

.faux-combobox-disabled, .faux-combobox-disabled:hover {
    pointer-events: none;
    border: none;
    box-shadow: none !important;
    opacity: 0.6;
}

.core-lable-combobox.core-faux-combobox.faux-combobox-disabled:after {
    background-color: transparent;
    color: #999;
}

.core-lable-combobox.core-faux-combobox.faux-combobox-disabled i.dropdownIcon {
    opacity: 0.5;
}

.custom-list-fields-container .k-combobox span.k-dropdown-wrap.k-state-disabled {
    pointer-events: inherit;
    cursor: not-allowed !important;
}

    .custom-list-fields-container .k-combobox span.k-dropdown-wrap.k-state-disabled * {
        pointer-events: none;
    }

.core-field-containers.edit-block .cursorStyle * {
    pointer-events: none;
}

.core-field-containers.edit-block .cursorStyle i.icon.icon-edit.cursorStyle {
    pointer-events: all;
}
/* |--------------- End Account code stagging style ---------------| */

/* User Story 894500: Organization Settings - Licensing */
#LicenseGrid table tbody tr td:first-child span:before {
    font-family: 'ineight' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    margin: 7px 0;
    display: inline-block;
    font-size: 18px;
    height: 18px;
    width: 32px;
    text-align: center;
}

.settingsMenu #LicenseGrid.k-grid table > tbody > tr > td:first-child span {
    display: flex;
    align-items: center;
}

#LicenseGrid table tbody tr td span {
    font-size: 12px;
    color: #333;
    height: 31px;
}

#LicenseGrid span.Billings:before {
    content: "\eb29";
    color: #0075C9;
}

#LicenseGrid span.Capital:before {
    content: "\ead2";
    color: #6A7F9E;
}

#LicenseGrid span.Change:before {
    content: "\e999";
    color: #6E7BA1;
}

#LicenseGrid span.Completions:before {
    content: "\eac1";
    color: #F5B324;
}

#LicenseGrid span.Compliance:before {
    content: "\e805";
    color: #F5B324;
}

#LicenseGrid span.Contract:before {
    content: "\e91c";
    color: #6E7BA1;
}

#LicenseGrid span.Control:before {
    content: "\e801";
    color: #0075C9;
}

#LicenseGrid span.Design:before {
    content: "\e91d";
    color: #4d595a;
}

#LicenseGrid span.Document:before {
    content: "\e982";
    color: #FF6C0C;
}

#LicenseGrid span.Estimate:before {
    content: "\e804";
    color: #0075C9;
}

#LicenseGrid span.Explore:before {
    content: "\e984";
    color: #9F26B5;
}

#LicenseGrid span.Model:before {
    content: "\ea8c";
    color: #981B26;
}

#LicenseGrid span.Plan:before {
    content: "\e807";
    color: #2D7050;
}

#LicenseGrid span.Progress:before {
    content: "\e80b";
    color: #2D7050;
}

#LicenseGrid span.Quantify:before {
    content: "\e967";
    color: #0075C9;
}

#LicenseGrid span.Report:before {
    content: "\e986";
    color: #9F26B5;
}

#LicenseGrid span.Schedule:before {
    content: "\ea56";
    color: #36b0c9;
}

#LicenseGrid table tbody tr td, #LicenseGrid table thead tr th {
    height: 32px;
    padding: 0 10px;
    vertical-align: middle;
    border-color: #ddd !important;
}

.settingsMenu #LicenseGrid.k-grid td:first-child, .settingsMenu #LicenseGrid.k-grid th:first-child {
    border-left: 1px solid #ddd !important;
}

.settingsMenu #LicenseGrid.k-grid th {
    border-top: 1px solid #ddd;
}

#LicenseGrid table tbody tr:last-child td:last-child {
    border-right: 1px solid #ccc !important;
}

.Core-LicenseGrid-parent {
    position: absolute;
    top: 0;
    width: calc(100% + 1px);
    left: -1px;
}

.settingsMenu #LicenseGrid.k-grid table > tbody > tr > td:first-child {
    padding-left: 0;
}

/* End of User Story 894500: Organization Settings - Licensing */

/* |------------------------------ This Section Reserved for Common Classes ----------------------!
   |-------------------------------------- END OF COMMON CLASSES ---------------------------------!
   |-------------------------- No Classes Should be Added Below This Section ---------------------! */

i.icon.icon-capital {
    color: #6A7F9E !important;
}

i.icon.icon-veo {
    color: #981B26 !important;
}

i.icon.icon-document {
    color: #FF6B29 !important;
}

i.icon.icon-basis {
    color: #36b0c9 !important;
}

i.icon.icon-estimate {
    color: #0075C9 !important;
}

i.icon.icon-controls {
    color: #0075C9 !important;
}

i.icon.icon-report, i.icon.icon-explore {
    color: #9F26B5 !important;
}

i.icon.icon-inspect {
    color: #F5B324 !important;
}

i.icon.icon-plan {
    color: #2D7050 !important;
}

i.icon.icon-progress {
    color: #2D7050 !important;
}

i.icon.icon-contracts {
    color: #6e7ba1 !important;
}

i.icon.icon-change {
    color: #6e7ba1 !important;
}

.core-budget-code-settings.title {
    margin: 15px 0 30px 0;
    height: 28px;
    padding: 0;
    font-size: 24px;
    color: #333;
    border-bottom: 1px solid #333;
    font-weight: 500;
    line-height: 21px;
}

.core-budget-code-container.user-role-div .user-role-body {
    align-items: center;
    display: flex;
    flex-flow: row nowrap;
}

    .core-budget-code-container.user-role-div .user-role-body .toggle-switch-btn {
        margin-left: 20px;
    }

.core-budget-code-container {
    margin-bottom: 40px;
}

.core-projectDashboardController label.countText span.core-assigned-user-vendor {
    font-size: 36px;
    font-weight: 700;
}

.pure-u-1.pure-u-md-1-2.core-field-containers.core-projectAttr-controls.core-hintmsg.hideArrow {
    height: auto;
}

    .pure-u-1.pure-u-md-1-2.core-field-containers.core-projectAttr-controls.core-hintmsg.hideArrow label.core-label-helpVendor {
        margin: 5px 0 0 0;
        height: auto;
        line-height: normal;
    }

.pure-u-1.pure-u-md-1-2.core-field-containers.core-projectAttr-controls label {
    height: 32px;
    line-height: 32px;
}

.pure-u-1.pure-u-md-1-2.core-field-containers.core-projectAttr-controls:last-child {
    float: right;
}

.pure-g.form-container-margin.core-projectAttr-form {
    margin: 0;
}

.pure-u-1.pure-u-md-1-2.core-field-containers.core-projectAttr-controls {
    padding: 0;
    margin: 20px 0;
    height: 32px;
    width: 300px;
}

.core-projectAttr-row {
    border-bottom: 1px solid #ccc;
    float: left;
    width: 100%;
}

    .core-projectAttr-row:last-child {
        border: 0;
    }

.core-budget-code-container.user-role-div .user-role-body .toggle-switch-btn {
    height: 30px;
}

#userMainContainer #core-main-content.vendor-details {
    top: 85px !important;
}

.km-switch {
    line-height: 20px;
}

.core-label-bold {
    font-family: Roboto Bold;
}

#divEmailImageUploader .core-PhotoUpload {
    align-items: center;
    display: flex;
    justify-content: center;
    position: relative;
    background-color: #fff;
    margin-right: 16px;
}

#divEmailImageUploader .core-PhotoUpload-container {
    text-align: center;
    position: relative;
    height: 160px;
    width: 304px;
    border: 1px solid #e6e6e6;
    border-radius: 2px;
}

#divEmailImageUploader .core-PhotoUpload-bottom {
    position: absolute;
    width: 32px;
    height: 32px;
    bottom: 0;
    background-color: #3333332b;
    color: #fff;
    align-items: center;
    display: flex;
    z-index: 1111;
    right: 0;
}

#divEmailImageUploader .uploadPhotoImg.projImageTile {
    width: 100%;
    height: 100%;
    display: flex;
    text-align: center;
    align-items: center;
    position: relative;
    justify-content: center;
}

#divEmailImageUploader .uploadPhotoTxt {
    position: absolute;
    height: 100%;
    text-align: center;
    width: 100%;
    color: #555;
    display: block;
    top: 0;
    overflow: hidden;
}

#divEmailImageUploader .uploadPhotoTxt-disabled {
    position: absolute;
    height: 100%;
    text-align: center;
    width: 100%;
    color: #555;
    display: block;
    top: 16px;
    overflow: hidden;
}

#divEmailImageUploader input#coreFileUpload {
    font-size: 28px;
    position: absolute;
    top: 0;
    right: 0;
    left: -200px;
    opacity: 0;
    -moz-opacity: 0.4;
    filter: alpha(opacity:0);
    z-index: 2;
    width: 200%;
    height: 100%;
    display: block !important;
    cursor: pointer;
}

#divEmailImageUploader .uploadPhotoTxt i.icon {
    font-size: 48px;
    color: #555;
    margin: 0 auto;
    height: 48px;
}

#divEmailImageUploader .uploadPhotoTxt span {
    display: block;
    height: 32px;
    line-height: 32px;
    text-align: center;
}

#divEmailImageUploader .core-PhotoUpload-bottom span.uploadTxt {
    margin: 0 auto;
    padding: 0 15px;
    color: #fff;
    max-width: 260px;
    width: 260px;
    text-align: center;
    font-size: 12px;
}

#divEmailImageUploader .core-PhotoUpload-bottom span.uploadPhoto-icon {
    height: 32px;
    width: 32px;
    align-items: center;
    display: flex;
    font-size: 16px;
    overflow: hidden;
    cursor: pointer;
}

    #divEmailImageUploader .core-PhotoUpload-bottom span.uploadPhoto-icon span {
        margin: 0 auto;
        text-align: center;
        height: 18px;
        width: 16px;
        display: block;
    }

#divEmailImageUploader .uploadPhotoTxt p {
    font-size: 11px;
    color: #7f7f7f;
    font-style: italic;
    margin: 0 0 4px 0;
}

#divEmailImageUploader .uploadPhotoTxt > div {
    height: 100%;
    padding-top: 25px;
    display: block;
}

#divEmailImageUploader .uploadPhotoImg.projImageTile.core-uploadImg {
    z-index: 1111;
    background-color: #fff;
}

#lblEmailImageValidation.error-label-message {
    width: 304px;
}

#lblHeaderBadgeValidation.error-label-message {
    width: 320px;
}

#divEmailPreferences.EnvironmentIndicator-body {
    min-height: 161px;
}

#divEmailPreferences .email-preferences-content .flexlayoutContent-left {
    height: 30px;
    margin: 0 0 15px 0;
    width: 100%;
}

#divEmailPreferences .email-preferences-content .flexlayoutContent-right {
    margin-left: 16px;
    margin-right: auto;
    float: right;
    position: relative;
}

#divEmailPreferences .rightdiv.badgeDiv {
    align-items: center;
    padding-left: 10px;
    width: calc(100% - 60px);
}

    #divEmailPreferences .rightdiv.badgeDiv.dispFlex .core-label {
        display: inline-block;
        max-width: inherit;
    }

.core-image-preview {
    max-width: 302px;
    height: auto;
    max-height: 158px;
    width: auto;
}

.EnvironmentIndicator.headerEnvIndicator {
    padding-bottom: 46px;
}

#incoTermsGrid .font-size-16 {
    font-size: 16px;
    float: right;
    right: 30px !important;
}

#paymentTermsGrid .font-size-16 {
    font-size: 16px;
    float: right;
    right: 30px !important;
}

div#billingPeriodRequired {
    padding-top: 10px !important;
}

div#stateRevenue {
    padding-top: 10px;
}

.footer-buttom-height {
    padding-top: 96px;
}

/*Add Edit Contact start*/

.container-fluid.sidenav {
    width: 365px;
    padding: 0;
    margin: 0;
    top: 125px !important;
    height: calc(100% - 158px);
    box-shadow: 0 0 5px rgba(0,0,0,.35);
}

.row.sidenav-innerbody {
    margin: 0;
    height: 100%;
}

.col-lg-12.sidenav-innerbody-content {
    padding: 0;
    height: 100%;
}

.sidenav .sidenav-innerbody .container-fluid.sidenav-content {
    height: calc(100% - 160px);
    padding: 0;
    overflow-y: auto;
    overflow-x: hidden;
}

    .sidenav .sidenav-innerbody .container-fluid.sidenav-content > form.row {
        margin: 0 10px 0 0;
        position: relative;
    }

.col-lg-12.sidenav-innerbody-content > h4 {
    margin: 0 0 16px 0;
    font-size: 18px;
    display: block;
    height: auto;
}

.container-fluid.sidenav-content form .core-field-containers label.core-label {
    display: block;
}

.core-field-doubleContainers {
    display: flex;
}

.sidenav .sidenav-innerbody .container-fluid.btn-div {
    padding: 0;
    height: 48px;
    margin: 30px 0;
    width: 100%;
}

    .sidenav .sidenav-innerbody .container-fluid.btn-div .slide-pagination {
        font-size: 10px;
        height: 18px;
        line-height: 18px;
        top: -10px;
        position: relative;
    }

.sidenav .sidenav-innerbody .container-fluid.sidenav-content > form.row .core-field-containers {
    padding: 0;
}

.col-lg-12.parent-step1 {
    position: absolute;
    left: 0;
    transition: left 1s;
    padding: 0;
}

.col-lg-12.parent-step2 {
    position: absolute;
    left: 330px;
    transition: left 1s;
    padding: 0;
}

.core-field-doubleContainers > .core-field-containers:last-child {
    margin-left: auto;
}

#addEditContactSidenav.open {
    right: 0;
}

.core-field-doubleContainers > .core-field-containers {
    width: 46%;
}

.sidenav .sidenav-innerbody .container-fluid.btn-div .core-float-right input.k-button {
    width: 90px;
    margin: 0 0 0 8px;
}

.sidenav .sidenav-innerbody .btn-div input.core-contact-back, .sidenav .sidenav-innerbody .btn-div input.core-contact-save {
    display: none;
}

.sidenav .sidenav-innerbody .btn-div input.core-contact-cancel {
    padding-left: 10px !important;
    padding-right: 10px !important;
}

.sidenav .sidenav-innerbody .btn-div input.core-contact-save {
    padding-left: 8px !important;
    padding-right: 8px !important;
}

.comboboxWidth110 {
    width: 110px !important;
}

.core-z-index-111 {
    z-index: 111
}

input[disabled]#addSliderSave:hover {
    cursor: not-allowed !important;
}

div#addProjectContact {
    height: calc(100%) !important;
}

#addProjecContactForm .k-multiselect-wrap.k-floatwrap .k-icon.k-i-close {
    display: block !important;
    margin-top: 2px;
}

#addProjectVendorForm .k-multiselect-wrap.k-floatwrap .k-icon.k-i-close {
    display: block !important;
    margin-top: 2px;
}
/*Add Edit Contact end*/

.container-fluid.sidenav-content > form .col-lg-12 {
    padding: 0;
}

.row.sidenav-innerbody {
    margin: 0;
    height: 100%;
}

/*|-------------------------------------- Start Control-Team Styles --------------------------------------|*/
.core-PhotoSlider .core-PhotoSlider-buttons input.k-button {
    border-radius: 2px;
}

.core-kendo-grid-controller.nav-level-1 {
    height: calc(100vh - 111px);
}

.nav-level-2 div[kendo-grid]#acsGrid .k-grid-content {
    height: calc(100vh - 182px) !important;
}

#warningContainer + #acsGrid .k-grid-content, #warningContainer + #acsGrid .k-grid-content-locked {
    height: calc(100vh - 245px) !important;
}

.nav-level-2 div[kendo-grid]#revenuecategoriesGrid .k-grid-content {
    height: calc(100vh - 177px) !important;
    min-height: inherit !important;
}

.nav-level-1 {
    height: calc(100vh - 110px);
}

#core-details-content.infoPanel {
    height: calc(100vh - 153px);
}

#core-details-content.infoPanel.nav-level-1 {
    height: calc(100vh - 113px);
    top: 81px !important;
}

#core-details-content.infoPanel.nav-level-2 {
    top: 121px !important;
}

.body-content {
    overflow-y: auto;
    height: calc(100vh - 110px);
}

.addpageform-section.certificationDetails-div {
    margin-bottom: 25px;
}

.certificationDetails-content .certificate-flex {
    position: relative;
}

.ProjectContact-div label.core-label {
    margin-bottom: 5px;
}

.core-parent-edit-user .core-container-innerGroup span.editfield {
    bottom: 0;
    cursor: pointer;
    position: relative;
    right: 0;
    left: 8px;
    height: 12px;
}

    .core-parent-edit-user .core-container-innerGroup span.editfield.cursorNotAllowed i.icon-edit {
        pointer-events: none;
    }

input.core-EditEmail.k-textbox[disabled="disabled"] {
    border-color: #f0f0f0 !important;
    background-color: #fff !important;
    color: #333 !important;
    cursor: default;
}
/*|-------------------------------------- End Control-Team Styles ---------------------------------------|*/
@media screen and (max-width: 1366px) and (min-width: 768px) {
    .footer-buttom-space {
        position: relative;
        top: 96px;
    }
}

@media screen and (max-width: 1920px) and (min-width: 1367px) {
    .footer-buttom-space {
        position: relative;
        top: 409px;
    }
}

@media screen and (max-width: 1366px) and (min-width: 768px) {
    .footer-buttom-space-payterm {
        position: relative;
    }
}

@media screen and (max-width: 1920px) and (min-width: 1367px) {
    .footer-buttom-space-payterm {
        position: relative;
    }
}


/*Added form Estimate Popup*/

.core-env-overlay .core-estimate-env-pop.core-env-dialog, .core-env-overlay .core-billing-env-pop.core-env-dialog, .core-env-overlay .core-menu-click-pop.core-env-dialog {
    width: 520px !important;
    height: auto !important;
    max-height: 100% !important;
    display: flex !important;
    min-height: inherit !important;
}

.core-estimate-env-pop h4, .core-billing-env-pop h4, .core-menu-click-pop h4 {
    margin-top: 0;
    font-weight: normal;
    margin-bottom: 16px;
    font-size: 16px;
    color: #333;
}

.core-estimate-env-pop .core-estimate-logtimer, .core-billing-env-pop .core-billing-logtimer, .core-menu-click-pop .core-menuclick-logtimer {
    margin-top: 20px;
}

.core-estimate-env-pop .core-align-right.core-dialog-button-area, .core-billing-env-pop .core-align-right.core-dialog-button-area, .core-menu-click-pop .core-align-right.core-dialog-button-area {
    padding: 16px 0 0 0;
}

.core-estimate-env-pop #selectEnvironmentForEstimate, .core-billing-env-pop #selectEnvironmentForBilling, .core-menu-click-pop #productmenuclick {
    width: 100%;
}

.core-completion-env-pop #selectEnvironmentForCompletion {
    width: 100%;
}

.core-estimate-env-pop.core-env-dialog, .core-billing-env-pop.core-env-dialog, .core-menu-click-pop.core-env-dialog {
    padding-bottom: 0;
}

.core-estimate-env-pop #selectEnvironmentForEstimate .core-align-right.core-dialog-button-area, .core-billing-env-pop #selectEnvironmentForBilling .core-align-right.core-dialog-button-area, .core-menu-click-pop #productmenuclick .core-align-right.core-dialog-button-area {
    display: flex;
    width: 100% !important;
    max-width: 100% !important;
    height: 100px;
    align-items: center;
    justify-content: flex-end;
    padding: 0;
    margin: 24px 0 0 0;
}

.core-estimate-env-pop #selectEnvironmentForEstimate input.k-button.secondary-blue, .core-billing-env-pop #selectEnvironmentForBilling input.k-button.secondary-blue, .core-menu-click-pop #productmenuclick input.k-button.secondary-blue {
    margin-right: 10px;
}

span#estimatepopuptimer {
    color: #0075c9;
}

span#completionpopuptimer {
    color: #0075c9;
}

span#billingpopuptimer {
    color: #0075c9;
}

span#menuclickpopuptimer {
    color: #0075c9;
}

.core-estimate-env-pop #selectEnvironmentForEstimate .core-align-right.core-dialog-button-area input.k-button, .core-billing-env-pop #selectEnvironmentForBilling .core-align-right.core-dialog-button-area input.k-button, .core-menu-click-pop #productmenuclick .core-align-right.core-dialog-button-area input.k-button {
    border-radius: 0px;
}
/*End of CSS added form Estimate Popup*/

    .MilestoneSummaryTooltip, .MilestoneSummaryTooltipForRevisedCompletionDate {
        position: relative;
        display: inline-block;
    }

    .MilestoneSummaryTooltip .MilestoneSummaryTooltipText,
    .MilestoneSummaryTooltipForRevisedCompletionDate .MilestoneSummaryTooltipTextForRevisedCompletionDate {
        visibility: hidden;
        width:200px !important;
        background-color: #ffffff;
        color: #666666;
        text-align: left;
        border-radius: 6px;
        padding: 10px;
        position: absolute;
        z-index: 1;
        bottom: 125%;
        left: 50%;
        margin-left: -30px;
        opacity: 0;
        transition: opacity 0.3s;
        font-family: 'Roboto Regular' !important;
        font-size: 12px;
        -moz-box-shadow: 0 2px 5px 2px rgba(161, 161, 161, 1);
        box-shadow: 0 2px 5px 2px rgba(161, 161, 161, 1);
        -webkit-box-shadow: 0 2px 5px 2px rgba(161, 161, 161, 1);
        word-wrap:break-word;
    }



        .MilestoneSummaryTooltip .MilestoneSummaryTooltipText::after,
        .MilestoneSummaryTooltipForRevisedCompletionDate .MilestoneSummaryTooltipTextForRevisedCompletionDate::after {
            content: "";
            position: absolute;
            top: 100%;
            left: 50%;
            margin-left: -5px;
            border-width: 5px;
            border-style: solid;
            border-color: #ffffff transparent transparent transparent;
        }

    .MilestoneSummaryTooltip:hover .MilestoneSummaryTooltipText,
    .MilestoneSummaryTooltipForRevisedCompletionDate:hover .MilestoneSummaryTooltipTextForRevisedCompletionDate {
        visibility: visible;
        opacity: 1;
        left: 225%;
        transform: translateX(-50%);
    }

#AuditLogsContainer .core-kendo-grid-controller.nav-level-1 {
    height: calc(100vh - 152px);
}

#AuditLogsContainer .nav-level-1 div[kendo-grid]#rolesAuditGrid .k-grid-content {
    height: calc(100vh - 182px);
}

.width-100-percent {
    width: 100%;
}

#addProjectEmployee form.core-dialog.core-form-container.core-associate-dialog, #addProjectEquipment form.core-form-container.core-associate-dialog, #addProjectContact form.core-form-container.core-associate-dialog {
    width: 75% !important;
    min-width: inherit !important;
    max-width: inherit !important;
}

form.core-addUserList {
    min-height: 500px !important;
    padding: 48px;
    width: 600px !important;
}

.core-editSharedUser {
    width: 100%;
    float: left;
    position: relative;
    height: 100%;
}

    .core-editSharedUser .core-editSharedUser-head {
        float: left;
        width: 100%;
        margin-bottom: 16px;
    }

        .core-editSharedUser .core-editSharedUser-head h4 {
            padding: 0;
            margin: 0;
            height: 32px;
            line-height: 32px;
        }

core-editSharedUser .core-projectRole1 {
    float: left;
    width: 100%;
}


.core-editSharedUser .core-projectRole-container {
    float: left;
    width: 100%;
    height: auto;
    margin-bottom: 16px;
}


.core-editSharedUser .core-editSharedUser-currentSelection {
    float: left;
    width: 100%;
}

.core-editSharedUser-currentSelection > span {
    height: 24px;
    float: left;
    line-height: 24px;
    width: 100%;
}

.core-editSharedUser .core-currentSelection-container {
    float: left;
    width: 100%;
    border: 1px solid #ccc;
    height: 110px;
    overflow-y: auto;
}

.core-editSharedUser .core-editSharedUser-button {
    position: absolute;
    bottom: 0;
    float: left;
    width: 100%;
    text-align: right;
}

.core-editSharedUser .core-projectRole-container .core-projectRole-combo span.k-widget.k-dropdown, .core-editSharedUser .core-projectRole-container .core-projectRole-combo span.k-widget.k-combobox {
    width: 100% !important;
}
form#addProjectVendorForm {
    width: 75% !important;
    min-width: inherit !important;
    max-width: inherit !important;
}

div#addProjectVendor {
    top: -10px !important;
    height: calc(100% + 70px) !important;
}
div#addProjectVendor form#addProjectVendorForm {
        top: 0px !important;
    }
div#unassignedvendorsgrid .k-animation-container,
div#unassignedcontactsgrid .k-animation-container
{
    width: 200px !important;
}
a {
    cursor: pointer;
}
.in8nav-rightnavpanel_appswitcher_item .in8nav-appicon_vividorange {
    background-color: #F5B324;
}
#userList_listbox li {
  padding:0px;
}
.height-100 {
    min-height: 100% !important;
    height:100%;
}
.core-projectDashboardController label.linkText.dashboardTile.label-style {
    width: 100%;
    font-size: 18px;
    height: 38px;
    line-height: 20px;
    margin-top: -4px;
    display: grid;
}
.core-overlay.core-assignedUserRole, .core-overlay.ineight-overlay {
    z-index: 10003 !important;
}
.core-overlay.messagebox {
    z-index: 99999 !important;
}
	
[class^="icon-"], [class*=" icon-"] {
    /* use !important to prevent issues with browser extensions that change fonts */
	font-family: 'ineight' !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;
}

.icon-installedEquipment:before {
	content: "\e900";
}
.icon-contracts:before {
  content: "\e91c";
}
.icon-DailyPlan:before {
	content: "\e901";
}
.icon-DownLevel:before {
	content: "\e902";
}
.icon-ExpandTiles:before {
	content: "\e903";
}
.icon-Indent:before {
	content: "\e904";
}
.icon-Outdent:before {
	content: "\e905";
}
.icon-Remove:before {
	content: "\e906";
}
.icon-Unpublish:before {
	content: "\e907";
}
.icon-UpLevel:before {
	content: "\e908";
}
.icon-controls:before {
	content: "\e801";
}
.icon-core:before {
	content: "\e802";
}
.icon-estimate:before {
	content: "\e804";
}
.icon-Inspect:before {
	content: "\e805";
}
.icon-Plan:before {
	content: "\e807";
}
.icon-Progress:before {
	content: "\e80b";
}
.icon-Reporting:before {
	content: "\e986"; 
}
.icon-close:before {
	content: "\e809";
}
.icon-copy:before {
	content: "\e80a";
}
.icon-Dropdown2:before {
	content: "\e80c";
}
.icon-equipmentattachments:before {
	content: "\e80d";
}
.icon-Export:before {
	content: "\e80f";
}
.icon-filter:before {
	content: "\e810";
}
.icon-import:before {
	content: "\e811";
}
.icon-Labor:before {
	content: "\e812";
}
.icon-materials:before {
	content: "\e813";
}
.icon-cloud:before {
	content: "\e800";
}
.icon-PartlySunny:before {
	content: "\e803";
}
.icon-rain:before {
	content: "\e806";
}
.icon-Sunny:before {
	content: "\e808";
}
.icon-equipment:before {
	content: "\e827";
}
.icon-user:before {
	content: "\e828";
}
.icon-AssignedDC:before {
	content: "\eae2";
}
.icon-add-photo:before {
	content: "\e829";
}
.icon-add:before {
	content: "\e82a";
}
.icon-archive:before {
	content: "\e82b";
}
.icon-attach-file:before {
	content: "\e82c";
}
.icon-attach:before {
	content: "\e82d";
}
.icon-audio:before {
	content: "\e82e";
}
.icon-back:before {
	content: "\e82f";
}
.icon-burger:before {
	content: "\e830";
}
.icon-delete:before {
	content: "\e831";
}
.icon-edit:before {
	content: "\e833";
}
.icon-fail:before {
	content: "\e834";
}
.icon-filters-2:before {
	content: "\e835";
}
.icon-filters:before {
	content: "\e836";
}
.icon-ineight:before {
	content: "\e837";
}
.icon-info:before {
	content: "\e838";
}
.icon-m-arrow:before {
	content: "\e839";
}
.icon-m-crop:before {
	content: "\e83a";
}
.icon-m-draw:before {
	content: "\e83b";
}
.icon-m-hide:before {
	content: "\e83c";
}
.icon-m-publish:before {
	content: "\e83d";
}
.icon-m-save:before {
	content: "\e83e";
}
.icon-m-show:before {
	content: "\e83f";
}
.icon-m-text:before {
	content: "\e840";
}
.icon-m-thrash:before {
	content: "\e841";
}
.icon-media:before {
	content: "\e842";
}
.icon-mic:before {
	content: "\e843";
}
.icon-Next:before {
	content: "\e844";
}
.icon-notes:before {
	content: "\e845";
}
.icon-Pass:before {
	content: "\e846";
}
.icon-photo:before {
	content: "\e847";
}
.icon-print:before {
	content: "\e848";
}
.icon-reports:before {
	content: "\e849";
}
.icon-send:before {
	content: "\e84b";
}
.icon-settings:before {
	content: "\e84c";
}
.icon-sync:before {
	content: "\e84d";
}
.icon-update:before {
	content: "\e84e";
}
.icon-user-alerts:before {
	content: "\e84f";
}
.icon-video:before {
	content: "\e850";
}
.icon-warn:before {
	content: "\e851";
}
.icon-warning:before {
	content: "\e852";
}
.icon-ineight-logo:before {
    content: "\e91a";
}
.icon-user-absence:before {
    content: "\e918";
}
.icon-Terminal-Item:before {
  content: "\e946";
}
.icon-m-select:before{
    content: "\e90b";
}
.icon-Complete-Rejected:before{
    content: "\e949";
}
.icon-log-fail:before {
    content: "\eeee"
}
.icon-log:before {
    content: "\e9d9"
}