body.restricted.admin #restrictedContent > div,
body.restricted.admin #withDevextremeControls,
body.restricted.admin #gridContainerPatientsAdminWrapper,
body.restricted.admin #gridContainerPatientSurveysWrapper,
body.restricted.clinic #restrictedContent > div,
body.restricted.clinic #withDevextremeControls,
body.restricted.clinic #gridContainerPatientsAdminWrapper,
body.restricted.clinic #gridContainerPatientSurveysWrapper {
  position: relative;
  height: 100%; }

body.restricted.admin #withDevextremeControls,
body.restricted.clinic #withDevextremeControls {
  display: flex;
  flex-flow: column;
  flex-direction: column; }

body.restricted.admin .filter-row,
body.restricted.clinic .filter-row {
  flex: 0 1 auto; }
  body.restricted.admin .filter-row .inner,
  body.restricted.clinic .filter-row .inner {
    margin: 1rem 15px 0;
    background: #fff;
    padding: 10px; }
  body.restricted.admin .filter-row .text-col,
  body.restricted.clinic .filter-row .text-col {
    padding-top: 7px;
    padding-bottom: 7px; }
  body.restricted.admin .filter-row .dx-button,
  body.restricted.clinic .filter-row .dx-button {
    left: 5px;
    width: 100%;
    margin: 1px 0; }
  body.restricted.admin .filter-row .filter-count,
  body.restricted.clinic .filter-row .filter-count {
    float: left;
    color: #999; }

body.restricted.admin .toolbar-text,
body.restricted.clinic .toolbar-text {
  position: relative;
  margin: 20px 0 -62px;
  width: calc(100% - 230px);
  padding: 10px;
  color: #999;
  z-index: 2;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis; }

body.restricted.admin #gridContainerPatientsAdminWrapper,
body.restricted.admin #gridContainerPatientSurveysWrapper,
body.restricted.clinic #gridContainerPatientsAdminWrapper,
body.restricted.clinic #gridContainerPatientSurveysWrapper {
  flex: 1 1 auto; }
  body.restricted.admin #gridContainerPatientsAdminWrapper #gridContainerPatientsAdmin,
  body.restricted.admin #gridContainerPatientsAdminWrapper #gridContainerPatientSurveys,
  body.restricted.admin #gridContainerPatientSurveysWrapper #gridContainerPatientsAdmin,
  body.restricted.admin #gridContainerPatientSurveysWrapper #gridContainerPatientSurveys,
  body.restricted.clinic #gridContainerPatientsAdminWrapper #gridContainerPatientsAdmin,
  body.restricted.clinic #gridContainerPatientsAdminWrapper #gridContainerPatientSurveys,
  body.restricted.clinic #gridContainerPatientSurveysWrapper #gridContainerPatientsAdmin,
  body.restricted.clinic #gridContainerPatientSurveysWrapper #gridContainerPatientSurveys {
    position: absolute;
    top: 0;
    bottom: 0;
    height: 100% !important; }
    body.restricted.admin #gridContainerPatientsAdminWrapper #gridContainerPatientsAdmin > .dx-datagrid,
    body.restricted.admin #gridContainerPatientsAdminWrapper #gridContainerPatientSurveys > .dx-datagrid,
    body.restricted.admin #gridContainerPatientSurveysWrapper #gridContainerPatientsAdmin > .dx-datagrid,
    body.restricted.admin #gridContainerPatientSurveysWrapper #gridContainerPatientSurveys > .dx-datagrid,
    body.restricted.clinic #gridContainerPatientsAdminWrapper #gridContainerPatientsAdmin > .dx-datagrid,
    body.restricted.clinic #gridContainerPatientsAdminWrapper #gridContainerPatientSurveys > .dx-datagrid,
    body.restricted.clinic #gridContainerPatientSurveysWrapper #gridContainerPatientsAdmin > .dx-datagrid,
    body.restricted.clinic #gridContainerPatientSurveysWrapper #gridContainerPatientSurveys > .dx-datagrid {
      height: 100% !important; }
      body.restricted.admin #gridContainerPatientsAdminWrapper #gridContainerPatientsAdmin > .dx-datagrid > .dx-scrollable,
      body.restricted.admin #gridContainerPatientsAdminWrapper #gridContainerPatientSurveys > .dx-datagrid > .dx-scrollable,
      body.restricted.admin #gridContainerPatientSurveysWrapper #gridContainerPatientsAdmin > .dx-datagrid > .dx-scrollable,
      body.restricted.admin #gridContainerPatientSurveysWrapper #gridContainerPatientSurveys > .dx-datagrid > .dx-scrollable,
      body.restricted.clinic #gridContainerPatientsAdminWrapper #gridContainerPatientsAdmin > .dx-datagrid > .dx-scrollable,
      body.restricted.clinic #gridContainerPatientsAdminWrapper #gridContainerPatientSurveys > .dx-datagrid > .dx-scrollable,
      body.restricted.clinic #gridContainerPatientSurveysWrapper #gridContainerPatientsAdmin > .dx-datagrid > .dx-scrollable,
      body.restricted.clinic #gridContainerPatientSurveysWrapper #gridContainerPatientSurveys > .dx-datagrid > .dx-scrollable {
        height: calc(100% - 192px) !important;
        border-bottom: 1px solid #ddd; }

body.restricted.admin .dx-widget,
body.restricted.clinic .dx-widget {
  font-size: 16px; }

body.restricted.admin #gridContainerPatientsAdmin > .dx-datagrid .dx-datagrid-toolbar-button.dx-datagrid-export-button.dx-button.dx-button-normal.dx-widget.dx-button-has-icon,
body.restricted.admin #gridContainerPatientSurveys > .dx-datagrid .dx-datagrid-toolbar-button.dx-datagrid-export-button.dx-button.dx-button-normal.dx-widget.dx-button-has-icon,
body.restricted.clinic #gridContainerPatientsAdmin > .dx-datagrid .dx-datagrid-toolbar-button.dx-datagrid-export-button.dx-button.dx-button-normal.dx-widget.dx-button-has-icon,
body.restricted.clinic #gridContainerPatientSurveys > .dx-datagrid .dx-datagrid-toolbar-button.dx-datagrid-export-button.dx-button.dx-button-normal.dx-widget.dx-button-has-icon {
  margin: 0 0 9px; }

body.restricted.admin #gridContainerPatientsAdmin > .dx-datagrid .dx-toolbar .dx-toolbar-after,
body.restricted.admin #gridContainerPatientSurveys > .dx-datagrid .dx-toolbar .dx-toolbar-after,
body.restricted.clinic #gridContainerPatientsAdmin > .dx-datagrid .dx-toolbar .dx-toolbar-after,
body.restricted.clinic #gridContainerPatientSurveys > .dx-datagrid .dx-toolbar .dx-toolbar-after {
  padding-left: 15px;
  padding: 5px 5px 5px 15px; }

body.restricted.admin #gridContainerPatientsAdmin > .dx-datagrid .dx-datagrid-headers .dx-datagrid-table .dx-row.dx-header-row > td,
body.restricted.admin #gridContainerPatientSurveys > .dx-datagrid .dx-datagrid-headers .dx-datagrid-table .dx-row.dx-header-row > td,
body.restricted.clinic #gridContainerPatientsAdmin > .dx-datagrid .dx-datagrid-headers .dx-datagrid-table .dx-row.dx-header-row > td,
body.restricted.clinic #gridContainerPatientSurveys > .dx-datagrid .dx-datagrid-headers .dx-datagrid-table .dx-row.dx-header-row > td {
  background: #044F94;
  color: #fff;
  border-color: #437baf; }

body.restricted.admin #gridContainerPatientsAdmin > .dx-datagrid .dx-header-filter.dx-header-filter-empty,
body.restricted.admin #gridContainerPatientSurveys > .dx-datagrid .dx-header-filter.dx-header-filter-empty,
body.restricted.clinic #gridContainerPatientsAdmin > .dx-datagrid .dx-header-filter.dx-header-filter-empty,
body.restricted.clinic #gridContainerPatientSurveys > .dx-datagrid .dx-header-filter.dx-header-filter-empty {
  color: #fff !important;
  opacity: .7; }

body.restricted.admin #gridContainerPatientsAdmin > .dx-datagrid .dx-header-filter.dx-header-filter-empty:hover,
body.restricted.admin #gridContainerPatientSurveys > .dx-datagrid .dx-header-filter.dx-header-filter-empty:hover,
body.restricted.clinic #gridContainerPatientsAdmin > .dx-datagrid .dx-header-filter.dx-header-filter-empty:hover,
body.restricted.clinic #gridContainerPatientSurveys > .dx-datagrid .dx-header-filter.dx-header-filter-empty:hover {
  opacity: 1; }

body.restricted.admin #gridContainerPatientsAdmin > .dx-datagrid .dx-header-filter:not(.dx-header-filter-empty),
body.restricted.admin #gridContainerPatientSurveys > .dx-datagrid .dx-header-filter:not(.dx-header-filter-empty),
body.restricted.clinic #gridContainerPatientsAdmin > .dx-datagrid .dx-header-filter:not(.dx-header-filter-empty),
body.restricted.clinic #gridContainerPatientSurveys > .dx-datagrid .dx-header-filter:not(.dx-header-filter-empty) {
  color: #EB7625 !important; }

body.restricted.admin #gridContainerPatientsAdmin > .dx-datagrid .dx-toolbar,
body.restricted.admin #gridContainerPatientSurveys > .dx-datagrid .dx-toolbar,
body.restricted.clinic #gridContainerPatientsAdmin > .dx-datagrid .dx-toolbar,
body.restricted.clinic #gridContainerPatientSurveys > .dx-datagrid .dx-toolbar {
  background: none; }

body.restricted.admin #gridContainerPatientsAdmin > .dx-datagrid .dx-pager .dx-pages .dx-selection,
body.restricted.admin #gridContainerPatientsAdmin > .dx-datagrid .dx-pager .dx-page-sizes .dx-selection,
body.restricted.admin #gridContainerPatientSurveys > .dx-datagrid .dx-pager .dx-pages .dx-selection,
body.restricted.admin #gridContainerPatientSurveys > .dx-datagrid .dx-pager .dx-page-sizes .dx-selection,
body.restricted.clinic #gridContainerPatientsAdmin > .dx-datagrid .dx-pager .dx-pages .dx-selection,
body.restricted.clinic #gridContainerPatientsAdmin > .dx-datagrid .dx-pager .dx-page-sizes .dx-selection,
body.restricted.clinic #gridContainerPatientSurveys > .dx-datagrid .dx-pager .dx-pages .dx-selection,
body.restricted.clinic #gridContainerPatientSurveys > .dx-datagrid .dx-pager .dx-page-sizes .dx-selection {
  background-color: #EB7625;
  color: #fff; }

body.restricted.admin #gridContainerPatientsAdmin > .dx-datagrid .dx-pager .dx-page-sizes .dx-page-size:not(.dx-selection):hover,
body.restricted.admin #gridContainerPatientsAdmin > .dx-datagrid .dx-pager .dx-pages .dx-page:not(.dx-selection):hover,
body.restricted.admin #gridContainerPatientSurveys > .dx-datagrid .dx-pager .dx-page-sizes .dx-page-size:not(.dx-selection):hover,
body.restricted.admin #gridContainerPatientSurveys > .dx-datagrid .dx-pager .dx-pages .dx-page:not(.dx-selection):hover,
body.restricted.clinic #gridContainerPatientsAdmin > .dx-datagrid .dx-pager .dx-page-sizes .dx-page-size:not(.dx-selection):hover,
body.restricted.clinic #gridContainerPatientsAdmin > .dx-datagrid .dx-pager .dx-pages .dx-page:not(.dx-selection):hover,
body.restricted.clinic #gridContainerPatientSurveys > .dx-datagrid .dx-pager .dx-page-sizes .dx-page-size:not(.dx-selection):hover,
body.restricted.clinic #gridContainerPatientSurveys > .dx-datagrid .dx-pager .dx-pages .dx-page:not(.dx-selection):hover {
  background: #efefef; }

body.restricted.admin #gridContainerPatientsAdmin > .dx-datagrid .dx-datagrid-pager.dx-widget.dx-pager,
body.restricted.admin #gridContainerPatientSurveys > .dx-datagrid .dx-datagrid-pager.dx-widget.dx-pager,
body.restricted.clinic #gridContainerPatientsAdmin > .dx-datagrid .dx-datagrid-pager.dx-widget.dx-pager,
body.restricted.clinic #gridContainerPatientSurveys > .dx-datagrid .dx-datagrid-pager.dx-widget.dx-pager {
  padding: 10px;
  background: #f9f9f9;
  border-color: transparent; }

body.restricted.admin #gridContainerPatientsAdmin > .dx-datagrid .dx-datagrid-total-footer,
body.restricted.admin #gridContainerPatientSurveys > .dx-datagrid .dx-datagrid-total-footer,
body.restricted.clinic #gridContainerPatientsAdmin > .dx-datagrid .dx-datagrid-total-footer,
body.restricted.clinic #gridContainerPatientSurveys > .dx-datagrid .dx-datagrid-total-footer {
  display: none; }

body.restricted.admin .dx-context-menu .dx-menu-items-container,
body.restricted.clinic .dx-context-menu .dx-menu-items-container {
  padding: 10px 0; }

body.restricted.admin .dx-submenu .dx-menu-item .dx-menu-item-content,
body.restricted.clinic .dx-submenu .dx-menu-item .dx-menu-item-content {
  padding: 10px 5px 10px 7px; }

body.restricted.admin .dx-popup-wrapper > .dx-overlay-content,
body.restricted.clinic .dx-popup-wrapper > .dx-overlay-content {
  -ms-transform-origin: top right !important;
      transform-origin: top right !important; }

body.restricted.admin .dx-popup-bottom.dx-toolbar,
body.restricted.clinic .dx-popup-bottom.dx-toolbar {
  padding: 0 13px 20px; }

.change-animation {
  display: inline-block;
  margin: -3px;
  padding: 3px; }

.change {
  background: #fbe4d3;
  color: #EB7625; }

.change-add {
  transition: all .3s ease-in; }

.change-remove {
  transition: all 1s ease-in; }