.DeviceConfigurationsTabs {
    float: left;
    width: 1000px;
    height: 420px;
    padding: 20px;
}

.ConfigurationTabHeader {
    width: 100%;
    height: 36px;
}

.DeviceConf_AddConfigurationButton {
    float: left;
    /*width: 250px;*/
    height: 36px;
    margin: 10px;
}

.DeviceConf_ConfigFilterSelectBox {
    float: left;
    /*width: 250px;*/
    height: 36px;
    margin: 10px;
}

.DeviceConf_AddConfigurationWithTemplateButton {
    float: right;
    /*width: 250px;*/
    height: 36px;
    margin: 10px;
}

.DeviceConf_RefreshGridButton {
    /*float: left;*/
    /*width: 250px;*/
    width: 36px;
    height: 36px;
    margin-top: 10px;
}

.DeviceConf_AddPersonToAllButton {
    float: left;
    /*width: 100px;*/
    height: 36px;
    margin: 10px;
}

.DeviceConf_SaveAsTemplateButton {
    float: right;
    /* width: 100px; */
    height: 36px;
    margin: 10px;
}

.DeviceConf_ConfigurationGrid {
    float: left;
    width: calc(100% - 20px);
    width: -moz-calc(100% - 20px);
    width: -webkit-calc(100% -20px);
    min-height: 400px;
    margin-left: 10px;
}

    .DeviceConf_ConfigurationGrid .dataRow {
        float: left;
        width: 100%;
        white-space: normal;
        cursor: pointer;
        padding: 7px 0;
    }

    .DeviceConf_ConfigurationGrid .dataRowExp {
        float: left;
        width: 200%;
        white-space: normal;
        cursor: pointer;
        padding: 7px 0;
    }

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

    .DeviceConf_ConfigurationGrid .dataRow .operationDataCell {
        float: right;
        width: 275px;
        height: 100%;
        margin-right: 10px
    }

        .DeviceConf_ConfigurationGrid .dataRow .operationDataCell .deleteButton, .DeviceConf_ConfigurationGrid .dataRow .operationDataCell .updateButton {
            float: right;
            width: 80px;
            height: 36px;
            margin-left: 10px;
            text-overflow: ellipsis;
            overflow: hidden;
            white-space: nowrap;
        }

        .DeviceConf_ConfigurationGrid .dataRow .operationDataCell .linkButton {
            float: left;
            height: 36px;
            width: 80px;
            margin-left: 10px;
            text-overflow: ellipsis;
            overflow: hidden;
        }

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

.NotificationGrid {
    float: left;
    width: calc(100% - 20px);
    height: 100%;
}

    .NotificationGrid .dx-scrollable-content {
        float: left;
        width: 100%;
        height: 100%;
    }

    .NotificationGrid .dataRow {
        float: left;
        width: 100%;
        white-space: normal;
        cursor: pointer;
        padding: 7px 0;
    }

        .NotificationGrid .dataRow .notificationText {
            float: left;
            width: calc(100% - 200px);
            width: -moz-calc(100% - 200px);
            width: -webkit-calc(100% - 200px);
            height: 100%;
        }

        .NotificationGrid .dataRow .operationDataCell {
            float: left;
            width: 180px;
            height: 100%;
        }

            .NotificationGrid .dataRow .operationDataCell .notiDeleteButton, .NotificationGrid .dataRow .operationDataCell .notiUpdateButton {
                float: right;
                margin-left: 5px;
            }

        .NotificationGrid .dataRow .notificationText .textReceiverDataCell, .NotificationGrid .dataRow .notificationText .textRegionDataCell {
            float: left;
            width: 30%;
            height: 100%;
            line-height: 36px;
        }

        .NotificationGrid .dataRow .notificationText .textDaysDataCell, .NotificationGrid .dataRow .notificationText .textHourDataCell {
            float: left;
            width: 20%;
            height: 100%;
            line-height: 36px;
        }

.textReceiverDataCell .receiver, .textRegionDataCell .region, .textDaysDataCell .days {
    float: left;
    width: calc(100% - 20px);
    width: -webkit-calc(100% - 20px);
    width: -moz-calc(100% - 20px);
    height: 100%;
}

.switchSeparator {
    float: left;
    width: 10px;
    height: 25px;
    border-right: 1px solid #bbbdbc;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin-right: 10px;
    margin-top: 7px;
}

.NotificationGrid .dx-command-expand .dx-datagrid-group-space {
    display: none !important;
}

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

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

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

.DeviceConf_ConfigurationGrid .dx-datagrid-content .dx-datagrid-table .dx-row .dx-command-expand {
    padding: 0;
    width: 0% !important;
    min-width: 0% !important;
}

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

.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;
}*/
.NotificationGrid .dataRow .operationDataCell .notiActiveButton {
    float: right;
    width: 70px;
    margin-left: 10px;
    z-index: 5001;
}

.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;
    }

.regioninfo-icon-wrapper {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    font-size: 14px;
    color: #6B6B6B;
    font-weight: normal;
    margin-left: 6px;
    vertical-align: middle;
    margin-top: -3px;
}

    .regioninfo-icon-wrapper .custom-info-icon {
        height: 30px;
        width: 30px;
        display: inline-block;
        background: url('helpIconInfo.svg') center center no-repeat;
        background-size: contain;
        vertical-align: middle;
        flex-shrink: 0;
        cursor: pointer;
        transition: transform 0.2s;
    }

        /* Hover efekti */
        .regioninfo-icon-wrapper .custom-info-icon:hover {
            transform: scale(1.1); /* ikon büyür */
            filter: brightness(1.2); /* hafif parlaklık eklenir */
        }