.dx-button {
    background-image: linear-gradient(to top, #f1f1f1, #fff);
    border-color: #d2d2d2 #c9c8c8 #c3c3c2;
    border-style: solid;
    border-width: 1px;
    box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.15);
    border-radius: 0px;
	
	display: inline-block;
    cursor: pointer;
    text-align: center;
    vertical-align: middle;
    max-width: 100%;
    outline: none;
}

.dx-datagrid-column-chooser .dx-overlay-content {
    /*transform: none !important;
    margin: 100px;*/
}

.dx-button-has-icon:not(.dx-button-has-text) {
    padding: 5px;
}

.dx-button-has-icon:not(.dx-button-has-text) {
    padding: 5px;
}

.dx-button-has-icon .dx-button-content {
    padding: 0px !important;
}

.dx-button-has-text .dx-button-content {
    padding: 0px !important;
}

.dx-button .dx-button-content {
    padding: 0px !important;
	/* font-size:0px !important;   */
}

.fa.fa-plus.dx-icon {
    line-height: 27px;
}

/*.dx-button {
    padding: 0px 16px;
}*/

.dx-button {
    padding: 5px !important;
}

    .dx-button .dx-icon {
        width: 24px;
        height: 24px;
        -webkit-background-size: 24px 24px;
        -moz-background-size: 24px 24px;
        background-size: 24px 24px;
    }

    .dx-button .dx-icon {
        display: inline-block;
        vertical-align: middle;
    }

.dx-datebox-wrapper-calendar .dx-calendar {
    border: none;
    margin: 5px;
}

.dx-datebox-wrapper .dx-popup-content {
    padding-top: 5px;
    padding-bottom: 5px;
}

.dx-icon.dx-icon-chevronleft {
    height: 18px !important;
}
.dx-icon.dx-icon-chevronright {
   height: 18px !important;
}

.dx-scrollbar-vertical.dx-scrollbar-hoverable.dx-scrollable-scrollbar-active .dx-scrollable-scroll {
  width: 5px !important;
}



.dx-icon-clockIcon {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAMAAAC7IEhfAAABOFBMVEUAAABqcXlqcXlqcXlqcXlqcXlqcXlqcXlqcXlqcXlqcXlqcXlqcXlqcXlqcXlqcXlqcXlqcXlqcXlqcXlqcXlqcXlqcXlqcXlqcXlqcXlqcXlqcXlqcXlqcXlqcXlqcXlqcXlqcXlqcXlqcXlqcXlqcXlqcXlqcXlqcXlqcXlqcXlqcXlqcXlqcXlqcXlqcXlqcXlqcXlqcXlqcXlqcXlqcXlqcXlqcXlqcXlqcXlqcXlqcXlqcXlqcXlqcXlqcXlqcXlqcXlqcXlqcXlqcXlqcXlqcXlqcXlqcXlqcXlqcXlqcXlqcXlqcXlqcXlqcXlqcXlqcXlqcXlqcXlqcXlqcXlqcXlqcXlqcXlqcXlqcXlqcXlqcXlqcXlqcXlqcXlqcXlqcXlqcXlqcXlqcXlqcXlqcXlqcXlaoAFKAAAAZ3RSTlMAAQIDBAUGBwgJCgsPEBEUFx4gISIjKC0vMTIzNTY3OjtAQkNERUpNT1BhYmNrbW9xd3h7fH6Cg4mPkZKXmJqbnqClpqqtr7C0t7m6vsDBw8XHyMrOz9HT19ne4OLk6Ovt7/Hz9fn9Rssy2gAAAaJJREFUOMudlGdbwjAQx691gCLDrbhAxQGighsH4BbcCiq4QGi//zewvTRtUhIfHv9vern8OJLcAOAUjG4WXn++S2fJyV6Qyhuv6Ixu5lQh5klruktfS0orN1PXBXoOuTBlT5dokeM6r5ydz8ujfLHhrFMMpxaoNx/uJi5f7I761hwwa7myAfZvhp8s9wL1xMi6EXYfPEE2NOv3viYuP5xwapf1LBPkxR7Ikly47re5Hk0vWeY0iRkx7QCxR5g8GktqJ3GzYoZMobkDYlAp4/aoYWFGNK8EhDEEDwD60dgGGQhVDKTCMoKDcjCOQAj28avKwQEEonBvfl5ADnoQTMC7+Tn9A1QQTEPTuhSqI2gqwoGA4C4f8dgurtaI3BmvBSA9I3frdcqdtN5a8I686DsKMsOLZkaQa052riHdUj1cldvVI6hHVkw9QgbtWp+IYytc0DO2+J6Rd2Gc70Kmr/0sN/To7mtmUuTG6aSYF00KfvZcHOYKktljHCfT3jQzFGlvPprltNHexDVHyUqVxW5jqrxUgrNbxbdGrXy+OuWD/+kXfjwBs7pYHyYAAAAASUVORK5CYII=) 0 0 no-repeat;
}

.dx-icon-clockIcon-dark {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAMAAAC7IEhfAAABOFBMVEUAAACmqq2mqq2mqq2mqq2mqq2mqq2mqq2mqq2mqq2mqq2mqq2mqq2mqq2mqq2mqq2mqq2mqq2mqq2mqq2mqq2mqq2mqq2mqq2mqq2mqq2mqq2mqq2mqq2mqq2mqq2mqq2mqq2mqq2mqq2mqq2mqq2mqq2mqq2mqq2mqq2mqq2mqq2mqq2mqq2mqq2mqq2mqq2mqq2mqq2mqq2mqq2mqq2mqq2mqq2mqq2mqq2mqq2mqq2mqq2mqq2mqq2mqq2mqq2mqq2mqq2mqq2mqq2mqq2mqq2mqq2mqq2mqq2mqq2mqq2mqq2mqq2mqq2mqq2mqq2mqq2mqq2mqq2mqq2mqq2mqq2mqq2mqq2mqq2mqq2mqq2mqq2mqq2mqq2mqq2mqq2mqq2mqq2mqq2mqq2mqq2mqq2mqq2mqq0gnq22AAAAZ3RSTlMAAQIDBAUGBwgJCgsPEBEUFx4gISIjKC0vMTIzNTY3OjtAQkNERUpNT1BhYmNrbW9xd3h7fH6Cg4mPkZKXmJqbnqClpqqtr7C0t7m6vsDBw8XHyMrOz9HT19ne4OLk6Ovt7/Hz9fn9Rssy2gAAAaJJREFUOMudlGdbwjAQx691gCLDrbhAxQGighsH4BbcCiq4QGi//zewvTRtUhIfHv9vern8OJLcAOAUjG4WXn++S2fJyV6Qyhuv6Ixu5lQh5klruktfS0orN1PXBXoOuTBlT5dokeM6r5ydz8ujfLHhrFMMpxaoNx/uJi5f7I761hwwa7myAfZvhp8s9wL1xMi6EXYfPEE2NOv3viYuP5xwapf1LBPkxR7Ikly47re5Hk0vWeY0iRkx7QCxR5g8GktqJ3GzYoZMobkDYlAp4/aoYWFGNK8EhDEEDwD60dgGGQhVDKTCMoKDcjCOQAj28avKwQEEonBvfl5ADnoQTMC7+Tn9A1QQTEPTuhSqI2gqwoGA4C4f8dgurtaI3BmvBSA9I3frdcqdtN5a8I686DsKMsOLZkaQa052riHdUj1cldvVI6hHVkw9QgbtWp+IYytc0DO2+J6Rd2Gc70Kmr/0sN/To7mtmUuTG6aSYF00KfvZcHOYKktljHCfT3jQzFGlvPprltNHexDVHyUqVxW5jqrxUgrNbxbdGrXy+OuWD/+kXfjwBs7pYHyYAAAAASUVORK5CYII=) 0 0 no-repeat;
}

.dx-icon-fullscreenIcon {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYBAMAAAASWSDLAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAwUExURXV1dXl5eX19fYWFhYmJiZmZmZ2dnaqqqra2tsrKytra2t7e3ubm5vLy8vr6+v///8ibmdAAAAAQdFJOU////////////////////wDgI10ZAAAACXBIWXMAAB2HAAAdhwGP5fFlAAAAs0lEQVQoz53OMQrCQBAF0K9YxCrb2HuAiCfwAIKWW3sCYT2B4AXEE0jAPsewDCLY5gpKUDFGv/sTIdYuLMxjZvcP+HNwtXau4mTtDGe0EqHsI/To1jObCu1UdWGMRw+REGMV4pI4tQoTlEMUvGNAHrBmqhy3JR+Bcvx96k36RbPBn9hl5GsivH34iDxqDdyy2If7NSIukY+Nwuna+xA51FDLCEH91QJCJ6vgKmBaj3k0keQHOhbZ3xE+HooAAAAASUVORK5CYII=) 0 0 no-repeat;
}

.dx-icon-exitFullscreenIcon {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYBAMAAAASWSDLAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAwUExURXV1dXl5eX19fZ2dnaqqqrKysrq6ur6+vsrKytra2t7e3uLi4ubm5vLy8vr6+v////aQQEMAAAAQdFJOU////////////////////wDgI10ZAAAACXBIWXMAAB2HAAAdhwGP5fFlAAAAsklEQVQoz43PMQrCQBAF0L8QRK201GpvYmNhlysEhHSSK9gqgliKRayCBDyENt7AK1imMkRZ+M64RoKVUyz7YGd2PtgocFFfL0RlUn93NkGJAXfkgWeEYGS2Q3K/soH0lOh3BQahgBEUCHQaNx5txaPngbXgFscz8qrnzwZ/4pnnxy8qfEYn+mzu0Xr3nDw6Cmc9JBckx0QRSy44ybEkM8mV4i45pArJNQLH9ZfTorEB+QLqfdLrBH+UTgAAAABJRU5ErkJggg==) 0 0 no-repeat;
}

.dx-icon-themeIcon {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYBAMAAAASWSDLAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAwUExURXV1dXl5eX19fYGBgZGRkaGhoaqqqra2tsLCwsrKytbW1t7e3ubm5u7u7vr6+v///82pi4wAAAAQdFJOU////////////////////wDgI10ZAAAACXBIWXMAAB2HAAAdhwGP5fFlAAAAhklEQVQoz23QsRGCQBBA0Q84Qw9EFoChIeOVQhtYBDXQwdmBJZBoAfSgjARwDuy6R+Bmb/5ssEvYTcR1hzHxETWFYYTEYwEuWCDtiaHUHQkKCQINAg0bPho2zE7Cirl5SFjRUblST1iO5M9eMcHBjntBbhjgZLiR3X9YXNbaQ95n/+c7IYQvWe3YnftWnKUAAAAASUVORK5CYII=) 0 0 no-repeat;
}

.dx-icon-PageIcon {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAELSURBVEhL7ZUhDoQwEEW5NAJDAoILYBBYBBaBQCCwCAwCgeECCCxilt9kdttNG1qyJCsQL5kZ+uczJbQeEb3Z953quqYwDMn3fSvSNKV5ng/5p4+MkgzDQHmeC4Et0CRJcsjVxoySlGVJQK6dsa6rmOS7ziiJbDBNE2VZZqSqKrGODYIgEFrkqDNGA3wP3ZYw3IgNUIOWjRmjgesEiJumEc8QM0YD1wkQOxk8EzBGg9sn6PteCE1wo8sGtjwTGPnPCdq2vWSAkxTxqcG2beLykLfChqIoDrmFAbMsC0VRRF3XaX8yGbwU66wNwNldqwMGPA2jLJAZx9Hp8gdxHBPOMLmP0vQOtMXfQd4LS16+UcFn18oAAAAASUVORK5CYII=) 0 0 no-repeat;
}

.dx-icon-fullscreenIcon-dark {
    background: url(/content/images/enter-full-screen-icon-dark.png) 0 0 no-repeat;
}

.dx-icon-exitFullscreenIcon-dark {
    background: url(/content/images/exit-full-screen-icon-dark.png) 0 0 no-repeat;
}

.dx-icon-themeIcon-dark {
    background: url(/content/images/theme-icon-dark.png) 0 0 no-repeat;
}

.dx-icon-PageIcon-dark {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAECSURBVEhL7ZUhDoQwFERRKBQKxQFQKBQKxQFQeDRBoVAoFIozoFAoMBztb6Zpk5K00LLJZrPZSSYNhf9fpwTqyHJdl6qqonVd6TgOI0/TRHEcE29xrSzLaBgGVmBq1CzLQlgcb6NX27YE80sjBUHAkmDkU3rJgCRJaBxHrbuuY88JwL7vrPYSJAMQWbUlwmEYngDYKry/pmnMALYJMOZ5zu5hXql3ElgD/gmU+mgCNEGhzqLRY4Cp/gm0/s4EZVk+AmzbRp7n3QN836d5nk9bYeK6rlnTW4BQFEXslCqKQvmRycaieJk5ALI6a7kA6PverCZNU6vDH0Zq/MN4i5+Q47wAJ/qVgfYHJdAAAAAASUVORK5CYII=) 0 0 no-repeat;
}

.dark-datagrid .dx-icon-column-chooser {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAWCAYAAADEtGw7AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAEgSURBVEhL1ZQrDoNAEIZRKBQKheIAKBQKxTEwcAUUCoUiCBQKxSsoDsDRtpnpQLYsS7tt0qZ/8geYxwc72UX7f+m6zrquY+u6Khl6oJcwoizLwsJ5nllZli95WRbsgV7CiNrAaZrKiw4C+HfBnuexoihwWXVdYxGMAmKQozKppOC2bTFxZmiiMpRpmsKLpOBtF7iu++AzcBiGrGkazFPoOZged/HgOI7xnl9dnufMMAyMX4KjKHowxGDmUGPbNn5lkiQYH8eR+b6POSm473spGJZNZaggCDDHH4aPRnGl34H5HQGGWFVV74OHYcAEFPCG2DRNwuyP3j5MaRQqhq1HrXddgbfD8MyO4wj9O/hsFHClMnVlWbYv52iVv9w/S9Nupi0ox6wri1MAAAAASUVORK5CYII=) 0 0 no-repeat;
    width: 21px;
    height: 21px;
}

/*.dx-context-menu .dx-submenu > .dx-menu-items-container*/
.dark-datagrid > .dx-menu-items-container {
    background-color: rgb(38, 38, 38) !important;
    border-color: rgb(38, 38, 38) !important;
}

.dark-datagrid .dx-menu-items-container {
    background-color: rgb(38, 38, 38) !important;
}

.dark-datagrid .dx-datagrid-column-chooser .dx-overlay-content {
    background-color: rgb(38, 38, 38) !important;
}

    .dark-datagrid .dx-datagrid-column-chooser .dx-overlay-content .dx-popup-title {
        color: rgb(216, 216, 216) !important;
        margin-bottom: 8px;
    }

    .dark-datagrid .dx-datagrid-column-chooser .dx-overlay-content .dx-popup-content .dx-column-chooser-item {
        background-color: rgb(38, 38, 38);
        color: rgb(216, 216, 216);
        /*padding-top: 10px;*/
    }

.dark-datagrid .dx-toolbar {
    height: 50px;
}

.dark-datagrid .dx-datagrid-column-chooser .dx-overlay-content .dx-popup-title .dx-closebutton {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABEAAAAPCAQAAACouOyaAAAAWUlEQVQoz2P47/C/AQj9/zP+Z0CBjEAxkIwDA5SBrogRIY7CgStCEcMQwORj0YVuKqbduejWYnMgmuORvckENyEXyGbAVELQFIJuIegjguFCROgSEUcEYxoAT3E3A7XMfwAAAAAASUVORK5CYII=) no-repeat;
    border: 0 none;
}

.dark-datagrid .dx-datagrid-column-chooser .dx-overlay-content .dx-popup-title .dx-closebutton {
    margin-top: -8px;
    margin-left: -20px;
    width: 25px;
    height: 25px;
    padding-right: 20px;
}

.dark-datagrid .dx-datagrid-column-chooser .dx-overlay-content .dx-popup-title {
    border-bottom: none;
    font-size: 16px;
    margin-top: 0px;
}

/*.dx-datagrid-drag-action {
    border: 0.1px solid #4c4c4c;
    margin: 5px;
    padding: 5px;
}*/

.dark-datagrid .dx-column-chooser-item {
    background-color: rgb(38, 38, 38);
    border: 1px solid #d2d2d2;
    color: rgb(216, 216, 216);
    /*margin: 10px;*/
    margin-bottom: 10px;
    padding: 7px;
}

.dx-column-chooser-item {
    background-color: #fff;
    border: 1px solid #d2d2d2;
    color: gray;
    margin-top: 10px;
    /*margin-bottom: 10px;*/
    padding: 7px;
}

.dx-datagrid-drag-action {
    margin: 10px;
}

.dark-datagrid .dx-datagrid-drag-action {
    /*border: 0.1px solid #4c4c4c;*/
    /*margin: 10px;*/
    /*padding: 5px;*/
}

.dark-datagrid .dx-context-menu .dx-submenu > .dx-menu-items-container {
    background-color: rgb(38, 38, 38);
    color: rgb(216, 216, 216);
}

.dx-button-has-text {
    height: 37px;
    width: 65px;
}

.dx-datagrid {
    font-family: Calibri, Segoe, "Segoe UI", Candara, Optima, Arial, sans-serif;
    font-size: 14px;
    padding: 0px 5px 0px 0px;
}

.dx-datagrid-nodata {
}




/* Data Picker extending css */
.dark-datagrid .dx-row .dx-dropdowneditor .dx-dropdowneditor-button {
    background-color: #4c4c4c !important;
}

    .dark-datagrid .dx-row .dx-dropdowneditor .dx-dropdowneditor-button:hover {
        background-color: #4c4c4c !important;
    }

    .dark-datagrid .dx-row .dx-dropdowneditor .dx-dropdowneditor-button:active {
        background-color: #4c4c4c !important;
    }

.dark-datagrid :not(.dx-state-disabled) .dx-dropdowneditor:not(.dx-state-disabled):not(.dx-dropdowneditor-active):hover .dx-dropdowneditor-button {
    background-color: #4c4c4c;
    background-repeat: no-repeat;
    background-image: -webkit-linear-gradient(-90deg,#4c4c4c 0%,#4c4c4c 100%);
    background-image: -moz-linear-gradient(-90deg,#4c4c4c 0%,#4c4c4c 100%);
    background-image: -ms-linear-gradient(-90deg,#4c4c4c 0%,#4c4c4c 100%);
    background-image: -o-linear-gradient(-90deg,#4c4c4c 0%,#4c4c4c 100%);
    background-image: linear-gradient(180deg,#4c4c4c 0%,#4c4c4c 100%);
}

.dark-datagrid :not(.dx-state-disabled) .dx-dropdowneditor:not(.dx-state-disabled):not(.dx-dropdowneditor-active):hover .dx-dropdowneditor-icon {
    border-left-color: #4c4c4c;
}


.dark-datagrid .dx-calendar .dx-calendar-navigator {
    color: #dbdbdb !important;
}

.dark-datagrid .dx-calendar {
    background-color: rgb(38, 38, 38) !important;
}

.dark-datagrid .dx-calendar-caption-button {
    background: rgb(38, 38, 38) !important;
}

.dark-datagrid .dx-button-text {
    /* font-size: 13px; */
    line-height: 0px;
    color: #dbdbdb;
}


.dark-datagrid .dx-calendar .dx-calendar-body table th {
    color: #dbdbdb !important;
}


.dark-datagrid .dx-calendar .dx-calendar-body table td {
    color: #dbdbdb !important;
}


.dx-calendar-navigator .dx-calendar-caption-button.dx-button {
    /*height: 37px;
    margin: 5px 16px;
    width: 150px;*/
    height: 37px;
    margin: 0px 12px;
    width: 195px;
}

.dx-calendar-navigator .dx-calendar-caption-button {
    /*background: rgb(38, 38, 38) none repeat scroll 0 0;*/
    font-size: 16px;
    font-weight: bold;
    /*left: 32px;*/
    line-height: 1.2;
    right: 32px;
    text-transform: uppercase;
}

.dx-calendar-navigator .dx-button {
    /*border-color: #e0e0e0;*/
    border-radius: 0;
    display: table-cell;
    /*height: 65%;*/
    height: 100%;
}









.dark-datagrid .dx-overlay-content {
    background: rgb(38,38,38);
}

.dark .dx-widget {
    color: #dbdbdb;
}

.dark-datagrid .dx-widget {
    color: #dbdbdb;
}

.dark-datagrid .dx-item-content .dx-widget {
    background: black;
}

.dark-datagrid .dx-list-item {
    color: #dbdbdb;
}

.dark-datagrid .dx-toolbar-items-container {
    background: rgb(38,38,38);
}


ul.dx-treeview-node-container {
    list-style: none;
}

li.dx-treeview-node.dx-treeview-item-with-checkbox div {
    float: left;
    padding-right: 2px;
}

.dx-treeview.dx-widget.dx-collection {
    padding: 10px;
}

.dx-list-select-all-label {
    padding-left: 5px;
    margin-left: 18px;
}

/*.dx-focused {
    border: none !important;
}
.dx-state-focused {
    border: none !important;
}
.dx-state-hover {
    border: none !important;
}*/

.dark-datagrid .dx-datagrid-focus-overlay {
    border: 2px solid #606060;
}

.dark-datagrid .dx-datagrid-header-panel {
    border-bottom: 1px solid #4c4c4c;
}

.dark-datagrid .dx-menu-item-text {
    color: #fff;
}

.dx-button-text {
    display: inline;
    vertical-align: middle;
}

.dx-state-disabled.dx-widget, .dx-state-disabled .dx-widget {
    opacity: 0.5;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
    zoom: 1;
    cursor: default;
}