.ltrDirection{
    direction:ltr !important;
}
/*---------------    icons------------*/
* {
  font-weight: bold !important;
}

.base-color, .base-color-hover {
  color: var(--base-color) !important;
}

  .base-color-hover:hover {
    color: var(--base-color-hover) !important;
    cursor: pointer !important;
  }

.success-btn {
  color: var(--success-color);
  border: 1px solid var(--success-color);
}

.error-validation-field {
  border: 1px solid #fb9393 !important;
}

.innerForm {
  overflow-y: overlay;
  overflow-x: hidden;
}

.TabRow {
  padding-left: 20px;
}



.grid-stack {
  background: lightgoldenrodyellow;
}

.grid-stack-item-content {
  color: #2c3e50;
  text-align: center;
  background-color: #18bc9c;
}




.ngx-gallery-image {
  background-size: contain;
}


/*/////////////////////*/
virtual-scroller {
  width: 100%;
  height: 600px;
}

.virtual-scroll-row {
  display: block;
  width: 100%;
  min-height: 40px;
  max-height: 40px;
  overflow: hidden;
}



/*///////////////  grid //////////////////*/
.document-account-column {
  background-color: #f3fcff;
}


.dx-datagrid-rowsview .dx-data-row .dx-cell-modified.dx-cell-modified::after, .dx-datagrid-rowsview .dx-data-row .dx-cell-modified.dx-datagrid-invalid::after {
  border-color: transparent !important;
}
/*.dx-datagrid-header-panel {
  visibility: visible !important;
  height: 38px !important;
  border-bottom: none !important;
  display: block !important;
}*/
/*//////////////////////////*/
.dashboard-charts {
  height: 100%;
  /*width: 100%;*/
  margin: 0 auto;
}





.dx-command-select {
  width: 20px !important;
  min-width: 20px !important;
}

/*/////////////////////// grid selected rows color-profile //////////////////////////*/
.dx-datagrid-rowsview .dx-selection.dx-row:not(.dx-row-focused) > td, .dx-datagrid-rowsview .dx-selection.dx-row:not(.dx-row-focused) > tr > td, .dx-datagrid-rowsview .dx-selection.dx-row:not(.dx-row-focused):hover > td, .dx-datagrid-rowsview .dx-selection.dx-row:not(.dx-row-focused):hover > tr > td {
  background-color: #38c8ff !important;
  /*color: #333 !important;*/
}
/*/////////////////////////////////*/
dp-time-select {
  direction: ltr;
}

.activeIcon {
  color: #1db2f5;
}
