/* for the editor */

.dxic input[type="text"] {
  border-radius: 0;
  height: 14px;
}

/* width of text field for the add link dialog in the editor; should not affect width of combo editors */
/* match 'dxeEditArea_Office2010Silver' (used in fields in rich text editor popup) but not 'dxeEditArea' (used by the combo editor) */
[class^='dxeEditArea_'] {
  width: unset !important;
}

/* for the drop down (combo) editor */

td.dxic {
  vertical-align: middle !important;
}

.dxeButtonEdit {
  background-color: #F7FAFD;
  border: 1px solid #83AADA;
  border-radius: 2px;
  margin: 0;
  outline: none;
  padding: 0 0;
  vertical-align: middle;
}

  .dxeButtonEdit .dxbebt {
    width: 20px !important;
  }

  .dxeButtonEdit input[type="text"] {
    background-color: #F7FAFD;
    color: #333333;
    font-family: Arial, Verdana, Helvetica, sans-serif;
    font-size: 14px;
    height: 16px;
    line-height: 16px;
    padding: 0;
    vertical-align: middle;
  }

.dxeButtonEditButton {
  background: #e6e6e6;
  border: 1px solid #83AADA;
  border-radius: 2px;
  padding: 0;
  padding: 2px 4px !important;
}

.dxeColorTable {
  border-spacing: 0 !important;
}

.dxpcDropDown table {
  border-spacing: 0 !important;
}

/*Fix for the editor*/
.dxheControl_Office2010Silver, .dxheControl_Office2010Silver table {
  border-spacing: 0 !important;
}

  /*Fix for html preview on memo addEdit*/
  .dxheControl_Office2010Silver .dxeMemo_Office2010Silver textarea {
    max-width: 100%;
  }

.dxeCalendar {
  /* When a Dev Express DatePicker is in an IFrame and a date is selected. The parent page would scroll on date selection.
     This issue could be seen in the provider shift off request screen. Under times off request. This stops the issue.     
     Based on https://www.devexpress.com/Support/Center/Question/Details/T208974 */
  -webkit-backface-visibility: hidden;
}

.dxeDropDownWindow, .dxeListBox {
  border: 1px solid #83AADA;
  border-radius: 2px;
  padding: 0;
  /*padding: 4px !important;*/
}

.dxEditors_edtSpinEditLargeIncImage, .dxEditors_edtSpinEditLargeDecImage {
  margin-left: 6px !important;
  width: 12px !important;
}

.dxeListBoxItemRow img, .dxeIIC img {
  vertical-align: middle !important;
}

/* File upload control */

.dxCB {
  display: none;  
}

.dxucTextBox {
  border: solid 1px #83AADA !important;
  width: 250px !important; 
}

.dxucBrowseButton {
  background-color: #3C80C4;
  background-image: none !important;
  border: none;
  border-radius: 2px;
  color: #FFFFFF !important;
  display: inline-block;
  font-weight: bold;
  line-height: 18px;
  margin-left: 3px;
  outline: none !important;
  padding: 4px 8px;
  text-align: center;
  white-space: nowrap;
}

.dxucBrowseButtonHover {
  background-color: #2D6093 !important;
  outline: none !important;
  text-decoration: none;
}

.dxucBrowseButton a {
  color: #FFFFFF !important;
  font-weight: bold;
  outline: none !important;
}

  .dxucBrowseButton a:hover {
    color: #FFFFFF !important;
    font-weight: bold;
    outline: none !important;
  }
  
/* tree list */
.dxtlDataTable {
  border-collapse: collapse !important;
  border-spacing: 0 !important;
}

.dxtlControl_Office365 {
  color: #333333 !important;
}

/* color picker */

.dxeColorTable_Office365 {
  border-collapse: collapse !important;
}

.dxeColorTable_Office365 td.dx {
  padding: 0 !important;
}

.dxeColorTableCell_Office365 {
  padding: 0 !important;
}

.dxeColorTableCellDiv_Office365 {
  border: 0 !important;
}

.dxeColorEditButton_Office365 {
  padding: 5px 17px 5px 17px !important;
  margin-bottom: 5px;
}

.dxeColorEditButton_Office365 + .dxeColorTable_Office365 {
  display: none; /* color swatches immediately below the "custom" button */
}

.dxeButtonEdit_Office365, .dxeFocused_Office365 {
  border-color: #83AADA !important;
}