/*body {
      padding-top: 5rem;
    }*/
    /*body, html {
        height: 100%;
    }*/

    /*Style for the MVC Application -- Beginning*/
    /*------------------------------------------*/

    /*We need to Reduce all the Button Padding*/
    /*.dx-button-content {
        padding: 4px 5px !important;
    }*/

    .bodyBackground {
        background-color: var(--background-s);
    }

    :root {
      --color-primary-normal: #0079F2;
      --color-primary-important: #00a489;
      --color-secondary-normal: rgb(0, 121, 242);
      --color-secondary-normal-border: rgb(0, 121, 242);
      --color-secondary-important: #ba3e09;
      --color-primary-normal-hover: rgb(0,109,218);
      --color-primary-important-hover: rgb(0,121,102);
      --color-secondary-normal-hover: #ebebeb;
      --color-secondary-important-hover: rgb(250,240,236);
      --readonly-text-opacity: rgba(0, 0, 0, 0.70);
    }


    /*****************************SpreadJS Design Mode - We hide specific the file menu option that are not supposed to be used in our app ***************************************************/
    .spreadsheetWrapper .gc-file-menu-category.gc-container .gc-list-control-item[data-text="Open"],
    .spreadsheetWrapper .gc-file-menu-category.gc-container .gc-list-control-item[data-text="Save"],
    .spreadsheetWrapper .gc-file-menu-category.gc-container .seprater-line {
      display: none;
    }

    /****************************************************************************************************************************************************************/

    /*******************Style for the dxForm**********************************/

    /* We need to remove the animation at the bottom of the textbox when the form is not in Editing or Adding mode
       We need to remove the left padding on the top label
       For the required field we need to show it only in the editing mode
       When the textbox is read only, we should not show the required asterix.
       We use the class .dx-datagrid-edit-popup for the Form that is inside in dxDatagrid
    */
    .removeTextboxUnderlineAnimation .dx-texteditor.dx-state-active::before, .removeTextboxUnderlineAnimation .dx-texteditor.dx-state-focused::before {
        border-bottom: none;
    }
    .removeTextboxUnderlineAnimation .dx-field-item-required-mark{
        visibility:hidden;
    }
    .dx-form .dx-state-readonly.dx-texteditor.dx-editor-filled::after {
        border: none !important;
    }

    .layoutEditingOrAdding,.dx-datagrid-edit-popup,.dx-treelist-edit-popup .dx-texteditor.dx-state-active::before,
    .layoutEditingOrAdding,.dx-datagrid-edit-popup,.dx-treelist-edit-popup .dx-texteditor.dx-state-focused::before {
        border-bottom: 2px solid #0062c5;
    }
    .layoutEditingOrAdding,.dx-datagrid-edit-popup,.dx-treelist-edit-popup .dx-field-item-required-mark {
        visibility:visible;
    }
    .layoutEditingOrAdding,.dx-datagrid-edit-popup,.dx-treelist-edit-popup .dx-state-readonly.dx-texteditor.dx-state-active::before,
    .layoutEditingOrAdding,.dx-datagrid-edit-popup,.dx-treelist-edit-popup .dx-state-readonly.dx-texteditor.dx-state-focused::before {
        border-bottom: none;
    }
    .dx-field-item-label-location-top {
        display: block;
        padding: 4px 11px 2px 0px;
    }
    .dx-field-item-required-mark {
        color:red;
    }





    /* We need to put a gap on the left side of every textbox for Devextreme*/
    .dx-form .dx-texteditor-input {
        padding-left: 6px !important;
    }

    /*MVD-6544 Overlapping text in the Save This Query name field*/
    .dx-form .dx-placeholder { /* For Some Reason DevExtreme is putting two texts for the placeholder. We need to hide one for the placeholder to be clearer*/
        display: none;
    }

    /*We need to change the size of the label of the form*/
    .dx-field-item-label-text {
        font-size: 13px;
        overflow: hidden;
        white-space: nowrap;
        word-break: break-all !important;
        text-overflow: ellipsis;
    }

    /*We need to hide the check box of validation*/
    .dx-valid.dx-texteditor .dx-texteditor-input-container:after {
        content: '';
    }

    /*Background color for all textbox of the devextreme control putback*/
    .dx-texteditor.dx-editor-underlined.dx-state-disabled::after,
    .dx-texteditor.dx-editor-underlined.dx-state-readonly.dx-state-hover::after,
    .dx-texteditor.dx-editor-underlined.dx-state-readonly::after {
        border-bottom-style: none;
        border-bottom-width: 0px;
        /*background-color: lightgray; */
    }

    /*For the Scanner we need to reduce the margin of the Form*/
    .layoutScanner .dx-form-validation-summary {
        margin-top: 0px!important;
    }
    /*For the Scanner we need to reduce the margin of the Form*/
    .layoutScanner .dx-layout-manager .dx-field-item {
        padding-bottom: 6px !important;
        padding-top: 6px !important;
        padding-left:3px !important;
        padding-right:3px!important;
    }
    .layoutScanner .dx-invalid-message > .dx-overlay-content {
        padding: 0px 0 0!important;
    }
    /* The Group line of the Form opacity need to be reduced */
    .layoutScanner .dx-form-group-with-caption > .dx-form-group-content {
        border-top: 1px solid rgb(151, 152, 153, 0.35)!important;
    }
    /* This for the buttons of the quantity Field of the Scanner*/
    .scannerQuantityButton {
        font-size:22px;
    }
    .scannerQuantityTextbox {
        text-align:center;
    }
    .dx-button.scannerQuantityButton .dx-button-content {
        padding-left: 4px;
        padding-right: 4px;
    }
    .layoutScanner .dx-button-has-text {
        min-width: 30px;
    }
    .layoutScanner .dx-button.dx-button-has-icon:not(.dx-button-has-text):not(.dx-shape-standard) {
        border-radius: 2px !important;
    }

    .layoutScanner .scannerTextbox .dx-button.dx-button-has-icon:not(.dx-button-has-text):not(.dx-shape-standard) {
        border-radius: 2px !important;
        border: none !important;
    }

    /*For the Buttom in the Field Textbox*/
    .layoutScanner .dx-editor-filled .dx-texteditor-buttons-container:last-child > .dx-button:last-child, .dx-editor-outlined .dx-texteditor-buttons-container:last-child > .dx-button:last-child {
        margin-right: 1px!important;
    }
    .layoutScanner .dx-editor-filled .dx-texteditor-buttons-container:first-child > .dx-button:first-child, .dx-editor-outlined .dx-texteditor-buttons-container:first-child > .dx-button:first-child {
        margin-left: 1px!important;
    }
    .formNumberboxClass { /*This is a class for every number box in the dxForm*/
        text-align:left;
    }

    .inputFieldButton .dx-icon {
        font-size: 24px;
        width: 24px;
        height: 24px;
        color: #80898F;
    }

    .layoutScanner .dx-form-group-caption {
        font-size: 14px;
    }

    /*Make sure the invalid message stay visible*/
    .layoutScanner .dx-invalid-message.dx-overlay-wrapper {
        visibility: visible;
    }

    /*This is the wrapper for the message that comes out when there is an invalid message of the input field*/
    .layoutWrapper .dx-overlay-wrapper.dx-invalid-message.dx-invalid-message-auto {
        height: 15px !important;
    }
    .layoutWrapper .dx-texteditor-container {
        background-color: rgba(241, 242, 243, 1);
    }
    /******************************End Style for the dxForm********************************************/

    /******************************Google Material Icon Size********************************************/
    .material-icons.md-18 {
        font-size: 18px;
    }

    .material-icons.md-24 {
        font-size: 24px;
    }

    .material-icons.md-36 {
        font-size: 36px;
    }

    .material-icons.md-48 {
        font-size: 48px;
    }

    .material-icons-outlined.md-18 {
        font-size: 18px;
    }

    .material-icons-outlined.md-24 {
        font-size: 24px;
    }

    .material-icons-outlined.md-36 {
        font-size: 36px;
    }

    .material-icons-outlined.md-48 {
        font-size: 48px;
    }
    /******************************End of Google Material Icon Size********************************************/





    /*******************************Style dxCheckBox **************************************************/
    /** Set the Border of Every CheckBox **/
    .dx-checkbox.dx-state-hover .dx-checkbox-icon {
        border: 1px solid #265a87 !important;
    }

    .dx-checkbox.dx-state-readonly .dx-checkbox-icon {
        border-color: #ddd !important;
    }

    .dx-checkbox.dx-state-focused .dx-checkbox-icon {
        border: 1px solid #337ab7 !important;
    }
    /*.dx-checkbox-container {
            border: 1px solid #ddd;
        }
        .dx-checkbox-icon {
            border: 1px solid #ddd;
        }*/
    /*.dx-checkbox.dx-state-readonly .dx-checkbox-icon {
            /*border: 1px solid #ddd;
        }*/
    /*.dx-datagrid-headers {
        color: black;
    }*/
    /*******************************End of Style dxCheckBox **************************************************/


    /***************************The Option Button for Every Control*************************************************/

    .optionPopupClass .dx-popup-content {
        padding: 4px 16px 16px 16px;
    }

    .optionMenuGroup.dx-menu .dx-menu-item .dx-menu-item-content {
        padding: 0px 5px 5px 5px;
    }

    .optionMenuGroup .dx-menu-item {
        color: rgba(0,0,0,0.8);
    }

    .optionTable th, .optionTable td {
        padding: 6px 4px 6px 4px;
        font-size: 14px;
        vertical-align: top;
        border-radius: 4px;
    }

    .optionColumnGroup {
        width: 100%;
        min-height: 40px;
        border: 1px solid #aaaaaa;
        border-radius:4px;
    }

    /**********************End of The Option Button for Every Control*************************************************/


    /*******************************Style for the Syncfusion Spreadsheet **************************************************/
    /*We have an issue in the spreadsheet for the popup. min-height was not set right. This issue is from Syncfusion Theme generator*/
    .e-spreadsheet-function-dlg {
        min-height: auto !important;
    }
    /*******************************End Style for the Syncfusion Spreadsheet **************************************************/

    /*******************************Style for the Syncfusion Tab **************************************************/
    @media (min-height: 801px) {
        .syncfusionTabTop .e-tab .e-tab-header .e-toolbar-item .e-tab-text {
            font-family: "prometo";
            font-size: 18px !important;
        }
        /*We need to increase the spacing in the Tab*/
        .syncfusionTabTop .e-item.e-toolbar-item {
            height: 48px !important;
        }

        .syncfusionTabTop .e-tab .e-tab-header .e-scroll-nav {
            height: 48px;
            min-height: 48px;
            min-width: auto;
            width: auto;
        }

        .syncfusionTabTop .e-tab .e-tab-header .e-toolbar-item .e-tab-wrap {
            height: 48px;
            padding: 5px 18px;
            width: 100%;
        }
        .syncfusionTabTop .e-tab .e-tab-header::before {
            border-bottom: 2px solid #ddd !important;
        }
        .syncfusionTabTop .e-tab .e-tab-header:not(.e-vertical) .e-indicator {
            top: 46px;
        }
    }

    @media (max-height: 800px) {
        .syncfusionTabTop .e-tab .e-tab-header .e-toolbar-item .e-tab-text {
            font-family: "prometo";
            font-size: 16px !important;
        }
        /*We need to increase the spacing in the Tab*/
        .syncfusionTabTop .e-item.e-toolbar-item {
            height: 36px !important;
        }

        .syncfusionTabTop  .e-tab .e-tab-header .e-scroll-nav {
            height: 36px;
            min-height: 36px;
            min-width: auto;
            width: auto;
        }

        .syncfusionTabTop .e-tab .e-tab-header .e-toolbar-item .e-tab-wrap {
            height: 36px;
            padding: 0px 18px;
            width: 100%;
        }
        .syncfusionTabTop .e-tab .e-tab-header::before {
            border-bottom: 2px solid #ddd !important;
        }
        .syncfusionTabTop .e-tab .e-tab-header:not(.e-vertical) .e-indicator {
            top: inherit;
        }
    }


    .syncfusionTabTopNormal .e-tab .e-tab-header .e-toolbar-item .e-tab-text {
        font-family: "prometo";
        font-size: 16px !important;
    }
    /*We need to increase the spacing in the Tab*/
    .syncfusionTabTopNormal .e-item.e-toolbar-item {
        height: 36px !important;
    }

    .syncfusionTabTopNormal .e-tab .e-tab-header .e-scroll-nav {
        height: 36px;
        min-height: 36px;
        min-width: auto;
        width: auto;
    }

    .syncfusionTabTopNormal .e-tab .e-tab-header .e-toolbar-item .e-tab-wrap {
        height: 36px;
        padding: 0px 18px;
        width: 100%;
    }

    .syncfusionTabTopNormal .e-tab .e-tab-header::before {
        border-bottom: 2px solid #ddd !important;
    }

    .syncfusionTabTopNormal .e-tab .e-tab-header:not(.e-vertical) .e-indicator {
        top: inherit;
    }


.syncfusionTabTopNormalNoUnderline .e-tab .e-tab-header .e-toolbar-item .e-tab-text {
    font-family: "prometo";
    font-size: 16px !important;
}
/*We need to increase the spacing in the Tab*/
.syncfusionTabTopNormalNoUnderline .e-item.e-toolbar-item {
    height: 36px !important;
}

.syncfusionTabTopNormalNoUnderline .e-tab .e-tab-header .e-scroll-nav {
    height: 36px;
    min-height: 36px;
    min-width: auto;
    width: auto;
}

.syncfusionTabTopNormalNoUnderline .e-tab .e-tab-header .e-toolbar-item .e-tab-wrap {
    height: 36px;
    padding: 0px 18px;
    width: 100%;
}

.syncfusionTabTopNormalNoUnderline .e-tab .e-tab-header:not(.e-vertical) .e-indicator {
    top: 34px;
}







    .e-documenteditor-optionspane .e-tab .e-tab-header .e-toolbar-item .e-tab-text {
        font-family: "prometo";
        font-size: 14px !important;
    }
    .e-documenteditor-optionspane .e-item.e-toolbar-item {
        height: 36px !important;
    }

    .e-documenteditor-optionspane .e-tab .e-tab-header .e-scroll-nav {
        height: 36px;
        min-height: 36px;
        min-width: auto;
        width: auto;
    }
    .e-documenteditor-optionspane .e-tab .e-tab-header .e-toolbar-item .e-tab-wrap {
        height: 36px;
        padding: 0px 18px;
        width: 100%;
    }
    .e-documenteditor-optionspane .e-tab .e-tab-header::before {
        border-bottom: none;
    }
    .e-documenteditor-optionspane .e-tab .e-tab-header:not(.e-vertical) .e-indicator {
        top: 34px;
    }

    /*We need to change the font style*/
    .syncfusionTab .e-tab .e-tab-header .e-toolbar-item .e-tab-text {
        font-family: "prometo";
        font-size: 16px !important;
    }
    /*We need to increase the spacing in the Tab*/
    .syncfusionTab .e-item.e-toolbar-item {
        height: 36px !important;
    }
    .syncfusionTab .e-tab .e-tab-header .e-scroll-nav {
        height: 36px;
        min-height: 36px;
        min-width: auto;
        width: auto;
    }
    .syncfusionTab .e-tab .e-tab-header .e-toolbar-item .e-tab-wrap {
        height: 36px;
        padding: 0px 18px;
        width: 100%;
    }
    .syncfusionTab .e-tab .e-tab-header:not(.e-vertical) .e-indicator {
        top: 34px;
    }



    /*******************Style for Syncfusion Accordion**********************************/
    .syncfusionAccordion .e-acrdn-header-content {
        font-family: "open-sans";
        font-size: 16px!important;
    }



    /*******************Style for the dxButton**********************************/
    .dx-button {
        height: 32px !important;
    }

    .dx-button-text {
        font-family: 'prometo';
        text-transform: none!important;
    }

    .buttonhasnotext i.dx-icon.fas.fa-cog{
        color:black;
    }
    .buttonRadius{
        border-radius:4px!important;
    }

    .transparentButton.dx-button.dx-button-default {
        border-radius: 1px;
        background-color: transparent;
        color: black;
        -webkit-box-shadow: none;
        box-shadow: none;
    }
    .transparentButton.dx-button.dx-button-default.dx-state-hover {
        border-radius: 1px;
        background-color: rgba(241, 242, 243, 1);
        color: black;
        -webkit-box-shadow: none;
        box-shadow: none;
    }
    .transparentButton.dx-button.dx-button-default .dx-icon {
        color: black;
        font-size: 14px;
    }
    .removeUpperCaseButton .dx-button-text {
        text-transform: inherit;
    }


    /*******************Style for all dx Widget**********************************/
    .dx-widget {
        font-family: 'open-sans';
    }



    /*************Style for the dxDropdownbutton**********************************/
    .dx-dropdownbutton .dx-buttongroup-last-item .dx-button-content {
        padding-right: 0;
        background-color: var(--primary);
        /*color: white;*/
    }
    .dx-buttongroup-item i.dx-icon.dx-icon-spindown.dx-icon-right,
    .dx-buttongroup-item i.dx-icon.fas.fa-bars {
        color: white;
    }
    /*Border Radius 4px*/
    .dx-item.dx-buttongroup-item.dx-item-content.dx-buttongroup-item-content.dx-buttongroup-first-item.dx-buttongroup-last-item.dx-shape-standard.dx-button.dx-button-normal.dx-button-mode-outlined.dx-widget.dx-dropdownbutton-action.dx-button-has-text.dx-buttongroup-item-has-width {
        border-radius: 4px;
    }
    .classDropDownNone.dx-dropdownbutton .dx-buttongroup-last-item .dx-button-content {
        background-color: transparent;
        color: black;
        border-color: #ddd;
    }
    .classDropDownNone i.dx-icon.dx-icon-spindown.dx-icon-right {
        color: black;
    }
    .classDropDownNoneNoArrow.dx-dropdownbutton .dx-buttongroup-last-item .dx-button-content {
        background-color: transparent;
        color: black;
        border-color: #ddd;
        width: min-content;
    }

    .classDropDownNoneNoArrow i.dx-icon.dx-icon-spindown.dx-icon-right {
        visibility: hidden;
    }
    /*-----------------------------------------*/
    .dx-dropdownbutton-none .dx-dropdownbutton .dx-buttongroup-last-item .dx-button-content {
        padding-right: 0;
        background-color: inherit;
        color: inherit;
    }

    .dx-dropdownbutton-none .dx-button-content {
        padding-right: 0;
        background-color: inherit!important;
        color: inherit;
    }

    .dx-dropdownbutton-none .dx-buttongroup-item i.dx-icon.dx-icon-spindown.dx-icon-right,
    .dx-dropdownbutton-none .dx-buttongroup-item i.dx-icon.fas.fa-bars {
        color: inherit;
    }
    /*Border Radius 4px*/
    .dx-dropdownbutton-none .dx-item.dx-buttongroup-item.dx-item-content.dx-buttongroup-item-content.dx-buttongroup-first-item.dx-buttongroup-last-item.dx-shape-standard.dx-button.dx-button-normal.dx-button-mode-outlined.dx-widget.dx-dropdownbutton-action.dx-button-has-text.dx-buttongroup-item-has-width {
        border-radius: 4px;
    }

    /*split dropdown button*/
    .custom-dropdown-button {
        margin-left: -4px;
        margin-right: -10px;
    }

    span.dx-widget.custom-dropdown-button div.dx-button-content {
        background-color: transparent;
    }

    div.dx-button-content i.dx-icon-spindown {
        background-color: transparent !important;
    }

    /*Custom dropdown buttons*/
    .custom-dropdown-button .custom-dropdown-button-default-contained > .dx-buttongroup >.dx-buttongroup-wrapper {
        border:1px solid red;

    }

    /*MVD-3558: Remove the icon / button to clear values from a dxDataGrid lookup column when allowClearing is enabled */
    .dx-clear-button-area {
        display:none;
    }

    /********************************************** MVD-3411 **************************************************************************/
    /******************* Style for bar commands and bar menus in the main form and main control area **********************************/
    /* ---------- Primary Normal ---------- */
    .expand-bar-dropdown.custom-dropdown-button-default-contained > .dx-buttongroup > .dx-buttongroup-wrapper > .dx-button-mode-contained .dx-button-content {
        background: var(--color-primary-normal);
        color: white;
    }

    .expand-bar-dropdown.custom-dropdown-button-default-contained > .dx-buttongroup > .dx-buttongroup-wrapper > .dx-button-mode-contained .dx-button-content i {
        color: white;
    }

    .expand-bar-dropdown.custom-dropdown-button-default-contained > .dx-buttongroup > .dx-buttongroup-wrapper > .dx-button-mode-contained .dx-button-content:hover {
        background: var(--color-primary-normal-hover);
    }

    .custom-dropdown-button.custom-dropdown-button-default-contained > .dx-buttongroup > .dx-buttongroup-wrapper > .dx-button-mode-contained:first-of-type {
        color: white !important;
        border-right: 0px !important;
    }

    .custom-dropdown-button.custom-dropdown-button-default-contained > .dx-buttongroup > .dx-buttongroup-wrapper > .dx-button-mode-contained:last-of-type {
        border: 1px solid var(--color-primary-normal) !important;
        border-left: 0px !important;
    }

    .custom-dropdown-button.custom-dropdown-button-default-contained > .dx-buttongroup > .dx-buttongroup-wrapper .dx-button-content {
        background: var(--color-primary-normal) !important;
    }

    .custom-dropdown-button.custom-dropdown-button-default-contained > .dx-buttongroup > .dx-buttongroup-wrapper .dx-button-content:hover {
        background: var(--color-primary-normal-hover) !important;
    }

    .custom-dropdown-button.custom-dropdown-button-default-contained > .dx-buttongroup > .dx-buttongroup-wrapper > .dx-button-mode-contained:last-of-type i {
        color: white !important;
    }

    /* ---------- Primary Important ---------- */
    .expand-bar-dropdown.custom-dropdown-button-success-contained > .dx-buttongroup > .dx-buttongroup-wrapper > .dx-button-mode-contained .dx-button-content {
        background: var(--color-primary-important);
        color: white;
    }

    .expand-bar-dropdown.custom-dropdown-button-success-contained > .dx-buttongroup > .dx-buttongroup-wrapper > .dx-button-mode-contained .dx-button-content i {
        color: white;
    }

    .expand-bar-dropdown.custom-dropdown-button-success-contained > .dx-buttongroup > .dx-buttongroup-wrapper > .dx-button-mode-contained .dx-button-content:hover {
        background: var(--color-primary-important-hover);
    }

    .custom-dropdown-button.custom-dropdown-button-success-contained > .dx-buttongroup > .dx-buttongroup-wrapper > .dx-button-mode-contained:first-of-type {
        color: white !important;
        border-right: 0px !important;
    }

    .custom-dropdown-button.custom-dropdown-button-success-contained > .dx-buttongroup > .dx-buttongroup-wrapper > .dx-button-mode-contained:last-of-type {
        border: 1px solid var(--color-primary-important) !important;
        border-left: 0px !important;
    }

    .custom-dropdown-button.custom-dropdown-button-success-contained > .dx-buttongroup > .dx-buttongroup-wrapper .dx-button-content {
        background: var(--color-primary-important) !important;
    }

    .custom-dropdown-button.custom-dropdown-button-success-contained > .dx-buttongroup > .dx-buttongroup-wrapper .dx-button-content:hover {
        background: var(--color-primary-important-hover) !important;
    }

    .custom-dropdown-button.custom-dropdown-button-success-contained > .dx-buttongroup > .dx-buttongroup-wrapper > .dx-button-mode-contained:last-of-type i {
        color: white !important;
    }

    /* ---------- Secondary Normal ---------- */
    .expand-bar-dropdown.custom-dropdown-button-normal-outlined > .dx-buttongroup > .dx-buttongroup-wrapper > .dx-button-mode-outlined .dx-button-content {
        background: inherit;
        color: var(--color-secondary-normal);
    }

    .expand-bar-dropdown.custom-dropdown-button-normal-outlined > .dx-buttongroup > .dx-buttongroup-wrapper > .dx-button-mode-outlined .dx-button-content i {
        color: var(--color-secondary-normal);
    }

    .expand-bar-dropdown.custom-dropdown-button-normal-outlined > .dx-buttongroup > .dx-buttongroup-wrapper > .dx-button-mode-outlined .dx-button-content:hover {
        background: var(--color-secondary-normal-hover);
    }

    .custom-dropdown-button.custom-dropdown-button-normal-outlined > .dx-buttongroup > .dx-buttongroup-wrapper > .dx-button-mode-outlined:first-of-type {
        border: 1px solid var(--color-secondary-normal-border) !important;
        color: var(--color-secondary-normal) !important;
        border-right: 0px !important;
    }

    .custom-dropdown-button.custom-dropdown-button-normal-outlined > .dx-buttongroup > .dx-buttongroup-wrapper > .dx-button-mode-outlined:last-of-type {
        border: 1px solid var(--color-secondary-normal-border) !important;
    }

    .custom-dropdown-button.custom-dropdown-button-normal-outlined > .dx-buttongroup > .dx-buttongroup-wrapper > .dx-button-mode-outlined:last-of-type i {
        color: var(--color-secondary-normal) !important;
    }

    /* ---------- Secondary Important ---------- */
    .expand-bar-dropdown.custom-dropdown-button-danger-outlined > .dx-buttongroup > .dx-buttongroup-wrapper > .dx-button-mode-outlined {
        border: 0;
    }

    .expand-bar-dropdown.custom-dropdown-button-danger-outlined > .dx-buttongroup > .dx-buttongroup-wrapper > .dx-button-mode-outlined .dx-button-content {
        background: inherit;
        color: var(--color-secondary-important);
        border: 1px solid var(--color-secondary-important);
        border-radius: 4px;
    }

    .expand-bar-dropdown.custom-dropdown-button-danger-outlined > .dx-buttongroup > .dx-buttongroup-wrapper > .dx-button-mode-outlined .dx-button-content:hover {
        background: var(--color-secondary-important-hover);
    }

    .custom-dropdown-button.custom-dropdown-button-danger-outlined > .dx-buttongroup > .dx-buttongroup-wrapper > .dx-button-mode-outlined:first-of-type {
        border: 1px solid var(--color-secondary-important) !important;
        color: var(--color-secondary-important) !important;
        border-right: 0px !important;
    }

    .custom-dropdown-button.custom-dropdown-button-danger-outlined > .dx-buttongroup > .dx-buttongroup-wrapper > .dx-button-mode-outlined:last-of-type {
        border: 1px solid var(--color-secondary-important) !important;
        border-left: 0px !important;
    }

    .custom-dropdown-button.custom-dropdown-button-danger-outlined > .dx-buttongroup > .dx-buttongroup-wrapper > .dx-button-mode-outlined:last-of-type i {
        color: var(--color-secondary-important) !important;
    }

    .custom-dropdown-button.custom-dropdown-button-danger-outlined > .dx-buttongroup > .dx-buttongroup-wrapper .dx-button-content:hover {
        background: var(--color-secondary-important-hover) !important;
    }
    /********************************************** MVD-3411 END ***********************************************************************/

    /*This is the DateTime icon form the dropdown - There is no difference between the Time and the Date icon*/
    .dx-datebox-datetime .dx-dropdowneditor-icon::before {
        content: "\f026" !important;
    }
    /*******************Style for the dxDataGrid**********************************/
    .dx-gridbase-a11y-status-container {/*MVD-7023, MVD-7025*/
        height: 0 !important;
    }
    /*For the Cell Edit Mode, we are not supposed to show the row with error. Instead we will show a popup with the error message*/
    .cellEditMode tr.dx-error-row {
        display: none;
    }
     /*For the row Edit Mode, we are not supposed to show the row with error with some conditions for the required visible fields. Instead we will show a popup with the error message*/
    .rowEditMode tr.dx-error-row {
        display: none;
    }
    /* For Export icon in DataGrid we need to modify the color*/
    .dx-datagrid-header-panel i.dx-icon.dx-icon-export {
        color: white;
    }
    /*If we have an error in the dxDataGrid when adding or updating a row, we need to let the default color that devextreme want to show to appear*/
    .dx-datagrid-invalid .dx-texteditor.dx-editor-filled, .dx-datagrid-invalid .dx-texteditor-input {
        background: transparent !important;
    }
    /*Button inside Datagrid*/
    .button_in_DataGrid.dx-button .dx-button-content {
        padding: 2px 4px 2px 4px !important;
        height: 24px;
    }

    .button_in_DataGrid {
        height: 24px !important;
    }
    /* The Header of the DataGrid Style*/
    .dx-datagrid-headers .dx-datagrid-table .dx-row > td {
        font-size: 16px;
        color: black;
        line-height: 20px;
    }
    /*Set the Datagrid Column Data Alignment*/
    .dx-data-row td.cssColumnDataGrid {
        text-align: right !important;
    }
    /* Show header filter on mouse Hoover */
    /*.dx-datagrid .dx-header-filter {
        display: none !important;
    }
    .dx-datagrid td:hover .dx-header-filter {
        display: inline-block !important;
    }*/

    /*To control the hoover background color*/
    /*.dx-data-row.dx-state-hover:not(.dx-selection):not(.dx-row-inserted):not(.dx-row-removed):not(.dx-edit-row) > td:not(.dx-focused) {
        background-color: lightblue;
        color: #333;
    }
    .dx-data-row.dx-state-hover:not(.dx-selection):not(.dx-row-inserted):not(.dx-row-removed):not(.dx-edit-row) > td:not(.dx-focused).dx-datagrid-group-space {
        border-right-color: lightblue;
    }
    .dx-data-row.dx-state-hover:not(.dx-selection):not(.dx-row-inserted):not(.dx-row-removed):not(.dx-edit-row) > .dx-datagrid-readonly .dx-texteditor .dx-texteditor-input {
        background-color:lightblue;
        color: #333;
    }  */

    /*To control the grid focused rows and columns in LOV*/
    .lovSearch .dx-datagrid-rowsview .dx-row-focused.dx-data-row > td, .dx-datagrid-rowsview .dx-row-focused.dx-data-row > tr:last-child > td {
        background-color: var(--row-selected-color) !important;
        border-bottom: 1px solid #0079f2 !important;
    }

    .lovSearch .dx-datagrid-rowsview .dx-row-focused.dx-data-row:not(.dx-edit-row) > td:not(.dx-focused) {
        background-color: var(--row-selected-color) !important;
        color: inherit;
        border-left-color: inherit !important;
        border-right-color: inherit !important;
    }

    .lovSearch .dx-datagrid-rowsview .dx-selection.dx-row:not(.dx-row-focused) > td, .dx-datagrid-rowsview .dx-selection.dx-row:not(.dx-row-focused) > tr > td, .dx-datagrid-rowsview .dx-selection.dx-row:not(.dx-row-focused):hover > td, .dx-datagrid-rowsview .dx-selection.dx-row:not(.dx-row-focused):hover > tr > td {
        background-color: var(--row-selected-color) !important;
        color: inherit;
        border-left-color: inherit !important;
        border-right-color: inherit !important;
    }

    /*To control the selected background color of the Grid*/
    .dx-datagrid-rowsview .dx-row-focused.dx-data-row:not(.dx-edit-row) > td:not(.dx-focused) {
        background-color: transparent !important;
        border-color: transparent !important;
    }
    .dx-datagrid-rowsview .dx-selection.dx-row:not(.dx-row-focused).dx-column-lines > td, .dx-datagrid-rowsview .dx-selection.dx-row:not(.dx-row-focused).dx-column-lines > tr > td, .dx-datagrid-rowsview .dx-selection.dx-row:not(.dx-row-focused):hover.dx-column-lines > td, .dx-datagrid-rowsview .dx-selection.dx-row:not(.dx-row-focused):hover.dx-column-lines > tr > td {
        border-left-color: #ddd;
        border-right-color: #ddd;
    }
    .dx-datagrid-rowsview .dx-selection.dx-row:not(.dx-row-focused):hover:not(.dx-row-lines) > td, .dx-datagrid-rowsview .dx-selection.dx-row:not(.dx-row-focused):not(.dx-row-lines) > td {
        border-bottom: 1px solid rgba(0,0,0,.1);
        border-top: 1px solid rgba(0,0,0,.1);
    }
    .dx-datagrid-rowsview .dx-selection.dx-row:not(.dx-row-focused) > td, .dx-datagrid-rowsview .dx-selection.dx-row:not(.dx-row-focused) > tr > td, .dx-datagrid-rowsview .dx-selection.dx-row:not(.dx-row-focused):hover > td, .dx-datagrid-rowsview .dx-selection.dx-row:not(.dx-row-focused):hover > tr > td {
        background-color: var(--row-selected-color) !important;
        color: inherit;
        border-left-color: inherit !important;
        border-right-color: inherit !important;
    }


    .cellEditRowSelectedColor .dx-datagrid-rowsview .dx-selection.dx-row:not(.dx-row-focused) > td, .cellEditRowSelectedColor .dx-datagrid-rowsview .dx-selection.dx-row:not(.dx-row-focused) > tr:nth-child(odd) > td, .cellEditRowSelectedColor .dx-datagrid-rowsview .dx-selection.dx-row:not(.dx-row-focused):hover > td, .cellEditRowSelectedColor .dx-datagrid-rowsview .dx-selection.dx-row:not(.dx-row-focused):hover > tr:nth-child(odd) > td {
        background-color: transparent;
        color: black;
    }

    .cellEditRowSelectedColor .dx-datagrid-rowsview .dx-selection.dx-row:nth-child(odd):not(.dx-row-focused) > td, .cellEditRowSelectedColor .dx-datagrid-rowsview .dx-selection.dx-row:nth-child(odd):not(.dx-row-focused) > tr > td, .cellEditRowSelectedColor .dx-datagrid-rowsview .dx-selection.dx-row:nth-child(odd):hover > td, .cellEditRowSelectedColor .dx-datagrid-rowsview .dx-selection.dx-row:nth-child(odd):hover > tr > td {
        background-color: white;
        color: black;
        border-top: none;
        border-bottom: none;
    }

    .cellEditRowSelectedColor .dx-datagrid-rowsview .dx-selection.dx-row:nth-child(even):not(.dx-row-focused) > td, .cellEditRowSelectedColor .dx-datagrid-rowsview .dx-selection.dx-row:nth-child(even):not(.dx-row-focused) > tr > td, .cellEditRowSelectedColor .dx-datagrid-rowsview .dx-selection.dx-row:nth-child(even):hover > td, .cellEditRowSelectedColor .dx-datagrid-rowsview .dx-selection.dx-row:nth-child(even):hover > tr > td {
        background-color: rgba(0,0,0,0.05);
        color: black;
        border-top: none;
        border-bottom: none;
    }
    /*MVD-2948 When the content of the grid is empty and we add a new row we have to make sure the new row is not getting crushed - May be this issue is related to DevExtreme css*/
    .dx-gridbase-container > .dx-datagrid-rowsview {
        min-height: 37.6px;
    }
/*.dx-datagrid .dx-row-alt > td {
        background-color: #eaf0f6;
        border-top: 1px solid #eaf0f6;
        border-bottom: 1px solid #eaf0f6;
    }*/
/*To Control the row alternate color*/
/*.dx-row.dx-data-row.dx-row-lines.dx-row-alt {
        background-color: #ddd;
        color: black;
    }*/

/* Commented for MVD-3050*/
    /*.dx-freespace-row {
            height: 0px !important;
    }*/

    /**********************Style For dxTreeList*****************************/
    /*To control the hoover background color*/
    .dx-treelist-rowsview .dx-selection.dx-row:not(.dx-row-focused) > td, .dx-treelist-rowsview .dx-selection.dx-row:not(.dx-row-focused) > tr > td, .dx-treelist-rowsview .dx-selection.dx-row:not(.dx-row-focused):hover > td, .dx-treelist-rowsview .dx-selection.dx-row:not(.dx-row-focused):hover > tr > td {
        background-color: var(--row-selected-color);
        /*color: white; commented for MVD-3200*/
    }
    /*commented for MVD-3200*/
    /*.dx-treelist-rowsview .dx-selection.dx-row:not(.dx-row-focused) > td .dx-treelist-expanded span:before, .dx-treelist-rowsview .dx-selection.dx-row:not(.dx-row-focused) > tr > td .dx-treelist-expanded span:before, .dx-treelist-rowsview .dx-selection.dx-row:not(.dx-row-focused):hover > td .dx-treelist-expanded span:before, .dx-treelist-rowsview .dx-selection.dx-row:not(.dx-row-focused):hover > tr > td .dx-treelist-expanded span:before {
        color: white;
    }

    .dx-treelist-rowsview .dx-selection.dx-row:not(.dx-row-focused) > td .dx-treelist-collapsed span:before, .dx-treelist-rowsview .dx-selection.dx-row:not(.dx-row-focused) > tr > td .dx-treelist-collapsed span:before, .dx-treelist-rowsview .dx-selection.dx-row:not(.dx-row-focused):hover > td .dx-treelist-collapsed span:before, .dx-treelist-rowsview .dx-selection.dx-row:not(.dx-row-focused):hover > tr > td .dx-treelist-collapsed span:before {
        color: white;
    }*/
    /* The Header of the TreeList Style*/
    .dx-treelist-headers .dx-treelist-table .dx-row > td {
        font-size: 16px;
        color: black;
        line-height: 20px;
    }


    /**********************Style For dxPopup*****************************/
    /*Control the Content of the Popup*/
    .myPopover_DG .dx-popup-content {
        padding: 6px;
    }

    .myPopover_DG .dx-popup-bottom {
        margin: 0 !important;
        padding: 8px !important;
    }



    /**********Style For Accordion Synch Fusion*******/

/**********Style For Accordion Synch Fusion*******/

    .e-accordion {
        border: none !important;
        padding-top: 8px;
    }

    .e-accordion .e-acrdn-item .e-acrdn-panel .e-acrdn-content {
        padding: 5px !important;
    }

    .e-accordion .e-acrdn-item > .e-acrdn-header .e-acrdn-header-content {
        font-family: prometo;
    }

    .e-accordion .e-acrdn-item .e-acrdn-header {
        padding: 0 40px 0 10px !important;
        background-color: #E6F2FE !important;
    }

    .e-accordion .e-acrdn-item .e-acrdn-header .e-acrdn-header-content {
        color: #0061C2 !important;
    }

    .e-accordion .e-acrdn-item.e-selected > .e-acrdn-header {
        background-color: #003D79 !important;
        color: white !important;
    }

    .e-accordion .e-acrdn-item.e-selected > .e-acrdn-header .e-acrdn-header-content {
        color: white !important;
    }

    .e-accordion .e-tgl-collapse-icon.e-expand-icon {
        transition: color 0.3s ease;
        color: white;
    }

    .e-accordion .e-acrdn-item {
        margin: 8px;
        border: none !important;
    }

    .accordion-expanded {
        width: 100%;
        height: 36px;
        padding: 8px 16px;
        background: #003D79;
        cursor: pointer;
        color: white;
        font-family: prometo;
    }

    .accordion-collapsed {
        width: 100%;
        height: 36px;
        padding: 8px 16px;
        background: #E6F2FE;
        cursor: pointer;
        color: #0061C2;
        font-family: prometo;
    }

    .accordion-focused {
        box-shadow: 0px 0px 4px 3px #868484 !important;
    }

    .e-accordion .e-acrdn-item.e-select.e-item-focus {
        box-shadow: 0px 0px 4px 3px #868484 !important;
    }

    /******************Style For dxForm *****************/
    .dx-button-content {
        border: none;
        padding: 0;
    }
    .dx-texteditor-buttons-container {
        border: none;
        padding: 0;
    }
    .dx-valid.dx-texteditor.dx-editor-outlined .dx-texteditor-input-container:after {
        content: ''
    }

    /*remove the margin for the form, so that we dont have lots of empty space between forms and accordions*/
    .dx-form-validation-summary {
        margin-top: 0px !important;
    }

    /*****************Base 64 Image Log*********************/
    .menuLogoClass {
        display: block;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        width: 200px;
        height: 38px;
        background-size: 200px 38px;
        background: url("data:image/png;base64,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") no-repeat;
    }

    .home_32x32 {
        width: 32px;
        height: 32px;
        background-size: 32px 32px;
        background: url("data:image/png;base64,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") no-repeat;
    }

    .expandGrid {
        width: 32px;
        height: 32px;
        background-size: 32px 32px;
        background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAACF0RVh0VGl0bGUAVGFibGU7R3JpZDtTcHJlYWRzaGVldDtSb3c7xqX0UAAABDhJREFUeF7FV89rnGUQfmZ3m01ik/qjYSk1B6l48CDaVhC85CZiI9pAwX+j4MGTV8GDf4AexVNqIa14sr1IvSTxIqFx2wq2WWPtSjSaH9VvHnf3nflm3/0CHgrpLMvM+807M8/3zLwvu0ISj1Oksj4c4XBBOch+pJf5/+Jqmg0AcvHTb+fGmhMfQeTVbCdZhjDWSIogzZfZbvi+PI5aLO/tbH/w2ftvXgegAwDN8ckvXn/5ZOv4sYngQpN599dtPNuaiucMju52/sTsiSmw4gR+3tjG7EmLi8fo3N8++9W1m58DmHUANYi0np6eQPv+32kvLZkA6+0udqUGCiD23POt33qA3Xo9byyR4m7/hv1GPS3F2BDi1MwUILXWoC4gDe+dklACDM6TokLdto8LFVDlcAVACKiAShQEBIQyEBZqOaxuAOgHqC2EoL+tEsooK6bp4BJ6e3ECNJhMcRkwJAACBABnrWBiQQhQLFAAkilIBCCgKCWBU4C2N/Vp2Od8Wj5KsAxI2QIBcO/eFto//Z410832zU0fibwFAH5c60C8jHfDGGqvbSRP8Ib6zjOeOlowvdXFhQsvYf70CU9vTAguX13Fu2+9glJEQEv55dXvBz5BVS71fOfPRRwG4IjxZgMbP7RzAN4rMghw+pmfPMSmeM4cNRBRGaNqmsoRAMoIifwVYSoaNHuPhSVqMcrJACYjYFRjXUsDo3lxM0hnIbSI2wEKFKfMYk3bmpQSlEKgLBmQWmIgCtMxKyBWeJgeMtCT5qAXkwBERlccqSStlRZQce1GG53OVvBESdRCegO1Gk03oe1ZvLJqfQmQ6Vyh51up3B+tmWmoanUG5l57Hrv7hedxGRRfOHcaFWHyne/5stlz0EsrWHj7jO0NFBNjddxYuVMCsBYoXOKiMO0z4Gy7Q5wF1xZFKWPiMfKZCAYkTkEMcsa2D6BAyqTqhZMKiZUXMzPy2rWfM0DVeAtl3mcvHp8UW6El2AFztzt1UBxQjgAoGG9EkZj2yg+RoNgBklEYWr2ciBGsxMEX0dfX19Dt/lUhU9I0R+OtqJhzccl9uZB933KKKgEDTx2brJ4Cknhj7kXsPSyijulLV5axMH+2LAyR8kpedF/chG6nUzB/xpKFNI8Ivlu5PXoRaaKGQZdZcRtSgEqPE1Ih8kZToNlAuiovq2wGQAWYT0wAou8NzdgHOJAgIfmHQYmj9pw6AoBxBcMHTSRyWCTJSE6xZBEmI3Xp2r6C7KDRZ6Doydb6rc0nXzjVijYi4Zt6oomxet3IS+IH82jP12zUQHs2LJOTYzjSiwtI/kP2l37BPwD8a6+Ko/PvffjOTOu5Twg5TkZAMpnr/HaMNlTjwg4PSO0+2Lxz8Zuljy8D2BFjYdy+DWvLo/8Lqu51VP8A2AWw12dBbEPNvoP1IfwnLABoPt6HL4RfQo9T/gMzFmAB+7ZdPgAAAABJRU5ErkJggg==");
    }

    .expandDetail {
        width: 32px;
        height: 32px;
        background-size: 32px 32px;
        background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAAFnRFWHRUaXRsZQBUZXh0O1BhZ2U7UmVwb3J0dmFhAAAABKZJREFUeF6Nlk2oVtUXxn9rn/thZQ4aNesDCiuizPIr+4tEWCCVUkR3kGU5CkJxkNe/od3EnAgR1agQpEIqJcLAiCaRBEGZRLNmETQKBPW+733PWU/gbrG4B7q963LY6+yzLutZz3rWfrdJwsyohh3/7MdvrNhmBDIwgQAkDEMIAQbVE6jGVge4ePHSG3t3bZ4DHNBbx88JOQL27HyIMElMkGaAmdnmHdtWMY4tLLSMOqcddQxHLfPzLV+d+421q2557c13z9rsy4/OAd3uFx7kz78GOvHp9/QtAISZqNZ1giBG1ZcMonLA64LMEEYnXQW14b6buDI/OnDw2Bl7fe/WOaC98YZlHH77a/0nABQxity5IggQQGkKINQUulL94cIIgPWrb6Zz//++I6ft6P7tV0EceOURB0QapQ/AJQCE4aoPAgESOKq+g7swK1VDpbIwHFQATVPY+MCtbFyzcv+egycPApM1H7YEA1myYg3IHsrLZsVr01QQcjEYLlRqi2EUNm24ndZ9drjvBO8dfW4OGIU4A0CPAcKibGSQ6ZKNDBPFDMMYDkeYwURjlGI0jdiyaSXedbMLow94/9iLh6KuPgBLAJEgkyn6r+DEUARSk09ON6xYPs3uQ6dw5YgG8DvuvG0WOAx0/z4F7llXso7FnoUQhWFg4O40E8Y1y6aY2baWS1cGV8XYtaLtnFHb0Rj8cOEPgGZJDfR7L9XVJARgGYOUXFCYmiisuH6a5ddN0XaiG7W0Ltq2oxj4+d8JpgGW1EBdRZx/wb5BIAIzDBAFJEoxppsJXGJK0E4V3EU7ciYacDwAsGQLBOToiY/PXEAhSAkRfsbUJ3wDnB3bV9OZAGOyMbxlKQAhQs9WGCB44uGVeSCa4TVBX6wgyE+iExQrqDgTpeA+BgMeE5r959TZX7O67H1Ohy9+V3V4/un7kaCYURpD47YAyEQS27bcBQpcQoKgJ/ZdLJqeZKyupRS80zgiVFZPfT758hcg+wzgHslqYP4fUNli5zNrEAncE3ms6mugokQk3fDUY3eTxmI28h1SN8hIgWJIjKcBSYta4IKTZ36GrH6R4hNA/zvsmlmHEjOdE8YSLegQIFfccnhm6z15pEbC1EC2zPI7GC5RjPyuMTTQdSI7BB3w0efnkwFy/rPaPJwyEbz07DpkJSYD78ZpQVed/DERzz5+b/YYq7myv4u1nyco9FhxaYyDyLuQf/SUD0//FGoHeoqn58sCDLtm1mNBPz0Rjj2GqlRaDl3qIN1Emy7u0Z4c4b4GSiSO1eNUi7+sGgUtyhjlOyiBZ9KItWRgrDuhDDnIhXIv8qNUYlaZPk4y6FHAOBroPFSel8C6F8D7bRBg1MVjIjLWLMSMO2NowAVQqzewYqCAAmAxBwhhkcCo3yxHFUpqhfF+jJB7Vpm0Rj1ZXe+2LCmLkyGL2LxlR3FLHUQeIlxx7STqn/uy8HJfsZPawCDFmIKkAugCVR+AA6PB8Mq3rx754n8W1SeKnIo+iGArTkOH3BZhg8Hl74Ah4H0AqpvMv3N45klgGmj6MxvW3xsjRrVyBsDlYCEBZNAC0NagsRKPb1mkk8TxN0EX4wMfpvkqAAAAAElFTkSuQmCC");
    }

    .expandBoth {
        width: 32px;
        height: 32px;
        background-size: 32px 32px;
        background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAAInRFWHRUaXRsZQBDb252ZXJ0O1BhcmFncmFwaDtUZXh0O1RhYmxlMjMplQAABKlJREFUeF7FV89rXVUQ/s57Nz+qFTeKLrSgaG2wi9oipLGW1NZWpSBiq4jipiDqQugfUNvuJNioVAW7MBQ3bkQRLWkhMaZJ7MJWsYtIAwVbF9JEmzYhL++9nBlvz8w5w80Dr8GCk9wc7rxzZr755sd5yZgZ/6dkzrnlOof/LimqsgAzdehWAMCVOwfJWi7Z59+cH4Jz2+JRdrKC48JwLBYRorHIWNd0FgzvaWTf3k07SkEYA27bi888XFCe+fl3dG+4p6D74adL6H5kTSHOiVzXE3QmA1+c6wVQEQDlkpFGUG9SivCvawuoN3xgm+VvrquhXvfm/4ZutobFxpLSBnR2VEHEsLSC/zUAMIt/p/Sy0h9C4WCYALiQJskPMdk+XYloRYWcETHGz17C1eu1QtWeGpvSOMMiutMXYKUgIAdHc53Ww+2rO40BFefcPwNgYvRsXINaoFKcnRqfws4tDyZHgAvOn3x8LWAqDH7/K57aui4BvaUzw4WLf5Z3jFlB5onEADHYOaGcKETS3lZNjKy97w60VV2hrx/KddUqUrqZCRvX3w0AVX2oBABnRCSNy7ENJd/Mko6To1P4Y3ounBj/8TdEIS2YsTx9Eov18UefnZkPvrkCBoFbawzkaWT/vq07Qg0MjV/Ma2BBTOiuEyOT6HrgzuD8tZcexc0UBvDBwFgvAJeRZzzRcz/mF5qpcU58N4mne9flKahg4uzlcKjRoGJGWRennQETTVOyZ+0s+o72KsjLB5kXuoU9YRDeU6CY9Ylie+TFwaVURXQsrsQZyV7pkqIQKQAiGUAUMRJDQAne6J8Mhf5aOygU0bHBYK0DqwetAUiQ2gWMr4cncX1usTDjvzz5CzZ03QUin/QSjFHLAPqODSuU1khZaMb0zCz6DjyHirwGMMQUGWDs3taFuVozDZevBs/j2V3r0dHmMHHuckoRgWTM6ztAeP3lbovSBMRAJU1RQethwNlHAJpvIsPuSUYskekpOmBC3ycjRrOqBaXdmspX+JmenkX/288XutUTawp0nq9e1ZaM3rqqPX8ygDzIixFiNexcHvVmK85lc69FTRIQRVrUiydloFGvD73/6dh2HRSpIN87NorNm+6Vy0XUKRUfHh8DpygjMItc2lLtOcbMlVkcObjHWGEYgANv7dytY7NicQD63vbOx8NXmK04QYQ3XnkMIorMcBQkvpInxASpLesCAA11amIA2lkLiAlgdXb0+OlU9daZKhK1fcSEmelr6D+0N5xVc6DIgGSpFYCBZ6WT0yB689Ut0bmS6mJ8odXIPtCi9vAywRIIHychMxtbxTuc5bDRFl0eHRg1ykGFK9qsse5xOQNXceTwC1Li0RbFFJSI9wLAm1Ec3r9LkZpHLrEzX1uyQUfGQBkAR0SwihZe5xfFWKEOW1pQOwLAcpKpUAMlQiSIGbIWxQqTyRW6QV2DzGsStgFXmgIdIozbwqCyOFovJks92G5Fu7BsI3MaRFwGgJr5oDr47rfbGQ7Lh5Uj9WeDR4cQgdkpKG/XuIHGUrM5DMBnJV9cmv2H9rQOqpX/y+bMptm+8ZQBoJZBVe6kXAwIZeUbNYk3VQzE3+iVjXejzLzHAAAAAElFTkSuQmCC");
    }

    .nextUp {
        width: 32px;
        height: 32px;
        background-size: 32px 32px;
        background: url("data:image/png;base64,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");
    }

    .previousDown {
        width: 32px;
        height: 32px;
        background-size: 32px 32px;
        background: url("data:image/png;base64,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");
    }

    .searchFind {
        width: 32px;
        height: 32px;
        background-size: 32px 32px;
        background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAGMklEQVR4Xu1WaUxUZxS9b2ZAGLZh2BcFZEeCtlaaFjUubSVppQ0/JDXaxCa2/mi6mGrSamiqTWvTNOFvbYgpiUFTQ/+UpFEpLcYCsgrCAIIF2UV2Bph58+b1ns/3CDAa0rSJf/yS6wzfds4999xvlFRVpac5DPSUxzMCzwg8IyBdunTJYxJvg/bpMfekNX0+KSnp0Pz8/LsOhyPZ29u7x8fH55MdO3Y0PZHAxYsXnwjOh1fNexLdsGGD1el0fjg3N3dgcnIyhQGNERER5O/vT/w3TU1N/clkdkVFRW11yvK383Z7jtls/tvPz+98b29vkVRSUgKwx2bLGx8LHhsbm8VZnmDQV8bHxyPDw8MpJiaGAOzl5UULCwvE68Rr1N/fLwcGBvbz3EY+R+vXr6eJiQnq6+ubDQ4OLpSKi4t1kBWBERAQQPqIjIyEtEenp6dfYAAzXwRQzJPb7SZZlnVgEbyPZmdnCSMxMZHi4uLIaDQu3X3v3j0aHBy0mVg+D2B8ZmVlWRnoOGeZPzY2lupyuQwsN6Wnp1NoaCjx3yJ4TQBjABiyAxzlS05OBkmo4pFgSEgINTU1JUtFRUWY0EHTmP0prttrDx8+DMdhgMbHx6Mc2ANQSAhp6e7duzQwMEAzMzMiS19fX5ATwGFhYcQmJIPBsCI5RVFAXJy5fv26IlVUVHhzBp8NDQ2dtNvt5oSEBEKgXiaTiTAgMa9RW1sbZBPfWRmCesgEACCbkpJCFouF1q1bp5/VwQGMMokzbErq6OhAEh3SlStXSjjbw6gpzIQMrFYrYegy4wDvocrKSgGKwS4Wa5s2baKMjAxkKohKkoQ1XS2A6sCiVIuLi0gC8rt5zwnT/fv3X4Vc2dnZuASyopbIbLmp0E4gguwAgowhO4wKMDGP8eDBA/gC5wGmxxJ4e3s7DQ8Pz3R3d+8vKytrMjCbcEiHzIMsVvILtFBza5u4aHR0lEZGRog3U2NjI2FwP9POnTuFGbm9YDaEII8BJeGLlpYWnNfvQNuh5rir8cKFC1sYvJmIFk0wQ3R0NDlcKjlkInNQBNU3tlBocJDInB8L9DMywj60HbKFKfVaQwFkCJnhD7FWVVVFmZmZaEUogpqrrMAPpaWlZ4lohsOBKpt4w1hHV3eEnzWa7A6VJu0uGhwWzCGVAM/Pz6eU1HSW3kAjoyMiI4PRhMx1iQGOQL1FNzQ0NKA8UAN3OVjpY0zqNyKa1cCVvLw8VSooKLgcn5B04IOTX9LsokpVN6qoprKc/IwOkU3em2/R6/vzSHETuREqiTasvnmDUpMTyGQ06M5GgIzokHPnzsGcuGOgtrb2AHdZzzJwdd++faIvpdzc3DRfs/8vaZnPpflbo6im6ho556dUs69PHT+Vz5/+4owpLCKaXAq7WiOAqKu5SQtzUxQVZgEBlAtggkBdXR11dnaqbNZrXPePiGiMY45DBvju3btVdAyGxOGza8/ezapb/YoppfoHBNU1N9QWMmOVpW/78afL5CYDyQqxCiCB3ibq6+2hP67+SlsyNgIYHkCgt0FAYdm/ttlsJRr4AsBzcnLU1a8uCBg5vDi8te9YwbAcOvxO16efn/EKiYglp0IrVJhn0O/PnqS927cutRgDot4z/Pkeu76GuFoauLJt2zYBvjpMWNRAZY0QaUTMrMZoa2tr7IvWGHK6eAMTkEGEGcwvKvAC3n6hQH19vcoG7GDJjxBRP8eUVm83P/Eq/PE4ApL4R9JwVxKwHDx8pCg4JOzg0eNnJYciiVaVNRV6bLfpt5/PU1yYmW7duqXyO1BaXV39HRENcUwjITahe7ncqLv2/YkE9DBAAY6YQ0eOladmZSe+nPs2l0FiJQQBulpWTMO2ahod6HawCqe7urrKiWhEM5vCP0gCfHVgrCzB44eqyTfe2WE7ZV9wfNPa3JCQtHk7RSVupjmW/K/yEjL7eA/duXPnfS5B+zKzKfzrqaIzlmWuA6+hgKcKMGcQR+yeNwoKZafjpYnR/pDFuWmjj7+lou12fSER9XFM6vXm3wh1LVCMtRRAgLasmcn5+6+XP9bImLGmzY9rj4vMIG7690MjsDaJWU3esWWt6tLWFFVL6/8j4OkHRSPj9Fj7j+MfsHOmWKlu3KIAAAAASUVORK5CYII=");
    }

    /* MVD-7132: Fix display issues on Budget Scratch Area */
    div.ribbon .gc-ribbon-bar .ribbon-button-item.ribbon-bigbutton .ribbon-button-item-icon {
        background-size: 100% auto !important;
    }



div.ribbon .gc-ribbon-bar div.cmdIdentifyScratchPadResult,
div.ribbon .gc-ribbon-bar div.cmdIdentifyShowScratchPadResult,
div.ribbon .gc-ribbon-bar div.cmdScratchPadType,
div.ribbon .gc-ribbon-bar div.cmdScratchPadOpen,
div.ribbon .gc-ribbon-bar div.cmdScratchPadDocumentsPropertiesInfo {
    width: 32px !important;
    height: 32px !important;
    background-size: 32px !important;
}

.cmdIdentifyScratchPadResult {
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAKdEVYdFRpdGxlAFN1bTtghqpEAAAIGUlEQVRYR7WXCVSVZRrHP6apXGYqs+FMTWOmLaQZiCl2nFErqmNZmUIquDQ6KKIsxkzpiAu5ZqaDiksuyCJLbLILFwSXUlwAoYjNBe5FZLmLApd7L+J/nue993Lp+mXnzJl5zvmd97vv+37f//8+7/J9VwIg9QkHC7/5FR74L+F7+fkihHYfA1bhB4l+RH8LA2QYKMPv7Pi9HVzHz/stIUzIGXioLNKrqCJ6DsqjvXE5ygvlBJdlkbNRdmQ2SiNmofTwTJQwhz5GyQFPXGK+8cTF/R64sH8GLuwj9kzHeSb8IxSHT0Px7mk4sfGdU6TBJnig9xjgyn4s3GNQosfIqAR36fquKO3h+gbqU4+7hnq67zp6uq4RV9Cjr8MdfS1RjTsdVbjTXoXC9e4sxtng6ZA1MIBH2dNZBcO1bTDU74CxIQxG5S4YVbvRzTQy4aI0imsquV0ZRv3/DcP17TBc2Yqu2i3oqtkIfdV6dFaGwtCYCMXqSSz2KMHTcI8BdjWQ09vTUQlD3VaLie0wWo007CQTOy2CXHIdC+8wC1P/rp+JbxDinRVrYVAmIOfzCSz2GCFrQGSg5KAnetp/FA8x1H1Jo/nKbIQEjE3RuKPJIxRELnEc3WqiLRvdrVkwtWbC1JwO0800GG+mUP8kylwiicfD0BCLzCA3FvvFDIg1cG7P9ApNbTaJf02j2GQeDRkxqiJw5fhaKNZMQu6/JorRZAWPR0bgOKQtG4PUJaOR7OOMxAUvI2H+CMTNcULs7BcQM/M5RHsOR+SMZ7F/6pATpME7RnYN8C54cIuPm1PWqrdV2qoo6GsondWUSjZSsxmmxlgoz4QhbZ37Xur7J+IJYhDBabWH6/vCI2dx3uay25CDs/BwsPtQp/R/vK7SVh6GvnoLOnkh0Xx2VW2ESRmJhpM7kL7mzXDqyw/mbfUQwWn9NXjkQpxDzgA3iqnwn/j0S8n+f23UVByAvnITOn8IpZL4iVZ0fQSuF25DWsjkXdSXR8YG+D6H7ltlUreulCiRurUXpG7NecmkPieZ2r6X4ua8SF1sIWeAo9eE72tPjvjW97VGTfl+MkArumKNWNEdVBquHsDV/C1IXTlxN/XtNdGtvUSiFy3CxULY1MqckY7Oep662ELWwJlt73LBJjhd/RaOcRwZu2Bso7okHB3loei4vMpM2Sro6/bhSu5GfBs8gaeD591sQkPCrWd7hU0tp4giKdpzGDXbQtbA6S+nUOpK+dJqov9c58Gjoue7NrZd2kXCIWgvXYH2EuYzWqC7UJcTivig8WzCmgkHU+t3JHqaOCkZmwslw80CiXYNNdlC1kDRprclk4bn7iL/tJoYMGvEIOcj3s43Wou/RkfJStw+H4z2i8G4TXT+tAM1aSGI83cLo75imxlZ+KZZ2NCULxlu5EkZQeOoyRayBgo3uNO88dwx57iK1wOPatCCVx7/IMF3Ah3t4dAVL4fuXBB0ZwOJAOhrDyIv5HXM+8uQP1NfXvEOQrgpl8SPS4bGHCk94FWqtoWsgYLQN8wLh6DgDPDDBvi6D3PJ3/ie6lZtMjqqdkP3fQB03/lTuQy3S9bgdJgX1k18aif15deu2G6GGzlC2KDKlgzKDOnYUleqtoWsAcXqyZKR5o6iN/1L3hrunL/+PaWuOonE94hRa88sgfa0H25dDEHR9llY4ebIhxOfC2IhClFVlmRoyJC66tOIY1KKrws12ULWAB2zXNjE3Yc5K0KnKLVV8eioDIPu1DJoTy6Chrh1fiUKvvJE8OjBLD6Y4A8ZcR50NaQLUcG1FEl/LUlK9nmFmmwha4CiV3zRG0Nd8ta+o9RWxtHe30GivlCfWAgNoTv7GRSbpyNw1GP3irPo9VQSTSYSJf3VeElfFy8lLXyZmm0hZ8AmPnmoS87qt1TaihjcvryVRH2gVnwCdf7foDvzKXLXf4ilTo8coL78gcHnuxA3iyZZhBOEsL4uVtLXxkgJn4ykLraQMyDEfSYNcclZ5a7SlEfgdulmtOUvQFvuXIH2dCBy1k3FoucGHqK+1ncBG+h75v8SwiQhwt4AN/ZbNPkZ5+yVb6o0ZYdoj28g0XlozfZCa44XTYE/slZPwfxn+sdQ3yGEI/E4YX3j3Y/7vg25gh0+kujnWtlSHE4L7Au0ZnmjJWMmWjJn0twvQVXsHJxYOx4Fa4jVbsgPcYNi1TgoVo5F3oqxyP38VRz/5xjkBLsi+1NXZC4fjcwAF2T4OyNtqTPifUaeJQ02w1oO9gbY2RPH/Fxpq0WgJcsLLWkz0JLuQaUn4QFNUSDthL3orI0xU8NEobM6kjhCr+zDdCoepM+wA8Q3aP9xH9p/2EuEC+hlxGJ/JMRxLWfAMWWxC9or96M55SM0p05H8zFmhq0kU+I6zdpmhfozqdPo3mloSv4QTSkEl8kfoK3ADzEfD2cx/pB5mDXtDbArx6S/jyK3u8WNzfwAeph4oAW+NpujkhB1lpIFmy2CgqT30ZQ4VdCmWIwoj2H3NSCmgL/p2st30oJbTgRBW7Qc6qIgqOlaTVNgIwDqQn9oCHXhMlojRMFSwo92ja+FxWjLI3J90EpETX+WxZ4kZKeAt+Cjkd5ORQnzRiCemfsS4WT+wPR+EXFErNcLOEofm0dnPy/mlD86ObXRjOcwMx7DxWijZhAkGikYin3vD+F/Rrxr7lmEHLwNOTW8Xf5A8GJht1aesoNTac/TdvCbkeFrvofFrSemWbuPAc4CN7A7TlFf2Nj/gp8dRvYGrMGN/096A4D0H7pUif3DCGmqAAAAAElFTkSuQmCC');
    background-size: 32px 32px;
}

.cmdIdentifyShowScratchPadResult {
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAPdEVYdFRpdGxlAFNob3c7RXllO0njByUAAAK7SURBVDhPpZNpSFRRFMefjvbBjBpyaZUmNDfEBSTSUXNlUsdtnHEcxVxy0kpcUDKhRlyLcRstNFMbmlBHTcYNE2TQSCKjNPxSkPtS4oZbG8a/+15+CfyQdOB37+Vwzu89uOdSAP6LPZP7Ya/QJbAIegT9Xegzndch/B2PJY5UndiBPurecD3DLudbp1YGW2kUfKvRKr7lTpm/xaicZ95d4M3JirY3NSV1rFI/DlXiy6F7/ghIsEqDbCIbopxXBhWp+NT3CItvNdj58gYLr5ow1lKMrjsSVAXbrGdzT4tJ/QGCjkuAnO6lWBWhtkm9MglmhxrRWnELkXwf8LzcYWFjC54nFyKeOxpux+N1fTaUcdxfN11PJdASRpDhac5Rxrn8rJUlIzYuHlwfIe43d2Jwag7OnmJIMwtQXPMUHjwxoqMvoygxCIpQe8Q5mHCJRI9SCOzuZiREQ6PpxMrqOrzCMtD3fhwxKbmwdroEK4J6YAS+wkxMzy5B1dgKqTAEMg+zFiIwoFIk16bbOvqxufkVm1vfERKTgwdqLeLTC3HWxgOC2EyUq55DLM3FzPwqJmeWUfekAxI/yRwRHKKE4WnXc0t7sLX9Axub3/CsaxDCxDwU1naguu0F8qs1CI2XQa0ZwOTsMiO4mqnChfPiLOYP7E8eNvKPlNfVqIbweXEDK2vbaG7vR2BEOuxcIhEUlYWmdi0mZpYw9mEehRW9cLqYpTY+qH+CCOh5YRa2jyCvSCSt3y57qIV26COGR6Ywu7CGl8Pj6Okfg0zeDe/w8m0H97RKUn+MQA+YDiVKUpKdkRgeN3M85xaQk+8tkA97CUomfEQKuAfdm3D1z3vn4JZSzDaxtCV1Rwh69BUy1xiRrKTCpQ1U2JU6WkSPrMFu0VGCMcGIwCYYEpivugSWMM2MYK8Hsh/2TP47oH4DNdAB6uHEmGQAAAAASUVORK5CYII=');
    background-size: 32px 32px;
}

.cmdScratchPadType {
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAASdEVYdFRpdGxlAERlc2lnbjtFZGl0Oz9TfKUAAAMVSURBVDhPbZMLTI1hGMffU+nmVC5zrbbWXNKaW42MI6RFhbK5hFauURPRnE2F6ZxcipAu6zLRxSWXKFRKDosdJKqzON0kzIxpJ50T59Tf856caOvbftv3Pu/3+7/v93zvxwAwuoyUN8JQGutxlO6NH8QuZOUHRaxMPJ/dF89j96LmsZJ9c1jJXjdWvNuN3QmfxZ1+92+ASePVUDSVnkFR5Nw4Ghv39Xxi/XwkOlif5gPr1bSz3u737NoWF+4MDlDkb0WvphmNRfG4vGOGhNcIgU7dxnTqVqbrbiGamK6rieVtmMKdQQHD3uSEQKeqhe6HDPXXDuPixqlSXicEuq63TKdqZFqVgmhg2QEO3BkUYFqbGQhtpxy/v9yC9ms5Xl0SI3WVwzE+Rwj+YkTwnRnz8c1dUwcCzF6mrIX2uwy/Oq6gp6MAvz4VQZ65B6eWTjhO8+aEaaXETVp1eDauR0yLp7F+d4YAc3lSAK1eCk1bDqoSA6FuzqL7AjxJDkXaZu/Eu7GuCW13AtDb14LGy34472/Hg00MARbVJ/3Q87EIamU6JKLRqD4bhK6GJHyvS4E8awtabq3Uy9rWcFQfdMIpzzFcNDcEWMok3tC0FuCn4jSyVzsii6jJi0Rd7nooC331skaxDbKoSZAlLEDUTKvT5JkaAoY/PLQY3e8yoKqV0srJ6Gwvx+u8YLzNX6aXVS+CUBXhgIo4d4Q5C1O4QxgNBDwQi/CzPgmd8hh8eXwANdn+UFzw1MvfHq1BRZg97kW7IjVEhGgf92RyLDZPoD4amli40/V5YYgzKqVBuJ92BE8TvPTy55IVKA+1xe3903Fu0xIUx6xH/rrJXBoePP5fAP+uFoQ1Mc7FIyKtOCMe6o5nKNtui8JwJ2ywN8uiOXtiFGFFmOywpyPCA/6HT870EjfXPStF7gkxJIscETjRNJXqNoSRMnMhU2aKmL+NgEU60vEYIsB6hK0nrMa6t1uMcE63sxYuoZqQy35CAeP4Uvt8qHLIxXLIAH5U+WojCd5p/U+1nJ5dRi/pTfCQvY5mTDpDyP4A1ifg+fNSJPQAAAAASUVORK5CYII=');
    background-size: 32px 32px;
}


div.ribbon .gc-ribbon-bar div.cmdAllPeriods,
div.ribbon .gc-ribbon-bar div.cmdTotals,
div.ribbon .gc-ribbon-bar div.cmdReadyForEntry,
div.ribbon .gc-ribbon-bar div.cmdApproved,
div.ribbon .gc-ribbon-bar div.cmdRejected,
div.ribbon .gc-ribbon-bar div.cmdReOpen,
div.ribbon .gc-ribbon-bar div.cmdEntryCompleted,
div.ribbon .gc-ribbon-bar div.cmdNotReadyForEntry,
div.ribbon .gc-ribbon-bar div.cmdEditDesign,
div.ribbon .gc-ribbon-bar div.cmdSaveColSizes,
div.ribbon .gc-ribbon-bar div.cmdSaveDefaults,
div.ribbon .gc-ribbon-bar div.cmdAddExtraTab,
div.ribbon .gc-ribbon-bar div.cmdSaveSheet,
div.ribbon .gc-ribbon-bar div.cmdRecalcAll {
    width: 32px !important;
    height: 32px !important;
    background-size: 32px !important;
}

    .cmdAllPeriods {
        background-image: url("data:image/png;base64,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");
        background-size: 32px 32px;
    }

    .cmdTotals {
        background-image: url('data:image/png;base64,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');
        background-size: 32px 32px;
    }

    .cmdClearFilter {
        background-image: url("data:image/png;base64,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");
        background-size: 16px 16px;
    }

    .cmdFind {
        background-image: url("data:image/png;base64,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");
        background-size: 16px 16px;
    }

    .cmdReadyForEntry {
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16'%3E%3Cstyle type='text/css'%3E.icon-canvas-transparent%7Bopacity:0;fill:%23F6F6F6;%7D .icon-vs-out%7Bfill:%23F6F6F6;%7D .icon-vs-bg%7Bfill:%23424242;%7D%3C/style%3E%3Cpath class='icon-canvas-transparent' d='M16 16h-16v-16h16v16z' id='canvas'/%3E%3Cpath class='icon-vs-out' d='M16 4h-9.879l2 2h7.879v3h-9.879l2 2h7.879v3h-10v-.879l-2.879 2.879h-.242l-2.879-2.879v-.242l2-2 1 1 3-3v-.758l-3 3-3-3v-.243l2-2 1 1 3-3v-.757l-3 3-3-3v-.243l2-2 1 1 1.879-1.878h2.242l1 1h7.879v3z' id='outline'/%3E%3Cpath class='icon-vs-bg' d='M15 2v1h-8v-1h8zm-8 6h8v-1h-8v1zm0 5h8v-1h-8v1zm-4 .293l-1-1-.707.707 1.707 1.707 3.707-3.707-.707-.707-3 3zm0-5l-1-1-.707.707 1.707 1.707 3.707-3.707-.707-.707-3 3zm0-5l-1-1-.707.707 1.707 1.707 3.707-3.707-.707-.707-3 3z' id='iconBg'/%3E%3C/svg%3E");
        background-size: 32px 32px;
    }

    .cmdEntryCompleted {
        background-image: url("data:image/png;base64,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");
        background-size: 32px 32px;
    }

    .cmdNotReadyForEntry {
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cstyle%3E.icon-canvas-transparent%7Bopacity:0;fill:%23f6f6f6%7D.icon-vs-out%7Bfill:%23f6f6f6%7D.icon-vs-bg%7Bfill:%23424242%7D.icon-vs-fg%7Bfill:%23f0eff1%7D%3C/style%3E%3Cpath class='icon-canvas-transparent' d='M16 16H0V0h16v16z' id='canvas'/%3E%3Cpath class='icon-vs-out' d='M13 5v-.25C13 2.513 11.513.636 9.483 0H6.517C4.487.636 3 2.513 3 4.75V5H1v11h14V5h-2z' id='outline'/%3E%3Cpath class='icon-vs-fg' d='M13 7v7H3V7h10zM9.25 9.25a1.25 1.25 0 0 0-2.5 0c0 .512.309.95.75 1.143V13h1v-2.607c.441-.193.75-.631.75-1.143z' id='iconFg'/%3E%3Cg id='iconBg'%3E%3Cpath class='icon-vs-bg' d='M12 6V4.75c0-2.206-1.794-4-4-4s-4 1.794-4 4V6H2v9h12V6h-2zM5 4.75c0-1.654 1.346-3 3-3s3 1.346 3 3V6H5V4.75zM13 14H3V7h10v7zM6.75 9.25a1.25 1.25 0 0 1 2.5 0c0 .512-.309.95-.75 1.143V13h-1v-2.607a1.248 1.248 0 0 1-.75-1.143z'/%3E%3C/g%3E%3C/svg%3E");
        background-size: 32px 32px;
    }

    .cmdApproved {
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cdefs%3E%3Cstyle%3E.icon-canvas-transparent,.icon-vs-out%7Bfill:%23f6f6f6;%7D.icon-canvas-transparent%7Bopacity:0;%7D.icon-vs-green%7Bfill:%23393;%7D.icon-white%7Bfill:%23fff;%7D%3C/style%3E%3C/defs%3E%3Ctitle%3EStatusOK_16x%3C/title%3E%3Cg id='canvas'%3E%3Cpath class='icon-canvas-transparent' d='M16,16H0V0H16Z'/%3E%3C/g%3E%3Cg id='iconBg'%3E%3Cpath class='icon-vs-out' d='M8,16a8,8,0,1,1,8-8A8.009,8.009,0,0,1,8,16Z'/%3E%3Cpath class='icon-vs-green' d='M8,1a7,7,0,1,0,7,7A7,7,0,0,0,8,1ZM6.3,12.389,3.043,9.132,4.457,7.718,6.3,9.561l5.243-5.243,1.414,1.414Z'/%3E%3Cpath class='icon-white' d='M6.3,12.389,3.043,9.132,4.457,7.718,6.3,9.561l5.243-5.243,1.414,1.414Z'/%3E%3C/g%3E%3C/svg%3E");
        background-size: 32px 32px;
    }

    .cmdRejected {
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cdefs%3E%3Cstyle%3E.icon-canvas-transparent,.icon-vs-out%7Bfill:%23f6f6f6;%7D.icon-canvas-transparent%7Bopacity:0;%7D.icon-vs-red%7Bfill:%23e51400;%7D.icon-white%7Bfill:%23fff;%7D%3C/style%3E%3C/defs%3E%3Ctitle%3EStatusCriticalError_16x%3C/title%3E%3Cg id='canvas'%3E%3Cpath class='icon-canvas-transparent' d='M16,16H0V0H16Z'/%3E%3C/g%3E%3Cg id='outline'%3E%3Cpath class='icon-vs-out' d='M16,8A8,8,0,1,1,8,0,8,8,0,0,1,16,8Z'/%3E%3C/g%3E%3Cg id='iconBg'%3E%3Cpath class='icon-vs-red' d='M8,1a7,7,0,1,0,7,7A7,7,0,0,0,8,1Zm4.414,10L11,12.414l-3-3-3,3L3.586,11l3-3-3-3L5,3.586l3,3,3-3L12.414,5l-3,3Z'/%3E%3Cpath class='icon-white' d='M9.414,8l3,3L11,12.414l-3-3-3,3L3.586,11l3-3-3-3L5,3.586l3,3,3-3L12.414,5Z'/%3E%3C/g%3E%3C/svg%3E");
        background-size: 32px 32px;
    }

    .cmdReOpen {
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cstyle%3E.icon-canvas-transparent%7Bopacity:0;fill:%23f6f6f6%7D.icon-vs-out%7Bfill:%23f6f6f6%7D.icon-vs-action-blue%7Bfill:%2300539c%7D%3C/style%3E%3Cpath class='icon-canvas-transparent' d='M16 16H0V0h16v16z' id='canvas'/%3E%3Cpath class='icon-vs-out' d='M15.957 5.5c0 3.033-2.468 5.5-5.5 5.5H5.328l2.646 2.646-2.121 2.121L0 9.914v-.828l5.854-5.854 2.121 2.121L5.328 8h5.129c1.379 0 2.5-1.122 2.5-2.5S11.836 3 10.457 3H9V0h1.457c3.032 0 5.5 2.467 5.5 5.5z' id='outline'/%3E%3Cg id='iconBg'%3E%3Cpath class='icon-vs-action-blue' d='M5.853 4.647l.707.707L2.914 9h7.543c1.93 0 3.5-1.57 3.5-3.5s-1.57-3.5-3.5-3.5V1c2.482 0 4.5 2.019 4.5 4.5s-2.018 4.5-4.5 4.5H2.914l3.646 3.646-.707.707L1 9.5l4.853-4.853z'/%3E%3C/g%3E%3C/svg%3E");
        background-size: 32px 32px;
    }

    .cmdEditDesign {
        background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAABGdBTUEAALGPC/xhBQAAABJ0RVh0VGl0bGUARGVzaWduO0VkaXQ7P1N8pQAACQNJREFUWEe1lntYzdkax1cGIRpJrsMMJ+Q60/MwhzOYTpE0k2JcSo7TjHItColy616SaiqKNAmVnCEkTbpIUSkSSRchTSWUame3u37Pu37tLrPVH3POM+t5Pk/t32+t9/td73rXuzcDwGSGnJS/dHBdQVvGABf+REof6ee/ZPRkgIv1LbhohhQvPQf6vx8hmMjw0WPpPt+zNG/Od4QuS/PSZXeP6bI7nkvbOarDUj04S1gK0f4/cUSHpbjTMzdtCtU1ejPQ/+mFDXiVdg4J7jpO/DMhmEBbK2unRYZmgbZWTlM3GqVIWFuLhN12XURhukZPBriQfF74j2htqkDJnTOIc17kzJ8R/EjIRE9iHUJSMalgW0uDFLHALSctCtE1ejMwIPe8CVpFD9EieoyXKb8gxl7ThT8nBBOyO+tJrK2Z80FKPWtrErEkB01a3jV6MzDw8dn1JH4fja8j0FKXjeJbQbi6/1tuYiDRbqJHMRISELFWEmxtqpNSK5BwWIOWdo2eDPDgg3JC1pFwBprKw9BYfh4tNVl4lhCISzbzXfl7oi8h90cxTruQQGMN8b4dSTVRxeIPLKRlXaM3AwoPg9eS6F1Iys6i8fdQNJaeQXN1OgrjjiNi51w3mtNpoih0AeuJRyFL2I09+1jxRiNWvMmIpgoFzjPcgRx/XrzJ8CMDgx+cMkTT+1RIXoVAUhoMSclpgeaqFBTE+iJs+xx3mqdA9GgiP2Qhc3fxZaEW9iz3XytoSntvyTbWt881NkC2sYG9dK1gRNbAkPuBq9FUlSQVPgXJi1NoeBEI8fMANL25hbxoL5zZrH6E5g4meK+Qw9vdDJVEhTUrKrjG4rNKWXzm7/RKEOmborfY4YXdNrRWFKLYygTJeoscpWv7yBpQzDz+A5rexQuiDc+58AmInx0n/CEu8qPivIknVz1w2nSWB80fQgiBUGbJULadFeado4+dKe/vsmKLU8EuM7SWF0B02gXixAhkrNDBtQXzeJ/p290AT8unGb7L0VgZC3ExCUpF6554Qlzogw8FRL4X1cd1PLrsggCTaUdpjSIhNCy8MqM/neLyS428nZ39E1Fe3YC6IBdUWBrj7S9+yLXfgyDVCVxYXtbA0DRvfTRWRJOwL8RcsMAbGYFGqH3ojg95R/HhiQfqCcmry8i56IjjxlO5iU8JboJnkTPg8NZ1LnbHYvGyphnR6SVI8zuB154OiJqiitDx4+GsosJrqb+sAaU7nnq0wyja6TF8eErkeSDMbCauO+mj5oETRI9dIXrkAlGOMx1TJB5EHMTPhpM9+VqC9wqF205fuZZfN0KTpByXU4oRdDUHManFOLZkFU6NGYs9QxT58bUXsoyBYalHdKn6LwrC9U+OoD7XDREbZ8J8tmJArIs+3mcehOihI+GAugf2dEyhyDy3F+7LJ3rT+rFxB2d6lF1dDUiK0Zq/C+lxnrhyqxCrtgRhgb4TNEbM5BnrLODuBvgD5WRXHTSUhJOwK+qlO+UG6J2qzXxl35tuy1Cdbou6+wdQm7UftRl2qH1yErcCtiPSQi2r9PIPaBMXovWRBSS3tSiGLexs9uJrnf0YOm7ZMYrTWTPmcvRHxsDwJKfFaCgOIWHaZbYDYY8LG2fxSZ8Tn9lpjPRPdF+GqlRrvE+3wbvUPShL3IFHZ4xRckEfdG5oznOEJHEhmbRGxoGJSLT8Atrq071ofUet9JmrOJlt7WaAVy43oJJ4WIsKMAiiB4cgus85gMhNgoEpxARCzU5rTFDSke9RnmCB0jgLZAcsxYtz36FNlIuGtA2oj56HunQrpNuMx82t4+Cro8yPh9cI/2YVGpC8sg6braD6kYER8Qc0qPJPoI7SW5dpi9p7+5DhZ4zbzouQ7KiFZAdNJB7SwG92C3Ev0BCZfkvwPEQHbbU5ECetQ/1/1FGTsg2pVmMRYzYGHlpK/hR3OMELVBA3tjrL5JW1mebUaX8wwFMzMs52IRWgD52tDWrT96A2zRri/DNoKI1FwyvqDy9voLboCspzwpFJBopOLUZrdRbq4wxRFzYD1UmbkLxtFKJNRsH1W6UciskzN5TgG+yTZfsFczlgzzSmqDG/+dTHZAyMit07H/WPPUh4F2ru7kTNHSu8T7VEdcoOVCVvR2XCVjy7Zoo0T00U+Gug5W066q6vQFXwFFTdNEGi6QhErVPBFetvEGVvgF3fqARQ3NEE/xLjPUIuY9dY5jNXgXl/TY9kDcTsnkeF50rCliS8A9Wp21F12xzvkrahIn4ziqJ+Qqq7Bp56L0DT61RUX16GNwETURVjjLgflfHrKmVcMp+F/AtrUB63AwluBrBZONyPYo8g+A8bubsWo9jR2YOYh/rHBkZGW/0d71JsURFrhoobpqiIMUXZ9Z9QcuXfyAs3wm8HtXHXyxTN5UmojtDBm5/H4d211bixbhguLldCuNlUZAfroyh8JUoiV6E8egviHHSxb4GyD8Xnt4D3Gzn3WQOZK9HdgNAJL2xWT75E1+4Sdb9f6f5fNJ2ByA3TcW79NJw0VEPUVm1aAlSdXYxK99F4c2kZotcoIlxvKI5qqiBg5d8QYjgJ540nI0xgEsKJsLWqXIjXgmDAebo8c5pGl0JqgA9eoTxF/LqMIsYSnxHjiInEV94r5kTfC3bDm/wslDmNQGXkUlw1GILzuoqwUOt/nubMIdQIfl153xgvhcdSJnh84SY4qvVnDkR3AzwL/CV3yI+D31kOvz7DhiqPVd+3drW4prQQZcnBuOu/G2Hm+gjUn4GdavKnaQ43yUV4j+druFgHPA6PKYi/sBzM7Kf0F+huoGNwIx3wBUKL/vIfyw9v2+GIynuRSPGxxGnjBfBaNBXmX448Se95lnh/5+YFkd4oMh/IOIcn9xMQDPSGdBF3PmrOP9c/NbcNhc7ildCdMbXBWn3MNYMJSmv4O6LzJ9rN1UOYwKp2Mk0UWNHmAayQs0m+kz9jgGdARXWmNoaNnl44ROlzt0/6DZpNz/i58qLiKRbu96FJ/difpUfhDnhQaXC+Q36PxxC8rfKfYvxcO1N+ULUv+1/oUbgD6egw0VGYPCPCjqX8H4Ox/wLT1IlzMgVVQQAAAABJRU5ErkJggg==");
        background-size: 32px 32px;
    }

    .cmdSaveColSizes {
        background-image: url("data:image/png;base64,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");
        background-size: 32px 32px;
    }

    .cmdSaveDefaults {
        background-image: url("data:image/png;base64,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");
        background-size: 32px 32px;
    }

    .cmdAddExtraTab {
        background-image: url("data:image/png;base64,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");
        background-size: 32px 32px;
    }

    .cmdRecalcAll {
        background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAABGdBTUEAALGPC/xhBQAAABV0RVh0VGl0bGUAUGl2b3Q7U3VtO1RhYmxlQ9AQOAAACDxJREFUWEetl3lQ1OcZxzG1adMzJk2vJG2n/3SaadN2OtNOZ5p0gmPGpEnaeBCoYjQKmHCjggJyi8GKIHKpULUQYLnKfQsoWKIsh4hy47LLsScssMvh9e3zvL9dwBWbpNPfzGfe97fH8/0+z/s+7/7WbsW15v/IEzb3SxeAh+DL+oUvWVi7Cl9+DE+uwldWwJ/hmEsmHjGwNarW3imm6ZrTsWY4xjQJ3vv4MhyOXsbW6EvYEtWITcS7kQ34a0Q93gm/iLdD6/BWSB3eDK7FG0E12BhYjdcPVmNDQBXW+1fA/kA5XttXjj/5Fsv/4HbhddLlJISJRwyQuDqpQYnc6wbIOiVyOnXI6iDadHBL60CGXIt/tmpw/poG5z5VI71FjTTizJUJvJ/UhpSmcSRdGkNS4xgSGkZxsn4U8RdVCJT14FXfEjXpcjW4yqsYoMxZNLpWJThSo0JUtRKRVUpEVI4IA6HlCoSUKXC49DaCiocRWDSEg/8aQkDhkDCwP28A+3IH4JvTB5/sPnhn9cHrk17EUqxXfUp5oZ/6rwZyOvUWcaUkTkRUjSCcDLhaDBwuVSC4ZFgywOKEf/4gdiS2Y39uP/xk/WSgXxhgcc/MXhyjOK/4lLCBrxO8F1Y3kN2hF5lbs4+wZB9WMQKXsx0IocwPly6LH2Jxyv4AGXA+1SaJyyhzFs8icTLgkdmDGEricxnIatctiQsDJB5eqUAYZc4GuPTBLE6wOJees+fSbycDvmxAlL5XZO9B2btn9OBohQKveAsD33isAceYZrHOD0GiroTLmXa4nG7H7tMd2J3ajl0p7diZ3IYdtO7OiURCG7YlyPG3k3I4xcvhGCfHeyfkcIhtxRbmuBx/lAx887EG4s81wzR3F1Ozi5icWYHlvrDmlnQ/vfyegaF7HvOrbkI/vSAwGAnLnDGaFvFxcj0b+BbBrfjodSLtMmbMdynwgoCDipEDkkhB9U1JjOCgOuM8dFML0E7NCWQVXdBMSnMtjTy3YpieR9SpWjbwDGFtxZWnpJ3d3880CgOS4LKwNYv8qm6LMDE1T5VgzJg0mqCfmkHbjREaZwU6wwx0k9MShmkY6P3qhhts4IfEt4mvEV8l+ISUjMSk1mPadAd6FhBClCHPCRbOq+yGll7TUIZ6oxldPWM4k/VvHEm8iKjEOkQm1CKCCD9Zg/D4GoTFVSOUCDlRhZDYSgQflwg6VkGUIyC6uG2vf9obJM7H9hq7aApipPXmsnKG1ky1DAnLym+IuXrSTFmacCKtEX23dZi/cw/zi/eJR8e5Fdje3xzQwD+6WEPiXI0n7CITapBbcUMgs0KiTI4Yu8SYXdoJ+XWFyJjFjWaqGu0VNjmhn4XaIMHzcd3MEmPaaTHye1xhPS3vgSPFy50RFleFKdp4GspSMymVWkK6zy7rouznMaYzQaM3UpmrRSbcJZopM7oLvNB52h6dqfboSF2PjhQieT3ak4hEe7Ql2EMe/xpaTrtiXD8jltUvoogN8J5Yaxd8vFy0mJp27TKUlWWeVXqd3M9RJrPQ6Iy0tpXCAHcLZ9YatwEPTC14MNNMNOGBsYGow/3Jatw3lOOevgT3dIWoDfgdVOopUQWfsMJlA4diyoQrFhGQ6ASNEvP4pKRTzFVkQK2dog1VIQzoLQauHtuARdUFjFa7oS7g96j0+y3KvX6Dko9eRpHbL1Cw+yXk7/o5SkOcKAmj2OReofls4GlhwD+6SHQAi4zbop9DZnGnGFUaWl/NJAJjyi0G6Du03kVH96P17B7cU8ZB3RSOK2m+uNU3hNtjWigmDFCM6wkDRjXTlJwZWkrW/XAeG1gnDPiFF0x82qmUdr0t5DazqFPshwm9iSowiYCjJTAvkAEKpKUzgcsqC/HAtUQH3BmIwnh9IJpPuWFQMUp7iAWlOKKVGYr1UaCMDfDhtNbuL85HHJy90rU7vM+BcfZayT+Wxm2eacjMbxY72LxwV2pXMsEBRyjTDH9XXIl9G4vdQRgp88KlZB/K2rgsbkmKTbgdzLYa4ANJnEx8VnNJ+MVnbfiOhe8TP90XWSQMaMVhRecDdcLwqBb1Kf4YzHPDwvWDuC1zQlbALlo2MsCiAktnEa7+WWyAYwsDfCR+1sMnw081z/mEF4ol4EzUFJTXuCE5AIP5HljsjYUixxHpezaid0BB+8q8JMydJTqM7vccyGQDnBTHfeiy/kisBn94nXdoAUxUAY1xDkpa/4aUQ+jLcsPirRh0JL6FVJd30HK1A7cGVXRijhMTYhwe1WGMNi239wf7MtjAcyKm7e/zalgurtA6T9rBpnkyQJkMqNSo9HwZM62hGMjYhBKPX6PY/VcophYs/vCXKNpLUCsWubyE0uDNGFRphIGdvhf+ZwPPuAfJhAEuZf+IGiW7f4a5a/thatwpxjl5MI0BMLf4wXTFG6amDzHb6ALZ5hfRMzRGBsx43/s8B/0u8eSqgrZYLl6CZ/ceypYMUCbDYzqUBW1GnuNPkOfwY0Hu1h8hb8sLkG15EbJNLyBn0/PIefd55Hu/iQElVYD2BXcbxfoe8YUMiArwDmYDXMpR3awoa8/gKP3KqXCzX4nu/hFCiRt9I+jqU9DIjKBPoYaKTk42wG1NsdjAF16Cpz/wO69u7VKKUgooIDNOc2bpnk5SaXyYhquD2Oaexn9WpDZcTdAWurgLuF2f+rNTmNN2j3Td8kFFeEpst4z8Gs+XSV8at7mf1W3cGrydYkmP6qsJ2mK52ARXgR8k+NDiXcxlXAkfVrb8YAV8z/3Pj+m8p9asKmiL5bKeB1wJ/jJj+8/488Dfs/xjtlvzH9Ve4bAL6O9DAAAAAElFTkSuQmCC");
        background-size: 32px 32px;
    }

    .cmdSaveSheet {
        background-image: url("data:image/gif;base64,R0lGODlhIAAgAPf/AAEBBwEBCgICDQMEDQMDEAMEFAQFFgUGGAUGHAgKIQgJJAoNJgoLLgwPLAwPNQ4TNhAWPhARQRMWRxQYUBccWxgeVxwiYB0jaSApbSMqeS9MdjJMdjBNeTNRdzNTfGpqamxsbG5xenFxcXZ2dnh4eCYwiigzgyw4jys2miw5nDE+mjI8riY72Cc92yg+2yk/3TlbhDpeiSFdvzZEqDdCtztKsTphiC5C1StB3z1JxTFD1zFE1TJH2TZM1TNI2DNM2TVN2TVQ2zdT3ThT2jlZ3Tpd3ypB4SxD4SxE4S1J4i5J5DBM5jRW5zJR6DJV6TRW6jRZ6zdb7DVd6z1h3jtj4Txl4Thi7D5t5Dxs7Dtu8D9w5j5z7D1z8EFRu0NvlkRwl0RxmVl6nEpwq3R4g0ZYx0NT1EVX3kpf0Ela4k5j2k9i60Fz5EB160N85kN86EB18EF98FFi4lRn51Ro4lVq6Vdv61Vo9Fhr9Fxw4Fhx6Vp27Ft7711471t09V558mt/52B59WGAomqOrW6QrneHpXiHqHGSr3SVtHWYtXmYtk6Rz1KV1VWb21ec20WE5kSF6EaL6UKC8USJ8UaS6kiQ50iV6Umb6kWT80ac8lGP7F2A8Eih9Fqg4V2i4F6l5FKq81mj9Fqy9GyD52mC62CF8mGM8m+B8mSV82ac9HGI53ON63WO6n2N6nuL9XyL9HmU63ua7mOo5mSs6WOr9Gil9Gmr9Gmw7Gqz9G669n2h8HG39HK69Xq+9mvD9XHE9nfI9n3C9oaGhoqKio2NjZCQkLa2trq6ur6+voOU65291oGl8IWq8Iat8oiz84u79JC+9bK97IHE9oTM9o7W9pPE9ZbI9pnN9pzV+J3Z+KbL7arN7arP8KnQ7qvV9q3Y+bTA77fb+L3X8rzZ87ne+sTExMjIyM3NztbW1tnZ2d7e3sPO9sDc+Nnf+srm+c7p+db0+uLi4uTk5Ojo6O3t7eHi+uPk+ubn++Lr+uX7+Oz7+PHx8fb29vP7+fn5+QAAAAD/ACH5BAEKAP8ALAAAAAAgACAAAAj/AP/9A0QQkBgwCBMqTCjGj8M+ekYJnPivj7dxGL0l28ixo0eMGLeN+kbxTrRZmz6F8iXoUKJE+frJnJkvn6FplnJSwqaHop1oujBt2tRr0MtD/dy5a9fOECJE/W7mzIltDkU1wGph2gosTKBAYfqNW7cu3NdA+cJIm2oJWxqKaLJewnTJV4y7Mfpl28aNm42/+WxImzSJkqVqZyiW4UXrkqS6ePNmm6wNhuV3MKJNglS4GhmKOXihkkQal4fTHvrFrFkT3zsPwCBBcgSpWheKNERH2n0LNQcPGjhs2OBhw+8OvGg7ckStBsUVu05FehMJFK7r13ftwrWd+65ZmRyx/1lObQZFFbpKcXnDvr3792zis2lD/5kKiinSc1nPfj8XLf/9p8WA8a2xBn1t2EdRCbqQgsWDXDwo4YNXYKHFFRdeccUaGrbRzAkUZWCLgw8WMsaJIYyR4ooqnnhiIRo2YwJFF9iiiRU4zqTjjjvqU8UVy2RAkQWy7AGFFVD0E8+STDYZDzpPPqlPEVUsgwFFE8SiRxNQNNHPPPPEA6aYTi4J5ZRTKGMBRRJwsmUTXuqjzzAikGDnnXcOE6Y+QhCRSwUUOcBJHUsU2o+ciM6jj6KMjqlon7BIQFEDgy6RxBIz0SnCppxuSsIwi/bjAxGvQECRAozEYYQRSvCooz6HIokKqw8+rPIARQukuqoRmYLgKwgiAMvpMDPx4IMqDVBUwCJxuOACr65GK5OxqSxAEQLMOuuCtNLysIMoCVAUgCJmsGAut9He0MMfCIgrgymmtNLKPfXUa++9+NbDDjKs4HEARf98UEAAABRs8MEHB6DwwgEU4DDAEEcs8cQUV2zxxRhnrPHGHAsUEAA7");
        background-size: 32px 32px;
    }

    .gc-ribbon-bar .ribbon-button-item.ribbon-bigbutton {
        min-height: inherit !important;
        max-width: inherit !important;
    }

    /**************************** Style for the special Popup: Info, Popup, Warning, Error, Confirm *******************************************/
    .successPopup {
    }

    .warningPopup {
    }

    .infoPopup {
    }

    .errorPopup {
    }

    .confirmPopup {
    }

    .requiredFieldPopup {
    }

    .successPopup .dx-popup-title,
    .warningPopup .dx-popup-title,
    .infoPopup .dx-popup-title,
    .errorPopup .dx-popup-title,
    .confirmPopup .dx-popup-title,
    .requiredFieldPopup .dx-popup-title {
        border-bottom: 1px solid #fff !important;
        background: 0 0 !important;
        /*color: white !important;*/
        font-weight: 400 !important;
        font-size: 16px !important;
        font-family: 'Helvetica Neue','Segoe UI',Helvetica,Verdana,sans-serif !important;
        /*line-height: 1.33334 !important;*/
    }

    .requiredFieldPopup .dx-popup-title {
        border-bottom: 0px !important;
        color: inherit !important;
    }

    .confirmPopup .dx-popup-title {
        border-bottom: 1px solid #ddd !important;
        background: 0 0 !important;
        font-weight: 400 !important;
        font-size: 16px !important;
        font-family: 'Helvetica Neue','Segoe UI',Helvetica,Verdana,sans-serif !important;
        color: #333 !important;
        /*line-height: 1.33334 !important;*/
    }

    .requiredFieldIcon {
        padding-top: 0.5em;
        padding-left: 0.7em;
        padding-right: 0.5em;
        font-size: 125%;
        color: #ba3e09;
    }

    .requiredFieldPopupTitle {
        font-family: prometo;
        font-size: 140%;
        font-weight: 600;
    }

    .successPopup .dx-popup-content,
    .warningPopup .dx-popup-content,
    .infoPopup .dx-popup-content,
    .errorPopup .dx-popup-content,
    .confirmPopup .dx-popup-content {
        line-height: 1.35715;
        font-size: 14px;
        font-weight: 400;
    }

    .requiredFieldPopup .dx-popup-content {
        padding-left: 2em;
        padding-right: 2em;
    }

    .successPopup, .warningPopup, .infoPopup, .errorPopup, .confirmPopup .requiredFieldPopup .dx-toolbar.dx-widget.dx-visibility-change-handler.dx-collection.dx-popup-bottom {
        padding-top: 0;
    }

    .successPopup .dx-overlay-content.dx-popup-normal.dx-resizable {
        /*background-color: #5cb85c;
        color: #fff;*/
        border-color: transparent;
    }

    .requiredFieldPopup .dx-overlay-content.dx-popup-normal.dx-resizable {
        padding: 1em;
    }

    .successPopup .dx-button-content {
        font: bold;
        /*color: darkgreen;
        background-color: white;*/
    }

    .warningPopup .dx-overlay-content.dx-popup-normal.dx-resizable {
        /*background-color: #f0ad4e;
        color: #fff;*/
        border-color: transparent;
    }

    .warningPopup .dx-overlay-content.dx-popup-normal.dx-resizable .dx-popup-bottom {
        /*background-color: #f0ad4e;
        color: #fff;*/
        border-color: transparent;
    }

    .warningPopup .dx-button-content {
        font: bold;
        /*color: #ff8c00;
        background-color: white;*/
    }

    .infoPopup .dx-overlay-content.dx-popup-normal.dx-resizable {
        /*background-color: #337ab7;
        color: #fff;*/
        border-color: transparent;
    }

    .infoPopup .dx-overlay-content.dx-popup-normal.dx-resizable .dx-popup-bottom {
        /*background-color: #337ab7 !important;
        color: #fff;*/
        border-color: transparent;
    }

    .infoPopup .dx-button-content {
        font: bold;
        /*color: darkblue;
        background-color: white;*/
    }

    .errorPopup .dx-overlay-content.dx-popup-normal.dx-resizable {
        /*background-color: #d9534f;
        color: #fff;*/
        border-color: transparent;
    }

    .errorPopup .dx-overlay-content.dx-popup-normal.dx-resizable .dx-popup-bottom {
        /*background-color: #d9534f;
        color: #fff;*/
        border-color: transparent;
    }

    .errorPopup .dx-button-content {
        font: bold;
        /*background-color: white;
        color: #8b0000;*/
    }

    .confirmPopup .dx-overlay-content.dx-popup-normal.dx-resizable {
        /*background-color: #d9534f;
            border-color: transparent;
            color: #fff;*/
    }

    .confirmPopup .dx-overlay-content.dx-popup-normal.dx-resizable .dx-popup-bottom {
        /*background-color: #d9534f;
        border-color: transparent;
        color: #fff;*/
    }

    .confirmPopup .dx-button-content {
        /*font: bold;
            color: #8b0000;*/
    }

    /*.fa-check-circle {
        background-color: white;
        color: #5cb85c;
        border-radius: 50%;
    }*/



    /******************************* Style for the DocViewer *********************************************************/

    .viewerPager:hover{

    }
    .viewerPagerPrevious:hover {
        background-color: #ddd;
    }
    .viewerPagerNext:hover {
        background-color: #ddd;
    }
    .viewerPagerNext {
        text-align: center;
        width: 35px;
        display: table-cell;
        border: 1px solid #ddd;
        border-top-right-radius: 5px;
        cursor: pointer;
        border-bottom-right-radius: 5px;
        padding-left: 4px;
        padding-right: 4px;
        color: black;
        height: 31px;
        vertical-align: middle;
    }
    .viewerPagerPrevious {
        text-align: center;
        width: 35px;
        display: table-cell;
        border: 1px solid #ddd;
        border-top-left-radius: 5px;
        cursor: pointer;
        border-bottom-left-radius: 5px;
        padding-left: 4px;
        padding-right: 4px;
        color: black;
        height: 31px;
        vertical-align: middle;
    }
    .viewerPagerPrevious:active {
        border: 1px solid black;
    }
    .viewerPagerNext:active {
        border: 1px solid black;
    }
    .viewerIframe a {
        color: blue;
        text-decoration: underline; /* no underline */
    }

    .viewerClassSticky th {
        padding: 2px;
        white-space: nowrap;
        position: sticky;
        top: 0; /* Don't forget this, required for the stickiness */
        /*background-color: #5c95c5;*/
        border: 1px solid #ddd;
        color: black;
        cursor: default;
        /*color:black;*/
        font-weight: normal;
        /*box-shadow: 0 1px 1px -1px rgba(0, 0, 0, 0.1);*/
        /*box-shadow: 0px 1px 1px 1px #ddd;*/
    }

.viewerSelected {
    font: 12px !important;
    background-color: var(--row-selected-color) !important;
    color: white !important;
}

    .viewerClassSticky tbody > tr > :nth-child(1) {
        border-left: 1px solid #ddd;
    }

    .viewerClassSticky td {
        padding:2px;
        white-space: nowrap;
        border-bottom: 1px solid #ddd;
        border-right: 1px solid #ddd;
    }

    .viewerClassSticky tr {
        cursor: pointer;
    }

    /******************************* End of Style for the DocViewer *********************************************************/


    /*******************Style for the Syncfusion Splitter**********************************/
    /* We need to control the border color of the circle of the splitter when we try to collapse */
    .e-splitter .e-split-bar.e-split-bar-horizontal.e-split-bar-hover .e-navigate-arrow.e-arrow-left, .e-splitter .e-split-bar.e-split-bar-horizontal.e-split-bar-hover .e-navigate-arrow.e-arrow-right {
        border-color: var(--row-selected-color);
    }

    .e-split-bar-hover {
        background-color:var(--row-selected-color)!important;
    }
    .e-split-bar-active {
        background-color: var(--row-selected-color)!important;
    }
    .e-split-bar .e-navigate-arrow::before {
        background-color: var(--row-selected-color) !important;
    }
    .e-split-bar .e-navigate-arrow::after {
        background-color: var(--row-selected-color) !important;
    }
    /*******************End of Splitter**************/

    /*******************************Timer Progress Indeterminate Bar***********************************************/
    .demo-container-timer {
        width: 250px;
        margin: auto;
    }

    .progress-bar-timer {
        height: 9px;
        background-color: rgba(5, 114, 206, 0.2);
        width: 100%;
        overflow: hidden;
    }

    .progress-bar-value-timer {
        width: 100%;
        height: 100%;
        background-color: rgb(5, 114, 206);
        animation: indeterminateAnimationTimer 1s infinite linear;
        transform-origin: 0% 50%;
    }

    @keyframes indeterminateAnimationTimer {
        0% {
            transform: translateX(0) scaleX(0);
        }

        40% {
            transform: translateX(0) scaleX(0.4);
        }

        100% {
            transform: translateX(100%) scaleX(0.5);
        }
    }

    /*************************************End Timer Progress Indeterminate Bar***********************************************/



    /************************************Style for dxSelectBox*************************************************************/
    .dxSelectBoxPopup {
        position: relative;
        /*min-height: 30px;*/
        /*width: 120px;*/
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }
    /***********************************End Style for dxSelectBox*************************************************************/



    /***********************************************Style for CardGrid dxDatagrid******************************************************/

    .cardGridSearchClass .input-icons i {
        position: absolute;
    }

    .cardGridSearchClass .input-icons {
        width: 100%;
        margin-bottom: 10px;
    }

    .cardGridSearchClass .icon {
        padding: 10px;
        min-width: 40px;
    }

    .cardGridSearchClass .input-field {
        width: 100%;
        padding: 10px;
        text-align: center;
    }

    .cardGridSearchClass .input-class {
        text-align: left;
        background-color: white;
        border: 2px solid #ddd;
        border-radius: 4px;
        font-size: 15px;
        font-weight: 200;
        padding: 5px 0 5px 35px;
        min-width: 150px;
        transition: border .5s;
        font-family: Open-sans,sans-serif;
    }

    .cardGridSearchClass input:focus {
        outline: none;
        border: 2px solid #3498DB !important;
        box-shadow: none !important;
    }

    .cardGridScannerClass .dx-datagrid .dx-row > td {
        padding-top: 1px !important;
        padding-bottom: 1px !important;
    }

    /*This class will avoid the CardGrid Group title from being badly aligned*/
    /*Usually is dynamically calculated and set by DevExtreme*/
    .cardGridScannerClass col {
        width:auto!important;
    }


    /***********************************************End Style for CardGrid dxDatagrid******************************************************/


    /***********************************************Color Style for Button: Primary, Secondary, ...******************************************************/
    /* It is used for now for the dxDropDownButton*/

    .classPrimaryNormal { /*This is the actual color for every button we don't need to do anything*/
    }

    .classPrimaryImportant.dx-dropdownbutton .dx-buttongroup-last-item .dx-button-content {
        background-color: #68bf32;
        color: white;
    }
    .classPrimaryImportant i.dx-icon.dx-icon-spindown.dx-icon-right {
        color: white;
    }

    .classSecondaryNormal.dx-dropdownbutton .dx-buttongroup-last-item .dx-button-content {
        background-color: transparent;
        color: black;
        border-color: #ddd;
    }
    .classSecondaryNormal i.dx-icon.dx-icon-spindown.dx-icon-right {
        color: black;
    }

    .classSecondaryImportant.dx-dropdownbutton .dx-buttongroup-last-item .dx-button-content {
        background-color: transparent;
        color: red;
        border-color: red;
    }
    .classSecondaryImportant i.dx-icon.dx-icon-spindown.dx-icon-right {
        color: red;
    }
    /***********************************************Color Style for Button: Primary, Secondary, ...******************************************************/



    /***********************************************Control Title******************************************************/
    .controlTitle {
        font-family: "open-sans";
        font-size: 16px !important;
        font-weight: 700;
        width: 100%;
        text-align: left;
        color: #00233B8A;
        padding-left: 18px;
        line-height: 16px;
        padding-top:4px;
        padding-bottom:4px;
    }
    /********************************************End of Control Title**************************************************/




    /*------------------------------------------*/
    /*Style for the MVC Application -- End*/
    /*From Brian Web Form need to be taken out later*/
    .mvt1 {
        font-family: Arial;
        font-size: 14pt;
        color: #43589A;
        font-weight: bold;
        text-align: Center;
    }

    .mvh1 {
        font-family: 'prometo-semibold' !important;
        font-size: 18px !important;
        color: #0062C5 !important;
        text-align: Left !important;
        /*font-family: Arial;
        font-size: 12pt;
        color: #43589A;
        font-weight: bold;
        text-align: Left*/
    }

    .mvp1 {
        font-family: Arial;
        font-size: 8pt;
    }

    .mvft1 {
        font-family: Arial;
        font-size: 10pt;
        text-align: Left;
        font-weight: bold;
        color: #FFFFFF;
        background-color: #43589A
    }

    .mvfh1 {
        font-family: Arial;
        font-size: 8pt;
        text-align: Left;
        font-weight: bold
    }

    .mvfd1 {
        font-family: Arial;
        font-size: 8pt
    }

    .mvfd1e {
        font-family: Arial;
        font-size: 8pt;
        color: #FF0000
    }

    .mvfd1w {
        font-family: Arial;
        font-size: 8pt;
        color: #0000FF
    }


    .mvtt1 {
        font-family: Arial;
        font-size: 10pt;
        text-align: Left;
        font-weight: bold;
        color: #FFFFFF;
        background-color: #43589A
    }

    .mvth1 {
        font-family: 'open-sans-semibold' !important;
        font-size: 16px !important;
        /* font-weight: bold;
        /*font-family: Arial;
        font-size: 8pt;
        font-weight: bold*/
    }

    .mvtd1 {
        font-family: 'open-sans' !important;
        font-size: 13px !important;
        padding-top: 2px;
        padding-left: 2px;
        /*font-family: Arial;
        font-size: 8pt*/
    }

    .mvtd1e {
        font-family: Arial;
        font-size: 8pt;
        color: #FF0000
    }

    .mvtd1w {
        font-family: Arial;
        font-size: 8pt;
        color: #0000FF
    }

    /********************************** End of Style for the MVC Application********************************************/

    /******************************* Style for the Search bar *********************************************************/
    .autocomplete {
        position: relative;
        display: inline-block;
    }

    .searchBar {
        padding: 10px;
        border-radius: 5px;
    }

    .searchBar[type=text] {
        width: 200%;
    }

    .searchBar[type=text]:focus {
        border: 1px solid #0062C5;
        box-shadow: none !important;
    }

    .autocomplete-items {
        padding-left: 5px;
        position: absolute;
        border: 1px solid #0062C5;
        background: #FFFFFF;
        border-radius: 5px;
        max-height: 600px;
        overflow: hidden;
    }

    /*.autocomplete-item .dx-scrollable {
        height: auto;
    }

    .autocomplete-item .dx-scrollable-container {
        max-height: 600px;
    }*/

    .autocomplete-items .dx-scrollview-content div {
        cursor: pointer;
        border-radius: 5px;
    }

    /*when hovering an item:*/
    .autocomplete-items .dx-scrollview-content div:hover {
        background-color: #e9e9e9;
    }

    /*when navigating through the items using the arrow keys:*/
    .autocomplete-active {
        background-color: #e9e9e9 !important;
    }

    .autocomplete-items .dx-scrollview-content div:hover .showOnHover {
        font-size: 10px;
        float: right;
        visibility: visible !important;
        color: #00000099;
    }

    .autocomplete-active .showOnHover {
        font-size: 10px;
        float: right;
        visibility: visible !important;
        color: #00000099;
    }

    .autocomplete-items div .showOnHover {
        visibility: hidden;
    }

    /** menu underline fix when moving to a*/
    .autocomplete-items a:hover {
        text-decoration: none;
    }

    /******************************* End of Style for the Search bar *********************************************************/

    /* class for UCHAR*/
    .uppercase {
        text-transform: uppercase;
    }
    /******************************* Style for the sidebar query*********************************************************/
    .e-sidebar{
        overflow: hidden !important;
    }

    .handle {
        display: inline-flex;
        vertical-align: top;
        font-size: 18px;
        cursor: move;
        margin-top: 8px;
        opacity: 20%;
    }

    .column {
        display: block;
        box-sizing: border-box;
        position: relative;
        padding: 4px;
        cursor: default;
        border-bottom: 1px solid lightgray;
    }

    .option-selected {
        box-sizing: border-box;
        margin: 4px 4px;
        padding: 4px 8px 4px 8px;
        border-radius: 4px;
        display: inline-block;
        background-color: #0079F219;
        border: 1px solid #006DDA;
    }

    .option-not-selected {
        box-sizing: border-box;
        margin: 4px 4px;
        padding: 4px 8px 4px 8px;
        border-radius: 4px;
        display: inline-block;
        background-color: #97989933;
        border: 1px solid darkgray;
        cursor: pointer;
    }

    .filter-selected {
        box-sizing: border-box;
        margin: 4px;
        padding: 4px 8px 4px 8px;
        border-radius: 20px;
        display: inline-block;
        background-color: #0079F219;
        border: 1px solid #006DDA;
    }

    .filter-not-selected {
        box-sizing: border-box;
        margin: 4px;
        padding: 4px 8px 4px 8px;
        border-radius: 20px;
        display: inline-block;
        background-color: #97989933;
        border: 1px solid darkgray;
        cursor: pointer;
    }

    .delete-option {
        font-size: 18px !important;
        vertical-align: bottom;
        cursor: pointer;
        color: #006DDA;
        padding-left: 4px;
    }

    .saveQueryAsSelectBox .dx-placeholder {
        display: none;
    }

    .expand-button {
        position: absolute;
        right: 4px;
        top: 10px;
        cursor: pointer;
    }

    .expand-button:focus {
        border: 1px solid #0062C5;
        border-radius: 4px;
        box-shadow: 0 1px 2px #0062C5;
    }

    .remove-button {
        position: absolute;
        right: 32px;
        top: 12px;
        font-size: 20px;
        cursor: pointer;
    }

    .operator-text-box {
    }

    .dx-texteditor-container {
        background-color: transparent;
    }

    .date-icon {
        padding:0px;
    }

    .e-grouping-bar .e-pivot-grouping-bar{
        width: auto;
    }

    .pivot-highlighted-cell {
        background-color: #E5F1FE !important;
        border: 1px solid #0079F2 !important;
        font-weight: bold !important;
    }

    .e-control .e-grid .e-lib .e-grid-min-height .e-responsive .e-default .e-droppable .e-bothlines .e-tooltip .e-keyboard {
        width: auto;
    }

    .e-pivotfieldlist-wrapper .e-title-header .e-title-content {
        line-height: normal !important;
    }

    .e-pivot-error-dialog {
        max-width: 500px !important;
    }

    .e-treeview .e-ul {
        margin: 0;
    }

    .e-pivotview .e-group-row .e-group-rows .e-pvt-btn-div .e-pivot-button {
        width:auto !important;
    }

    /*drillthrough pivot popup*/
    .e-drillthrough-dialog {
        min-height: 500px;
        width: auto !important;
        margin: 40px
    }
    .e-drillthrough-dialog .e-grid .e-content {
        min-height: 200px !important;
    }

    /* This for the buttons of the quantity Field of the Scanner*/
    .offsetButton {
        font-size: 22px;
        text-align: center;
    }

    .dx-button.offsetButton .dx-button-content {
        padding-left: 0px;
        padding-right: 0px;
    }

        /*This is for the invalid message. The length of the error message shouldn't be longer than the field's width*/
    .dx-invalid-message > .dx-overlay-content {
        background-color: transparent;
        white-space: nowrap !important;
        overflow: hidden !important;
        text-overflow: ellipsis !important;
    }

    /*This is to Keep an space between invalid badge abd the textbox scrollbar*/
    .dx-invalid.dx-texteditor.dx-show-invalid-badge .dx-texteditor-input-container::after {
        margin-right: 15px !important;
    }
    /* This is to show the error message on top of the invalid field WHEN HOVERING the field. */
    .dx-show-invalid-badge:hover .dx-invalid-message > .dx-overlay-content,
    .dx-invalid:hover .dx-invalid-message > .dx-overlay-content {
        visibility: visible !important;
        white-space: break-spaces !important;
        overflow: visible !important;
        text-overflow: initial !important;
        background-color: #F8ECE6;
        color: #BA3E09;
        border-color: #BA3E09;
        border-radius: 7px;
        padding: 8px;
    }

    /******************************* Style for Query Validation *********************************************************/
    .column .dx-invalid.dx-texteditor.dx-show-invalid-badge .dx-texteditor-input-container::after {
        margin-right: -6px !important;
    }

    /*This is for the invalid message. The length of the error message shouldn't be longer than the field's width*/
    .column .dx-invalid-message > .dx-overlay-content {
        visibility: hidden;
    }

    .column .dx-texteditor.dx-invalid.dx-editor-filled .dx-texteditor-input, .dx-texteditor.dx-invalid.dx-editor-outlined .dx-texteditor-input, .dx-texteditor.dx-valid.dx-editor-filled .dx-texteditor-input, .dx-texteditor.dx-valid.dx-editor-outlined .dx-texteditor-input {
        padding-right: 18px !important;
    }


    /******************************* Style for the VPA *********************************************************/
    .gc-ribbon-bar .ribbon-button-item .ribbon-button-item-icon {
        height: 16px !important;
        width: 16px !important;
    }

    .gc-ribbon-bar .ribbon-button-item.ribbon-bigbutton .ribbon-button-item-icon {
        background-size: 24px !important;
    }

    .gc-ribbon-bar .ribbon-panel-groups .ribbon-panel-group {
        padding: 0px 12px !important;
    }

    .gc-ribbon-bar .ribbon-dropdown-group-vertical-container {
        height: auto !important;
    }

    .gc-ribbon-bar .ribbon-panel-groups .ribbon-panel-group .ribbon-panelgrouplabel-container .ribbon-panel-group-label {
        font-size: 14px !important;
    }

    .dx-popup-content {
        overflow: auto !important;
    }


    /******************************* Style button and texteditor focus *********************************************************/
    .dx-button.dx-button-default.dx-state-focused {
        border: solid 1px #0079f2;
        padding: 1px;
        background-clip: content-box;
    }

    .dx-texteditor.dx-state-active, .dx-texteditor.dx-state-focused::after {
        border-bottom: solid 1px #0079f2 !important;
    }

    /******* Style left panel form to show labels in a flex mode so they are not hidden to the right  ********/
    /*.dx-field-item-optional.dx-flex-layout.dx-label-h-align {*/
        /* display: flex; */ /*MVD-3406 This custom Flex property was affecting the label positioning*/
        /*flex-wrap: wrap;*/
        /*justify-content: space-between;
        align-items: initial;
        box-sizing: border-box;*/
    /*}*/

        /*.dx-field-item-optional.dx-flex-layout.dx-label-h-align > .dx-field-item-label-content {
            box-sizing: border-box;
        }*/


    .e-pivotfieldlist-container .e-field-list-container .e-field-table .e-field-list ul li {
        margin-left: 0px !important;
    }

    .e-treeview .e-list-item {
        padding: 0px !important;
    }

    .e-treeview .e-text-content {
        padding: 0px !important;
    }

    .e-treeview .e-ul {
        margin: 0px !important;
    }

    /* pivotgrid custom fields devextreme */
    .dx-treeview-toggle-item-visibility {
        font: 14px / 14px DXIcons !important;
        height: 26px;
        top: 4px;
        left: 4px;
    }

    .dx-treeview-item {
        padding: 8px 0px 0px 8px !important;
        line-height: 12px;
        min-height: 24px;
    }

    .dx-item-content.dx-treeview-item-content {
        padding-top: 4px;
    }

    .disabledFormulaSample .dx-texteditor-container {
        background-color: #f1f2f3 !important;
    }
    /* pivotgrid custom fields devextreme */

    .e-member-prompt {
        display: none;
    }

    .e-field-list-search {
        padding: 0 10px;
    }

    .e-pvt-btn-content {
        font-size: 11px !important;
        padding: 2px 4px;
        float: left;
    }

    .e-list-item .e-level-1 .e-disable {
        display: none;
    }

    .e-pivotfieldlist-container.e-dialog {
        min-height: 500px !important;
    }

    .e-pivotfieldlist-container .e-field-list-container .e-field-table .e-field-list-tree-outer-div {
        height: 290px !important;
    }

    .e-disable {
        display: none;
    }

    .e-pivotfieldlist-container .e-field-list-container .e-axis-table .e-left-axis-fields .e-field-list-filters .e-axis-content .e-pvt-btn-div .e-pivot-button, .e-pivotfieldlist-container .e-field-list-container .e-axis-table .e-left-axis-fields .e-field-list-rows .e-axis-content .e-pvt-btn-div .e-pivot-button, .e-pivotfieldlist-container .e-field-list-container .e-axis-table .e-right-axis-fields .e-field-list-columns .e-axis-content .e-pvt-btn-div .e-pivot-button, .e-pivotfieldlist-container .e-field-list-container .e-axis-table .e-right-axis-fields .e-field-list-values .e-axis-content .e-pvt-btn-div .e-pivot-button {
        display: block !important;
        padding: 8px 4px !important;
    }

    .e-pivotfieldlist-container .e-field-list-container .e-axis-table .e-left-axis-fields .e-field-list-filters .e-axis-content .e-pvt-btn-div .e-pivot-button .e-drag, .e-pivotfieldlist-container .e-field-list-container .e-axis-table .e-left-axis-fields .e-field-list-rows .e-axis-content .e-pvt-btn-div .e-pivot-button .e-drag, .e-pivotfieldlist-container .e-field-list-container .e-axis-table .e-right-axis-fields .e-field-list-columns .e-axis-content .e-pvt-btn-div .e-pivot-button .e-drag, .e-pivotfieldlist-container .e-field-list-container .e-axis-table .e-right-axis-fields .e-field-list-values .e-axis-content .e-pvt-btn-div .e-pivot-button .e-drag {
        display: inline-block;
        float: left;
    }

    .e-pivotfieldlist-container .e-field-list-container .e-axis-table .e-left-axis-fields .e-field-list-filters .e-axis-content .e-pvt-btn-div .e-pivot-button .e-sort, .e-pivotfieldlist-container .e-field-list-container .e-axis-table .e-left-axis-fields .e-field-list-filters .e-axis-content .e-pvt-btn-div .e-pivot-button .e-pv-filter, .e-pivotfieldlist-container .e-field-list-container .e-axis-table .e-left-axis-fields .e-field-list-filters .e-axis-content .e-pvt-btn-div .e-pivot-button .e-pv-filtered, .e-pivotfieldlist-container .e-field-list-container .e-axis-table .e-left-axis-fields .e-field-list-filters .e-axis-content .e-pvt-btn-div .e-pivot-button .e-dropdown-icon, .e-pivotfieldlist-container .e-field-list-container .e-axis-table .e-left-axis-fields .e-field-list-filters .e-axis-content .e-pvt-btn-div .e-pivot-button .e-edit, .e-pivotfieldlist-container .e-field-list-container .e-axis-table .e-left-axis-fields .e-field-list-rows .e-axis-content .e-pvt-btn-div .e-pivot-button .e-sort, .e-pivotfieldlist-container .e-field-list-container .e-axis-table .e-left-axis-fields .e-field-list-rows .e-axis-content .e-pvt-btn-div .e-pivot-button .e-pv-filter, .e-pivotfieldlist-container .e-field-list-container .e-axis-table .e-left-axis-fields .e-field-list-rows .e-axis-content .e-pvt-btn-div .e-pivot-button .e-pv-filtered, .e-pivotfieldlist-container .e-field-list-container .e-axis-table .e-left-axis-fields .e-field-list-rows .e-axis-content .e-pvt-btn-div .e-pivot-button .e-dropdown-icon, .e-pivotfieldlist-container .e-field-list-container .e-axis-table .e-left-axis-fields .e-field-list-rows .e-axis-content .e-pvt-btn-div .e-pivot-button .e-edit, .e-pivotfieldlist-container .e-field-list-container .e-axis-table .e-right-axis-fields .e-field-list-columns .e-axis-content .e-pvt-btn-div .e-pivot-button .e-sort, .e-pivotfieldlist-container .e-field-list-container .e-axis-table .e-right-axis-fields .e-field-list-columns .e-axis-content .e-pvt-btn-div .e-pivot-button .e-pv-filter, .e-pivotfieldlist-container .e-field-list-container .e-axis-table .e-right-axis-fields .e-field-list-columns .e-axis-content .e-pvt-btn-div .e-pivot-button .e-pv-filtered, .e-pivotfieldlist-container .e-field-list-container .e-axis-table .e-right-axis-fields .e-field-list-columns .e-axis-content .e-pvt-btn-div .e-pivot-button .e-dropdown-icon, .e-pivotfieldlist-container .e-field-list-container .e-axis-table .e-right-axis-fields .e-field-list-columns .e-axis-content .e-pvt-btn-div .e-pivot-button .e-edit, .e-pivotfieldlist-container .e-field-list-container .e-axis-table .e-right-axis-fields .e-field-list-values .e-axis-content .e-pvt-btn-div .e-pivot-button .e-sort, .e-pivotfieldlist-container .e-field-list-container .e-axis-table .e-right-axis-fields .e-field-list-values .e-axis-content .e-pvt-btn-div .e-pivot-button .e-pv-filter, .e-pivotfieldlist-container .e-field-list-container .e-axis-table .e-right-axis-fields .e-field-list-values .e-axis-content .e-pvt-btn-div .e-pivot-button .e-pv-filtered, .e-pivotfieldlist-container .e-field-list-container .e-axis-table .e-right-axis-fields .e-field-list-values .e-axis-content .e-pvt-btn-div .e-pivot-button .e-dropdown-icon, .e-pivotfieldlist-container .e-field-list-container .e-axis-table .e-right-axis-fields .e-field-list-values .e-axis-content .e-pvt-btn-div .e-pivot-button .e-edit {
        float: right;
    }

    .e-dialog .e-dlg-content {
        padding: 8px !important;
    }

    .e-pivot-calc-dialog-div .e-treeview ul li {
        padding: 0px 8px !important;
    }

    .e-pivot-calc-dialog-div .e-treeview .e-list-item div.e-icons {
        float: right;
        margin-top: 6px;
    }

    /* MVD-3972 filter icons in grid should be on right side  */
    div.dx-column-indicators {
        float: right !important;
    }

    .dx-button-mode-outlined {
        color: var(--color-secondary-normal) !important;
        border-color: var(--color-secondary-normal-border) !important;
    }

    .dx-button-mode-outlined.dx-button-danger {
      color: var(--dx-color-danger) !important;
      border-color: var(--dx-color-danger) !important;
    }

    /** To make the editor options inside the report viewer work:
        https://supportcenter.devexpress.com/ticket/details/t1048450/webdocumentviewer-does-not-open-export-options
        I tweaked to scope it down so it only applies to controls in the report viewer
    */
    .dxrd-right-panel .dx-field-value,
    .dxrd-right-panel .dx-field-value-static {
        float: right !important;
    }

    .dxrd-right-panel .dx-field {
        position: relative;
        padding: .4em;
        display: block !important;
    }

    .dxrd-right-panel .dx-designer .dx-field {
        display: block;
    }

    .dx-button-mode-outlined.dx-state-focused,
    .dx-button-mode-outlined.dx-state-hover {
        background-color: rgba(0,121,242,.08) !important;
    }

    /*
        MVD-4265:  Fix some issues when showing warning messages
        background-color for warning messages can't be transparent,
        because it will be overlap the error row message when horizontal scrolling.
    */
    .dx-datagrid .dx-error-row .dx-error-message {
        background-color: #d97e57 !important;
    }

    /* Custom dx group-panel icon
    *  This new icon can be used by any dx component
    */
    .dx-icon-grouppanel {
        background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTYgN0gxMlY5SDZWN1pNOSAxMUgxNVYxM0g5VjExWk0xMiAxNUgxOFYxN0gxMlYxNVpNNSAzQzQuNDUgMyAzLjk3OTE3IDMuMTk1ODMgMy41ODc1IDMuNTg3NUMzLjE5NTgzIDMuOTc5MTcgMyA0LjQ1IDMgNVYxOUMzIDE5LjU1IDMuMTk1ODMgMjAuMDIwOCAzLjU4NzUgMjAuNDEyNUMzLjk3OTE3IDIwLjgwNDIgNC40NSAyMSA1IDIxSDE5QzE5LjU1IDIxIDIwLjAyMDggMjAuODA0MiAyMC40MTI1IDIwLjQxMjVDMjAuODA0MiAyMC4wMjA4IDIxIDE5LjU1IDIxIDE5VjVDMjEgNC40NSAyMC44MDQyIDMuOTc5MTcgMjAuNDEyNSAzLjU4NzVDMjAuMDIwOCAzLjE5NTgzIDE5LjU1IDMgMTkgM0g1Wk01IDVIMTlWMTlINVY1WiIgZmlsbD0iIzAwMjMzQiIvPgo8L3N2Zz4K");
        background-repeat: no-repeat;
        background-position: 0px 0px;
        background-size: 100% 100%;
    }
    .dx-icon-grouppanel.mvf-group-panel-icon-position {
        position: absolute; /* This position fixes an issue with the icon disappearing after removing all grouped columns */
        font-size: 24px;
        top: 7px;
        width: 1em;
        height: 1em;
    }

/*
*  MVD-4887: Remove "highlight" colour from selected (checked) rows
*/
.mv-treelist-multi-select .dx-treelist-rowsview .dx-selection.dx-row:not(.dx-row-focused):nth-child(odd) > td,
.mv-treelist-multi-select .dx-treelist-rowsview .dx-selection.dx-row:not(.dx-row-focused):nth-child(odd) > tr > td {
    background-color: white;
}

.mv-treelist-multi-select .dx-treelist-rowsview .dx-selection.dx-row:not(.dx-row-focused):nth-child(even) > td,
.mv-treelist-multi-select .dx-treelist-rowsview .dx-selection.dx-row:not(.dx-row-focused):nth-child(even) > tr > td {
    background-color: rgba(151, 152, 153, 0.1);
}

.mv-treelist-multi-select .dx-treelist-rowsview .dx-selection.dx-row:not(.dx-row-focused):hover > td,
.mv-treelist-multi-select .dx-treelist-rowsview .dx-selection.dx-row:not(.dx-row-focused):hover > tr > td {
    background-color: rgb(240, 247, 254);
}

/* MVD-4609: Fix Syncfusion document search (.txt, .doc, .docx, .rtf) */
.e-de-op-tab {
    height: 200px !important;
}
.e-de-result-list-block {
    max-height: 580px;
}

/* MVD-5518: Grids with the "Display Vertical Lines" setting turned off need a bit more space or else they wrap */
.dx-header-row .dx-header-filter-indicator,
.dx-header-row .dx-sort-indicator {
  max-width: calc(100% - 18px) !important;
}

/* MVD-6022: Error messages appear to "fall off" the screen and need to persist */
.dx-invalid-message.dx-overlay {
    position: relative !important;
}

/* MVD-7132: Prevent buttons from overlapping group names */
.gc-ribbon-bar .ribbon-button-item .ribbon-button-item-icon {
    padding: 0 !important;
}

.dx-editor-cell.dx-editor-inline-block:not(.dx-command-select)::before {
    content: '' !important;
}

/* Basic Home screen nav bar main menu */
.navbar-nav {
    display: flex;
    list-style: none;
    margin: 0px;
    padding: 5px;
}

.nav-item {
  display: flex;
  justify-content: center;
  align-items: center;
}

.nav-item i {
  font-size: 22px !important;
}

.nav-item-content {
  display: flex;
  gap: 4px;
}

.top-header {
  padding: 0 8px;
  display: flex;
}

.top-header-test {
  background-color: #f8ece6;
}

.header-left-section {
  display: flex;
  flex: 1 1 0;
  align-items: center;
  justify-content: start;
  gap: 15px;
}

.header-middle-section {
  display: flex;
  align-items: center;
}

.header-right-section {
  display: flex;
  flex: 1 1 0;
  align-items: center;
  justify-content: end;
  gap: 10px;
}

.header-search-box {
  max-width: 500px;
}

/*
    MVD-10608:
    nvbar-right-button will be applied to the dropdown menu in the last button to the right
    When it preserves the position relative,
    The Log Out option after clicking on the profile dropdown
    is cut off on the right side of the screen.
*/
.nvbar-right-button {
  left: unset !important;
  margin-right: 100px;
}

/* MVD-4067: Decrease padding from 20px to 10px to minimize uneven column input widths */
.dx-layout-manager .dx-field-item:not(.dx-last-col) {
  -webkit-padding-end: 10px !important;
  padding-inline-end: 10px !important;
}
.dx-layout-manager .dx-field-item:not(.dx-first-col) {
  -webkit-padding-start: 10px !important;
  padding-inline-start: 10px !important;
}
/* MVD-10918: Change read only text opacity to increase readability */
.dx-texteditor.dx-editor-filled.dx-state-disabled .dx-texteditor-input,
.dx-texteditor.dx-editor-filled.dx-state-readonly .dx-texteditor-input,
.dx-texteditor.dx-editor-filled.dx-state-readonly.dx-state-hover .dx-texteditor-input {
  color: var(--readonly-text-opacity);
}