.deviceConfiguration {
    height: calc(100% - 46px);
    margin-top: 10px;
    float: left;
    width: 100%;
    overflow: hidden;
}

.DeviceConfigurationGrid {
    float: left;
    width: 100%;
    height: 100%;
    overflow-x: hidden;
    overflow-y: auto;
    min-width: 430px;
}

    .DeviceConfigurationGrid .dataRow .content {
        float: left;
        width: calc(100% - 20px);
        width: -webkit-calc(100% - 20px);
        width: -moz-calc(100% - 20px);
        display: inline-block;
        margin-left: 15px;
    }

    .DeviceConfigurationGrid .dataRow .header {
        float: left;
        width: 100%;
        height: 40px;
        vertical-align: middle;
        text-overflow: ellipsis;
        /*white-space: nowrap;*/
        overflow: hidden;
        font-size: 10pt;
        display: inline-block;
    }

        .DeviceConfigurationGrid .dataRow .header .textDataCell {
            float: left;
            height: 100%;
            width: calc(100% - 130px);
            width: -webkit-calc(100% - 130px);
            width: -moz-calc(100% - 130px);
        }

    .DeviceConfigurationGrid .dataRow .operationDataCell {
        float: right;
        width: 130px;
        height: 100%; /*margin-right:10px*/
    }

        .DeviceConfigurationGrid .dataRow .operationDataCell .deleteButton, .DeviceConfigurationGrid .dataRow .operationDataCell .updateButton, .DeviceConfigurationGrid .dataRow .operationDataCell .linkButton {
            float: right;
            height: 20px;
            margin-left: 5px;
            text-align: right;
        }

    .DeviceConfigurationGrid .dataRow .textDataCell .detailIcon {
        margin-top: 5px;
        float: left;
        width: 15px;
        height: 12px;
        background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAYAAABWdVznAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyhpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTM4IDc5LjE1OTgyNCwgMjAxNi8wOS8xNC0wMTowOTowMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTcgKE1hY2ludG9zaCkiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6RjcyMjQ2N0QyNUJGMTFFODkwRUFBOTJGRDhDMUM5NUMiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6RjcyMjQ2N0UyNUJGMTFFODkwRUFBOTJGRDhDMUM5NUMiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpGNzIyNDY3QjI1QkYxMUU4OTBFQUE5MkZEOEMxQzk1QyIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpGNzIyNDY3QzI1QkYxMUU4OTBFQUE5MkZEOEMxQzk1QyIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pmkt5KcAAAB5SURBVHjaYvz//z8DKYAJlfvp//t3DP9J0PCE4dC6VQwnX+DWxIQh8vM1w5ktuDUxYTUGjyYmnI4Fadq6m+EhA6om3BqY+Bi0nK0Z5BkYGAlrACn2DGZwVOBiJOwkPIrBABRxCPzq/4P7X/+jiqFiRlJjmmQNAAEGAKf7T9oTCtgcAAAAAElFTkSuQmCC');
    }

    .DeviceConfigurationGrid .dataRow .textDataCell .detailIconCollapse {
        margin-top: 5px;
        float: left;
        width: 15px;
        height: 12px;
        background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAYAAABWdVznAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyhpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTM4IDc5LjE1OTgyNCwgMjAxNi8wOS8xNC0wMTowOTowMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTcgKE1hY2ludG9zaCkiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NDU4NUUzMkMyNUMwMTFFODkwRUFBOTJGRDhDMUM5NUMiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NDU4NUUzMkQyNUMwMTFFODkwRUFBOTJGRDhDMUM5NUMiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpGNzIyNDY3RjI1QkYxMUU4OTBFQUE5MkZEOEMxQzk1QyIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpGNzIyNDY4MDI1QkYxMUU4OTBFQUE5MkZEOEMxQzk1QyIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PohgBuUAAACDSURBVHjaYvz//z8DKYCJgURAsgYWCPXp/5NrDxne/8GlSpBBXkuGgY+BgRGqgY9RiOvN//3brzF8+ofuBi4GJZdwBl2gYhQncSk4MgZ7ajHwMWEq9lTlYoQJMaKH0rcH+/+vBdnEgKkYDEAa0PHX+yf+n7j19T82OcbBFw8kawAIMACk3kbvyFrOcQAAAABJRU5ErkJggg==');
    }

    .DeviceConfigurationGrid .dataRow .textDataCell .detailIconExpand {
        margin-top: 5px;
        float: left;
        width: 15px;
        height: 12px;
        background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAYAAABWdVznAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyhpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTM4IDc5LjE1OTgyNCwgMjAxNi8wOS8xNC0wMTowOTowMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTcgKE1hY2ludG9zaCkiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NDU4NUUzMkMyNUMwMTFFODkwRUFBOTJGRDhDMUM5NUMiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NDU4NUUzMkQyNUMwMTFFODkwRUFBOTJGRDhDMUM5NUMiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpGNzIyNDY3RjI1QkYxMUU4OTBFQUE5MkZEOEMxQzk1QyIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpGNzIyNDY4MDI1QkYxMUU4OTBFQUE5MkZEOEMxQzk1QyIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PohgBuUAAACDSURBVHjaYvz//z8DKYCJgURAsgYWCPXp/5NrDxne/8GlSpBBXkuGgY+BgRGqgY9RiOvN//3brzF8+ofuBi4GJZdwBl2gYhQncSk4MgZ7ajHwMWEq9lTlYoQJMaKH0rcH+/+vBdnEgKkYDEAa0PHX+yf+n7j19T82OcbBFw8kawAIMACk3kbvyFrOcQAAAABJRU5ErkJggg==');
    }

    .DeviceConfigurationGrid .dataRow .textDataCell .notPeriodicIcon {
        margin-top: 5px;
        float: left;
        width: 8px;
        height: 8px;
        margin-right: 5px;
        background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxMCAxMCI+DQogIDxkZWZzPg0KICAgIDxzdHlsZT4NCiAgICAgIC5jbHMtMSB7DQogICAgICAgIGZpbGw6ICM5MzkzOTM7DQogICAgICAgIHN0cm9rZTogIzkzOTM5MzsNCiAgICAgIH0NCiAgICA8L3N0eWxlPg0KICA8L2RlZnM+DQogIDxnIGlkPSJidWxsZXQiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDAuNSAwLjUpIj4NCiAgICA8cGF0aCBpZD0iUGF0aF8xIiBkYXRhLW5hbWU9IlBhdGggMSIgY2xhc3M9ImNscy0xIiBkPSJNNC41LDlBNC41LDQuNSwwLDAsMSwxLjMxOCwxLjMxOCw0LjUsNC41LDAsMSwxLDcuNjgyLDcuNjgyLDQuNDcxLDQuNDcxLDAsMCwxLDQuNSw5Wk00LjUuNzI3QTMuNzczLDMuNzczLDAsMSwwLDguMjczLDQuNSwzLjc3NywzLjc3NywwLDAsMCw0LjUuNzI3WiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMCkiLz4NCiAgPC9nPg0KPC9zdmc+DQo=');
    }

    .DeviceConfigurationGrid .dataRow {
        float: left;
        width: 100%;
        white-space: normal;
        cursor: pointer;
        padding: 7px 0;
        /* height: 96px;*/
    }

    .DeviceConfigurationGrid td[role="gridcell"] {
        width: calc(100% - 20px) !important;
        float: left;
    }

    .DeviceConfigurationGrid .dx-row > .dx-master-detail-cell:first-child {
        padding-left: 10px !important;
    }


.DeviceConfigurationRowTop {
    float: left;
    width: 100%;
    height: 25px;
    padding-bottom: 3px;
    padding-top: 3px;
}

.Receiver {
    float: left;
    font-weight: bold;
    width: calc(100% - 75px);
    width: -moz-calc(100% - 75px);
    width: -webkit-calc(100% - 75px);
}

.TopRightOperation {
    float: right;
    width: 75px;
    height: 20px;
}

.Region {
    float: left;
    font-weight: bold;
    cursor: pointer;
    width: calc(100% - 180px);
    width: -moz-calc(100% - 180px);
    width: -webkit-calc(100% - 180px);
}

.notiDeleteButton, .notiUpdateButton {
    float: right;
    height: 20px;
    margin-left: 5px; /*text-align:right;*/
}


.DeviceConfigurationRowMiddle {
    float: left;
    height: 36px;
    padding-top: 10px;
    padding-bottom: 10px;
    width: 100%;
}

.Days {
    float: left;
    min-width: 280px;
    width: calc(100% - 90px);
    width: -moz-calc(100% - 90px);
    width: -webkit-calc(100% - 90px);
    margin-right: 5px;
}

.TimeRange {
    float: left;
    width: 75px;
    margin-left: 5px;
}

.notiActiveButton {
    float: right;
    width: 70px;
}

    .notiActiveButton .dx-switch-on, .notiActiveButton .dx-switch-off {
        font-size: 9pt !important;
    }

/*.notiActiveButton[aria-pressed='true'] .dx-switch-inner {
    margin-left: 0px !important;
}

.notiActiveButton[aria-pressed='false'] .dx-switch-inner {
    margin-left: -50px !important;
}*/
.DeviceConfigurationRowBottom, .DeviceConfigurationRowButton {
    float: left;
    height: 36px;
    padding-top: 10px;
    padding-bottom: 10px;
    width: 100%;
}

.formButtons {
    float: left;
    width: 100%;
    text-align: right;
    margin-top: 10px;
}

    .formButtons .dx-button {
        margin-left: 10px;
    }

.PhoneScreen { float: left; width: 100%; height: 100%; max-height: 700px; }
.PhoneScreen .top { float: left; width: 100%; }
.PhoneScreen .button { float: right; margin-top: 10px; }
.PhoneScreen .dx-field-item-label-text { font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; font-size: 10pt; font-weight: bold; color: #333; }
.PhoneScreen .dx-item-content .dx-toolbar-item-content { font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; font-weight: bold !important; color: #333; }