Scroll

CSS changes between 2015.1 and 2016.1

If your 2015.1 environment uses customized CSS and icons, it will need to receive some edits when upgrading to 2016.1. This is because 2016.1 is the first iteration of Exago's user interface overhaul, and extensive changes were made that could break your CSS. 

Below is a list of all the changes made for your convenience to browse through. Alternatively, loading both environments in your preferred code editor side-by-side to view the changes in detail is also feasible (and likely much easier to read). In this example, we can see the differences between both versions of Admin.css:

Another option to compare differences between each css file: https://www.diffchecker.com/

Before We Begin

Each css file will receive its own section. Within each section, only CSS Selectors that have received any changes will be noted. In an effort to stay as organized as possible, the lists below will be in the order they appear within each css file.

Things that will not be documented below (if they're the only change):

  • changes to font-family and font-size. We used to use 'arial,' now we use 'Roboto, Arial, sans-serif'
  • changes to color and background-color (if that's the only change present within a Selector)
  • Any selectors starting with .IE7 or .IE8, since they were all removed (no longer supported. Some remnants remain, will be fully removed by v2016.3)

Here's a legend of what the colors below mean:

  • Changed - some of this Selector's properties have either been edited, added to, or removed. Both the 2015.1 and 2016.1 versions of the entire Selector will be shown.
  • Removed - this Selector has been removed from 2016.1 (usually browser-specific Selectors)
  • Added - This is a new Selector added in 2016.1

 

Admin.css

changed .wrAdminMainLeftPaneTop

2015.1
.wrAdminMainLeftPaneTop {
  position: relative;
}
2016.1
.wrAdminMainLeftPaneTop {
  margin-top: 20px;
  text-align: center;
}

removed .wrChrome .wrAdminMainLeftPaneTop


removed .wrFF .wrAdminMainLeftPaneTop


added .wrAdminMainLeftPane

.wrAdminMainLeftPane {
  width: 270px;
  padding: 0;
  border: none;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
  z-index: 1;
}

changed .wrAdminConfigFnDD

2015.1
.wrAdminConfigFnDD {
  position: relative;
  width: 100%;
  margin-bottom: 10px;
}
2016.1
.wrAdminConfigFnDD {
  position: relative;
  width: 153px;
  margin-bottom: 10px;
}

added .wrAdminMainCompanyLogo

.wrAdminMainCompanyLogo {
  display: block;
  margin: auto;
  margin-top: 20px;
}

changed .wrAdminTreeContainer

2015.1
.wrAdminTreeContainer {
  position: absolute;
  top: 84px;
  bottom: 12px;
  left: 10px;
  right: 10px;
}
2016.1
.wrAdminTreeContainer {
  position: absolute;
  top: 186px;
  bottom: 12px;
  left: 10px;
  right: 10px;
}

removed .wrIE .wrAdminTreeContainer


changed .wrMainAdminTbContainer

2015.1
.wrMainAdminTbContainer {
  top: 6px;
  height: 34px;
}
2016.1
.wrMainAdminTbContainer {
  height: 34px;
  margin-top: 6px;
  font-size: 0;
}

removed .wrIE .wrMainAdminTbContainer


added .wrMainAdminTbContainer .wrTbImg, .wrMainAdminTbButton, .wrMainAdminTbButtonAdd, .wrMainAdminTbButtonOpen, .wrMainAdminTbButtonDelete, .wrMainAdminTbButtonDiscovery

.wrMainAdminTbContainer .wrTbImg {
  margin-right: 6px;
}
.wrMainAdminTbButton {
  height: 26px;
  width: 26px;
  margin-right: 16px;
}
.wrMainAdminTbButton:last-child {
  margin-right: 0;
}
.wrMainAdminTbButtonAdd {
  background-image: url(Images/AdminAdd.png);
}
.wrMainAdminTbButtonAdd:hover {
  background-image: url(Images/AdminAddHover.png);
}
.wrMainAdminTbButtonOpen {
  background-image: url(Images/AdminOpen.png);
}
.wrMainAdminTbButtonOpen:hover {
  background-image: url(Images/AdminOpenHover.png);
}
.wrMainAdminTbButtonDelete {
  background-image: url(Images/AdminDelete.png);
}
.wrMainAdminTbButtonDelete:hover {
  background-image: url(Images/AdminDeleteHover.png);
}
.wrMainAdminTbButtonDiscovery {
  background-image: url(Images/AdminDiscoveryLarge.png);
}
.wrMainAdminTbButtonDiscovery:hover {
  background-image: url(Images/AdminDiscoveryLargeHover.png);
}

changed .wrAdminObjectMetadataImageWrapper

2015.1
.wrAdminObjectMetadataImageWrapper {
  background-color: #FFFFFF;
}
2016.1
.wrAdminObjectMetadataImageWrapper {
  position: relative;
}

changed .wrAdminDiscoveryTopButtonbarDiv, .wrAdminDiscoveryBottomButtonbarDiv

2015.1
.wrAdminDiscoveryTopButtonbarDiv,
.wrAdminDiscoveryBottomButtonbarDiv {
  position: absolute;
  left: 0;
  width: 590px;
  height: 30px;
}
.wrAdminDiscoveryTopButtonbarDiv {
  top: 0;
}
.wrAdminDiscoveryBottomButtonbarDiv {
  top: 30px;
}
2016.1
.wrAdminDiscoveryTopButtonbarDiv,
.wrAdminDiscoveryBottomButtonbarDiv {
  position: absolute;
  left: 10px;
  width: 590px;
  height: 30px;
}
.wrAdminDiscoveryTopButtonbarDiv {
  top: 20px;
}
.wrAdminDiscoveryBottomButtonbarDiv {
  top: 50px;
}

changed .wrAdminDiscoveryObjectTreeContainer, .wrAdminDiscoveryObjectResponseContainer

2015.1
.wrAdminDiscoveryObjectTreeContainer,
.wrAdminDiscoveryObjectResponseContainer {
  position: absolute;
  top: 65px;
  bottom: 50px;
  overflow: auto;
}
.wrAdminDiscoveryObjectTreeContainer {
  left: 0;
  right: 600px;
}
.wrAdminDiscoveryObjectResponseContainer {
  width: 595px;
  right: 0;
}
2016.1
.wrAdminDiscoveryObjectTreeContainer,
.wrAdminDiscoveryObjectResponseContainer {
  position: absolute;
  top: 85px;
  bottom: 50px;
  overflow: auto;
}
.wrAdminDiscoveryObjectTreeContainer {
  left: 20px;
  right: 600px;
}
.wrAdminDiscoveryObjectResponseContainer {
  width: 595px;
  right: 10px;
}

changed .wrAdminMenuGridContainer

2015.1
.wrAdminMenuGridContainer {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 22px;
}
2016.1
.wrAdminMenuGridContainer {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 22px;
  margin-left: 10px;
  margin-right: 10px;
}

changed .wrAdminHeaderRow, .wrAdminHeaderNoTableRow

2015.1
.wrAdminHeaderRow,
.wrAdminHeaderNoTableRow {
  font-family: Arial;
  font-size: 10pt;
  font-weight: bold;
  border: 1px solid #e6e6e6;
}
2016.1
.wrAdminHeaderRow,
.wrAdminHeaderNoTableRow {
  font-family: Roboto, Arial, sans-serif;
  font-size: 10pt;
  font-weight: bold;
}

changed .wrAdminHeaderCell

2015.1
.wrAdminHeaderCell {
  background: #f8f8f8;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ebebeb', endColorstr='#c5c5c5', GradientType=0);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #ebebeb), color-stop(1, #c5c5c5));
  background: -ms-linear-gradient(top, #ebebeb, #c5c5c5);
  background: -moz-linear-gradient(top, #ebebeb 0%, #c5c5c5 100%);
  background: -o-linear-gradient(#ebebeb, #c5c5c5);
  background: linear-gradient(to bottom, #ebebeb, #c5c5c5);
}
2016.1
.wrAdminHeaderCell {
  padding-left: 0;
}

added .wrAdminHeaderRow:nth-child(n+2) .wrAdminHeaderCell

.wrAdminHeaderRow:nth-child(n+2) 
.wrAdminHeaderCell {
  display: inline-block;
  padding-top: 2em;
}

removed .wrAdminTableCell


added .wrAdminTableCell .wrNumericEdit1

.wrAdminTableCell .wrNumericEdit1 {
  min-width: 118px;
}

changed .wrAdminWrappedInputInnerDiv

2015.1
.wrAdminWrappedInputInnerDiv {
  position: absolute;
  top: 0;
  left: 1px;
  bottom: 2px;
  border: none;
}
2016.1
.wrAdminWrappedInputInnerDiv {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 2px;
  border: none;
}

removed .wrIE7 .wrAdminContentTextArea


removed .wrIE7 .wrAdminCustomFunctionTextArea


removed .wrIE7 .wrAdminCheckableTextInputInnerDiv


added .wrAdminTextInput

.wrAdminTextInput {
  width: calc(100% + 4px);
  height: 100%;
  font-family: Roboto, Arial, sans-serif;
  font-size: 8pt;
  background-color: transparent;
}

changed .wrAdminCheckableTextInput

2015.1
.wrAdminCheckableTextInput {
  width: 100%;
  font-family: Arial;
  font-size: 8pt;
  border: 1px solid #e6e6e6;
  padding: 0;
  height: 100%;
}
2016.1
.wrAdminCheckableTextInput {
  width: calc(100% - 12px);
  padding: 1px 17px 0 0;
}

removed .wrAdminCheckableTextInput:focus


removed .wrAdminSelectable


removed .wrAdminSelectable:hover


removed .wrIE7 .wrAdminCheckableTextInput


changed .wrAdminCheckmark, .wrAdminEditMark

2015.1
.wrAdminCheckmark,
.wrAdminEditMark {
  cursor: pointer;
  background-color: #FFFFFF;
  border: 1px solid #d7d7d7;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
}
2016.1
.wrAdminCheckmark,
.wrAdminEditMark {
  cursor: pointer;
  position: absolute;
  top: 1px;
  bottom: 0;
  right: 0;
}

changed .wrAdminEditableMenuItem

2015.1
.wrAdminEditableMenuItem {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
2016.1
.wrAdminEditableMenuItem {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  border: 1px solid #d7d7d7;
}

changed .wrAdminFullWidthDD

2015.1
.wrAdminFullWidthDD {
  width: 100%;
}
2016.1
.wrAdminFullWidthDD {
  min-width: 120px;
}

removed .wrAdminDDWrapper:hover


changed .AdminMasterOuter

2015.1
.AdminMasterOuter {
  position: absolute;
  top: 0;
  bottom: 45px;
  left: 0;
  right: 0;
  overflow: auto;
}
2016.1
.AdminMasterOuter {
  position: absolute;
  top: 0;
  bottom: 33px;
  left: 0;
  right: 10px;
  overflow: auto;
}

changed .AdminMasterInner

2015.1
.AdminMasterInner {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  overflow: visible;
}
2016.1
.AdminMasterInner {
  position: absolute;
  top: 10px;
  bottom: 0;
  left: 0;
  right: 0;
  overflow: visible;
  width: 100%;
  max-width: 900px;
  margin: auto;
}

added .AdminMasterOuter tr td

.AdminMasterOuter tr:not(.wrAdminGridHeader):not(.wrAdminHeaderRow):hover td:first-child {
  background-color: #f4f4f4;
}
.AdminMasterOuter tr:not(.wrAdminGridHeader):not(.wrAdminHeaderRow):hover td.wrAdminRoleMainLeftCell:first-child {
  background-color: transparent;
}

changed .wrAdminSourceDDWrapper

2015.1
.wrAdminSourceDDWrapper {
  top: -1px;
  left: 0;
}
2016.1
.wrAdminSourceDDWrapper {
  left: 0;
}

changed .wrAdminObjectContainerWrapper

2015.1
.wrAdminObjectContainerWrapper {
  right: 20px;
  left: 0;
}
2016.1
.wrAdminObjectContainerWrapper {
  right: 20px;
  left: 0;
  top: -1px;
}

changed .wrAdminTitleFloater

2015.1
.wrAdminTitleFloater {
  height: 14px;
  float: right;
}
2016.1
.wrAdminTitleFloater {
  height: 14px;
  float: right;
  margin-left: 4px;
}

added .wrAdminTitleFloater > img, .wrAdminTitleFloater > select

.wrAdminTitleFloater > img,
.wrAdminTitleFloater > select {
  vertical-align: middle;
}

changed .wrAdminObjectButtonWrapper

2015.1
.wrAdminObjectButtonWrapper {
  right: 0;
}
2016.1
.wrAdminObjectButtonWrapper {
  right: 0;
  line-height: 16px;
}

added .wrAdminObjectButtonWrapper > img

.wrAdminObjectButtonWrapper > img {
  vertical-align: middle;
}

changed .wrAdminObjectMetadataWrapper

2015.1
.wrAdminObjectMetadataWrapper {
  right: 0;
}
2016.1
.wrAdminObjectMetadataWrapper {
  right: 0;
  border: 1px solid #d7d7d7;
}

changed .wrAdminGeneralCtrlDiv

2015.1
.wrAdminGeneralCtrlDiv {
  position: relative;
}
2016.1
.wrAdminGeneralCtrlDiv {
  position: relative;
  background: #ffffff;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
  border: 1px solid #d7d7d7;
  margin-bottom: 10px;
  padding: 5px;
  border-left: 3px solid #777777;
}

changed .wrAdminItemTable

2015.1
.wrAdminItemTable {
  width: 100%;
  border: 1px solid #e6e6e6;
  margin-bottom: 5px;
}
2016.1
.wrAdminItemTable {
  width: 100%;
  margin-bottom: 5px;
}

changed .wrAdminCustomFunctionCodeAreaWrapper

2015.1
.wrAdminCustomFunctionCodeAreaWrapper {
  top: 150px;
}
2016.1
.wrAdminCustomFunctionCodeAreaWrapper {
  top: 175px;
}

changed .wrAdminCustomFunctionCodeAreaWrapperOther

2015.1
.wrAdminCustomFunctionCodeAreaWrapperOther {
  top: 180px;
}
2016.1
.wrAdminCustomFunctionCodeAreaWrapperOther {
  top: 207px;
}

changed .wrAdminCustomFilterFunctionCodeAreaWrapper

2015.1
.wrAdminCustomFilterFunctionCodeAreaWrapper {
  top: 125px;
}
2016.1
.wrAdminCustomFilterFunctionCodeAreaWrapper {
  top: 142px;
}

changed .wrAdminCustomFunctionCodeAreaWrapper, .wrAdminCustomFunctionCodeAreaWrapperOther, .wrAdminCustomFilterFunctionCodeAreaWrapper, .wrAdminServerEventCodeAreaWrapper, .wrAdminDateFunctionCodeAreaWrapper

2015.1
.wrAdminCustomFunctionCodeAreaWrapper,
.wrAdminCustomFunctionCodeAreaWrapperOther,
.wrAdminCustomFilterFunctionCodeAreaWrapper,
.wrAdminServerEventCodeAreaWrapper,
.wrAdminDateFunctionCodeAreaWrapper {
  position: absolute;
  bottom: 45px;
  left: 0;
  right: 0;
  border: 1px solid #e6e6e6;
  padding: 5px;
}
2016.1
.wrAdminCustomFunctionCodeAreaWrapper,
.wrAdminCustomFunctionCodeAreaWrapperOther,
.wrAdminCustomFilterFunctionCodeAreaWrapper,
.wrAdminServerEventCodeAreaWrapper,
.wrAdminDateFunctionCodeAreaWrapper {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  padding: 5px;
}

added A good chunk of new css to the end of Admin.css

.wrAdminGeneralMasterTable {
  width: 100%;
  position: relative;
  top: -4px;
}
.wrAdminRoleItemListContainer {
  position: relative;
  margin-bottom: 10px;
  height: 200px;
}
.wrMainTabContentContainer {
  background: #f8f8f8;
}
.wrMainTabContentContainer .wrTabInnerContent {
  background: #f8f8f8;
}
.wrMainTabStripOuterContainer {
  box-shadow: 1px 3px 10px rgba(0, 0, 0, 0.1);
  background-color: #ffffff;
}
.wrDynamicTabItem {
  background-color: #ffffff;
}
.wrDynamicTabItemSelected {
  background-color: #ffffff;
}
.wrMainRightPane {
  box-shadow: none;
}
.wrAdminDataObjectSqlHeader {
  width: 100%;
  padding: 5px;
}
.wrAdminDataObjectSqlCodeWrapper {
  position: absolute;
  left: 5px;
  right: 5px;
  top: 75px;
  bottom: 0;
}
.wrAdminTableCell:nth-child(2) {
  padding: 5px 0 5px 0;
}
.wrAdminObjectMetadataText {
  line-height: 17px;
}
.wrAdminDiscoveryMainContainer {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: -10px;
  background-color: #ffffff;
}
.wrMaterialSplitter > .wrVerticalSplitterBar > .wrVerticalSplitterBarInner {
  top: 110px;
}
.wrAdminMainCompanyLogoCaption {
  text-align: center;
  margin-top: 10px;
  font-size: 14px;
  color: #828282;
}

 

Application.css

changed .wrGettingStarted

2015.1
.wrGettingStarted {
  overflow: auto;
}
2016.1
.wrTabContent .wrTabInnerContent.wrGettingStarted {
  overflow: auto;
}

changed .wrDataFields

2015.1
.wrDataFields {
  top: 22px;
  bottom: 0;
}
2016.1
.wrDataFields {
  top: 28px;
  bottom: 0;
}

changed .wrUserPreferenceTabDescription

2015.1
.wrUserPreferenceTabDescription {
  position: absolute;
  top: 15px;
  left: 5px;
  right: 5px;
  height: 30px;
}
2016.1
.wrUserPreferenceTabDescription {
  position: absolute;
  top: 0;
  left: 5px;
  right: 5px;
  height: 30px;
}

changed .wrUserPreferenceTabContent

2015.1
.wrUserPreferenceTabContent {
  position: absolute;
  top: 40px;
  bottom: 5px;
  left: 5px;
  right: 5px;
}
2016.1
.wrUserPreferenceTabContent {
  position: absolute;
  top: 25px;
  bottom: 5px;
  left: 5px;
  right: 5px;
}

changed .wrReportNameTb

2015.1
.wrReportNameTb {
  top: 14px;
}
2016.1
.wrReportNameTb {
  top: 24px;
}

changed .wrReportNameFolderLbl

2015.1
.wrReportNameFolderLbl {
  top: 46px;
}
2016.1
.wrReportNameFolderLbl {
  top: 56px;
}

changed .wrReportNameReportsCtrl

2015.1
.wrReportNameReportsCtrl {
  top: 60px;
  bottom: 0;
}
2016.1
.wrReportNameReportsCtrl {
  top: 70px;
  bottom: 0;
}

changed .wrSplitterDataFieldsLeftPane

2015.1
.wrSplitterDataFieldsLeftPane {
  width: 30%;
  background-color: transparent;
  border: none;
  overflow: hidden;
}
2016.1
.wrSplitterDataFieldsLeftPane {
  width: 190px;
  background-color: transparent;
  border: none;
  overflow: hidden;
}

changed .wrGroupFiltersEditArea

2015.1
.wrGroupFiltersEditArea {
  height: 82px;
}
2016.1
.wrGroupFiltersEditArea {
  height: 69px;
}

removed .wrFiltersApplyAcrossEntireDataSetContainer


removed .wrFiltersApplyAcrossEntireDataSetCB


added .wrEditCtrlInput:focus

.wrEditCtrlInput:focus {
  border: none;
}

changed .wrFiltersOneOfWrapper

2015.1
.wrFiltersOneOfWrapper {
  top: 18px;
}
2016.1
.wrFiltersOneOfWrapper {
  top: 22px;
}

changed .wrDialogTemplatesGridContainer

2015.1
.wrDialogTemplatesGridContainer {
  position: absolute;
  top: 55px;
  bottom: 0px;
  left: 0;
  right: 0;
  cursor: default;
}
2016.1
.wrDialogTemplatesGridContainer {
  position: absolute;
  top: 55px;
  bottom: 0;
  left: 0;
  right: 0;
  cursor: default;
  border: 1px solid #d7d7d7;
}

changed .wrListContentSelectContainer

2015.1
.wrListContentSelectContainer {
  position: relative;
  padding: 3px 30px 0 3px;
  height: 100%;
}
2016.1
.wrListContentSelectContainer {
  position: relative;
  padding: 0 30px 0 0;
  height: 100%;
}

changed .wrListContentSelectItem

2015.1
.wrListContentSelectItem {
  font-size: 10pt;
}
2016.1
.wrListContentSelectItem {
  font-size: 10pt;
  padding-left: 4px;
}

changed .wrScheduleReportContainer

2015.1
.wrScheduleReportContainer {
  top: 35px;
}
2016.1
.wrScheduleReportContainer {
  top: 35px;
  bottom: 10px;
}

changed .wrProgressBarPcntBar

2015.1
.wrProgressBarPcntBar {
  position: relative;
  height: 100%;
  width: 0;
  background: #B7DBFF;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#B7DBFF', endColorstr='#1e8eff', GradientType=0);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #B7DBFF), color-stop(1, #1e8eff));
  background: -ms-linear-gradient(top, #B7DBFF, #1e8eff);
  background: -moz-linear-gradient(top, #B7DBFF 0%, #1e8eff 100%);
  background: -o-linear-gradient(#B7DBFF, #1e8eff);
  background: linear-gradient(to bottom, #B7DBFF, #1e8eff);
  overflow: hidden;
}
2016.1
.wrProgressBarPcntBar {
  position: relative;
  height: 100%;
  width: 0;
  background-color: #a9d4ff;
  overflow: hidden;
}

changed .wrProgressBarPcntBar_Active

2015.1
.wrProgressBarPcntBar_Active {
  -webkit-border-top-right-radius: 3px;
  -webkit-border-bottom-right-radius: 3px;
  -webkit-border-bottom-left-radius: 0;
  -webkit-border-top-left-radius: 0;
  -moz-border-radius-topright: 3px;
  -moz-border-radius-bottomright: 3px;
  -moz-border-radius-bottomleft: 0;
  -moz-border-radius-topleft: 0;
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
  -moz-background-clip: padding-box;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  transform: translate(0%, 0px);
}
2016.1
.wrProgressBarPcntBar_Active {
  transform: translate(0%, 0px);
}

added .wrScheduleBatchMainDiv, .wrScheduleBatchTable, .wrScheduleBatchTable td, .wrScheduleBatchTableColumn, .wrScheduleBatchDataFields, .wrScheduleBatchEmail, .wrScheduleBatchInput

.wrScheduleBatchMainDiv {
  top: 5px;
}
.wrScheduleBatchTable {
  top: 0;
  width: 100%;
  height: 50px;
  border-spacing: 0;
  border-collapse: collapse;
}
.wrScheduleBatchTable td {
  padding: 0;
}
.wrScheduleBatchTableColumn {
  width: 100px;
}
.wrScheduleBatchDataFields {
  height: 300px;
}
.wrScheduleBatchEmail {
  top: 10px;
}
.wrScheduleBatchInput {
  height: 20px;
  width: 100%;
  font-family: Roboto, Arial, sans-serif;
  font-size: 10pt;
}

removed .wrChartWizardContainer


removed .wrChartWizardChartTypeButtonHover


added .wrChartWizardChartTypeCategoryButton:hover, .wrChartWizardChartTypeCategoryButton:active

.wrChartWizardChartTypeCategoryButton:hover {
  border: 1px solid #919191;
}
.wrChartWizardChartTypeCategoryButton:active {
  -webkit-filter: brightness(90%);
  filter: brightness(90%);
  background-color: rgba(0, 0, 0, 0.1);
}

changed .wrChartWizardChartTypeButtonActive

2015.1
.wrChartWizardChartTypeButtonActive {
  border: 1px dashed #000000;
  -webkit-box-shadow: 0 0 10px 2px #4890B0;
  -moz-box-shadow: 0 0 10px 2px #4890B0;
  box-shadow: 0 0 10px 2px #4890B0;
}
2016.1
.wrChartWizardChartTypeButtonActive {
  border: 1px solid #666666;
  box-shadow: 0 0 10px 2px rgba(0, 0, 0, 0.2);
}

changed .wrChartWizardChartTypeButtonSelected

2015.1
.wrChartWizardChartTypeButtonSelected {
  -webkit-box-shadow: 0 0 10px 2px #B7DBFF;
  -moz-box-shadow: 0 0 10px 2px #B7DBFF;
  box-shadow: 0 0 10px 2px #B7DBFF;
}
2016.1
.wrChartWizardChartTypeButtonSelected {
  box-shadow: 2px 5px 10px rgba(0, 0, 0, 0.2);
  border: 1px solid #8d8d8d;
  outline: 1px solid #8d8d8d;
}

changed .wrChartWizardChartTypeMenuImgSelected

2015.1
.wrChartWizardChartTypeMenuImgSelected {
  border: 1px dashed #000000;
  -webkit-box-shadow: 0 0 10px 2px #B7DBFF;
  -moz-box-shadow: 0 0 10px 2px #B7DBFF;
  box-shadow: 0 0 10px 2px #B7DBFF;
}
2016.1
.wrChartWizardChartTypeMenuImgSelected {
  border: 1px solid #000000;
  box-shadow: 0 0 10px 2px rgba(0, 0, 0, 0.2);
}

removed .wrChartWizardTopContainer


changed .wrMapWizardTopContainer

2015.1
.wrMapWizardTopContainer {
  position: absolute;
  top: 0;
  height: 295px;
  left: 0;
  right: 0;
  overflow-x: hidden;
  overflow-y: auto;
  /*border:2px groove threedface;*/
}
2016.1
.wrMapWizardTopContainer {
  position: absolute;
  top: 0;
  height: 295px;
  left: 0;
  right: 0;
  overflow-x: hidden;
  overflow-y: auto;
  border: none;
}

removed .wrWizardGridTitle


removed .wrWizardGridRowHeade


changed .wrJoinsGridAdvancedWithoutCartesian

2015.1
.wrJoinsGridAdvancedWithoutCartesian {
  bottom: 25px;
}
2016.1
.wrJoinsGridAdvancedWithoutCartesian {
  bottom: 25px;
  border: 1px solid #d7d7d7;
}

added .wrReportDebugDialogMainDiv, .wrReportDebugTextInput

.wrReportDebugDialogMainDiv {
  margin-top: 28px;
}
.wrReportDebugTextInput {
  width: 400px;
  margin-bottom: 1em;
}

removed .wrReportDebugCompanyNameLbl


removed .wrReportDebugCompanyNameTb


added .wrReportDebugTicketIdLbl

.wrReportDebugTicketIdLbl {
  top: 46px;
}

added .wrReportDebugTicketIdTb

.wrReportDebugTicketIdTb {
  top: 60px;
}

added .wrReportDebugContactEmailTb

.wrReportDebugContactEmailTb {
  top: 104px;
}

added .wrColorThemeChooserSelectContainer, .wrColorThemeChooserColorsContainer

.wrColorThemeChooserSelectContainer,
.wrColorThemeChooserColorsContainer {
  display: inline-block;
  vertical-align: middle;
}

changed .wrThemeNameSelectColorsWrapper

2015.1
.wrThemeNameSelectColorsWrapper {
  position: relative;
}
2016.1
.wrThemeNameSelectColorsWrapper {
  position: relative;
  vertical-align: middle;
}

changed .wrThemeNameSelectColorsWrapperCompact

2015.1
.wrThemeNameSelectColorsWrapperCompact {
  position: absolute;
  top: 0;
  left: 149px;
}
2016.1
.wrThemeNameSelectColorsWrapperCompact {
  position: absolute;
  top: 0;
  left: 158px;
}

changed .wrColorThemeChooserBeginColorPickerCompact

2015.1
.wrColorThemeChooserBeginColorPickerCompact {
  /* Stub for client modification */
}
2016.1
.wrColorThemeChooserBeginColorPickerCompact {
  /* Stub for client modification */
  clear: both;
}

changed .wrColorThemeChooserDivCompact

2015.1
.wrColorThemeChooserDivCompact {
  width: 175px;
}
2016.1
.wrColorThemeChooserDivCompact {
  padding: 8px;
}

added .wrColorThemeChooserDivCompact (and more)

.wrColorThemeChooserDivCompact .wrThemeNameSelectColorsWrapperCompact {
  position: static;
}
.wrColorThemeChooserDivCompact .wrColorThemeChooserBeginColorPickerCompact {
  float: none;
  display: inline-block;
  margin-right: 4px;
}
.wrColorThemeChooserDivCompact .wrColorThemeChooserEndColorPickerCompact {
  float: none;
  position: static;
  display: inline-block;
}
.wrColorThemeChooserDivCompact .wrDDButton {
  position: static;
}
.wrColorThemeChooserDivCompact .wrCPInputContainer {
  display: none;
}
.wrColorThemeChooserDivCompact .wrColorThemeChooserSelectContainer {
  vertical-align: top;
  margin-right: 4px;
}

changed .wrFilterValueMultiAddBtnContainer

2015.1
.wrFilterValueMultiAddBtnContainer {
  position: relative;
  height: 10px;
  background: #E9EDF1;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#E9EDF1', endColorstr='#abbac9', GradientType=0);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #E9EDF1), color-stop(1, #abbac9));
  background: -ms-linear-gradient(top, #E9EDF1, #abbac9);
  background: -moz-linear-gradient(top, #E9EDF1 0%, #abbac9 100%);
  background: -o-linear-gradient(#E9EDF1, #abbac9);
  background: linear-gradient(to bottom, #E9EDF1, #abbac9);
  border: solid 1px #9badbf;
  text-align: center;
}
2016.1
.wrFilterValueMultiAddBtnContainer {
  position: relative;
  height: 10px;
  background: #E9EDF1;
  text-align: center;
}

changed .wrDynamicFilterEditArea

2015.1
.wrDynamicFilterEditArea {
  position: absolute;
  left: 5px;
  right: 0;
  bottom: 0;
  height: 150px;
}
2016.1
.wrDynamicFilterEditArea {
  position: absolute;
  left: 5px;
  right: 0;
  bottom: 0;
  height: 140px;
  overflow: auto;
}

changed .wrSliderLineFill

2015.1
.wrSliderLineFill {
  position: absolute;
  background: #B7DBFF;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#B7DBFF', endColorstr='#1e8eff', GradientType=0);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #B7DBFF), color-stop(1, #1e8eff));
  background: -ms-linear-gradient(top, #B7DBFF, #1e8eff);
  background: -moz-linear-gradient(top, #B7DBFF 0%, #1e8eff 100%);
  background: -o-linear-gradient(#B7DBFF, #1e8eff);
  background: linear-gradient(to bottom, #B7DBFF, #1e8eff);
  cursor: pointer;
}
2016.1
.wrSliderLineFill {
  position: absolute;
  background: #f7f7f7;
  cursor: pointer;
}

changed .wrSliderHandle

2015.1
.wrSliderHandle {
  position: absolute;
  width: 12px;
  height: 12px;
  background: #E9EDF1;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#E9EDF1', endColorstr='#abbac9', GradientType=0);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #E9EDF1), color-stop(1, #abbac9));
  background: -ms-linear-gradient(top, #E9EDF1, #abbac9);
  background: -moz-linear-gradient(top, #E9EDF1 0%, #abbac9 100%);
  background: -o-linear-gradient(#E9EDF1, #abbac9);
  background: linear-gradient(to bottom, #E9EDF1, #abbac9);
  cursor: pointer;
  z-index: 1;
  border: 1px solid #d7d7d7;
  -webkit-border-radius: 12px;
  -moz-border-radius: 12px;
  border-radius: 12px;
  outline: none;
}
2016.1
.wrSliderHandle {
  position: absolute;
  width: 12px;
  height: 12px;
  background: #dfdfe0;
  cursor: pointer;
  z-index: 1;
  border: 1px solid #d7d7d7;
  -webkit-border-radius: 12px;
  -moz-border-radius: 12px;
  border-radius: 12px;
  outline: none;
}

changed .wrSliderHandle:hover

2015.1
.wrSliderHandle:hover {
  background: #E9EDF1;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#d9e0e7', endColorstr='#9badbf', GradientType=0);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #d9e0e7), color-stop(1, #9badbf));
  background: -ms-linear-gradient(top, #d9e0e7, #9badbf);
  background: -moz-linear-gradient(top, #d9e0e7 0%, #9badbf 100%);
  background: -o-linear-gradient(#d9e0e7, #9badbf);
  background: linear-gradient(to bottom, #d9e0e7, #9badbf);
}
2016.1
.wrSliderHandle:hover {
  background: #e9edf1;
}

changed .wrSliderHandle_Active

2015.1
.wrSliderHandle_Active {
  background: #E9EDF1;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#9badbf', endColorstr='#d9e0e7', GradientType=0);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #9badbf), color-stop(1, #d9e0e7));
  background: -ms-linear-gradient(top, #9badbf, #d9e0e7);
  background: -moz-linear-gradient(top, #9badbf 0%, #d9e0e7 100%);
  background: -o-linear-gradient(#9badbf, #d9e0e7);
  background: linear-gradient(to bottom, #9badbf, #d9e0e7);
}
2016.1
.wrSliderHandle_Active {
  background: #d8d8d8;
}

changed .wrSliderHandle_Active:hover

2015.1
.wrSliderHandle_Active:hover {
  background: #E9EDF1;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#9badbf', endColorstr='#d9e0e7', GradientType=0);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #9badbf), color-stop(1, #d9e0e7));
  background: -ms-linear-gradient(top, #9badbf, #d9e0e7);
  background: -moz-linear-gradient(top, #9badbf 0%, #d9e0e7 100%);
  background: -o-linear-gradient(#9badbf, #d9e0e7);
  background: linear-gradient(to bottom, #9badbf, #d9e0e7);
}
2016.1
.wrSliderHandle_Active:hover {
  background: #d8d8d8;
}

changed .wrFormatButtonContainer:hover

2015.1
.wrFormatButtonContainer:hover {
  background-color: #F4F6F9;
  border: solid 1px #b2c0d5;
}
2016.1
.wrFormatButtonContainer:hover {
  background: #eeeeee;
}

changed .wrFormatButtonContainer:active

2015.1
.wrFormatButtonContainer:active {
  background: #D8D8D8;
  border: solid 1px #989898;
  -webkit-box-shadow: 0 0 1px 0 #595959 inset;
  -moz-box-shadow: 0 0 1px 0 #595959 inset;
  box-shadow: 0 0 1px 0 #595959 inset;
}
2016.1
.wrFormatButtonContainer:active {
  background: #D8D8D8;
}

added .wrGaugeWizardTopContainer

.wrGaugeWizardTopContainer {
  position: absolute;
  top: 0;
  height: 318px;
  left: 0;
  right: 0;
  overflow-x: hidden;
  overflow-y: auto;
  border: none;
}

changed .wrExportSelectContainer

2015.1
.wrExportSelectContainer {
  display: inline-block;
  border: 1px solid transparent;
}
2016.1
.wrExportSelectContainer {
  display: inline-block;
  border: none;
  font-size: 0;
}

removed .wrExportSelectContainer:focus


added .wrExecuteInViewerIcon, .wrExecuteInViewerIconSmall

.wrExecuteInViewerIcon {
  height: 25px;
  width: 25px;
  background-image: url(Images/ExecuteInteractive.png);
  background-size: 18px;
  background-repeat: no-repeat;
  background-position: center;
}
.wrExecuteInViewerIcon:hover {
  height: 25px;
  width: 25px;
  background-image: url(Images/ExecuteInteractiveHover.png);
}
.wrExecuteInViewerIconSmall {
  height: 16px;
  width: 16px;
  vertical-align: top;
}

added bunch of new selectors for the new export dropdown

.wrExportTypeDropdownIcon {
  background-image: url(Images/ExportMenu.png);
  height: 25px;
  width: 20px;
  margin-right: 3px;
}
.wrExportTypeDropdownIcon:hover {
  background-image: url(Images/ExportMenuHover.png);
}
.wrExportTypeDropdownIcon.disabled {
  background-image: url(Images/ExportMenuDisabled.png);
  cursor: default;
}
.wrExportTypeDropdownIconSmall {
  height: 16px;
  width: 16px;
  background-image: url(Images/ExportMenuSmall.png);
}
.wrExportTypeDropdownIconSmall:Hover {
  background-image: url(Images/ExportMenuSmallHover.png);
}
.wrExportTypeExcelButton {
  background-image: url(Images/ExecuteExcel.png);
}
.wrExportTypeExcelButton:hover {
  background-image: url(Images/ExecuteExcelHover.png);
}
.wrExportTypePdfButton {
  background-image: url(Images/ExecutePdf.png);
}
.wrExportTypePdfButton:hover {
  background-image: url(Images/ExecutePdfHover.png);
}
.wrExportTypeRtfButton {
  background-image: url(Images/ExecuteRtf.png);
}
.wrExportTypeRtfButton:hover {
  background-image: url(Images/ExecuteRtfHover.png);
}
.wrExportTypeCsvButton {
  background-image: url(Images/ExecuteCsv.png);
}
.wrExportTypeCsvButton:hover {
  background-image: url(Images/ExecuteCsvHover.png);
}
.wrExportTypeHtmlSmallButton {
  background-image: url(Images/ExecuteHtml_Small.png);
}
.wrExportTypeHtmlSmallButton:hover {
  background-image: url(Images/ExecuteHtml_SmallHover.png);
}
.wrExportTypeExcelSmallButton {
  background-image: url(Images/ExecuteExcel_Small.png);
}
.wrExportTypeExcelSmallButton:hover {
  background-image: url(Images/ExecuteExcel_SmallHover.png);
}
.wrExportTypePdfSmallButton {
  background-image: url(Images/ExecutePdf_Small.png);
}
.wrExportTypePdfSmallButton:hover {
  background-image: url(Images/ExecutePdf_SmallHover.png);
}
.wrExportTypeRtfSmallButton {
  background-image: url(Images/ExecuteRtf_Small.png);
}
.wrExportTypeRtfSmallButton:hover {
  background-image: url(Images/ExecuteRtf_SmallHover.png);
}
.wrExportTypeCsvSmallButton {
  background-image: url(Images/ExecuteCsv_Small.png);
}
.wrExportTypeCsvSmallButton:hover {
  background-image: url(Images/ExecuteCsv_SmallHover.png);
}

added .wrNestedDataFieldsDisableCover

.wrNestedDataFieldsDisableCover {
  position: absolute;
  background-color: #555555;
  opacity: .4;
  visibility: hidden;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

removed .wrHourglassLowerLeft


added a new chunk of CSS at the bottom of Application.css

.wrFilterValuesDialogMainDiv {
  overflow: auto;
}
.wrEditableListContentContainer {
  display: inline-block;
}
.wrEditableListDeleteButtonContainer {
  position: relative;
}
.wrEditableListDeleteButtonContainer > img {
  cursor: pointer;
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;
}
.wrEditableListColumn {
  display: inline-block;
  vertical-align: top;
  margin-right: 10px;
}
.wrEditableListColumn:last-child {
  margin-right: 0;
}
.wrEditableListDeleteButtonColumn {
  vertical-align: top;
}
.wrReportEventGridParentContainer {
  border: 1px solid #d7d7d7;
}
@keyframes wrHourglassAnimation {
  0% {
    transform: scale(2);
  }
  90% {
    transform: scale(1);
  }
  100% {
    transform: scale(1);
  }
}
.wrHourglass {
  background: none;
  position: relative;
}
.wrHourglass > div {
  position: absolute;
  width: 20%;
  height: 60%;
  top: 20%;
  left: 10%;
  background: #7E7E7E;
  opacity: 0.9;
  animation: wrHourglassAnimation 1.25s cubic-bezier(0.01, 0.73, 0.28, 0.93) infinite;
}
.wrHourglass > div:nth-of-type(2) {
  left: 40%;
  background: #5e5e5e;
  animation-delay: 0.12s;
}
.wrHourglass > div:nth-of-type(3) {
  left: 70%;
  background: #545454;
  animation-delay: 0.25s;
}
.wrVersionContainer p {
  margin: 0;
}
.wrVersionContainer .wrVersionString {
  font-size: .85em;
  margin-bottom: 1em;
}

 

Canvas.css

changed .wrCanvas

2015.1
.wrCanvas {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  cursor: default;
  overflow: auto;
}
2016.1
.wrCanvas {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  cursor: default;
  overflow: auto;
  box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.2) inset;
}

added .wrDashboardExecuteArea .wrCanvas

.wrDashboardExecuteArea .wrCanvas {
  box-shadow: none;
}

changed .wrCanvasAnchorDropContainer

2015.1
.wrCanvasAnchorDropContainer {
  position: absolute;
  border: 1px dashed #000000;
  -webkit-box-shadow: 0 0 10px 2px #4890B0;
  -moz-box-shadow: 0 0 10px 2px #4890B0;
  box-shadow: 0 0 10px 2px #4890B0;
  z-index: 2;
}
2016.1
.wrCanvasAnchorDropContainer {
  position: absolute;
  border: 1px dashed #000000;
  z-index: 2;
}

 

ChainedDesign.css

changed .wrChainedDesignContentCorrect

2015.1
.wrChainedDesignContentCorrect {
  top: 10px;
}
2016.1
.wrChainedDesignContentCorrect {
  top: 10px;
  bottom: 10px;
}

changed .wrChainedDsgnTbContainer

2015.1
.wrChainedDsgnTbContainer {
  position: absolute;
  height: 30px;
  width: 100px;
  right: 0;
  z-index: 2;
  top: 2px;
}
2016.1
.wrChainedDsgnTbContainer {
  position: absolute;
  height: 30px;
  right: 0;
  z-index: 2;
  top: 2px;
}

changed .wrChainedReportOptionsTabContainer

2015.1
.wrChainedReportOptionsTabContainer {
  position: absolute;
  top: 15px;
  left: 0;
  right: 0;
  bottom: 0;
}
2016.1
.wrChainedReportOptionsTabContainer {
  position: absolute;
  top: 30px;
  left: 0;
  right: 0;
  bottom: 0;
}

added .wrChainedReportsSplitterContainer

.wrChainedReportsSplitterContainer {
  position: absolute;
  top: 24px;
  bottom: 5px;
  left: 5px;
  right: 5px;
}

added .wrChainedReportOptionsTabHeader

.wrChainedReportOptionsTabHeader {
  position: absolute;
  top: 10px;
  left: 0;
  right: 0;
  height: 15px;
}

 

ChartWizard.css

This is an entirely new CSS block in 2016.1. Refer to your Exago install to review

 

codemirror.css

changed .CodeMirror-scroll

2015.1
.CodeMirror-scroll {
  /* 30px is the magic margin used to hide the element's real scrollbars */
  /* See overflow: hidden in .CodeMirror */
  margin-bottom: -30px; margin-right: -30px;
  padding-bottom: 30px; padding-right: 30px;
  height: 100%;
  outline: none; /* Prevent dragging from highlighting the element */
  position: relative;
}
2016.1
.CodeMirror-scroll {
  /* 30px is the magic margin used to hide the element's real scrollbars */
  /* See overflow: hidden in .CodeMirror */
  margin-bottom: -30px; /* margin-right: -30px; */
  padding-bottom: 30px; /* padding-right: 30px; */
  height: 100%;
  outline: none; /* Prevent dragging from highlighting the element */
  position: relative;
}

 

Common.css

added input, input:focus

input {
  font-family: inherit;
  outline: none;
  padding: 2px 1px 2px 1px;
  border: 1px solid #d7d7d7;
}
input:focus {
  border: 1px solid #666666;
}

added select, select:focus

select {
  font-family: inherit;
  outline: none;
  /* The following code provides a unified select box look across platforms */
  -webkit-appearance: none;
  -moz-appearance: none;
  border-radius: 0;
  background: #ffffff;
  background-image: url(Images/DropDownArrow.png);
  background-repeat: no-repeat;
  background-position: right 3px center;
  padding-left: 2px;
  padding-right: 13px;
  border: 1px solid #D7D7D7;
}
select::-ms-expand {
  display: none;
}
/* There is no way to get rid of the default dropdown image in IE9, so just leave
selects with their ugly styling in this browser */
.wrIE9 select {
  background-image: none;
  padding-right: 0;
}
select:focus {
  border-color: #666;
}

changed fieldset

2015.1
fieldset {
  padding-left: 7px;
}
2016.1
fieldset {
  padding-left: 7px;
  border: none;
  border-top: 1px solid #d7d7d7;
}

added img:focus

img:focus {
  outline: 1px dotted #bdbdbd;
}

changed .wrLine

2015.1
.wrLine {
  position: relative;
  height: 0px;
  width: 100%;
  border-top: solid 1px #e6e6e6;
  border-bottom: solid 1px #FFFFFF;
}
2016.1
.wrLine {
  position: relative;
  height: 0;
  width: 100%;
  border-top: solid 1px #d5d5d5;
}

added Placeholder text styling for webkit browsers like chrome, firefox, IE/Edge, and potentially others

::-webkit-input-placeholder {
  /* WebKit, Blink, Edge */
  color: #7a7a7a;
}
::-moz-placeholder {
  /* Mozilla Firefox 19+ */
  color: #7a7a7a;
  opacity: 1;
}
:-ms-input-placeholder {
  /* Internet Explorer 10-11 */
  color: #7a7a7a;
}
:placeholder-shown {
  /* Standard (https://drafts.csswg.org/selectors-4/#placeholder) */
  color: #7a7a7a;
}

changed .wrImageButton:focus, .wrImageButton:hover, .wrImageButton:active

2015.1
.wrImageButton:focus {
  border: 1px dotted #888888;
}
.wrImageButton:hover {
  background-color: #F4F6F9;
  border: solid 1px #b2c0d5;
}
.wrImageButton:active {
  background-color: #D8D8D8;
  border: solid 1px #989898;
  -webkit-box-shadow: 0 0 1px 0 #595959 inset;
  -moz-box-shadow: 0 0 1px 0 #595959 inset;
  box-shadow: 0 0 1px 0 #595959 inset;
}
2016.1
.wrImageButton:focus {
  border: 1px dotted #888888;
}
.wrImageButton:hover {
  background-color: #eeeeee;
}
.wrImageButton:active {
  background-color: #D8D8D8;
}

changed .wrDialogTreeContainer

2015.1
.wrDialogTreeContainer {
  top: 0px;
  bottom: 24px;
}
2016.1
.wrDialogTreeContainer {
  top: 12px;
  bottom: 24px;
}

added .wrDialogTreeContainer select

.wrDialogTreeContainer select {
  bottom: 24px;
  height: 24px;
  width: 100%;
}

added .wrGridCustomInput:focus

.wrGridCustomInput:focus {
  border: 0;
}

changed .wrDialogForm, .wrDialogForm select

2015.1
.wrDialogForm {
  font-size: 8pt;
  font-family: Arial;
  height: auto;
  white-space: nowrap;
  overflow: auto;
  text-overflow: ellipsis;
}
.wrDialogForm select {
  font-size: inherit;
  margin-left: 0;
}
2016.1
.wrDialogForm {
  font-size: 8pt;
  font-family: Roboto, Arial, sans-serif;
  height: auto;
}
.wrDialogForm select {
  font-size: inherit;
  margin-left: 0;
  padding-top: 1px;
  padding-bottom: 1px;
}

added .wrDialogFormSideBySideDiv > label

.wrDialogFormSideBySideDiv > label {
  display: block;
  margin-bottom: .25em;
}

changed .wrDialogFormFieldSet

2015.1
.wrDialogFormFieldSet {
  padding-top: 2px;
  padding-bottom: 5px;
  margin-bottom: 8px;
  border: 1px solid #888888;
}
2016.1
.wrDialogFormFieldSet {
  padding-top: 6px;
  padding-bottom: 5px;
  margin-bottom: 8px;
  border: none;
  border-top: 1px solid #d7d7d7;
}

added .wrDialogFormInlineFieldset

.wrDialogFormInlineFieldset {
  display: inline-block;
  vertical-align: top;
}

added .wrCollapsibleFieldSetCollapsed

.wrCollapsibleFieldSetCollapsed {
  height: 1em;
  overflow: hidden;
  border: 1px solid transparent;
}

added .wrCollapsibleFieldSet > legend, .wrCollapsibleFieldSet > legend:hover

.wrCollapsibleFieldSet > legend {
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  border-bottom: 1px dotted #444444;
}
.wrCollapsibleFieldSet > legend:hover {
  color: #222;
}

added .wrDialogContentPaddingDiv

.wrDialogContentPaddingDiv {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin-top: 10px;
}

added .wrFlatInput, .wrFlatInput:focus, .wrFlatInput::-ms-clear

.wrFlatInput {
  border: none;
  border-bottom: 1px solid #d5d5d5;
  outline: none;
  background-color: transparent;
}
.wrFlatInput:focus {
  border: none;
  border-bottom: 1px solid #fa7556;
}
.wrFlatInput::-ms-clear {
  height: 0;
  width: 0;
}

added .wrMaterialButton, .wrMaterialButton:hover, .wrMaterialButton:active, .wrMaterialButton:focus

.wrMaterialButton {
  background-color: transparent;
  border: 1px solid #d7d7d7;
  cursor: pointer;
  font-family: Roboto, Arial, sans-serif;
  outline: none;
}
.wrMaterialButton:hover {
  border: 1px solid #919191;
}
.wrMaterialButton:active {
  background-color: rgba(0, 0, 0, 0.1);
  -webkit-filter: brightness(90%);
  filter: brightness(90%);
}
.wrMaterialButton:focus {
  border: 1px solid #666666;
}

 

CrossTab.css

no significant changes

 

Dashboard.css

changed .wrDashboardDsgnTbContainer

2015.1
.wrDashboardDsgnTbContainer {
  height: 48px;
}
2016.1
.wrDashboardDsgnTbContainer {
  height: 48px;
  padding-top: 10px;
  padding-bottom: 10px;
  border-bottom: 1px solid #d7d7d7;
  left: -10px;
  padding-left: 5px;
  width: calc(100% + 10px);
}

changed .wrDashboardDesignContainer

2015.1
.wrDashboardDesignContainer {
  position: absolute;
  top: 52px;
  bottom: 0;
  left: 0;
  right: 0;
}
2016.1
.wrDashboardDesignContainer {
  position: absolute;
  top: 69px;
  bottom: 0;
  left: 0;
  right: 0;
}

added .wrDashboardDesignContainer .wrDockContents

.wrDashboardDesignContainer .wrDockContents {
  top: 10px;
}

added .wrDashboardToolboxContainer

.wrDashboardToolboxContainer {
  text-align: center;
}

changed .wrDashboardDesignTBItem, .wrDashboardDesignTBItem:hover, .wrDashboardDesignTBItem:active

2015.1
.wrDashboardDesignTBItem {
  position: relative;
  width: 35px;
  height: 43px;
  margin-top: 5px;
  margin-bottom: 5px;
  margin-right: 5px;
  background-repeat: no-repeat;
  background-position: center;
  border: solid 1px transparent;
  cursor: pointer;
  float: left;
}
.wrDashboardDesignTBItem:hover {
  background-color: #F4F6F9;
  border: solid 1px #a2b3cc;
}
.wrDashboardDesignTBItem:active {
  background-color: #4890B0;
  border: solid 1px #234656;
}
2016.1
.wrDashboardDesignTBItem {
  position: relative;
  width: 24px;
  height: 25px;
  background-repeat: no-repeat;
  border: solid 1px transparent;
  cursor: pointer;
  display: inline-block;
}
.wrDashboardDesignTBItem:hover {
  background-color: #F4F6F9;
}
.wrDashboardDesignTBItem:active {
  background-color: #d5d5d5;
}

changed .wrDashboardDesignArea

2015.1
.wrDashboardDesignArea {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  border: 1px solid #d7d7d7;
}
2016.1
.wrDashboardDesignArea {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

removed .wrDashboardVisualizationItemMenuKeywordBtn


changed .wrDashboardReportOptionsTabHeader

2015.1
.wrDashboardReportOptionsTabHeader {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 15px;
}
2016.1
.wrDashboardReportOptionsTabHeader {
  position: absolute;
  top: 10px;
  left: 0;
  right: 0;
  height: 15px;
}

changed .wrDashboardReportOptionsTabContainer

2015.1
.wrDashboardReportOptionsTabContainer {
  position: absolute;
  top: 15px;
  left: 0;
  right: 0;
  bottom: 0;
}
2016.1
.wrDashboardReportOptionsTabContainer {
  position: absolute;
  top: 10px;
  left: 0;
  right: 0;
  bottom: 0;
}

added .wrDashboardReportTopFieldSet

.wrDashboardReportTopFieldSet {
  margin-top: 10px;
}

removed .wrDashboardKeywordInput


changed .wrDashboardItemRightToolbarExportSelectCtrl

2015.1
.wrDashboardItemRightToolbarExportSelectCtrl {
  margin-bottom: 4px;
  margin-left: 4px;
}
2016.1
.wrDashboardItemRightToolbarExportSelectCtrl {
  margin-bottom: 4px;
  margin-left: 7px;
  margin-top: 4px;
}

 

DateTime.css

changed .wrCalTodayButton

2015.1
.wrCalTodayButton {
  background: #f8f8f8;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f8f8f8', endColorstr='#e6e6e6', GradientType=0);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #f8f8f8), color-stop(1, #e6e6e6));
  background: -ms-linear-gradient(top, #f8f8f8, #e6e6e6);
  background: -moz-linear-gradient(top, #f8f8f8 0%, #e6e6e6 100%);
  background: -o-linear-gradient(#f8f8f8, #e6e6e6);
  background: linear-gradient(to bottom, #f8f8f8, #e6e6e6);
  border: 1px solid #d7d7d7;
  text-align: center;
  margin-left: 2px;
  margin-right: 2px;
  cursor: pointer;
}
2016.1
.wrCalTodayButton {
  background-color: #ffffff;
  border: 1px solid #d7d7d7;
  text-align: center;
  margin-left: 2px;
  margin-right: 2px;
  cursor: pointer;
}

changed .wrCalNowButton

2015.1
.wrCalNowButton {
  background: #f8f8f8;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f8f8f8', endColorstr='#e6e6e6', GradientType=0);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #f8f8f8), color-stop(1, #e6e6e6));
  background: -ms-linear-gradient(top, #f8f8f8, #e6e6e6);
  background: -moz-linear-gradient(top, #f8f8f8 0%, #e6e6e6 100%);
  background: -o-linear-gradient(#f8f8f8, #e6e6e6);
  background: linear-gradient(to bottom, #f8f8f8, #e6e6e6);
  border: 1px solid #d7d7d7;
  text-align: center;
  margin-left: 2px;
  margin-right: 2px;
  cursor: pointer;
}
2016.1
.wrCalNowButton {
  background-color: #ffffff;
  border: 1px solid #d7d7d7;
  text-align: center;
  margin-left: 2px;
  margin-right: 2px;
  cursor: pointer;
}

removed .wrCalButton


changed .wrCalButtonHover

2015.1
.wrCalButtonHover {
  background: #f8f8f8;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f8f8f8', endColorstr='#d7d7d7', GradientType=0);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #f8f8f8), color-stop(1, #d7d7d7));
  background: -ms-linear-gradient(top, #f8f8f8, #d7d7d7);
  background: -moz-linear-gradient(top, #f8f8f8 0%, #d7d7d7 100%);
  background: -o-linear-gradient(#f8f8f8, #d7d7d7);
  background: linear-gradient(to bottom, #f8f8f8, #d7d7d7);
  border-color: #d7d7d7;
}
2016.1
.wrCalButtonHover {
  border-color: #d7d7d7;
}

 

Design.css

changed .wrDesignLeftTopPane

2015.1
.wrDesignLeftTopPane {
  height: 75%;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  overflow: hidden;
  border: none;
}
2016.1
.wrDesignLeftTopPane {
  height: 100%;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  overflow: hidden;
  border: none;
}

added .wrDesignLeftTopPane .wrDataFields

.wrDesignLeftTopPane .wrDataFields {
  bottom: 28px;
}

changed .wrDesignGridContainer

2015.1
.wrDesignGridContainer {
  position: absolute;
  top: 54px;
  bottom: 0;
  left: 0;
  right: 0;
  cursor: default;
}
2016.1
.wrDesignGridContainer {
  position: absolute;
  top: 68px;
  bottom: 0;
  left: 0;
  right: 0;
  cursor: default;
}

removed .wrDesignGridContainer .wrGridContainer


changed .wrDesignGridSectionColumn

2015.1
.wrDesignGridSectionColumn {
  width: 150px;
}
2016.1
.wrDesignGridSectionColumn {
  width: 90px;
}

changed .wrDsgnTbContainer

2015.1
.wrDsgnTbContainer {
  height: 48px;
}
2016.1
.wrDsgnTbContainer {
  height: 48px;
  border-left: 1px solid #d7d7d7;
  padding-top: 10px;
  padding-bottom: 10px;
  /*Removed this to try box-shadow inset on wrGridContainer*/
  /*box-shadow: rgba(0, 0, 0, 0.2) 0 0 10px 0;*/
  z-index: 2;
}

changed .DsgnHeaderCellSelected

2015.1
.DsgnHeaderCellSelected {
  background: #B7DBFF;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#B7DBFF', endColorstr='#B7DBFF', GradientType=0);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #B7DBFF), color-stop(1, #B7DBFF));
  background: -ms-linear-gradient(top, #B7DBFF, #B7DBFF);
  background: -moz-linear-gradient(top, #B7DBFF 0%, #B7DBFF 100%);
  background: -o-linear-gradient(#B7DBFF, #B7DBFF);
  background: linear-gradient(to bottom, #B7DBFF, #B7DBFF);
}
2016.1
CODE.DsgnHeaderCellSelected {
  background: #e9e9e9;
}

removed .DsgnHeaderBlandCellSelected


added .wrDesignDataFieldsAddButtonWrapper, .wrDesignDataFieldsAddButtonWrapper .wrDialogAddButton

.wrDesignDataFieldsAddButtonWrapper {
  position: absolute;
  left: 0;
  right: 0;
  text-align: center;
}
.wrDesignDataFieldsAddButtonWrapper .wrDialogAddButton {
  position: static;
}

 

Dialog.css

changed .wrDialogMasterContainer

2015.1
.wrDialogMasterContainer {
  position: absolute;
  border: solid 2px #d7d7d7;
  filter: none;
  -moz-opacity: 1;
  -khtml-opacity: 1;
  -webkit-opacity: 1;
  opacity: 1;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);
  filter: alpha(opacity=100);
  z-index: 1;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}
2016.1
.wrDialogMasterContainer {
  position: absolute;
  border: solid 1px #d7d7d7;
  filter: none;
  opacity: 1.0;
  z-index: 1;
}

changed .wrDialogMasterContainerCentered

2015.1
.wrDialogMasterContainerCentered {
  position: absolute;
  border: solid 2px #d7d7d7;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  -moz-opacity: 1;
  -khtml-opacity: 1;
  -webkit-opacity: 1;
  opacity: 1;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);
  filter: alpha(opacity=100);
  left: 50%;
  width: 70%;
  margin-left: -35%;
  top: 50%;
  height: 70%;
  margin-top: -35%;
}
2016.1
.wrDialogMasterContainerCentered {
  position: absolute;
  border: solid 1px #d7d7d7;
  opacity: 1.0;
  left: 50%;
  width: 70%;
  margin-left: -35%;
  top: 50%;
  height: 70%;
  margin-top: -35%;
}

changed .wrDialogMasterContainerCentered2

2015.1
.wrDialogMasterContainerCentered2 {
  position: absolute;
  border: solid 2px #d7d7d7;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  -moz-opacity: 1;
  -khtml-opacity: 1;
  -webkit-opacity: 1;
  opacity: 1;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);
  filter: alpha(opacity=100);
  left: 50%;
  width: 80%;
  margin-left: -40%;
  top: 50%;
  height: 96%;
  margin-top: -48%;
}
2016.1
.wrDialogMasterContainerCentered2 {
  position: absolute;
  border: solid 1px #d7d7d7;
  opacity: 1.0;
  left: 50%;
  width: 80%;
  margin-left: -40%;
  top: 50%;
  height: 96%;
  margin-top: -48%;
}

changed .wrDialogMasterContainerCentered3

2015.1
.wrDialogMasterContainerCentered3 {
  position: absolute;
  border: solid 2px #d7d7d7;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  -moz-opacity: 1;
  -khtml-opacity: 1;
  -webkit-opacity: 1;
  opacity: 1;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);
  filter: alpha(opacity=100);
  left: 50%;
  width: 96%;
  margin-left: -48%;
  top: 50%;
  height: 80%;
  margin-top: -40%;
}
2016.1
.wrDialogMasterContainerCentered3 {
  position: absolute;
  border: solid 1px #d7d7d7;
  opacity: 1.0;
  left: 50%;
  width: 96%;
  margin-left: -48%;
  top: 50%;
  height: 80%;
  margin-top: -40%;
}

changed .wrDialogMasterContainerCentered4

2015.1
.wrDialogMasterContainerCentered4 {
  position: absolute;
  border: solid 2px #d7d7d7;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  -moz-opacity: 1;
  -khtml-opacity: 1;
  -webkit-opacity: 1;
  opacity: 1;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);
  filter: alpha(opacity=100);
  left: 50%;
  width: 60%;
  margin-left: -30%;
  top: 30%;
  height: 45%;
  margin-top: -22%;
}
2016.1
.wrDialogMasterContainerCentered4 {
  position: absolute;
  border: solid 1px #d7d7d7;
  opacity: 1.0;
  left: 50%;
  width: 60%;
  margin-left: -30%;
  top: 30%;
  height: 45%;
  margin-top: -22%;
}

added .wrDialogMasterContainerCentered5

.wrDialogMasterContainerCentered5 {
  position: absolute;
  border: solid 1px #d7d7d7;
  opacity: 1.0;
  left: 50%;
  width: 96%;
  margin-left: -48%;
  top: 50%;
  height: 96%;
  margin-top: -48%;
}

changed .wrDialogMasterContainerMaxSize

2015.1
.wrDialogMasterContainerMaxSize {
  position: absolute;
  border: solid 2px #d7d7d7;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  -moz-opacity: 1;
  -khtml-opacity: 1;
  -webkit-opacity: 1;
  opacity: 1;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);
  filter: alpha(opacity=100);
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
}
2016.1
.wrDialogMasterContainerMaxSize {
  position: absolute;
  border: solid 1px #d7d7d7;
  opacity: 1.0;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
}

changed .wrModalOverlay

2015.1
.wrModalOverlay {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  cursor: default;
  overflow: hidden;
  background-color: #f8f8f8;
  -moz-opacity: 0.75;
  -khtml-opacity: 0.75;
  -webkit-opacity: 0.75;
  opacity: 0.75;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=75);
  filter: alpha(opacity=75);
}
2016.1
.wrModalOverlay {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  cursor: default;
  overflow: hidden;
  background-color: rgba(255, 255, 255, 0.7);
}

added .wrDialogMainDivCentered

.wrDialogMainDivCentered {
  width: 404px;
  margin: auto;
  margin-top: 21px;
  overflow: hidden;
}

changed .wrDialogDragBar

2015.1
.wrDialogDragBar {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  height: 19px;
  -webkit-border-top-right-radius: 4px;
  -webkit-border-bottom-right-radius: 0;
  -webkit-border-bottom-left-radius: 0;
  -webkit-border-top-left-radius: 4px;
  -moz-border-radius-topright: 4px;
  -moz-border-radius-bottomright: 0;
  -moz-border-radius-bottomleft: 0;
  -moz-border-radius-topleft: 4px;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
  border-top-left-radius: 4px;
  -moz-background-clip: padding-box;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  background: #f8f8f8;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#dfdfdf', endColorstr='#f8f8f8', GradientType=0);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #dfdfdf), color-stop(1, #f8f8f8));
  background: -ms-linear-gradient(top, #dfdfdf, #f8f8f8);
  background: -moz-linear-gradient(top, #dfdfdf 0%, #f8f8f8 100%);
  background: -o-linear-gradient(#dfdfdf, #f8f8f8);
  background: linear-gradient(to bottom, #dfdfdf, #f8f8f8);
}
2016.1
.wrDialogDragBar {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  height: 19px;
}

changed .wrDialogShadowContainer

2015.1
.wrDialogShadowContainer {
  position: absolute;
  top: 0;
  /* starts at bottom of dragBar */
  bottom: 0;
  /* ends at top of okCancelBar */
  left: 0;
  right: 0;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}
2016.1
.wrDialogShadowContainer {
  position: absolute;
  top: 0;
  /* starts at bottom of dragBar */
  bottom: 0;
  /* ends at top of okCancelBar */
  left: 0;
  right: 0;
}

changed .wrDialogShadow

2015.1
.wrDialogShadow {
  -webkit-box-shadow: 0 0 8px #888888;
  -moz-box-shadow: 0 0 8px #888888;
  box-shadow: 0 0 8px #888888;
  background: #f8f8f8;
}
2016.1
.wrDialogShadow {
  box-shadow: 2px 2px 3px 0 rgba(0, 0, 0, 0.1);
  background: #ffffff;
}

 

Dock.css

changed .wrDockLeft

2015.1
.wrDockLeft {
  top: 0;
  bottom: 0;
  left: 0;
  width: 0;
}
2016.1
.wrDockLeft {
  top: 0;
  bottom: 0;
  left: 0;
  width: 0;
  border-right: 1px solid #d7d7d7;
}

 

DropDown.css

added .wrDDInput:focus, .wrDDText:focus

.wrDDInput:focus,
.wrDDText:focus {
  border: none;
}

changed .wrCPItem

2015.1
.wrCPItem {
  border: 1px solid #d7d7d7;
  border-color: #d7d7d7 #FFFFFF #FFFFFF #d7d7d7;
  cursor: pointer;
}
2016.1
.wrCPItem {
  cursor: pointer;
}

removed .wrCPCustomArea


 

Edits.css

added .wrNumericEditTextBoxDisabled

.wrNumericEditTextBoxDisabled {
  background-color: #ebebe4;
}

changed .wrNumericEditTextBox1, .wrNumericEditTextBox2

2015.1
.wrNumericEditTextBox1,
.wrNumericEditTextBox2 {
  position: absolute;
  top: -1px;
  left: 0;
  padding-left: 2px;
  width: 100%;
  /*height:100%;*/
  font-family: Arial;
  border: none;
  margin: 0;
}
2016.1
.wrNumericEditTextBox1,
.wrNumericEditTextBox2 {
  position: absolute;
  top: -1px;
  left: 0;
  padding: 1px 0 1px 2px;
  width: 100%;
  /*height:100%;*/
  font-family: Roboto, Arial, sans-serif;
  border: none;
  margin: 0;
}

added .wrNumericEditTextBox1:focus, .wrNumericEditTextBox2:focus

.wrNumericEditTextBox1:focus,
.wrNumericEditTextBox2:focus {
  border: none;
}

 

FlexiColorPicker.css

no changes

 

framework7.css

no changes

 

framework7Overrides.css

no changes

 

Grid.css

changed .wrGridContainer

2015.1
.wrGridContainer {
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  border: solid 1px #d7d7d7;
  overflow: auto;
  background-image: url(Images/GridBackground.png);
  cursor: default;
  color: inherit;
}
2016.1
.wrGridContainer {
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  overflow: auto;
  cursor: default;
  color: inherit;
  background-color: #EFEFEF;
  box-shadow: inset 0 0 5px 0 rgba(0, 0, 0, 0.1);
  border: 1px solid #d7d7d7;
}

changed .wrGridTbl

2015.1
.wrGridTbl {
  table-layout: fixed;
  width: 1px;
  /* in combination with fixed layout allows column widths < actual contained width */
  background-color: #FFFFFF;
  border-bottom: solid 1px #888888;
  border-right: solid 1px #888888;
  font-family: Arial;
  font-size: 8pt;
  font-weight: normal;
}
2016.1
.wrGridTbl {
  table-layout: fixed;
  width: 1px;
  /* in combination with fixed layout allows column widths < actual contained width */
  background-color: #FFFFFF;
  font-family: Roboto, Arial, sans-serif;
  font-size: 8pt;
  font-weight: normal;
  box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.1);
}

changed .wrGridVariableTbl

2015.1
.wrGridVariableTbl {
  /*border-right: solid 1px @color-border-accent;
	.box-shadow(3px 3px 3px @color-shadow);*/
}
2016.1
.wrGridVariableTbl {
  box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.1);
  z-index: 2;
}

changed .wrGridTbl thead th

2015.1
.wrGridTbl thead th {
  border-bottom: solid 1px #c5c5c5;
  border-right: solid 1px #c5c5c5;
  font-weight: normal;
  overflow: hidden;
  background-repeat: no-repeat;
  text-overflow: ellipsis;
}
2016.1
.wrGridTbl thead th {
  border-bottom: solid 1px #eaeaea;
  border-right: solid 1px #eaeaea;
  font-weight: normal;
  overflow: hidden;
  background-repeat: no-repeat;
  text-overflow: ellipsis;
  font-weight: bold;
  color: #545454;
  background-color: #fbfbfb;
  height: 2em;
}

removed .wrFF .wrGridTbl thead th, .wrChrome .wrGridTbl thead th, .wrSafari .wrGridTbl thead th, .wrIE10 .wrGridTbl thead th, .wrIE11 .wrGridTbl thead th


removed .wrFF .grRh, .wrChrome .grRh, .wrSafari .grRh, .wrIE10 .grRh, .wrIE11 .grRh


removed .wrFF .grNum, .wrChrome .grNum, .wrSafari .grNum, .wrIE10 .grNum, .wrIE11 .grNum


 

HtmlViewer.css

changed .wrHvTbContainer

2015.1
.wrHvTbContainer {
  font-family: Arial;
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  min-width: 100px;
  /* height:31px; */
  /* z-index:99; */
  padding-left: 3px;
  padding-right: 3px;
  cursor: default;
  height: 22px;
  overflow: hidden;
  /* scrolling has some issues in linked reports with Safari */
}
2016.1
.wrHvTbContainer {
  font-family: Roboto, Arial, sans-serif;
  position: absolute;
  top: 0;
  right: 0;
  left: -10px;
  min-width: 100px;
  padding: 5px 10px 5px 10px;
  cursor: default;
  height: 22px;
  overflow: auto;
  border-bottom: 1px solid #d5d5d5;
}

added .wrHvLinkedReportContainer .wrHvTbContainer

.wrHvLinkedReportContainer .wrHvTbContainer {
  left: 0;
}

changed .wrHvLeftTbArea

2015.1
.wrHvLeftTbArea {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  min-width: 80px;
}
2016.1
.wrHvLeftTbArea {
  display: inline-block;
}

changed .wrHvRightTbArea

2015.1
.wrHvRightTbArea {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
}
2016.1
.wrHvRightTbArea {
  float: right;
}

changed .wrHvTbSection

2015.1
.wrHvTbSection {
  /*.inline-block();*/
  float: right;
}
2016.1
.wrHvTbSection {
  /*.inline-block();*/
  float: right;
  margin-left: 10px;
}

removed .wrHvTbContainerLinkedReport


added .wrHvTbNavSection > .wrHvToolbarButtonContainer

.wrHvTbNavSection > .wrHvToolbarButtonContainer {
  margin-right: 4px;
}

changed .wrHvTbInputPgNum

2015.1
.wrHvTbInputPgNum {
  width: 40px;
  text-align: center;
  height: 16px;
}
2016.1
.wrHvTbInputPgNum {
  width: 20px;
  text-align: center;
  height: 16px;
}

changed .wrHvTbLabelOf

2015.1
.wrHvTbLabelOf {
  font-size: 10pt;
  margin-left: 2px;
  top: 2px;
}
2016.1
.wrHvTbLabelOf {
  font-size: 10pt;
  margin-left: 2px;
}

changed .wrHvTbLabelPgCnt

2015.1
.wrHvTbLabelPgCnt {
  top: 1px;
  font-weight: bold;
}
2016.1
.wrHvTbLabelPgCnt {
  font-weight: bold;
}

removed .wrHvTbLabelFind


added .wrHvDisplay .wrDockContents

.wrHvDisplay .wrDockContents {
  top: 8px;
}

changed .wrHvTbVisible

2015.1
.wrHvTbVisible {
  top: 24px;
}
2016.1
.wrHvTbVisible {
  top: 33px;
}

changed .wrHvScrollSimulatePdf

2015.1
.wrHvScrollSimulatePdf {
  background-image: url(Images/GridBackground.png);
}
2016.1
.wrHvScrollSimulatePdf {
  background-color: #EFEFEF;
  box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.1);
}

changed .wrHvDocumentSimulatePdf

2015.1
.wrHvDocumentSimulatePdf {
  margin-top: 8px;
  left: 50%;
  color: #000000;
  /* default report cell color */
}
2016.1
.wrHvDocumentSimulatePdf {
  left: 50%;
  color: #000000;
  /* default report cell color */
}

changed .wrHvPdfPage

2015.1
.wrHvPdfPage {
  background-color: #FFFFFF;
  border: solid 1px #d7d7d7;
  -webkit-box-shadow: 0 0 8px #888888;
  -moz-box-shadow: 0 0 8px #888888;
  box-shadow: 0 0 8px #888888;
  filter: progid:DXImageTransform.Microsoft.Shadow(Strength=8, Direction=135, Color='#888888');
  margin-bottom: 10px;
}
2016.1
.wrHvPdfPage {
  background-color: #FFFFFF;
  border: solid 1px #d7d7d7;
  border-top: none;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
  filter: progid:DXImageTransform.Microsoft.Shadow(Strength=8, Direction=135, Color='#888888');
  margin-bottom: 10px;
}

changed .wrHvColumnHeaderStyle

2015.1
.wrHvColumnHeaderStyle {
  background: #e6e6e6;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e6e6e6', endColorstr='#d4d4d4', GradientType=0);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #e6e6e6), color-stop(1, #d4d4d4));
  background: -ms-linear-gradient(top, #e6e6e6, #d4d4d4);
  background: -moz-linear-gradient(top, #e6e6e6 0%, #d4d4d4 100%);
  background: -o-linear-gradient(#e6e6e6, #d4d4d4);
  background: linear-gradient(to bottom, #e6e6e6, #d4d4d4);
  border-color: #FFFFFF #d7d7d7 #e6e6e6 #FFFFFF;
  border-style: solid;
  border-width: 1px;
  text-align: center;
}
2016.1
.wrHvColumnHeaderStyle {
  background-color: #E6E5E5;
  border-color: #FFFFFF #d7d7d7 #e6e6e6 #FFFFFF;
  border-style: solid;
  border-width: 1px;
  text-align: center;
}

changed .wrHvColumnHeaderSortable:hover

2015.1
.wrHvColumnHeaderSortable:hover {
  background: #dfdfdf;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#dfdfdf #c5c5c5', endColorstr='#FFF', GradientType=0);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #dfdfdf #c5c5c5), color-stop(1, #FFF));
  background: -ms-linear-gradient(top, #dfdfdf #c5c5c5, #FFF);
  background: -moz-linear-gradient(top, #dfdfdf #c5c5c5 0%, #FFF 100%);
  background: -o-linear-gradient(#dfdfdf #c5c5c5, #FFF);
  background: linear-gradient(to bottom, #dfdfdf #c5c5c5, #FFF);
}
2016.1
.wrHvColumnHeaderSortable:hover {
  background-color: #D6D6D6;
}

added .wrHvExportSelectContainer

.wrHvExportSelectContainer {
  display: inline-block;
  position: relative;
  vertical-align: top;
  font-size: 0;
  top: 4px;
}

added .wrHvToolbarButtonContainer

.wrHvToolbarButtonContainer {
  font-size: 0;
  display: inline;
}

 

Main.css

changed .wrMainLeftPane

2015.1
.wrMainLeftPane {
  width: 20%;
  margin-right: 1px;
  margin-bottom: 3px;
}
2016.1
.wrMainLeftPane {
  width: 250px;
  padding: 0;
  border: none;
  background-color: #fbfbfb;
}

removed .wrAdminMainLeftPane


added .wrMainTabContentContainer

.wrMainTabContentContainer {
  border: none;
  margin-bottom: 0;
  margin-right: 0;
  top: 35px;
}

added .wrMainTabContentContainer .wrTabInnerContent

.wrMainTabContentContainer .wrTabInnerContent {
  top: 0;
  bottom: 0;
  right: 0;
  overflow: visible;
}

added .wrMainTabContentContainer .wrTabInnerContentOverflow

.wrMainTabContentContainer .wrTabInnerContentOverflow {
  overflow: auto;
}

changed .wrMainRightPane

2015.1
.wrMainRightPane {
  background-color: Transparent;
  border: none;
  padding: 0;
}
2016.1
.wrMainRightPane {
  border: none;
  padding: 0;
  box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.2);
  border-left: 1px solid #d5d5d5;
  background-color: #ffffff;
}

removed .wrMainLeftPaneGradient


added #wrWebReportsContainer

#wrWebReportsContainer {
  font-family: Roboto, Arial, sans-serif;
}

changed .wrMainReportsContainer

2015.1
.wrMainReportsContainer {
  position: absolute;
  top: 96px;
  bottom: 122px;
  left: 10px;
  right: 10px;
}
2016.1
.wrMainReportsContainer {
  position: absolute;
  top: 182px;
  bottom: 122px;
  left: 4px;
  right: 4px;
}

added .wrMainReportsContainer .wrTree

wrMainReportsContainer .wrTree {
  background-color: #fbfbfb;
}

added .wrMainCompanyLogo

.wrMainCompanyLogo {
  display: block;
  margin: auto;
  margin-top: 20px;
}

changed .wrMainTbContainer

2015.1
.wrMainTbContainer {
  height: 42px;
  overflow-x: hidden;
}
2016.1
.wrMainTbContainer {
  height: 42px;
  overflow-x: hidden;
  padding-left: 11px;
  margin-top: 20px;
}

changed .wrMainReportTbContainer

2015.1
.wrMainReportTbContainer {
  top: 7px;
  height: 35px;
}
2016.1
.wrMainReportTbContainer {
  top: 7px;
  height: 35px;
  padding-left: 15px;
}

added .wrMainTbButton

.wrMainTbButton {
  margin-right: 14px;
  height: 26px;
  width: 26px;
}

added .wrMainTbSecondRowButton

.wrMainTbSecondRowButton {
  height: 25px;
  width: 20px;
  vertical-align: top;
  margin-right: 5px;
}

added all the new .wrMain button images (default and hover)

.wrMainTbNewReportButton {
  background-image: url(Images/NewReportMenu.png);
}
.wrMainTbNewReportButton:hover {
  background-image: url(Images/NewReportMenuHover.png);
}
.wrMainTbManageFoldersButton {
  background-image: url(Images/ManageFolders.png);
}
.wrMainTbManageFoldersButton:hover {
  background-image: url(Images/ManageFoldersHover.png);
}
.wrMainTbExecuteInteractiveButton {
  background-image: url(Images/ExecuteInteractiveMain.png);
}
.wrMainTbExecuteInteractiveButton:hover {
  background-image: url(Images/ExecuteInteractiveMainHover.png);
}
.wrMainTbEditReportButton {
  background-image: url(Images/OpenReport.png);
}
.wrMainTbEditReportButton:hover {
  background-image: url(Images/OpenReportHover.png);
}
.wrMainTbDuplicateReportButton {
  background-image: url(Images/DuplicateReport.png);
}
.wrMainTbDuplicateReportButton:hover {
  background-image: url(Images/DuplicateReportHover.png);
}
.wrMainTbDeleteReportButton {
  background-image: url(Images/DeleteReport.png);
}
.wrMainTbDeleteReportButton:hover {
  background-image: url(Images/DeleteReportHover.png);
}
.wrMainTbScheduleReportButton {
  background-image: url(Images/ScheduleReport.png);
}
.wrMainTbScheduleReportButton:hover {
  background-image: url(Images/ScheduleReportHover.png);
}

removed .wrMainTbImg


added .wrMainReportsContainer .wrTrSearchBox

.wrMainReportsContainer .wrTrSearchBox {
  position: relative;
  left: -11px;
  padding-left: 15px;
  padding-bottom: 4px;
  padding-right: 54px;
  width: calc(100% - 7px);
}

added .wrMainTabStripOuterContainer .wrDynamicTabItem

.wrMainTabStripOuterContainer .wrDynamicTabItem {
  border-radius: 0;
  margin-right: 0;
  line-height: 34px;
  height: 34px;
}

added .wrMainTabStripOuterContainer

..wrMainTabStripOuterContainer {
  height: 34px;
  background-color: #f8f8f8;
}
.wrMainReportTbContainer > .wrExportSelectContainer {
  vertical-align: top;
}
#wrWebReportsContainer > .wrMaterialSplitter > .wrVerticalSplitterBar {
  top: 35px;
}

 

Maps.css

no changes

 

MobileColorInput.css

no changes

 

PopupMenu.css

changed .wrPopupMenuItem, .wrPopupMenuItemDisabled

2015.1
.wrPopupMenuItem,
.wrPopupMenuItemDisabled {
  position: relative;
  font-family: Arial;
  font-size: 10pt;
  cursor: pointer;
  white-space: nowrap;
  vertical-align: middle;
}
2016.1
.wrPopupMenuItem,
.wrPopupMenuItemDisabled {
  position: relative;
  font-family: Roboto, Arial, sans-serif;
  font-size: 12px;
  cursor: pointer;
  white-space: nowrap;
  vertical-align: middle;
  font-style: italic;
  color: #545454;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

changed .wrPopupMenuItemHover

2015.1
.wrPopupMenuItemHover {
  padding-left: 4px;
  padding-top: 2px;
  padding-bottom: 2px;
  margin-right: 1px;
  background-color: #F4F6F9;
  border: solid 1px #b2c0d5;
}
2016.1
.wrPopupMenuItemHover {
  color: #f3755c;
}

changed .wrPopupMenuItemText

2015.1
.wrPopupMenuItemText {
  position: relative;
  display: inline-block;
  white-space: normal;
}
2016.1
.wrPopupMenuItemText {
  position: relative;
  display: inline-block;
  white-space: normal;
  line-height: 18px;
  vertical-align: middle;
}

changed .wrPopupMenuVerticalSep

2015.1
.wrPopupMenuVerticalSep {
  height: 100%;
  width: 0;
  border-left: 1px solid #e6e6e6;
  border-right: 1px solid #FFFFFF;
  position: absolute;
  top: 0;
}
2016.1
.wrPopupMenuVerticalSep {
  height: 100%;
  width: 0;
  border-left: 1px solid #e6e6e6;
  border-right: 1px solid #FFFFFF;
  position: absolute;
  top: 0;
  display: none;
}

 

SimpleDesign.css

changed .wrSimpleDesignContentCorrect

2015.1
.wrSimpleDesignContentCorrect {
  top: 10px;
}
2016.1
.wrSimpleDesignContentCorrect {
  top: 10px;
  bottom: 10px;
}

changed .wrSimpleLayoutPreviewField

2015.1
.wrSimpleLayoutPreviewField {
  background-image: url(Images/GridBackground.png);
  border: 1px solid #c5c5c5;
  top: 30px;
}
2016.1
.wrSimpleLayoutPreviewField {
  border: 1px solid #c5c5c5;
  top: 30px;
}

changed .wrSimpleLayoutPreviewArea

2015.1
.wrSimpleLayoutPreviewArea {
  position: absolute;
  top: 15px;
  right: 0;
  left: 0;
  bottom: 0;
  overflow: auto;
}
2016.1
.wrSimpleLayoutPreviewArea {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  overflow: auto;
}

changed .wrStandardLayoutGroupItemLabel, wrStandardLayoutGroupItemLabel:hover

2015.1
.wrStandardLayoutGroupItemLabel {
  cursor: pointer;
}
.wrStandardLayoutGroupItemLabel:hover {
  text-decoration: underline;
  font-weight: bold;
}
2016.1
.wrStandardLayoutGroupItemLabel {
  cursor: pointer;
  border-bottom: 1px dotted #989898;
}
.wrStandardLayoutGroupItemLabel:hover {
  border-bottom: 1px dotted #444;
}

added .wrSimpleDesignInstructions

.wrSimpleDesignInstructions {
  top: 10px;
}

added .wrSimpleDesignerPaddingDiv

.wrSimpleDesignerPaddingDiv {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin-top: 10px;
}

added .wrSimpleDsgnExportSelectContainer

.wrSimpleDsgnExportSelectContainer {
  display: inline-block;
}

 

Splitter.css

changed .wrSplitterPane

2015.1
.wrSplitterPane {
  position: absolute;
  top: 0;
  bottom: 0;
  background-color: #f8f8f8;
  border: solid 1px #d7d7d7;
  padding: 10px;
  overflow: hidden;
}
2016.1
.wrSplitterPane {
  position: absolute;
  top: 0;
  bottom: 0;
  background-color: #ffffff;
  padding: 10px;
  overflow: hidden;
}

changed .wrVerticalSplitterBar

2015.1
.wrVerticalSplitterBar {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 1px;
  width: 10px;
  cursor: ew-resize;
  /* the following prevents selection and default dragging in FF/Webkit */
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
2016.1
.wrVerticalSplitterBar {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 1px;
  width: 10px;
  cursor: ew-resize;
  /* the following prevents selection and default dragging in FF/Webkit */
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  z-index: 2;
}

added .wrMaterialSplitter > .wrVerticalSplitterBar:hover

.wrMaterialSplitter > .wrVerticalSplitterBar:hover {
  background-color: initial;
  cursor: ew-resize;
}

added .wrVerticalSplitterBar

.wrVerticalSplitterBar > .wrVerticalSplitterBarInner > img {
  padding-left: 3px;
  padding-right: 2px;
}
.wrMaterialSplitter > .wrVerticalSplitterBar > .wrVerticalSplitterBarInner {
  top: 78px;
  left: -10px;
}
.wrDesignSplitter > .wrVerticalSplitterBar > .wrVerticalSplitterBarInner {
  top: 78px;
}

changed .wrHorizontalSplitterBarInner

2015.1
.wrHorizontalSplitterBarInner {
  position: absolute;
  left: 50%;
  margin-left: -30px;
  top: -5px;
}
2016.1
.wrHorizontalSplitterBarInner {
  position: absolute;
  left: 50%;
  margin-left: -10px;
  height: 100%;
}

added .wrHorizontalSplitterBar > .wrHorizontalSplitterBarInner > img

.wrHorizontalSplitterBar > .wrHorizontalSplitterBarInner > img {
  padding-top: 2px;
  padding-bottom: 2px;
  vertical-align: top;
}

 

Tab.css

changed .wrTabStripOuterContainer

2015.1
.wrTabStripOuterContainer {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  overflow: hidden;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  z-index: 1;
  /* so that bottom border overlays top border of tab content */
}
2016.1
.wrTabStripOuterContainer {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  overflow: visible;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  z-index: 1;
  /* so that bottom border overlays top border of tab content */
  border-bottom: 1px solid #d7d7d7;
  height: 24px;
}

added .wrExpressTabStripOuterContainer, .wrChainedTabStripOuterContainer

.wrExpressTabStripOuterContainer,
.wrChainedTabStripOuterContainer {
  padding-right: 100px;
}

changed .wrTabStripInnerContainer

2015.1
.wrTabStripInnerContainer {
  display: inline-block;
  zoom: 1;
  /* ie7 hack to simulate inline-block */
  *display: inline;
  /* as above */
}
2016.1
.wrTabStripInnerContainer {
  display: inline-block;
  zoom: 1;
  /* ie7 hack to simulate inline-block */
  *display: inline;
  /* as above */
  overflow: hidden;
  height: 34px;
}

changed .wrTabButtonContainer

2015.1
.wrTabButtonContainer {
  position: absolute;
  right: 0;
  margin-right: 3px;
  z-index: 1;
  /* so that buttons are not cut off if taller than tab strip container */
}
2016.1
.wrTabButtonContainer {
  position: absolute;
  right: 0;
  margin-right: 3px;
  z-index: 1;
  /* so that buttons are not cut off if taller than tab strip container */
  height: 34px;
}

removed .wrTabButtonContainer, .wrTabStripOuterContainer { height: 23px } (because both values above were given their own height properties)


changed .wrTabButton

2015.1
.wrTabButton {
  position: relative;
  top: 4px;
  margin-left: 4px;
  cursor: pointer;
}
2016.1
.wrTabButton {
  margin-left: 4px;
  top: 9px;
  cursor: pointer;
  position: relative;
}

removed .wrTabItem (this turned into .wrStaticTabItem and .wrDynamicTabItem shown further down)


added .wrTabItemUnderline

.wrTabItemUnderline {
  height: 2px;
  width: 50px;
  background-color: #888;
  position: absolute;
  bottom: 0;
  left: 0;
  transition: width, left ease-out 0.2s;
}

added .wrEdge .wrTabItemUnderline

.wrEdge .wrTabItemUnderline {
  transition: none;
}

added .wrEdge .wrDynamicTabItemUnderline

.wrEdge .wrDynamicTabItemUnderline {
  transition: width, left ease-out 0.2s;
}

added .wrDynamicTabItemUnderline

.wrDynamicTabItemUnderline {
  background-color: #FA7556;
  height: 2px;
  bottom: -1px;
}

added .wrStaticTabItem, .wrStaticTabItem:hover

.wrStaticTabItem {
  float: left;
  height: 19px;
  font-family: Roboto, Arial, sans-serif;
  font-size: 10pt;
  white-space: nowrap;
  padding: 2px 7px 0 7px;
  cursor: pointer;
  overflow: hidden;
  color: #888;
  min-width: 84px;
  transition: color ease-out 0.5s;
  position: relative;
}
.wrStaticTabItem:hover {
  color: black;
}

added .wrDynamicTabItem, .wrDynamicTabItem:hover

.wrDynamicTabItem {
  float: left;
  height: 19px;
  background-color: #fbfbfb;
  font-family: Roboto, Arial, sans-serif;
  font-size: 10pt;
  white-space: nowrap;
  padding: 0 5px 0 5px;
  margin-right: 4px;
  cursor: pointer;
  overflow: hidden;
  color: #545454;
  max-width: 200px;
  position: relative;
  border-right: 1px solid #efefef;
}
.wrDynamicTabItem:hover {
  border-bottom: 1px solid #888;
  background-color: #f4f4f4;
}

removed .wrTabText (not necessarily removed, but rather made more specific with .wrStaticTabItem and .wrDynamicTabItem shown below)


added .wrDynamicTabItem .wrTabText

.wrDynamicTabItem .wrTabText {
  display: inline-block;
  zoom: 1;
  /* ie7 hack to simulate inline-block */
  *display: inline;
  /* as above */
  overflow: hidden;
  border: 1px solid transparent;
  width: calc(100% - 28px);
  white-space: nowrap;
  text-overflow: ellipsis;
  padding-right: 15px;
  margin-left: 14px;
  line-height: 33px;
}

added .wrStaticTabItem .wrTabText

.wrStaticTabItem .wrTabText {
  display: inline-block;
  zoom: 1;
  /* ie7 hack to simulate inline-block */
  *display: inline;
  /* as above */
  overflow: hidden;
  float: left;
  border: 1px solid transparent;
  white-space: nowrap;
  text-overflow: ellipsis;
  width: 100%;
  text-align: center;
}

added .wrDynamicTabItemSelected .wrTabText

.wrDynamicTabItemSelected .wrTabText {
  margin-right: 0;
}

removed .wrTabContainerFocus .wrTabItemSelected .wrTabText { border: 1px solid #B7DBFF; }


changed .wrTabImage

2015.1
.wrTabImage {
  float: left;
  margin-right: 3px;
  margin-top: 2px;
}
2016.1
.wrTabImage {
  position: absolute;
  top: 50%;
  left: 5px;
  margin-top: -6px;
  margin-right: 5px;
}

changed .wrTabContent, .wrTabContentWizard

2015.1
.wrTabContent,
.wrTabContentWizard {
  position: absolute;
  top: 22px;
  left: 0;
  right: 0;
  bottom: 0;
  border: solid 1px #d7d7d7;
  overflow: hidden;
  margin-right: 3px;
  margin-bottom: 3px;
}
2016.1
.wrTabContent,
.wrTabContentWizard {
  position: absolute;
  top: 24px;
  left: 0;
  right: 0;
  bottom: 0;
  overflow: hidden;
  margin-right: 3px;
  margin-bottom: 3px;
}

removed .wrTabInnerContentOverflow { overflow: auto; }


added .wrStaticTabItemSelected

.wrStaticTabItemSelected {
  color: #333;
}

removed .wrTabItemSelected (rename + edits, shown below)


added .wrDynamicTabItemSelected

.wrDynamicTabItemSelected {
  color: #444444;
  background-color: #fbfbfb;
}

changed .wrTabCloseImage

2015.1
.wrTabCloseImage {
  margin-left: 7px;
}
2016.1
.wrTabCloseImage {
  position: absolute;
  right: 3px;
  top: 50%;
  margin-top: -6px;
}

changed .wrTabItemDrag

2015.1
.wrTabItemDrag {
  background-color: #FFFFFF;
  -moz-opacity: 0.7;
  -khtml-opacity: 0.7;
  -webkit-opacity: 0.7;
  opacity: 0.7;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=70);
  filter: alpha(opacity=70);
  cursor: default;
}
2016.1
.wrTabItemDrag {
  background-color: #FFFFFF;
  -moz-opacity: 0.7;
  -khtml-opacity: 0.7;
  -webkit-opacity: 0.7;
  opacity: 0.7;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=70);
  filter: alpha(opacity=70);
  cursor: default;
  height: 34px;
}

 

Toolbar.css

changed .wrTbImg:hover

2015.1
.wrTbImg:hover {
  background-color: #F4F6F9;
  border: solid 1px #b2c0d5;
}
2016.1
.wrTbImg:hover {
  background-color: #eeeeee;
}

changed .hover

2015.1
.hover {
  background: #F4F6F9;
  border: solid 1px #a2b3cc;
}
2016.1
.hover {
  background: #eeeeee;
}

removed .wrTbImgDropDown19H


added .wrTbImgDropDown

.wrTbImgDropDown {
  height: 25px;
  width: 10px;
}

added .wrTbImgDropDownSmall

.wrTbImgDropDownSmall {
  height: 16px;
  width: 9px;
}

added .wrTbImgSel.wrImageOnlyButton, .wrTbImgSel.wrImageOnlyButton:hover

.wrTbImgSel.wrImageOnlyButton {
  border: none;
  background-color: transparent;
}
.wrTbImgSel.wrImageOnlyButton:hover {
  border: none;
}

added wrImageOnlyButton, wrImageOnlyButton:active, wrImageOnlyButton.disabled:active

.wrImageOnlyButton {
  padding: 0;
  border: none;
  background-color: transparent;
  cursor: pointer;
  outline: none;
}
.wrImageOnlyButton:active {
  background-color: rgba(0, 0, 0, 0.1);
}
.wrImageOnlyButton.disabled:active {
  background-color: transparent;
}

 

ToolTip.css

No significant changes. Just some color changes, and a removal of border-radius properties from .wrTooltipInnerContainer

 

Tree.css

changed .wrTree

2015.1
.wrTree {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  overflow: auto;
  border: solid 1px #d7d7d7;
  background-color: #FFFFFF;
  color: #444444;
}
2016.1
.wrTree {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  overflow: auto;
  background-color: #ffffff;
  color: #545454;
}

changed .wrTrLv

2015.1
.wrTrLv {
  margin-left: 10px;
}
2016.1
.wrTrLv {
  margin-left: 7px;
}

changed .wrTrNd

2015.1
.wrTrNd {
  font-weight: normal;
  font-style: normal;
}
2016.1
.wrTrNd {
  font-weight: normal;
  font-style: normal;
  margin-left: 5px;
}

changed .wrTrNd span, .wrTrNdB span

2015.1
.wrTrNd span,
.wrTrNdB span {
  padding-left: 3px;
}
2016.1
.wrTrNd span,
.wrTrNdB span {
  padding-left: 3px;
  vertical-align: middle;
  line-height: 16px;
}

changed .wrTrLf

2015.1
.wrTrLf {
  margin-left: 13px;
}
2016.1
.wrTrLf {
  margin-left: 19px;
}

added .wrTrNd[data-imagename] > .wrTrLv > .wrTrLf

.wrTrNd[data-imagename] > .wrTrLv > .wrTrLf {
  margin-left: 31px;
}

added .wrListBoxTree .wrTrLf, .wrListBoxTree .wrTrLf:hover

.wrListBoxTree .wrTrLf {
  margin-left: 0;
}
.wrListBoxTree .wrTrLf:hover {
  background-color: #eeeeee;
}

added .wrTrFolder

.wrTrFolder {
  /* tree flolder */
  font-weight: bold;
}

changed .wrTrEi

2015.1
.wrTrEi {
  cursor: pointer;
  margin-left: 2px;
  margin-right: 4px;
}
2016.1
.wrTrEi {
  cursor: pointer;
  margin-left: 2px;
  margin-right: 1px;
  height: 10px;
  width: 10px;
  vertical-align: middle;
}

changed .wrTrI

2015.1
.wrTrI {
  margin-right: 4px;
  margin-bottom: 2px;
  vertical-align: middle;
}
2016.1
.wrTrI {
  margin-right: 4px;
  margin-left: 2px;
  vertical-align: middle;
  height: 12px;
  width: 12px;
}

added .wrTrLf .wrTrI

.wrTrLf .wrTrI {
  margin-left: 8px;
}

added .wrTrLv .wrTrLf .wrTrI

.wrTrLv .wrTrLf .wrTrI {
  margin-left: -11px;
}

changed .wrTreeItemSelected

2015.1
.wrTreeItemSelected {
  border: 1px solid #7cb2c9;
  margin-left: -1px;
  /* Account for the border width */
  margin-top: -1px;
  margin-bottom: -1px;
  padding-right: 4px;
  background-color: #B7DBFF;
}
2016.1
.wrTreeItemSelected {
  color: #fa7556;
}

added [data-nodeselectiontype='1'] .wrTrLf.wrTreeNodeContainerSelected

[data-nodeselectiontype='1'] .wrTrLf.wrTreeNodeContainerSelected {
  background-color: #fa7556;
}

added [data-nodeselectiontype='1'] .wrTrLf.wrTreeNodeContainerSelected .wrTreeItemSelected

[data-nodeselectiontype='1'] .wrTrLf.wrTreeNodeContainerSelected .wrTreeItemSelected {
  color: white;
}

added .wrTreeSelectionMarker

.wrTreeSelectionMarker {
  height: 20px;
  width: 3px;
  background-color: #fa7556;
  position: absolute;
  transition: top ease-out 0.1s;
}

added .wrTreeSelectionMarkerBlurred

.wrTreeSelectionMarkerBlurred {
  background-color: gray;
}

changed .wrReportsTreeDragItem img#DragReportImg

2015.1
.wrReportsTreeDragItem img#DragReportImg {
  position: relative;
  top: -48px;
  left: -16px;
  -moz-opacity: 0.8;
  -khtml-opacity: 0.8;
  -webkit-opacity: 0.8;
  opacity: 0.8;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=80);
  filter: alpha(opacity=80);
}
2016.1
.wrReportsTreeDragItem img#DragReportImg {
  position: relative;
  top: -36px;
  left: -8px;
  -moz-opacity: 0.9;
  -khtml-opacity: 0.9;
  -webkit-opacity: 0.9;
  opacity: 0.9;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=90);
  filter: alpha(opacity=90);
}

changed .wrReportsTreeDragItem img#NoMoveReportImg

2015.1
.wrReportsTreeDragItem img#NoMoveReportImg {
  position: relative;
  top: -14px;
  left: -30px;
}
2016.1
.wrReportsTreeDragItem img#NoMoveReportImg {
  position: relative;
  top: -14px;
  left: 0;
}

 

Visualization.css

removed wrVisualizationDesignVisualizationSizeButtonSelected, wrVisualizationDesignVisualizationSizeButtonSelected:hover


changed .wrVisualizationDesignPlaceholder img

2015.1
.wrVisualizationDesignPlaceholder img {
  height: 120px;
  width: 120px;
}
2016.1
.wrVisualizationDesignPlaceholder img {
  height: 50px;
  width: 50px;
}

removed .wrKeywordInputOverlay


removed .wrKeywordTextInput


removed .wrKeywordInputInstructions


 

Widget.css

No changes


Hidden Article Information

Article Author
Duke
created 2016-07-25 15:26:12 UTC
updated 2016-08-02 20:54:18 UTC

Labels
no labels yet!
Have more questions? Submit a request