.dx-gridbase-container {
    margin-top: 10px
}

.dx-icon-search {
    display: none !important
}

.dx-datagrid-header-panel {
    position: fixed;
    width: 40px;
    top: 0;
    right: 82px;
    display:none;
}

.dx-toolbar.dx-widget.dx-visibility-change-handler.dx-collection {
    background-color: transparent !important;
}

.dx-datagrid-header-panel .dx-toolbar-menu-container .dx-button {
    margin-top: 8px;
}

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

.dx-icon.dx-icon-overflow {
    color: #FFFFFF !important
}

/*.skin-blue .dx-button-content {
    background-color: #2478CE !important;
}

.skin-yellow .dx-button-content {
    background-color: #E08800 !important;
}

.skin-green .dx-button-content {
    background-color: #8494AB !important;
}

.skin-purple .dx-button-content {
    background-color: #435AE2 !important;
}

.skin-red .dx-button-content {
    background-color: #426C9B !important;
}*/

.skin-blue .dx-datagrid .dx-header-filter {
    color: #2478CE;
}

.skin-yellow .dx-datagrid .dx-header-filter {
    color: #E08800;
}

.skin-green .dx-datagrid .dx-header-filter {
    color: #8494AB;
}

.skin-purple .dx-datagrid .dx-header-filter {
    color: #435AE2;
}

.skin-red .dx-datagrid .dx-header-filter {
    color: #426C9B;
}

.skin-green .dx-datagrid .colorCumlom .dx-header-filter, .skin-green .dx-datagrid .colorCumlom .dx-header-filter, .skin-yellow .dx-datagrid .colorCumlom .dx-header-filter, .skin-blue .dx-datagrid .colorCumlom .dx-header-filter, .skin-red .dx-datagrid .colorCumlom .dx-header-filter {
    color: #0F396C;
}

.skin-blue .dx-datagrid .dx-header-filter-empty, .skin-yellow .dx-datagrid .dx-header-filter-empty, .skin-green .dx-datagrid .dx-header-filter-empty, .skin-purple .dx-datagrid .dx-header-filter-empty, .skin-red .dx-datagrid .dx-header-filter-empty {
    color: rgba(149, 149, 149, 0.5);
}

.skin-blue .dx-datagrid .colorCumlom .dx-header-filter-empty, .skin-yellow .dx-datagrid .colorCumlom .dx-header-filter-empty, .skin-green .dx-datagrid .colorCumlom .dx-header-filter-empty, .skin-purple .dx-datagrid .colorCumlom .dx-header-filter-empty, .skin-red .dx-datagrid .colorCumlom .dx-header-filter-empty {
    color: #FFFFFF;
}

.dx-popup-bottom.dx-toolbar {
    padding: 10px 20px !important;
    border-top: 1px solid #EEEEEE !important;
}

.skin-blue .dx-toolbar-after .dx-button-content {
    background-color: #2478CE !important;
}

.skin-yellow .dx-toolbar-after .dx-button-content {
    background-color: #E08800 !important;
}

.skin-green .dx-toolbar-after .dx-button-content {
    background-color: #8494AB !important;
}

.skin-purple .dx-toolbar-after .dx-button-content {
    background-color: #435AE2 !important;
}

.skin-red .dx-toolbar-after .dx-button-content {
    background-color: #426C9B !important;
}

.dx-toolbar-after .dx-button-content .dx-button-text {
    color: #FFFFFF !important
}

.dx-searchbox .dx-texteditor-input, .dx-searchbox .dx-placeholder:before {
    padding-left: 10px !important;
}

.dx-show-clear-button .dx-texteditor-input {
    padding-right: 10px !important;
}

.dx-texteditor-input {
    margin: 0 !important;
    padding: 7px 9px 8px !important;
    min-height: 28px !important;
}

.dx-popup-content {
    height: 80% !important;
}

.dx-icon.dx-icon-column-chooser {
    color: #FFFFFF !important
}

.dx-datagrid-column-chooser-button {
    margin-top: 6px !important
}

.dx-popup-content {
    padding-bottom: 0px !important;
}

.dx-pager {
    padding-top: 5px !important;
    padding-bottom: 2px !important;
}

    .dx-pager .dx-page-sizes .dx-page-size {
        padding: 2px 9px 3px 10px !important;
    }

    .dx-pager .dx-pages .dx-page {
        padding: 2px 9px 3px !important;
    }

.dx-texteditor-input {
    padding: 3px 9px 3px !important;
    height: 24px !important;
    min-height: 24px !important;
}

.dx-placeholder:before {
    padding: 3px 9px 3px !important;
}

.dx-list-select-all {
    padding: 3px 0 3px !important;
}

.dx-list .dx-empty-message, .dx-list-item-content {
    padding: 3px 10px 3px !important;
}

.dx-checkbox-icon {
    width: 15px !important;
    height: 15px !important;
    border-radius: 2px !important;
    border: 1px solid #ddd !important;
    background-color: #fff !important;
}

.dx-list-select-all-checkbox {
    float: left !important;
    margin: 2px 0 -3px 10px !important;
}

.dx-popup-content {
    padding: 10px !important;
}

.dx-button-has-text .dx-button-content {
    padding: 5px 18px 6px !important;
}

.dx-popup-bottom.dx-toolbar {
    padding: 5px 20px !important;
    border-top: 1px solid #EEEEEE !important;
}

.dx-pager .dx-pages .dx-navigate-button {
    padding: 3px 13px !important;
}

.panel-body {
    position: relative;
}


.selectBox {
    position: absolute!important;
    bottom: 4px;
    left: 8px;
    display: none!important;
}

    .selectBox input {
        width: 40px !important;
        text-align: center;
    }

    .selectBox .dx-button-content {
        background-color: transparent !important;
    }

.states {
    color: red
}
.dx-datagrid .dx-column-lines > td {
    border-left: 1px solid #ddd !important;
    border-right: 1px solid #ddd !important;
}
.dx-datagrid .dx-row.dx-freespace-row.dx-column-lines>td {
    border-left: none !important;
    border-right: none !important;
}

.dx-datagrid .dx-row-lines > td {
    border-bottom: 1px solid #ddd !important;
}
.dx-datagrid-column-chooser .dx-toolbar-after .dx-button-content {
    background-color: transparent !important;
}

.dx-datagrid-headers td {
    text-align: center !important;
}

.dx-datagrid-headers .dx-datagrid-text-content {
    float: none !important;
}

.dx-datagrid-headers .dx-column-indicators {
    float: right !important;
}
.page-content > div {
    position: relative;
}
.dx-datagrid-rowsview .dx-row > .dx-master-detail-cell {
    padding: 10px !important;
}

.dx-datagrid-rowsview .dx-row > .dx-master-detail-cell .dx-gridbase-container {
    margin-top: 0px !important;
}

.dx-table-dblclick .dx-data-row > td {
    cursor: pointer;
}
.dx-texteditor.dx-state-readonly {
    border-style: solid !important;
}
.icon-arrow-left:before {
    content: "\e091";
}

.icon-arrow-right:before {
    content: "\e092";
}