﻿.Configuration .dx-popup-wrapper > .dx-overlay-content { width: 500px; height: 300px; }
.ConfigurationPopup .dx-field-item-label-text { font-weight: bold; }
.ConfigurationGrid .dx-datagrid-table { border-collapse: separate; /*border-spacing  : 0 10px;*/ border: none; }
.ConfigurationGrid .dx-datagrid-table > tbody,
.ConfigurationGrid .dx-datagrid-rowsview,
.ConfigurationGrid .dx-row .dx-data-row .dx-selection,
.ConfigurationGrid .dx-datagrid-rowsview .dx-row,
.ConfigurationGrid .dx-command-select .dx-editor-cell .dx-editor-inline-block .dx-cell-focus-disabled,
.ConfigurationGrid .dx-datagrid-rowsview .dx-selection.dx-row:not(.dx-row-lines) > td, .ConfigurationGrid .dx-datagrid-rowsview .dx-selection.dx-row:hover:not(.dx-row-lines) > td,
.ConfigurationGrid .dx-row .dx-data-row .dx-selection > td {
    border: none;
}
.ConfigurationGrid .dx-datagrid-content .dx-datagrid-table .dx-row .dx-command-select { width: 45px !important; min-width: 45px !important; }
.ConfigurationGrid .dx-datagrid-content .dx-datagrid-table .dx-row .dx-command-select > div { float: right; margin-right: 5px; }
.ConfigurationGrid .dx-selection > td { background-color: transparent !important; }
.ConfigurationContainer td { padding: 0 !important; } 
.ConfigurationContainer .groupRow { float: left; width: 100%; height: 100%; color: #ef9700; padding: 7px 0; }
.ConfigurationContainer .dataRow { float: left; width: 100%; white-space: normal; cursor: pointer; padding: 7px 0; }
.ConfigurationContainer .dataRow .name { float: left; width: calc(100% - 20px); width: -moz-calc(100% - 20px); width: -webkit-calc(100% - 20px); padding-left: 5px; }
.ConfigurationContainer .dataRow .deleteButton { float: left; width: 20px; height: 20px; margin-top: 2px;         background: url(delete.png) no-repeat 2px 2px; background-size: 16px 16px; }
.ConfigurationContainer .dataRow .deleteButton[d0] { display: none; }
.ConfigurationContainer .dataRow[d0] { color: #aaa; } 
.ConfigurationContainer .OperationButton { width: 140px; }
.ConfigurationContainer .groupRow .name { float: left; width: calc(100% - 156px);
    width: -moz-calc(100% - 156px);
    width: -webkit-calc(100% - 156px);
    height: 100%;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    padding-left: 5px;
}

.ConfigurationFilterEditor {
    width: 100%;
    height: 100%;
}

    .ConfigurationFilterEditor .dx-button {
        float: right;
    }

    .ConfigurationFilterEditor .dx-list-item {
        border: none;
    }

.ConfigurationEditor .dx-button {
    float: right !important;
    margin-bottom: 10px;
}

.ConfigurationEditor {
    max-height: 80vh;
}

.ConfigurationEditor .confNameListButton {
    font-size: 14px;
    line-height: 30px;
    margin-right: 10px;
    height: 100%;
    cursor: pointer;
    color: #337AB7;
    float: left;
}

.ConfigurationContainer .dx-command-expand {
    width: 0 !important;
    min-width: 0 !important;
}

.ConfigurationContainer .dx-row.dx-group-row td {
    border: none !important;
}

.ConfigurationContainer .dx-datagrid-rowsview .dx-row {
    border: none !important;
}
.ConfigurationEditor .dx-field-item-label-text {
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    font-size: 10pt;
    font-weight: bold;
    color: #333;
}

.ConfigurationEditor .InfoIcon{
    float: left;
    height: 30px;
    width: 50px;
    margin-top: 7px;
    background: url(/themes/images/info.svg) no-repeat;
}

.ConfigurationEditor .NumberBox {
    width: 70px;
    margin-left: 49px;
    margin-top: 5px;
}

.ConfigurationEditor .toolTipInfo
{
    box-sizing: border-box;
}

.ConfigurationEditor .camera-group .dx-field-item-label{
    padding-right: 60px;
}
