.dx-state-readonly { /* input disable mod, slightly pale */
  color: #777!important;
}

.dx-datebox {
  width: 100%!important;
}

.dx-popup-content {
  padding: 7px !important;
}

.dx-widget {
  font-size:11px !important;
}

.dx-widget.dx-tooltip {
  display: inline !important;
  -ms-content-zooming: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-text-size-adjust: none;
  padding: 0;
  outline: 0;
  -webkit-print-color-adjust: exact;
}

/*__________Calendar_____________*/
.dx-calendar-cell {
  color: #823e3e!important;
}

.dx-calendar-body thead tr th {
  color: #823e3e!important;
}

.dx-calendar-cell.dx-calendar-other-view, .dx-calendar-cell.dx-calendar-empty-cell {
  color: rgba(173, 173, 173, 1)!important;
}

.dx-calendar-cell.dx-calendar-selected-date, .dx-calendar-cell.dx-calendar-selected-date.dx-calendar-today {
  color: #ffffff!important;
  background-color: rgba(115, 57, 57, 1)!important;
}

.dx-calendar-caption-button {
  color: #823e3e!important;
}

.dx-datebox-wrapper-calendar .dx-calendar {
  margin: -9px !important;
}

/*__________Button_____________*/
.dx-button.dx-button-normal, .dx-button.dx-button-normal.dx-state-focused {
  background-color: #fafafa!important;
}

.dx-button.dx-button-normal.dx-state-active {
  background-color: rgba(96, 96, 96, .2)!important;
  border-color: transparent!important;
  color: #232323!important;
}

.dx-icon {
  font-size: 15px!important;
}

.rd-button-normal {
  height: 34px!important;
}

.rd-button-small {
  height: 24px!important;
}

.rd-button-small>.dx-button-content {
  padding-top: 2px!important;
  padding-left: 5px!important;
  padding-right: 5px!important;
}

.rd-button-small>.dx-button-content>.dx-button-text {
  font-size: 13px!important;
}

.rd-button-small>.dx-button-content>.dx-icon {
  margin-top: 1px!important;
}

/*__________Checkbox_____________*/
.dx-checkbox-has-text .dx-checkbox-text {
  vertical-align: baseline!important;
  color: #337ab7;
}

/*__________Tooltip_____________*/
.dx-tooltip-wrapper {
  z-index: 10070!important;
}
.dx-popup-wrapper {
  z-index: 10070!important;
}
.dx-radiobutton-icon-dot {
  border-radius: 5px!important;
  background: #337ab7!important;
}

/*___________Field______________*/
.dx-field {
  font-size: 11px !important;
  min-height: 28px !important;
}

.dx-field .dx-field-label{
  font-size:11px !important;
}

rd-field[paddingTopZero] > .dx-field .dx-field-label{
 padding: 0 15px 9px 0 !important
}

rd-field[fontBold] > .dx-field .dx-field-label{
 font-weight: bold !important;
}

/*__________Input_______________*/
.dx-texteditor-input{
  padding: 0px 9px 10px !important;
  font-size:1.2em;
}

.dx-searchbox .dx-texteditor-input{
  padding:0px 34px 8px !important;
  font-size:1.2em;
}

rd-input-text[borderNone] > .dx-texteditor{
  border:none !important
}

/*__________FileUploder_______________*/
.dx-fileuploader-wrapper{ 
  /* height:75px !important; */
}

.dx-fileuploader-show-file-list .dx-fileuploader-files-container, .dx-fileuploader-files-container,.dx-fileuploader-wrapper,.dx-fileuploader-input-wrapper {
  padding: 0 !important;
  border:none !important;  
}

.dx-fileuploader-content > .dx-fileuploader-upload-button{
  margin:0 !important;
}

.dx-fileuploader-button{
  width:29px;
  height: 22px;
  background-image: url('../../assets/app/img/custom/folder.png');
  background-size: contain;  
  background-repeat: no-repeat;
  background-position: center;
}

/*________InputTag__________*/
rd-input-tag .dx-tag-content{
  background-color : #5bc0de !important;
  color:white !important;
}

/*____Color-Picker___*/
.dx-colorbox-input.dx-texteditor-input{
  padding-left:40px !important;
}

/*____DropDownBox___*/
rd-input-drop-down-box .dx-dropdowneditor-input-wrapper input {
  margin-top:.5rem
}

/*___InputSelect___*/

.devex-select-box-custom-field {
  position: relative;
  min-height: 30px;
}

.dx-dropdowneditor-input-wrapper .devex-select-box-custom-field > img {
  padding-left: 8px;
}

.devex-select-box-custom-field .devex-select-box-custom-item {
  display: inline-block;
  padding-left: 50px;
  text-indent: 0;
  line-height: 30px;
  font-size: 15px;
  width: 100%;
}

.devex-select-box-custom-field > img {
  left: 1px;
  position: absolute;
  top: 50%;
  margin-top: -15px;
  width: 40px;
  height: 30px;
}