.dx-selectbox .dx-texteditor-input {
 max-width: 100%;
 font-size: 16px;
 color: gray;
 font-weight: 500;
 font-family: 'Zen Kaku Gothic Antique';
}


.dx-switch {
    display: inline-block;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
    -webkit-user-drag: none;
}
.dx-switch .dx-switch-wrapper {
    display: inline-block;
    text-align: left;
    height: 100%;
    width: 100%;
    position: relative;
    padding-top: 10px;
    padding-bottom: 10px;
    -webkit-padding-start: 10px;
    padding-inline-start: 10px;
    -webkit-padding-end: 10px;
    padding-inline-end: 10px;
    inset-inline-start: -10px;
    overflow: hidden;
    vertical-align: middle;
    box-sizing: content-box;
}
.dx-switch .dx-switch-wrapper::before {
    display: inline-block;
    height: 100%;
    content: "";
    vertical-align: middle;
}
.dx-switch-inner {
    display: flex;
    transform: translateX(-50%);
}
.dx-switch-container {
    display: inline-block;
    width: 100%;
    vertical-align: middle;
    height: 18px;
    overflow: visible;
    position: relative;
    padding: 0;
    border: none;
    background: black;
}
.dx-state-disabled .dx-switch,
.dx-state-disabled.dx-switch {
    cursor: default;
}
.dx-switch-handle,
.dx-switch-on-value .dx-switch-inner {
    transform: translateX(0);
}
.dx-switch-on-value .dx-switch-handle {
    transform: translateX(-100%);
}
.dx-rtl .dx-switch-wrapper,
.dx-rtl.dx-switch-wrapper {
    text-align: right;
}
.dx-rtl .dx-switch-inner {
    transform: translateX(50%);
}
.dx-rtl .dx-switch-handle {
    transform: translateX(-100%);
}
.dx-rtl.dx-switch-on-value .dx-switch-handle {
    transform: translateX(0);
}
.dx-switch {
    width: 32px;
    height: 18px;
}
.dx-switch-container::before {
    position: absolute;
    content: "";
    width: 100%;
    height: 14px;
    border-radius: 500px;
    margin: 2px 0;
    transition: 0.4s cubic-bezier(0.23, 1, 0.32, 1);
    background-color: rgba(3, 169, 244, 0.2);
}
.dx-switch-inner {
    width: 200%;
    height: 100%;
}
.dx-switch-off,
.dx-switch-on {
    flex-shrink: 0;
    float: left;
    padding: 4px 0;
    width: 50%;
    height: 18px;
    color: transparent;
    text-align: center;
    line-height: 100%;
}
.dx-switch-on {
    background: 0 0;
    color:transparent;
}
.dx-switch-off {
    display: none;
    padding-bottom: 10px;
    background-color: transparent;
    color:transparent;
}
.dx-switch-handle {
    flex-basis: 18px;
    flex-shrink: 0;
    position: relative;
    float: left;
    margin: 0;
    width: 18px;
    height: 18px;
    border-radius: 50%;
    background-color: #fafafa;
    box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.2);
}
.dx-switch-handle::before {
    display: block;
    content: " ";
    width: 100%;
    height: 100%;
    border-radius: 50%;
    transition: 0.4s cubic-bezier(0.23, 1, 0.32, 1);
    background-color: rgba(0,0,0,.3);
}
.dx-switch.dx-state-disabled .dx-switch-handle::before,
.dx-switch.dx-state-readonly .dx-switch-handle::before {
    background-color: rgba(0, 0, 0, 0.2);
}
.dx-switch.dx-state-disabled .dx-switch-container::before,
.dx-switch.dx-state-readonly .dx-switch-container::before {
    background-color: #bdbdbd;
}
.dx-switch.dx-state-active .dx-switch-handle::before,
.dx-switch.dx-state-focused .dx-switch-handle::before {
    box-shadow: 0 0 0 10px rgba(0, 0, 0, 0.1);
    border-radius: 50%;
}
.dx-switch-on-value.dx-state-readonly.dx-state-focused .dx-switch-handle::before,
.dx-switch.dx-state-readonly.dx-state-focused .dx-switch-handle::before {
    box-shadow: 0 0 0 10px rgba(0, 0, 0, 0.1);
    border-radius: 50%;
}
.dx-switch-on-value .dx-switch-container::before {
    background-color: rgba(3, 169, 244, 0.2);
}
.dx-switch-on-value .dx-switch-handle::before {
    background-color: cornflowerblue;
}
.dx-switch-on-value.dx-state-active .dx-switch-handle::before,
.dx-switch-on-value.dx-state-focused .dx-switch-handle::before {
    box-shadow: 0 0 0 10px rgba(3, 169, 244, 0.1);
    border-radius: 50%;
}
.dx-rtl .dx-switch .dx-switch-off,
.dx-switch.dx-rtl .dx-switch-off {
    margin-left: 0;
}
.dx-rtl .dx-switch .dx-switch-handle,
.dx-switch.dx-rtl .dx-switch-handle {
    float: right;
    margin-left: 0;
    margin-right: -18px;
}
.dx-rtl .dx-switch .dx-switch-container,
.dx-switch.dx-rtl .dx-switch-container {
    margin: 0 0 0 -6px;
}
.dx-invalid.dx-switch .dx-switch-container::before {
    background-color: rgba(244, 67, 54, 0.5);
}
.dx-invalid.dx-switch-on-value:not(.dx-state-readonly):not(.dx-state-disabled) .dx-switch-container .dx-switch-handle::before {
    background-color: #f44336;
}
.dx-invalid.dx-switch-on-value:not(.dx-state-readonly):not(.dx-state-disabled).dx-state-active .dx-switch-container .dx-switch-handle::before,
.dx-invalid.dx-switch-on-value:not(.dx-state-readonly):not(.dx-state-disabled).dx-state-focused .dx-switch-container .dx-switch-handle::before {
    box-shadow: 0 0 0 10px rgba(244, 67, 54, 0.1);
}


.dx-texteditor-input {
    min-height: 28px;
    background-color: #202020;
    border: 1px solid #202020;
   }

   .cntDxCtrl {
    height: 26px;
   }

   .dx-texteditor.dx-state-active.dx-editor-filled,
   .dx-texteditor.dx-state-active.dx-editor-outlined,
   .dx-texteditor.dx-state-active.dx-editor-underlined,
   .dx-texteditor.dx-state-focused.dx-editor-filled,
   .dx-texteditor.dx-state-focused.dx-editor-outlined,
   .dx-texteditor.dx-state-focused.dx-editor-underlined {
     border-color: #202020 !important;
     background-color: #202020;
   }
  
   .dx-popup-title.dx-toolbar {
    padding: 0px 20px;
    background-color: #0F1C2F;
    color: whitesmoke;
    font-family: 'Open Sans';
    font-weight: 300;
   }

   .dx-toolbar-label .dx-toolbar-item-content > div {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
   }
 
   .dx-overlay-wrapper, .dx-overlay-wrapper *, .dx-overlay-wrapper ::after, .dx-overlay-wrapper ::before, .dx-overlay-wrapper::after, .dx-overlay-wrapper::before {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
   }

   .dx-widget, .dx-widget *, .dx-widget ::after, .dx-widget ::before, .dx-widget::after, .dx-widget::before {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color:#b6b6b6;
   }
  
   .dx-toolbar-label > div {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    margin: 0 -5px;
    padding: 0 5px;
   }

   .dx-popup-title.dx-toolbar .dx-toolbar-label {
    font-size: 16px;
    letter-spacing: 0.5px;
   }
 
   .dx-dialog-message {
    padding: 0;
    font-size: 16px;
   }

   .dx-texteditor-input-container{
    margin-top: -3px;
    
   }

   .dx-texteditor.dx-editor-outlined {
    background: #202020;
    border: 1px solid #202020;
    border-radius: 4px;
    color: whitesmoke;
   }

   .dx-dropdowneditor-button.dx-state-active .dx-dropdowneditor-icon, .dx-dropdowneditor.dx-dropdowneditor-active .dx-dropdowneditor-icon {
    background-color:#202020;
    border-color: transparent;
    color: whitesmoke;
    opacity: 1;
   }

   .dx-popup-wrapper > .dx-overlay-content {
   border: 1px solid #202020;
   background: #202020;
   -webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175);
   box-shadow: 0 6px 12px rgba(0,0,0,.175);
   border-radius: 0;
   border-bottom-left-radius: 4px;
   border-bottom-right-radius: 4px;
  }

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

   .dx-dropdownlist-popup-wrapper .dx-list:not(.dx-list-select-decorator-enabled) .dx-list-item-content {
    padding: 8px;
    font-family: 'Zen Kaku Gothic Antique', sans-serif;
    padding-top: 3px; 
    padding-bottom: 3px;
    color:#b6b6b6;;
    font-weight: 500;
   }

   .dx-dropdownlist-popup-wrapper.dx-popup-wrapper .dx-overlay-content.dx-dropdowneditor-overlay-flipped {
    border-top-width: 0px;
    border-bottom-width: 0;
   }

   .dx-dropdownlist-popup-wrapper.dx-popup-wrapper .dx-overlay-content {
    border-top-width: 0;
    border-bottom-width: 0px;
   }

   .dx-overlay-content .dx-popup-content {
    background-color: #202020;
   }

   .dx-scrollable-native.dx-scrollable-vertical, .dx-scrollable-native.dx-scrollable-vertical > .dx-scrollable-wrapper > .dx-scrollable-container {
   background-color: #222222;
   }
   .dx-placeholder{
    top:0px;
    left:-7px; 
    font-family: 'Zen Kaku Gothic Antique';
   }

   .dx-datagrid {
    color: gray;
    background-color: #202020;
    line-height: inherit;
   }
   
   .dx-row dx-column-lines dx-header-row{
    height: 26px;
   }

   .dx-datagrid-rowsview .dx-row.dx-row-lines:first-child, .dx-datagrid-rowsview .dx-row.dx-row-lines:first-child>td, .dx-datagrid-rowsview .dx-row.dx-row-lines:first-child>tr>td {
    border-top: none;
    vertical-align: middle;
   }

   .dx-datagrid-rowsview .dx-selection.dx-row:not(.dx-row-focused):hover:not(.dx-row-lines) > td, .dx-datagrid-rowsview .dx-selection.dx-row:not(.dx-row-focused):not(.dx-row-lines) > td {
    border-bottom: 0px solid #202050;
    border-top: 0px solid #202050;
    background-color: #393939;
    color: white;
    font-size: 14px !important;
    font-weight: 500 !important;
    letter-spacing: -0.24px;

   }

   .dx-datagrid .dx-row > td {
    padding-top: 2px;
    padding-bottom: 2px;
   }  

   .dx-datagrid-headers {
   color: gray;
   font-weight: 400;
   -ms-touch-action: pinch-zoom;
   touch-action: pinch-zoom;
   border-bottom: none;
   }

   .dx-datagrid-headers .dx-datagrid-table .dx-row > td {
    border-bottom: 1px solid transparent !important;
   }

   .dx-datagrid-borders .dx-datagrid-rowsview, .dx-datagrid-headers + .dx-datagrid-rowsview, .dx-datagrid-rowsview.dx-datagrid-after-headers {
    border-top: 1px solid #404040;
   }

   .dx-datagrid .dx-column-lines > td {
   border-left: 1px solid #404040;
   border-right: 1px solid #404040;
   }

   .dx-datagrid .dx-row-lines > td {
   border-bottom: 1px solid transparent;
   }
   
   #dx-col-1 {
    padding-left: 0px;
   }

   .dx-datagrid-rowsview .dx-selection.dx-row:not(.dx-row-focused):hover>td, .dx-datagrid-rowsview .dx-selection.dx-row:not(.dx-row-focused):hover>tr>td, .dx-datagrid-rowsview .dx-selection.dx-row:not(.dx-row-focused)>td, .dx-datagrid-rowsview .dx-selection.dx-row:not(.dx-row-focused)>tr>td {
    background-color: slategray;
    color: rgba(250,250,250,.87) !important;
   }

   .dx-datagrid-rowsview .dx-selection.dx-row:not(.dx-row-focused):hover:not(.dx-row-lines) > td, .dx-datagrid-rowsview .dx-selection.dx-row:not(.dx-row-focused):not(.dx-row-lines) > td {
   border-bottom: none;
   border-top: none;
   }

   .dx-datagrid-rowsview .dx-selection.dx-row:not(.dx-row-focused).dx-column-lines > td, .dx-datagrid-rowsview .dx-selection.dx-row:not(.dx-row-focused).dx-column-lines > tr > td, .dx-datagrid-rowsview .dx-selection.dx-row:not(.dx-row-focused):hover.dx-column-lines > td, .dx-datagrid-rowsview .dx-selection.dx-row:not(.dx-row-focused):hover.dx-column-lines > tr > td {
    border-left-color: #404040;
    border-right-color: #404040;
   }

   .dx-datagrid-rowsview .dx-selection.dx-row:not(.dx-row-focused).dx-row-lines > td, .dx-datagrid-rowsview .dx-selection.dx-row:not(.dx-row-focused).dx-row-lines > tr > td, .dx-datagrid-rowsview .dx-selection.dx-row:not(.dx-row-focused):hover.dx-row-lines > td, .dx-datagrid-rowsview .dx-selection.dx-row:not(.dx-row-focused):hover.dx-row-lines > tr > td {
    border: none;
   }

   .dx-datagrid-search-text {
    color: white;
    background-color: transparent;
   }

   .dx-row dx-column-lines dx-header-row {
    height:26px;
   }

   .dx-show-clear-button .dx-icon-clear {
    margin-top: -19px;
    padding-right: 0px;
   }
  
   .dx-scrollbar-vertical.dx-scrollbar-hoverable .dx-scrollable-scroll .dx-scrollable-scroll-content {
    border-radius: 5px;
    cursor: pointer;
    background-color: #404040;
   }
   
   .dx-scrollbar-hoverable, .dx-scrollbar-hoverable.dx-scrollable-scrollbar-active, .dx-scrollbar-hoverable.dx-state-hover {
    background-color:transparent;
    cursor: pointer;
   }