.ApplicationSettings                                        {}
.ApplicationSettingsBody					                { float: right; width: 780px; height: 477px; }
.ApplicationSettingsWrapper					                { position: relative; left: 0; top: 0; width: 100%; height: 100%; }
.ApplicationSettingsContainer					            { position: absolute; left: 0; top: 0; width: 100%; height: 100%; }

.ApplicationSettingsTabControl				                { float: left; width: 758px; height: 36px;	margin-left: 20px; }
.ApplicationSettingsTabControl .dx-tab-text                 { line-height: 16px; }
.ApplicationSettingsContainer > .dx-button                  { float: right; height: 36px; margin-right:0px; margin-top: 20px; }
/*Labels*/
.ApplicationSettingsDeviceType                              { float: left; height: 33px; }
.ApplicationSettingsDeviceLabels                            { float: left; width: 758px; height: 363px; margin-left: 20px ; margin-top: 20px; }  
.ApplicationSettingsDeviceBody                              { float: left; width: 100%;  height: 100%;  margin-top: 20px; }
.ApplicationSettingsDeviceLabelCheckBox                     { float: left; width: 252px; margin-bottom: 10px; }
.ApplicationSettingsDeviceWrapper                           {float: left; width: 101%; height: calc(100% - 75px); height: -webkit-calc(100% - 75px); height: -moz-calc(100% - 75px);}
/*Program Settings*/
.ApplicationSettingsProgramSettings                         { float: left; width: 758px; height: 363px; margin-top: 20px; }
.ApplicationSettingsProgramData                             { width: 100%; height:100%; }
.ApplicationSettingsProgramType                             { width: 200px; margin-left: 20px; margin-bottom: 20px }
.programSubPanel                                            { margin-left: 20px; margin-right:20px; width:480px; height:100%; }
.smallInput                                                 { width: 100px; float: left; }
.programSettingsCheckBox                                    { float: left !important; margin-top:5px; }
.field-value                                                { float: left; }
.dx-field-help                                              { margin-left:10px; float:left; height:36px; width:36px; cursor:pointer; /*background: url(helpicon.png) center center no-repeat;*/}
.ProgramBuildingRegionSettings .dx-field-help               { margin-right: 200px; float: right; }
.ProgramBuildingRegionSettings                              { width: 100%; }
.ProgramDurationSettings                                    { width: 100%; }
.ProgramDurationSettings .dx-field-label                    { width: 60%; }
.dx-field-help > a {
    height: 33px;
    width: 33px;
    display: block;
    background: url(helpIconInfo.svg) center center no-repeat;
}
.ProgramGeneralSettings                                     { width: 700px;}
.ProgramGeneralSettings .field-value                        { width: 50%;}
/*Alarm Settings*/
.ApplicationSettingsAlarmSettings                           { float: left; width: 758px; height: 363px; margin-left: 20px; margin-top: 20px; }
.ApplicationSettingsAlarmBody                               { float: left; width: 100%; height: 100%; }
.ApplicationSettingsAlarmSettingsRow                        { float: left; width: 100%; height: 33px; margin-top: 10px; }
.ApplicationSettingsAlarmType                               { float: left; height: 33px; }
.ApplicationSettingsAlarmLabel                              { float: left; height: 28px; width: 300px; margin-top: 5px; }
.ApplicationSettingsAlarmSoundType                          { float: left; height: 33px; width: 185px; margin-left: 10px; }
.ApplicationSettingsAlarmPopup                              { float: left; height: 28px; margin-left: 10px;  margin-top: 5px; vertical-align: top;}
.ApplicationSettingsAlarmPopup .dx-checkbox-text            { vertical-align: top;}
.ApplicationSettingsAlarmApplyAll                           { float: left; width: 100%; margin-top: 20px; }
.ApplicationSettingsAlarmApplyAll
.ApplicationSettingsAlarmLabel                              { margin-top: 0px; color: #000000; }
.ApplicationSettingsAlarmBody > hr                          { float: left; width: 100%; height: 0px; margin-top: 10px; background: #fff; }
.ApplicationSettingsAlarmsWrapper                            { float: left; width: 100%; height: calc(100% - 106px); height: -webkit-calc(100% - 106px); height: -moz-calc(100% - 106px); }
.ApplicationSettingsVehicleAlarms                           { float: left; width: 100%; height: 100%; }
.ApplicationSettingsDeviceAlarms                            { float: left; width: 100%; height: 100%; }
.ApplicationSettingsSpeedAlarms                             { float: left; width: 100%; height: 100%; }
.ApplicationSettingsDoorAlarms                              { float: left; width: 100%; height: 100%; }
.ApplicationSettingsCanbusAlarms                            { float: left; width: 100%; height: 100%; }
.ApplicationSettingsOtherAlarms                             { float: left; width: 100%; height: 100%; }
.ApplicationSettingsSaveButton                              { margin-right:2px;}
.ApplicationSettingsCancelButton                            { margin-left:2px;}
/*Password Settings*/
.ApplicationSettingsChangePassword                          { float: left; width: 758px; height: 363px; margin-left: 20px; margin-top: 20px; }
.ApplicationSettingsChangePasswordBody                      { float: left; width: 100%; height: 100%; }
.ApplicationSettingsChangePasswordData .dx-field-value      { float: left; width: 40% !important; }
.ApplicationRightMenuPopupItemIcon[icon="settings"] { background: transparent url(settings.svg) 0% 0% no-repeat padding-box; }

#ApplicationSettingsPrivateUsage {
    position: absolute;
    right: 30px;
    bottom: 32px;
    top: 54px;
    width: 150px;
    height: 20px;
    padding: 1px 0 0 5px;
    font: bold 12px Segoe UI;
    color: #616161;
    z-index: 1500;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 0px 3px 6px #00000029;
    opacity: 1;
}

.ApplicationSettingsPrivateUsageHead {
    text-align: left;
    font: normal normal bold 14px/33px Segoe UI;
    letter-spacing: 0px;
    color: #333333;
    opacity: 1;
}