.dx-icon {
    color: white;
}
.dx-datagrid-column-chooser-list .dx-treeview-item-content {
    color: rgba(198,220,247,1);
}
.dx-header-row {
    background: rgb(148,184,233);
    background: -moz-linear-gradient(top, rgba(148,184,233,1) 0%, rgba(99,137,192,1) 2%, rgba(39,77,138,1) 50%, rgba(115,152,205,1) 100%);
    background: -webkit-linear-gradient(top, rgba(148,184,233,1) 0%,rgba(99,137,192,1) 2%,rgba(39,77,138,1) 50%,rgba(115,152,205,1) 100%);
    background: linear-gradient(to bottom, rgba(148,184,233,1) 0%,rgba(99,137,192,1) 2%,rgba(39,77,138,1) 50%,rgba(115,152,205,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#94b8e9', endColorstr='#7398cd',GradientType=0 );
}

.accordion-menu-button {
}

    .accordion-menu-button:hover {
        color: white;
        /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#7499d0+0,6488bc+100 */
        background: rgb(116,153,208); /* Old browsers */
        background: -moz-linear-gradient(top, rgb(116,153,208) 0%, rgb(100,136,188) 100%); /* FF3.6-15 */
        background: -webkit-linear-gradient(top, rgb(116,153,208) 0%,rgb(100,136,188) 100%); /* Chrome10-25,Safari5.1-6 */
        background: linear-gradient(to bottom, rgb(116,153,208) 0%,rgb(100,136,188) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7499d0', endColorstr='#6488bc',GradientType=0 ); /* IE6-9 */
    }

.dx-accordion-item-body {
    overflow: hidden;
    border-width: 0px 1px 1px 1px;
    border-style: solid;
    border-color: #86a9d9;
    border-radius: 0px 0px 3px 3px;
}

.dx-menu-item:not(.dx-state-hover) > .dx-menu-item-content .InnerImage {
    background: #e4e4e4;
}

.dx-colorview-palette-handle {
    background: -webkit-gradient(transparent 5px, rgba(0, 0, 0, 0.2) 6px, #fff 7px, #fff 12px, rgba(0, 0, 0, 0.2) 13px);
    background: -webkit-radial-gradient(transparent 5px, rgba(0, 0, 0, 0.2) 6px, #fff 7px, #fff 12px, rgba(0, 0, 0, 0.2) 13px);
    background: -moz-radial-gradient(transparent 5px, rgba(0, 0, 0, 0.2) 6px, #fff 7px, #fff 12px, rgba(0, 0, 0, 0.2) 13px);
    background: -ms-radial-gradient(transparent 5px, rgba(0, 0, 0, 0.2) 6px, #fff 7px, #fff 12px, rgba(0, 0, 0, 0.2) 13px);
    background: -o-radial-gradient(transparent 5px, rgba(0, 0, 0, 0.2) 6px, #fff 7px, #fff 12px, rgba(0, 0, 0, 0.2) 13px);
    background: radial-gradient(transparent 5px, rgba(0, 0, 0, 0.2) 6px, #fff 7px, #fff 12px, rgba(0, 0, 0, 0.2) 13px);
    -webkit-box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.2);
    box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.2);
}

.dx-colorview-hue-scale-handle {
    border: 1px solid rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: inset -5px 0px 0px 3px #fff, inset 5px 0px 0px 3px #fff, inset -6px 0px 1px 4px rgba(0, 0, 0, 0.2), inset 6px 0px 1px 4px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: inset -5px 0px 0px 3px #fff, inset 5px 0px 0px 3px #fff, inset -6px 0px 1px 4px rgba(0, 0, 0, 0.2), inset 6px 0px 1px 4px rgba(0, 0, 0, 0.2);
    box-shadow: inset -5px 0px 0px 3px #fff, inset 5px 0px 0px 3px #fff, inset -6px 0px 1px 4px rgba(0, 0, 0, 0.2), inset 6px 0px 1px 4px rgba(0, 0, 0, 0.2);
}

.dx-colorview-alpha-channel-handle {
    border: 1px solid rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: inset 0px -5px 0px 3px #fff, inset 0px 5px 0px 3px #fff, inset 0px -6px 1px 4px rgba(0, 0, 0, 0.2), inset 0px 6px 1px 4px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: inset 0px -5px 0px 3px #fff, inset 0px 5px 0px 3px #fff, inset 0px -6px 1px 4px rgba(0, 0, 0, 0.2), inset 0px 6px 1px 4px rgba(0, 0, 0, 0.2);
    box-shadow: inset 0px -5px 0px 3px #fff, inset 0px 5px 0px 3px #fff, inset 0px -6px 1px 4px rgba(0, 0, 0, 0.2), inset 0px 6px 1px 4px rgba(0, 0, 0, 0.2);
}

.dx-datagrid .dx-header-filter {
    color: #959595;
}



.dx-datagrid .dx-header-filter {
    color: rgb(255, 255, 255);
}

    .dx-datagrid .dx-header-filter:hover {
        color: white;
    }


.dx-datagrid .dx-header-filter-empty {
    color: rgba(198, 220, 247, 0.45);
}

.dx-icon:hover {
    color: #062b63;
}

.dx-dropdowneditor-icon:hover {
    color: #062b63;
}

.dx-datagrid .dx-datagrid-content-fixed .dx-datagrid-table .dx-col-fixed {
    /* background-color: #fff; */
}

.dx-datagrid .dx-datagrid-rowsview .dx-data-row td.dx-pointer-events-none,
.dx-datagrid .dx-datagrid-rowsview .dx-freespace-row td.dx-pointer-events-none,
.dx-datagrid .dx-datagrid-headers .dx-row td.dx-pointer-events-none {
    border-left: 1px solid #c3cedc;
    border-right: 1px solid #c3cedc;
}

    .dx-datagrid .dx-datagrid-rowsview .dx-data-row td.dx-pointer-events-none.dx-first-cell,
    .dx-datagrid .dx-datagrid-rowsview .dx-freespace-row td.dx-pointer-events-none.dx-first-cell,
    .dx-datagrid .dx-datagrid-headers .dx-row td.dx-pointer-events-none.dx-first-cell {
        border-left: none;
    }

    .dx-datagrid .dx-datagrid-rowsview .dx-data-row td.dx-pointer-events-none.dx-last-cell,
    .dx-datagrid .dx-datagrid-rowsview .dx-freespace-row td.dx-pointer-events-none.dx-last-cell,
    .dx-datagrid .dx-datagrid-headers .dx-row td.dx-pointer-events-none.dx-last-cell {
        border-right: none;
    }

.dx-datagrid .dx-datagrid-rowsview .dx-datagrid-edit-form {
    background-color: #fff;
}

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

.dx-datagrid-column-chooser {
    color: #333;
}





.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: 1px solid transparent;
}

    .dx-rtl .dx-datagrid .dx-datagrid-rowsview .dx-data-row td.dx-pointer-events-none.dx-first-cell,
    .dx-rtl .dx-datagrid .dx-datagrid-rowsview .dx-freespace-row td.dx-pointer-events-none.dx-first-cell,
    .dx-rtl .dx-datagrid .dx-datagrid-headers .dx-row td.dx-pointer-events-none.dx-first-cell {
        border-right: none;
    }

    .dx-rtl .dx-datagrid .dx-datagrid-rowsview .dx-data-row td.dx-pointer-events-none.dx-last-cell,
    .dx-rtl .dx-datagrid .dx-datagrid-rowsview .dx-freespace-row td.dx-pointer-events-none.dx-last-cell,
    .dx-rtl .dx-datagrid .dx-datagrid-headers .dx-row td.dx-pointer-events-none.dx-last-cell {
        border-left: none;
        border-right: none;
    }

.dx-pivotgrid-fields-container .dx-position-indicator {
    background-color: gray;
}

.dx-pivotgrid-fields-container .dx-area-fields {
    background-color: #a3c3ec;
}

.dx-pivotgrid-fields-container .dx-sort {
    color: #959595;
}

.dx-pivotgrid-fields-container .dx-sort-up:before {
    color: #D0EBFF;
}

.dx-pivotgrid-fields-container .dx-sort-down:before {
    color: #D0EBFF;
}

.dx-pivotgrid-fields-container .dx-header-filter {
    color: #959595;
}

    .dx-pivotgrid-fields-container .dx-header-filter:before {
        /*color: #D0EBFF;*/
        background: url(/[16]filter.ico) no-repeat center center;
    }

.dx-pivotgrid-fields-container .dx-header-filter-empty {
    color: rgba(149, 149, 149, 0.5);
}



.dx-pivotgrid-fields-container.dx-drag .dx-area-field.dx-area-box {
    -webkit-box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.1), 0px 1px 3px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.1), 0px 1px 3px rgba(0, 0, 0, 0.2);
    box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.1), 0px 1px 3px rgba(0, 0, 0, 0.2);
    border-color: rgba(51, 122, 183, 0.5);
}

.dx-pivotgrid-fields-container .dx-area-field.dx-area-box {
    color: #D0EBFF;
    border-color: #062b63;
    background: rgb(148,184,233);
    background: -moz-linear-gradient(top, rgba(148,184,233,1) 0%, rgba(99,137,192,1) 2%, rgba(39,77,138,1) 50%, rgba(115,152,205,1) 100%);
    background: -webkit-linear-gradient(top, rgba(148,184,233,1) 0%,rgba(99,137,192,1) 2%,rgba(39,77,138,1) 50%,rgba(115,152,205,1) 100%);
    background: linear-gradient(to bottom, rgba(99,137,192,1) 2%,rgba(39,77,138,1) 50%,rgba(115,152,205,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#94b8e9', endColorstr='#7398cd',GradientType=0 );
    box-shadow: inset -2px 3px 3px -4px rgb(255, 255, 255);
}



.dx-pivotgrid.dx-row-lines .dx-pivotgrid-area td {
    border-top-color: #a3c3ec;
}



.dx-pivotgrid .dx-area-row-cell,
.dx-pivotgrid .dx-area-description-cell {
    border-right-color: #6489bc;
}

.dx-pivotgrid .dx-bottom-border,
.dx-pivotgrid .dx-area-description-cell,
.dx-pivotgrid .dx-area-column-cell {
    border-bottom-color: #6489bc;
}

.dx-pivotgrid .dx-pivotgrid-area td {
    color: black;
}



.dx-pivotgrid .dx-pivotgrid-fields-area-head .dx-empty-area-text {
    border-color: transparent;
    color: #000000;
}

.dx-pivotgrid .dx-group-connector {
    background-color: #c3cedc;
}

.dx-pivotgrid .dx-virtual-mode .dx-virtual-content table td {
    color: transparent;
    background-color: transparent !important;
}

.dx-pivotgrid .dx-pivotgrid-area-data tbody td {
    color: #333;
    border-left-color: #a3c3ec;
}

.dx-pivotgrid .dx-pivotgrid-vertical-headers {
    background-color: #c6dcf7;
}

    .dx-pivotgrid .dx-pivotgrid-vertical-headers .dx-expand-border {
        border-top-color: #c3cedc;
    }

    .dx-pivotgrid .dx-pivotgrid-vertical-headers td {
        border-right-color: #6489bc;
    }

    .dx-pivotgrid .dx-pivotgrid-vertical-headers .dx-row-total,
    .dx-pivotgrid .dx-pivotgrid-area-data .dx-row-total {
        border-top-color: #a3c3ec;
        border-bottom-color: #a3c3ec;
    }

.dx-pivotgrid .dx-area-tree-view td.dx-white-space-column {
    border-top-color: transparent;
    background-color: rgba(221, 221, 221, 0.2);
}

.dx-pivotgrid .dx-pivotgrid-horizontal-headers.dx-vertical-scroll {
    border-right-color: #c3cedc;
}

.dx-pivotgrid .dx-pivotgrid-horizontal-headers td {
    border-color: #a3c3ec;
}

.dx-pivotgrid .dx-pivotgrid-horizontal-headers tr:first-child td {
    background-color: #c6dcf7;
}

.dx-pivotgrid .dx-grandtotal {
    background-color: rgba(198,220,247,1);
}

.dx-pivotgrid .dx-pivotgrid-border .dx-data-header,
.dx-pivotgrid .dx-pivotgrid-border .dx-filter-header,
.dx-pivotgrid .dx-pivotgrid-border .dx-area-description-cell,
.dx-pivotgrid .dx-pivotgrid-border .dx-area-row-cell {
    border-left-color: rgba(90,127,181,1);
}

.dx-pivotgrid .dx-pivotgrid-border .dx-filter-header,
.dx-pivotgrid .dx-pivotgrid-border .dx-area-column-cell,
.dx-pivotgrid .dx-pivotgrid-border .dx-column-header,
.dx-pivotgrid .dx-pivotgrid-border .dx-filter-header,
.dx-pivotgrid .dx-pivotgrid-border .dx-area-data-cell {
    border-right-color: #6489bc;
}

.dx-pivotgrid .dx-pivotgrid-border .dx-filter-header {
    border-top-color: #6489bc;
    background-color: #a3c3ec;
}

.dx-pivotgrid .dx-pivotgrid-border .dx-area-data-cell,
.dx-pivotgrid .dx-pivotgrid-border .dx-area-row-cell {
    border-bottom-color: #6489bc;
}

.dx-pivotgridfieldchooser .dx-area-fields.dx-drag-target {
    border-color: #f00;
}


.dx-rtl.dx-pivotgrid .dx-area-row-cell,
.dx-rtl.dx-pivotgrid .dx-area-description-cell {
    border-left-color: #6489bc;
    background-color: #a3c3ec;
}

.dx-rtl.dx-pivotgrid .dx-pivotgrid-area-data tbody td {
    border-right-color: #a3c3ec;
}

    .dx-rtl.dx-pivotgrid .dx-pivotgrid-area-data tbody td:first-child {
        border-left-color: #6489bc;
    }

.dx-rtl.dx-pivotgrid .dx-pivotgrid-vertical-headers td {
    border-left-color: #6489bc;
}

.dx-rtl.dx-pivotgrid .dx-pivotgrid-vertical-headers .dx-last-cell {
    background-color: #c6dcf7;
}

.dx-rtl.dx-pivotgrid .dx-pivotgrid-horizontal-headers.dx-vertical-scroll {
    border-left-color: #c3cedc;
}

.dx-rtl.dx-pivotgrid .dx-pivotgrid-horizontal-headers.dx-pivotgrid-area {
    /* border: 1px solid #6489bc; */
}

.dx-rtl.dx-pivotgrid .dx-pivotgrid-horizontal-headers td:first-child {
    border-left-color: #a3c3ec;
}


.dx-rtl.dx-pivotgrid .dx-pivotgrid-border .dx-area-description-cell,
.dx-rtl.dx-pivotgrid .dx-pivotgrid-border .dx-data-header,
.dx-rtl.dx-pivotgrid .dx-pivotgrid-border .dx-area-row-cell {
    border-right-color: #6489bc;
}

.dx-rtl.dx-pivotgrid .dx-pivotgrid-border .dx-area-column-cell,
.dx-rtl.dx-pivotgrid .dx-pivotgrid-border .dx-column-header,
.dx-rtl.dx-pivotgrid .dx-pivotgrid-border .dx-area-data-cell {
    border-left-color: #6489bc;
}

.dx-treelist-container .dx-header-filter {
    color: #959595;
}

.dx-treelist-container .dx-header-filter-empty {
    color: rgba(198, 220, 247, 0.45);
}

.dx-treelist-container .dx-treelist-content-fixed .dx-treelist-table .dx-col-fixed {
    background-color: #fff;
}

.dx-treelist-container .dx-treelist-rowsview .dx-data-row td.dx-pointer-events-none,
.dx-treelist-container .dx-treelist-rowsview .dx-freespace-row td.dx-pointer-events-none,
.dx-treelist-container .dx-treelist-headers .dx-row td.dx-pointer-events-none {
    border-left: 2px solid #c3cedc;
    border-right: 2px solid #c3cedc;
}

.dx-treelist-container .dx-treelist-rowsview .dx-treelist-edit-form {
    background-color: #fff;
}

.dx-treelist-container .dx-treelist-filter-row .dx-filter-range-content {
    color: #333;
}

.dx-treelist-column-chooser {
    color: #333;
}



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

.dx-validationsummary-item {
    color: #d9534f;
}

.dx-invalid-message > .dx-overlay-content {
    color: #fff;
    background-color: #d9534f;
}

.dx-scheduler-work-space {
    border-color: rgba(221, 221, 221, 0.6);
    background-color: #fff;
}

    .dx-scheduler-work-space.dx-scheduler-work-space-grouped:not(.dx-scheduler-agenda) .dx-scheduler-all-day-title {
        border-top: 1px solid rgba(221, 221, 221, 0.6);
    }

    .dx-scheduler-work-space.dx-scheduler-work-space-grouped:not(.dx-scheduler-agenda) .dx-scheduler-date-table-cell {
        border-left: 1px solid rgba(221, 221, 221, 0.6);
    }

    .dx-scheduler-work-space.dx-scheduler-work-space-grouped:not(.dx-scheduler-agenda) .dx-scheduler-all-day-panel td {
        border-left: 1px solid rgba(221, 221, 221, 0.6);
        border-top: 1px solid rgba(221, 221, 221, 0.6);
    }



    .dx-scheduler-work-space:not(.dx-scheduler-work-space-all-day).dx-scheduler-work-space:not(.dx-scheduler-work-space-month).dx-scheduler-work-space:not(.dx-scheduler-timeline) .dx-scheduler-header-panel {
        border-bottom: 2px solid rgba(221, 221, 221, 0.6);
    }

    .dx-scheduler-work-space.dx-scheduler-work-space-month .dx-scheduler-header-panel {
        border-bottom: 1px solid rgba(221, 221, 221, 0.6);
    }



.dx-scheduler-date-table-cell {
    border-top: 1px solid rgba(221, 221, 221, 0.6);
}



.dx-scheduler-work-space-day .dx-scheduler-date-table-row:nth-child(odd) .dx-scheduler-date-table-cell,
.dx-scheduler-work-space-week .dx-scheduler-date-table-row:nth-child(odd) .dx-scheduler-date-table-cell,
.dx-scheduler-work-space-work-week .dx-scheduler-date-table-row:nth-child(odd) .dx-scheduler-date-table-cell {
    border-top: 1px solid #c4c4c4;
}

.dx-scheduler-all-day-table-cell {
    border-left: 1px solid rgba(221, 221, 221, 0.6);
    border-top: 1px solid rgba(221, 221, 221, 0.6);
}

.dx-scheduler-work-space-week .dx-scheduler-all-day-title,
.dx-scheduler-work-space-work-week .dx-scheduler-all-day-title {
    border-top: 1px solid rgba(221, 221, 221, 0.6);
}

.dx-scheduler-work-space-month .dx-scheduler-all-day-table-cell,
.dx-scheduler-work-space-month .dx-scheduler-date-table-cell {
    height: auto;
    vertical-align: top;
    text-align: right;
    font-size: 16px;
    color: #959595;
}

.dx-scheduler-timeline .dx-scheduler-group-table {
    border-spacing: 0;
    border-collapse: separate;
    border-top: 1px solid rgba(221, 221, 221, 0.6);
}



.dx-scheduler-timeline.dx-scheduler-work-space-both-scrollbar .dx-scheduler-header-panel {
    border-bottom: 1px solid #c4c4c4;
}

.dx-scheduler-timeline.dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space-grouped .dx-scheduler-sidebar-scrollable:before {
    border-bottom: 1px solid #c4c4c4;
}



.dx-scheduler-timeline.dx-scheduler-work-space-grouped .dx-scheduler-group-row .dx-scheduler-group-header {
    border: none;
    border-top: 1px solid rgba(221, 221, 221, 0.6);
}

.dx-scheduler-timeline.dx-scheduler-work-space-grouped .dx-scheduler-group-table {
    border-right: 1px solid rgba(221, 221, 221, 0.6);
}



.dx-scheduler-work-space-both-scrollbar .dx-scheduler-all-day-title {
    z-index: 100;
    border-right: 1px solid rgba(221, 221, 221, 0.6);
}

    .dx-scheduler-work-space-both-scrollbar .dx-scheduler-all-day-title:before {
        content: "";
        position: absolute;
        left: 0;
        width: 100px;
        border-right: 1px solid rgba(221, 221, 221, 0.6);
    }

.dx-scheduler-work-space-both-scrollbar .dx-scheduler-time-panel {
    border-right: 1px solid rgba(221, 221, 221, 0.6);
}

.dx-scheduler-header-panel-cell {
    border-left: 1px solid rgba(221, 221, 221, 0.6);
    border-right: 1px solid rgba(221, 221, 221, 0.6);
    color: #333;
}

.dx-scheduler-all-day-panel .dx-scheduler-all-day-table-cell {
    border-bottom: 2px solid rgba(221, 221, 221, 0.6);
}

.dx-scheduler-all-day-title {
    color: #333;
    border-bottom: 2px solid rgba(221, 221, 221, 0.6);
}

.dx-scheduler-time-panel-cell {
    color: #333;
    border-bottom: 1px solid rgba(221, 221, 221, 0.6);
}

    .dx-scheduler-time-panel-cell:after {
        background-color: #fff;
    }

.dx-scheduler-date-table-cell {
    border-left: 1px solid rgba(221, 221, 221, 0.6);
    border-right: 1px solid rgba(221, 221, 221, 0.6);
}

    .dx-scheduler-all-day-table-cell.dx-state-active,
    .dx-scheduler-date-table-cell.dx-state-active {
        background-color: #c4c4c4;
    }

    .dx-scheduler-all-day-table-cell.dx-state-hover,
    .dx-scheduler-date-table-cell.dx-state-hover {
        background-color: #959595;
    }

        .dx-scheduler-all-day-table-cell.dx-state-hover.dx-state-focused,
        .dx-scheduler-date-table-cell.dx-state-hover.dx-state-focused {
            background-color: #dbe9f5;
        }

    .dx-scheduler-all-day-table-cell.dx-state-focused,
    .dx-scheduler-date-table-cell.dx-state-focused {
        background-color: #dbe9f5;
        opacity: 1;
    }

    .dx-scheduler-all-day-table-cell.dx-scheduler-focused-cell,
    .dx-scheduler-date-table-cell.dx-scheduler-focused-cell {
        box-shadow: inset 0 0 0 1px #a3c3ec;
    }

.dx-scheduler-date-table-droppable-cell {
    background-color: #f2f2f2;
}

.dx-scheduler-appointment {
    background-color: #a3c3ec;
    color: #fff;
    -webkit-box-shadow: inset 0px 2px 0px 0px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: inset 0px 2px 0px 0px rgba(0, 0, 0, 0.3);
    box-shadow: inset 0px 2px 0px 0px rgba(0, 0, 0, 0.3);
}

    .dx-scheduler-appointment.dx-state-active,
    .dx-scheduler-appointment.dx-resizable-resizing {
        -webkit-box-shadow: inset 0px -2px 0px 0px rgba(0, 0, 0, 0.3), inset 0px 2px 0px 0px rgba(0, 0, 0, 0.3);
        -moz-box-shadow: inset 0px -2px 0px 0px rgba(0, 0, 0, 0.3), inset 0px 2px 0px 0px rgba(0, 0, 0, 0.3);
        box-shadow: inset 0px -2px 0px 0px rgba(0, 0, 0, 0.3), inset 0px 2px 0px 0px rgba(0, 0, 0, 0.3);
    }

    .dx-scheduler-appointment.dx-state-focused:before {
        background-color: rgba(0, 0, 0, 0.3);
    }

    .dx-scheduler-appointment.dx-state-hover {
        -webkit-box-shadow: inset 0px 5px 0px 0px rgba(0, 0, 0, 0.3);
        -moz-box-shadow: inset 0px 5px 0px 0px rgba(0, 0, 0, 0.3);
        box-shadow: inset 0px 5px 0px 0px rgba(0, 0, 0, 0.3);
    }

        .dx-scheduler-appointment.dx-state-hover.dx-resizable {
            -webkit-box-shadow: inset 0px 5px 0px 0px rgba(0, 0, 0, 0.3), inset 0px -2px 0px 0px rgba(0, 0, 0, 0.3);
            -moz-box-shadow: inset 0px 5px 0px 0px rgba(0, 0, 0, 0.3), inset 0px -2px 0px 0px rgba(0, 0, 0, 0.3);
            box-shadow: inset 0px 5px 0px 0px rgba(0, 0, 0, 0.3), inset 0px -2px 0px 0px rgba(0, 0, 0, 0.3);
        }

    .dx-scheduler-appointment.dx-draggable-dragging {
        -webkit-box-shadow: 7px 7px 15px 0px rgba(50, 50, 50, 0.2), inset 0px -2px 0px 0px rgba(0, 0, 0, 0.3), inset 0px 2px 0px 0px rgba(0, 0, 0, 0.3);
        -moz-box-shadow: 7px 7px 15px 0px rgba(50, 50, 50, 0.2), inset 0px -2px 0px 0px rgba(0, 0, 0, 0.3), inset 0px 2px 0px 0px rgba(0, 0, 0, 0.3);
        box-shadow: 7px 7px 15px 0px rgba(50, 50, 50, 0.2), inset 0px -2px 0px 0px rgba(0, 0, 0, 0.3), inset 0px 2px 0px 0px rgba(0, 0, 0, 0.3);
    }



.dx-scheduler-timeline .dx-scheduler-appointment,
.dx-scheduler-work-space-month .dx-scheduler-appointment,
.dx-scheduler-all-day-appointment {
    -webkit-box-shadow: inset 2px 0px 0px 0px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: inset 2px 0px 0px 0px rgba(0, 0, 0, 0.3);
    box-shadow: inset 2px 0px 0px 0px rgba(0, 0, 0, 0.3);
}

.dx-rtl .dx-scheduler-timeline .dx-scheduler-appointment,
.dx-rtl .dx-scheduler-work-space-month .dx-scheduler-appointment,
.dx-rtl .dx-scheduler-all-day-appointment {
    -webkit-box-shadow: inset -2px 0px 0px 0px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: inset -2px 0px 0px 0px rgba(0, 0, 0, 0.3);
    box-shadow: inset -2px 0px 0px 0px rgba(0, 0, 0, 0.3);
}

.dx-scheduler-timeline .dx-scheduler-appointment.dx-state-active,
.dx-scheduler-work-space-month .dx-scheduler-appointment.dx-state-active,
.dx-scheduler-all-day-appointment.dx-state-active,
.dx-scheduler-timeline .dx-scheduler-appointment.dx-resizable-resizing,
.dx-scheduler-work-space-month .dx-scheduler-appointment.dx-resizable-resizing,
.dx-scheduler-all-day-appointment.dx-resizable-resizing {
    -webkit-box-shadow: inset -2px 0px 0px 0px rgba(0, 0, 0, 0.3), inset 2px 0px 0px 0px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: inset -2px 0px 0px 0px rgba(0, 0, 0, 0.3), inset 2px 0px 0px 0px rgba(0, 0, 0, 0.3);
    box-shadow: inset -2px 0px 0px 0px rgba(0, 0, 0, 0.3), inset 2px 0px 0px 0px rgba(0, 0, 0, 0.3);
}

.dx-scheduler-timeline .dx-scheduler-appointment.dx-state-focused:before,
.dx-scheduler-work-space-month .dx-scheduler-appointment.dx-state-focused:before,
.dx-scheduler-all-day-appointment.dx-state-focused:before {
    background-color: rgba(0, 0, 0, 0.3);
}

.dx-scheduler-timeline .dx-scheduler-appointment.dx-state-hover,
.dx-scheduler-work-space-month .dx-scheduler-appointment.dx-state-hover,
.dx-scheduler-all-day-appointment.dx-state-hover {
    -webkit-box-shadow: inset 5px 0px 0px 0px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: inset 5px 0px 0px 0px rgba(0, 0, 0, 0.3);
    box-shadow: inset 5px 0px 0px 0px rgba(0, 0, 0, 0.3);
}

    .dx-scheduler-timeline .dx-scheduler-appointment.dx-state-hover.dx-resizable,
    .dx-scheduler-work-space-month .dx-scheduler-appointment.dx-state-hover.dx-resizable,
    .dx-scheduler-all-day-appointment.dx-state-hover.dx-resizable {
        -webkit-box-shadow: inset 5px 0px 0px 0px rgba(0, 0, 0, 0.3), inset -2px 0px 0px 0px rgba(0, 0, 0, 0.3);
        -moz-box-shadow: inset 5px 0px 0px 0px rgba(0, 0, 0, 0.3), inset -2px 0px 0px 0px rgba(0, 0, 0, 0.3);
        box-shadow: inset 5px 0px 0px 0px rgba(0, 0, 0, 0.3), inset -2px 0px 0px 0px rgba(0, 0, 0, 0.3);
    }

.dx-rtl .dx-scheduler-timeline .dx-scheduler-appointment.dx-state-hover,
.dx-rtl .dx-scheduler-work-space-month .dx-scheduler-appointment.dx-state-hover,
.dx-rtl .dx-scheduler-all-day-appointment.dx-state-hover {
    -webkit-box-shadow: inset -5px 0px 0px 0px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: inset -5px 0px 0px 0px rgba(0, 0, 0, 0.3);
    box-shadow: inset -5px 0px 0px 0px rgba(0, 0, 0, 0.3);
}

    .dx-rtl .dx-scheduler-timeline .dx-scheduler-appointment.dx-state-hover.dx-resizable,
    .dx-rtl .dx-scheduler-work-space-month .dx-scheduler-appointment.dx-state-hover.dx-resizable,
    .dx-rtl .dx-scheduler-all-day-appointment.dx-state-hover.dx-resizable {
        -webkit-box-shadow: inset -5px 0px 0px 0px rgba(0, 0, 0, 0.3), inset 2px 0px 0px 0px rgba(0, 0, 0, 0.3);
        -moz-box-shadow: inset -5px 0px 0px 0px rgba(0, 0, 0, 0.3), inset 2px 0px 0px 0px rgba(0, 0, 0, 0.3);
        box-shadow: inset -5px 0px 0px 0px rgba(0, 0, 0, 0.3), inset 2px 0px 0px 0px rgba(0, 0, 0, 0.3);
    }

.dx-scheduler-timeline .dx-scheduler-appointment.dx-draggable-dragging,
.dx-scheduler-work-space-month .dx-scheduler-appointment.dx-draggable-dragging,
.dx-scheduler-all-day-appointment.dx-draggable-dragging {
    -webkit-box-shadow: inset -2px 0px 0px 0px rgba(0, 0, 0, 0.3), inset 2px 0px 0px 0px rgba(0, 0, 0, 0.3), 7px 7px 15px 0px rgba(50, 50, 50, 0.2);
    -moz-box-shadow: inset -2px 0px 0px 0px rgba(0, 0, 0, 0.3), inset 2px 0px 0px 0px rgba(0, 0, 0, 0.3), 7px 7px 15px 0px rgba(50, 50, 50, 0.2);
    box-shadow: inset -2px 0px 0px 0px rgba(0, 0, 0, 0.3), inset 2px 0px 0px 0px rgba(0, 0, 0, 0.3), 7px 7px 15px 0px rgba(50, 50, 50, 0.2);
}

.dx-layout-manager {
    /*background-color: #a3c3ec;
    padding: 10px;*/
}




.dx-scheduler-dropdown-appointments {
    background-color: #a3c3ec;
    color: #fff;
}

    .dx-scheduler-dropdown-appointments.dx-button,
    .dx-scheduler-dropdown-appointments.dx-button.dx-state-hover,
    .dx-scheduler-dropdown-appointments.dx-button.dx-state-active,
    .dx-scheduler-dropdown-appointments.dx-button.dx-state-focused {
        background-color: #a3c3ec;
        border: none;
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        box-shadow: none;
    }

        .dx-scheduler-dropdown-appointments.dx-button .dx-scheduler-dropdown-appointments-content,
        .dx-scheduler-dropdown-appointments.dx-button.dx-state-hover .dx-scheduler-dropdown-appointments-content,
        .dx-scheduler-dropdown-appointments.dx-button.dx-state-active .dx-scheduler-dropdown-appointments-content,
        .dx-scheduler-dropdown-appointments.dx-button.dx-state-focused .dx-scheduler-dropdown-appointments-content {
            color: #fff;
        }



.dx-scheduler-dropdown-appointment {
    border-left: 3px solid #a3c3ec;
}



.dx-scheduler-agenda.dx-scheduler-work-space-grouped .dx-scheduler-date-table-last-row.dx-scheduler-date-table-row {
    border-bottom: 1px solid rgba(221, 221, 221, 0.6);
}

.dx-scheduler-agenda .dx-scheduler-group-header-content:before {
    border-bottom: 1px solid rgba(221, 221, 221, 0.6);
}



.dx-rtl .dx-scheduler-work-space-month .dx-scheduler-header-panel-cell,
.dx-rtl .dx-scheduler-work-space-month .dx-scheduler-date-table-cell {
    border-right: 1px solid rgba(221, 221, 221, 0.6);
}



.dx-rtl .dx-scheduler-work-space-week .dx-scheduler-all-day-table-cell,
.dx-rtl .dx-scheduler-work-space-work-week .dx-scheduler-all-day-table-cell {
    border-right: 1px solid rgba(221, 221, 221, 0.6);
    border-left: none;
}

.dx-rtl .dx-scheduler-dropdown-appointment {
    border-left: none;
    border-right: 3px solid #a3c3ec;
}

.dx-rtl.dx-scheduler-work-space-both-scrollbar .dx-scheduler-all-day-title {
    border-left: 1px solid rgba(221, 221, 221, 0.6);
    border-right: none;
}

    .dx-rtl.dx-scheduler-work-space-both-scrollbar .dx-scheduler-all-day-title:before {
        right: 0;
        border-left: 1px solid rgba(221, 221, 221, 0.6);
        border-right: none;
    }

.dx-rtl.dx-scheduler-work-space-both-scrollbar .dx-scheduler-time-panel {
    border-left: 1px solid rgba(221, 221, 221, 0.6);
    border-right: none;
}



.dx-rtl .dx-scheduler-timeline.dx-scheduler-work-space-grouped .dx-scheduler-sidebar-scrollable:before {
    border-left: 1px solid rgba(221, 221, 221, 0.6);
    border-right: none;
    right: 0;
}

.dx-rtl .dx-scheduler-timeline.dx-scheduler-work-space-grouped .dx-scheduler-group-table {
    border-left: 1px solid rgba(221, 221, 221, 0.6);
    border-right: none;
}

.dx-theme-marker {
    font-family: "dx.generic.light.compact";
}


.dx-widget {
    color: #333;
}

.dx-badge {
    background-color: rgba(90,127,181,1);
    color: #fff;
}

.dx-button-has-icon .dx-icon {
    color: white;
}

.dx-button .dx-icon {
    color: #062b63;
}

.dx-button-back .dx-icon {
    color: #333;
}

.dx-dropdowneditor-button .dx-icon {
    color: white;
}

.dx-button {
    -webkit-box-shadow: 0 1px 2px transparent;
    -moz-box-shadow: 0 1px 2px transparent;
    box-shadow: 0 1px 2px transparent;
    background: rgb(189,215,255);
    background: -moz-linear-gradient(top, rgba(189,215,255,1) 0%, rgba(170,196,236,1) 50%, rgba(133,175,238,1) 50%, rgba(229,240,250,1) 100%);
    background: -webkit-linear-gradient(top, rgba(189,215,255,1) 0%,rgba(170,196,236,1) 50%,rgba(133,175,238,1) 50%,rgba(229,240,250,1) 100%);
    background: linear-gradient(to bottom, rgba(189,215,255,1) 0%,rgba(170,196,236,1) 50%,rgba(133,175,238,1) 50%,rgba(229,240,250,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bdd7ff', endColorstr='#e5f0fa',GradientType=0 );
    color: black;
    border: 1px solid #233c6e;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px;
}

.dx-popup-toolbar > .dx-button:hover {
    border: 1px solid #5379ae;
    background: rgb(189,215,255);
    background: -moz-linear-gradient(top, rgba(189,215,255,1) 0%, rgba(170,196,236,1) 50%, rgba(133,175,238,1) 50%, rgba(229,240,250,1) 100%);
    background: -webkit-linear-gradient(top, rgba(189,215,255,1) 0%,rgba(170,196,236,1) 50%,rgba(133,175,238,1) 50%,rgba(229,240,250,1) 100%);
    background: linear-gradient(to bottom, rgba(189,215,255,1) 0%,rgba(170,196,236,1) 50%,rgba(133,175,238,1) 50%,rgba(229,240,250,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bdd7ff', endColorstr='#e5f0fa',GradientType=0 );
}

.dx-popup-toolbar > .dx-button.window-buttons-close:hover {
    border: 1px solid #696969;
    background: rgb(251, 56, 56);
    color: white;
}

.dx-popup-toolbar .dx-button {
    border: 1px solid transparent;
    background-color: transparent;
}

.dx-button:hover {
    -webkit-box-shadow: 0px 0px 2px 1px rgba(90,127,181,1);
    -moz-box-shadow: 0px 0px 2px 1px rgba(90,127,181,1);
    box-shadow: 0px 0px 2px 1px rgba(90,127,181,1);
}

.dx-button.dx-state-focused {
    -webkit-box-shadow: 0px 0px 2px 1px rgba(90,127,181,1);
    -moz-box-shadow: 0px 0px 2px 1px rgba(90,127,181,1);
    box-shadow: 0px 0px 2px 1px rgba(90,127,181,1);
}

.dx-button.dx-state-active {
    -webkit-box-shadow: 0px 0px 2px 1px rgba(90,127,181,1);
    -moz-box-shadow: 0px 0px 2px 1px rgba(90,127,181,1);
    box-shadow: 0px 0px 2px 1px rgba(90,127,181,1);
}

.dx-button.dx-state-focused {
    -webkit-box-shadow: 0px 0px 2px 1px rgba(90,127,181,0.5);
    -moz-box-shadow: 0px 0px 2px 1px rgba(90,127,181,0.5);
    box-shadow: inset 0px 0px 2px 1px rgb(90 127 181 / 50%);
}

.dx-button.dx-state-hover {
    -webkit-box-shadow: 0px 0px 2px 1px rgba(90,127,181,1);
    -moz-box-shadow: 0px 0px 2px 1px rgba(90,127,181,1);
    box-shadow: inset 0px 0px 2px 1px rgb(90 127 181);
    color: black;
}

.dx-button.dx-state-active {
    background: #204786;
    color: white;
}

.dx-button-danger {
    background-color: #d9534f;
    border-color: #d43f3a;
    color: #fff;
}

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

    .dx-button-danger.dx-state-hover {
        background-color: #c9302c;
        border-color: #ac2925;
    }

    .dx-button-danger.dx-state-focused {
        background-color: #c9302c;
        border-color: #761c19;
    }

    .dx-button-danger.dx-state-active {
        background-color: #8b211e;
        border-color: #761c19;
        color: #fff;
    }

.dx-button-success {
    background-color: #5cb85c;
    border-color: #4cae4c;
    color: #fff;
}

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

    .dx-button-success.dx-state-hover {
        background-color: #449d44;
        border-color: #398439;
    }

    .dx-button-success.dx-state-focused {
        background-color: #449d44;
        border-color: #255625;
    }

    .dx-button-success.dx-state-active {
        background-color: #398439;
        border-color: #255625;
        color: #fff;
    }

.dx-button-default {
    /*background-color: #a3c3ec;
    border-color: #2d6da3;*/
    color: black;
    -webkit-box-shadow: 0px 0px 2px 1px rgba(90,127,181,1);
    -moz-box-shadow: 0px 0px 2px 1px rgba(90,127,181,1);
    box-shadow: 0px 0px 2px 1px rgba(90,127,181,1);
}

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

    .dx-button-default.dx-state-hover {
        background-color: #285f8f;
        border-color: #265a87;
    }

    .dx-button-default.dx-state-focused {
        background-color: #285f8f;
        border-color: #173853;
    }

    .dx-button-default.dx-state-active {
        background-color: #204d73;
        border-color: #173853;
        color: #fff;
    }

.dx-scrollable-scroll {
    -webkit-transition: opacity 0s linear;
    -moz-transition: opacity 0s linear;
    -o-transition: opacity 0s linear;
    transition: opacity 0s linear;
}

    .dx-scrollable-scroll.dx-state-invisible {
        opacity: 0;
        -webkit-transition: opacity .5s linear 1s;
        -moz-transition: opacity .5s linear 1s;
        -o-transition: opacity .5s linear 1s;
        transition: opacity .5s linear 1s;
    }

.dx-scrollable-scroll-content {
    background-color: #a3c3ec;
    box-shadow: 0 0 0 1px transparent;
    border-radius: 4px;
}

.dx-scrollbar-hoverable {
    background-color: transparent;
}

    .dx-scrollbar-hoverable.dx-state-hover,
    .dx-scrollbar-hoverable.dx-scrollable-scrollbar-active {
        background-color: rgba(90, 127, 181, 0.2);
    }

        .dx-scrollbar-hoverable.dx-scrollable-scrollbar-active .dx-scrollable-scroll-content {
            background-color: #284172;
        }

    .dx-scrollbar-hoverable .dx-scrollable-scroll.dx-state-invisible .dx-scrollable-scroll-content {
        background-color: transparent;
        background-color: rgba(0, 0, 0, 0);
        box-shadow: 0 0 0 1px transparent;
    }

.dx-scrollbar-vertical.dx-scrollbar-hoverable {
    -webkit-transition: width .2s linear .15s, background-color .2s linear .15s;
    -moz-transition: width .2s linear .15s, background-color .2s linear .15s;
    -o-transition: width .2s linear .15s, background-color .2s linear .15s;
    transition: width .2s linear .15s, background-color .2s linear .15s;
}

    .dx-scrollbar-vertical.dx-scrollbar-hoverable .dx-scrollable-scroll {
        -webkit-transition: background-color .5s linear 1s, width .2s linear 150ms;
        -moz-transition: background-color .5s linear 1s, width .2s linear 150ms;
        -o-transition: background-color .5s linear 1s, width .2s linear 150ms;
        transition: background-color .5s linear 1s, width .2s linear 150ms;
    }

        .dx-scrollbar-vertical.dx-scrollbar-hoverable .dx-scrollable-scroll .dx-scrollable-scroll-content {
            -webkit-transition: box-shadow .15s linear .15s, background-color .15s linear .15s;
            -moz-transition: box-shadow .15s linear .15s, background-color .15s linear .15s;
            -o-transition: box-shadow .15s linear .15s, background-color .15s linear .15s;
            transition: box-shadow .15s linear .15s, background-color .15s linear .15s;
        }

        .dx-scrollbar-vertical.dx-scrollbar-hoverable .dx-scrollable-scroll.dx-state-invisible {
            -webkit-transition: background-color .5s linear 1s, width .2s linear .15s;
            -moz-transition: background-color .5s linear 1s, width .2s linear .15s;
            -o-transition: background-color .5s linear 1s, width .2s linear .15s;
            transition: background-color .5s linear 1s, width .2s linear .15s;
        }

            .dx-scrollbar-vertical.dx-scrollbar-hoverable .dx-scrollable-scroll.dx-state-invisible .dx-scrollable-scroll-content {
                -webkit-transition: box-shadow .5s linear 1s, background-color .5s linear 1s;
                -moz-transition: box-shadow .5s linear 1s, background-color .5s linear 1s;
                -o-transition: box-shadow .5s linear 1s, background-color .5s linear 1s;
                transition: box-shadow .5s linear 1s, background-color .5s linear 1s;
            }



.dx-scrollbar-horizontal.dx-scrollbar-hoverable {
    -webkit-transition: height .2s linear .15s, background-color .2s linear .15s;
    -moz-transition: height .2s linear .15s, background-color .2s linear .15s;
    -o-transition: height .2s linear .15s, background-color .2s linear .15s;
    transition: height .2s linear .15s, background-color .2s linear .15s;
}

    .dx-scrollbar-horizontal.dx-scrollbar-hoverable .dx-scrollable-scroll {
        -webkit-transition: background-color .5s linear 1s, height .2s linear .15s;
        -moz-transition: background-color .5s linear 1s, height .2s linear .15s;
        -o-transition: background-color .5s linear 1s, height .2s linear .15s;
        transition: background-color .5s linear 1s, height .2s linear .15s;
    }

        .dx-scrollbar-horizontal.dx-scrollbar-hoverable .dx-scrollable-scroll .dx-scrollable-scroll-content {
            -webkit-transition: box-shadow .15s linear .15s, background-color .15s linear .15s;
            -moz-transition: box-shadow .15s linear .15s, background-color .15s linear .15s;
            -o-transition: box-shadow .15s linear .15s, background-color .15s linear .15s;
            transition: box-shadow .15s linear .15s, background-color .15s linear .15s;
        }

        .dx-scrollbar-horizontal.dx-scrollbar-hoverable .dx-scrollable-scroll.dx-state-invisible {
            -webkit-transition: background-color .5s linear 1s, height .2s linear .15s;
            -moz-transition: background-color .5s linear 1s, height .2s linear .15s;
            -o-transition: background-color .5s linear 1s, height .2s linear .15s;
            transition: background-color .5s linear 1s, height .2s linear .15s;
        }

            .dx-scrollbar-horizontal.dx-scrollbar-hoverable .dx-scrollable-scroll.dx-state-invisible .dx-scrollable-scroll-content {
                -webkit-transition: box-shadow .5s linear 1s, background-color .5s linear 1s;
                -moz-transition: box-shadow .5s linear 1s, background-color .5s linear 1s;
                -o-transition: box-shadow .5s linear 1s, background-color .5s linear 1s;
                transition: box-shadow .5s linear 1s, background-color .5s linear 1s;
            }

.dx-scrollable-customizable-scrollbars {
    -ms-scrollbar-base-color: #fff;
    -ms-scrollbar-arrow-color: #4b4b4b;
    -ms-scrollbar-track-color: #fff;
}



    .dx-scrollable-customizable-scrollbars ::-webkit-scrollbar {
        background-color: transparent;
    }

    .dx-scrollable-customizable-scrollbars ::-webkit-scrollbar-thumb {
        background-color: #757575;
        border-right: 2px solid transparent;
        border-left: 1px solid transparent;
        background-clip: content-box;
    }

    .dx-scrollable-customizable-scrollbars ::-webkit-scrollbar-track {
        background-color: transparent;
    }

    .dx-scrollable-customizable-scrollbars ::-webkit-scrollbar-corner {
        background-color: transparent;
    }

    .dx-scrollable-customizable-scrollbars ::-webkit-scrollbar-button {
        background-color: transparent;
    }

        .dx-scrollable-customizable-scrollbars ::-webkit-scrollbar-button:horizontal:decrement {
            background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAYAAAAMCAQAAADrXgSlAAAAMklEQVQY02P4z/CfIRECfRngHN/E/zAOkJmIzExEZoI4cCYGB0UZmgHIRkPt8kXigLgA3gNGp/JuZjQAAAAASUVORK5CYII=) no-repeat;
            background-position: center;
        }

        .dx-scrollable-customizable-scrollbars ::-webkit-scrollbar-button:horizontal:increment {
            background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAYAAAAMCAQAAADrXgSlAAAAN0lEQVQYV2NI9E1kAMH/QMiQ+B/ChXHAXAQHyoVxwFwEB8jFwUFSBjYebjSM4wuyA2IPnPmfAQA1rkanVpjRrQAAAABJRU5ErkJggg==) no-repeat;
            background-position: center;
        }

        .dx-scrollable-customizable-scrollbars ::-webkit-scrollbar-button:vertical:decrement {
            background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAGCAQAAABd57cKAAAAM0lEQVQYV2P4z/CfIRECfYGQAcQHQTABFf4PhHApmAREGCoFghAJhDBcClMYKoVNGCwFAKZMRqcg5DihAAAAAElFTkSuQmCC) no-repeat;
            background-position: 3px 5px;
        }

        .dx-scrollable-customizable-scrollbars ::-webkit-scrollbar-button:vertical:increment {
            background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAGCAQAAABd57cKAAAAMUlEQVQY023JwQ0AMAyDQBZkCO8/hPuqGqkRP46YLklZyEB/MlyYZJhwyVBKBxDfLgftpkant8t4aAAAAABJRU5ErkJggg==) no-repeat;
            background-position: 3px 5px;
        }



.dx-scrollview-pull-down-image {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAABkCAQAAABebbrxAAABD0lEQVRo3u2XvQ3CMBCFLbmjYYGsAA2wA1X2gAbEAEwB2eIKflagh6zACJAuUihASUic+M5GNH56dT7J8efTPUXKkDkzrS8LpQAEMBygcwAss2UGQADDBmLa+AMvzAAIYNhATBt/YMEMgACGDcS0wbQBEEAAAQQQwD8CEzaiL7sKqOnojTuQrh95SKkX7kqD5j+M6O6Mu1NkupQJZU64B426bjmmXIzLKe7TZiUGLmweyhTa28XWdJKpYn8pXIVub1U4T4+jUKkKbyWeWhR6Vqpwd+w+hb5U4S/ta54qkhZgVihxrxWaznZVZD2lqVDaVkVafOoKGVWRN6nZR6GMxr+qZjHl3aq4db0NLXld7wVjuu7NS9f7yAAAAABJRU5ErkJggg==) 0 0 no-repeat;
    background-size: 100%;
}

.dx-scrollable-native.dx-scrollable-native-android .dx-scrollview-pull-down {
    background-color: #fff;
    -webkit-box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.37);
    -moz-box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.37);
    box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.37);
}



.dx-checkbox.dx-state-readonly .dx-checkbox-icon {
    /*border-color: #f4f4f4;
        background-color: #fff;*/
    color: gray;
}

.dx-checkbox.dx-state-hover .dx-checkbox-icon {
    border: 1px solid #265a87;
    background: rgb(227,236,254);
    background: -moz-linear-gradient(top, rgba(227,236,254,1) 0%, rgba(174,198,240,1) 49%, rgba(174,198,240,1) 49%, rgba(152,186,236,1) 50%, rgba(174,203,254,1) 100%);
    background: -webkit-linear-gradient(top, rgba(227,236,254,1) 0%,rgba(174,198,240,1) 49%,rgba(174,198,240,1) 49%,rgba(152,186,236,1) 50%,rgba(174,203,254,1) 100%);
    background: linear-gradient(to bottom, rgba(227,236,254,1) 0%,rgba(174,198,240,1) 49%,rgba(174,198,240,1) 49%,rgba(152,186,236,1) 50%,rgba(174,203,254,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e3ecfe', endColorstr='#aecbfe',GradientType=0 );
    -webkit-box-shadow: 0px 0px 2px 1px rgba(90,127,181,0.5);
    -moz-box-shadow: 0px 0px 2px 1px rgba(90,127,181,0.5);
    box-shadow: 0px 0px 2px 1px rgba(90,127,181,0.5);
}

.dx-checkbox.dx-state-focused .dx-checkbox-icon {
    /*border: 1px solid #a3c3ec;*/
}

.dx-checkbox.dx-state-active .dx-checkbox-icon {
    background-color: rgba(96, 96, 96, 0.2);
    -webkit-box-shadow: 0px 0px 2px 1px rgba(90,127,181,0.5);
    -moz-box-shadow: 0px 0px 2px 1px rgba(90,127,181,0.5);
    box-shadow: 0px 0px 2px 1px rgba(90,127,181,0.5);
}

.dx-checkbox-icon {
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    -o-border-radius: 2px;
    border-radius: 2px;
    border: 1px solid #2a4276;
    background: rgb(194,204,225);
    background: -moz-linear-gradient(top, rgba(194,204,225,1) 0%, rgba(253,253,254,1) 100%);
    background: -webkit-linear-gradient(top, rgba(194,204,225,1) 0%,rgba(253,253,254,1) 100%);
    background: linear-gradient(to bottom, rgba(194,204,225,1) 0%,rgba(253,253,254,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c2cce1', endColorstr='#fdfdfe',GradientType=0 );
}

.dx-checkbox-checked .dx-checkbox-icon {
    color: #2a4276;
}

.dx-checkbox-indeterminate .dx-checkbox-icon:before {
    background-color: rgba(39,77,138,1);
}



.dx-invalid .dx-checkbox-container .dx-checkbox-icon {
    border: 1px solid rgba(217, 83, 79, 0.4);
}

.dx-invalid.dx-state-focused .dx-checkbox-container .dx-checkbox-icon {
    border-color: #d9534f;
}

.dx-switch {
    background: rgb(208,216,231);
    background: -moz-linear-gradient(top, rgba(208,216,231,1) 0%, rgba(230,234,242,1) 22%, rgba(255,255,255,1) 100%);
    background: -webkit-linear-gradient(top, rgba(208,216,231,1) 0%,rgba(230,234,242,1) 22%,rgba(255,255,255,1) 100%);
    background: linear-gradient(to bottom, rgba(208,216,231,1) 0%,rgba(230,234,242,1) 22%,rgba(255,255,255,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d0d8e7', endColorstr='#ffffff',GradientType=0 );
    border: 1px solid rgba(39,77,138,1);
    border-radius: 3px;
}

    .dx-switch.dx-state-readonly {
        border-color: rgba(208,216,231,1);
    }

    .dx-switch.dx-state-active {
        border-color: #062b63;
    }

    .dx-switch.dx-state-hover {
        border-color: #062b63;
        -webkit-box-shadow: 0px 0px 2px 1px rgba(90,127,181,0.5);
        -moz-box-shadow: 0px 0px 2px 1px rgba(90,127,181,0.5);
        box-shadow: 0px 0px 2px 1px rgba(90,127,181,0.5);
    }

    .dx-switch.dx-state-focused {
        border-color: #062b63;
        -webkit-box-shadow: 0px 0px 2px 1px rgba(90,127,181,0.5);
        -moz-box-shadow: 0px 0px 2px 1px rgba(90,127,181,0.5);
        box-shadow: 0px 0px 2px 1px rgba(90,127,181,0.5);
    }


.dx-switch-off {
    color: #999999;
}

.dx-switch-on {
    color: #333;
}


.dx-switch-handle:before {
    background-color: rgba(198,220,247,1);
    border-color: black;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    -o-border-radius: 2px;
    border-radius: 2px;
}

.dx-switch.dx-state-active .dx-switch-handle:before {
    background-color: #204d73;
}

.dx-switch.dx-state-focused .dx-switch-handle:before {
    background-color: rgba(198,220,247,1);
}

.dx-switch.dx-state-hover .dx-switch-handle:before {
    background-color: rgba(198,220,247,1);
}

.dx-switch.dx-state-focused.dx-state-active .dx-switch-handle:before {
    background-color: #204d73;
}

.dx-switch-on-value .dx-switch-handle:before {
    background-color: #062b63;
}

.dx-switch.dx-state-focused.dx-switch-on-value .dx-switch-handle:before {
    background-color: #062b63;
}

.dx-switch.dx-state-hover.dx-switch-on-value .dx-switch-handle:before {
    background-color: #062b63;
}

.dx-tabs {
    /*border: 1px solid #c3cedc;*/
}

.dx-tabs-scrollable .dx-tabs-wrapper {
    border: 1px solid #c3cedc;
}

.dx-tabs-nav-buttons .dx-tabs-scrollable .dx-tabs-wrapper {
    border-left: 1px solid #f7f7f7;
    border-right: 1px solid #f7f7f7;
}

.dx-tabs-nav-button {
    background-color: #f7f7f7;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
    border-radius: 0;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

.dx-tab {
    background: rgb(197,219,244);
    background: -moz-linear-gradient(top, rgba(197,219,244,1) 0%, rgba(178,202,235,1) 100%);
    background: -webkit-linear-gradient(top, rgba(197,219,244,1) 0%,rgba(178,202,235,1) 100%);
    background: linear-gradient(to bottom, rgba(197,219,244,1) 0%,rgba(178,202,235,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c5dbf4', endColorstr='#b2caeb',GradientType=0 );
}

    .dx-tab .dx-icon {
        color: #333;
    }

    .dx-tab.dx-tab-selected {
        background: rgb(226,238,253);
        background: -moz-linear-gradient(top, rgba(226,238,253,1) 0%, rgba(198,220,247,1) 100%);
        background: -webkit-linear-gradient(top, rgba(226,238,253,1) 0%,rgba(198,220,247,1) 100%);
        background: linear-gradient(to bottom, rgba(226,238,253,1) 0%,rgba(198,220,247,1) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e2eefd', endColorstr='#c6dcf7',GradientType=0 );
        color: black;
        border: 1px solid #5a80bd;
        border-radius: 3px 3px 0px 0px;
    }

.dx-tab-selected:after {
    border-bottom: 2px solid #c6dcf7;
}

.dx-tab-selected .dx-icon {
    color: #333;
}

.dx-tab-selected:not(.dx-state-focused) + .dx-tab-selected:not(.dx-state-focused):after {
    /*border-left: 1px solid #f7f7f7;*/
}

.dx-rtl .dx-tab-selected:not(.dx-state-focused) + .dx-tab-selected:not(.dx-state-focused):after {
    /*border-left: 1px solid #c3cedc;
    border-right: 1px solid #f7f7f7;*/
}



.dx-navbar .dx-nav-item .dx-icon,
.dx-navbar .dx-rtl .dx-nav-item .dx-icon {
    width: 26px;
    height: 26px;
    background-position: 0px 0px;
    -webkit-background-size: 26px 26px;
    -moz-background-size: 26px 26px;
    background-size: 26px 26px;
    padding: 0px;
    font-size: 26px;
    text-align: center;
    line-height: 26px;
}

.dx-nav-item.dx-tab-selected,
.dx-rtl .dx-nav-item.dx-tab-selected {
    background: #fff;
}



.dx-nav-item.dx-state-focused,
.dx-rtl .dx-nav-item.dx-state-focused {
    -webkit-box-shadow: inset 0 0 0 1px #a3c3ec;
    -moz-box-shadow: inset 0 0 0 1px #a3c3ec;
    box-shadow: inset 0 0 0 1px #a3c3ec;
}



.dx-texteditor-input {
    color: #000;
}

.dx-texteditor {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    background: rgb(208,216,231);
    background: -moz-linear-gradient(top, rgba(208,216,231,1) 0%, rgba(230,234,242,1) 22%, rgba(255,255,255,1) 100%);
    background: -webkit-linear-gradient(top, rgba(208,216,231,1) 0%,rgba(230,234,242,1) 22%,rgba(255,255,255,1) 100%);
    background: linear-gradient(to bottom, rgba(208,216,231,1) 0%,rgba(230,234,242,1) 22%,rgba(255,255,255,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d0d8e7', endColorstr='#ffffff',GradientType=0 );
    border-color: #284172;
    /*-moz-border-image: -moz-linear-gradient(top, rgba(39,64,113,1) 0%, rgba(92,131,192,1) 100%);
    -webkit-border-image: -webkit-linear-gradient(top, rgba(39,64,113,1) 0%,rgba(92,131,192,1) 100%);
    -o-border-image: -o-linear-gradient(black, rgba(0, 0, 0, 0)) 1 100%;
    border-image: linear-gradient(to bottom, rgba(39,64,113,1) 0%,rgba(92,131,192,1) 100%);
    border-image-slice: 1;*/
}

    .dx-texteditor.dx-state-readonly {
        border-color: #284172;
    }

    .dx-texteditor.dx-state-hover {
        /*border-color: rgba(51, 122, 183, 0.4);*/
        -webkit-box-shadow: 0px 0px 2px 1px rgba(90,127,181,0.5);
        -moz-box-shadow: 0px 0px 2px 1px rgba(90,127,181,0.5);
        box-shadow: 0px 0px 2px 1px rgba(90,127,181,0.5);
    }

    .dx-texteditor.dx-state-focused,
    .dx-texteditor.dx-state-active {
        border: 1px solid #2f3c6e;
        -webkit-box-shadow: 0px 0px 2px 1px rgba(90,127,181,0.5);
        -moz-box-shadow: 0px 0px 2px 1px rgba(90,127,181,0.5);
        box-shadow: 0px 0px 2px 1px rgba(90,127,181,0.5);
    }

.dx-texteditor-container {
}

.dx-texteditor.dx-invalid {
    border: 1px solid rgba(217, 83, 79, 0.4);
}

    .dx-texteditor.dx-invalid.dx-state-focused {
        border-color: #d9534f;
    }

    /*.dx-texteditor.dx-invalid .dx-texteditor-container:after {
        background: transparent url("Error.ico") no-repeat;
        content: '';
    }*/

    .dx-texteditor.dx-invalid .dx-texteditor-input {
        /* padding-right: 20px; */
    }

    .dx-texteditor.dx-invalid.dx-rtl .dx-texteditor-input {
        padding: 4px 5px 4px;
        padding-left: 20px;
    }

/*.dx-texteditor.dx-invalid .dx-texteditor-container:after {
        right: 3px;
    }*/



.dx-show-clear-button .dx-clear-button-area {
    border: 1px solid #244580;
    background: rgb(73,104,160);
    background: -moz-linear-gradient(top, rgba(104,140,191,1) 0%, rgba(82,123,186,1) 45%, rgba(46,82,142,1) 46%, rgba(47,83,143,1) 54%, rgba(47,83,143,1) 54%, rgba(115,152,206,1) 100%);
    background: -webkit-linear-gradient(top,rgba(104,140,191,1) 0%,rgba(82,123,186,1) 45%,rgba(46,82,142,1) 46%,rgba(47,83,143,1) 54%,rgba(47,83,143,1) 54%,rgba(115,152,206,1) 100%);
    background: linear-gradient(to bottom, rgba(104,140,190,1) 0%,rgba(82,123,186,1) 45%,rgba(46,82,142,1) 46%,rgba(47,83,143,1) 54%,rgba(47,83,143,1) 54%,rgba(115,152,206,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4968a0', endColorstr='#7398ce',GradientType=0 );
}

.dx-placeholder {
    color: #999999;
}



.dx-searchbox .dx-icon-search {
    color: #999999;
}

    .dx-searchbox .dx-icon-search:before {
        color: #999999;
    }



.dx-dropdowneditor-button {
    border: 1px solid #244580;
    background: rgb(73,104,160);
    background: -moz-linear-gradient(top, rgba(104,140,191,1) 0%, rgba(82,123,186,1) 45%, rgba(46,82,142,1) 46%, rgba(47,83,143,1) 54%, rgba(47,83,143,1) 54%, rgba(115,152,206,1) 100%);
    background: -webkit-linear-gradient(top,rgba(104,140,191,1) 0%,rgba(82,123,186,1) 45%,rgba(46,82,142,1) 46%,rgba(47,83,143,1) 54%,rgba(47,83,143,1) 54%,rgba(115,152,206,1) 100%);
    background: linear-gradient(to bottom, rgba(104,140,190,1) 0%,rgba(82,123,186,1) 45%,rgba(46,82,142,1) 46%,rgba(47,83,143,1) 54%,rgba(47,83,143,1) 54%,rgba(115,152,206,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4968a0', endColorstr='#7398ce',GradientType=0 );
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    color: white;
}

.dx-dropdowneditor-icon {
    color: white;
}

    .dx-dropdowneditor-icon:hover {
        color: #062b63;
    }

.dx-dropdowneditor.dx-state-hover .dx-dropdowneditor-icon,
.dx-dropdowneditor.dx-state-active .dx-dropdowneditor-icon {
    /*background-color: #e6e6e6;
    border-color: transparent;*/
}

.dx-dropdowneditor.dx-dropdowneditor-active .dx-dropdowneditor-icon,
.dx-dropdowneditor-button.dx-state-active .dx-dropdowneditor-icon {
    /*background-color: #d4d4d4;
    border-color: transparent;*/
    color: #333;
    opacity: 1;
}

.dx-list-item-chevron {
    color: #333;
}

.dx-list {
    background: rgb(208,216,231);
    background: -moz-linear-gradient(top, rgba(208,216,231,1) 0%, rgba(230,234,242,1) 22%, rgba(255,255,255,1) 100%);
    background: -webkit-linear-gradient(top, rgba(208,216,231,1) 0%,rgba(230,234,242,1) 22%,rgba(255,255,255,1) 100%);
    background: linear-gradient(to bottom, rgba(208,216,231,1) 0%,rgba(230,234,242,1) 22%,rgba(255,255,255,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d0d8e7', endColorstr='#ffffff',GradientType=0 );
    border-color: #284172;
}

    .dx-list:hover {
        -webkit-box-shadow: 0px 0px 2px 1px rgba(90,127,181,0.5);
        -moz-box-shadow: 0px 0px 2px 1px rgba(90,127,181,0.5);
        box-shadow: 0px 0px 2px 1px rgba(90,127,181,0.5);
    }



    .dx-list.dx-list-select-decorator-enabled .dx-list-item.dx-state-hover .dx-radiobutton-icon:before,
    .dx-list.dx-list-select-decorator-enabled .dx-list-item.dx-state-hover .dx-checkbox-icon {
        border-color: #265a87;
    }



    .dx-list.dx-list-select-decorator-enabled .dx-list-item.dx-state-focused .dx-radiobutton-icon:before,
    .dx-list.dx-list-select-decorator-enabled .dx-list-item.dx-state-focused .dx-checkbox-icon {
        /*border: 1px solid #a3c3ec;*/
    }



    .dx-list:not(.dx-list-select-decorator-enabled) .dx-list-item.dx-list-item-selected {
        background: rgb(117,155,210);
        background: -moz-linear-gradient(top, rgba(117,155,210,1) 1%, rgba(100,136,188,1) 100%);
        background: -webkit-linear-gradient(top, rgba(117,155,210,1) 1%,rgba(100,136,188,1) 100%);
        background: linear-gradient(to bottom, rgba(117,155,210,1) 1%,rgba(100,136,188,1) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#759bd2', endColorstr='#6488bc',GradientType=0 );
        color: white;
    }

        .dx-list:not(.dx-list-select-decorator-enabled) .dx-list-item.dx-list-item-selected.dx-state-hover:not(.dx-state-focused) {
            /*background-color: #f5f5f5;*/
            color: white;
        }

    .dx-list:not(.dx-list-select-decorator-enabled) .dx-list-item.dx-state-focused {
        background: rgb(117,155,210);
        background: -moz-linear-gradient(top, rgba(117,155,210,1) 1%, rgba(100,136,188,1) 100%);
        background: -webkit-linear-gradient(top, rgba(117,155,210,1) 1%,rgba(100,136,188,1) 100%);
        background: linear-gradient(to bottom, rgba(117,155,210,1) 1%,rgba(100,136,188,1) 100%) !important;
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#759bd2', endColorstr='#6488bc',GradientType=0 );
        color: white !important;
    }

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

        .dx-list:not(.dx-list-select-decorator-enabled) .dx-list-item.dx-state-focused.dx-list-item-selected {
            background-color: rgba(51, 122, 183, 0.7);
            color: #fff;
        }

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

    .dx-list:not(.dx-list-select-decorator-enabled) .dx-list-item.dx-state-hover {
        color: rgb(71, 71, 72);
        background: #c3cedc;
    }

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

    .dx-list:not(.dx-list-select-decorator-enabled) .dx-list-item .dx-icon {
        color: #333;
    }

.dx-list-group-header {
    border-top-color: #c3cedc;
    border-bottom-color: #c3cedc;
    background: rgba(238, 238, 238, 0.05);
    color: #333;
}

    .dx-list-group-header:before {
        border-top-color: #333;
    }

.dx-list-group-collapsed .dx-list-group-header:before {
    border-bottom-color: #333;
}

.dx-list-item {
    border-radius: 2px;
}


    .dx-list-item:first-of-type {
        /* border-top: none; */
    }

    .dx-list-item:last-of-type {
        /*border-bottom: none;*/
    }

    .dx-list-item .dx-icon-toggle-delete {
        background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAyCAQAAAC0NkA6AAAA0ElEQVRYw+2Y0QrDMAhFEwYj7/mM+1V+sx/UvWywQexiNbdQqq/FQ8y1akq5bY2hokOgUAg6anZ4xWa4ZoRvZvhvb5H0bA6vuSnKSp0b8HYCwoGJICYxUcQE5sB1eyXgFO0xQach7JRNVvest+XnMM9CgCTpal9j6YjRWQiQxAqxqwV9CaT/QmTwySPcHuSvtkq8B+kJkFG6nuGJQE64eIaEr1PxpB/kdfoJqf1SBgnSSEQZ7khjKmngJq0OpCWItM6RFlPSik17LCA+e9z2sRfnMjs2IEgNwQAAAABJRU5ErkJggg==);
        -webkit-background-size: 100%;
        -moz-background-size: 100%;
        background-size: 100%;
    }

    .dx-list-item.dx-list-item-ghost-reordering.dx-state-focused.dx-state-hover {
        color: #959595;
        background: #fff;
        border-top: 1px solid rgba(51, 122, 183, 0.5);
        border-bottom: 1px solid rgba(51, 122, 183, 0.5);
        -webkit-box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.1), 0px 1px 3px rgba(0, 0, 0, 0.2);
        -moz-box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.1), 0px 1px 3px rgba(0, 0, 0, 0.2);
        box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.1), 0px 1px 3px rgba(0, 0, 0, 0.2);
    }

.dx-list-item,
.dx-list .dx-empty-message {
    /* border-top: 0px solid #c3cedc; */
    color: #333;
}

.dx-list-next-button .dx-button .dx-icon {
    color: #333;
}

.dx-list-border-visible {
    border: 1px solid #c3cedc;
}

    .dx-list-border-visible .dx-list-select-all {
        border-bottom: 1px solid #c3cedc;
    }



.dx-list-item-before-bag .dx-button.dx-list-toggle-delete-switch {
    border: none;
    background: transparent;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

.dx-list-slide-menu-button-delete {
    border: 1px solid transparent;
    color: #fff;
    background-color: #d9534f;
}

.dx-list-slide-menu-button-menu {
    border: 1px solid transparent;
    color: #fff;
    background-color: #a3c3ec;
}



.dx-list-context-menucontent {
    background-color: #fff;
    border: 1px solid #c3cedc;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
    border-radius: 0;
    -webkit-box-shadow: 0px 3px 10px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0px 3px 10px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 3px 10px rgba(0, 0, 0, 0.1);
}

.dx-device-mobile .dx-list.dx-list-select-decorator-enabled .dx-list-item.dx-state-hover .dx-radiobutton-icon:before,
.dx-device-mobile .dx-list.dx-list-select-decorator-enabled .dx-list-item.dx-state-hover .dx-checkbox-icon {
    border-color: #265a87;
}

.dx-device-mobile .dx-list.dx-list-select-decorator-enabled .dx-list-item.dx-state-focused .dx-radiobutton-icon:before,
.dx-device-mobile .dx-list.dx-list-select-decorator-enabled .dx-list-item.dx-state-focused .dx-checkbox-icon {
    border: 1px solid #a3c3ec;
}

.dx-device-mobile .dx-list:not(.dx-list-select-decorator-enabled) .dx-list-item.dx-state-hover {
    background-color: #f5f5f5;
    color: #333;
}

.dx-device-mobile .dx-list:not(.dx-list-select-decorator-enabled) .dx-list-item.dx-list-item-selected {
    background-color: #e6e6e6;
    color: #333;
}

    .dx-device-mobile .dx-list:not(.dx-list-select-decorator-enabled) .dx-list-item.dx-list-item-selected.dx-state-hover:not(.dx-state-focused) {
        background-color: #f5f5f5;
        color: #333;
    }

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

    .dx-device-mobile .dx-list:not(.dx-list-select-decorator-enabled) .dx-list-item.dx-state-focused .dx-list-item-chevron {
        border-color: #fff;
    }

    .dx-device-mobile .dx-list:not(.dx-list-select-decorator-enabled) .dx-list-item.dx-state-focused.dx-list-item-selected {
        background-color: rgba(51, 122, 183, 0.7);
        color: #fff;
    }

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

    .dx-device-mobile .dx-list:not(.dx-list-select-decorator-enabled) .dx-list-item.dx-state-active .dx-list-slide-item-content {
        background-color: #a3c3ec;
        color: #fff;
    }

.dx-device-mobile .dx-list:not(.dx-list-select-decorator-enabled) .dx-list-item .dx-icon {
    color: #333;
}

.dx-device-mobile .dx-list-group-header {
    font-weight: bold;
    padding: 20px 15px 5px 15px;
    border-top: 0px solid #c3cedc;
    border-bottom: 2px solid #c3cedc;
    background: rgba(238, 238, 238, 0.05);
    color: #333;
}



    .dx-device-mobile .dx-list-group-header:before {
        border-top-color: #333;
    }

.dx-list-group-collapsed .dx-device-mobile .dx-list-group-header:before {
    border-bottom-color: #333;
}


.dx-device-mobile .dx-list-item .dx-icon-toggle-delete {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAyCAQAAAC0NkA6AAAA0ElEQVRYw+2Y0QrDMAhFEwYj7/mM+1V+sx/UvWywQexiNbdQqq/FQ8y1akq5bY2hokOgUAg6anZ4xWa4ZoRvZvhvb5H0bA6vuSnKSp0b8HYCwoGJICYxUcQE5sB1eyXgFO0xQach7JRNVvest+XnMM9CgCTpal9j6YjRWQiQxAqxqwV9CaT/QmTwySPcHuSvtkq8B+kJkFG6nuGJQE64eIaEr1PxpB/kdfoJqf1SBgnSSEQZ7khjKmngJq0OpCWItM6RFlPSik17LCA+e9z2sRfnMjs2IEgNwQAAAABJRU5ErkJggg==);
    -webkit-background-size: 100%;
    -moz-background-size: 100%;
    background-size: 100%;
}

.dx-device-mobile .dx-list-item.dx-list-item-ghost-reordering.dx-state-focused.dx-state-hover {
    color: #959595;
    background: #fff;
    border-top: 1px solid rgba(51, 122, 183, 0.5);
    border-bottom: 1px solid rgba(51, 122, 183, 0.5);
    -webkit-box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.1), 0px 1px 3px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.1), 0px 1px 3px rgba(0, 0, 0, 0.2);
    box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.1), 0px 1px 3px rgba(0, 0, 0, 0.2);
}

.dx-device-mobile .dx-list-item,
.dx-device-mobile .dx-list .dx-empty-message {
    border-top: 0px solid #c3cedc;
    color: #333;
}



.dx-device-mobile .dx-list-next-button .dx-button .dx-icon {
    color: #333;
}



.dx-device-mobile .dx-list-border-visible {
    border: 1px solid #c3cedc;
}

    .dx-device-mobile .dx-list-border-visible .dx-list-select-all {
        border-bottom: 1px solid #c3cedc;
    }



.dx-device-mobile .dx-list-item-before-bag .dx-button.dx-list-toggle-delete-switch {
    border: none;
    background: transparent;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}


.dx-device-mobile .dx-list-item-after-bag .dx-list-reorder-handle {
    font: 14px/1 DXIcons;
    width: 22.4px;
    height: 22.4px;
    background-position: 4px 4px;
    -webkit-background-size: 14px 14px;
    -moz-background-size: 14px 14px;
    background-size: 14px 14px;
    padding: 4px;
    font-size: 14px;
    text-align: center;
    line-height: 14px;
}

    .dx-device-mobile .dx-list-item-after-bag .dx-list-reorder-handle:before {
        content: "\f038";
    }

.dx-device-mobile .dx-list-slide-menu-button {
    bottom: 1px;
}

.dx-device-mobile .dx-list-slide-menu-button-delete {
    border: 1px solid transparent;
    color: #fff;
    background-color: #d9534f;
}

.dx-device-mobile .dx-list-slide-menu-button-menu {
    border: 1px solid transparent;
    color: #fff;
    background-color: #a3c3ec;
}



.dx-device-mobile .dx-list-context-menucontent {
    background-color: #fff;
    border: 1px solid #c3cedc;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
    border-radius: 0;
    -webkit-box-shadow: 0px 3px 10px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0px 3px 10px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 3px 10px rgba(0, 0, 0, 0.1);
}

.dx-device-mobile .dx-state-disabled.dx-list-item,
.dx-device-mobile .dx-state-disabled .dx-list-item {
    background-color: transparent;
    opacity: .6;
}

.dx-dropdownlist-popup-wrapper.dx-popup-wrapper .dx-overlay-content {
    border-color: #284172;
}

    .dx-dropdownlist-popup-wrapper.dx-popup-wrapper .dx-overlay-content.dx-dropdowneditor-overlay-flipped {
        border-color: #284172;
    }

.dx-dropdownlist-popup-wrapper .dx-popup-content {
    background-color: white;
}

.dx-dropdownlist-popup-wrapper .dx-list-item {
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
}

.dx-numberbox-spin-container {
    border-color: #244580;
}

.dx-numberbox-spin-up-icon {
    color: white;
    background-color: #6187bd;
}

.dx-numberbox-spin-down-icon {
    color: white;
}

.dx-numberbox-spin-up-icon,
.dx-numberbox-spin-down-icon {
    /* -webkit-border-radius: 3px; */
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    /* border-radius: 3px; */
}

.dx-numberbox-spin-button {
    background-color: #4468a2;
    /* padding: 1px; */
}

.dx-state-hover.dx-numberbox-spin-button .dx-numberbox-spin-down-icon,
.dx-state-hover.dx-numberbox-spin-button .dx-numberbox-spin-up-icon {
    background-color: #9ec8fa;
    color: black;
}

.dx-state-active.dx-numberbox-spin-button .dx-numberbox-spin-down-icon,
.dx-state-active.dx-numberbox-spin-button .dx-numberbox-spin-up-icon {
    background-color: #d4d4d4;
    color: #333;
}

.dx-datebox-calendar.dx-dropdowneditor-active {
    -webkit-box-shadow: 0px 1px 7px rgba(0, 0, 0, 0.16);
    -moz-box-shadow: 0px 1px 7px rgba(0, 0, 0, 0.16);
    box-shadow: 0px 1px 7px rgba(0, 0, 0, 0.16);
}

    .dx-datebox-calendar.dx-dropdowneditor-active .dx-texteditor-input {
        background: transparent;
    }

.dx-dateview-item {
    color: #333;
}


.dx-dateview-item-selected-frame:before {
    border-bottom-color: #c3cedc;
    background-image: -ms-linear-gradient(bottom, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.8) 60%);
    background-image: -webkit-linear-gradient(bottom, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.8) 60%);
    background-image: -moz-linear-gradient(bottom, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.8) 60%);
    background-image: -o-linear-gradient(bottom, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.8) 60%);
}

.dx-dateview-item-selected-frame:after {
    border-top-color: #c3cedc;
    background-image: -ms-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.8) 60%);
    background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.8) 60%);
    background-image: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.8) 60%);
    background-image: -o-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.8) 60%);
}



.dx-toolbar {
    /* background-color: #fff; */
    color: #333;
    padding: 0;
    overflow: visible;
}

.dx-toolbar-background {
    background-color: #fff;
}

.dx-toolbar-menu-section {
    border-bottom: 1px solid #c3cedc;
}


.dx-toolbar-text-auto-hide .dx-button .dx-icon {
    color: #333;
}



.dx-tile {
    color: #333;
    background-color: #fff;
    border: 1px solid rgba(221, 221, 221, 0.6);
}

    .dx-tile.dx-state-focused,
    .dx-tile.dx-state-hover {
        background-color: #fff;
        border-color: rgba(51, 122, 183, 0.4);
    }

    .dx-tile.dx-state-active {
        background-color: rgba(96, 96, 96, 0.2);
        color: #333;
        border-color: transparent;
    }

.dx-overlay-shader {
    background-color: #0000004a;
}

.dx-overlay-wrapper {
    /*color: #333;*/
    color: #000;
}

.dx-popup-wrapper .Hnp-ActiveWindow.dx-overlay-content,
.dx-popup-wrapper .dx-state-focused.dx-overlay-content,
.dx-popup-wrapper .dx-overlay-content:hover,
.dx-popup-wrapper .dx-overlay-content:focus-within {
    border-color: #062b63;
    background: #6489bc;
}

.dx-toast-content {
    color: black;
}


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

    .dx-toast-info .dx-toast-icon {
        background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACMAAAAjCAQAAAC00HvSAAABoklEQVRIx63WPUvDQBjA8QMFsZNLlgpxtINjBsFVqINghm4dRAe/Rpdm6UcQHERwUYdAJ8HvkKHEQdrPEBQUrf7PoabtveSSSrit3PPjeve8RCCsyyMkIiYlAzJSYiJCPPt+248BfRKkdSX0CcoZnx7jAiJfY3r4LqbNsITI15B2EdNlVBGRSEZ0bUyXyQqIRDJZQIu/M1oRmZ2ovcz4zjt558NxR/6C6Vk2fHLPOXtsIhA0aHHGA1/Gvl7OBMYT/3BF05poTS5Be/5gxvQ15JWjgtyerWPelP19hMDTMvabQyciEJwoJ0rwBKF2lutSRCC4UWJCQaQx+5WYAyUmEsQas1WJ2VJiYkGqMTuVmG0lJhVkGnNaiblQYjKhZYHkmY1SpMGLEoN5Gskt605kjTstIjPvRiJ50tuSksePxv7UfKm8HAe0DGKXgZbB85eKHLWdKkjHUpjzvAmdHaUKIgnNmrIzLiTBs1W4ybiQvwq39RuV6TB1jpvA1f1yxo0sdT9XLy5DlF5cPBmmq0yG2uZUbVOzthle2xdFbd83//za+gXw/JH9LjmoAgAAAABJRU5ErkJggg==);
    }

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

    .dx-toast-warning .dx-toast-icon {
        background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACMAAAAjCAQAAAC00HvSAAABJklEQVRIx62WvW2EQBBGpwlSArdgSrBESuKIQhySLJJbcAuXrXTZteCAAG3GlWBRwVsHB+Ykw8zeafVlaPSY/1lBdlXQ0OMJzMBMwNPTUOzb732scAzEXQ04KhtT0jEdIFZNdJQapuZsIFadqY8wLWMiJBIZafcwLdcHIJHIdQNt4YwPQm4e1feYMjkn/3NUbpjuSUgk0q2YSinx5xL0SSl/dcM45V8r5qLYOEQoDjs2FTNQCI0a+deC+VatGqFPwugD0gs+A8YLQTW4LJgf1SoIcxJG751ZIAMGy5sp1ZuQgHkxMMGqVJq81Tdp6q0unnhFeDMK3lgz9b6k+MOaKX3CUzDO3jd2UH/7JtP2y7aLM12GbHcq29XMdsOzvSiyvW+efG39AmPXSbHWZjgLAAAAAElFTkSuQmCC);
    }

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

    .dx-toast-error .dx-toast-icon {
        background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACMAAAAjCAQAAAC00HvSAAABeklEQVRIx62WMWrDQBBFx01I5zQinQ5hdINA3Kp3mUNEnSBIdwgEcgeBC18gVRojjDr7BklUxAE3b1NYihVrdmWbZbpl9FjN/zOzgqgREJNTUFEDNRUFOTGBnq8dRmQsMWosyYiGMSEpawuijTUpoQszZT6AaGPO1IaZsToRYjCsmGmYGZszIAbD5gA6/M7qTMj+RtMuJjy5Jv0ahQdMeiHEYEhbTKRK/KN+9K3IH+0xmZK+4Jb33mnChM/eaYYIgeLYBdcI4yNQgiBM+Oo5OxBi5S5l0ztdUNJoGrPr5cdCrtbgGOSCGHKhsCjQBbkhhkKorFK2oKsBiKESaocnys58sUMMtYDTXA8NZMSbIwv3bZJO/48VH3VuY6/NYwO4V+Tv1aYYgMTsVB8dKZUPQmyG/OcbzcUvijot6IYPzcVaT225UyQuCRjxrGyLwNbhW54Un5S8KrmZa96cGn/zxtP08zaLPW0Gb3vK29b0tsO9vSi8vW8ufG39AnvvGenmMu5AAAAAAElFTkSuQmCC);
    }

.dx-toast-success {
    background-color: #5cb85c;
}

    .dx-toast-success .dx-toast-icon {
        background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACMAAAAjCAQAAAC00HvSAAABlklEQVRIx62Wv0rDUBSHTxE6uHTKGhDEzS2jg4vUMeBmX8BR8AFiJQEfwck3cAh2cxBcXEup3VoHF3UxS1FBvuvQhPy5N0lTwplyknz33HN+95wriNEsXAJCZkRAxIyQABfL/L3J6eAzRhltjI9Tj7HxmJcgEpvjYVdh+oxqEImN6JdhBkzXhCgUUwYmzIBFA4hCsUhB6XamDSGriPpZjL12TvQc2SnG2xCiUHgJxqktcdbe+SmU31lh/AaQJQ4HfOR8PiJYpYrVDU4RhD1+c8q2BLdBLNdxXW8KflcI1obcs4UgnGlvAiE0/DDhW/O90EMQDnMbWlkozDTnMz2OC6AvdhGEHT4Ny86EqOB6i1fNgv44QhC2mRi3Gwlozqs4kSnoHEHocFdWQT0ahWKYA93GT5elyY9MucmDHukiCCeGuDO5CUteJaAOgrDPskIKYZVuhpkG/1qpqKBaxRcIQpeHGmG6dWfKM0hfnxZW/Ql/qj0k/ib9Rh83Tqvdr7Ve3NJkaG1OtTY1W5vhrd0oWrvfbHjb+gdn1DPEHv9HmQAAAABJRU5ErkJggg==);
    }

.dx-popup-wrapper > .dx-overlay-content {
    border: 1px solid #8295b1;
    background: #b1c4dd;
    -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
    -moz-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    -ms-border-radius: 6px;
    -o-border-radius: 6px;
    border-radius: 0px;
}

.dx-popup-title {
    /*border-bottom: 1px solid #c3cedc;*/
    background: rgb(194,212,234);
    background: -moz-linear-gradient(top, rgb(194,212,234) 0%, rgb(181,199,224) 50%, rgb(171,190,217) 51%, rgb(177,196,221) 100%);
    background: -webkit-linear-gradient(top, rgb(194,212,234) 0%,rgb(181,199,224) 50%,rgb(171,190,217) 51%,rgb(177,196,221) 100%);
    background: linear-gradient(to bottom, rgb(194,212,234) 0%,rgb(181,199,224) 50%,rgb(171,190,217) 51%,rgb(177,196,221) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c2d4ea', endColorstr='#b1c4dd',GradientType=0 );
    color: rgba(255, 255, 255, 0.80);
}

.Hnp-ActiveWindow > .dx-popup-title,
.dx-state-focused > .dx-popup-title {
    background: #87a9d6;
    background: -moz-linear-gradient(top, #87a9d6 0%, #688cc0 49%, #587db3 51%, #6287bb 100%);
    background: -webkit-linear-gradient(top, #87a9d6 0%,#688cc0 49%,#587db3 51%,#6287bb 100%);
    background: linear-gradient(to bottom, #87a9d6 0%,#688cc0 49%,#587db3 51%,#6287bb 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#87a9d6', endColorstr='#6287bb',GradientType=0 );
    color: rgba(255, 255, 255, 0.80);
}

.Hnp-ActiveWindow > .dx-popup-content,
.dx-state-focused > .dx-popup-content {
    border-color: #4d6e9c;
}


.dx-popup-title .dx-closebutton {
    color: #333;
    background-color: #fff;
    background: transparent;
    border-color: transparent;
}


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

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

    .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-popup-title .dx-closebutton .dx-icon {
        color: #333;
    }

    .dx-popup-title .dx-closebutton.dx-state-hover {
        background-color: #e6e6e6;
        border-color: #bebebe;
    }

    .dx-popup-title .dx-closebutton.dx-state-focused {
        background-color: #e6e6e6;
        border-color: #9d9d9d;
    }

    .dx-popup-title .dx-closebutton.dx-state-active {
        background-color: #d4d4d4;
        border-color: #9d9d9d;
        color: #333;
    }

.dx-popup-content {
    background-color: #a3c3ec;
    border-color: #a6b6cd;
}

.dx-popup-bottom {
    background: transparent;
    color: #333;
}

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

.dx-popover-wrapper .dx-popover-arrow:after,
.dx-popover-wrapper.dx-popover-without-title .dx-popover-arrow:after {
    background: #fff;
}

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

.dx-progressbar-container {
    border-color: #c3cedc;
    background-color: #dddddd;
}

.dx-progressbar-range {
    border: 1px solid #a3c3ec;
    background-color: #a3c3ec;
}

.dx-progressbar-animating-container {
    background-color: #dddddd;
    border-color: #c3cedc;
    background-image: -webkit-linear-gradient(left, transparent 5%, #a3c3ec, transparent 95%);
    background-image: -moz-linear-gradient(left, transparent 5%, #a3c3ec, transparent 95%);
    background-image: -ms-linear-gradient(left, transparent 5%, #a3c3ec, transparent 95%);
    background-image: -o-linear-gradient(left, transparent 5%, #a3c3ec, transparent 95%);
}

.dx-state-disabled .dx-progressbar-range {
    background-color: rgba(51, 122, 183, 0.6);
}

.dx-rtl .dx-progressbar .dx-progressbar-animating-container,
.dx-rtl.dx-progressbar .dx-progressbar-animating-container {
    -webkit-animation: loader-rtl 2s linear infinite;
    -moz-animation: loader-rtl 2s linear infinite;
    -o-animation: loader-rtl 2s linear infinite;
    animation: loader-rtl 2s linear infinite;
    background-repeat: no-repeat;
    background-image: -webkit-linear-gradient(left, transparent 5%, #a3c3ec, transparent 95%);
    background-image: -moz-linear-gradient(left, transparent 5%, #a3c3ec, transparent 95%);
    background-image: -ms-linear-gradient(left, transparent 5%, #a3c3ec, transparent 95%);
    background-image: -o-linear-gradient(left, transparent 5%, #a3c3ec, transparent 95%);
    background-repeat: repeat;
}

@-webkit-keyframes loader {
    0% {
        background-position-x: 0;
    }

    100% {
        background-position-x: 900%;
    }
}

@-moz-keyframes loader {
    0% {
        background-position-x: 0;
    }

    100% {
        background-position-x: 900%;
    }
}

@keyframes loader {
    0% {
        background-position-x: 0;
    }

    100% {
        background-position-x: 900%;
    }
}

@-ms-keyframes loader {
    0% {
        background-position-x: 0;
    }

    100% {
        background-position-x: 900%;
    }
}

@-webkit-keyframes loader-rtl {
    0% {
        background-position-x: 0;
    }

    100% {
        background-position-x: -900%;
    }
}

@-moz-keyframes loader-rtl {
    0% {
        background-position-x: 0;
    }

    100% {
        background-position-x: -900%;
    }
}

@keyframes loader-rtl {
    0% {
        background-position-x: 0;
    }

    100% {
        background-position-x: -900%;
    }
}

@-ms-keyframes loader-rtl {
    0% {
        background-position-x: 0;
    }

    100% {
        background-position-x: -900%;
    }
}

.dx-tooltip-wrapper .dx-overlay-content {
    border: 1px solid #c3cedc;
    background-color: #fff;
    color: #333;
    -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px;
}

.dx-tooltip-wrapper.dx-popover-wrapper .dx-popover-arrow:after {
    border: 1px solid #c3cedc;
    background: #fff;
}



.dx-slider-bar {
    background: rgba(115,152,205,1);
    border: 1px solid rgba(39,77,138,1);
}

.dx-slider-range {
    border-color: transparent;
}

    .dx-slider-range.dx-slider-range-visible {
        border-color: #a3c3ec;
        background: #a3c3ec;
    }



.dx-slider-handle {
    border-color: #062b63;
    background-color: #a3c3ec;
    background: rgb(189,215,255);
    background: -moz-linear-gradient(top, rgba(189,215,255,1) 0%, rgba(170,196,236,1) 50%, rgba(133,175,238,1) 50%, rgba(229,240,250,1) 100%);
    background: -webkit-linear-gradient(top, rgba(189,215,255,1) 0%,rgba(170,196,236,1) 50%,rgba(133,175,238,1) 50%,rgba(229,240,250,1) 100%);
    background: linear-gradient(to bottom, rgba(189,215,255,1) 0%,rgba(170,196,236,1) 50%,rgba(133,175,238,1) 50%,rgba(229,240,250,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bdd7ff', endColorstr='#e5f0fa',GradientType=0 );
}



.dx-gallery .dx-gallery-nav-button-prev,
.dx-gallery .dx-gallery-nav-button-next {
    background: #fff;
    background: transparent;
}

    .dx-gallery .dx-gallery-nav-button-prev.dx-state-hover:after,
    .dx-gallery .dx-gallery-nav-button-next.dx-state-hover:after {
        background-color: rgba(51, 122, 183, 0.5);
    }

    .dx-gallery .dx-gallery-nav-button-prev.dx-state-active:after,
    .dx-gallery .dx-gallery-nav-button-next.dx-state-active:after {
        background-color: rgba(51, 122, 183, 0.7);
    }

    .dx-gallery .dx-gallery-nav-button-prev:before,
    .dx-gallery .dx-gallery-nav-button-next:before {
        color: #fff;
    }


.dx-gallery-indicator-item {
    border-color: #a3c3ec;
    background: #fff;
}

.dx-gallery-indicator-item-active,
.dx-gallery-indicator-item-selected {
    background: #a3c3ec;
    border-color: rgba(255, 255, 255, 0.8);
}

.dx-state-focused.dx-gallery .dx-gallery-indicator-item-selected {
    background: #22527b;
}

.dx-lookup-arrow {
    color: #333;
}

.dx-lookup-empty .dx-lookup-field {
    color: #999999;
}

.dx-invalid.dx-lookup .dx-lookup-field:after {
    background-color: #d9534f;
    color: #fff;
}

.dx-lookup-validation-message {
    border-bottom: 1px solid #c3cedc;
    color: #d9534f;
}



.dx-loadindicator {
    background-color: transparent;
}

.dx-loadindicator-image {
    background-image: url(data:image/gif;base64,R0lGODlhQABAAKECADI6RTI6Rv///////yH/C05FVFNDQVBFMi4wAwEAAAAh+QQJCQABACwAAAAAQABAAAACkIyPqcvtD6OctEpgs1ag9w1m3heW0Eia6oJi63u08BygNGzfq6ybeV/6AUHCoaZotIySoSXz6HlunNIKsnqKYinUbaTrzabCjyuZoz07wGpW+w2Py+f0uv2VtrPl5ne/zVP3B5hHtxc3eBZoeAiXSLY49wjZSFipFsk36ZWJuMn5idXiwtjpN3qHqhd61wpTAAAh+QQJCQABACwAAAAAQABAAAACk4yPqcvtD6OctNqLs968+w+G4giUI2meYQmoK+t+bBt3c22nuHbvPOzL9IKWIbFiPEqSygiz6XhCG8Cps2qNYrNUkzQ7+1rDW66BrDMf0DT1Gu1GsONvMv0Mv8/1+zi77Zd3Vwc4KGYWNihXRnfIlaiIx+gGGVmp6AiWObY51ek5GZiGGUpZajpKGrnK2ur6CotQAAAh+QQJCQACACwAAAAAQABAAAACoJSPqcvtD6OctNqLs968+w+G4kiW5omm6sq27qsADyDDCd3QuI3ssc7r1W66YRBIRAYNSmZxeWgKntAoIGCVLpXUqnPY9VLDYlzRWJaR01NtFbh+n33e77kunOOz931b7zdHVyeIlqY2ePhnuIUUd+ToBunzaNNV+RKG6UKmgwUVJ8m5JtryWLoSIInK5rfA6BorO0tba3uLm6u7y9ubUAAAIfkECQkAAwAsAAAAAEAAQAAAAqKcj6nL7Q+jnLTai7PevPsPhhwAiCKJmh+aqh1buiMsb3BcY3eu0bzO+mV8wgqxSDkiI8olpOl0BKMSKHUxvWIRWW2CdOh6ueHW+GsQnwcp9bltXpfZcTmdDrbP3WN4Xt9Stxb4Z0eIY5gn+KZYKGfmyPgX2edIqbWYePmYuRbQOQhauRlKOoqoh2eKyScperWTmtZ6ippKyyiru8vb6/t7VQAAIfkECQkAAwAsAAAAAEAAQAAAAp2cj6nL7Q+jnNSBC6reCWMOTp4Xls1ImmqHZuvbuu/aznNt02MO77yK+uk+QpOvWEohQ8clR+ncQKOaKVVEvFazWoq1C+GCI9/x6WL2otMSMfv8bsviljn9dM/rc/Y9ou9nABg4uLcW+Feod4g44Ob3uBiZN3lXRlkZd2nJSJj5tqkZytYE+ZkW5DlqlmrYillKF6N6ylqLetuoK1EAACH5BAkJAAMALAAAAABAAEAAAAKLnI+pB+2+opw0vtuq3hR7wIXi54mmRj7nOqXsK33wHF/0nZT4Ptj87vvdgsIZsfgKqJC0JRPmfL4gUii1yrpiV5ntFOTNhsfksvmMTqvX7Lb7DY/L5/S6/Y7P6/d8BLjeBfg3F0hYKHcYp6WY+BYF9+i46HZEGcmGwViZRmKpg5YySRbaWObieXlSAAAh+QQJCQADACwAAAAAQABAAAACepyPqQnt30ZctFoLs3a3e7aF2UdW4vmUKnKa46pu8Exq9O29+E5B/N/jAIcHIZFoPA4nyqbzCY1Kp9Sq9YrNarfcrvcLDovH5LL5jE6r1+y2+w2Py+f0uv2Oz+vXAH4fnVQWOJZi5kNmA3WIISOFgkL1KHIlucjV8lMAACH5BAkJAAMALAAAAABAAEAAAAJ3nI+pC+0Plpy0IohztLwbDWbeKIUmRqZiZabe4w5hTG30p926le9+CfkJGY2h8YhMKpfMpvMJjUqn1Kr1is1qt9yu9wsOi8fksvmMTqvX7Lb7DY/L5/S6/Y4fO8pBPUrcAwZyU6Q0w9G3dLJY+MS4UvVoowUpVAAAIfkECQkAAwAsAAAAAEAAQAAAAn2cj6nL7Q/jALRaK7NGt/sNat4YluJImWqEru5DvnISz/bU3Xqu23wv+wFdwqGqaCwhk5sl81R5rqLSqvWKzWq33K73Cw6Lx+Sy+YxOq9fstvsNj8vn9FBKjUlf8PmzU7yH9gc2+FXoddj1IZi4VVPWYoYCYBYwGUgYWWdSAAAh+QQJCQADACwAAAAAQABAAAACkpyPqcvtD6OctEKAs93c5N+F1AeKpkNq56qkAAsjaUwPc83e+KnvYu/rAIMbEtFkPAqTymKp6VRBK8Pp5WmdYLORLffB/ILD4ga5vDijW9K1GeOOy+f0uv2Oh73ytrbdS6c2BxjoV0cohxgnmGh46DgIGQmXx7io6GaZiYlWNUmJp7nmecnZKXoq+bnHZ9P6ylUAACH5BAkJAAMALAAAAABAAEAAAAKTnI+py+0Po5y02ouz3rz7D3YAEJbHOJomSqog675o/MG0ON8b2+oZ79PYghcgsTg8ToxKCrMpSUIh0qnjab3mso8qV8HbfhFh8XhQTp3J5TU77D614+h5PE2vw+l4vt3ddzdjlucFSOjXk2dguNboiHiotsgYCTlJ+XimOWZ5qbjI+SU6iplpGopKucra6voK+1oAACH5BAkJAAMALAAAAABAAEAAAAKenI+py+0Po5y02ouz3rz7D4biSJbmiabqyrYe4GbAHF8zvNxBndzMjeMdfD2gEEEs0o6GQNJgZA6fUemgWrVin1pitrv8So1i8JVrPQOX6ek62Fav4+45XV4ev+HtPT9NxhYX+AcGg6bng8gUlSe0VXgEOVjlFMnztRhj5wYoptnCiXQZuij4qHmKSXp15/oKGys7S1tre4ubq7urUQAAIfkECQkAAwAsAAAAAEAAQAAAAqKcj6nL7Q+jnLTai7PevPsPhhwAiCJJmiGaqh1buiMsb3BcZ3Sus7zm+2GCwguxSDkiJ6jAsqJ8QqJSB6raaB2uWIaW2h18teEEl1s2t9Dp7ZrcFr9xcXmMHffh23p6vV+HABho0OfHd7WXFnS4iNZYRgTnSAbZBYaomKeZOfmHGQkayjnquUkatkNoh4p1s8pqSilbSpsqGgqru8vb6/srVAAAIfkECQkAAwAsAAAAAEAAQAAAApqcj6nL7Q+jnNSBC6reCmcOUt4Vls+ImWqHrq6Bfu/azm5tq3huevzt+/WCwhKxCDoiOallSOkUNaMbKFUyvUpJ2kq2i+WCJ+Jx2CxFk9VrdkTmtsTndBu8nijjD/r9oI/3tScYCEhndWg4h7hImKjoxhgnyUapNuIH4zhpaYbpt/O4eflZFzMYGnkq2qkVAwn2ito6Rpt5K1EAACH5BAkJAAMALAAAAABAAEAAAAKLnI+pCe2wopxUvgur3hR7DoaDh4lmRWbnOqXsa5XwrMj0bVz4Pj487vvdgsIZsQhzIGnKpVHlZDWjUijV1Li+stqVtQsOi8fksvmMTqvX7Lb7DY/L5/S6/Y7Hf91ceR8+9XbE90dYyDaI6BAAmKimI+iYBtn2UUm5RvLoYpYiqeWJKRYaSBaaqflSAAAh+QQJCQADACwAAAAAQABAAAACeZyPqQrtD5actCaIc7S8Gw1i3iiFpkOmB2hBKpm9sufOdove+pTv/tX4CVeb4bBoTCqXzKbzCY1Kp9Sq9YrNarfcrvcLDovH5LL5jE6r1+y2+w2Py+f0ut0cLPfEe/CDXOMX6BVDWLh0yBDidNL41GgiBZkoGXGyUwAAIfkECQkAAwAsAAAAAEAAQAAAAnecj6lr4A+YnLQ2iLPdHOUPduICluY4YtuJrlE7lPDsavQ9ffjOqPzvcQCHxKLxiEwql8ym8wmNSqfUqvWKzWq33K73Cw6Lx+Sy+YxOq9fstvsNj8vn9LriEbZ1Q3s+7fXDkoJXZAIooXNkuAjBxGj49OhDBclTAAAh+QQJCQADACwAAAAAQABAAAACfpyPqcvtD+MBtFqJ87K8Bw2GRneJJkZS5xql7NuQ8KzI9D10+K3vc+97AYMrDhE2PIqMymKpaXpCl4Cp9YrNarfcrvcLDovH5LL5jE6r1+y2+w2Py+d0dEXNPCfHe37e3CcWGDYIVvhlA5hI5qLXyJiiAhkp1UX5yHV5VydSAAA7);
}


.dx-loadindicator-icon .dx-loadindicator-segment {
    position: absolute;
    width: 19%;
    height: 30%;
    left: 44.5%;
    top: 37%;
    opacity: 0;
    background: #f5f5f5;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
    -webkit-border-top-left-radius: 10%;
    -moz-border-top-left-radius: 10%;
    border-top-left-radius: 10%;
    -webkit-border-top-right-radius: 10%;
    -moz-border-top-right-radius: 10%;
    border-top-right-radius: 10%;
    -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 0 3px rgba(0, 0, 0, 0.2);
    box-shadow: 0 0 3px rgba(0, 0, 0, 0.2);
    -webkit-animation: dx-generic-loadindicator-opacity 1s linear infinite;
    -moz-animation: dx-generic-loadindicator-opacity 1s linear infinite;
    -o-animation: dx-generic-loadindicator-opacity 1s linear infinite;
    animation: dx-generic-loadindicator-opacity 1s linear infinite;
}

@-webkit-keyframes dx-generic-loadindicator-opacity {
    from {
        opacity: 1;
    }

    to {
        opacity: 0.55;
    }
}

@-moz-keyframes dx-generic-loadindicator-opacity {
    from {
        opacity: 1;
    }

    to {
        opacity: 0.55;
    }
}

@-ms-keyframes dx-generic-loadindicator-opacity {
    from {
        opacity: 1;
    }

    to {
        opacity: 0.85;
    }
}

@-o-keyframes dx-generic-loadindicator-opacity {
    from {
        opacity: 1;
    }

    to {
        opacity: 0.55;
    }
}

@keyframes dx-generic-loadindicator-opacity {
    from {
        opacity: 1;
    }

    to {
        opacity: 0.55;
    }
}

.dx-loadindicator-icon .dx-loadindicator-segment0 {
    -webkit-transform: rotate(0deg) translate(0, -142%);
    -moz-transform: rotate(0deg) translate(0, -142%);
    -ms-transform: rotate(0deg) translate(0, -142%);
    -o-transform: rotate(0deg) translate(0, -142%);
    transform: rotate(0deg) translate(0, -142%);
    -webkit-animation-delay: 0s;
    -moz-animation-delay: 0s;
    -o-animation-delay: 0s;
    animation-delay: 0s;
}

.dx-loadindicator-icon .dx-loadindicator-segment1 {
    -webkit-transform: rotate(45deg) translate(0, -142%);
    -moz-transform: rotate(45deg) translate(0, -142%);
    -ms-transform: rotate(45deg) translate(0, -142%);
    -o-transform: rotate(45deg) translate(0, -142%);
    transform: rotate(45deg) translate(0, -142%);
    -webkit-animation-delay: -0.875s;
    -moz-animation-delay: -0.875s;
    -o-animation-delay: -0.875s;
    animation-delay: -0.875s;
}

.dx-loadindicator-icon .dx-loadindicator-segment2 {
    -webkit-transform: rotate(90deg) translate(0, -142%);
    -moz-transform: rotate(90deg) translate(0, -142%);
    -ms-transform: rotate(90deg) translate(0, -142%);
    -o-transform: rotate(90deg) translate(0, -142%);
    transform: rotate(90deg) translate(0, -142%);
    -webkit-animation-delay: -0.75s;
    -moz-animation-delay: -0.75s;
    -o-animation-delay: -0.75s;
    animation-delay: -0.75s;
}

.dx-loadindicator-icon .dx-loadindicator-segment3 {
    -webkit-transform: rotate(135deg) translate(0, -142%);
    -moz-transform: rotate(135deg) translate(0, -142%);
    -ms-transform: rotate(135deg) translate(0, -142%);
    -o-transform: rotate(135deg) translate(0, -142%);
    transform: rotate(135deg) translate(0, -142%);
    -webkit-animation-delay: -0.625s;
    -moz-animation-delay: -0.625s;
    -o-animation-delay: -0.625s;
    animation-delay: -0.625s;
}

.dx-loadindicator-icon .dx-loadindicator-segment4 {
    -webkit-transform: rotate(180deg) translate(0, -142%);
    -moz-transform: rotate(180deg) translate(0, -142%);
    -ms-transform: rotate(180deg) translate(0, -142%);
    -o-transform: rotate(180deg) translate(0, -142%);
    transform: rotate(180deg) translate(0, -142%);
    -webkit-animation-delay: -0.5s;
    -moz-animation-delay: -0.5s;
    -o-animation-delay: -0.5s;
    animation-delay: -0.5s;
}

.dx-loadindicator-icon .dx-loadindicator-segment5 {
    -webkit-transform: rotate(225deg) translate(0, -142%);
    -moz-transform: rotate(225deg) translate(0, -142%);
    -ms-transform: rotate(225deg) translate(0, -142%);
    -o-transform: rotate(225deg) translate(0, -142%);
    transform: rotate(225deg) translate(0, -142%);
    -webkit-animation-delay: -0.375s;
    -moz-animation-delay: -0.375s;
    -o-animation-delay: -0.375s;
    animation-delay: -0.375s;
}

.dx-loadindicator-icon .dx-loadindicator-segment6 {
    -webkit-transform: rotate(270deg) translate(0, -142%);
    -moz-transform: rotate(270deg) translate(0, -142%);
    -ms-transform: rotate(270deg) translate(0, -142%);
    -o-transform: rotate(270deg) translate(0, -142%);
    transform: rotate(270deg) translate(0, -142%);
    -webkit-animation-delay: -0.25s;
    -moz-animation-delay: -0.25s;
    -o-animation-delay: -0.25s;
    animation-delay: -0.25s;
}

.dx-loadindicator-icon .dx-loadindicator-segment7 {
    -webkit-transform: rotate(315deg) translate(0, -142%);
    -moz-transform: rotate(315deg) translate(0, -142%);
    -ms-transform: rotate(315deg) translate(0, -142%);
    -o-transform: rotate(315deg) translate(0, -142%);
    transform: rotate(315deg) translate(0, -142%);
    -webkit-animation-delay: -0.125s;
    -moz-animation-delay: -0.125s;
    -o-animation-delay: -0.125s;
    animation-delay: -0.125s;
}

.dx-loadindicator-icon .dx-loadindicator-segment8,
.dx-loadindicator-icon .dx-loadindicator-segment9,
.dx-loadindicator-icon .dx-loadindicator-segment10,
.dx-loadindicator-icon .dx-loadindicator-segment11,
.dx-loadindicator-icon .dx-loadindicator-segment12,
.dx-loadindicator-icon .dx-loadindicator-segment13,
.dx-loadindicator-icon .dx-loadindicator-segment14,
.dx-loadindicator-icon .dx-loadindicator-segment15 {
    display: none;
}

.dx-rtl .dx-loadindicator-icon {
    right: 15%;
    left: 0;
}

.dx-loadpanel-content {
    border: 1px solid #284172;
    background: rgb(163, 195, 236);
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    -ms-border-radius: 6px;
    -o-border-radius: 6px;
    border-radius: 0px;
    -webkit-box-shadow: 0px 6px 12px rgba(0, 0, 0, 0.25);
    -moz-box-shadow: 0px 6px 12px rgba(0, 0, 0, 0.25);
    box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.32);
}

.dx-dropdownmenu-popup-wrapper .dx-dropdownmenu-list {
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    -o-border-radius: 8px;
    border-radius: 8px;
}

.dx-selectbox-popup-wrapper .dx-overlay-content {
    /*-webkit-box-shadow: 0px 6px 12px rgba(0, 0, 0, 0.175);
    -moz-box-shadow: 0px 6px 12px rgba(0, 0, 0, 0.175);
    box-shadow: 0px 6px 12px rgba(0, 0, 0, 0.175);*/
    -webkit-box-shadow: -4px 4px 4px 0px rgba(0,0,0,0.3);
    -moz-box-shadow: -4px 4px 4px 0px rgba(0,0,0,0.3);
    box-shadow: -4px 4px 4px 0px rgba(0,0,0,0.3);
}

.dx-selectbox-popup-wrapper .dx-list {
    background-color: #fff;
}



.dx-tag-content {
    background-color: #dddddd;
    border-radius: 2px;
    color: #333;
}

.dx-tag-remove-button:before,
.dx-tag-remove-button:after {
    background: #aaaaaa;
}

.dx-tag-remove-button:active:before,
.dx-tag-remove-button:active:after {
    background: #dddddd;
}

.dx-tag.dx-state-focused .dx-tag-content {
    background-color: #cbcbcb;
    color: #333;
}

.dx-tag.dx-state-focused .dx-tag-remove-button:before,
.dx-tag.dx-state-focused .dx-tag-remove-button:after {
    background-color: #aaaaaa;
}

.dx-tag.dx-state-focused .dx-tag-remove-button:active:before,
.dx-tag.dx-state-focused .dx-tag-remove-button:active:after {
    background: #dddddd;
}

.dx-tagbox-popup-wrapper .dx-list-select-all {
    border-bottom-color: #c3cedc;
}

.dx-radiobutton-icon {
    border-color: #2a4276;
}

    .dx-radiobutton-icon:before {
        background: rgb(194,204,225);
        background: -moz-linear-gradient(top, rgba(194,204,225,1) 0%, rgba(253,253,254,1) 100%);
        background: -webkit-linear-gradient(top, rgba(194,204,225,1) 0%,rgba(253,253,254,1) 100%);
        background: linear-gradient(to bottom, rgba(194,204,225,1) 0%,rgba(253,253,254,1) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c2cce1', endColorstr='#fdfdfe',GradientType=0 );
    }

.dx-radiobutton-checked .dx-radiobutton-icon-dot {
    background: #2a4276;
    background: rgb(174,203,254);
    background: -moz-linear-gradient(top, rgba(174,203,254,1) 0%, rgba(42,66,118,1) 50%, rgba(174,203,254,1) 100%);
    background: -webkit-linear-gradient(top, rgba(174,203,254,1) 0%,rgba(42,66,118,1) 50%,rgba(174,203,254,1) 100%);
    background: linear-gradient(to bottom, rgba(174,203,254,1) 0%,rgba(42,66,118,1) 50%,rgba(174,203,254,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#aecbfe', endColorstr='#aecbfe',GradientType=0 );
    border-color: #2a4276;
}

.dx-radiobutton.dx-state-readonly .dx-radiobutton-icon:before {
    border-color: #f4f4f4;
    background-color: #fff;
}

.dx-radiobutton.dx-state-hover .dx-radiobutton-icon:before {
    -webkit-box-shadow: 0px 0px 2px 1px rgba(90,127,181,0.5);
    -moz-box-shadow: 0px 0px 2px 1px rgba(90,127,181,0.5);
    box-shadow: 0px 0px 2px 1px rgba(90,127,181,0.5);
}

.dx-radiobutton.dx-state-hover .dx-radiobutton-icon:before {
    /*border-color: rgba(51, 122, 183, 0.4);*/
    background: rgb(227,236,254);
    background: -moz-linear-gradient(top, rgba(227,236,254,1) 0%, rgba(174,198,240,1) 49%, rgba(174,198,240,1) 49%, rgba(152,186,236,1) 50%, rgba(174,203,254,1) 100%);
    background: -webkit-linear-gradient(top, rgba(227,236,254,1) 0%,rgba(174,198,240,1) 49%,rgba(174,198,240,1) 49%,rgba(152,186,236,1) 50%,rgba(174,203,254,1) 100%);
    background: linear-gradient(to bottom, rgba(227,236,254,1) 0%,rgba(174,198,240,1) 49%,rgba(174,198,240,1) 49%,rgba(152,186,236,1) 50%,rgba(174,203,254,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e3ecfe', endColorstr='#aecbfe',GradientType=0 );
}

.dx-radiobutton.dx-state-active .dx-radiobutton-icon:before {
    /*background-color: rgba(96, 96, 96, 0.2);*/
}

.dx-radiobutton.dx-state-focused {
}

    .dx-radiobutton.dx-state-focused:not(.dx-state-active) .dx-radiobutton-icon:before {
        /*border: 1px solid #a3c3ec;*/
    }

.dx-invalid .dx-radiobutton-icon:before {
    border-color: rgba(217, 83, 79, 0.4);
}

.dx-invalid .dx-state-hover.dx-radiobutton .dx-radiobutton-icon:before {
    border-color: #d9534f;
}

.dx-invalid .dx-state-focused.dx-radiobutton .dx-radiobutton-icon:before {
    border-color: #d9534f;
}

.dx-radiogroup {
    background: rgb(208,216,231);
    background: -moz-linear-gradient(top, rgba(208,216,231,1) 0%, rgba(230,234,242,1) 22%, rgba(255,255,255,1) 100%);
    background: -webkit-linear-gradient(top, rgba(208,216,231,1) 0%,rgba(230,234,242,1) 22%,rgba(255,255,255,1) 100%);
    background: linear-gradient(to bottom, rgba(208,216,231,1) 0%,rgba(230,234,242,1) 22%,rgba(255,255,255,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d0d8e7', endColorstr='#ffffff',GradientType=0 );
    border-color: #284172;
}

    .dx-radiogroup:hover {
        -webkit-box-shadow: 0px 0px 2px 1px rgba(90,127,181,0.5);
        -moz-box-shadow: 0px 0px 2px 1px rgba(90,127,181,0.5);
        box-shadow: 0px 0px 2px 1px rgba(90,127,181,0.5);
    }



    .dx-radiogroup.dx-state-readonly .dx-radiobutton-icon:before {
        border-color: #f4f4f4;
        background-color: #fff;
    }



.dx-pivottabs-tab,
.dx-pivottabs-ghosttab {
    color: #959595;
}

.dx-pivottabs-tab-selected {
    color: #333;
}

.dx-accordion {
    color: #333;
}

.dx-accordion-item:last-child {
    /* border-bottom: 1px solid #c3cedc; */
}

.dx-accordion-item.dx-state-active:not(.dx-accordion-item-opened) .dx-icon {
    color: #333;
}

.dx-accordion-item.dx-state-active:not(.dx-accordion-item-opened) > .dx-accordion-item-title {
    color: #fff;
    background-color: rgba(96, 96, 96, 0.2);
}

.dx-accordion-item.dx-state-hover > .dx-accordion-item-title {
    background-color: #f5f5f5;
}

.dx-accordion-item.dx-state-hover:not(:last-child):not(.dx-accordion-item-opened):not(.dx-state-focused) {
    border-bottom-color: #f5f5f5;
}

.dx-accordion-item-opened {
}

    .dx-accordion-item-opened.dx-state-hover > .dx-accordion-item-title {
        background-color: transparent;
    }

    .dx-accordion-item-opened > .dx-accordion-item-title {
        border-radius: 3px 3px 0px 0px;
    }

        .dx-accordion-item-opened > .dx-accordion-item-title:before {
            transform: rotate(90deg);
            transition-duration: 300ms;
        }

    .dx-accordion-item-opened + .dx-accordion-item {
    }

        .dx-accordion-item-opened + .dx-accordion-item.dx-state-hover:not(.dx-state-focused) {
            border-top-color: #f5f5f5;
        }

.dx-accordion-item-title {
    background: rgb(94,132,186);
    background: -moz-linear-gradient(top, rgb(94,132,186) 0%, rgb(58,95,154) 50%, rgb(71,108,164) 100%);
    background: -webkit-linear-gradient(top, rgb(94,132,186) 0%,rgb(58,95,154) 50%,rgb(71,108,164) 100%);
    background: linear-gradient(to bottom, rgb(94,132,186) 0%,rgb(58,95,154) 50%,rgb(71,108,164) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5e84ba', endColorstr='#476ca4',GradientType=0 );
    color: #d0ebff;
    border-radius: 3px;
    border: 1px solid #062b63;
}

    .dx-accordion-item-title:before {
        color: rgb(77, 108, 152);
        content: url("data:image/svg+xml;charset=utf8,%3C?xml version='1.0' encoding='UTF-8' standalone='no'?%3E%3C!DOCTYPE svg PUBLIC '-//W3C//DTD SVG 1.1//EN' 'http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd'%3E%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' preserveAspectRatio='xMidYMid meet' viewBox='348.61538461538464 49 154.38461538461536 154.38461538461533' width='15' height='15'%3E%3Cdefs%3E%3Cpath d='M500 125.19C500 166.69 466.31 200.38 424.81 200.38C383.31 200.38 349.62 166.69 349.62 125.19C349.62 83.69 383.31 50 424.81 50C466.31 50 500 83.69 500 125.19Z' id='cBUOvf218'%3E%3C/path%3E%3Cpath d='M430 142.5L400 160L400 125L400 90L430 107.5L460 125L430 142.5Z' id='a1UqHuOsaY'%3E%3C/path%3E%3C/defs%3E%3Cg%3E%3Cg%3E%3Cuse xlink:href='%23cBUOvf218' opacity='1' fill='%23b2c6e4' fill-opacity='1'%3E%3C/use%3E%3C/g%3E%3Cg%3E%3Cuse xlink:href='%23a1UqHuOsaY' opacity='1' fill='%23456aa3' fill-opacity='1'%3E%3C/use%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
        border-radius: 360px;
    }

    .dx-accordion-item-title .dx-icon {
        color: #333;
    }

.dx-state-focused.dx-accordion-item {
    border-color: #a3c3ec;
}


.dx-slideout-menu .dx-list-item .dx-icon {
}


.dx-slideoutview-menu-content,
.dx-slideoutview-content {
    background-color: #fff;
}

.dx-slideoutview-content {
    border-color: rgba(221, 221, 221, 0.5);
}

.dx-pager .dx-page-sizes .dx-page-size {
}

.dx-pager .dx-pages .dx-selection,
.dx-pager .dx-page-sizes .dx-selection {
    color: #2a508d;
    border-color: #3c619c;
    background-color: #b1c5e3;
}

.dx-colorview-container label {
    color: #333;
}

.dx-colorview-palette-cell,
.dx-colorview-alpha-channel-border,
.dx-colorview-hue-scale-wrapper,
.dx-colorview-color-preview-container {
    background-color: #fff;
    box-shadow: 0 0 0 1px #c3cedc;
}

.dx-colorbox-input-container.dx-colorbox-color-is-not-defined .dx-colorbox-color-result-preview {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABEAAAARCAQAAACRZI9xAAAAdElEQVQoU4XR0Q3AIAgFQCarie7UrToMc3QIiyIFFGNe5INcgETAegpQefFCCFPwYZI2qFA/M4EQMQAhKxJgiEcKHFFkwUQY3Q4sBAhUerYzkbaiTUk7Ije0dYoMyeYGi35igUeDzMCiTiKgaPx0BAR1csgHXJxUKOJqsbEAAAAASUVORK5CYII=) no-repeat 0 0;
}

.dx-colorbox-color-result-preview {
    border-color: #c3cedc;
}



.dx-colorbox-overlay.dx-overlay-content {
    background-color: #b1cef3;
    border-color: #284172;
}


.dx-datagrid {
    /* background-color: white; */
    /* border: 1px solid black; */
}

    .dx-datagrid.dx-datagrid-borders {
        border-color: #062b63;
        border-radius: 4px;
    }

        .dx-datagrid.dx-datagrid-borders > .dx-datagrid-headers,
        .dx-datagrid.dx-datagrid-borders > .dx-datagrid-rowsview,
        .dx-datagrid.dx-datagrid-borders > .dx-datagrid-total-footer {
            /*border-left: 1px solid #c3cedc;
              border-right: 1px solid #c3cedc;*/
            /* border-top: 1px solid #062b63; */
            /* border-right: 1px solid #062b63; */
            /* border-left: 1px solid #062b63; */
            /* border-bottom: 0px; */
        }

        .dx-datagrid.dx-datagrid-borders > .dx-datagrid-total-footer {
            border-width: 1px 0px 0px 0px;
            border-style: solid;
            border-color: #062b63;
        }

        .dx-datagrid.dx-datagrid-borders > .dx-datagrid-pager,
        .dx-datagrid.dx-datagrid-borders > .dx-datagrid-headers,
        .dx-datagrid.dx-datagrid-borders > .dx-datagrid-rowsview {
            /* border-top: 1px solid #062b63; */
        }

    .dx-datagrid .dx-menu {
        background-color: transparent;
        height: 100%;
    }

    .dx-datagrid .dx-menu-item-has-submenu.dx-state-hover {
        background-color: transparent;
    }

    .dx-datagrid .dx-menu-item-has-submenu.dx-menu-item-expanded.dx-state-hover {
        background-color: #39538a;
        color: white;
    }

    .dx-datagrid .dx-menu-item-has-icon .dx-icon {
        color: #062b63;
    }

        .dx-datagrid .dx-menu-item-has-icon .dx-icon .dx-state-hover {
            color: #ffffff;
        }


    .dx-datagrid .dx-menu-items-container .dx-menu-item-has-icon .dx-icon-filter-operation-between {
        background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAFCAQAAADbc8WkAAAAHElEQVQYV2NI+J/A8B8DJoAQbgmsEKwDC8QtAQC2WDWbJkSICQAAAABJRU5ErkJggg==);
        background-repeat: no-repeat;
        background-position: center center;
        background-size: 14px 5px;
    }

    .dx-datagrid .dx-menu-items-container .dx-menu-item-has-icon.dx-menu-item-selected .dx-icon-filter-operation-between {
        background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAFCAQAAADbc8WkAAAAGUlEQVQY02P8/5+BkQET/GfEJ4EVMJJsFACqkg38+KlM0gAAAABJRU5ErkJggg==);
    }

    .dx-datagrid .dx-row-alt > td {
        background-color: #eaf1fa;
    }

    .dx-datagrid .dx-row-alt.dx-row:not(.dx-row-removed) {
        border-bottom-color: transparent;
    }

    .dx-datagrid .dx-link {
        color: #a3c3ec;
    }

    .dx-datagrid .dx-row-lines > td {
        border-bottom-color: #c3cedc;
    }

    .dx-datagrid .dx-column-lines.dx-header-row > td {
        border-left-color: #062b63;
        border-right-color: #062b63;
        box-shadow: inset -2px 2px 1px -2px rgb(255, 255, 255);
    }

    .dx-datagrid .dx-column-lines > td {
        border-left-color: #c3cedc;
        border-right-color: #c3cedc;
    }

    .dx-datagrid .dx-error-row td {
        background-color: rgba(217, 83, 79, 0.6);
        color: #fff;
    }

.dx-editor-cell .dx-numberbox-spin-button {
    background-color: transparent;
}

.dx-editor-cell .dx-texteditor {
    background: #fff;
}

    .dx-editor-cell .dx-texteditor .dx-texteditor-input {
        background: #fff;
    }



.dx-texteditor .dx-button {
    /*border: 1px solid red;*/
}

.dx-filterbuilder-text {
    background: white;
}


.dx-editor-cell .dx-dropdowneditor {
    background-color: #fff;
}

.dx-editor-cell.dx-focused .dx-dropdowneditor-icon {
    border-radius: 0;
}



.dx-datagrid-checkbox-size .dx-checkbox-icon {
    /* height: 16px; */
    /* width: 18px; */
    /* display: flex; */
    /* align-self: center; */
    /* justify-content: center; */
}

.dx-device-mobile .dx-datagrid-column-chooser-list .dx-empty-message,
.dx-datagrid-column-chooser-list .dx-empty-message {
    color: #999999;
}



.dx-datagrid-column-chooser .dx-overlay-content {
    background-color: #6489bc;
    -webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.2);
    box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.2);
}

    .dx-datagrid-column-chooser .dx-overlay-content .dx-popup-content .dx-column-chooser-item {
        border-color: #062b63;
        background: rgb(148,184,233);
        background: -moz-linear-gradient(top, rgba(148,184,233,1) 0%, rgba(99,137,192,1) 2%, rgba(39,77,138,1) 50%, rgba(115,152,205,1) 100%);
        background: -webkit-linear-gradient(top, rgba(148,184,233,1) 0%,rgba(99,137,192,1) 2%,rgba(39,77,138,1) 50%,rgba(115,152,205,1) 100%);
        background: linear-gradient(to bottom, rgba(148,184,233,1) 0%,rgba(99,137,192,1) 2%,rgba(39,77,138,1) 50%,rgba(115,152,205,1) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#94b8e9', endColorstr='#7398cd',GradientType=0 );
        /* box-shadow: inset -2px 2px 1px -2px rgb(255, 255, 255); */
        color: #D0EBFF;
    }



.dx-datagrid-drag-header {
    -webkit-box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.2), 0px 1px 3px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.2), 0px 1px 3px rgba(0, 0, 0, 0.2);
    box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.2), 0px 1px 3px rgba(0, 0, 0, 0.2);
    color: #D0EBFF;
    border-color: #062b63;
    -webkit-border-top-left-radius: 3px;
    -webkit-border-top-right-radius: 3px;
    -moz-border-radius-topleft: 3px;
    -moz-border-radius-topright: 3px;
    border-radius: 4px;
    background: rgb(148,184,233);
    background: -moz-linear-gradient(top, rgba(148,184,233,1) 0%, rgba(99,137,192,1) 2%, rgba(39,77,138,1) 50%, rgba(115,152,205,1) 100%);
    background: -webkit-linear-gradient(top, rgba(148,184,233,1) 0%,rgba(99,137,192,1) 2%,rgba(39,77,138,1) 50%,rgba(115,152,205,1) 100%);
    background: linear-gradient(to bottom, rgba(148,184,233,1) 0%,rgba(99,137,192,1) 2%,rgba(39,77,138,1) 50%,rgba(115,152,205,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#94b8e9', endColorstr='#7398cd',GradientType=0 );
}

.dx-datagrid-columns-separator {
    background-color: rgba(51, 122, 183, 0.5);
}

.dx-datagrid-columns-separator-transparent {
    background-color: transparent;
}

.dx-datagrid-drop-highlight > td {
    background-color: #a3c3ec;
    color: #fff;
}

.dx-datagrid-focus-overlay {
    /*border: 2px solid #a3c3ec;*/
}

.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: #f5f5f5;
    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: #f5f5f5;
    }

.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: #f5f5f5;
    color: #333;
}

.dx-data-row.dx-state-hover:not(.dx-selection):not(.dx-row-inserted):not(.dx-row-removed):not(.dx-edit-row) > td.dx-pointer-events-none {
    background-color: transparent;
}

tr.dx-row.dx-data-row.dx-row-lines.dx-column-lines.dx-selection {
    background: rgb(123,155,200);
    background: -moz-linear-gradient(top, rgba(123,155,200,1) 0%, rgba(94,128,177,1) 100%);
    background: -webkit-linear-gradient(top, rgba(123,155,200,1) 0%,rgba(94,128,177,1) 100%);
    background: linear-gradient(to bottom, rgba(123,155,200,1) 0%,rgba(94,128,177,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7b9bc8', endColorstr='#5e80b1',GradientType=0 );
    color: white;
}

.dx-datagrid-headers {
    border-color: #062b63;
    -webkit-border-top-left-radius: 3px;
    -webkit-border-top-right-radius: 3px;
    -moz-border-radius-topleft: 3px;
    -moz-border-radius-topright: 3px;
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
    background: rgb(148,184,233);
    background: -moz-linear-gradient(top, rgba(148,184,233,1) 0%, rgba(99,137,192,1) 2%, rgba(39,77,138,1) 50%, rgba(115,152,205,1) 100%);
    background: -webkit-linear-gradient(top, rgba(148,184,233,1) 0%,rgba(99,137,192,1) 2%,rgba(39,77,138,1) 50%,rgba(115,152,205,1) 100%);
    background: linear-gradient(to bottom, rgba(148,184,233,1) 0%,rgba(99,137,192,1) 2%,rgba(39,77,138,1) 50%,rgba(115,152,205,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#94b8e9', endColorstr='#7398cd',GradientType=0 );
    display: flex;
    justify-content: center;
    align-items: center;
}



    .dx-datagrid-headers .dx-datagrid-table .dx-row > td {
        border-bottom: 1px solid #062b63;
    }

.dx-datagrid-filter-row .dx-menu .dx-overlay-content {
    color: #333;
}

.dx-datagrid-filter-row .dx-menu-item.dx-state-focused {
    background-color: transparent;
}

    .dx-datagrid-filter-row .dx-menu-item.dx-state-focused:after {
        border-color: #a3c3ec;
    }

    .dx-datagrid-filter-row .dx-menu-item.dx-state-focused.dx-menu-item-expanded {
        background-color: #39538a;
    }

        .dx-datagrid-filter-row .dx-menu-item.dx-state-focused.dx-menu-item-expanded:after {
            border-color: #39538a;
        }

.dx-datagrid-filter-row .dx-highlight-outline::after {
    border-color: rgba(92, 184, 92, 0.5);
}

.dx-datagrid-filter-row .dx-menu-item-content .dx-icon {
    color: rgba(94,128,177,1);
}



.dx-datagrid-filter-range-overlay .dx-overlay-content {
    border-color: #c3cedc;
    -webkit-box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.15);
    -moz-box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.15);
    box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.15);
}

    .dx-datagrid-filter-range-overlay .dx-overlay-content .dx-editor-container.dx-highlight-outline::after {
        border-color: rgba(92, 184, 92, 0.5);
    }

    .dx-datagrid-filter-range-overlay .dx-overlay-content .dx-texteditor .dx-texteditor-input {
        background-color: #fff;
    }

    .dx-datagrid-filter-range-overlay .dx-overlay-content .dx-texteditor.dx-state-focused:after {
        border-color: #a3c3ec;
    }

.dx-datagrid-header-panel {
    border-bottom-color: #39538a;
}


    .dx-datagrid-header-panel .dx-apply-button {
        background-color: #5cb85c;
        border-color: #4cae4c;
        color: #fff;
    }

        .dx-datagrid-header-panel .dx-apply-button .dx-icon {
            color: #fff;
        }

        .dx-datagrid-header-panel .dx-apply-button.dx-state-hover {
            background-color: #449d44;
            border-color: #398439;
        }

        .dx-datagrid-header-panel .dx-apply-button.dx-state-focused {
            background-color: #449d44;
            border-color: #255625;
        }

        .dx-datagrid-header-panel .dx-apply-button.dx-state-active {
            background-color: #398439;
            border-color: #255625;
            color: #fff;
        }

.dx-datagrid-rowsview {
    background-color: white;
}

    .dx-datagrid-rowsview .dx-master-detail-row:not(.dx-datagrid-edit-form) > .dx-datagrid-group-space,
    .dx-datagrid-rowsview .dx-master-detail-row:not(.dx-datagrid-edit-form) .dx-master-detail-cell {
        background-color: #fafafa;
    }

    .dx-datagrid-rowsview .dx-data-row .dx-validator.dx-datagrid-invalid .dx-highlight-outline::after {
        border-color: rgba(217, 83, 79, 0.4);
    }

    .dx-datagrid-rowsview .dx-data-row .dx-validator.dx-datagrid-invalid.dx-focused > .dx-highlight-outline::after {
        border-color: #d9534f;
    }

    .dx-datagrid-rowsview .dx-data-row .dx-cell-modified .dx-highlight-outline::after {
        border-color: rgba(92, 184, 92, 0.5);
    }

    .dx-datagrid-rowsview .dx-row-removed > td {
        background-color: rgba(92, 184, 92, 0.5);
        border-top: 1px solid rgba(92, 184, 92, 0.5);
        border-bottom: 1px solid rgba(92, 184, 92, 0.5);
    }

    .dx-datagrid-rowsview .dx-adaptive-detail-row .dx-datagrid-invalid {
        border: 1px solid rgba(217, 83, 79, 0.4);
    }

    .dx-datagrid-rowsview .dx-item-modified {
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        -ms-border-radius: 4px;
        -o-border-radius: 4px;
        border-radius: 4px;
        border: 2px solid rgba(92, 184, 92, 0.5);
    }

    .dx-datagrid-rowsview .dx-selection.dx-row > td,
    .dx-datagrid-rowsview .dx-selection.dx-row:hover > td {
        background: rgb(123,155,200);
        background: -moz-linear-gradient(top, rgba(123,155,200,1) 0%, rgba(94,128,177,1) 100%);
        background: -webkit-linear-gradient(top, rgba(123,155,200,1) 0%,rgba(94,128,177,1) 100%);
        background: linear-gradient(to bottom, rgba(123,155,200,1) 0%,rgba(94,128,177,1) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7b9bc8', endColorstr='#5e80b1',GradientType=0 );
        color: white;
    }

        .dx-datagrid-rowsview .dx-selection.dx-row > td.dx-datagrid-group-space,
        .dx-datagrid-rowsview .dx-selection.dx-row:hover > td.dx-datagrid-group-space {
            border-right-color: #e6e6e6;
        }

        .dx-datagrid-rowsview .dx-selection.dx-row > td.dx-pointer-events-none,
        .dx-datagrid-rowsview .dx-selection.dx-row:hover > td.dx-pointer-events-none {
            border-left-color: #c3cedc;
            border-right-color: #c3cedc;
        }

        .dx-datagrid-rowsview .dx-selection.dx-row > td.dx-focused:only-child,
        .dx-datagrid-rowsview .dx-selection.dx-row:hover > td.dx-focused:only-child {
            background: rgb(123,155,200);
            background: -moz-linear-gradient(top, rgba(123,155,200,1) 0%, rgba(94,128,177,1) 100%);
            background: -webkit-linear-gradient(top, rgba(123,155,200,1) 0%,rgba(94,128,177,1) 100%);
            background: linear-gradient(to bottom, rgba(123,155,200,1) 0%,rgba(94,128,177,1) 100%);
            filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7b9bc8', endColorstr='#5e80b1',GradientType=0 );
            color: white;
            /*transition-property: all;
            transition-duration: 0.5s;
            transition-timing-function: ease-in-out;
            transition-delay: 0s;*/
        }

        .dx-datagrid-rowsview .dx-selection.dx-row > td.dx-focused,
        .dx-datagrid-rowsview .dx-selection.dx-row:hover > td.dx-focused {
            /*background: rgb(123,155,200);
            background: -moz-linear-gradient(top, rgba(123,155,200,1) 0%, rgba(94,128,177,1) 100%);
            background: -webkit-linear-gradient(top, rgba(123,155,200,1) 0%,rgba(94,128,177,1) 100%);
            background: linear-gradient(to bottom, rgba(123,155,200,1) 0%,rgba(94,128,177,1) 100%);*/
            /*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7b9bc8', endColorstr='#5e80b1',GradientType=0 );*/
            /*color: white;*/
            color: black;
            background: white;
            /*transition-property: all;
            transition-duration: 0.5s;
            transition-timing-function: ease-in-out;
            transition-delay: 0s;*/
        }

    .dx-datagrid-rowsview .dx-selection.dx-row:not(.dx-row-lines) > td,
    .dx-datagrid-rowsview .dx-selection.dx-row:hover:not(.dx-row-lines) > td {
        border-bottom: 1px solid #e6e6e6;
        border-top: 1px solid #e6e6e6;
    }

    .dx-datagrid-rowsview .dx-selection.dx-row.dx-column-lines > td,
    .dx-datagrid-rowsview .dx-selection.dx-row:hover.dx-column-lines > td {
        border-left-color: transparent;
        border-right-color: #c3cedc;
    }

    .dx-datagrid-rowsview .dx-selection.dx-row.dx-row-lines > td,
    .dx-datagrid-rowsview .dx-selection.dx-row:hover.dx-row-lines > td {
        border-bottom-color: #c3cedc;
    }



.dx-datagrid-search-text {
    color: #fff;
    background-color: #a3c3ec;
}

.dx-datagrid-nodata {
    color: #999999;
}

.dx-datagrid-bottom-load-panel {
    border-top: 1px solid #c3cedc;
}

.dx-datagrid-pager {
    border-top: 1px solid #062b63;
}

    .dx-datagrid-pager.dx-widget {
        color: #333;
    }

.dx-datagrid-summary-item {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    background: rgb(208,216,231);
    background: -moz-linear-gradient(top, rgba(208,216,231,1) 0%, rgba(230,234,242,1) 22%, rgba(255,255,255,1) 100%);
    background: -webkit-linear-gradient(top, rgba(208,216,231,1) 0%,rgba(230,234,242,1) 22%,rgba(255,255,255,1) 100%);
    background: linear-gradient(to bottom, rgba(208,216,231,1) 0%,rgba(230,234,242,1) 22%,rgba(255,255,255,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d0d8e7', endColorstr='#ffffff',GradientType=0 );
    border-color: #284172;
}

.dx-datagrid-total-footer {
    border-top: 1px solid #062b63;
    border-radius: 0px 0px 4px 4px;
    /* border-bottom: 1px solid #062b63; */
    background: rgb(134,168,213);
    background: -moz-linear-gradient(top, rgba(134,168,213,1) 0%, rgba(109,145,196,1) 50%, rgba(88,125,179,1) 51%, rgba(97,134,186,1) 100%);
    background: -webkit-linear-gradient(top, rgba(134,168,213,1) 0%,rgba(109,145,196,1) 50%,rgba(88,125,179,1) 51%,rgba(97,134,186,1) 100%);
    background: linear-gradient(to bottom, rgba(134,168,213,1) 0%,rgba(109,145,196,1) 50%,rgba(88,125,179,1) 51%,rgba(97,134,186,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#86a8d5', endColorstr='#6186ba',GradientType=0 );
}

.dx-datagrid-revert-tooltip .dx-overlay-content {
    background-color: #fff;
}

.dx-datagrid-revert-tooltip .dx-revert-button {
    background-color: #d9534f;
    border-color: #d43f3a;
    color: #fff;
}

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

    .dx-datagrid-revert-tooltip .dx-revert-button.dx-state-hover {
        background-color: #c9302c;
        border-color: #ac2925;
    }

    .dx-datagrid-revert-tooltip .dx-revert-button.dx-state-focused {
        background-color: #c9302c;
        border-color: #761c19;
    }

    .dx-datagrid-revert-tooltip .dx-revert-button.dx-state-active {
        background-color: #8b211e;
        border-color: #761c19;
        color: #fff;
    }



.dx-rtl .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-left-color: #f5f5f5;
    border-right-color: transparent;
}



.dx-rtl .dx-datagrid-rowsview .dx-selection.dx-row > td:not(.dx-focused).dx-datagrid-group-space,
.dx-rtl .dx-datagrid-rowsview .dx-selection.dx-row:hover > td:not(.dx-focused).dx-datagrid-group-space {
    border-left-color: #e6e6e6;
}

.dx-rtl .dx-datagrid-rowsview .dx-selection.dx-row > td.dx-pointer-events-none,
.dx-rtl .dx-datagrid-rowsview .dx-selection.dx-row:hover > td.dx-pointer-events-none {
    border-left-color: #c3cedc;
}


.dx-datagrid-group-panel .dx-group-panel-message {
    color: #4b6ca7;
}

.dx-datagrid-group-panel .dx-group-panel-item {
    color: #959595;
}

.dx-datagrid-group-panel .dx-block-separator {
    color: #959595;
    background-color: #eeeeee;
}

.dx-datagrid-group-panel .dx-sort {
    color: #898989;
}

.dx-datagrid-rowsview .dx-row.dx-group-row {
    color: #000;
    background-color: #f7f7f7;
    /* font-weight: bold; */
}

    .dx-datagrid-rowsview .dx-row.dx-group-row td {
        border-bottom-color: #90b3e6;
        border-top-color: #90b3e6;
    }


.dx-row.dx-datagrid-group-footer.dx-column-lines {
    border-bottom-color: #c3cedc;
}

.dx-row.dx-datagrid-group-footer > td {
    border-top-color: #c3cedc;
    background: rgb(134,168,213);
    background: -moz-linear-gradient(top, rgba(134,168,213,1) 0%, rgba(109,145,196,1) 50%, rgba(88,125,179,1) 51%, rgba(97,134,186,1) 100%);
    background: -webkit-linear-gradient(top, rgba(134,168,213,1) 0%,rgba(109,145,196,1) 50%,rgba(88,125,179,1) 51%,rgba(97,134,186,1) 100%);
    background: linear-gradient(to bottom, rgba(134,168,213,1) 0%,rgba(109,145,196,1) 50%,rgba(88,125,179,1) 51%,rgba(97,134,186,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#86a8d5', endColorstr='#6186ba',GradientType=0 );
    color: black;
}

.dx-rtl .dx-datagrid-group-panel .dx-group-panel-item,
.dx-rtl .dx-datagrid-group-panel .dx-block-separator {
    background: rgb(148,184,233);
    background: -moz-linear-gradient(top, rgba(148,184,233,1) 0%, rgba(99,137,192,1) 2%, rgba(39,77,138,1) 50%, rgba(115,152,205,1) 100%);
    background: -webkit-linear-gradient(top, rgba(148,184,233,1) 0%,rgba(99,137,192,1) 2%,rgba(39,77,138,1) 50%,rgba(115,152,205,1) 100%);
    background: linear-gradient(to bottom, rgba(148,184,233,1) 0%,rgba(99,137,192,1) 2%,rgba(39,77,138,1) 50%,rgba(115,152,205,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#94b8e9', endColorstr='#7398cd',GradientType=0 );
    border-color: #062b63;
    box-shadow: inset -2px 2px 1px -2px rgb(255, 255, 255);
}

.dx-rtl .dx-datagrid-table-fixed .dx-row.dx-group-row td {
    background: rgb(220,235,255);
    background: -moz-linear-gradient(top, rgba(220,235,255,1) 0%, rgba(205,227,255,1) 100%);
    background: -webkit-linear-gradient(top, rgba(220,235,255,1) 0%,rgba(205,227,255,1) 100%);
    background: linear-gradient(to bottom, rgba(220,235,255,1) 0%,rgba(205,227,255,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dcebff', endColorstr='#cde3ff',GradientType=0 );
}

.dx-pivotgrid {
    background-color: #a3c3ec;
}

    .dx-pivotgrid .dx-pivotgrid-collapsed .dx-expand {
        color: #959595;
    }

    .dx-pivotgrid .dx-pivotgrid-expanded .dx-expand {
        color: #959595;
    }



td.dx-area-row-cell.dx-bottom-border {
    background-color: #c6dcf7;
}

td.dx-area-data-cell.dx-bottom-border {
    background: white;
}

.dx-pivotgrid-nodata {
    border-radius: 4px;
    background-color: rgb(198 220 247);
    border-color: rgb(39 77 138);
}

.dx-pivotgridfieldchooser {
    /* background-color: #fff; */
}

.dx-pivotgrid-fields-container .dx-position-indicator {
    background-color: gray;
}

.dx-treelist {
    border-color: rgba(39,77,138,1);
    border-radius: 3px;
}

    .dx-treelist.dx-treelist-borders > .dx-treelist-headers,
    .dx-treelist.dx-treelist-borders > .dx-treelist-rowsview,
    .dx-treelist.dx-treelist-borders > .dx-treelist-total-footer {
        border-left: 1px solid #c3cedc;
        border-right: 1px solid #c3cedc;
    }

    .dx-treelist.dx-treelist-borders > .dx-treelist-rowsview,
    .dx-treelist.dx-treelist-borders > .dx-treelist-total-footer {
        border-bottom: 1px solid #c3cedc;
    }

    .dx-treelist.dx-treelist-borders > .dx-treelist-pager,
    .dx-treelist.dx-treelist-borders > .dx-treelist-headers,
    .dx-treelist.dx-treelist-borders > .dx-treelist-rowsview {
        border-top: 1px solid #c3cedc;
    }

    .dx-treelist .dx-menu {
        background-color: transparent;
    }


    .dx-treelist .dx-menu-item-has-submenu.dx-state-hover {
        background-color: transparent;
    }

    .dx-treelist .dx-menu-item-has-submenu.dx-menu-item-expanded.dx-state-hover {
        background-color: #39538a;
    }

    .dx-treelist .dx-menu-item-has-icon .dx-icon {
        color: #898989;
    }

    .dx-treelist .dx-menu-items-container .dx-menu-item-has-icon .dx-icon-filter-operation-between {
        background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAFCAQAAADbc8WkAAAAHElEQVQYV2NI+J/A8B8DJoAQbgmsEKwDC8QtAQC2WDWbJkSICQAAAABJRU5ErkJggg==);
    }

    .dx-treelist .dx-menu-items-container .dx-menu-item-has-icon.dx-menu-item-selected .dx-icon-filter-operation-between {
        background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAFCAQAAADbc8WkAAAAGUlEQVQY02P8/5+BkQET/GfEJ4EVMJJsFACqkg38+KlM0gAAAABJRU5ErkJggg==);
    }

    .dx-treelist .dx-row-alt > td {
        background-color: #f5f5f5;
    }

    .dx-treelist .dx-row-alt.dx-row:not(.dx-row-removed) {
        border-bottom-color: transparent;
    }

    .dx-treelist .dx-link {
        color: #a3c3ec;
    }

    .dx-treelist .dx-checkbox-indeterminate .dx-checkbox-icon:before {
        /* width: 6px; */
        /* height: 6px; */
        /* left: 4px; */
        /* top: 4px; */
    }

    .dx-treelist .dx-row-lines > td {
        border-bottom: 1px solid #c3cedc;
    }

    .dx-treelist .dx-column-lines > td {
        border-left: 1px solid #062b63;
        border-right: 1px solid #062b63;
    }



    .dx-treelist .dx-error-row td {
        background-color: rgba(217, 83, 79, 0.6);
        color: #fff;
    }

    .dx-treelist .dx-row > td {
        box-shadow: inset -2px 2px 1px -2px rgb(255, 255, 255);
    }



.dx-editor-cell .dx-numberbox-spin-button {
    background-color: transparent;
}


.dx-editor-cell .dx-texteditor {
    background: #fff;
}

/*.dx-editor-cell .dx-texteditor .dx-texteditor-input {
        background: #fff;
    }*/



.dx-editor-cell .dx-dropdowneditor {
    background-color: #fff;
}

.dx-editor-cell.dx-focused .dx-dropdowneditor-icon {
    border-radius: 0;
}

.dx-device-mobile .dx-treelist-column-chooser-list .dx-empty-message,
.dx-treelist-column-chooser-list .dx-empty-message {
    color: #999999;
}

.dx-treelist-column-chooser .dx-overlay-content {
    background-color: #fff;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    -ms-border-radius: 6px;
    -o-border-radius: 6px;
    border-radius: 6px;
    -webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.2);
    box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.2);
}

    .dx-treelist-column-chooser .dx-overlay-content .dx-popup-title {
        background-color: transparent;
    }

    .dx-treelist-column-chooser .dx-overlay-content .dx-popup-content .dx-column-chooser-item {
        background-color: #fff;
        color: #959595;
        border: 1px solid #c3cedc;
        -webkit-box-shadow: 0px 1px 3px -1px rgba(0, 0, 0, 0.2);
        -moz-box-shadow: 0px 1px 3px -1px rgba(0, 0, 0, 0.2);
        box-shadow: 0px 1px 3px -1px rgba(0, 0, 0, 0.2);
    }

.dx-treelist-drag-header {
    -webkit-box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.1), 0px 1px 3px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.1), 0px 1px 3px rgba(0, 0, 0, 0.2);
    box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.1), 0px 1px 3px rgba(0, 0, 0, 0.2);
    color: #959595;
    border: 1px solid rgba(51, 122, 183, 0.5);
    background-color: #fff;
}

.dx-treelist-columns-separator {
    background-color: rgba(51, 122, 183, 0.5);
}

.dx-treelist-columns-separator-transparent {
    background-color: transparent;
}

.dx-treelist-drop-highlight > td {
    background-color: #a3c3ec;
    color: #fff;
}

.dx-treelist-focus-overlay {
    border: 2px solid #a3c3ec;
}

.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: #f5f5f5;
    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-treelist-group-space {
        border-right-color: #f5f5f5;
    }

.dx-data-row.dx-state-hover:not(.dx-selection):not(.dx-row-inserted):not(.dx-row-removed):not(.dx-edit-row) > .dx-treelist-readonly .dx-texteditor .dx-texteditor-input {
    background-color: #f5f5f5;
    color: #333;
}

.dx-data-row.dx-state-hover:not(.dx-selection):not(.dx-row-inserted):not(.dx-row-removed):not(.dx-edit-row) > td.dx-pointer-events-none {
    background-color: transparent;
}

.dx-treelist-headers {
    color: #D0EBFF;
}

    .dx-treelist-headers .dx-treelist-table .dx-row > td {
        border-bottom: 1px solid #062b63;
        border-right-color: #062b63;
    }

.dx-treelist-filter-row .dx-menu .dx-overlay-content {
    color: #333;
}

.dx-treelist-filter-row .dx-menu-item.dx-state-focused {
    background-color: transparent;
}

    .dx-treelist-filter-row .dx-menu-item.dx-state-focused:after {
        border: 2px solid #a3c3ec;
    }

    .dx-treelist-filter-row .dx-menu-item.dx-state-focused.dx-menu-item-expanded {
        background-color: #39538a;
    }

        .dx-treelist-filter-row .dx-menu-item.dx-state-focused.dx-menu-item-expanded:after {
            border-color: #39538a;
        }

.dx-treelist-filter-row .dx-highlight-outline::after {
    border-color: rgba(92, 184, 92, 0.5);
}

.dx-treelist-filter-row .dx-menu-item-content .dx-icon {
    color: #898989;
}



.dx-treelist-filter-range-overlay .dx-overlay-content {
    border: 1px solid #c3cedc;
    -webkit-box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.15);
    -moz-box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.15);
    box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.15);
}

    .dx-treelist-filter-range-overlay .dx-overlay-content .dx-editor-container.dx-highlight-outline::after {
        border-color: rgba(92, 184, 92, 0.5);
    }

    .dx-treelist-filter-range-overlay .dx-overlay-content .dx-texteditor .dx-texteditor-input {
        background-color: #fff;
    }

    .dx-treelist-filter-range-overlay .dx-overlay-content .dx-texteditor.dx-state-focused:after {
        border: 2px solid #a3c3ec;
    }

.dx-treelist-header-panel {
    border-bottom: 1px solid #c3cedc;
}

    .dx-treelist-header-panel .dx-apply-button {
        background-color: #5cb85c;
        border-color: #4cae4c;
        color: #fff;
    }

        .dx-treelist-header-panel .dx-apply-button .dx-icon {
            color: #fff;
        }

        .dx-treelist-header-panel .dx-apply-button.dx-state-hover {
            background-color: #449d44;
            border-color: #398439;
        }

        .dx-treelist-header-panel .dx-apply-button.dx-state-focused {
            background-color: #449d44;
            border-color: #255625;
        }

        .dx-treelist-header-panel .dx-apply-button.dx-state-active {
            background-color: #398439;
            border-color: #255625;
            color: #fff;
        }


.dx-treelist-rowsview {
    /* border-top: 1px solid #062b63; */
    background-color: #fff;
}

    .dx-treelist-rowsview .dx-row {
        border-top: 1px solid transparent;
        border-bottom: 1px solid transparent;
    }

        .dx-treelist-rowsview .dx-row.dx-edit-row:first-child > td {
            border-top-width: 0px;
            border-bottom: 1px solid #c3cedc;
        }

        .dx-treelist-rowsview .dx-row.dx-edit-row > td {
            border-top: 1px solid #c3cedc;
            border-bottom: 1px solid #c3cedc;
        }

    .dx-treelist-rowsview .dx-master-detail-row > .dx-treelist-group-space,
    .dx-treelist-rowsview .dx-master-detail-row .dx-master-detail-cell {
        border-top: 1px solid #c3cedc;
        border-bottom: 1px solid #c3cedc;
    }

    .dx-treelist-rowsview .dx-master-detail-row:not(.dx-treelist-edit-form) > .dx-treelist-group-space,
    .dx-treelist-rowsview .dx-master-detail-row:not(.dx-treelist-edit-form) .dx-master-detail-cell {
        background-color: #fafafa;
    }

    .dx-treelist-rowsview .dx-data-row .dx-validator.dx-treelist-invalid .dx-highlight-outline::after {
        border: 1px solid rgba(217, 83, 79, 0.4);
    }

    .dx-treelist-rowsview .dx-data-row .dx-validator.dx-treelist-invalid.dx-focused > .dx-highlight-outline::after {
        border: 1px solid #d9534f;
    }

    .dx-treelist-rowsview .dx-data-row .dx-cell-modified .dx-highlight-outline::after {
        border-color: rgba(92, 184, 92, 0.5);
    }

    .dx-treelist-rowsview .dx-row-removed > td {
        background-color: rgba(92, 184, 92, 0.5);
        border-top: 1px solid rgba(92, 184, 92, 0.5);
        border-bottom: 1px solid rgba(92, 184, 92, 0.5);
    }

    .dx-treelist-rowsview .dx-adaptive-detail-row .dx-treelist-invalid {
        border: 1px solid rgba(217, 83, 79, 0.4);
    }


    .dx-treelist-rowsview .dx-item-modified {
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        -ms-border-radius: 4px;
        -o-border-radius: 4px;
        border-radius: 4px;
        border: 2px solid rgba(92, 184, 92, 0.5);
    }



    .dx-treelist-rowsview .dx-selection.dx-row > td,
    .dx-treelist-rowsview .dx-selection.dx-row:hover > td {
        background: rgb(123,155,200);
        background: -moz-linear-gradient(top, rgba(123,155,200,1) 0%, rgba(94,128,177,1) 100%);
        background: -webkit-linear-gradient(top, rgba(123,155,200,1) 0%,rgba(94,128,177,1) 100%);
        background: linear-gradient(to bottom, rgba(123,155,200,1) 0%,rgba(94,128,177,1) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7b9bc8', endColorstr='#5e80b1',GradientType=0 );
        color: white;
    }

        .dx-treelist-rowsview .dx-selection.dx-row > td.dx-treelist-group-space,
        .dx-treelist-rowsview .dx-selection.dx-row:hover > td.dx-treelist-group-space {
            border-right-color: #e6e6e6;
        }

        .dx-treelist-rowsview .dx-selection.dx-row > td.dx-pointer-events-none,
        .dx-treelist-rowsview .dx-selection.dx-row:hover > td.dx-pointer-events-none {
            border-left-color: #c3cedc;
            border-right-color: #c3cedc;
        }

        .dx-treelist-rowsview .dx-selection.dx-row > td.dx-focused,
        .dx-treelist-rowsview .dx-selection.dx-row:hover > td.dx-focused {
            background-color: #fff;
            color: #333;
        }

    .dx-treelist-rowsview .dx-selection.dx-row:not(.dx-row-lines) > td,
    .dx-treelist-rowsview .dx-selection.dx-row:hover:not(.dx-row-lines) > td {
        border-bottom: 1px solid #e6e6e6;
        border-top: 1px solid #e6e6e6;
    }

    .dx-treelist-rowsview .dx-selection.dx-row.dx-column-lines > td,
    .dx-treelist-rowsview .dx-selection.dx-row:hover.dx-column-lines > td {
        border-left-color: #c3cedc;
        border-right-color: #c3cedc;
    }

    .dx-treelist-rowsview .dx-selection.dx-row.dx-row-lines > td,
    .dx-treelist-rowsview .dx-selection.dx-row:hover.dx-row-lines > td {
        border-bottom-color: #c3cedc;
    }



.dx-treelist-search-text {
    color: #fff;
    background-color: #a3c3ec;
}

.dx-treelist-nodata {
    color: #999999;
}

.dx-treelist-bottom-load-panel {
    border-top: 1px solid #c3cedc;
}

.dx-treelist-pager {
    border-top: 3px double #062b63;
}

    .dx-treelist-pager.dx-widget {
        color: #333;
    }

.dx-treelist-summary-item {
    color: rgba(51, 51, 51, 0.7);
}

.dx-treelist-total-footer {
    border-top: 1px solid #c3cedc;
}

.dx-treelist-revert-tooltip .dx-revert-button {
    background-color: #d9534f;
    border-color: #d43f3a;
    color: #fff;
}

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

    .dx-treelist-revert-tooltip .dx-revert-button.dx-state-hover {
        background-color: #c9302c;
        border-color: #ac2925;
    }

    .dx-treelist-revert-tooltip .dx-revert-button.dx-state-focused {
        background-color: #c9302c;
        border-color: #761c19;
    }

    .dx-treelist-revert-tooltip .dx-revert-button.dx-state-active {
        background-color: #8b211e;
        border-color: #761c19;
        color: #fff;
    }



.dx-rtl .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-treelist-group-space {
    border-left-color: #f5f5f5;
    border-right-color: transparent;
}



.dx-rtl .dx-treelist-rowsview .dx-selection.dx-row > td:not(.dx-focused).dx-treelist-group-space,
.dx-rtl .dx-treelist-rowsview .dx-selection.dx-row:hover > td:not(.dx-focused).dx-treelist-group-space {
    border-left-color: #e6e6e6;
}

.dx-rtl .dx-treelist-rowsview .dx-selection.dx-row > td,
.dx-rtl .dx-treelist-rowsview .dx-selection.dx-row:hover > td {
    border-right-color: #c3cedc;
}

    .dx-rtl .dx-treelist-rowsview .dx-selection.dx-row > td.dx-pointer-events-none,
    .dx-rtl .dx-treelist-rowsview .dx-selection.dx-row:hover > td.dx-pointer-events-none {
        border-left-color: #c3cedc;
    }



.dx-treelist-rowsview .dx-treelist-empty-space {
    color: #062b63;
}



.dx-menu-item {
    color: #333;
}

    .dx-menu-item.dx-state-hover {
        background-color: #39538a;
        color: white;
        border-radius: 2px;
    }

.TMenuItem:hover > .dx-icon {
    color: white;
}

.dx-menu-item .dx-icon {
    color: #333;
}

.dx-menu-item.dx-state-focused {
    background-color: rgba(90,127,181,1);
    color: white;
}

.dx-menu-item.dx-menu-item-has-text .dx-icon {
    /* margin-right: -14px; */
}

.dx-menu-item-selected {
    background-color: #e6e6e6;
    color: #333;
}

    .dx-menu-item-selected.dx-state-focused {
        background-color: #39538a;
        color: white;
    }

.dx-menu-item-expanded {
    color: white;
    background-color: #39538a;
}

.dx-menu-base {
    color: #333;
    -webkit-tap-highlight-color: #39538a;
}

.TMainMenu {
    background-color: transparent;
    border: solid #39538a;
    -webkit-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.15);
    -moz-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.15);
    box-shadow: 1px 1px 3px 0px #39538a;
    border-width: 1px 0px 0px 0px;
}

.dx-context-menu-content-delimiter {
    background-color: transparent;
}

.dx-menu {
    color: #333;
}

    .dx-menu .dx-menu-item-expanded {
        background-color: #39538a;
        border-radius: 2px;
    }



.dx-menu-adaptive-mode {
    background-color: #fff;
}

    .dx-menu-adaptive-mode .dx-treeview {
        border: 1px solid #c3cedc;
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        -ms-border-radius: 4px;
        -o-border-radius: 4px;
        border-radius: 4px;
    }

        .dx-menu-adaptive-mode .dx-treeview,
        .dx-menu-adaptive-mode .dx-treeview.dx-state-focused {
            -webkit-box-shadow: 0px 3px 10px rgba(0, 0, 0, 0.1);
            -moz-box-shadow: 0px 3px 10px rgba(0, 0, 0, 0.1);
            box-shadow: 0px 3px 10px rgba(0, 0, 0, 0.1);
        }

    .dx-menu-adaptive-mode .dx-treeview-node.dx-state-focused .dx-treeview-toggle-item-visibility {
        color: #fff;
    }

    .dx-menu-adaptive-mode .dx-treeview-node-container:first-child > .dx-treeview-node {
        border-bottom: 1px solid #c3cedc;
    }

.dx-context-menu {
    color: #333;
}

    .dx-context-menu .dx-submenu {
        background-color: #fff;
        border: 1px solid #062b63;
        -webkit-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.15);
        -moz-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.15);
        box-shadow: 0 2px 2px rgba(0, 0, 0, 0.15);
        box-sizing: content-box;
    }


.dx-menu-item-wrapper {
    background-color: transparent;
}

.dx-context-menu .dx-menu-separator {
    background-color: #c3cedc;
}

.dx-calendar {
    background-color: #fff;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    border: 1px solid rgba(39,77,138,1);
}

    .dx-calendar.dx-calendar-with-footer .dx-calendar-footer .dx-button {
        background: none;
    }

        .dx-calendar.dx-calendar-with-footer .dx-calendar-footer .dx-button.dx-state-active {
            background-color: #d4d4d4;
        }

.dx-calendar-navigator {
    /* border-collapse: collapse; */
    border: none;
    border-bottom: 1px solid rgba(39,77,138,1);
}

    .dx-calendar-navigator .dx-button {
        -webkit-border-radius: 0;
        -moz-border-radius: 0;
        -ms-border-radius: 0;
        -o-border-radius: 0;
        border-radius: 0;
        border-color: #c3cedc;
        border: none;
    }

        .dx-calendar-navigator .dx-button.dx-state-hover:not(.dx-calendar-disabled-navigator-link) {
            border-color: #bebebe;
        }

    .dx-calendar-navigator .dx-calendar-caption-button.dx-button.dx-state-active {
        background-color: #d4d4d4;
    }



.dx-calendar-navigator-previous-view.dx-button,
.dx-calendar-navigator-previous-month.dx-button {
    /* -webkit-border-radius: 4px 0 0 4px; */
    -moz-border-radius: 4px 0 0 4px;
    /* border-radius: 4px 0 0 4px; */
}

    .dx-calendar-navigator-previous-view.dx-button .dx-icon,
    .dx-calendar-navigator-previous-month.dx-button .dx-icon {
        color: rgba(39,77,138,1);
    }



.dx-calendar-navigator-next-view.dx-button,
.dx-calendar-navigator-next-month.dx-button {
    /* -webkit-border-radius: 0 4px 4px 0; */
    -moz-border-radius: 0 4px 4px 0;
    /* border-radius: 0 4px 4px 0; */
}

    .dx-calendar-navigator-next-view.dx-button .dx-icon,
    .dx-calendar-navigator-next-month.dx-button .dx-icon {
        color: rgba(39,77,138,1);
    }

.dx-calendar-body thead tr th {
    color: black;
    background-color: #c3cedc;
}

.dx-calendar-body table th {
    color: #999999;
}

.dx-calendar-cell {
    color: #333;
    border: 1px solid #33333314;
}

    .dx-calendar-cell.dx-calendar-today {
        text-shadow: 0 1px 0 #333;
        background-color: antiquewhite;
    }

    .dx-calendar-cell.dx-state-hover {
        color: #333;
        border-radius: 0px;
        background-color: rgb(204, 224, 253);
    }

    .dx-calendar-cell.dx-calendar-other-view,
    .dx-calendar-cell.dx-calendar-empty-cell {
        color: #b0b0b0;
    }

        .dx-calendar-cell.dx-calendar-other-view.dx-state-hover,
        .dx-calendar-cell.dx-calendar-empty-cell.dx-state-hover,
        .dx-calendar-cell.dx-calendar-other-view.dx-state-active,
        .dx-calendar-cell.dx-calendar-empty-cell.dx-state-active {
            color: #b0b0b0;
        }

    .dx-calendar-cell.dx-calendar-empty-cell {
        background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAWCAYAAADEtGw7AAAAm0lEQVRIx7XVwQnAIAwF0ExSdBF1a6Er9dIRqsVAazWJmh4+iuBT4YMQ4w4pWxk1clt5YlOOFKeAumJZXAgKOKIBb6yBv9AansU/aAsexZtoD5biXZSCOZxEObiHs6gErnERKoURP0uCZM9IpRB2WvDz+eIqzvRUhMNkT1mcQz1xsKfwWZTFV1ASX0W7uAbaxPOCUUBr3MBfn+kF3CNLT2/yky4AAAAASUVORK5CYII=) center center no-repeat;
    }

        .dx-calendar-cell.dx-calendar-empty-cell.dx-state-hover {
            -webkit-box-shadow: none;
            -moz-box-shadow: none;
            box-shadow: none;
        }

    .dx-calendar-cell.dx-state-active:not(.dx-calendar-empty-cell):not(.dx-calendar-selected-date) {
        -webkit-box-shadow: inset 0px -1px 0px 1000px rgba(96, 96, 96, 0.2);
        -moz-box-shadow: inset 0px -1px 0px 1000px rgba(96, 96, 96, 0.2);
        box-shadow: inset 0px -1px 0px 1000px rgba(96, 96, 96, 0.2);
    }

    .dx-calendar-cell.dx-calendar-contoured-date {
        background-color: #a3c3ec;
        border-color: rgba(39,77,138,1);
    }

    .dx-calendar-cell.dx-calendar-selected-date,
    .dx-calendar-cell.dx-calendar-selected-date.dx-calendar-today {
        border-color: #244580;
        background: rgb(73,104,160);
        background: -moz-linear-gradient(top, rgba(73,104,160,1) 0%, rgba(104,140,191,1) 6%, rgba(82,123,186,1) 45%, rgba(46,82,142,1) 46%, rgba(47,83,143,1) 54%, rgba(47,83,143,1) 54%, rgba(115,152,206,1) 100%);
        background: -webkit-linear-gradient(top, rgba(73,104,160,1) 0%,rgba(104,140,191,1) 6%,rgba(82,123,186,1) 45%,rgba(46,82,142,1) 46%,rgba(47,83,143,1) 54%,rgba(47,83,143,1) 54%,rgba(115,152,206,1) 100%);
        background: linear-gradient(to bottom, rgba(73,104,160,1) 0%,rgba(104,140,191,1) 6%,rgba(82,123,186,1) 45%,rgba(46,82,142,1) 46%,rgba(47,83,143,1) 54%,rgba(47,83,143,1) 54%,rgba(115,152,206,1) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4968a0', endColorstr='#7398ce',GradientType=0 );
        color: #fff;
    }

        .dx-calendar-cell.dx-calendar-selected-date.dx-calendar-contoured-date,
        .dx-calendar-cell.dx-calendar-selected-date.dx-calendar-today.dx-calendar-contoured-date {
            background-color: #a3c3ec;
            border-width: 1px;
            border-style: solid;
        }



.dx-invalid.dx-calendar {
    border-color: rgba(217, 83, 79, 0.4);
}

    .dx-invalid.dx-calendar.dx-state-focused {
        border-color: #d9534f;
    }

.dx-treeview.dx-treeview-border-visible {
    border: 1px solid #c3cedc;
}

.dx-treeview .dx-treeview-select-all-item {
    border-bottom: 1px solid #c3cedc;
}

.dx-treeview .dx-treeview-node.dx-state-focused > .dx-treeview-item {
    background-color: #a3c3ec;
    border-radius: 2px;
    background: rgb(123,155,200);
    background: -moz-linear-gradient(top, rgba(123,155,200,1) 0%, rgba(94,128,177,1) 100%);
    background: -webkit-linear-gradient(top, rgba(123,155,200,1) 0%,rgba(94,128,177,1) 100%);
    background: linear-gradient(to bottom, rgba(123,155,200,1) 0%,rgba(94,128,177,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7b9bc8', endColorstr='#5e80b1',GradientType=0 );
    color: white !important;
}

.dx-treeview .dx-treeview-node.dx-state-selected > .dx-treeview-item {
    color: #333;
    background-color: #dce5ec;
}

.dx-treeview .dx-treeview-node.dx-treeview-item-with-checkbox .dx-treeview-item {
    color: #333;
}

.dx-treeview .dx-treeview-node.dx-treeview-item-with-checkbox.dx-state-focused > .dx-checkbox .dx-checkbox-icon {
    border: 1px solid #062b63;
}

.dx-treeview .dx-treeview-node:not(.dx-treeview-item-with-checkbox).dx-state-selected > .dx-treeview-item {
    color: #333;
    background-color: #e6e6e6;
}

.dx-treeview .dx-treeview-node:not(.dx-treeview-item-with-checkbox).dx-state-focused > .dx-treeview-item {
    background: rgb(123,155,200);
    background: -moz-linear-gradient(top, rgba(123,155,200,1) 0%, rgba(94,128,177,1) 100%);
    background: -webkit-linear-gradient(top, rgba(123,155,200,1) 0%,rgba(94,128,177,1) 100%);
    background: linear-gradient(to bottom, rgba(123,155,200,1) 0%,rgba(94,128,177,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7b9bc8', endColorstr='#5e80b1',GradientType=0 );
    color: white;
}

    .dx-treeview .dx-treeview-node:not(.dx-treeview-item-with-checkbox).dx-state-focused > .dx-treeview-item * {
        color: white;
    }

    .dx-treeview .dx-treeview-node:not(.dx-treeview-item-with-checkbox).dx-state-focused > .dx-treeview-item .dx-checkbox-icon {
        color: #2a4276;
    }

.dx-treeview .dx-treeview-node.dx-state-focused > .dx-item.dx-treeview-item > .dx-item-content.dx-treeview-item-content {
    /*Mehdi Added this*/
    color: white;
}

.dx-treeview .dx-treeview-item.dx-state-hover {
    /*background-color: #f5f5f5;
        color: #333;*/
    background-color: #a3c3ec;
    border-color: rgba(90,127,181,1);
    color: #062b63;
}

.dx-treeview .dx-treeview-toggle-item-visibility {
    color: #333;
}


.dx-field {
    color: #333;
}

.dx-field-label {
    color: #333;
}

.dx-field-value.dx-attention {
    color: #d9534f;
}

    .dx-field-value.dx-attention:before {
        background-color: #d9534f;
        color: #fff;
    }

.dx-tabpanel .dx-tab {
    border-style: solid;
    border-color: #5a80bd;
    border-width: 1px 1px 0px 1px;
    border-radius: 3px 3px 0px 0px;
}


.dx-tabpanel .dx-state-hover.dx-tab:not(.dx-tab-selected) {
    background: rgb(254,254,255);
    background: -moz-linear-gradient(top, rgba(254,254,255,1) 0%, rgba(180,203,235,1) 100%);
    background: -webkit-linear-gradient(top, rgba(254,254,255,1) 0%,rgba(180,203,235,1) 100%);
    background: linear-gradient(to bottom, rgba(254,254,255,1) 0%,rgba(180,203,235,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fefeff', endColorstr='#b4cbeb',GradientType=0 );
}

.dx-tabpanel .dx-tab.dx-state-focused.dx-tab-selected:before {
    border-bottom: 5px solid Green;
    border-width: 2px 2px 0px 2px;
    border-radius: 3px 3px 0px 0px;
    -webkit-border-image: -webkit-linear-gradient(top, rgba(205,222,245,1) 0%,rgba(166,194,233,1) 100%);
    -moz-border-image: -moz-linear-gradient(top, rgba(205,222,245,1) 0%, rgba(166,194,233,1) 100%);
    -o-border-image: -o-linear-gradient(rgba(205,222,245,1), rgba(166,194,233,1)) 1 100%;
    border-image: linear-gradient(to bottom, rgba(205,222,245,1) 0%,rgba(166,194,233,1) 100%);
    border-image-slice: 1;
}

/*.dx-tabpanel .dx-tab-selected:before {
    content: "";
    pointer-events: none;
    position: absolute;
    top: 100%;
    bottom: -1px;
    left: 0;
    right: 0;
    z-index: 2;
    height: 0;
    border-bottom: 1px solid Green;
    bottom: -1px;
}*/


.dx-tabpanel.dx-state-focused .dx-multiview-wrapper {
    border: 1px solid #5a80bd;
    border-radius: 3px 3px 3px 3px;
    -webkit-border-radius: 3px 3px 3px 3px;
    -moz-border-radius: 3px 3px 3px 3px;
    background: rgb(198,220,247);
    background: -moz-linear-gradient(top, rgba(198,220,247,1) 0%, rgba(180,207,244,1) 100%);
    background: -webkit-linear-gradient(top, rgba(198,220,247,1) 0%,rgba(180,207,244,1) 100%);
    background: linear-gradient(to bottom, rgba(198,220,247,1) 0%,rgba(180,207,244,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c6dcf7', endColorstr='#b4cff4',GradientType=0 );
}

/*.dx-tabpanel.dx-state-focused .dx-tab:not(.dx-tab-selected):before {
    content: "";
    pointer-events: none;
    position: absolute;
    top: 100%;
    bottom: -1px;
    left: 0;
    right: 0;
    z-index: 2;
    height: 0;
    border-bottom: 1.5px solid #a3c3ec;
    bottom: -1.4px;
}*/

/*.dx-tabpanel.dx-state-focused .dx-tab-selected:after {
    border-top: 1px solid #a3c3ec;
    border-right: 1px solid #a3c3ec;
    border-left: 1px solid #a3c3ec;
}

.dx-tabpanel.dx-state-focused .dx-tabs-scrollable .dx-tab-selected:after {
    border-bottom: 1.5px solid #f7f7f7;
}*/

.dx-tabpanel .dx-multiview-wrapper {
    border: 1px solid #5a80bd;
    border-radius: 3px 3px 3px 3px;
    -webkit-border-radius: 3px 3px 3px 3px;
    -moz-border-radius: 3px 3px 3px 3px;
    background: rgb(198,220,247);
    background: -moz-linear-gradient(top, rgba(198,220,247,1) 0%, rgba(180,207,244,1) 100%);
    background: -webkit-linear-gradient(top, rgba(198,220,247,1) 0%,rgba(180,207,244,1) 100%);
    background: linear-gradient(to bottom, rgba(198,220,247,1) 0%,rgba(180,207,244,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c6dcf7', endColorstr='#b4cff4',GradientType=0 );
}

.dx-fileuploader-input-wrapper {
    border: 3px dashed transparent;
}

.dx-fileuploader-dragover .dx-fileuploader-input-container {
    border: 3px dashed #c3cedc;
}

.dx-fileuploader-file-status-message,
.dx-fileuploader-file-size {
    color: #999999;
}

.dx-fileuploader-input-label {
    color: #333;
}

.dx-fileuploader-file-name {
    color: #333;
}


.dx-invalid-message > .dx-overlay-content {
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px;
}

.dx-timeview {
    background-color: #c8dfff;
    border: 1px solid #284172;
}

.dx-scheduler-header {
    background-color: #f5f5f5;
    border: 1px solid rgba(221, 221, 221, 0.6);
}

.dx-scheduler-navigator-previous {
    border-radius: 4px 0 0 4px;
}

.dx-rtl .dx-scheduler-navigator-previous {
    border-radius: 0 4px 4px 0;
}

.dx-scheduler-navigator-next {
    border-radius: 0 4px 4px 0;
}

.dx-rtl .dx-scheduler-navigator-next {
    border-radius: 4px 0 0 4px;
}



.dx-scheduler-view-switcher.dx-tabs .dx-tab:not(.dx-tab-selected):not(.dx-state-hover) {
    background: none;
}

.dx-scheduler-view-switcher.dx-tabs .dx-tab.dx-tab-selected {
    background-color: #fff;
}

    .dx-scheduler-view-switcher.dx-tabs .dx-tab.dx-tab-selected:before {
        background-color: #fff;
    }

.dx-scheduler-view-switcher.dx-tabs .dx-tab.dx-state-focused:after {
    border-left: 1px solid rgba(221, 221, 221, 0.6);
    border-right: 1px solid rgba(221, 221, 221, 0.6);
    border-top: 1px solid #a3c3ec;
    border-bottom: none;
}


.dx-scheduler-header-panel .dx-scheduler-group-row:not(:first-child) {
    border-bottom: 1px solid rgba(221, 221, 221, 0.6);
}

    .dx-scheduler-header-panel .dx-scheduler-group-row:not(:first-child) .dx-scheduler-group-header {
        color: #333;
    }

.dx-scheduler-header-panel .dx-scheduler-group-row .dx-scheduler-group-header {
    color: #333;
}

.dx-scheduler-all-day-panel {
    background-color: #fff;
}



.dx-scheduler-work-space.dx-scheduler-work-space-grouped .dx-scheduler-all-day-title {
    border-top: 1px solid rgba(221, 221, 221, 0.6);
}

.dx-scheduler-work-space.dx-scheduler-work-space-grouped .dx-scheduler-date-table-cell {
    border-left: 1px solid rgba(221, 221, 221, 0.6);
}

.dx-scheduler-date-table-cell {
    border-left: 1px solid rgba(221, 221, 221, 0.6);
    border-right: 1px solid rgba(221, 221, 221, 0.6);
}

    .dx-scheduler-all-day-table-cell.dx-state-active,
    .dx-scheduler-date-table-cell.dx-state-active {
        background-color: rgba(221, 221, 221, 0.7);
    }

    .dx-scheduler-all-day-table-cell.dx-state-hover,
    .dx-scheduler-date-table-cell.dx-state-hover {
        background-color: #f5f5f5;
        color: #959595;
    }



.dx-scheduler-appointment-popup .dx-popup-title {
    background-color: #fff;
    border-bottom: none;
}



.dx-scheduler-appointment-popup .dx-scheduler-recurrence-rule-item:before {
    background-color: #fff;
}

.dx-scheduler-appointment-popup .dx-scheduler-recurrence-rule-item.dx-scheduler-recurrence-rule-item-opened:before {
    border-top: 1px solid #f2f2f2;
    border-bottom: 1px solid #f2f2f2;
}






.dx-scheduler-work-space-grouped.dx-scheduler-work-space-week .dx-scheduler-date-table-cell:nth-child(7n+7),
.dx-scheduler-work-space-grouped.dx-scheduler-work-space-week .dx-scheduler-all-day-table-cell:nth-child(7n+7),
.dx-scheduler-work-space-grouped.dx-scheduler-work-space-week th:nth-child(7n+7),
.dx-scheduler-work-space-grouped.dx-scheduler-work-space-month .dx-scheduler-date-table-cell:nth-child(7n+7),
.dx-scheduler-work-space-grouped.dx-scheduler-work-space-month th:nth-child(7n+7),
.dx-scheduler-work-space-grouped.dx-scheduler-work-space-day .dx-scheduler-date-table-cell,
.dx-scheduler-work-space-grouped.dx-scheduler-work-space-day .dx-scheduler-all-day-table-cell,
.dx-scheduler-work-space-grouped.dx-scheduler-work-space-day th,
.dx-scheduler-work-space-grouped.dx-scheduler-work-space-work-week .dx-scheduler-date-table-cell:nth-child(5n+5),
.dx-scheduler-work-space-grouped.dx-scheduler-work-space-work-week .dx-scheduler-all-day-table-cell:nth-child(5n+5),
.dx-scheduler-work-space-grouped.dx-scheduler-work-space-work-week th:nth-child(5n+5),
.dx-scheduler-work-space-grouped:not(.dx-scheduler-agenda) .dx-scheduler-group-row th {
    border-right: 1px solid #aaaaaa;
}

    .dx-scheduler-work-space-grouped.dx-scheduler-work-space-week .dx-scheduler-date-table-cell:nth-child(7n+7):last-child,
    .dx-scheduler-work-space-grouped.dx-scheduler-work-space-week .dx-scheduler-all-day-table-cell:nth-child(7n+7):last-child,
    .dx-scheduler-work-space-grouped.dx-scheduler-work-space-week th:nth-child(7n+7):last-child,
    .dx-scheduler-work-space-grouped.dx-scheduler-work-space-month .dx-scheduler-date-table-cell:nth-child(7n+7):last-child,
    .dx-scheduler-work-space-grouped.dx-scheduler-work-space-month th:nth-child(7n+7):last-child,
    .dx-scheduler-work-space-grouped.dx-scheduler-work-space-day .dx-scheduler-date-table-cell:last-child,
    .dx-scheduler-work-space-grouped.dx-scheduler-work-space-day .dx-scheduler-all-day-table-cell:last-child,
    .dx-scheduler-work-space-grouped.dx-scheduler-work-space-day th:last-child,
    .dx-scheduler-work-space-grouped.dx-scheduler-work-space-work-week .dx-scheduler-date-table-cell:nth-child(5n+5):last-child,
    .dx-scheduler-work-space-grouped.dx-scheduler-work-space-work-week .dx-scheduler-all-day-table-cell:nth-child(5n+5):last-child,
    .dx-scheduler-work-space-grouped.dx-scheduler-work-space-work-week th:nth-child(5n+5):last-child,
    .dx-scheduler-work-space-grouped:not(.dx-scheduler-agenda) .dx-scheduler-group-row th:last-child {
        border-right: none;
    }

.dx-rtl .dx-scheduler-work-space-grouped.dx-scheduler-work-space-week .dx-scheduler-date-table-cell:nth-child(7n+7),
.dx-rtl .dx-scheduler-work-space-grouped.dx-scheduler-work-space-week .dx-scheduler-all-day-table-cell:nth-child(7n+7),
.dx-rtl .dx-scheduler-work-space-grouped.dx-scheduler-work-space-week th:nth-child(7n+7),
.dx-rtl .dx-scheduler-work-space-grouped.dx-scheduler-work-space-month .dx-scheduler-date-table-cell:nth-child(7n+7),
.dx-rtl .dx-scheduler-work-space-grouped.dx-scheduler-work-space-month th:nth-child(7n+7),
.dx-rtl .dx-scheduler-work-space-grouped.dx-scheduler-work-space-day .dx-scheduler-date-table-cell,
.dx-rtl .dx-scheduler-work-space-grouped.dx-scheduler-work-space-day .dx-scheduler-all-day-table-cell,
.dx-rtl .dx-scheduler-work-space-grouped.dx-scheduler-work-space-day th,
.dx-rtl .dx-scheduler-work-space-grouped.dx-scheduler-work-space-work-week .dx-scheduler-date-table-cell:nth-child(5n+5),
.dx-rtl .dx-scheduler-work-space-grouped.dx-scheduler-work-space-work-week .dx-scheduler-all-day-table-cell:nth-child(5n+5),
.dx-rtl .dx-scheduler-work-space-grouped.dx-scheduler-work-space-work-week th:nth-child(5n+5),
.dx-rtl .dx-scheduler-work-space-grouped:not(.dx-scheduler-agenda) .dx-scheduler-group-row th {
    border-left: 1px solid #aaaaaa;
    border-right: 1px solid rgba(221, 221, 221, 0.6);
}

    .dx-rtl .dx-scheduler-work-space-grouped.dx-scheduler-work-space-week .dx-scheduler-date-table-cell:nth-child(7n+7):last-child,
    .dx-rtl .dx-scheduler-work-space-grouped.dx-scheduler-work-space-week .dx-scheduler-all-day-table-cell:nth-child(7n+7):last-child,
    .dx-rtl .dx-scheduler-work-space-grouped.dx-scheduler-work-space-week th:nth-child(7n+7):last-child,
    .dx-rtl .dx-scheduler-work-space-grouped.dx-scheduler-work-space-month .dx-scheduler-date-table-cell:nth-child(7n+7):last-child,
    .dx-rtl .dx-scheduler-work-space-grouped.dx-scheduler-work-space-month th:nth-child(7n+7):last-child,
    .dx-rtl .dx-scheduler-work-space-grouped.dx-scheduler-work-space-day .dx-scheduler-date-table-cell:last-child,
    .dx-rtl .dx-scheduler-work-space-grouped.dx-scheduler-work-space-day .dx-scheduler-all-day-table-cell:last-child,
    .dx-rtl .dx-scheduler-work-space-grouped.dx-scheduler-work-space-day th:last-child,
    .dx-rtl .dx-scheduler-work-space-grouped.dx-scheduler-work-space-work-week .dx-scheduler-date-table-cell:nth-child(5n+5):last-child,
    .dx-rtl .dx-scheduler-work-space-grouped.dx-scheduler-work-space-work-week .dx-scheduler-all-day-table-cell:nth-child(5n+5):last-child,
    .dx-rtl .dx-scheduler-work-space-grouped.dx-scheduler-work-space-work-week th:nth-child(5n+5):last-child,
    .dx-rtl .dx-scheduler-work-space-grouped:not(.dx-scheduler-agenda) .dx-scheduler-group-row th:last-child {
        border-left: none;
    }

.dx-scheduler-appointment.dx-state-focused {
    color: #fff;
}

.dx-scheduler-dropdown-appointment {
    border-bottom: 1px solid rgba(221, 221, 221, 0.6);
}

.dx-scheduler-dropdown-appointment-date {
    color: #959595;
}



.dx-scheduler-work-space-both-scrollbar .dx-scheduler-all-day-title {
    background-color: #fff;
}

    .dx-scheduler-work-space-both-scrollbar .dx-scheduler-all-day-title:before {
        background-color: #fff;
    }


.dx-form {
    background-color: #a3c3ec;
}

.dx-form-group {
    background-color: #B1CEF3;
}

.dx-form-group-content {
}

.dx-form-group-with-caption {
    border: 1px solid #7897D0;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}




.dx-form-group-caption {
    /*font-size: 12px;*/
    border-color: #7897d0;
    background: rgb(185,212,246);
    background: -moz-linear-gradient(top, rgba(185,212,246,1) 0%, rgba(170,202,248,1) 49%, rgba(158,192,237,1) 51%, rgba(178,205,248,1) 100%);
    background: -webkit-linear-gradient(top, rgba(185,212,246,1) 0%,rgba(170,202,248,1) 49%,rgba(158,192,237,1) 51%,rgba(178,205,248,1) 100%);
    background: linear-gradient(to bottom, rgba(185,212,246,1) 0%,rgba(170,202,248,1) 49%,rgba(158,192,237,1) 51%,rgba(178,205,248,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b9d4f6', endColorstr='#b2cdf8',GradientType=0 );
}

.dx-field-item-label-text {
    color: #333;
}

.dx-field-item-help-text {
    color: #333;
}

.dx-field-item-required-mark {
    color: #ea4444;
}

.dx-field-item-optional-mark {
    color: #afafaf;
}

.dx-desktop-layout-main-menu {
    background: #a3c3ec;
}

    .dx-desktop-layout-main-menu .dx-nav-item {
        background: #a3c3ec;
    }

        .dx-desktop-layout-main-menu .dx-nav-item.dx-tab-selected {
            background: #f7f7f7;
            border-top: 1px solid #c3cedc;
        }

            .dx-desktop-layout-main-menu .dx-nav-item.dx-tab-selected .dx-tab-text {
                color: #333;
            }

            .dx-desktop-layout-main-menu .dx-nav-item.dx-tab-selected.dx-state-hover {
                background: #f7f7f7;
            }

                .dx-desktop-layout-main-menu .dx-nav-item.dx-tab-selected.dx-state-hover .dx-tab-text {
                    color: #333;
                }

        .dx-desktop-layout-main-menu .dx-nav-item.dx-state-hover {
            background: #63a0d4;
        }

            .dx-desktop-layout-main-menu .dx-nav-item.dx-state-hover .dx-tab-text {
                color: #efefef;
            }

        .dx-desktop-layout-main-menu .dx-nav-item .dx-tab-text {
            color: #efefef;
        }

.dx-desktop-layout-copyright {
    color: #818181;
}

.dx-desktop-layout-toolbar {
    background: #f7f7f7;
    border-bottom-color: #c3cedc;
}

.dx-splitter {
    border-right-color: #c3cedc;
}


.dx-datagrid-filter-panel .dx-datagrid-filter-panel-text,
.dx-datagrid-filter-panel .dx-datagrid-filter-panel-clear-filter {
    color: black;
}

.TGridProgressBoxContainer {
    background-color: rgba(221, 167, 198, 0);
    border: 0px solid #cccccc;
}

.TGridProgressBox {
    background-color: #a3c3ec;
    border-radius: 1px;
    border-color: rgba(39,77,138,1);
}

.TGridProgressBoxLabel {
    background-color: rgba(99, 137, 192, 0.73);
    color: white;
    border-color: rgba(39, 77, 138, 0.74);
    border-radius: 2px;
}

.dx-datagrid-filter-row .dx-editor-cell .dx-editor-with-menu {
    background-color: #a3c3ec;
}
c;
}