/* input(2938,1): run-time error CSS1019: Unexpected token, found '}' */
/* input(2937,1): run-time error CSS1019: Unexpected token, found '}' */
.pv-treeview, .pv-treeview ul {
    list-style: none;
    list-style-type: none;
    padding: 0px;
    margin: 0px;
    white-space: nowrap;
    background-color: transparent;
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
}



    .pv-treeview li{
        padding-left: 14px;
        white-space:nowrap;
        background: var(--background) !important;
        color: var(--txt-color);
    }
.pv-treeview-firstlevel{
    padding-left: 3px !important;
}


.pv-treeview-hitarea {
    vertical-align: middle;
    min-width: 11px;
    background-repeat: no-repeat;
    font-size: 15px;
    margin-top: -1px;
    Padding-right: 2px;
    color: var(--tree-node-icon-clr);
}

.pv-treeview-expandicon{
    background-image:  url(MainImages/pvtreeview_group.gif?v=hdBwciZ5MXC9TupnECHCTMLRGEY);
    background-repeat: no-repeat;
}

.pv-treeview-selectednode {
    background-color: skyblue;
    width: fit-content;
    padding-right: 7px;
    min-width: 15px;
}

.pv-treeview-nodeicon{
    min-width: 14px;
    min-height: 14px;
    width:14px;
    display: inline-block;
    margin-right: 4px;
}
.pvtreeviewnode {
    display: inline-flex;
    vertical-align: middle;
}
.icon_style {
    font-size: 7px;
}
.pv-context-menu {
    position: absolute;
    left: 100px;
    top: 100px;
    list-style: none outside none;
    border: 1px solid silver;
    padding: 5PX;
    display: none;
    background-color: var( --menu-bg);
    border-radius: 3px;
    z-index: 11000; /*more z index value than dialogobject*/
    box-shadow: 0px 0px 9px 4px var(--grd-shadow);
    cursor: default;
}

.pv-context-menu-modren {
    background-color: var(--advhome-pvmenu-bg-color) !important;
}

.pv-context-menu ul {
    list-style: none;
    padding: 3px;
    margin: 0px;
}

.pv-context-menu td {
    vertical-align: top;
}

.pv-contextmenu-item {
    border-radius: 0px;
    display: block;
    padding: 0px;
    position: relative;
    min-width: 100px;
    color: var(--menu-txt);
    border-bottom: 1px solid transparent;
    border-top: 1px solid transparent;
}

.pv-contextmenu-item-modren {
    color: var(--advhome-menu-text) !important;
}

    .pv-contextmenu-item-modren:hover {
        background-color: var(--advhome-menu-text-hover) !important; /*light blue*/
    }

    .pv-contextmenu-item-modren > table :hover > tr > td > ul > li > span {
        color: var(--advhome-menu-text) !important;
    }

.pv-contextmenu-item:hover {
    background-color: var(--menu-bg-hover);
    color: var(--menu-txt-hover);
}

.pv-contextmenu-item a {
    padding-left: 3px;
    display: flex;
    align-items: center;
    padding: 2px 2px 0px 2px;
    gap: 3px;
}

.pv-contextmenu-item span {
    position: relative;
}



.pv-contextmenu-item .material-icons {
    font-size: 16px;
}

.pv-contextmenu-item td:nth-child(1) {
    min-width: 20px;
}

.pv-context-menu a {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    text-decoration: none;
}




    .pv-context-menu a:visited {
        color: var(--menu-txt);
    }

.pv-context-menu li.pv-menu-item:hover {
    border: 1px solid whitesmoke;
    background-color: var(--menu-bg-hover);
    color: var(--menu-txt-hover);
}

.pv-context-menu .buttonpanel {
    text-align: right;
    padding-top: 6px;
    padding-bottom: 3px;
}

    .pv-context-menu .buttonpanel button {
        margin-left: 10px;
        width: 50px;
    }



.planviscontextmenu-checkbox {
    display: inline-block;
    width: 16px;
    height: 16px;
    vertical-align: bottom;
}

.planviscontextmenu-checked {
    background-image: url(MainImages/check.png?v=hdBwciZ5MXC9TupnECHCTMLRGEY);
}

.pv-contextmenu-item-modren:hover > a > span,
.pv-contextmenu-item-modren:hover > a > i {
    color: #FFFFFF !important;
}




.pv-treelist-container {
    overflow-y: auto;
    margin-top: 1px;
    margin-bottom: 1px;
}

.pv-treelist {
    padding: 0;
}

.pvtreelist-item {
    height: auto;
    min-height: 18px;
    padding-top: 3px;
    list-style: none;
    border-top: 1px solid whitesmoke;
    background-color: transparent;
    cursor: pointer;
}

.pvtreelist-item-link {
    text-decoration: none;
}

.pvtreelist-item-text {
    color: #333;
    color: var(--txt-color);
}

.pvtreelist-item-bullet {
    float: right;
    padding-right: 5px;
    text-align: right;
    min-width: 30px;
    text-decoration: none;
    margin-left: 2px;
    padding-left: 5px;

}

    .pvtreelist-item-bullet > span {
        width: 28px;
        color: #FFFFFF;
        position: relative;
    }

.pv-pagedgridview-control {
    border: 1px solid var(--grd-bg);
    position: relative;
    background-color: var(--grd-rh-backcolor);
    color: var(--grd-title-clr);
}

    .pv-pagedgridview-control table {
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        border-collapse: collapse;
    }

    .pv-pagedgridview-control td {
        padding: 0;
    }

    .pv-pagedgridview-control th {
        padding: 0;
    }

.pv-inner-table {
    display: flex;
    position: absolute;
    top: 0;
    left: 182px;
}

.pv-pagedgridview-control .pv-pivotselect-combo {
    width: 200px;
    border: 1px solid #dcdada;
    height: 18px;
    position: relative;
    top: -1px;
    border-radius: 3px;
}

.pv-pagedgridview-control .pv-chartselect-combo {
    width: 200px;
    border: 1px solid #dcdada;
    height: 18px;
    position: relative;
    top: -1px;
    border-radius: 3px;
}

.pv-pivotcategory-combo {
    margin-left: 6px;
    border: 1px solid #dcdada;
    border-radius: 2px;
}
/****** Tool Bar Styles **********************************************************/
.pv-dgd-titlediv {
    background-size: contain;
    position: relative;
    border-bottom: 1px solid #e4e4e4;
    border-bottom: 1px solid #c6c3c3;
    background-color: var(--grd-titlediv-bk);
}

    .pv-dgd-titlediv > div:first-child {
        height: 100%
    }

.pv-dgd-toolbar-group {
    display: flex;
    align-items: center;
    border: 1px solid silver;
    border-radius: 5px;
    margin-top: 1px;
    box-shadow: 2px 2px 3px var(--grd-toolbar-shadow);
    margin-left: 5px;
    margin-right: 5px;
    overflow: hidden;
}

    .pv-dgd-toolbar-group > button:first-child {
        border-top-left-radius: 4px;
        border-bottom-left-radius: 4px;
    }

    .pv-dgd-toolbar-group > button:last-child {
        border-top-right-radius: 4px;
        border-bottom-right-radius: 4px;
        border-right: none;
    }

    .pv-dgd-toolbar-group > button {
        display: flex;
        align-items: center;
        justify-content: center;
        border: none;
        border-right: 1px solid silver;
        height: 22px;
        width: 25px;
        background-repeat: no-repeat;
        background-position: center;
        background-color: var(--grd-toolbar-btn);
        cursor: pointer;
    }

        .pv-dgd-toolbar-group > button:disabled::before {
            color: #adacac;
        }

        .pv-dgd-toolbar-group > button:disabled {
            opacity: 1 !important;
            background-color: transparent !important;
            cursor: not-allowed;
        }

        .pv-dgd-toolbar-group > button:hover {
            background-color: silver;
        }

    .pv-dgd-toolbar-group.charts-group > button.selected {
        background-color: #077ad3;
        color: white;
    }    

    .pv-dgd-toolbar-group > button::before {
        font-family: 'Material Symbols Outlined';
        font-size: 19px !important;
        align-items: center;
        justify-content: center;
    }
    .pv-dgd-toolbar-group > button.selected {
        background-color: #077ad3;
        color: white;
    }

.pv-dgd-titlediv td {
    padding: 0;
    margin: 0;
    height: 30px;
}

.pv-dgd-titletext {
    padding-left: 5px;
    padding-right: 5px;
    color: var(--grd-title-clr);
}

.pv-dgd-toolbar {
    position: absolute;
    top: 0;
    right: 0;
    display: flex;
    align-items: center;
    gap: 6px; /* space between groups */
    padding: 2px;
}

    .pv-dgd-toolbar > button {
        height: 22px;
        width: 22px;
        background-repeat: no-repeat;
        background-position: center;
        background-color: transparent;
        border: none;
    }

        .pv-dgd-toolbar > button > span {
            position: absolute;
            left: 0;
            top: 0;
        }

        .pv-dgd-toolbar > button:hover {
            background-color: silver;
        }

/*        .pv-dgd-toolbar > button:disabled {
            opacity: 0.5;
        }*/

.pv-dgd-pop-validmsg {
    font-size: 20px;
    color: red;
    font-weight: bold;
}

.pv-datagrid-autofilter-editbox {
    border-radius: 3px 0 0 3px;
    border: 1px solid #c0c0c0;
    margin-right: 16px;
    border-right: 0;
    padding-left: 3px;
}

.pv-datagrid-autofilter-typebtn {
    position: absolute;
    right: 0;
    border-radius: 0 3px 3px 0;
    height: 18px !important;
    width: 16px;
    border: 1px solid #c0c0c0;
    background-color: #f5f5f5;
    padding: 0;
}

.pv-dgd-tb-closebutton::before {
    content: "close";
}

.pv-dgd-tb-savebutton::before {
    content: "save";
    color: var(--grd-save-btn);
}

.pv-dgd-tb-editbutton::before {
    content: "edit";
    color: var(--grd-edit-btn);
}

.pv-dgd-tb-cancelbutton::before {
    content: "cancel";
    color: var(--grd-cancel-btn);
}

.pv-dgd-tb-addbutton::before {
    content: "add";
    color: var(--grd-add-btn);
}

.pv-dgd-tb-printbutton::before {
    content: "print";
}

.pv-dgd-tb-addMultiplebutton {
    background-image: url(MainImages/ADDX.gif);
}

.pv-dgd-tb-deletebutton::before {
    content: "delete";
    color: var(--grd-cancel-btn);
}
.pv-dgd-row-deletebutton.opacity-1{
    padding-bottom: 4px;
}
.pv-dgd-row-editbutton.opacity-1 {
    padding-bottom: 4px;
}

.pv-dgd-tb-savefilterbutton::before {
    content: "bookmark_star";
}

.pv-dgd-tb-refreshbutton::before {
    content: "refresh";
}

.pv-dgd-tb-customizebutton {
    content: "tune";
}

.pv-dgd-tb-autofilterbutton::before {
    content: "filter_alt";
}

.pv-dgd-tb-pivotbutton::before {
    content: "pivot_table_chart";
}

.pv-dgd-tb-custviewbutton::before {
    content: "bento";
}

.pv-dgd-tb-chart::before {
    content: "bar_chart";
}

.pv-dgd-tb-sortbutton::before {
    content: "sort";
}

.pv-dgd-tb-gridbutton::before {
    content: "grid_on";
}

.pv-dgd-tb-exportbutton::before {
    content: "file_upload";
}

.pv-chart-btn-legend::before {
    content: "legend_toggle";
}

.arrowDownIcon {
    font-size: 12px !important;
    color: var(--theme-iconclr);
}
/*.pv-dgd-tb-serverFilter { background-image: url(MainImages/serverFilter.png?v=hdBwciZ5MXC9TupnECHCTMLRGEY); }*/
.pv-dgd-tb-search::before {
    content: "search";
}

.pv-dgd-tb-cleargrid::before {
    content: 'delete';
    color: var(--grd-cancel-btn);
}

.pv-dgd-tb-importbutton::before {
    content: "save_alt";
}

.pv-dgd-tb-customimportbutton::before {
    content: "save_alt";
}

.pv-dgd-tb-gridLayout::before {
    content: "grid_view";
}

.pv-dgd-tb-expandbutton::before {
    content: "expand_all";
}

.pv-dgd-tb-collapsebutton::before {
    content: "collapse_all";
}

.pv-dgd-tb-pivotchartDesign::before {
    content: "design_services";
    height: 22px;
    /*    width: 22px;*/
    border: 0;
    background-repeat: no-repeat;
    background-position: center;
}
.pv-dgd-tb-copyclipboardbutton::before {
    content: "content_copy";
}

.pv-dgd-tb-sendmailbutton::before {
    content: "mail";
}

.pv-dgd-tb-showallbutton::before {
    content: "open_in_full";
}

.pv-dgd-tb-copyallbutton::before {
    content: "copy_all";
}

.pv-dgd-tb-Repl-hidecols::before {
    content: "visibility_off";
}

.pv-pagedgridview-control .pv-datagrid-data {
    overflow: scroll;
    overflow-y: hidden;
    background-color: var(--grd-bg);
}

.pv-pagedgridview-control .pv-datagrid-frozendata {
    overflow: hidden;
    box-shadow: 5px 0px 15px -8px silver;
}

.pv-pagedgridview-control .pv-datagrid-colheaders {
    overflow: hidden;
    background-color: var(--grd-ch-backcolor);
    box-shadow: 1px 1px 4px var(--grd-shadow);
    border-bottom: 1px solid;
    border-color: var(--grd-titlediv-brd-b);
    clip-path: inset(0 0 -15px 0); /* to avoid right side shadow*/
    color: var(--grd-ch-clr);
}

.pv-pagedgridview-control .pv-datagrid-rowheaders {
    overflow: hidden;
    background-color: var(--grd-rh-backcolor);
    box-shadow: 1px 1px 4px var(--grd-shadow);
    clip-path: inset(0px -15px 0px 0px);
}

.pv-pagedgridview-control:focus {
    outline: none !important;
}



.pv-datagrid-frozendata > table {
    width: 100%;
}

.pvdgd-cell-container {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    padding-left: 3px;
    min-width: 40px;
    padding-right: 3px;
    align-items: center;
    height: 100%;
    /*color: var(--txt-color);*/
    /*color: var(--grd-cell-clr);*/
    background-color: transparent !important;
}

.pv-pagedgridview-control .pv-datagrid-data td {
    padding-left: 0;
    border: 1px solid var(--grd-gridlines);
    border-width: 0 1px 1px 0;
    height: 21px;
    -moz-user-select: none;
    -ms-user-select: none;
    -webkit-user-select: none;
    user-select: none;
    position: relative;
    background-color: transparent !important;
}

.pv-pagedgridview-control .pv-datagrid-frozendata td {
    padding-left: 0;
    border: 1px solid #ececec;
    border-width: 0 1px 1px 0;
    height: 21px;
    overflow-y: hidden;
    -moz-user-select: none;
    -ms-user-select: none;
    -webkit-user-select: none;
    user-select: none;
    background-color:transparent !important;
}

.pv-pagedgridview-control .pv-datagrid-colheaders th {
    font-weight: normal;
    background-color: transparent !important;
    padding-left: 0;
    border: 1px solid var(--grd-colhead-gridlines);
    border-width: 0 1px 1px 0;
    cursor: default;
    -moz-user-select: none;
    -ms-user-select: none;
    -webkit-user-select: none;
    user-select: none;
}

    .pv-pagedgridview-control .pv-datagrid-colheaders th:hover {
        background-color: var(--grd-ch-backcolor-hover) !important;
    }

    .pv-pagedgridview-control .pv-datagrid-colheaders th.ui-state-disabled {
        opacity: 1 !important;
    }

.pv-pagedgridview-control .pv-datagrid-rowheaders table {
    border-right: 1px solid #c0c0c0;
}

.pv-pagedgridview-control .pv-datagrid-rowheaders td {
    vertical-align: middle;
    border: 0;
    border-bottom: 1px solid var(--grd-bottom-border);
    text-align: center;
    padding: 0;
    margin: 0;
    color: #7D7A7A;
    white-space: nowrap;
    cursor: default;
    -moz-user-select: none;
    -ms-user-select: none;
    -webkit-user-select: none;
    user-select: none;
    height: 21px;
}

.pv-pagedgridview-control > table > tbody > tr:nth-child(2) {
    background-color: var(--grd-rh-backcolor);
    border-bottom: 1px solid var(--brd-color);
}

.pv-pagedgridview-control .pv-datagrid-rowheaders td:first-child {
    padding-left: 0;
    border-right: var(--grd-bdr-rowheaders);
    padding-right: 0;
    min-width: 20px;
    color: var(--grd-ch-clr);
}

.pv-datagrid-rowheaders td:nth-child(2) {
    background-color: var(--grd-rh-backcolor);
    border-bottom: var(--grd-bdr-rowheaders);
    border-right: var(--grd-bdr-rowheaders);
}

    .pv-datagrid-rowheaders td:nth-child(2) > button {
        background-color: var(--grd-rh-backcolor);
        border: none;
        /* border-right: var(--grd-bdr-rowheaders);
        border-bottom: var(--grd-bdr-rowheaders);*/
        font-size: 16px !important;
        background-repeat: no-repeat;
        background-position: center;
        cursor: pointer;
        border-radius: 1px
    }

        .pv-datagrid-rowheaders td:nth-child(2) > button:hover {
            background-color: silver;
        }

        .pv-datagrid-rowheaders td:nth-child(2) > button:disabled {
            opacity: 1 !important;
            cursor: not-allowed;
            color: #adacac;
            background-color: var(--grd-rh-backcolor);
        }

            .pv-datagrid-rowheaders td:nth-child(2) > button:disabled::before {
                color: #adacac;
            }

.pv-datagrid-rowheaders td:nth-child(3) {
    background-color: var(--grd-rh-backcolor);
    border-bottom: var(--grd-bdr-rowheaders);
}

    .pv-datagrid-rowheaders td:nth-child(3) > button {
        background-color: var(--grd-rh-backcolor);
        border: none;
        /*border-right: var(--grd-bdr-rowheaders);*/
        /*border-bottom: var(--grd-bdr-rowheaders);*/
        font-size: 16px!important;
        background-repeat: no-repeat;
        background-position: center;
        cursor: pointer;
        border-radius: 1px
    }

        .pv-datagrid-rowheaders td:nth-child(3) > button:hover {
            background-color: silver;
        }

        .pv-datagrid-rowheaders td:nth-child(3) > button:disabled {
            opacity: 1 !important;
            cursor: not-allowed;
            background-color: var(--grd-rh-backcolor);
        }

            .pv-datagrid-rowheaders td:nth-child(3) > button:disabled::before {
                color: #adacac;
            }
/*.pv-pagedgridview-control .pv-datagrid-selection{background-color: #ececec !important ; color:black !important;border-color:#c0c0c0 !important;}*/
/** Dark Theme**/
/*.pv-pagedgridview-control tr.ui-selecting { background: #ececec; }
.pv-pagedgridview-control tr.ui-selected { background-color:#9e9c9c !important;color:white;  }

.pv-pagedgridview-control td.ui-selecting { background: #ececec; }
.pv-pagedgridview-control td.ui-selected { background: #9e9c9c !important; border-color:#c0c0c0 ; color:white; }*/
/** Light Theme**/
.pv-pagedgridview-control tr.ui-selecting {
    background: #ececec;
}

.pv-pagedgridview-control tr.ui-selected {
    background: var(--grd-row-selection) !important;
}

.pv-pagedgridview-control td.ui-selecting {
    background: #ececec;
}

.pv-pagedgridview-control td.ui-selected {
    background: var(--grd-row-selection) !important;
    border-color: #c0c0c0;
}
/** Light Theme**/


/*.pv-pagedgridview-control .pv-dgd-searchfound { background-color: #ffffa0; }*/
.pv-pagedgridview-control .pv-dgd-searchfound-focus div {
    background-color: #ffffa0;
}

.pv-dgd-search {
    overflow: hidden !important;
}

    .pv-dgd-search > span:first-child {
        color: red;
    }

    .pv-dgd-search > input[type="text"] {
        width: 270px;
    }

    .pv-dgd-search span.slbl {
        display: inline-block;
        width: 70px;
        position: relative;
        top: -2px;
    }

.pv-pagedgridview-control .pv-view-element {
    border: 0;
    -ms-text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    overflow: hidden;
    /* color: var(--grd-cell-clr);*/
    box-sizing: border-box;
}

.pv-pagedgridview-control .pv-view-elementColHead {
    border: 0;
    -ms-text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    overflow: hidden;
    padding-left: 3px;
    min-width: 30px;
    padding-right: 3px;
    padding-top: 5px;
    padding-bottom: 5px;
}

.pv-view-element {
    white-space: nowrap;
}

.pv-view-element-checkbox {
    text-align: center;
}

.pv-view-element-max-width {
    max-width: 100px;
}

.pv-view-element-min-width {
    min-width: 100px !important;
}

.pv-view-element-edited {
    color: red;
}


.pv-editing-element {
    /*border: 1px dotted red;*/
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
}

.pv-editing-element-checkbox {
    text-align: center;
}

.pv-editing-element-buttonstyle {
    width: 99% !important;
    background-color: var(--txt-bg-hl) !important;
    border: 1px solid silver !important;
}


.pv-editing-element > button {
    /*float:right;*/
    min-width: 18px;
    width: 18px;
    height: 20px;
    /*float:right;*/
    border: 0;
    background-color: white;
    background-position-y: center;
    background-position-x: center;
    background-repeat: no-repeat;
    vertical-align: middle;
    background-color:transparent !important
}

.pv-editing-element > input {
    padding-left: 3px;
    -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box; /* Firefox, other Gecko */
    box-sizing: border-box;
    border: 0;
    height: 20px;
}

.btn-datepicker-trigger {
    top: -3px;
    margin-right: 10px;
}

.iconDatePicker {
    font-size: 19px !important;
}

.btn-autocomplete-trigger {
    background-image: var(--drp-dwn-btnclr);
    bottom: 4px;
}

.pv-grid-row-edit-box .btn-autocomplete-trigger {
    border-right: 1px solid silver !important;
    border-bottom: 1px solid silver !important;
    float: inherit;
    position: absolute;
}

.btn-popupselect-trigger .material-icons {
    position: relative;
    top: -1px;
    right: 5px;
}

.pv-grid-grid-edit-box {
    overflow: hidden !important;
}

.pv-formediting-element {
    position: relative;
    padding: 4px;
    min-width: 243px;
}

    .pv-formediting-element > button {
        width: 18px;
        height: 18px;
        /*border: 1px solid silver;*/
        border: 0;
        float: right;
        background-repeat: no-repeat;
        background-color: transparent;
    }

    .pv-formediting-element > input {
        border: 0;
        /*border-bottom:1px dotted #7D7A7A;*/
        border-bottom: 1px solid silver;
        width: 225px !important;
    }

.pv-formview-element {
    padding: 4px;
    min-height: 17px;
}

    .pv-formview-element > span {
        border: 0;
        border-bottom: 1px dotted silver;
        width: 225px !important;
        background-color: var(--frm-title-bg);
        display: block;
        min-height: 17px;
    }

.pv-view-element-button {
    height: 18px;
}

.pv-formediting-element > td {
    height: 18px;
}

.pv-formview-readonly-element {
    background-color: var(--frm-title-bg);
}

.pv-datagrid-footer {
    position: relative;
    background-color: var(--grd-titlediv-bk);
}

    .pv-datagrid-footer .footer-celldescription {
        margin-left: 30px;
        padding: 5px;
        border: 1px solid silver;
        border-radius: 5px;
        display: none;
    }

    .pv-datagrid-footer > table {
        height: 26px;
        padding-left: 5px;
        margin-left: 10px;
    }

    .pv-datagrid-footer > progress {
        margin-left: 10px;
    }

.pv-cellSumInfoDiv {
    float: right;
    position: absolute;
    right: 5px;
    top: 6px;
    font-size: 12px;
    color: #bf4848;
}

.cellinfo {
    border: 1px solid silver;
    padding: 2px;
    border-radius: 5px;
    margin-right: 5px;
    background-color: #e0dfdf;
}

    .cellinfo .material-symbols-outlined {
        font-size: 15px;
        vertical-align: sub;
        margin-right: -1px;
    }

.pv-datagrid-loadingdiv {
    position: absolute;
    left: 0;
    top: 0;
    background-color: rgb(227, 238, 248);
    opacity: 0.5;
    width: 100%;
    height: 100%;
    z-index: 1;
}

.pv-datagrid-progressdiv {
    top: 50%;
    position: absolute;
    left: 45%;
    border: 1px solid black;
    height: 30px;
    background-color: white;
    width: 120px;
    padding: 5px;
}


.dgd-search-msg {
    display: block;
    color: red;
    font-weight: bold;
    position: relative;
    top: 5px;
}

.pv-dgd-tb-searchtext {
    border: 1px solid silver;
    margin-left: 3px;
    margin-right: 3px;
    border-radius: 3px;
}

.pv-dgd-tb-btnPrevsearch::before {
    content: "arrow_back";
}

.pv-dgd-tb-btnNextsearch::before {
    content: "arrow_forward";
    border-left: 1px solid silver;
}

.pv-dgd-tb-btnSearch_MatchCase::before {
    content: "match_case";
}

.pv-dgd-tb-btnSearch_startWith::before {
    content: "line_start_arrow";
}

.pv-dgd-tb-btnSearch_EndsWith::before {
    content: "line_end_arrow";
}
.pv-dgd-tb-btnSearch_Contains::before {
    content: "arrow_range";
}
/*===========================================================================================================
    Pivot Designer Style
 ==========================================================================================================*/
.pv-pivot-designer {
    overflow: hidden !important;
}

    .pv-pivot-designer .pv-listbox {
        padding: 0;
        margin: 0;
        overflow: auto;
    }

    .pv-pivot-designer .pv-fieldlist-cont {
        border: 1px solid silver;
        overflow: auto;
    }

    .pv-pivot-designer .pv-listbox li {
        list-style: none;
        min-height: 17px;
        height: auto;
        border: 1px solid #c0c0c0;
        border-right: 0;
        border-left: 0;
        padding: 2px;
        padding-left: 5px;
        margin-top: -1px;
        cursor: default;
    }

        .pv-pivot-designer .pv-listbox li div {
            background-color: red;
            border: 1px solid black;
            width: 17px;
            height: 17px;
            float: right;
            margin-top: -1px;
        }

    .pv-pivot-designer .pv-chart-bottomlegend {
        padding-top: 3px;
        padding-left: 5px;
    }


.pvpvt-settings span {
    position: relative;
    top: -2px;
}

/*===========================================================================================================
    Chart Designer Style
 ==========================================================================================================*/
.pv-chart-designer {
    overflow: hidden !important;
}

    .pv-chart-designer table {
        width: 100%;
    }

    .pv-chart-designer .pv-listbox {
        /*width:100%;*/
        padding: 0;
        margin: 0;
        overflow: auto;
    }

    .pv-chart-designer .pv-fieldlist-cont {
        border: 1px solid silver;
        overflow: auto;
    }

    .pv-chart-designer .pv-listbox li {
        list-style: none;
        min-height: 17px;
        height: auto;
        border: 1px solid #c0c0c0;
        border-right: 0;
        border-left: 0;
        padding: 2px;
        padding-left: 5px;
        margin-top: -1px;
        cursor: default;
    }

        .pv-chart-designer .pv-listbox li div {
            background-color: red;
            border: 1px solid black;
            width: 17px;
            height: 17px;
            float: right;
            margin-top: -1px;
        }

/***************************************
    Grid Customise window
 ***************************************/
.pv-dgd-customizewindow ul {
    list-style-type: none;
    padding: 0;
    width: 200px;
    height: 300px;
    border: 1px solid silver;
    overflow: auto;
}

.pv-dgd-customizewindow-notnull {
    background: var(--background) !important;
    color: red !important
}

.pv-dgd-row-editbutton::before {
    content: "edit";
    font-family: 'Material Symbols Outlined';
    display: flex;
    color: var(--grd-grp-greenclr);
    align-items: center;
    justify-content: center;
    height: 16px;
    width: 18px;
    background-repeat: no-repeat;
}

.pv-dgd-row-deletebutton::before {
    content: "delete";
    font-family: 'Material Symbols Outlined';
    display: flex;
    color: var(--grd-grp-redclr);
    align-items: center;
    justify-content: center;
    height: 16px;
    width: 18px;
    background-repeat: no-repeat;
}

.pv-dgd-colheadsort {
    float: right;
    height: 26px;
    width: 25px;
    border: 1px solid #c0c0c0;
    margin-top: -6px;
}

.pv-dgd-colheadsort-asc {
    background-image: url(MainImages/ASC.png?v=hdBwciZ5MXC9TupnECHCTMLRGEY);
    background-size: contain;
}

.pv-dgd-colheadsort-dsc {
    background-image: url(MainImages/DSC.png?v=hdBwciZ5MXC9TupnECHCTMLRGEY);
    background-size: contain;
}


.pvbrdsilver {
    border-bottom: 1px solid silver;
}

.pvbrdallsilver {
    border: 1px solid silver;
}

.pvpaddleft5 {
    padding-left: 5px;
}

.pivotpropertytable {
    border-collapse: collapse;
    min-width: 250px;
}

.pvbrdsilver, .pvpaddleft5 {
    background: var(--background) !important;
    color: var(--txt-color);
}

.btn-pvdatepicker-trigger {
    width: 18px;
    border: 0;
    background-color: transparent;
    position: absolute;
    right: 0;
}

.pv-selectcontrol-btn {
    min-width: 80px;
}


.pvpvt-lst-sigma input[type=color] {
    width: 20px;
    height: 20px;
    padding: 0;
}

.pvpvt-lst-sigma select {
    border: 0;
    border-bottom: 1px solid #7D7A7A;
    /*color:#cd0a0a;*/
}

.pv-listbox-legendselect {
    border: 0;
    border-bottom: 1px solid #7D7A7A;
}


/* Graph Grid Styles */
.pv-pvgraphgrid {
    position: relative;
}


.pv-pvgraphgrid-toolbar {
    position:absolute;
    top:2px;
    right:10px;
    height: 23px;
    width: 23px;
    border: 1px solid silver;
    border-radius: 5px;
    margin-top: 1px;
    box-shadow: 2px 2px 3px var(--grd-toolbar-shadow);
    margin-left: 5px;
    overflow: hidden;
}
    .pv-pvgraphgrid-toolbar:empty {
        display: none;
    }


    .pv-pvgraphgrid-toolbar button {
        border: none;
        border-right: 1px solid silver;
        height: 23px;
        width: 33px;
        font-size: 21px;
        position: relative;
        right: 5px;
        background-repeat: no-repeat;
        background-position: center;
        background-color: var(--grd-toolbar-btn);
        cursor: pointer;
    }
    .pv-pvgraphgrid-toolbar button:hover {
        background-color: silver;
    }

.pv-dgd-row-level0 {
    background-color: var(--grd-grp-bg);
}

.pv-dgd-row-level1 {
    background-color: #bbdefb
}

.pv-dgd-row-level2 {
    background-color: #d1c4e9
}

.pv-dgd-row-level3 {
    background-color: #e1bee7
}

.pv-dgd-row-level4 {
    background-color: #f8bbd0
}

.pv-dgd-row-level5 {
    background-color: #ffcdd2
}


.pvDummyScrollBar {
    background-color: whitesmoke;
    overflow-y: scroll;
    overflow-x: hidden;
    position: relative;
    top: -2px;
}

.pv-dgd-pageup {
    background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pg0KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDE2LjAuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPg0KPCFET0NUWVBFIHN2ZyBQVUJMSUMgIi0vL1czQy8vRFREIFNWRyAxLjEvL0VOIiAiaHR0cDovL3d3dy53My5vcmcvR3JhcGhpY3MvU1ZHLzEuMS9EVEQvc3ZnMTEuZHRkIj4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iQ2FwYV8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCINCgkgd2lkdGg9Ijk3MC41MDRweCIgaGVpZ2h0PSI5NzAuNTAzcHgiIHZpZXdCb3g9IjAgMCA5NzAuNTA0IDk3MC41MDMiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDk3MC41MDQgOTcwLjUwMzsiDQoJIHhtbDpzcGFjZT0icHJlc2VydmUiPg0KPGc+DQoJPHBhdGggZD0iTTEyMC4wMjcsOTYyLjgwMmMyNi42LDAsNTMuNS04LjgwMSw3NS43LTI3bDI4OC4xLTIzNC43bDI5MC44OTksMjM3YzIyLjMwMSwxOC4xLDQ5LjEwMSwyNyw3NS43LDI3DQoJCWMzNC44LDAsNjkuNC0xNS4xMDEsOTMuMTAxLTQ0LjJjNDEuODk5LTUxLjQsMzQuMS0xMjctMTcuMi0xNjguOGwtMzY2LjctMjk4LjhjLTQ0LjEtMzYtMTA3LjUtMzYtMTUxLjYsMGwtMzYzLjgsMjk2LjUNCgkJYy01MS40LDQxLjgtNTkuMSwxMTcuMzk5LTE3LjMsMTY4LjhDNTAuNzI3LDk0Ny43MDIsODUuMjI3LDk2Mi44MDIsMTIwLjAyNyw5NjIuODAyeiIvPg0KCTxwYXRoIGQ9Ik0xMjAuMDI3LDU0MS45MDJjMjYuNiwwLDUzLjUtOC44LDc1LjctMjdsMjg4LjEtMjM0LjdsMjkwLjg5OSwyMzdjMjIuMzAxLDE4LjEwMSw0OS4xMDEsMjcsNzUuNywyNw0KCQljMzQuOCwwLDY5LjQtMTUuMSw5My4xMDEtNDQuMmM0MS44OTktNTEuMzk5LDM0LjEtMTI3LTE3LjItMTY4LjhsLTM2Ni43LTI5OC44Yy00NC4xLTM2LTEwNy41LTM2LTE1MS42LDBsLTM2My44LDI5Ni40DQoJCWMtNTEuNCw0MS45LTU5LjEsMTE3LjUtMTcuMywxNjguOUM1MC43MjcsNTI2LjgwMiw4NS4yMjcsNTQxLjkwMiwxMjAuMDI3LDU0MS45MDJ6Ii8+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8L3N2Zz4NCg==");
    height: 17px;
    width: 17px;
    border: 3px;
    background-size: 10px;
    background-repeat: no-repeat;
    background-position-x: 3px;
    background-position-y: 3px;
    opacity: 0.7;
    position: relative;
    left: 1px;
}

.pv-dgd-pagedown {
    background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pg0KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDE2LjAuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPg0KPCFET0NUWVBFIHN2ZyBQVUJMSUMgIi0vL1czQy8vRFREIFNWRyAxLjEvL0VOIiAiaHR0cDovL3d3dy53My5vcmcvR3JhcGhpY3MvU1ZHLzEuMS9EVEQvc3ZnMTEuZHRkIj4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iQ2FwYV8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCINCgkgd2lkdGg9Ijk3MC41MDRweCIgaGVpZ2h0PSI5NzAuNTAzcHgiIHZpZXdCb3g9IjAgMCA5NzAuNTA0IDk3MC41MDMiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDk3MC41MDQgOTcwLjUwMzsiDQoJIHhtbDpzcGFjZT0icHJlc2VydmUiPg0KPGc+DQoJPHBhdGggZD0iTTEyMC4wMjcsOTYyLjgwMmMyNi42LDAsNTMuNS04LjgwMSw3NS43LTI3bDI4OC4xLTIzNC43bDI5MC44OTksMjM3YzIyLjMwMSwxOC4xLDQ5LjEwMSwyNyw3NS43LDI3DQoJCWMzNC44LDAsNjkuNC0xNS4xMDEsOTMuMTAxLTQ0LjJjNDEuODk5LTUxLjQsMzQuMS0xMjctMTcuMi0xNjguOGwtMzY2LjctMjk4LjhjLTQ0LjEtMzYtMTA3LjUtMzYtMTUxLjYsMGwtMzYzLjgsMjk2LjUNCgkJYy01MS40LDQxLjgtNTkuMSwxMTcuMzk5LTE3LjMsMTY4LjhDNTAuNzI3LDk0Ny43MDIsODUuMjI3LDk2Mi44MDIsMTIwLjAyNyw5NjIuODAyeiIvPg0KCTxwYXRoIGQ9Ik0xMjAuMDI3LDU0MS45MDJjMjYuNiwwLDUzLjUtOC44LDc1LjctMjdsMjg4LjEtMjM0LjdsMjkwLjg5OSwyMzdjMjIuMzAxLDE4LjEwMSw0OS4xMDEsMjcsNzUuNywyNw0KCQljMzQuOCwwLDY5LjQtMTUuMSw5My4xMDEtNDQuMmM0MS44OTktNTEuMzk5LDM0LjEtMTI3LTE3LjItMTY4LjhsLTM2Ni43LTI5OC44Yy00NC4xLTM2LTEwNy41LTM2LTE1MS42LDBsLTM2My44LDI5Ni40DQoJCWMtNTEuNCw0MS45LTU5LjEsMTE3LjUtMTcuMywxNjguOUM1MC43MjcsNTI2LjgwMiw4NS4yMjcsNTQxLjkwMiwxMjAuMDI3LDU0MS45MDJ6Ii8+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8L3N2Zz4NCg==");
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
    height: 17px;
    width: 17px;
    border: 3px;
    background-size: 10px;
    background-repeat: no-repeat;
    background-position-x: 3px;
    background-position-y: 3px;
    opacity: 0.7;
    position: relative;
    top: -2px;
    left: 1px;
}

.ui-resizable-helper {
    border: 2px dotted #00F;
}


.pvxdatagridimport {
    overflow: hidden !important;
}

    .pvxdatagridimport .filebrowser::file-selector-button {
        background: var(--txt-bg);
        color: var(--txt-color);
        border: 1px solid var(--txt-color);
        padding: 6px 14px;
        border-radius: 5px;
        cursor: default;
    }

        .pvxdatagridimport .filebrowser::file-selector-button:hover {
            opacity: 0.85;
        }

        .pvxdatagridimport .filebrowser::file-selector-button:active {
            transform: scale(0.96);
        }


    .pvxdatagridimport .divParams {
        padding: 0px;
        padding-bottom: 10px;
        padding-top: 10px;
    }

        .pvxdatagridimport .divParams label {
            margin-right: 10px;
        }

    .pvxdatagridimport .filebrowser {
        border: 1px solid silver;
        margin-right: 5px;
        border-radius: 5px;
    }

    .pvxdatagridimport .div_error {
        font-size: 14px;
        background-color: #ffe2e2;
        border-radius: 5px;
        border: 1px solid #ff9d9d;
        padding: 5px;
        font-weight: bold;
        display: inline;
        padding-left: 10px;
        padding-right: 10px;
        display: none;
    }


.pv-expand {
    background-image: url('MainImages/EXPAND.gif?v=hdBwciZ5MXC9TupnECHCTMLRGEY');
    background-repeat: no-repeat;
    display: inline-block;
    width: 17px;
    height: 17px;
}

.pv-collapse {
    background-image: url('MainImages/COLLAPSE.gif?v=hdBwciZ5MXC9TupnECHCTMLRGEY');
    background-repeat: no-repeat;
    display: inline-block;
    width: 17px;
    height: 17px;
}

.pv-sg-exp-colp {
    background-image: url('MainImages/updown.png?v=hdBwciZ5MXC9TupnECHCTMLRGEY');
    background-repeat: no-repeat;
    width: 17px;
    height: 17px;
    display: inline-block;
    background-size: cover;
}


/*.pvdgd-cell-Icon {
    position: absolute !important;
    top: -2px !important;
}*/

.autofilter-cell {
    position: relative;
}

.leftdialogButton {
    position: absolute !important;
    left: 10px;
}


.pv-dgd-tb-forecastexportbutton::before {
    content: "table_convert";
    transform: rotate(180deg);
}

.pv-dgd-tb-forecastimportbutton::before {
    content: "table_convert";
}
.pv-dgd-tb-replexportbutton::before {
    content: "table_convert";
    transform: rotate(180deg);
}

.pv-dgd-tb-replimportbutton::before {
    content: "table_convert";
}


.pv-dgd-tb-frcst-hidecols::before {
    content: "visibility_off";
}

.forecast_btnshowdropdown {
    background-image: url("MainImages/gridpopup.png?v=hdBwciZ5MXC9TupnECHCTMLRGEY");
    background-repeat: no-repeat;
    border: 0px;
    height: 19px;
    vertical-align: middle;
    width: 20px;
    background-color: white;
    margin-left: -5px;
    margin-bottom: -10px;
}

.interactivescheduler_unlock {
    background-image: url("MainImages/Unlock.png?v=hdBwciZ5MXC9TupnECHCTMLRGEY");
    background-repeat: no-repeat;
    background-position: center;
    background-color: transparent;
    border: none;
    background-size: 17px 17px;
}

.interactivescheduler_lock {
    background-image: url("MainImages/Lock.png?v=hdBwciZ5MXC9TupnECHCTMLRGEY");
    background-repeat: no-repeat;
    background-position: center;
    background-color: transparent;
    border: none;
    background-size: 17px 17px;
}

.interactivescheduler_refresh {
    background-image: url("MainImages/Refresh.png?v=hdBwciZ5MXC9TupnECHCTMLRGEY");
    background-repeat: no-repeat;
    background-position: center;
    background-color: transparent;
    border: none;
    background-size: 17px 17px;
}

.interactivescheduler_timevisibledown {
    background-image: url("MainImages/ArrowDown.gif?v=hdBwciZ5MXC9TupnECHCTMLRGEY");
    background-repeat: no-repeat;
    background-position: center;
    background-color: transparent;
    border: none;
    background-size: 18px 23px;
}

.interactivescheduler_savefilterbutton {
    background-image: url("MainImages/SaveFilter.gif?v=hdBwciZ5MXC9TupnECHCTMLRGEY");
    margin-left: 0;
    border: 0;
    width: 20px;
    height: 15px;
    background-position: center;
    background-repeat: no-repeat;
    background-color: transparent;
}

.interactivescheduler_timevisibleup {
    background-image: url("MainImages/ArrowUp.gif?v=hdBwciZ5MXC9TupnECHCTMLRGEY");
    background-repeat: no-repeat;
    background-position: center;
    background-color: transparent;
    border: none;
    background-size: 18px 23px;
}

.interactivescheduler_print {
    background-image: url("MainImages/print.png?v=hdBwciZ5MXC9TupnECHCTMLRGEY");
    background-repeat: no-repeat;
    background-position: center;
    background-color: transparent;
    border: none;
    background-size: 17px 17px;
}
/*.ui-autocomplete {
    max-height: 150px !important;
    overflow-y: auto !important;
}*/
div.ui-dialog.ui-corner-all.ui-widget.ui-widget-content.ui-front.ui-draggable {
    width: auto !important;
    border-radius: 10px;
    box-shadow: 0px 0px 10px #5b5b5b;
}

.planningday-dialog-icon {
    margin-right: 4px;
    font-size: 18px;
    margin-bottom: 3px;
    vertical-align: middle;
}

.favouriteIcon {
    width: 20px;
    height: 20px;
    background-repeat: no-repeat;
    background-position-x: right;
    background-position: right center;
    float: right
}

/*White Start ICON*/
.favourite_icon {
    background-image: url(MainImages/White.png?v=hdBwciZ5MXC9TupnECHCTMLRGEY);
}
/*Black Start ICON*/
.notfavourite_icon {
    background-image: url(MainImages/Black.png?v=hdBwciZ5MXC9TupnECHCTMLRGEY);
}

.ui-widget-header {
    border: 1px solid #aaaaaa;
    background: white;
    color: var(--txt-color);
    font-weight: bold;
}

.ui-draggable .ui-dialog-titlebar {
    cursor: move;
    border: none;
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
    border-bottom: 1px solid silver;
}

.ui-dialog .ui-dialog-titlebar {
    padding: .4em 1em;
    position: relative;
}

.ui-dialog-titlebar {
    background-color: var(--dlg-titlebar-clr) !important;
    border-top-left-radius: 7px;
    border-top-right-radius: 7px;
}

.ui-dialog-title {
    background-color: var(--dlg-titlebar-clr) !important;
    color: var(--title-clr) !important;
}

.ui-dialog .ui-dialog-buttonset .add-button {
    color: green !important;
}

.ui-dialog .ui-dialog-buttonset .cancel-button {
    color: red !important;
}

.ui-dialog .ui-dialog-buttonset .save-button {
    color: green !important;
}

.ui-dialog .ui-dialog-buttonset .close-button {
    color: red !important;
}

.ui-dialog .ui-dialog-buttonset .yes-button {
    color: green !important;
}

.ui-dialog .ui-dialog-buttonset .no-button {
    color: red !important;
}

.ui-dialog .ui-dialog-buttonset .details-button {
    color: var(--dlg-button-clr) !important;
}

.ui-dialog .ui-dialog-buttonset .delete-button {
    color: red !important;
}

.ui-dialog-buttonpane {
    background-color: var(--dlg-titlebar-clr) !important;
    border-bottom-left-radius: 7px;
    border-bottom-right-radius: 7px;
}

.add-button .dialogbox-buttons {
    color: green !important;
}

.cancel-button .dialogbox-buttons {
    color: red !important;
}

.save-button .dialogbox-buttons {
    color: green !important;
}

.close-button .dialogbox-buttons {
    color: red !important;
}

.yes-button .dialogbox-buttons {
    color: green !important;
}

.no-button .dialogbox-buttons {
    color: red !important;
}

.details-button .dialogbox-buttons {
    color: var(--dlg-button-clr) !important;
}

.delete-button .dialogbox-buttons {
    color: red !important;
}

ul.ui-autocomplete {
    max-height: 150px !important;
    overflow-y: auto !important;
}

.ui-widget {
    font-family: Arial !important;
    font-size: 12px !important;
}

    .ui-widget input, .ui-widget select, .ui-widget textarea {
        font-family: Arial !important;
        font-size: 12px !important;
        color: var(--txt-color) !important;
    }
    .ui-widget button {
        font-family: Arial !important;
        font-size: 12px !important;
    }

    .ui-menu {
        list-style: none;
        padding: 2px;
        margin: 0;
        display: block;
        outline: none
    }

    .ui-menu .ui-menu-item {
        margin: 0;
        padding: 0;
        width: 100%;
        list-style-image: url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7)
    }

.pv-dgd-autocomplete {
    position: absolute;
    z-index: 99999;
    display: block;
}

.hide-scrollbar::-webkit-scrollbar {
    height: 16px;
    background: whitesmoke;
}

.hide-scrollbar::-webkit-scrollbar-thumb {
    background: transparent;
}

.pv-dgd-tb-print {
    background-image: url("MainImages/print.png?v=hdBwciZ5MXC9TupnECHCTMLRGEY");
    background-repeat: no-repeat;
    background-position: center;
    background-color: transparent;
    border: none;
    background-size: 17px 17px;
}

.vertical-align-top {
    vertical-align: top;
}

.visibility-visible {
    visibility: visible;
}

.visibility-hidden {
    visibility: hidden;
}

.bg-color-f5f5f5 {
    background-color: #f5f5f5;
}

.color-red {
    color: red;
}

.overflow-hidden {
    overflow: hidden;
}

.opacity-0f2 {
    opacity: 0.2;
}

.opacity-1 {
    opacity: 1;
}

.max-height-430 {
    max-height: 430px;
}

.max-height-400 {
    max-height: 400px !important;
}

.margin-right-18 {
    margin-right: 18px;
}

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

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

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

.margin-auto {
    margin: auto;
}

.bg-color-f7dada {
    background-color: #f7dada;
}

.brd-color-f46a6a {
    border-color: #f46a6a;
}

.position-relative {
    position: relative;
}

.pv-dgd-bottom-row-header {
    position: absolute;
    bottom: 0;
}

.pv-dgd-data-div {
    position: relative;
}

.min-width-9 {
    min-width: 9px;
}

.display-none {
    display: none;
}

.bg-color-whitesmoke {
    background-color: whitesmoke;
}

.pv-dgd-col-icon {
    margin-right: 3px;
    color: green;
}

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

.height-9 {
    height: 9px;
}

.height-9f2 {
    height: 9.2px;
}

.height-10f2 {
    height: 10.2px;
}

.height-20 {
    height: 20px;
}

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

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

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


.pvColStyleButtonCustom {
    width: 25px;
    height: 20px;
    padding: 0;
    float: right;
}

    .pvColStyleButtonCustom .material-icons.customStyleIcon {
        font-size: 12px !important;
        position: fixed;
        margin-left: -6px;
        margin-top: -6px;
    }

.pvColStylePassword {
    width: 89%;
    text-align: left;
    border: none;
    background-color: white;
}

.bdr-bottom-left-radius-4 {
    border-bottom-left-radius: 4px;
}

.margin-right-13 {
    margin-right: 13px;
}

.width-100 {
    width: 100px;
}

.width-50 {
    width: 50px;
}

.min-height-17 {
    min-height: 17px;
}

.flex-dir-row {
    flex-direction: row;
}

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

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

.font-style-italic {
    font-style: italic;
}

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

.flex-justify-cont-space-between {
    justify-content: space-between;
}

.pv-dgd-customizewindow li {
    margin: 5px;
    padding: 5px;
    background: var(--lst-boxitem-bgd);
    color: var(--txt-color);
}

.pv-dgd-title {
    display: flex;
    align-items: center;
}
    .pv-dgd-title i {
        margin-left: 10px;
        font-size: 18px;
    }

#sortwindow {
    list-style-type: none;
    padding: 0px;
}

#sortwindow li {
    margin: 5px;
    padding: 5px;
    width: 265px;
    background: var(--lst-boxitem-bgd);
    color: var(--txt-color);
}
/* For Firefox */
@-moz-document url-prefix() {
    .hide-scrollbar {
        scrollbar-width: thin;
        scrollbar-color: transparent whitesmoke;
    }
}

#columnSelectionAll {
    border-bottom: 1px solid whitesmoke;
}


/* Update button */
.ui-dialog .ui-dialog-buttonset .pv-btn-update {
    color: green !important; 
}

    .ui-dialog .ui-dialog-buttonset .pv-btn-update .material-symbols-outlined {
        color: green !important; 
    }

/* Cancel button */
.ui-dialog .ui-dialog-buttonset .pv-btn-cancel {
    color: red !important; 
}

    .ui-dialog .ui-dialog-buttonset .pv-btn-cancel .material-symbols-outlined {
        color: red !important; 
    }

/* Sort button */
.ui-dialog .ui-dialog-buttonset .pv-btn-sort {
    color: #2196f3 !important;
}

    .ui-dialog .ui-dialog-buttonset .pv-btn-sort .material-symbols-outlined {
        color: #2196f3 !important;
    }

/* Send button: green */
.ui-dialog .ui-dialog-buttonset .btn-send-mail {
    color: green !important;
}

    .ui-dialog .ui-dialog-buttonset .btn-send-mail .material-symbols-outlined {
        color: green !important;
    }

.buttonpanel {
    display: flex;
}

    .buttonpanel .copyFromClipboard {
        margin-bottom: -6px;
        width: 196px;
        height: 31px;
        resize: none;
        box-sizing: border-box;
    }

    .buttonpanel .btnok {
        display: flex;
        align-items: center;
    }
.pvColStyleButton {
    min-width: 100%;
    height: 19px;
}

.pv-datagrid-autofilter-editbox:focus {
    outline: none !important;
    background-color: var(--autofilter-background-focus) !important;
}
.pvGanttControl {
    border: 1px solid silver;
    overflow: hidden;
}

    .pvGanttControl table {
        border-collapse: collapse;
    }

    .pvGanttControl td {
        vertical-align: top;
    }

.pvGanttTimeLineBase {
    position: relative;
    overflow: hidden;
    border: 1px solid silver;
    background: whitesmoke;
}

.pvGanttTimeLine {
    position: absolute;
    padding: 0px;
    margin: 0px;
    background: whitesmoke;
}

.pvTimeline-text-row1 {
    padding-left: 5px;
    -webkit-user-select: none;
    user-select: none;
}

.pvTimeline-text-holder {
    position: absolute;
    border: 0px solid black;
    border-left: 1px solid silver;
    margin: 0px;
    text-align: center;
    vertical-align: central;
    font-size: 13px;
    /*font-weight:bold;*/
    white-space: nowrap;
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
    overflow: hidden;
    /*background:linear-gradient(to bottom, rgb(249, 247, 247) 0, rgba(219,219,219,1) 50%, rgba(209,209,209,1) 51%, rgb(234, 233, 233) 100%)*/
}



.pvTimeline-text-holder-tworow {
    position: absolute;
    border: 0px solid black;
    border-left: 1px solid silver;
    padding-top: 7px;
    text-align: center;
    vertical-align: central;
    font-size: 13px;
    /*font-weight:bold;*/
    white-space: nowrap;
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
    overflow: hidden;
    /*background:linear-gradient(to bottom, rgb(249, 247, 247) 0, rgba(219,219,219,1) 50%, rgba(209,209,209,1) 51%, rgb(234, 233, 233) 100%)*/
}


.pvTimeline-text-holder-onerow {
    position: absolute;
    color: black;
    padding-top: 20px;
    border: 0px solid black;
    border-left: 1px solid silver;
    margin: 0px;
    text-align: center;
    vertical-align: central;
    font-size: 13px;
    /*font-weight:bold;*/
    white-space: nowrap;
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
    overflow: hidden;
    background: whitesmoke;
    /*background:linear-gradient(to bottom, rgb(249, 247, 247) 0, rgba(219,219,219,1) 50%, rgba(209,209,209,1) 51%, rgb(234, 233, 233) 100%)*/
}




.pvTimeline-hour-line {
    border: 0px solid black;
    border-left: 1px solid silver;
    position: absolute;
    margin: 0px;
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.pvTimeline-hour-text {
    position: absolute;
    font-size: 13px;
    white-space: nowrap;
    -webkit-user-select: none;
    user-select: none;
}

.pvTimeLine-horz-line {
    border: 0px;
    border-top: 1px solid silver;
    position: absolute;
    margin: 0px;
}

.pvGanttDrawArea-horz-line {
    border: 0px;
    border-top: 1px solid rgb(240, 240, 240);
    position: absolute;
    margin: 0px;
    -webkit-user-drag: none;
}


.pvGanttTimeLineZoomIn-Button {
    width: 35px;
    height: 20px;
}

.pvGanttTimeLineZoomOut-Button {
    width: 35px;
    height: 20px;
}

.pvGanttMoveLeft-Button {
    width: 35px;
    height: 20px;
}

.pvGanttMoveRight-Button {
    width: 35px;
    height: 20px;
}


.pvGanttDrawAreaHolder {
    overflow: hidden;
    overflow-y: auto;
    position: relative;
    border: 1px solid silver;
    border-bottom: 0px;
    -webkit-user-drag: none;
}

.pvGanttDrawArea {
    position: relative;
    user-select: none;
    -webkit-user-drag: none;
}


.pvGanttNode {
    position: absolute;
    border: 1px solid gray;
    border-radius: 5px;
    overflow: hidden;
    cursor: pointer;
}

.pvGanttNode-Selected {
    border-width: 2px 1px 2px 1px;
    border-color: red !important;
    border-radius: 0;
}

.pvGanttNode-bg {
    background-color: silver;
    background-size: 4px 4px;
    opacity: 0.5;
    position: absolute;
    user-select: none;
    width: 100% !important;
}

.pvGanttNode-text {
    position: absolute;
    width: 100%;
    left: 7px;
    top: 2px;
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
    overflow: hidden;
    white-space: nowrap;
}


.pvGanttNodeFixed {
    position: absolute;
    border: 1px solid darkred;
    user-select: none;
    overflow: hidden;
    border-radius: 5px;
}

.pvGanttNodeFixed-bg {
    /*background: linear-gradient(-45deg, red 25%, transparent 25%, transparent 50%, red 50%, red 75%, transparent 75%, transparent);*/
    background: linear-gradient(-45deg, red 5%, transparent 15%, transparent 50%, red 35%, red 40%, transparent 65%, transparent);
    background-size: 4px 4px;
    opacity: 0.2;
    position: absolute;
    user-select: none;
}

.pvGanttNodeFixed-text {
    position: absolute;
    top: 2px;
    left: 2px;
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
    overflow: hidden;
    white-space: nowrap;
}

.pvGanttNode-setuptime, .pvGanttNodeFixed-setuptime {
    border-right: 1.5px solid DeepPink;
    /*border-radius: 5px 0 0 5px;
    border: 1.5px solid #ff1493;*/
    overflow: hidden;
    position: absolute;
    top: -1px;
}


.pvGanttTaskRow {
    width: 100%;
    background: linear-gradient(to bottom, rgb(249, 247, 247) 0%, rgba(219,219,219,1) 50%, rgba(209,209,209,1) 51%, rgb(234, 233, 233) 100%);
    border-bottom: 1px solid rgb(193, 192, 192);
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.pvGanttTaskListHolder {
    overflow-y: hidden;
    overflow-x: hidden;
    background: var(--background) !important;
    color: var(--txt-color);
}


.pvGanttTaskList, .pvGanttTaskListTitle {
    min-width: 50px;
    background: var(--background) !important;
    color: var(--txt-color);
}

    .pvGanttTaskList table {
        width: 100%
    }

    .pvGanttTaskList td {
        white-space: nowrap;
        border-bottom: 1px solid silver;
        border-left: 1px solid silver;
        padding: 2px;
        vertical-align: middle;
    }





.pvGanttLink_HORZ {
    position: absolute;
    border-top: 1px solid var(--grd-title-clr);
}

.pvGanttLink_VERT {
    position: absolute;
    border-right: 1px solid var(--grd-title-clr);
}

.pvGanttNodeToolTip {
    border: 1px solid silver;
    border-radius: 5px;
    padding: 5px;
}

.ui-tooltip {
    max-width: 900px !important;
}



/*.pvGanttNodeToolTip td:nth-child(1){
    word-wrap:unset ;
    min-width:110px;
  background-color:red;
}

.pvGanttNodeToolTip td:nth-child(2){
    background-color:green;
    ma-width:70px;
}*/


.pv-ganttSplitter {
    position: absolute;
    background-color: red;
    cursor: col-resize;
}

.pvGanttNodeToolTip tr:nth-child(odd) {
    background: var(--background) !important;
    color: var(--txt-color);
}

.pvGanttNodeToolTip table {
}

.pvGanttVerticalScale {
    position: absolute;
    left: 0;
    top: 0;
    height: 200px;
    overflow: hidden;
    width: 2px;
    border-left: 1px solid gray;
}


/*
    ***********************************************************************
    *********   Custom Node Style declare here ****************************
    ***********************************************************************
*/
.PVCS_FixedNormal {
    border: 1px solid lightgray;
}

.PVCS_FixedNormal-bg {
    background-color: rgba(255,255,234,0.5);
}

.PVCS_FixedNormal-text {
}

.PVCS_NormalWorkOrders {
    border-color: darkgray;
}

.PVCS_NormalWorkOrders-bg { /*e3f1fe*/
    background-color: #dce1e6;
}

.PVCS_NormalWorkOrders-text {
    /*color:red;*/
}

.PVCS_NormalWorkOrdersUpStream {
    border-color: DeepPink;
}

.PVCS_NormalWorkOrdersUpStream-bg {
    background-color: #e3f1fe;
}

.PVCS_NormalWorkOrdersUpStream-text {
}

.PVCS_NormalWorkOrdersDownStream {
    border-color: OrangeRed;
}

.PVCS_NormalWorkOrdersDownStream-bg {
    background-color: #e3f1fe;
}

.PVCS_NormalWorkOrdersDownStream-text {
}

.PVCS_SelectedWorkOrders {
    border-width: 2px 1px 2px 1px;
    border-color: red !important;
    border-radius: 0;
}

.PVCS_SelectedWorkOrders-bg {
    /*   background: linear-gradient(45deg,DarkRed 5%,transparent 15%,transparent 50%,DarkRed 35%,DarkRed 40%,transparent 65%,transparent);
    background-size: 4px 4px;*/
    /* background-color:lightsteelblue;*/
}

.PVCS_SelectedWorkOrders-text {
    /*color:red;*/
    font-weight: bold;
}

.PVCS_SelectedWorkOrdersUpStream {
    border-color: DeepPink;
}

.PVCS_SelectedWorkOrdersUpStream-bg {
    background-color: #b0c4de;
}

.PVCS_SelectedWorkOrdersUpStream-text {
}

.PVCS_SelectedWorkOrdersDownStream {
    border-color: OrangeRed;
}

.PVCS_SelectedWorkOrdersDownStream-bg {
    background-color: #b0c4de;
}

.PVCS_SelectedWorkOrdersDownStream-text {
}


.PVCS_ScheduleLockedWorkOrders {
    border-color: Gray;
}

.PVCS_ScheduleLockedWorkOrders-bg {
    background-color: #b0e0e6;
}

.PVCS_ScheduleLockedWorkOrders-text {
}

.PVCS_ScheduleLockedWorkOrdersUpStream {
    border-color: DeepPink;
}

.PVCS_ScheduleLockedWorkOrdersUpStream-bg {
    background-color: #b0e0e6;
}

.PVCS_ScheduleLockedWorkOrdersUpStream-text {
}

.PVCS_ScheduleLockedWorkOrdersDownStream {
    border-color: OrangeRed;
}

.PVCS_ScheduleLockedWorkOrdersDownStream-bg {
    background-color: #b0e0e6;
}

.PVCS_ScheduleLockedWorkOrdersDownStream-text {
}

.PVCS_TimeLockedWorkOrders {
    border-color: gray;
}

.PVCS_TimeLockedWorkOrders-bg {
    background-color: #ffb6c1;
}

.PVCS_TimeLockedWorkOrders-text {
}

.PVCS_TimeLockedWorkOrdersUpStream {
    border-color: DeepPink;
}

.PVCS_TimeLockedWorkOrdersUpStream-bg {
    background-color: #ffb6c1;
}

.PVCS_TimeLockedWorkOrdersUpStream-text {
}

.PVCS_TimeLockedWorkOrdersDownStream {
    border-color: OrangeRed;
}

.PVCS_TimeLockedWorkOrdersDownStream-bg {
    background-color: #ffb6c1;
}

.PVCS_TimeLockedWorkOrdersDownStream-text {
}

.PVCS_AdditionalResourceWorkOrders {
    border-color: Gray;
}

.PVCS_AdditionalResourceWorkOrders-bg {
    background-color: #bbd8d8;
}

.PVCS_AdditionalResourceWorkOrders-text {
}

.PVCS_AdditionalResourceWorkOrdersUpStream {
    border-color: DeepPink;
}

.PVCS_AdditionalResourceWorkOrdersUpStream-bg {
    background-color: #E0FFFF;
}

.PVCS_AdditionalResourceWorkOrdersUpStream-text {
}

.PVCS_AdditionalResourceWorkOrdersDownStream {
    border-color: OrangeRed;
}

.PVCS_AdditionalResourceWorkOrdersDownStream-bg {
    background-color: #E0FFFF;
}

.PVCS_AdditionalResourceWorkOrdersDownStream-text {
}

.PVCS_SupplyCompletedWO {
    border-color: Orange;
}

.PVCS_SupplyCompletedWO-bg {
    background-color: #ffe4e1;
}

.PVCS_SupplyCompletedWO-text {
}

.PVCS_SupplyCompletedWOUpStream {
    border-color: DeepPink;
}

.PVCS_SupplyCompletedWOUpStream-bg {
    background-color: #ffe4e1;
}

.PVCS_SupplyCompletedWOUpStream-text {
}

.PVCS_SupplyCompletedWODownStream {
    border-color: OrangeRed;
}

.PVCS_SupplyCompletedWODownStream-bg {
    background-color: #ffe4e1;
}

.PVCS_SupplyCompletedWODownStream-text {
}

.PVCS_FixedNormalManualLocked {
    border-color: royalblue;
}

.PVCS_FixedNormalManualLocked-bg {
    background: linear-gradient(-45deg, blue 5%, transparent 15%, transparent 50%, blue 35%, blue 40%, transparent 65%, transparent);
    background-size: 4px 4px;
    opacity: 0.2;
    position: absolute;
    user-select: none;
}

.PVCS_CurrentCompletedWO {
    border-color: DarkViolet;
}

.PVCS_CurrentCompletedWO-bg {
    background-color: #800080;
}

.PVCS_CurrentCompletedWO-text {
}

.PVCS_CurrentCompletedWOUpStream {
    border-color: DeepPink;
}

.PVCS_CurrentCompletedWOUpStream-bg {
    background-color: #800080;
}

.PVCS_CurrentCompletedWOUpStream-text {
}

.PVCS_CurrentCompletedWODownStream {
    border-color: OrangeRed;
}

.PVCS_CurrentCompletedWODownStream-bg {
    background-color: #800080;
}

.PVCS_CurrentCompletedWODownStream-text {
}

.PVCS_OtherAvailableCapacity {
    border-color: DarkGray;
}

.PVCS_OtherAvailableCapacity-bg {
    background-color: #d3d3d3;
}

.PVCS_OtherAvailableCapacity-text {
}


.PVCS_OtherAvailableCapacityUpStream {
    border-color: DeepPink;
}

.PVCS_OtherAvailableCapacityUpStream-bg {
    background-color: #d3d3d3;
}

.PVCS_OtherAvailableCapacityUpStream-text {
}

.PVCS_OtherAvailableCapacityDownStream {
    border-color: OrangeRed;
}

.PVCS_OtherAvailableCapacityDownStream-bg {
    background-color: #d3d3d3;
}

.PVCS_OtherAvailableCapacityDownStream-text {
}

.PVCS_LateWorkOrders {
    border-color: Red;
}

.PVCS_LateWorkOrders-bg {
    background-color: #ffe4e1;
}

.PVCS_LateWorkOrders-text {
}

.PVCS_LateWorkOrdersDownStream {
    border-color: OrangeRed;
}

.PVCS_LateWorkOrdersDownStream-bg {
    background-color: #ffe4e1;
}

.PVCS_LateWorkOrdersDownStream-text {
}

.PVCS_LateWorkOrdersUpStream {
    border-color: DeepPink;
}

.PVCS_LateWorkOrdersUpStream-bg {
    background-color: #ffe4e1;
}

.PVCS_LateWorkOrdersUpStream-text {
}

.PVCS_InfeasibleWorkOrders {
    border-color: DarkGray;
}

.PVCS_InfeasibleWorkOrders-bg {
    background-color: #ffa07a;
}

.PVCS_InfeasibleWorkOrders-text {
}

.PVCS_InfeasibleWorkOrdersDownStream {
    border-color: OrangeRed;
}

.PVCS_InfeasibleWorkOrdersDownStream-bg {
    background-color: #ffa07a;
}

.PVCS_InfeasibleWorkOrdersDownStream-text {
}

.PVCS_InfeasibleWorkOrdersUpStream {
    border-color: DeepPink;
}

.PVCS_InfeasibleWorkOrdersUpStream-bg {
    background-color: #ffa07a;
}

.PVCS_InfeasibleWorkOrdersUpStream-text {
}
/*
    ***********************************************************************
    ***********************************************************************
*/


#gantt-maindiv {
    background-color: rgb(251, 251, 251);
}

    #gantt-maindiv table {
        border-collapse: collapse;
    }

    #gantt-maindiv td {
        padding: 1px;
        margin: 1px;
    }

    #gantt-maindiv fieldset {
        border: 1px solid silver;
        padding: 2px;
        font-size: 13px;
    }

    #gantt-maindiv input, #gantt-maindiv option {
        height: 12px;
    }

.checkboxcontainer {
    border: 1px solid silver;
    padding: 2px;
    font-size: 12px;
}

.opacity1 {
    opacity: 1;
}

.opacityHalf {
    opacity: 0.5;
}

.removeBgColor {
    background-color: transparent;
}

.zIndex0 {
    z-index: 0;
}

.timeline-reset-left {
    position: absolute;
    left: 0 !important;
    top: 0 !important;
}

.top-0 {
    top: 0px;
}

.top-60 {
    top: 60px;
}

.top-13 {
    top: -13px;
}

.top-17 {
    top: 17px;
}

.border-Left-style {
    border-left: 3px solid red;
}

.top-30 {
    top: 30px;
    left: 0px;
}

.top-22 {
    top: 22px;
}

.top-3 {
    text-align: left;
    top: 3px;
}

.absolute-Position {
    position: absolute;
}

.top-42 {
    top: 42px;
}

.top-50 {
    top: 50px;
}
.pvGanttControl {
    color: var(--grd-title-clr);
}
.pvTaskRowButtons{
    margin:0 auto;
}
.pvGanttTaskList table {
    table-layout: fixed;
}
}
.pvGanttTaskListTitle {
    display: block;
    text-align: center;
    width: 100%;
    padding-top: 2px;
}
.custom-imageselect-list {
    padding: 0px;
    margin: 0px;
}

    .custom-imageselect-list li {
        display: flex;
        justify-content: flex-start;
        align-items: center;
        background-color: var(--txt-bg);
        border: 1px solid silver;
        border-radius: 3px;
        border-top: none;
        list-style: none;
        padding-top: 5px;
        padding-bottom: 5px;
        cursor: pointer;
    }

        .custom-imageselect-list li:hover {
            border: 1px solid var(--button-brd-hover);
            background-color: var(--theme-hover-bg, #f0f0f0); /* fallback hover */
        }

    .custom-imageselect-list img {
        margin-left: 10px;
        margin-right: 10px;
        width: 16px;
        height: 16px;
    }

.btn-imageselect {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    padding: 0px;
    margin-bottom: 2px;
    opacity: 0.5;
    height: 25px;
    border: 0px !important;
    border-bottom: 1px solid silver !important;
    border-radius: 3px;
    background-color: #fff;
    cursor: pointer;
}

    .btn-imageselect img {
        margin-left: 10px;
        margin-right: 10px;
        width: 16px;
        height: 16px;
    }

    .btn-imageselect label {
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

.imageselect-wrapper {
    position: relative; /* required so dropdown positions correctly */
    display: inline-block;
}

.imageselect-listDiv {
    position: absolute; /* floats like a dropdown */
    top: 100%; /* just below the button */
    left: 0;
    min-width: 100%; /* match button width */
    max-height: 160px;
    border: 1px solid silver;
    border-radius: 3px;
    background-color: #fff;
    box-shadow: 0 2px 6px rgba(0,0,0,0.2);
    z-index: 9999;
    display: none; /* toggled by JS */
}

    .imageselect-listDiv ul {
        max-height: 160px;
        overflow-y: auto;
    }

.custom-imageselect-arrow {
    flex-grow: 1;
    text-align: right;
    color: var(--theme-iconclr);
}

    .custom-imageselect-arrow:hover {
        color: var(--theme-icon-hover-clr);
    }

.disabled {
    pointer-events: none;
    cursor: not-allowed;
    -webkit-filter: blur(.5px);
    -moz-filter: blur(.5px);
    -o-filter: blur(.5px);
    -ms-filter: blur(.5px);
    filter: blur(.5px);
    background-color: #ccc !important;
}

.keyboard-base {
    max-width: 1102px;
    padding: 9px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background-color: rgb(197, 197, 197);
    border-radius: 12px;
    display: grid;
    grid-template-columns: repeat(30, 24px);
    grid-gap: 1px;
    box-shadow: 0 2.8px 2.2px rgba(0, 0, 0, 0.034), 0 6.7px 5.3px rgba(0, 0, 0, 0.048), 0 12.5px 10px rgba(0, 0, 0, 0.06), 0 22.3px 17.9px rgba(0, 0, 0, 0.072), 0 41.8px 33.4px rgba(0, 0, 0, 0.086), 0 100px 80px rgba(0, 0, 0, 0.12);
}


.key {
    background-color: rgb(243, 243, 243);
    border: 1px solid black;
    border-radius: 5px;
    grid-column: span 2;
    font-size: 20px;
    text-align: center;
    padding-top: 17px;
    cursor: pointer;
    padding-bottom: 5px;
}

    .key:hover {
        border: 1px solid #eeeeee;
    }

.delete {
    grid-column: span 4;
}

.tab {
    grid-column: span 3;
}

.backslash {
    grid-column: span 3;
}

.capslock {
    grid-column: span 4;
}

.return {
    grid-column: span 4;
}

.leftshift {
    grid-column: span 5;
}

.rightshift {
    grid-column: span 5;
}

.shift {
    grid-column: span 5;
}

.leftctrl {
    grid-column: span 3;
}

.command {
    grid-column: span 3;
    font-size: 14px;
}

.space {
    grid-column: span 13;
}

.export-col-li {
    border-bottom: 1px solid whitesmoke;
}

.export-option-lbl {
    display: inline-flex;
    align-items: flex-end;
    gap: 4px;
}

#export-options-div {
    padding-top: 10px;
    padding-bottom: 12px;
}

.divselectall-hide {
    display: none;
}

.divselectall-show {
    display: flex;
    align-items: center;
    margin-left: 6px;
}

.columnoption_list {
    padding-top: 12px;
    line-height: 0.3;
}

#columnselection {
    display: none;
    height: 220px;
    overflow: auto;
    border: 1px solid silver;
    position: relative;
    top: 10px;
    width:360px;
}

#column-section {
    vertical-align: top;
    position: relative  !important ;
}
#columnListContent {
    list-style: none;
    padding: 0;
    margin: 0;
}

#option-section {
    vertical-align: top;
}

#column-section {
    padding: 10px;
}

#columnListContent > li {
    padding: 5px;
}

.label-checkbox-combo {
    display: flex;
    align-items: center;
}

.export-column-option-lbl {
    display: flex;
    align-items: center;
    gap: 4px;
}

#colNameOption {
    margin-top: 0px;
}
#columnHeaderLabel {
    margin-top: 4px;
}
.icon-upload {
    vertical-align: -5px;
    font-size: 18px;
}


#GridImport-lbl_FileType {
    line-height: 2;
    margin-left: 6px;
    font-weight: bold;
}

#pdfImage {
    width: 10.5px;
    padding-left: 2px;
}

#Pdf_FileTypeLabel {
    margin-left: 3px;
}

.FileTypeImage {
    width: 15px;
    vertical-align: middle;  
    margin-right: 5px;  
}

.filetype-section {
    line-height: .1;
    padding-top: 10px;
}

.filetype-item {
    display: flex;
    align-items: center; 
}

.FileTypeRadio {
    margin-right: 10px;
    vertical-align: middle;
}
span.FileTypeLabel {
    line-height: 20px;
    vertical-align: middle;
    margin-top: 3px;
}
#filetype_xlsx {
    display:flex;
    flex-direction : row;
        
}

.divParams1, .divParams3, .divParams3 {
    margin-bottom: 5px;
}

.divParams1 {
    display: flex;
}

#importoption {
    max-width: 120px;
    min-width: 60px;
}
.main-import-container {
    display: flex;
    justify-content: space-between; 
    align-items: flex-start; 
}

.import-controls {
    flex: 1;
    min-width: 250px;
}

.preview-area-container {
    flex: 2; 
    margin-left: 20px;
}

/*!
 * Toastify js 1.12.0
 * https://github.com/apvarun/toastify-js
 * @license MIT licensed
 *
 * Copyright (C) 2018 Varun A P
 */

.toastify {
    padding: 12px 20px;
    color: #ffffff;
    display: inline-block;
    box-shadow: 0 3px 6px -1px rgba(0, 0, 0, 0.12), 0 10px 36px -4px rgba(77, 96, 232, 0.3);
    background: -webkit-linear-gradient(315deg, #73a5ff, #5477f5);
    background: linear-gradient(135deg, #73a5ff, #5477f5);
    position: fixed;
    opacity: 0;
    transition: all 0.4s cubic-bezier(0.215, 0.61, 0.355, 1);
    border-radius: 2px;
    cursor: pointer;
    text-decoration: none;
    max-width: calc(50% - 20px);
    z-index: 2147483647;
}

.toastify.on {
    opacity: 1;
}

.toast-close {
    background: transparent;
    border: 0;
    color: white;
    cursor: pointer;
    font-family: inherit;
    font-size: 1em;
    opacity: 0.4;
    padding: 0 5px;
}

.toastify-right {
    right: 15px;
}

.toastify-left {
    left: 15px;
}

.toastify-top {
    top: -150px;
}

.toastify-bottom {
    bottom: -150px;
}

.toastify-rounded {
    border-radius: 25px;
}

.toastify-avatar {
    width: 1.5em;
    height: 1.5em;
    margin: -7px 5px;
    border-radius: 2px;
}

.toastify-center {
    margin-left: auto;
    margin-right: auto;
    left: 0;
    right: 0;
    max-width: fit-content;
    max-width: -moz-fit-content;
}

@media only screen and (max-width: 360px) {
    .toastify-right, .toastify-left {
        margin-left: auto;
        margin-right: auto;
        left: 0;
        right: 0;
        max-width: fit-content;
    }
}

.page-container {
    max-width: 1300px;
    margin: auto;
}

.header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 25px;
}

    .header h1 {
        margin: 0;
        font-size: 32px;
        font-weight: 700;
    }

    .header p {
        margin: 5px 0 0 0;
        color: #7a7a7a;
        font-size: 14px;
    }

.header-actions button {
    background: #8a4fff;
    color: #fff;
    border: none;
    padding: 8px 14px;
    border-radius: 10px;
    font-size: 14px;
    cursor: pointer;
}

.add-btn {
    margin-right: 10px;
    font-size: 18px;
    padding: 5px 13px;
    border-radius: 50%;
    background: #ff6b5a;
}

.custom-view-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));
    gap: 20px;
    padding:15px;
    overflow-y:scroll;
    box-sizing:border-box;
}

.pvview-card {
    background: var(--card-clr); 
    padding: 20px;
    border-radius: 14px;
    box-shadow: 2px 2px 10px var(--box-shadow-clr);
    position: relative;
    transition: transform 0.2s;
}

    .pvview-card:hover {
        transform: translateY(-5px);
    }

.initial-circle {
    width: 45px;
    height: 45px;
    border-radius: 50%;
    background: #005c99;
    display: flex;
    justify-content: center;
    align-items: center;
    font-weight: bold;
    color: white;
    font-size: 20px;
    margin-bottom: 10px;
}

.pvcard-name {
    font-size: 18px;
    font-weight: 600;
    margin: 0 0 15px 0;
}

/* ------------------------------- */
/* FOLDED RIBBON BADGE STYLE       */
/* ------------------------------- */
.status-badge {
    position: absolute;
    top: 15px;
    right: -8px;
    background: #ff5f49;
    color: white;
    padding: 4px 12px;
    font-size: 12px;
    font-weight: 600;
    border-radius: 4px 4px 4px 0;
    z-index: 2;
    box-shadow: -2px 3px 5px #616161
}

    /* Folded corner */
    .status-badge::after {
        content: "";
        position: absolute;
        right: 2px;
        top:-7px;
        width: 0;
        height: 0;
        border-top: 8px solid #c33a2c; /* darker shade for fold */
        border-left: 8px solid transparent;
        transform: rotate(180deg);
    }

.status-inactive {
    background: #bcbcbc !important;
}

    .status-inactive::after {
        border-top: 8px solid #999 !important;
    }

/* Icon rows */
.info-row {
    margin-bottom: 8px;
    font-size: 14px;
    display: flex;
    align-items: center;
}

.info-row i {
    margin-right: 8px;
}
.pvview-card.selected {
    border: 2px solid var(--border-clr);
    background: var(--card-slctd);
}
.mail-cls{
    margin-bottom: 8px;
}
.pv-progressbars-container {
    width: 100%;
    max-width: 260px;
    font-family: system-ui;
    position: relative;
}

.pv-progressbars-wrapper {
    display: flex;
    flex-direction: column;
    gap: 5px;
    position: relative;
}

/* === Progress Track === */
.pv-progressbar-track {
    position: relative;
    height: 7px;
    border-radius: 10px;
    background: #e0e0e0;
    overflow: visible;
    border: 1px solid #aaa;
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.15);
}

.separate { 
    margin-top: 5px;
}

/* === Progress Fill === */
.pv-progress-fill {
    position: absolute;
    left: -1px;
    top: -1px;
    height: 100%;
    border-radius: 10px;
    transition: width 0.4s ease;
    box-shadow: 0 0 2px rgba(0, 0, 0, 0.2);
}

/* === Percentage Labels (Overlay Mode) === */
.pv-progress-label {
    position: absolute;
    font-size: 15px;
    font-weight: bold;
    font-family: Arial, sans-serif !important;
    transform: translateX(-50%);
    white-space: nowrap;
    pointer-events: none;
    line-height: 1;
}

    .pv-progress-label.top {
        bottom: calc(100% - 8px);
    }

    .pv-progress-label.bottom {
        top: calc(100% + 2px);
    }

/* === Separate Layout Styles === */
.pv-progressbar-track.separate {
    margin-top: 6px;
    height: 8px;
}

.pv-progress-label-inline {
    position: absolute;
    top: -20px;
    right: 0;
    font-size: 15px;
    font-weight: bold;
    font-family: Arial, sans-serif !important;
}

/* === Layout Spacing === */
.pv-progressbars-wrapper.overlay .pv-progressbar-track {
    margin-top: 10px;
}

.pv-progressbars-wrapper.separate .pv-progressbar-track {
    margin-bottom: 10px;
}

.pv-progress-overlaylegend-container {
    margin-top: 21px;
}

.legend-color {
    display: inline-block;
    width: 12px;
    height: 12px;
    border-radius: 3px;
}

.legend-label {
    position: relative;
    bottom: 3px;
}

.pv-progress-legend-container.legend-left {
    text-align: left;
}

.pv-progress-legend-container.legend-right {
    text-align: right;
}

.pv-simple-gauge {
    border-radius: 18px;
    position: relative;
    padding: 14px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    cursor: pointer;
    margin-left:8px;
    border: 1px solid silver;
    /* Shadow */
    box-shadow: 0 10px 24px rgba(0, 0, 0, 0.08);
    transition: transform 0.15s ease, box-shadow 0.15s ease, outline-color 0.15s ease;
}

    .pv-simple-gauge:hover {
        transform: translateY(-4px);
        box-shadow: 0 16px 30px rgba(0, 0, 0, 0.12);
    }
    .pv-simple-gauge::selection {
        outline-color: red;
    }
    /* Label on top */
    .pv-gauge-label {
        font-size: 14px;
        font-weight: 500;
        text-align: center;
        border-radius: 6px;
        color: var(--lbl-color);
        padding: 5px;
    }

/* Big number */
.pv-gauge-number {
    font-size: 28px;
    font-weight: 700;
    margin: 6px 0;
}

/* SVG gauge */
.pv-gauge-svg {
    width: 100%;
    margin-top: auto;
}

/* Track */
.pv-gauge-track {
    fill: none;
    opacity: 0.4;
}

/* Arc */
.pv-gauge-arc {
    fill: none;
    stroke-linecap: round;
}

/* Center text inside SVG */
.pv-gauge-text {
    font-size: 16px;
    font-weight: 500;
    fill: var(--lbl-color);
    text-anchor: middle;
    dominant-baseline: middle;
}


/* Tooltip container */
.pv-gauge-tooltip {
    position: absolute;
    bottom: 18px;
    left: 50%;
    transform: translateX(-50%);
    background: #111;
    color: #fff;
    padding: 6px 10px;
    border-radius: 8px;
    font-size: 12px;
    font-weight: 600;
    display: flex;
    align-items: center;
    gap: 6px;
    opacity: 0;
    pointer-events: none;
    transition: opacity 0.2s ease, transform 0.2s ease;
    box-shadow: 0 6px 14px rgba(0,0,0,0.25);
    z-index: 10;
}

/* Color dot using arc color */
.pv-tooltip-dot {
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: var(--arc-color);
}

/* Show tooltip on hover */
.pv-simple-gauge:hover .pv-gauge-tooltip {
    opacity: 1;
    transform: translateX(-50%) translateY(-4px);
}


.pv-gauge-content {
    flex: 1; 
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    border-radius:5px;
    width:108%;
}

/* Selected gauge outline */
.pv-simple-gauge.pv-selected {
    outline: 2px solid var(--arc-color);
    outline-offset: 2px;
    /* pressed / inset feel */
    box-shadow: inset 0 2px 6px rgba(0, 0, 0, 0.12), 0 10px 24px rgba(0, 0, 0, 0.10);
    transform: translateY(1px);
}

.pv-simple-gauge:active {
    transform: translateY(2px);
}