/*--------------------------------------------------------Content/dx.light.abmodified.css---------------------------------------------------------------*/
.dx-popup-title .dx-closebutton .dx-icon
{
    color:#758ba0;
}
.dx-gallery .dx-gallery-nav-button-prev,
.dx-gallery .dx-gallery-nav-button-next {
  height:46%;
}
.dx-scheduler-work-space-month .dx-scheduler-appointment-content {
    font-size:inherit;
}
.dx-pivotgrid .dx-pivotgrid-area td
{
    color: #000000;
    padding: 7px 10px;
}
    .dx-datagrid {
        color: #232323;
    }

      .dx-datagrid .dx-datagrid-filter-row .dx-filter-range-content {
            color: #232323;
        }

    .dx-datagrid-column-chooser {
        color: #232323;
        font-size: 12px;
    }

    .dx-rtl .dx-datagrid .dx-datagrid-rowsview .dx-data-row td.dx-pointer-events-none, .dx-rtl .dx-datagrid .dx-datagrid-rowsview .dx-freespace-row td.dx-pointer-events-none, .dx-rtl .dx-datagrid .dx-datagrid-headers .dx-row td.dx-pointer-events-none {
        border-left: 2px solid #d3d3d3;
    }

    .dx-widget {
        color: #232323;
        font-size: 11px;
    }

    .dx-box-item-content {
        font-size: 12px;
    }

    .dx-button .dx-button-content {
        padding: 6px 5px;
    }

    .dx-button .dx-icon {
        width: 14px;
        height: 14px;
        font-size: 14px;
        line-height: 14px;
    }

    .dx-button-has-icon .dx-button-content {
        padding: 4px;
    }

    .dx-button-has-icon .dx-icon {
       /***  font-size: 14px;change to 12px because of excel icon not showing properly
        /****today change nidhi*/
        width: 12px;
        height: 14px;
        -webkit-background-size: 14px 14px;
        -moz-background-size: 14px 14px;
        background-size: 14px 14px;
        font-size: 12px;
        text-align: center;
        line-height: 14px;
    }

    .dx-button-has-text .dx-button-content {
        padding: 4px 10px 4px;
    }

    .dx-button {
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        -ms-border-radius: 3px;
        -o-border-radius: 3px;
        border-radius: 3px;
        -webkit-box-shadow: 0 1px 2px transparent;
        -moz-box-shadow: 0 1px 2px transparent;
        box-shadow: 0 1px 2px transparent;
    }

        .dx-button .dx-icon {
            color: #fff;
        }

        .dx-button.dx-state-hover {
            background-color: var(--main-color);
            border-color: rgba(96,96,96,.4);
        }

    .dx-button-back_globe {
        background-color: #ffffff;
        border-color: #ffffff;
        color: var(--main-color);
        margin-bottom: 7px;
        margin-top: 9px;
        margin-left: 0;
    }

        .dx-button-back_globe.dx-state-hover {
            background-color: #ffffff;
            border-color: #ffffff;
        }

        .dx-button-back_globe.dx-state-focused {
            background-color: #ffffff;
            border-color: #ffffff;
        }

        .dx-button-back_globe.dx-state-active {
            background-color: #ffffff;
            border-color: #ffffff;
            color: var(--main-color);
        }

    .dx-button-noborder {
        background-color: var(--main-color);
        border-color: var(--main-color);
        color: #fff;
        margin: 5px 5px;
    }

        .dx-button-noborder.dx-state-hover {
            background-color: #0f4371;
            border-color: var(--main-color);
        }

        .dx-button-noborder.dx-state-focused {
            background-color: var(--main-color);
            border-color: var(--main-color);
        }

        .dx-button-noborder.dx-state-active {
            background-color: var(--main-color);
            border-color: var(--main-color);
            color: var(--main-color);
        }
         .dx-button-back_white_test {
        background-color: var(--main-color);
        border-color: var(--main-color);
        color: #fff;
        margin-bottom: 7px;
        margin-left: 0;
        margin-top: 0 !important;

    }
    .dx-button-back_white {
        background-color: var(--main-color);
        border-color: var(--main-color);
        color: #fff;
        margin-bottom: 7px;
        margin-top: 9px;
        margin-left: 0;
    }

        .dx-button-back_white.dx-state-hover {
            background-color: #0f4371;
            border-color: var(--main-color);
        }

        .dx-button-back_white.dx-state-focused {
            background-color: var(--main-color);
            border-color: var(--main-color);
        }

        .dx-button-back_white.dx-state-active {
            background-color: var(--main-color);
            border-color: var(--main-color);
            color: var(--main-color);
        }

    .dx-button-danger {
        background-color: var(--main-color);
        border-color: #fff;
        color: #ff0000;
        margin: 0 5px;
    }

        .dx-button-danger.dx-state-hover {
            background-color: #0f4371;
            border-color: #fff;
        }

        .dx-button-danger.dx-state-focused {
            background-color: var(--main-color);
            border-color: #fff;
        }

        .dx-button-danger.dx-state-active {
            background-color: var(--main-color);
            border-color: #fff;
            color: var(--main-color);
        }

    .dx-button-success {
        background-color: var(--main-color);
        border-color: #fff;
        color: #3dff00;
        margin: 0 5px;
    }

        .dx-button-success.dx-state-hover {
            background-color: #0f4371;
            border-color: #fff;
        }

        .dx-button-success.dx-state-focused {
            background-color: var(--main-color);
            border-color: #fff;
        }

        .dx-button-success.dx-state-active {
            background-color: var(--main-color);
            border-color: #fff;
            color: var(--main-color);
        }

    .dx-button-default {
        background-color: var(--main-color);
        border-color: #fff;
        color: #fff;
        margin: 0 5px;
    }

        .dx-button-default.dx-state-hover {
            background-color: #0f4371;
            border-color: #fff;
        }

        .dx-button-default.dx-state-focused {
            background-color: var(--main-color);
            border-color: #fff;
        }

        .dx-button-default.dx-state-active {
            background-color: var(--main-color);
            border-color: var(--main-color);
            color: #fff;
        }

    .dx-checkbox {
        line-height: 2;
    }

    .dx-checkbox-icon {
        width: 16px;
        height: 16px;
        border: 1px solid #d3d3d3;
        background-color: #fafafa;
    }

    .dx-checkbox-checked .dx-checkbox-icon {
        font: 14px/1 DXIcons;
        color: #606060;
        font-size: 10px;
        text-align: center;
        line-height: 10px;
    }

    .dx-switch {
        width: 36px;
        height: 18px;
    }

        .dx-switch.dx-state-readonly .dx-switch-container {
            border-color: #eaeaea;
            background-color: var(--main-color);
        }

        .dx-switch.dx-state-active .dx-switch-handle:before {
            background-color: var(--main-color);
        }

        .dx-switch.dx-state-active .dx-switch-container {
            border-color: var(--main-color);
            background-color: rgba(96,96,96,.2);
        }

        .dx-switch.dx-state-hover .dx-switch-handle:before {
            background-color: var(--main-color);
        }

        .dx-switch.dx-state-hover .dx-switch-container {
            background-color: transparent;
            border-color: var(--main-color);
        }

        .dx-switch.dx-state-focused .dx-switch-container {
            border-color: var(--main-color);
        }

        .dx-switch.dx-state-focused .dx-switch-handle:before {
            background-color: var(--main-color);
        }

        .dx-switch.dx-state-focused.dx-state-active .dx-switch-handle:before {
            background-color: var(--main-color);
        }

    .dx-switch-container {
        overflow: hidden;
        margin: 0 -3px 0 0;
        height: 18px;
        border: 1px solid #d3d3d3;
        background: #fafafa;
    }

    .dx-switch-on, .dx-switch-off {
        padding-right: 16px;
        line-height: 16px;
        text-overflow: clip;
    }

    .dx-switch-off {
        margin-left: -1px;
        color: #333;
    }

    .dx-switch-handle {
        width: 14px;
        height: 14px;
        padding-right: 1px;
        margin-top: 1px;
        margin-left: 0;
    }

        .dx-switch-handle:before {
            background-color: var(--main-color);
        }

    .dx-rtl .dx-switch .dx-switch-on, .dx-switch.dx-rtl .dx-switch-on, .dx-rtl .dx-switch .dx-switch-off, .dx-switch.dx-rtl .dx-switch-off {
        padding-left: 16px;
    }

    .dx-rtl .dx-switch .dx-switch-off, .dx-switch.dx-rtl .dx-switch-off {
        margin-right: -1px;
    }

    .dx-rtl .dx-switch .dx-switch-handle, .dx-switch.dx-rtl .dx-switch-handle {
        margin-right: -14px;
    }

    .dx-rtl .dx-switch .dx-switch-container, .dx-switch.dx-rtl .dx-switch-container {
        margin: 0 0 0 -3px;
    }

    .dx-tabs {
        border: 1px solid #d3d3d3;
        text-align: center;
    }

    .dx-checkbox-checked .dx-checkbox-icon:before {

      margin-top: -4px;
    }
    .dx-texteditor {
        background: #fff;
        border-style: solid;
        border-width: 1px;
        border-color: #d3d3d3;
        border-radius: 0;
    }

        .dx-texteditor.dx-state-focused, .dx-texteditor.dx-state-active {
            border-color: #606060;
        }

    .dx-show-clear-button .dx-texteditor-input {
        padding-right: 24px;
    }

    .dx-placeholder {
        color: #a8a8a8;
    }

        .dx-placeholder:before {
            padding: 4px 5px 4px;
        }

    .dx-texteditor-input {
        margin: 0;
        padding: 4px 5px 1px;
        background: #ffffff;
        color: #232323;
        font-size: 12px;
        min-height: 0;
        border-radius:0;
    }

    .dx-searchbox .dx-icon-search {
        font: 14px/1 DXIcons;
        position: absolute;
        top: 50%;
        margin-top: -12px;
        width: 24px;
        height: 24px;
        background-position: 5px 5px;
        -webkit-background-size: 14px 14px;
        -moz-background-size: 14px 14px;
        background-size: 14px 14px;
        padding: 5px;
        font-size: 14px;
        text-align: center;
        line-height: 14px;
        font-size: 13px;
        color: #a8a8a8;
    }

    .dx-dropdowneditor-button {
        width: 24px;
        padding: 1px;
    }

    .dx-dropdowneditor-icon {
        border: 1px solid transparent;
        color: #606060;
        font: 14px/1 DXIcons;
        width: 22px;
        height: 100%;
        font-size: 14px;
        text-align: center;
        line-height: 14px;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        -ms-border-radius: 3px;
        -o-border-radius: 3px;
        border-radius: 3px;
    }

    .dx-list:not(.dx-list-select-decorator-enabled) .dx-list-item.dx-state-focused {
        background-color: #606060;
        color: #fff;
    }

        .dx-list:not(.dx-list-select-decorator-enabled) .dx-list-item.dx-state-focused.dx-list-item-selected {
            background-color: #606060;
            color: #fff;
        }

    .dx-list:not(.dx-list-select-decorator-enabled) .dx-list-item.dx-state-active {
        background-color: #606060;
        color: #fff;
    }

    .dx-list-item-content, .dx-list .dx-empty-message {
        padding: 0 0;
    }

    .dx-datebox-calendar .dx-dropdowneditor-icon {
        width: 22px;
        font-size: 14px;
        line-height: 14px;
    }

    .dx-overlay-shader {
        background-color: rgba(0,0,0,.75);
    }

    .dx-toast-content {
        color: #fff;
        font-size: 12px;
        font-weight: 600;
        line-height: 25px;
        padding: 5px;
        -webkit-box-shadow: 0 2px 3px 0 rgba(0,0,0,.1);
        -moz-box-shadow: 0 2px 3px 0 rgba(0,0,0,.1);
        box-shadow: 0 2px 3px 0 rgba(0,0,0,.1);
    }

    .dx-toast-icon {
        width: 25px;
        height: 25px;
    }

    .dx-toast-info {
        background-color: #80b9e4;
    }

    .dx-toast-warning {
        background-color: #ffb277;
    }

    .dx-toast-error {
        background-color: #f77;
    }

    .dx-toast-success {
        background-color: #6ec881;
    }

    .dx-popup-wrapper > .dx-overlay-content {
        border: 1px solid #d3d3d3;
        background: #fff;
        -webkit-box-shadow: 0 2px 3px rgba(0,0,0,.15);
        -moz-box-shadow: 0 2px 3px rgba(0,0,0,.15);
        box-shadow: 0 2px 3px rgba(0,0,0,.15);
    }

    .dx-popup-title {
        position: relative;
        padding: 2px 10px;
        min-height: 28px;
        border-bottom: 1px solid #d3d3d3;
        background: rgba(96,96,96,.1);
    }

        .dx-popup-title.dx-toolbar {
            padding: 2px 10px;
            overflow: hidden;
            -webkit-box-shadow: none;
            -moz-box-shadow: none;
            box-shadow: none;
            background-color: var(--main-color);

        }

            .dx-popup-title.dx-toolbar .dx-toolbar-items-container {
                height: 26px;
                overflow: visible;
            }

            .dx-popup-title.dx-toolbar .dx-toolbar-item, .dx-popup-title.dx-toolbar .dx-toolbar-menu-container {
                padding: 0 5px 0 0;
            }

                .dx-popup-title.dx-toolbar .dx-toolbar-item:last-child, .dx-popup-title.dx-toolbar .dx-toolbar-menu-container:last-child {
                    padding: 0;
                }

    .dx-rtl .dx-popup-title.dx-toolbar .dx-toolbar-item, .dx-rtl .dx-popup-title.dx-toolbar .dx-toolbar-menu-container {
        padding: 0 0 0 5px;
    }

        .dx-rtl .dx-popup-title.dx-toolbar .dx-toolbar-item:last-child, .dx-rtl .dx-popup-title.dx-toolbar .dx-toolbar-menu-container:last-child {
            padding: 0;
        }

    .dx-popup-title.dx-toolbar .dx-toolbar-label {
        font-size: 18px;
    }

    .dx-popup-title .dx-closebutton {
        display: block;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        -ms-border-radius: 3px;
        -o-border-radius: 3px;
        border-radius: 3px;
        -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.07);
        -moz-box-shadow: 0 1px 2px rgba(0,0,0,.07);
        box-shadow: 0 1px 2px rgba(0,0,0,.07);
        border-width: 1px;
        border-style: solid;
        background-color: #f5f5f5;
        border-color: rgba(0,0,0,.12);
        color: #606060;
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        box-shadow: none;
        background: transparent;
        border-color: transparent;
        width: 21px;
        height: 19px;
        margin: 0 -4px 0 4px;
    }

        .dx-popup-title .dx-closebutton.dx-state-hover {
            -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.1);
            -moz-box-shadow: 0 1px 2px rgba(0,0,0,.1);
            box-shadow: 0 1px 2px rgba(0,0,0,.1);
        }

        .dx-popup-title .dx-closebutton.dx-state-focused {
            -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.1);
            -moz-box-shadow: 0 1px 2px rgba(0,0,0,.1);
            box-shadow: 0 1px 2px rgba(0,0,0,.1);
        }

        .dx-popup-title .dx-closebutton.dx-state-active {
            -webkit-box-shadow: 0 1px 2px transparent;
            -moz-box-shadow: 0 1px 2px transparent;
            box-shadow: 0 1px 2px transparent;
        }

    .dx-state-disabled.dx-popup-title .dx-closebutton .dx-icon, .dx-state-disabled .dx-popup-title .dx-closebutton .dx-icon {
        filter: alpha(opacity=60);
        -khtml-opacity: .6;
        -moz-opacity: .6;
        opacity: .6;
    }

    .dx-state-disabled.dx-popup-title .dx-closebutton .dx-button-text, .dx-state-disabled .dx-popup-title .dx-closebutton .dx-button-text {
        filter: alpha(opacity=50);
        -khtml-opacity: .5;
        -moz-opacity: .5;
        opacity: .5;
    }

    .dx-popup-title .dx-closebutton.dx-state-hover {
        background-color: #f5f5f5;
        border-color: rgba(96,96,96,.4);
    }

    .dx-popup-title .dx-closebutton.dx-state-focused {
        background-color: #f5f5f5;
        border-color: rgba(96,96,96,.4);
    }

    .dx-popup-title .dx-closebutton.dx-state-active {
        background-color: rgba(96,96,96,.2);
        border-color: transparent;
        color: #232323;
    }

    .dx-rtl .dx-popup-title .dx-closebutton {
        margin: 0 4px 0 -4px;
    }

    .dx-popup-title .dx-closebutton .dx-icon {
        width: 17px;
        height: 17px;
        background-position: 3px 3px;
        -webkit-background-size: 11px 11px;
        -moz-background-size: 11px 11px;
        background-size: 11px 11px;
        padding: 3px;
        font-size: 11px;
        text-align: center;
        line-height: 11px;
    }

    .dx-popup-content {
        padding: 0px;
        max-height: 480px;
        clear: both;
    }
        .dx-button-test {
            margin: 0 1px !important;
        }
        .dx-popup-content .dx-button {
            margin: 0 5px;
        }

    .dx-popup-bottom.dx-toolbar {
        background-color: transparent;
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        box-shadow: none;
        padding: 0 10px 10px;
        overflow: hidden;
    }

        .dx-popup-bottom.dx-toolbar .dx-toolbar-items-container {
            height: 26px;
            overflow: visible;
        }

        .dx-popup-bottom.dx-toolbar .dx-toolbar-item, .dx-popup-bottom.dx-toolbar .dx-toolbar-menu-container {
            padding: 0 5px 0 0;
        }

            .dx-popup-bottom.dx-toolbar .dx-toolbar-item:last-child, .dx-popup-bottom.dx-toolbar .dx-toolbar-menu-container:last-child {
                padding: 0;
            }

    .dx-rtl .dx-popup-bottom.dx-toolbar .dx-toolbar-item, .dx-rtl .dx-popup-bottom.dx-toolbar .dx-toolbar-menu-container {
        padding: 0 0 0 5px;
    }

        .dx-rtl .dx-popup-bottom.dx-toolbar .dx-toolbar-item:last-child, .dx-rtl .dx-popup-bottom.dx-toolbar .dx-toolbar-menu-container:last-child {
            padding: 0;
        }

    .dx-popup-bottom.dx-toolbar .dx-toolbar-label {
        font-size: 18px;
    }

    .dx-popup-bottom .dx-button {
        min-width: 100px;
    }

    .dx-popup-content.dx-dialog-content {
        min-width: 220px;
        padding: 10px;
    }

    .dx-dialog-message {
        padding: 0;
    }

    .dx-popover-wrapper.dx-position-bottom .dx-popover-arrow:after {
        background: #efefef;
    }

    .dx-popover-arrow:after {
        border: 1px solid #d3d3d3;
    }

    .dx-lookup-field {
        padding: 4px 24px 4px 5px;
        font-size: 1em;
    }

    .dx-lookup-popup-wrapper .dx-list {
        top: 10px;
    }

    .dx-lookup-popup-wrapper .dx-list-item-content {
        padding-left: 10px;
        padding-right: 10px;
    }

    .dx-lookup-popup-wrapper .dx-popup-title + .dx-popup-content {
        top: 36px;
    }

    .dx-lookup-search-wrapper {
        padding: 10px;
        //padding-bottom:14px;
    }

    .dx-datagrid-headers {
        color: #fff;
        -ms-touch-action: pinch-zoom;
        touch-action: pinch-zoom;
        background-color: var(--main-color);
    }

    .dx-field {
        color: #232323;
        font-weight: normal;
        font-size: 12px;
        font-family: 'Helvetica Neue','Segoe UI',Helvetica,Verdana,sans-serif;
        line-height: normal;
    }

    .dx-field-label {
        color: #232323;
        font-weight: normal;
        font-size: 12px;
        font-family: 'Helvetica Neue','Segoe UI',Helvetica,Verdana,sans-serif;
        cursor: default;
    }

    .dx-field-label {
        padding: 5px 8px 5px 0;
    }

    .dx-field {
        min-height: 26px;
        padding: 0;
    }

    .dx-field {
        margin: 0 0 0 0;
    }

    .dx-field-label {
        color: #232323;
        font-weight: normal;
        font-size: 12px;
        font-family: 'Helvetica Neue','Segoe UI',Helvetica,Verdana,sans-serif;
        cursor: default;
    }
    .dx-checkbox-indeterminate .dx-checkbox-icon:before {
      background-color:transparent;
    }
    .dx-datagrid-header-panel .dx-toolbar {
        margin-bottom: 0px;
    }
    
    .dx-pivotgrid .dx-pivotgrid-horizontal-headers tr:first-child td {
        background-color:white;
    }
    .dx-pivotgrid.dx-row-lines .dx-pivotgrid-area td {
        background-color:white;
    }
    .dx-pivotgrid .dx-area-description-cell .dx-pivotgrid-toolbar .dx-button:not(.dx-state-hover):not(.dx-state-active) {
        background-color: var(--main-color);
    }
    .dx-texteditor-input:focus {
        background-color:rgba(164, 175, 196, 0.20);
    }
    .dx-lookup-field:focus {
        background-color:rgba(164, 175, 196, 0.20);
    }
    .ab-date-input:focus {
            background-color:rgba(164, 175, 196, 0.20);
    }
    .dx-datagrid-rowsview .dx-row.dx-row-lines:first-child > td:focus {
            background-color:rgba(164, 175, 196, 0.20);
    }
    .dx-popup-title.dx-toolbar .dx-toolbar-label {
    font-size:14px;
    }
    .dx-popup-title {
        background: var(--main-color);
        color: white;
    }
  .dx-button-has-text .dx-button-content {
       background-color: var(--menulowercolor);
        border-color: var(--main-color);
        color: #fff;
    }
    .dx-popup-title {
            padding: 1px 0px;
    }
    .dx-state-disabled.dx-widget{
        opacity:1;
    }
    .dx-state-disabled-test{
       background-color:aqua !important;
    }
    .dx-pivotgrid .dx-pivotgrid-horizontal-headers:last-child{
    background-color: #0f4371;
    }
    .dx-pivotgrid .dx-pivotgrid-horizontal-headers tr:first-child td {
        background-color: transparent;
        color: white;
    }
    .dx-pivotgrid.dx-row-lines .dx-pivotgrid-area td {
        background-color: transparent;
    }
    .dx-pivotgrid .dx-pivotgrid-horizontal-headers td {
        color: white;
    }
    /*added for fixed grid coll (21-jul-2017)**/
    .dx-datagrid-headers .dx-datagrid-table .dx-row > td {
        background-color: var(--main-color);
        color: white;
    }
    /**--------------------end----------------------------*/
    .dx-datebox-wrapper-rollers.dx-datebox-wrapper-time .dx-popup-content {
      margin: 0 49px;
    }

    .noData {
        background-color: rgba(169, 169, 169, 0.25);
    }
    .removeClass {
        background-color: mintcream;
    }
    .dx-datagrid-content .dx-datagrid-table .dx-row > td
    {
        vertical-align: top;
       /*white-space: pre;*/ 
    }
    .numberbox input {
        text-align: right;
    }
    .dx-datagrid-rowsview .dx-row {
        border-top: 1px solid transparent;
        border-bottom: 1px solid transparent;
        font-size: 9pt;
        height: 16px;
    }
    .dx-datagrid .dx-row > td {
      padding: 4px;
    }
    .dx-datagrid-group-panel
    {
            font-size: 11px;
    }
    /*************added on 3 apr 2018*******************/
    .dx-pivotgrid .dx-pivotgrid-border .dx-area-description-cell {
        background-color:#0f4371;
    }
    .dx-pivotgrid-fields-container .dx-area-field.dx-area-box{
    background-color: #0f4371;
    color: white;
    }
    .dx-treelist-headers .dx-treelist-table .dx-row > td
    {
    background:var(--main-color);
    color: white;
    }
   .dx-treelist-rowsview .dx-row
    {
     font-size: 12px;
     color: black;
    }
   .dx-treelist-rowsview .dx-treelist-empty-space
   {
       color: #0f4371;
   }
   .dx-checkbox-icon {
        width: 16px;
        height: 16px;
        border: 1px solid #818181;
        background-color: #fafafa;
    }
   .dx-button-mode-contained.dx-button-default.dx-state-hover
   {
       background-color:var(--main-color);
   }
   .dx-button-mode-contained.dx-button-default
   {
       background-color:var(--main-color);
   }
   .dx-button-mode-contained.dx-button-default
   {
       border-color:#fff;
   }
   .dx-button-mode-contained.dx-button-success
   {
       border-color:#fff;
   }
   .dx-button-mode-contained.dx-button-danger
   {
         border-color:#fff;
   }
   .dx-button-mode-contained.dx-button-success
   {
        background-color:var(--main-color);
   }
   .dx-texteditor.dx-editor-outlined {
    border-radius:0;
    }
   .dx-datagrid-content .dx-datagrid-table .dx-row > td
   {
    white-space: nowrap;
   }
   .dx-datagrid .dx-row-alt > td, .dx-datagrid .dx-row-alt > tr > td
   {
     /* background-color:#edf3fc;*/
      background:var(--gridlinebgcolor);
   }
   .dx-checkbox-indeterminate .dx-checkbox-icon
{
       color:#fff;
}
   .dx-datagrid-rowsview .dx-row > .dx-master-detail-cell {
    padding:4px 0 6px 30px;
} 

.dx-toolbar-text-auto-hide .dx-button .dx-button-content {
  padding: 2px;
}
.dx-datagrid .dx-column-indicators .dx-sort.dx-sort, .dx-datagrid .dx-column-indicators .dx-header-filter.dx-sort, .dx-datagrid .dx-column-indicators .dx-sort.dx-header-filter, .dx-datagrid .dx-column-indicators .dx-header-filter.dx-header-filter
{
    padding-right: 8px;
}
.dx-datagrid-headers .dx-datagrid-table .dx-row > td
{
    font-weight:600;
}