﻿/*Page Layout*/
::-webkit-scrollbar-thumb {
    background: #C9CACB;
}

.k-loading-color {
    opacity: 0;
}

/*Header*/
#PageElt .header {
    background-color: #FFFFFF;
    border-bottom: 1px solid #C9C9C9;
}

    #PageElt .header .cardVRBar {
        border-left: 1px solid #DFE5EB;
    }

.js_headerRow.UAT {
    background-image: repeating-linear-gradient(0deg, rgba(255, 0, 0, 0.2) 0px, rgba(255, 255, 255, 1) 2px);
}

/*Header Options*/
.headerOptions .headerOptionPassWrapper span {
    background-image: url(Images/Main/headerOptIconPass.png);
}

.headerOptions .headerOptionPinWrapper span {
    background-image: url(Images/Main/headerOptIconPin.png);
}

.headerOptions .headerOptionClrSetWrapper span {
    background-image: url(Images/Main/headerOptIconClrSet.png);
}

.headerOptions .headerOptionViewProWrapper span {
    background-image: url(Images/Main/headerOptIconViewPro.png);
}

.headerOptions .headerOptionImpersonateWrapper span {
    background-image: url(Images/Main/headerOptIconImpersonate.png);
}

.headerOptions .headerOptionImpersonateWrapper span {
    background-image: url(Images/Main/headerOptIconImpersonate.png);
}

.headerOptions .headerOptionIncVerWrapper span {
    background-image: url(Images/Main/headerOptIconIncVer.png);
}

.headerOptions .headerOptionDebugWrapper span {
    background-image: url(Images/Main/headerOptIconDebug.png);
}

.headerOptions .headerOptionTimersWrapper span {
    background-image: url(Images/Main/headerOptIconTimers.png);
}

.headerOptions .headerOptionDBScriptWrapper span {
    background-image: url(Images/Main/headerOptIconDBScript.png);
}

.headerOptions .headerOptionDBViewScriptWrapper span {
    background-image: url(Images/Main/headerOptIconDBViewScript.png);
}

.headerOptions .headerOptionDBCacheWrapper span {
    background-image: url(Images/Main/headerOptIconDBCache.png);
}

.headerOptions .headerOptionServerCacheWrapper span {
    background-image: url(Images/Main/headerOptIconServerCache.png);
}

.headerOptions .headerOptionLicenseWrapper span {
    background-image: url(Images/Main/headerOptIconLicense.png);
}

.headerOptions .headerOptionLogoffWrapper span {
    background-image: url(Images/Main/headerOptIconLogoff.png);
}

/*Dashboard*/
#PageElt .header .headerDash span {
    background-image: url(Images/Main/headerIconGrid.png);
}

/*Notification*/
#PageElt .header .headerBell .notification .bell {
    background-image: url(Images/Main/headerIconNotification.png);
}


/*Logo*/
#PageElt .header .Workspace {
    color: rgba(51, 56, 83, 1);
}

#PageElt .header .IDMRLogo span {
    background-image: url(Images/Main/IDMR_Logo.png);
}

/*Search*/
.searchField input {
    border: 1px solid #d6e6fe;
    color: #868AA5;
}

.header .searchField input {
    background-color: #778CA214;
}

.searchField input {
    background-color: #4D7CFE14;
}

    .searchField input:hover,
    .searchField input:focus-within,
    .searchField input:hover,
    .searchField input:focus-within {
        background-color: #FFFFFF;
    }

    .searchField input::-webkit-input-placeholder,
    .searchField input::-moz-placeholder,
    .searchField input:-ms-input-placeholder,
    .searchField input:-moz-placeholder,
    .searchField input::-webkit-input-placeholder,
    .searchField input::-moz-placeholder,
    .searchField input:-ms-input-placeholder,
    .searchField input:-moz-placeholder {
        color: #868AA5;
    }

/*User*/
.panelWrapper {
    border: 2px solid gray;
}

#PanelQuickLinks li.k-item[data-action][role="menuitem"] span {
    color: #333853;
}

#PageElt .header #headerOptionsWrapper #useridentity .arrowDown {
    background-image: url(Images/Main/headerIconArrowDown.png);
}


/*Left Panel*/
.leftPanel {
    border-right: 1px solid #C9C9C9;
    background-color: #FFFFFF;
}

.leftPanelCollapseWrapper[data-collapse-action="true"] ~ .mainWrapper {
    border-left: 28px solid #FAFDFF;
}

.leftPanel .k-panelbar-toggle.k-panelbar-expand,
.leftPanel .k-group .k-treeview-lines .k-i-expand {
    background-image: url(Images/Main/leftPanelIconEntityCollapsed.png);
}

.leftPanel .k-panelbar-toggle.k-panelbar-collapse,
.leftPanel .k-group .k-treeview-lines .k-i-collapse {
    background-image: url(Images/Main/leftPanelIconEntityExpanded.png);
}

.leftPanel .k-panelbar-toggle.js_leftPanelEntityDot {
    background-image: url(Images/Main/leftPanelIconEntityDot.png);
}

.leftPanel hr {
    border-top: 1px solid rgba(119, 140, 162, 0.08);
}

.leftPanel li.mainGroup {
    border-left: 4px solid #FFFFFF;
}

    .leftPanel li.mainGroup > div {
        color: #434343;
    }

    .leftPanel li.mainGroup:hover,
    .leftPanel li.mainGroup[data-selected="true"] {
        border-left: 4px solid #1E7DD4;
    }

        .leftPanel li.mainGroup:hover > div,
        .leftPanel li.mainGroup[data-selected="true"] > div,
        .js_leftPanelTV .favStar > i,
        .js_leftPanelTV .autoOpen > i[data-autoOpen="true"] {
            color: #1E7DD4;
        }

.js_leftPanelTV .autoOpen > i[data-autoOpen="false"] {
    color: #D7D7D7;
}

.leftPanel .k-treeview,
.leftPanel .k-group,
.leftPanel .k-panelbar > li.k-item, .k-tiles,
.leftPanel .k-panel > li.k-item,
.leftPanel .k-panelbar .k-item,
.leftPanel .k-panelbar,
.leftPanel .k-panelbar .k-header {
    background-color: #FFFFFF;
}

.leftPanel .k-draghandle.k-state-selected:hover,
.k-ghost-splitbar-vertical,
.leftPanel .k-list > .k-state-highlight,
.leftPanel .k-list > .k-state-selected,
.leftPanel .k-marquee-color,
.leftPanel .k-panel > .k-state-selected,
.leftPanel .k-scheduler .k-scheduler-toolbar .k-state-selected,
.leftPanel .k-scheduler .k-today.k-state-selected,
.leftPanel .k-state-selected,
.leftPanel .k-state-selected:link,
.leftPanel .k-state-selected:visited,
.leftPanel .k-tool.k-state-selected {
    background-color: #FFFFFF;
    color: #1E7DD4 !important;
}

.leftPanel .k-state-hover:not(.k-header),
.leftPanel .k-link.k-header.k-state-hover {
    background-color: #EDF5FC;
}

.leftPanel .leftPanelWorkSpaceWrapper:not([data-selected="true"]) span {
    background-image: url(Images/Main/leftPanelIconWorkSpace.png);
}

.leftPanel .leftPanelMyFavWrapper:not([data-selected="true"]) span {
    background-image: url(Images/Main/leftPanelIconMyFav.png);
}

.leftPanel .leftPanelPendingAppWrapper:not([data-selected="true"]) span {
    background-image: url(Images/Main/leftPanelIconPendingApp.png);
}

.leftPanel .leftPanelMyDocsWrapper:not([data-selected="true"]) span {
    background-image: url(Images/Main/leftPanelIconMyDocs.png);
}

.leftPanel .leftPanelAllDocsWrapper:not([data-selected="true"]) span {
    background-image: url(Images/Main/leftPanelIconAllDocs.png);
}

.leftPanel .leftPanelGeneralWrapper:not([data-selected="true"]) span {
    background-image: url(Images/Main/leftPanelIconGeneral.png);
}

.leftPanel .leftPanelAdminWrapper:not([data-selected="true"]) span {
    background-image: url(Images/Main/leftPanelIconAdmin.png);
}

/*Main*/
.page-content .mainWrapper {
    background-color: #F0F2F5;
}

    .page-content .mainWrapper.grid {
        background-color: #FFFFFF;
    }

    .page-content .mainWrapper .newDoc,
    .page-content .mainWrapper .js_jumpUp > i {
        color: #1E7DD4;
    }

    .page-content .mainWrapper .viewToggle[data-value="0"] span,
    .page-content .mainWrapper .viewToggle[data-value="2"] span {
        background-image: url(Images/Main/mainIconCard.png);
    }

/*WorkSpace*/
.workspaceWrapper .workspaceTitle {
    color: #000000;
}

.workspaceWrapper .workspaceSeeAll {
    color: #434343;
}

    .workspaceWrapper .workspaceSeeAll[aria-expanded="false"] span {
        background-image: url(Images/Main/headerIconArrowDown.png);
    }

    .workspaceWrapper .workspaceSeeAll[aria-expanded="true"] span {
        background-image: url(Images/Main/headerIconArrowUp.png);
    }

/*Notifications*/
.workspaceWrapper .siteNotificationHeader,
.workspaceWrapper .siteNotificationRead,
.workspaceWrapper #listViewWrapper_WorkSpace_NPP .listView {
    background-color: #FFFFFF;
}

.workspaceWrapper .siteNotificationSelNum {
    color: #000624;
}

.workspaceWrapper .siteNotificationSelAllBtn,
.workspaceWrapper .siteNotificationRead {
    color: #116DFF;
}

.workspaceWrapper .siteNotificationPipe {
    color: #DFE5EB;
}

.workspaceWrapper .siteNotificationRead {
    border: 1px solid #116DFF38;
}

.workspaceWrapper .siteNotificationItem:hover {
    box-shadow: 0px 0px 9px 6px #EDF1FA;
}

.workspaceWrapper .siteNotificationItem.itemSelected {
    background-color: #EDF1FA;
}

.workspaceWrapper .siteNotificationItem:not(.itemRead) .siteNotificationItemCB span.notRead {
    border-left: 1px solid #A9A9A9;
}

.workspaceWrapper .siteNotificationItem .siteNotificationItemContentFirstRow,
.workspaceWrapper .siteNotificationItem .siteNotificationItemMsg {
    color: #333853;
}

.workspaceWrapper .siteNotificationItem .siteNotificationItemContentSecondRow {
    color: #868AA5;
}

.workspaceWrapper .siteNotificationItem .siteNotificationItemSeeAll[aria-expanded="false"] span {
    background-image: url(Images/Main/siteNotificationIconArrowDown.png);
}

.workspaceWrapper .siteNotificationItem .siteNotificationItemSeeAll[aria-expanded="true"] span {
    background-image: url(Images/Main/siteNotificationIconArrowUp.png);
}

.workspaceWrapper .siteNotificationItem.itemPin .siteNotificationItemContentPinSingle span {
    background-image: url(Images/Main/siteNotificationIconUnpin.png);
}

.workspaceWrapper .siteNotificationItem:not(.itemPin) .siteNotificationItemContentPinSingle span {
    background-image: url(Images/Main/siteNotificationIconPinSingle.png);
}

.workspaceWrapper .siteNotificationItem .siteNotificationItemContentBin span {
    background-image: url(Images/Main/siteNotificationIconBin.png);
}

/*GRID*/
.listView li.km-group-container > .k-header,
#gridWrapper .k-toolbar,
.k-list-container,
#gridWrapper .k-toolbar .k-button,
.k-button, .k-menu,
.k-dropzone,
.k-header.k-tabstrip, #enhGrid, .k-grid,
.k-header.k-tabstrip .k-tabstrip-items,
.k-header.k-tabstrip .k-item,
.k-header.k-tabstrip .tabClose,
.k-grid-header,
.k-grid-header th,
.k-pager-wrap,
.k-grouping-header {
    background-color: #FFFFFF;
}

    #gridWrapper .k-toolbar .k-button:active,
    #gridWrapper .k-toolbar .k-button.k-state-active {
        color: #2e2e2e;
    }

    .listView li.km-group-container > .k-header:hover,
    .k-state-hover,
    .k-button:hover,
    .k-item.k-state-hover,
    .k-menu .k-item.k-state-hover .k-link,
    .k-splitbar-vertical,
    .k-splitbar-vertical:hover,
    .k-grid tr:hover,
    .k-pager-wrap .k-pager-nav:not(.k-state-selected):hover,
    .k-pager-wrap .k-link:hover {
        background-color: #EDF5FC;
    }

.k-list-container {
    border-color: #999BA8;
}

.k-item.k-state-selected.k-state-focused,
.k-splitbar-vertical:hover,
.k-grid tr.k-state-selected,
.k-grid tr.k-state-selected:hover,
.k-pager-wrap .k-state-selected {
    background-color: #1E7DD4;
}

.k-button, .k-menu {
    border-color: #B5B5B5;
}

.k-header.k-tabstrip .k-tabstrip-items .k-item.k-state-active {
    border-bottom: 2px solid #1E7DD4;
}

    .k-header.k-tabstrip .k-tabstrip-items .k-item.k-state-active .k-link {
        color: #1E7DD4;
    }

.k-grid-header th {
    border-color: #FFFFFF;
}

.k-grid-header:hover th.k-header {
    border-color: #D1D1D1;
}

.k-grid-content tr.k-alt td {
    border-top: 1px solid #D1D1D1;
    border-bottom: 1px solid #D1D1D1;
}

.k-pager-wrap .k-state-selected {
    border-color: #1E7DD4;
    color: black;
}

.k-pager-wrap .k-pager-nav:not(.k-state-selected):hover,
.k-pager-wrap .k-link:hover {
    border-color: #EDF5FC;
}

.k-grouping-row td, .k-resize-handle-inner, td.k-group-cell {
    background-color: #F7F7F7;
}

/* Footer */
.footerVersion,
.footerIDMR,
.footerIDMR a {
    color: #868AA5;
}

    .footerIDMR span {
        background-image: url(Images/Main/footerIconCopyright.png);
    }

/* Dialog */
.modal-content,
.modal-content .modal-header,
.modal-content .searchField input {
    background-color: #FFFFFF;
}

    .modal-content .bootstrap-dialog-title {
        color: #333853;
    }

    .modal-content .modal-body {
        background-color: #F5F6F8;
    }

    .modal-content textarea {
        border: 1px solid #E8ECEF;
    }

    .modal-content .modal-footer .k-primary:not(.js_dialodSubmit) {
        border-color: #D6E6FE;
        color: #116DFF;
    }

    .modal-content .modal-footer .k-primary.js_dialodSubmit {
        background-color: #1E7DD4;
        border-color: #D6E6FE;
        color: #FFFFFF;
    }

    .modal-content .bootstrap-dialog-close-button button {
        background-image: url(Images/Main/dialogCloseBtn.png);
    }


/*Card/Header options menu*/
.cardOptions,
.headerOptions {
    background-color: #FFFFFF;
    box-shadow: 0px 2px 16px 0px rgba(153, 155, 168, 0.12);
    border: 1px solid #DEE2E6;
}

    .headerOptions li a,
    .cardOptions li > div,
    .headerOptions li > div {
        color: #333853;
    }

    .cardOptions .cardMenuEditWrapper span {
        background-image: url(Images/Main/cardMenuIconEdit.png);
    }

    .cardOptions .cardMenuEmailWrapper span {
        background-image: url(Images/Main/cardMenuIconEmail.png);
    }

    .cardOptions .cardMenuViewWrapper span {
        background-image: url(Images/Main/cardMenuIconView.png);
    }


/*Card*/
.listView,
.mainWrapper.grid .listView .defaultCard {
    background-color: #F0F2F5;
}

    .listView .defaultCard {
        box-shadow: 0px 0px 8px 1px rgba(81, 69, 159, 0.09);
    }

.k-state-selected.defaultCard {
    border: 2px solid #C9C9C9
}

.mainWrapper.grid .listView,
.listView .defaultCard {
    background-color: #FFFFFF;
}

.listView .cardHeaderIcon {
    background-color: #4B709A;
    color: #FFFFFF;
}

.mainWrapper .siteNotificationItemDocIcon div {
    background-color: #F2F4F6;
    color: #98A9BC;
}

.listView .cardBN,
.listView .cardRev,
.listView .cardText {
    color: #868AA5;
}

.listView .cardHeaderMenu {
    color: #434343;
}

.listView .cardHRBar {
    color: #E8ECEF;
}

.listView .cardTitle {
    color: #333853;
}

/*Card Buttons*/
.listView .cardStatusIcons .cardIcons .cardMemoWrapper,
.listView .cardStatusIcons .cardIcons .cardMemoWrapper.js_enhAction.canViewMemo,
.listView .cardStatusIcons .cardIcons .cardAttachWrapper.js_openUploadForm.canViewAttach,
.listView .cardStatusIcons .cardIcons .cardPinWrapper.js_action.cardIconunpin {
    border: 1px solid #1E7DD4;
}

    .listView .cardStatusIcons .cardIcons .cardMemoWrapper.js_enhAction:not(.canViewMemo),
    .listView .cardStatusIcons .cardIcons .cardAttachWrapper.js_openUploadForm:not(.canViewAttach),
    .listView .cardStatusIcons .cardIcons .cardPinWrapper.js_action.cardIconpin {
        border: 1px solid #868AA5;
    }

    .listView .cardStatusIcons .cardIcons .cardMemoWrapper:not(.canViewMemo):not(.js_enhAction),
    .listView .cardStatusIcons .cardIcons .cardAttachWrapper:not(.canViewAttach):not(.js_openUploadForm),
    .listView .cardStatusIcons .cardIcons .cardPinWrapper:not(.js_action) {
        border: 1px dashed #868AA5;
    }

    .listView .cardStatusIcons .cardIcons .cardMemoWrapper.canViewMemo:not(.js_enhAction),
    .listView .cardStatusIcons .cardIcons .cardAttachWrapper.canViewAttach:not(.js_openUploadForm) {
        border: 1px dashed #1E7DD4;
    }

.listView .cardPDFWorkflow .cardPDF {
    background-color: #FFFFFF;
    border: 1px solid #1E7DD4;
    color: #1E7DD4;
}

/*Approval/Reject*/
.listView .cardPDFWorkflow .cardAppRej .cardApproveWrapper {
    color: #1E7DD4;
}

.listView .cardPDFWorkflow .cardAppRej .cardRejectWrapper {
    color: #E46962;
}

/*Id*/
.listView .cardClipboardWrapper .cardClipBoardId {
    color: #868AA5;
}


.listView .thumbnail {
    box-shadow: 7px 5px lightgray;
}

.listView .k-content::-webkit-scrollbar, .modal-dialog.k-dialog::-webkit-scrollbar {
    background: gray;
}

/* Logo & Navigation */
.login-bg {
    background: rgba(255, 255, 255, 0);
    background: -webkit-linear-gradient(rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0));
    background: -moz-linear-gradient(rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0));
    background: -ms-linear-gradient(rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0));
    background: -o-linear-gradient(rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0));
    background: linear-gradient(rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0));
    background-color: #eff0f3;
}

/*Added*/
#timerForm tr:not(.multi) {
    border-bottom: 1px solid gray;
}

.gridColumn {
    background-color: lightgray;
}

#gridFilterSelectBox {
    border: 1px solid rgb(255, 255, 255);
    text-shadow: 0px 1px 0px rgba(255, 255, 255, 0.5);
    background-image: linear-gradient(to bottom, rgb(191, 217, 241) 0%, #d1d1d1 100%);
}

.select-style select {
    color: #000;
    background-color: rgb(191, 217, 241);
}

#gridRecordMsg {
    color: #E5FFA1;
    background-color: #000;
}

.filterItem {
    border-bottom: 1px solid #FFF;
}

.currFilterName {
    color: red;
}

.js_extendSession {
    border: #5CB85C;
}

.gridSearchWrapper .js_globalFilterClear {
    color: #D9534F;
}

/*Animated Border*/
.js_hubUpdated::before {
    background-color: #B7A7FF;
    background-image: linear-gradient(#2E00FF, #917AF9);
}

/*Custom Msg*/
#customMsg {
    background-color: #FFFFFF;
    border: 4px solid #B9B9B9;
}
