*, *::after, *::before {
  margin: 0;
  padding: 0;
  border: none;
  scrollbar-width: thin !important;
  scrollbar-color: rgba(203, 208, 219, 1) transparent !important;
  box-sizing: border-box;
}

*::-webkit-scrollbar {
  width: 6px !important;
  background-color: transparent !important;
}

*::-webkit-scrollbar-track {
  background: transparent !important;
  border-radius: 5px !important;
}

*::-webkit-scrollbar-thumb {
  background: rgba(203, 208, 219, 1) !important;
  border-radius: 5px !important;
  border: 0 !important;
  background-clip: content-box !important;
}

*::-webkit-scrollbar-thumb:hover {
  background: rgba(203, 208, 219, 1) !important;
}

*::-webkit-scrollbar-corner {
  background: transparent !important;
}

html,
body {
  width: 100%;
  height: 100%;
  margin: 0;
  overflow: hidden;
  background-color: var(--color-gray-75);
}

body {
  display: flex;
}

div {
  font-family: Roboto, sans-serif;
}

#body {
  overflow: hidden !important;
}

.container {
  display: flex;
}

.loading {
  cursor: wait !important;
}

.loading * {
  pointer-events: none;
}

.dhtmlx_popup_title {
  text-transform: none;
}

/** SCROLLBAR **/
html {
  --scrollbarBG: #E6E9EB;
  --thumbBG: rgba(169, 181, 189, 0.7);
  --scrollbarWindowsBG: #FFFFFF;

  --white: #FFFFFF;
}

ul {
  list-style: none;
  padding: 0;
  margin: 0;
}

/* fix for table td with long text */
div.gridbox_material.gridbox div.objbox table.obj.row20px tr td {
  white-space: normal;
  line-height: 1.5;
}

.dhx_cell_cont_wins {
  scrollbar-width: thin;
  scrollbar-color: var(--thumbBG) var(--scrollbarWindowsBG);
}

.dhx_cell_cont_wins::-webkit-scrollbar-track {
  background: var(--scrollbarWindowsBG);
}

.dhx_cell_cont_wins::-webkit-scrollbar-thumb {
  background-color: var(--thumbBG);
  border-radius: 3px;
  border: 5px solid var(--scrollbarWindowsBG);
}

.aside-menu-group-overflow::-webkit-scrollbar {
  width: 6px;
}

.aside-menu-group-overflow {
  scrollbar-width: thin;
  scrollbar-color: var(--thumbBG) var(--scrollbarBG);
}

.aside-menu-group-overflow::-webkit-scrollbar-track {
  background: var(--scrollbarBG);
}

.aside-menu-group-overflow::-webkit-scrollbar-thumb {
  background-color: var(--thumbBG);
  border-radius: 3px;
  border: 5px solid var(--scrollbarBG);
}


/** ASIDE **/
.aside {
  min-width: 188px;
  background-color: var(--white);
  margin-right: 16px;
  box-shadow: 0 4px 10px rgba(39, 46, 51, 0.1);
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.aside-top {
  overflow-y: hidden;
  display: flex;
  flex-direction: column;
}

.logo-container {
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 70px;
  padding: 0 16px;
  flex: 0 0 70px;
}

.logo {
  cursor: pointer;
  height: 27px;
}

.aside__toggle-button {
  width: 7px;
  height: 12px;
  margin-left: 6px;
  background-image: url(/imgs/icons/dhxlayout_cell_btns.png);
  background-repeat: no-repeat;
  background-position-x: -20px;
  background-position-y: -3px;
  cursor: pointer;
}

.aside-menu-group {
  display: flex;
  flex-direction: column;
}

.aside-menu-group-overflow {
  overflow-y: overlay;
  --scrollbarBG: none;
}

.aside-menu-group.aside-menu-user-info-group {
  position: relative;
}

.side-menu__item {
  font-family: Roboto, sans-serif;
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  color: var(--color-gray-900);
  line-height: 50px;
  display: flex;
  align-items: center;
  padding: 0 5px 0 13px;
  height: 50px;
  cursor: pointer;
  border-left: 2px solid var(--white);
  position: relative;
}

.side-menu__item--selected {
  background: #EAF0F4;
  border-color: #196AA5;
}

.side-menu__item .button {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}

.side-menu__item__button-text {
  padding-left: 3px;
}

.aside-user-group__button--name,
.burger-user-group__button--name {
  margin-left: 16px;
  line-height: 14px;
}

.side-menu__icon {
  width: 24px;
  height: 24px;
  background-size: cover;
}

.side-menu__badge {
  background-color: #ff8839;
  color: var(--white);
  border-radius: 9px;
  font-size: 10px;
  height: 18px;
  min-width: 18px;
  box-sizing: border-box;
  padding: 0 4px;
  text-align: center;
  line-height: 18px;
  position: absolute;
  top: 5px;
  left: 25px;
}

.support__icon {
  background-image: url(/imgs/support_icon.png);
}

.notification__icon {
  background-image: url(/imgs/icons/notifications_icon.png);
}

.clinician__icon {
  background-image: url(/imgs/icons/gp_icon.png);
}

.clinician-list-container {
  position: absolute;
  left: 190px;
  z-index: 1;
  background: var(--white);
  min-width: 190px;
  border-radius: 4px;
  bottom: 50px;
  box-shadow: 0 4px 10px rgba(39, 46, 51, 0.2);
  cursor: pointer;
}

.clinician-list__item:hover {
  background: transparent !important;
}

.clinician-list__item {
  height: 50px;
  padding: 0 22px;
  font-family: Roboto, sans-serif;
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 50px;
  color: var(--color-gray-900);
}

.clinician-list__item:hover {
  background: #EAF0F4;
}

.notification-list-container {
  position: absolute;
  right: -540px;
  z-index: 2;
  background: var(--white);
  width: 500px;
  border-radius: 4px;
  bottom: 0;
  box-shadow: 0 4px 10px rgba(39, 46, 51, 0.2);
  height: 70vh;
  padding: 8px 16px;
  overflow-y: auto;
}

.no-messages-container {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  background: #FFF;
  height: 100%;
}

.no-messages-container p {
  font-size: 21px;
  line-height: 30px;
  color: #A9B5BD;
}

.side-menu__item--logout {
  margin-top: 20px;
}

.user_avatar {
  width: 24px;
  height: 24px;
  background-size: cover;
  border-radius: 50%;
}


/** WINDOWS **/

div.windowForm {
  padding: 10px 20px !important;
}

.dhxwins_vp_material div.dhxwin_active,
.dhxwins_vp_material div.dhxwin_hdr {
  background-color: var(--white);
}

.dhxwins_vp_material div.dhxwin_hdr {
  color: var(--color-gray-900);
  font-family: Roboto, sans-serif;
  font-style: normal;
  font-weight: 500;
  font-size: 21px;
}

.dhxwins_vp_material div.dhxwin_inactive div.dhxwin_hdr {
  background-color: var(--white);
  color: var(--color-gray-900);
  opacity: 1;
}

.dhx_cell_wins,
.dhxwin_brd {
  border-top: 1px solid #E5E9EB;
}

.dhxwins_vp_material div.dhxwin_brd {
  border: none;
}

div.dhxwin_active {
  box-shadow: 0 4px 10px rgba(39, 46, 51, 0.2) !important;
  border-radius: 4px !important;
}

.dhxwins_vp_material div.dhxwin_hdr div.dhxwin_btns div.dhxwin_button,
.dhxwins_vp_material div.dhxwin_hdr div.dhxwin_btns div.dhxwin_button_dis {
  background-image: url(/imgs/icons/dhxwins_buttons.png) !important;
}

.dhxwins_vp_material div.dhxwin_hdr div.dhxwin_btns div.dhxwin_button:hover,
.dhxwins_vp_material div.dhxwin_hdr div.dhxwin_btns div.dhxwin_button_dis:hover {
  background-color: var(--white) !important;
}

.dhxlayout_base_material div.dhx_cell_layout div.dhx_cell_hdr div.dhx_cell_hdr_text {
  margin: 0 20px 0 14px;
}

/** DHTMLX TOOLBAR **/

.dhx_toolbar_material {
  background-color: var(--white);
  padding: 0;
  border-color: #E5E9EB;
  height: auto;
}

.dhx_toolbar_material div.dhx_toolbar_btn div.dhxtoolbar_text {
  font-family: Roboto, sans-serif;
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
}

.dhx_toolbar_material div.dhx_toolbar_btn.dhxtoolbar_btn_def,
.dhx_toolbar_material div.dhx_toolbar_arw.dhxtoolbar_btn_def {
  color: var(--color-gray-900);
}

.dhx_toolbar_material div.dhx_toolbar_btn.dhxtoolbar_btn_dis,
.dhx_toolbar_material div.dhx_toolbar_arw.dhxtoolbar_btn_dis {
  color: #A9B5BD;
}

.dhx_toolbar_material div.dhx_toolbar_btn.dhxtoolbar_btn_def .dhxtoolbar_input {
  margin-top: 5px;
}

/** DHTMLX TABBAR **/
.dhxtabbar_base_material div.dhxtabbar_tabs {
  font-family: Roboto, sans-serif;
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  color: var(--color-gray-900);
  background-color: var(--white);
  border: 1px solid rgba(169, 181, 189, 0.5);
}

.dhxtabbar_base_material div.dhxtabbar_tabs div.dhxtabbar_tabs_base div.dhxtabbar_tab div.dhxtabbar_tab_text,
.dhxtabbar_base_material div.dhxtabbar_tabs div.dhxtabbar_tabs_base div.dhxtabbar_tab {
  background-color: var(--white);
  text-transform: none;
}

.dhxtabbar_base_material div.dhxtabbar_tabs div.dhxtabbar_tabs_ar_left div.dhxtabbar_arrow_img {
  background-image: url(/imgs/icons/dhxtabbar_arrows_custom.png) !important;
}

.dhxtabbar_base_material div.dhxtabbar_tabs div.dhxtabbar_tabs_ar_right div.dhxtabbar_arrow_img {
  background-image: url(/imgs/icons/dhxtabbar_arrows_custom.png) !important;
}

.dhxtabbar_base_material div.dhxtabbar_tabs div.dhxtabbar_tabs_base div.dhxtabbar_tabs_cont_left div.dhxtabbar_tab {
  width: auto !important;
}

.dhxtabbar_base_material div.dhxtabbar_tabs div.dhxtabbar_tabs_base div.dhxtabbar_tabs_cont_left {
  position: relative;
}

.dhxtabbar_base_material div.dhxtabbar_tabs div.dhxtabbar_tabs_base div.dhxtabbar_tabs_cont_left div.dhxtabbar_tab.dhxtabbar_tab_actv::after {
  content: '';
  position: absolute;
  bottom: 0;
  top: 0;
  right: 0;
  width: 2px;
  background-color: var(--color-white);
}

/** DHTMLX COMBO **/
div.dhxcombo_material {
  display: block;
  height: 38px;
  background: var(--white);
  border: 1px solid #A9B5BD;
  box-sizing: border-box;
  border-radius: 4px;
}

div.dhxcombo_material:disabled {
  background: #EAF0F4;
  opacity: 0.5;
  border: 1px solid #A9B5BD;
}

div.dhxcombo_material:hover {
  border: 1px solid #014678;
}

div.dhxcombo_material input.dhxcombo_input {
  line-height: 38px;
  height: 38px;
  background: var(--white);
  padding: 0 12px;
  font-family: Roboto, sans-serif;
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  color: var(--color-gray-900);
}

#formAddEpisode div.dhxcombo_material input.dhxcombo_input,
#formAddAdmission div.dhxcombo_material input.dhxcombo_input {
  width: 90% !important;
}

div.dhxcombo_material.dhxcombo_actv {
  border: 1px solid #196AA5;
}

div.dhxcombo_material div.dhxcombo_select_button {
  height: 30px;
}

div.dhxcombo_material div.dhxcombo_select_button div.dhxcombo_select_img {
  background-image: url(/imgs/icons/arrow_down.png) !important;
}

div.dhxcombo_material.dhxcombo_actv div.dhxcombo_select_button div.dhxcombo_select_img {
  background-image: url(/imgs/icons/arrow_up_active.png) !important;
}

.dhxcombolist_material {
  background: var(--white);
  box-shadow: 0 4px 10px rgba(39, 46, 51, 0.2);
  border-radius: 4px;
}

div.dhxcombolist_material div.dhxcombo_option {
  height: 31px;
  font-family: Roboto, sans-serif;
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 31px;
  color: var(--color-gray-900) !important;
  background: #FFF;
  padding-left: 12px;
}

div.dhxcombolist_material div.dhxcombo_option.dhxcombo_option_selected {
  background: #EAF0F4;
}

/** TOOLBAR **/
/*.dhx_toolbar_material.dhx_toolbar_shadow {*/
/*    box-shadow: none;*/
/*}*/
.tabbar-item-container {
  display: flex;
  align-items: center;
}

.tabbar-item-icon {
  width: 24px;
  height: 24px;
  margin-right: 8px;
  background-repeat: no-repeat;
  background-position: center;
}

.tabbar-icon-patients {
  background-image: url(/imgs/icons/patient_icon.png);
}

.tabbar-icon-episodes {
  background-image: url(/imgs/icons/appointment_icon.png);
}

.tabbar-icon-admissions {
  background-image: url(/imgs/icons/admission_icon.png);
}

.tabbar-icon-clinicalnotes {
  background-image: url(/imgs/icons/clinical_note_icon.png);
}

.tabbar-icon-letters {
  background-image: url(/imgs/icons/letter_icon.png);
}

.tabbar-icon-docrep {
  background-image: url(/imgs/icons/document_icon.png);
}

.tabbar-icon-telemedicine {
  background-image: url(/imgs/icons/telemedicine_icon.png);
}

.tabbar-icon-xray {
  background-image: url(/imgs/icons/radiology_icon.png);
}

.tabbar-icon-recall {
  background-image: url(/imgs/icons/recall_icon.png);
}

.tabbar-icon-discharges {
  background-image: url(/imgs/icons/discharge_icon.png);
}

.tabbar-icon-doctors {
  background-image: url(/imgs/icons/doctor_icon.png);
}

.tabbar-icon-fee {
  background-image: url(/imgs/icons/fee_icon.png);
}

.tabbar-icon-patients {
  background-image: url(/imgs/icons/patient_icon.png);
}

.tabbar-icon-procedures {
  background-image: url(/imgs/icons/procedures_icon.png);
}

.tabbar-icon-practice-stats {
  background-image: url(/imgs/icons/practicestats_icon.png);
}

/** CONTENT **/
.content {
  width: 100%;
  display: flex;
  flex-direction: column;
  /* margin-right: 16px; */
  &.closed {
    max-width: calc(100% - 48px);
  }
  &.opened {
    max-width: calc(100% - 212px);
  }
}

.mobile .content {
  &.closed {
    max-width: 100%;
  }
  &.opened {
    max-width: 100%;
  }
}

@media screen and (min-width: 600px) {
  .content {
    max-width: calc(100% - 212px);
  }
}

/* .aside 188px + 16px margin-right */

/* .aside when close 56px + 16px margin-right */
.aside.aside--close + .content {
  max-width: calc(100% - 72px);
}

/** HEADER **/
.header {
  /*min-height: 70px;*/
  width: 100%;
  margin-bottom: 16px;
  background-color: var(--white);
  border-bottom: 1px solid rgba(169, 181, 189, 0.5);
  border-right: 1px solid rgba(169, 181, 189, 0.5);
  border-left: 1px solid rgba(169, 181, 189, 0.5);
  box-sizing: border-box;
  border-radius: 0 0 4px 4px;
  display: flex;
  flex-direction: column;
  /*justify-content: space-between;*/
  /*align-items: center;*/
  /*padding-left: 26px;*/
  /*padding-right: 11px;*/
}

.header-main,
.add-new-letter-header {
  height: 70px;
  width: 100%;
  box-sizing: border-box;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-left: 16px;
  padding-right: 11px;
}

.header-part {
  display: flex;
  align-items: center;
}

.header-part-add-new-letter {
  display: flex;
}

.header__item--margin-right {
  margin-right: 20px;
}

.header__item--margin-left {
  margin-left: 20px;
}

.today-header-block,
.stickynotes-header-block {
  display: flex;
  align-items: center;
}

.admissions-header-block {
  position: relative;
}

/*.admissions-setting__button {*/
/*    height: 24px;*/
/*    wudth: 24px;*/
/*    background-image: url("/imgs/icons/");*/
/*}*/

.admissions-column-settings-container {
  position: absolute;
  top: 35px;
  left: 0;
  min-width: 200px;
  padding: 2px 0;
  box-shadow: 0 4px 10px rgba(39, 46, 51, 0.2);
  border-radius: 4px;
  background: var(--white);
  z-index: 2;
}

.admissions-column-setting-name,
.admissions-setting__item {
  line-height: 50px;
  height: 50px;
  padding-left: 20px;
}

.text__button {
  background: none;
  border: none;
  margin: 0;
  padding: 0;
  cursor: pointer;
  font-family: Roboto, sans-serif;
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  color: #196AA5;
  user-select: none;
}

.header-tab-name {
  margin-right: 32px;
  margin-left: 20px;
}

.selected-patient-container {
  margin-right: 30px;
}

#headerAddNewToolbarObj,
#headerSearchToolbarObj,
#insuranceClinicHealthEnter {
  width: 107px;
}

#headerAddNewToolbarObj {
  margin-right: 10px;
}

#headerAddNewToolbarObj.dhx_toolbar_material,
#headerSearchToolbarObj.dhx_toolbar_material,
#headerActionsToolbarObj.dhx_toolbar_material {
  background: #FFF;
}

#headerAddNewToolbarObj.dhx_toolbar_material div.dhx_toolbar_btn,
#headerSearchToolbarObj.dhx_toolbar_material div.dhx_toolbar_btn,
#headerActionsToolbarObj.dhx_toolbar_material div.dhx_toolbar_btn {
  padding: 0 0 0 12px;
  height: 38px;
  flex: 1;
}

#headerAddNewToolbarObj .dhxtoolbar_float_left,
#headerSearchToolbarObj .dhxtoolbar_float_left,
#headerActionsToolbarObj .dhxtoolbar_float_left {
  border-radius: 4px;
  height: 38px;
}

#headerAddNewToolbarObj .dhxtoolbar_float_left,
#headerSearchToolbarObj .dhxtoolbar_float_left {
  display: flex;
  justify-content: space-between;
}

#headerActionsToolbarObj .dhxtoolbar_float_left {
  border-radius: 4px;
  height: 38px;
}

#headerAddNewToolbarObj .dhx_toolbar_btn,
#headerAddNewToolbarObj .dhx_toolbar_arw,
#headerSearchToolbarObj .dhx_toolbar_arw,
#headerSearchToolbarObj .dhx_toolbar_btn,
#headerActionsToolbarObj .dhx_toolbar_arw,
#headerActionsToolbarObj .dhx_toolbar_btn {
  border: none;
  background: none;
}

#headerAddNewToolbarObj .dhx_toolbar_arw,
#headerSearchToolbarObj .dhx_toolbar_arw,
#headerActionsToolbarObj .dhx_toolbar_arw {
  padding-right: 12px;
  height: 38px;
}

#headerAddNewToolbarObj .dhxtoolbar_btn_over,
#headerSearchToolbarObj .dhxtoolbar_btn_over,
#headerActionsToolbarObj .dhxtoolbar_btn_over {
  border-radius: 0 0 4px 4px;
}

#headerAddNewToolbarObj.dhx_toolbar_material div.dhx_toolbar_btn.dhxtoolbar_btn_over,
#headerSearchToolbarObj.dhx_toolbar_material div.dhx_toolbar_btn.dhxtoolbar_btn_over,
#headerActionsToolbarObj.dhx_toolbar_material div.dhx_toolbar_btn.dhxtoolbar_btn_over {
  border-radius: 4px 0 0 4px;
}

#headerAddNewToolbarObj.dhx_toolbar_material.dhxtoolbar_icons_18,
#headerSearchToolbarObj.dhx_toolbar_material.dhxtoolbar_icons_18,
#headerActionsToolbarObj.dhx_toolbar_material.dhxtoolbar_icons_18 {
  height: 38px;
  line-height: 38px;
}

#headerAddNewToolbarObj.dhx_toolbar_material div.dhx_toolbar_arw.dhxtoolbar_btn_pres,
#headerSearchToolbarObj.dhx_toolbar_material div.dhx_toolbar_arw.dhxtoolbar_btn_pres,
#headerActionsToolbarObj.dhx_toolbar_material div.dhx_toolbar_arw.dhxtoolbar_btn_pres,
#headerAddNewToolbarObj.dhx_toolbar_material div.dhx_toolbar_arw.dhxtoolbar_btn_over,
#headerSearchToolbarObj.dhx_toolbar_material div.dhx_toolbar_arw.dhxtoolbar_btn_over,
#headerActionsToolbarObj.dhx_toolbar_material div.dhx_toolbar_arw.dhxtoolbar_btn_over {
  border-radius: 0 4px 4px 0;
  box-shadow: none;
}

#headerAddNewToolbarObj.dhx_toolbar_material div.dhx_toolbar_btn.dhxtoolbar_btn_pres,
#headerSearchToolbarObj.dhx_toolbar_material div.dhx_toolbar_arw.dhxtoolbar_btn_pres {
  border: none;
  box-shadow: none;
  background: none;
}

#headerAddNewToolbarObj.dhx_toolbar_material.dhx_toolbar_shadow,
#headerSearchToolbarObj.dhx_toolbar_material.dhx_toolbar_shadow,
#headerActionsToolbarObj.dhx_toolbar_material.dhx_toolbar_shadow {
  box-shadow: none;
}

#headerAddNewToolbarObj .dhxtoolbar_text,
#headerSearchToolbarObj .dhxtoolbar_text,
#headerActionsToolbarObj .dhxtoolbar_text {
  font-family: Roboto, sans-serif;
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 38px;
}

#headerAddNewToolbarObj .dhxtoolbar_text,
#headerActionsToolbarObj .dhxtoolbar_text {
  color: #196AA5;
}

#headerSearchToolbarObj .dhxtoolbar_text {
  color: #FFF;
}

#headerAddNewToolbarObj .dhx_toolbar_material div.dhx_toolbar_btn.dhxtoolbar_btn_over,
#headerSearchToolbarObj .dhx_toolbar_material div.dhx_toolbar_btn.dhxtoolbar_btn_over,
#headerActionsToolbarObj .dhx_toolbar_material div.dhx_toolbar_btn.dhxtoolbar_btn_over {
  border: none;
}

#headerSearchToolbarObj.dhx_toolbar_material div.dhx_toolbar_arw div.arwimg {
  background-image: url(/imgs/icons/arrow_toolbar.png) !important;
}

#headerAddNewToolbarObj.dhx_toolbar_material div.dhx_toolbar_arw div.arwimg,
#headerActionsToolbarObj.dhx_toolbar_material div.dhx_toolbar_arw div.arwimg {
  background-image: url(/imgs/icons/arrow_down_secondary.png) !important;
}

#headerAddNewToolbarObj.dhx_toolbar_material div.dhx_toolbar_arw.dhxtoolbar_btn_pres div.arwimg,
#headerSearchToolbarObj.dhx_toolbar_material div.dhx_toolbar_arw.dhxtoolbar_btn_pres div.arwimg {
  background-image: url(/imgs/icons/arrow_up.png) !important;
}

#headerSearchToolbarObj.dhx_toolbar_material div.dhx_toolbar_arw div.arwimg,
#headerAddNewToolbarObj.dhx_toolbar_material div.dhx_toolbar_arw div.arwimg,
#headerActionsToolbarObj.dhx_toolbar_material div.dhx_toolbar_arw div.arwimg {
  width: 15.5px;
  height: 38px;
}

.dhx_toolbar_poly_material {
  border-radius: 4px;
}

div.dhx_toolbar_poly_material {
  border: none;
  background-color: #FFF;
}

div.dhx_toolbar_poly_material.dhx_toolbar_shadow {
  box-shadow: 0 4px 10px rgba(39, 46, 51, 0.2);
}

div.dhx_toolbar_poly_material td.td_btn_txt div.btn_sel_text {
  height: 50px;
  line-height: 50px;
}

div.dhx_toolbar_poly_material td {
  font-family: Roboto, sans-serif;
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  color: var(--color-gray-900);
}

div.dhx_toolbar_poly_material td.td_btn_img {
  padding-left: 12px;
  padding-right: 16px;
}

/** DOCUMENTS TOOLBAR **/

.dhx_toolbar_material.dhxtoolbar_icons_18.documents-files-toolbar div.dhx_toolbar_btn div.dhxtoolbar_tex,
.dhx_toolbar_material.dhxtoolbar_icons_18.documents-files-toolbar div.dhx_toolbar_btn,
.dhx_toolbar_material.dhxtoolbar_icons_18.documents-files-toolbar div.dhx_toolbar_arw,
.dhx_toolbar_material.dhxtoolbar_icons_18.documents-files-toolbar div.dhx_toolbar_text,
.dhx_toolbar_material.dhxtoolbar_icons_18.documents-files-toolbar div.dhx_toolbar_btn div.dhxtoolbar_text {
  height: 26px;
  line-height: 26px;
}

.dhx_toolbar_material.dhxtoolbar_icons_18.dhx_toolbar_shadow.documents-files-toolbar,
.dhx_toolbar_material.dhxtoolbar_icons_18.dhx_toolbar_shadow.documents-preview-toolbar,
.dhx_toolbar_material.dhxtoolbar_icons_18.dhx_toolbar_shadow.documents-files-toolbar .dhxtoolbar_float_left,
.dhx_toolbar_material.dhxtoolbar_icons_18.dhx_toolbar_shadow.documents-preview-toolbar .dhxtoolbar_float_left {
  height: auto;
}

.dhx_toolbar_material.dhxtoolbar_icons_18.dhx_toolbar_shadow.documents-files-toolbar .dhxtoolbar_float_left,
.dhx_toolbar_material.dhxtoolbar_icons_18.dhx_toolbar_shadow.documents-preview-toolbar .dhxtoolbar_float_left {
  padding-bottom: 5px;
}

.dhx_toolbar_material.dhxtoolbar_icons_18.documents-files-toolbar div.dhx_toolbar_btn {
  background: #EAF0F4;
  border-radius: 4px 0 0 4px;
  border: none;
}

.dhx_toolbar_material.dhxtoolbar_icons_18.documents-files-toolbar {
  height: 46px;
  line-height: 46px;
}

.dhx_toolbar_material.documents-files-toolbar div.dhx_toolbar_sep {
  border: none;
}

.dhx_toolbar_material.documents-files-toolbar .dhxtoolbar_float_left {
  margin-top: 10px;
}

.documents-files-toolbar .dhxtoolbar_btn_over .dhxtoolbar_text {
  color: var(--white);
}

.documents-files-toolbar.dhx_toolbar_material div.dhx_toolbar_arw {
  border: none;
  background: #EAF0F4;
  border-radius: 0 4px 4px 0;
}

.documents-files-toolbar.dhx_toolbar_material div.dhx_toolbar_arw {
  border: none;
}

.documents-files-toolbar.dhx_toolbar_material div.dhx_toolbar_arw.dhxtoolbar_btn_pres div.arwimg {
  background-image: url(/imgs/icons/arrow_up_small.png) !important;
}

.documents-files-toolbar .dhxtoolbar_float_left {
  border-radius: 4px;
  height: 26px;
}

.documents-files-toolbar .dhx_toolbar_btn,
.documents-files-toolbar .dhx_toolbar_arw {
  border: none;
  background: none;
}

.documents-files-toolbar .dhx_toolbar_arw {
  padding-right: 10px;
  height: 26px;
}

.documents-files-toolbar .dhxtoolbar_btn_over {
  border-radius: 0 0 4px 4px;
}

.documents-files-toolbar.dhx_toolbar_material div.dhx_toolbar_btn.dhxtoolbar_btn_over {
  border-radius: 4px 0 0 4px;
}

.documents-files-toolbar.dhx_toolbar_material div.dhx_toolbar_arw.dhxtoolbar_btn_pres,
.documents-files-toolbar.dhx_toolbar_material div.dhx_toolbar_arw.dhxtoolbar_btn_over {
  border-radius: 0 4px 4px 0;
  box-shadow: none;
}

.documents-files-toolbar.dhx_toolbar_material div.dhx_toolbar_btn.dhxtoolbar_btn_pres {
  border: none;
  box-shadow: none;
  background: none;
}

.documents-files-toolbar.dhx_toolbar_material.dhx_toolbar_shadow {
  box-shadow: none;
}

.documents-files-toolbar .dhxtoolbar_text {
  font-family: Roboto, sans-serif;
  font-style: normal;
  font-weight: 500;
  font-size: 12px;
  line-height: 26px;
}

.documents-files-toolbar .dhxtoolbar_text {
  color: #196AA5;
}

.documents-files-toolbar.dhx_toolbar_material div.dhx_toolbar_btn.dhxtoolbar_btn_over {
  border: none;
}

.documents-files-toolbar.dhx_toolbar_material div.dhx_toolbar_arw div.arwimg {
  background-image: url(/imgs/icons/arrow_down_secondary.png) !important;
  width: 9px;
}

.documents-files-toolbar.dhx_toolbar_material div.dhx_toolbar_arw.dhxtoolbar_btn_pres div.arwimg {
  background-image: url(/imgs/icons/arrow_up.png) !important;
}

.dhx_toolbar_material.dhxtoolbar_icons_18.documents-preview-toolbar div.dhx_toolbar_btn div.dhxtoolbar_tex,
.dhx_toolbar_material.dhxtoolbar_icons_18.documents-preview-toolbar div.dhx_toolbar_btn,
.dhx_toolbar_material.dhxtoolbar_icons_18.documents-preview-toolbar div.dhx_toolbar_arw,
.dhx_toolbar_material.dhxtoolbar_icons_18.documents-preview-toolbar div.dhx_toolbar_text,
.dhx_toolbar_material.dhxtoolbar_icons_18.documents-preview-toolbar div.dhx_toolbar_btn div.dhxtoolbar_text {
  height: 26px;
  line-height: 26px;
}

.dhx_toolbar_material.dhxtoolbar_icons_18.documents-preview-toolbar {
  height: 46px;
  line-height: 46px;
}

.dhx_toolbar_material.documents-preview-toolbar .dhxtoolbar_float_left {
  margin-top: 10px;
}

.documents-preview-toolbar.dhx_toolbar_material.dhxtoolbar_icons_18 div.dhx_toolbar_btn img {
  margin-top: 3px;
}

/** SELECTED Patient **/

.selected-patient-container {
  display: none;
  font-family: Roboto, sans-serif;
  font-style: normal;
  font-weight: normal;
  font-size: 12px;
  line-height: 14px;
  color: var(--color-gray-900);
}

.selected-patient {
  padding-bottom: 4px;
}

.patient-name {
  font-family: Roboto, sans-serif;
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 16px;
}

/** MAIN **/
.main {
  width: calc(100% - 32px);
  height: 100%;
  margin: 16px;
  position: relative;
}

.mobile .main {
  width: 100%;
  margin: 16px 0;
}

/** CLINICAL NOTES **/
.window-form__switch-button {
  display: inline-block;
}

.clinical-note-content,
.letter-content {
  font-family: Roboto, sans-serif;
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 16px;
  color: var(--color-gray-900);
}

.clinical-note__item,
.letter__item {
  border-bottom: 1px solid #E5E9EB;
  padding: 20px 0;
}

.letter--creation-date,
.clinical-note--creation-date {
  margin-bottom: 10px;
}

.letter--creation-date span,
.clinical-note--creation-date span {
  font-weight: bold;
}

.form-content-empty {
  font-family: Roboto, sans-serif;
  font-style: normal;
  font-weight: normal;
  font-size: 21px;
  justify-content: center;
  color: #A9B5BD;
  display: flex;
  align-items: center;
  height: 500px;
}

.email-letter-to-doctor--warning {
  margin-top: 12px;
  color: #F64D13;
}

.new-letter-draft-container {
  margin: 14px 16px;
}

.new-letter-draft-block-name {
  line-height: 46px;
}

.new-letter-draft-header-container {
  display: flex;
  justify-content: space-between;
}

.new-letter-draft-header-content-container,
.settings-letter-header-container {
  display: flex;
  justify-content: space-between;
}

.new-letter-draft-header-content-container,
.new-letter-draft-main-container {
  border-bottom: 1px solid rgba(169, 181, 189, 0.3);
  padding-bottom: 22px;
}

.new-letter-draft-main-container {
  margin-bottom: 4px;
}

.new-letter-draft-header-part,
.settings-letter-header-part {
  width: 49%;
}

.new-letter-main {
  width: 800px;
}

.new-letter-signature-header {
  position: relative;
}

.new-letter-close__button {
  cursor: pointer;
  position: absolute;
  right: -6px;
  top: -6px;
}

.new-letter-signature-image-container {
  width: 79px;
  height: 44px;
  margin: 8px 0;
  border: 1px dashed #196AA5;
  box-sizing: border-box;
  border-radius: 4px;
  position: relative;
}

.new-letter-draft-attach-file__icon {
  width: 16px !important;
  cursor: pointer;
  position: absolute;
  right: 0;
}

.input-primary.form-group__input.new-letter-draft-cc__input {
  width: 100%
}

.new-letter-draft-cc__input {
  margin-bottom: 10px;
}

.new-letter-draft-footer__input {
  width: 100%;
  margin-top: 6px;
}

.dhxform_obj_material .new_letter_uploader .dhx_file_uploader.dhx_file_uploader_title div.dhx_upload_controls div.dhx_file_uploader_button.button_info {
  right: 35px !important;
  top: 20px;
}

textarea[name=noResize] {
  resize: none;
}

.textarea-primary.new-letter-draft-title__textarea {
  height: 76px;
  width: 100%;
}

.textarea-primary.new-letter-draft-address__textarea {
  height: 110px;
  width: 100%;
}

.textarea-primary.new-letter-draft-main__textarea {
  height: 220px;
  width: 100%;
}

.new-letter-draft-phone__input,
.new-letter-draft-fax__input {
  width: 97%;
}

.new-letter-draft-email__input {
  width: 100%;
}

.textarea-primary.new-letter-draft-letter__textarea {
  height: 240px;
  width: 100%;
}

.textarea-primary.new-letter-draft-signature-welcome__textarea,
.textarea-primary.new-letter-draft-signature-secretary-name__textarea,
.textarea-primary.new-letter-draft-signature-text__textarea {
  height: 38px;
  width: 100%;
}

.textarea-primary.new-letter-draft-signature-text__textarea {
  height: 100px;
}

.new-letter--flex-row {
  display: flex;
  justify-content: space-between;
}

.letter-part-header__width-auto {
  width: auto !important;
}

.new-letter-address {
  font-size: 10px;
}

.new-letter-preview-container {
  margin: 14px 16px;
}

.new-letter-preview-container p,
.new-letter-preview-container div,
.new-letter-preview-container span,
.new-letter-preview-container h3 {
  font-size: 10px;
  line-height: 14px;
}

.new-letter-preview-default {
  display: flex;
  justify-content: center;
  height: 711px;
  width: 480px;
  align-items: center;
  box-shadow: 0 1px 8px rgba(0, 0, 0, 0.25);
}

.new-letter-preview-page {
  display: flex;
  /*height: 711px;*/
  width: 480px;
  flex-direction: column;
  box-shadow: 0 1px 8px rgba(0, 0, 0, 0.25);
  padding: 16px 16px 0 16px;
  position: relative;
}

.new-letter-head {
  display: flex;
  justify-content: space-between;
}

.new-letter-text-header,
.new-letter-signature-cc-block {
  display: flex;
  justify-content: space-between;
}

.new-letter-signature-cc-block > div {
  width: 49%;
}

.new-letter-text {
  min-height: 180px;
}

.new-letter-bottom-border {
  border-bottom: 1px solid rgba(169, 181, 189, 0.3);
}

.new-letter-block-padding {
  padding: 16px 0;
}

.new-letter-flex-row {
  display: flex;
}

.new-letter-section-title {
  margin-right: 16px;
  width: 67px;
}

.new-letter-image-footer,
.new-letter-text-footer {
  width: 100%;
  position: absolute;
  bottom: 0;
}

.new-letter-text-footer {
  text-align: center;
  text-overflow: ellipsis;
  overflow: hidden;
  height: 26px;
}

.new-letter-preview__figcaption {
  font-family: Roboto, sans-serif;
  font-style: normal;
  font-weight: normal;
  font-size: 18px;
  color: #A9B5BD;
}

.tooltip-recommendation-container {
  padding: 16px;
  height: 64px;
  width: 153px;
  right: 0;
  box-sizing: border-box;
  position: absolute;
  box-shadow: 0 1px 8px rgba(0, 0, 0, 0.25);
  border-radius: 4px;
  background: #FFF;
}

.tooltip-recommendation-container__fixed {
  position: fixed;
}

.tooltip-recommendation-text {
  font-family: Roboto, sans-serif;
  font-style: normal;
  font-weight: 500;
  font-size: 12px;
  line-height: 16px;
  text-align: center;
  color: #196AA5;
}

.tooltip-recent-documents-container {
  padding: 16px;
  height: auto;
  min-height: 50px;
  width: 550px;
  box-sizing: border-box;
  position: absolute;
  box-shadow: 0 1px 8px rgba(0, 0, 0, 0.25);
  border-radius: 4px;
  background: #FFF;
}

.tooltip-recent-documents-container__fixed {
  position: fixed;
}

.tooltip-documents-container {
  display: flex;
  flex-wrap: wrap;
  margin-top: 5px;
}

.tooltip-procedures-container {
  font-size: 12px;
  padding: 5px 0 5px 5px;
}

.tooltip-procedures-container li {
  margin-bottom: 3px;
}


.new-letter-header-preview-container {
  width: 648px;
  height: 153px;
  border: 1px dashed #196AA5;
  box-sizing: border-box;
  border-radius: 4px;
  position: relative;
  margin-top: 20px;
}

.new-letter-footer-preview-container {
  width: 648px;
  height: 48px;
  border: 1px dashed #196AA5;
  box-sizing: border-box;
  border-radius: 4px;
  position: relative;
}

.letter-header__image {
  width: 642px;
  height: 147px;
  margin: 2px;
}

.button-save-new-letter,
.button-save-new-letter + button {
  margin-right: 10px;
}

.letter-signature__image {
  width: 63px;
  height: 29px;
  margin: 7px;
}

.letter-footer-preview__image {
  height: 42px;
}

.letter-footer__image {
  height: 42px;
  width: 100%;
  padding-top: 2px;
}

body.dhxCursorWResize,
body.dhxCursorNResize {
  user-select: none;
}

.dhtmlxcalendar_dhx_skyblue {
  z-index: 1998 !important;
  /*-moz-box-shadow: 4px 4px 22px #a0a0a0;*/
}

span.event_label {
  border-radius: 50%;
  width: 20px;
  text-align: center;
  margin-right: 5px;
  display: inline-block;
}

span.first_visit_label {
  background-color: green;
}

span.allergy_label {
  background-color: red;
}

span.not_signed_privacy_agreement_label {
  background-color: purple;
}

span.first_visit_label:after {
  content: "F";
  color: var(--white);
  text-align: center;
}

span.allergy_label:after {
  content: "A";
  color: var(--white);
  text-align: center;
}

span.not_signed_privacy_agreement_label:after {
  content: "P";
  color: var(--white);
  text-align: center;
}

span.none_patient,
span.none_procedure,
span.none_type {
  color: #8e0505;
  font-weight: normal;
}

.patient_redirect:hover {
  text-decoration: underline;
  cursor: pointer;
}

.appointment_attendance-status_canceled {
  text-decoration: line-through
}

span.selected_type {
  color: #553600;
}

span.billed_info {
  color: green;
}

div.dhx_toolbar_poly_dhx_skyblue {
  z-index: 9999 !important;
}


/* grid odd rows bg */

tr.odd_dhx_skyblue {
  background-color: #e6edf6 !important;
}


/* calendar improves */
.dhx_cal_light.dhx_cal_light_wide .dhx_cal_larea {
  height: 500px !important;
  overflow: auto;
  padding: 20px 0 0 0;
}

.dhx_cal_ltitle {
  margin: 0 !important;
}

.dhx_cal_light_wide .dhx_wrap_section {
  margin: 0 0 10px 0;
}

.dhx_cal_light_wide .dhx_wrap_section {
  padding: 0 15px 0 8px;
}

.dhx_cal_light_wide .dhx_cal_lsection {
  float: none;
  padding: 0;
  margin: 0;
}

.dhx_cal_light .dhx_wrap_section .dhx_cal_lsection {
  padding-top: 0;
}

.dhx_cal_light_wide .dhx_cal_ltext {
  margin: 0 0 0 5px;
}

.dhx_cal_ltext textarea {
  resize: both;
}

.dhx_cal_ltext textarea,
.dhx_section_time select.dhx_lightbox_time_select,
.dhx_section_time select.dhx_lightbox_day_select,
.dhx_section_time select.dhx_lightbox_month_select,
.dhx_section_time select.dhx_lightbox_year_select {
  border: 1px solid #A9B5BD !important;
  border-radius: 4px;
}

.dhx_cal_ltext textarea:hover,
.dhx_section_time select.dhx_lightbox_time_select:hover,
.dhx_section_time select.dhx_lightbox_day_select:hover,
.dhx_section_time select.dhx_lightbox_month_select:hover,
.dhx_section_time select.dhx_lightbox_year_select:hover,
.dhx_cal_ltext textarea:focus,
.dhx_section_time select.dhx_lightbox_time_select:focus,
.dhx_section_time select.dhx_lightbox_day_select:focus,
.dhx_section_time select.dhx_lightbox_month_select:focus,
.dhx_section_time select.dhx_lightbox_year_select:focus {
  border: 1px solid #014678 !important;
}

.dhx_cal_light_wide .dhx_cal_lsection label {
  float: left;
  margin-left: 3px;
}

.dhx_cal_ltext {
  padding: 2px 0 !important;
}

.dhx_cal_light_wide .dhx_section_time {
  padding: 2px 0 0 90px !important;
}

.dhx_cal_light_wide .dhx_section_time {
  padding: 2px 0 0 0 !important;
}

.dhx_cal_lsection_alt {
  float: left;
  height: 20px;
  font-weight: 500;
  line-height: 20px;
  position: relative;
  vertical-align: middle;
  width: 94%;
}

.dhx_cal_lsection {
  background: none !important;
}

/*calendar scrollbar*/
.dhx_cal_data::-webkit-scrollbar,
.dhx_cal_larea::-webkit-scrollbar {
  width: 15px;
}

.dhx_cal_data,
.dhx_cal_larea {
  scrollbar-width: thin;
  scrollbar-color: var(--thumbBG) var(--scrollbarWindowsBG);
}

.dhx_cal_data::-webkit-scrollbar-track,
.dhx_cal_larea::-webkit-scrollbar-track {
  background: var(--scrollbarWindowsBG);
}

.dhx_cal_data::-webkit-scrollbar-thumb,
.dhx_cal_larea::-webkit-scrollbar-thumb {
  background-color: var(--thumbBG);
  border-radius: 3px;
  border: 5px solid var(--scrollbarWindowsBG);
}


/* combo improves */

.dhx_combo_input {
  font-size: 11px !important;
  font-family: Tahoma, sans-serif !important;
}

.dhx_combo_list {
  z-index: 10005 !important;
  border: 1px solid #7F9DB9 !important;
}

.dhx_combo_list div {
  font-family: Tahoma, sans-serif !important;
  font-size: 11px !important;
  font-weight: normal !important;
}

.dhx_selected_option {
  background-color: #EAF2FB !important;
  font-family: Tahoma, sans-serif !important;
  font-size: 11px !important;
  font-weight: normal !important;
  color: #000000 !important;
}

.combo_dhx_skyblue_sel {
  background-position: center top !important;
}


/* window's icon fix */

.dhtmlx_skin_dhx_skyblue div.dhtmlx_wins_icon {
  width: 18px !important;
  height: 18px !important;
  top: 6px !important;
  left: 7px !important;
}


/* forms */

div.windowForm {
  position: absolute;
  padding: 10px 70px;
}

.dhx_cell_cont_wins div.windowForm {
  position: static;
}

div.windowForm td {
  font-family: Tahoma, sans-serif;
  font-size: 12px;
  word-wrap: break-word;
}

div.windowForm td.pr {
  padding-right: 10px;
}

div.windowForm td.pr.pr2 {
  padding-left: 20px;
}

div.windowForm td .inp_txt {
  font-family: Tahoma, sans-serif;
  font-size: 11px;
  width: 300px;
  border: #a4bed4 1px solid;
}

div.windowForm td .inp_txt.red {
  background-color: #ffbfbf;
  border: #a4bed4 1px solid;
}

/** COMMON **/
.grids__even {
  background-color: #FFF;
  height: 42px;
}

.grids__uneven {
  background-color: rgba(234, 240, 244, 0.6);
  height: 42px;
}

tr.admission_is_canceled {
  position: relative;
}

tr.admission_is_canceled td:before {
  content: '';
  position: absolute;
  top: 47%;
  left: -2px;
  right: -2px;
  height: 1px;
  border-top: 1px solid red;
}

/** LAYOUT **/

.dhxlayout_base_material div.dhx_cell_layout {
  /*box-shadow: 0 0 0 1px rgba(169, 181, 189, 0.5);*/
  box-shadow: none;
}

.dhxtabbar_base_material {
  border: none;
}

.dhxlayout_base_material div.dhx_cell_layout.dhxlayout_collapsed_h div.dhx_cell_hdr {
  color: var(--color-gray-900);
}

/** LAYOUT HEADERS **/

.dhxlayout_base_material div.dhx_cell_layout div.dhx_cell_hdr {
  background-color: var(--white);
  color: var(--color-gray-900);
  border-bottom: 1px solid #E5E9EB;
  font-family: Roboto, sans-serif;
  font-style: normal;
  font-weight: bold;
  font-size: 14px;
}

.dhxtabbar_base_material div.dhx_cell_tabbar {
  position: absolute;
  background-color: #E5E9EB;
}

/** Arrow Image **/
.dhxlayout_base_material div.dhx_cell_layout div.dhx_cell_hdr div.dhxlayout_arrow {
  background-image: url(/imgs/icons/dhxlayout_cell_btns.png) !important;
}

/** START TODAY **/

.inp_txt_cal,
.today-layout__header--input {
  width: 105px;
  background-image: url("/imgs/icons/calendar_input.png");
  background-repeat: no-repeat;
  background-position: right 8px center;
  padding-left: 8px;
  border: 1px solid #A9B5BD;
  box-sizing: border-box;
  border-radius: 2px;
  font-family: Roboto, sans-serif;
  font-style: normal;
  font-weight: normal;
  font-size: 12px;
  color: var(--color-gray-900);
}

.today-letters_grid__button--margin {
  margin-right: 16px;
}

.grid--link {
  text-decoration: none;
  cursor: pointer;
  font-family: Roboto, sans-serif;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 16px;
  letter-spacing: 0;
  text-align: left;
  color: #196AA5;
}

.today-layout__header--flex {
  display: flex;
  align-items: center;
}

.today-layout__header--name {
  margin-right: 16px;
}

.today-layout__header--input {
  margin-right: 20px;
  width: 105px;
  height: 24px;
}

.starred-patient-container {
  display: flex;
}

.today-marked-patients__grid {
  /*positive: relative;*/
  width: calc(100vw - 310px);
  min-height: 209px;
  height: 100%;
}

.actions__button {
  color: #196AA5;
  font-weight: 500;
}

/** END TODAY **/

/** GRID **/
.grid-header__checkbox {
  width: 100%;
  text-align: center;
}

/** END GRID **/

/** START UPLOADER **/
.dhxform_obj_material .dhx_file_uploader div.dhx_upload_controls div.dhx_file_uploader_button,
.dhxform_obj_material .dhx_file_uploader div.dhx_upload_files div.dhx_file_param.dhx_file_delete,
.dhxform_obj_material .dhx_file_uploader.dhx_file_uploader_title div.dhx_upload_controls div.dhx_file_uploader_button.button_browse {
  background-image: url(/imgs/icons/dhxform_upload_buttons.png);
}

.dhxform_obj_material .dhx_file_uploader.dhx_file_uploader_title div.dhx_upload_controls div.dhx_file_uploader_button.button_info {
  font-family: Roboto, sans-serif;
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 20px;
  text-align: center;
  color: var(--color-gray-900);
}

.dhxform_obj_material .dhx_file_uploader.dhx_file_uploader_title div.dhx_upload_controls.dhx_uploader_dis div.dhx_file_uploader_button.button_info,
.dhxform_obj_material .dhx_file_uploader div.dhx_upload_files.dhx_uploader_dis div.dhx_file.dhx_file_added,
.dhxform_obj_material .dhx_file_uploader div.dhx_upload_files.dhx_uploader_dis div.dhx_file.dhx_file_uploading,
.dhxform_obj_material .dhx_file_uploader div.dhx_upload_files.dhx_uploader_dis div.dhx_file.dhx_file_uploaded,
.dhxform_obj_material .dhx_file_uploader div.dhx_upload_files.dhx_uploader_dis div.dhx_file.dhx_file_fail {
  color: #A9B5BD;
}

#directlyUploadForm .dhx_file_uploader.dhx_file_uploader_title div.dhx_upload_controls {
  height: 100px;
}

#directlyUploadForm .dhx_file_uploader.dhx_file_uploader_title div.dhx_upload_controls div.dhx_file_uploader_button.button_browse {
  left: 150px;
  top: 0;
}

#directlyUploadForm .dhx_file_uploader.dhx_file_uploader_title div.dhx_upload_controls div.dhx_file_uploader_button.button_info {
  top: 65px;
  left: 90px;
}

/** END UPLOADER **/

/** DOCUMENTS UPLOAD FORM **/
.documents-upload-files-container {
  height: 216px;
  width: 526px;
  border: 1px solid #A9B5BD;
  box-sizing: border-box;
  border-radius: 4px;
  margin-top: 25px;
}

.upload-form-answer {
  width: 30px;
  text-align: center;
}

#patientInformationUploadForm.dhxform_obj_material .dhx_file_uploader.dhx_file_uploader_title div.dhx_upload_controls div.dhx_file_uploader_button.button_info,
#documentsUploadForm.dhxform_obj_material .dhx_file_uploader.dhx_file_uploader_title div.dhx_upload_controls div.dhx_file_uploader_button.button_info {
  left: 85px !important;
  line-height: 50px;
  margin-top: 30px;
}

#patientInformationUploadForm.dhxform_obj_material .dhx_file_uploader.dhx_file_uploader_title div.dhx_upload_controls div.dhx_file_uploader_button.button_browse,
#documentsUploadForm.dhxform_obj_material .dhx_file_uploader.dhx_file_uploader_title div.dhx_upload_controls div.dhx_file_uploader_button.button_browse {
  left: 35px;
  margin-top: 30px;
}

#patientInformationUploadForm.dhxform_obj_material .dhx_file_uploader.dhx_file_uploader_title div.dhx_upload_controls,
#documentsUploadForm.dhxform_obj_material .dhx_file_uploader.dhx_file_uploader_title div.dhx_upload_controls {
  height: 90px;
}

.disabled-container {
  pointer-events: none;
  opacity: 0.4;
}

/** START DHTMLX ALERT **/
.dhtmlx_modal_box.dhtmlx-alert {
  box-shadow: 0 4px 10px rgba(39, 46, 51, 0.2);
  border-radius: 4px;
}

.dhtmlx_modal_box.dhtmlx-alert .dhtmlx_popup_controls {
  display: flex;
  flex-direction: row-reverse;
  justify-content: center;
}

.dhtmlx_modal_box .dhtmlx_popup_controls {
  text-align: center;
}

.dhtmlx_modal_box .dhtmlx_popup_controls .dhtmlx_popup_button.dhtmlx_ok_button {
  float: none;
}

.dhtmlx_popup_text {
  font-family: Roboto, sans-serif;
  font-style: normal;
  font-weight: bold;
  font-size: 14px;
  line-height: 30px;
  color: var(--color-gray-900);
  margin: 0;
}

.dhtmlx_popup_text .add_patient_confirm_window p {
  text-align: left;
}

.dhtmlx_popup_text .add_patient_confirm_window p span {
  font-weight: 500;
  width: 110px;
}

.dhtmlx_popup_button {
  font-family: Roboto, sans-serif;
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  color: #196AA5;
  background: #EAF0F4;
  border-radius: 4px;
  border: none !important;
}

.dhtmlx_popup_button:first-child {
  color: var(--white);
  background: #196AA5;
  font-weight: 500;
}


.dhtmlx_popup_button:hover {
  color: var(--white) !important;
  background: #3F9DDB;
}

.dhtmlx_popup_button:first-child:hover {
  background: #014678;
}

.dhtmlx_popup_button {
  height: 38px;
  min-width: 20px;
  width: auto;
  padding: 0 24px;
}

.dhtmlx_popup_button div {
  text-transform: none;
  line-height: 38px;
  background: transparent !important;
  border: none !important;
  color: inherit !important;
  transition: none !important;
}

/** FORMS **/
.search_conds_container {
  font-family: Roboto, sans-serif;
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 38px;
  color: var(--color-gray-900);
}

/** DHTNLX FORM **/

.dhxform_obj_material div.dhxform_label {
  font-family: Roboto, sans-serif;
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 16px;
  color: var(--color-gray-900);
}

.dhxform_obj_material div.dhxform_item_label_top div.dhxform_label {
  margin-top: 12px;
  margin-bottom: 6px;
}

.dhxform_obj_material input.dhxform_textarea {
  height: 38px;
  padding: 0 12px !important;
  border: 1px solid #A9B5BD;
  box-sizing: border-box;
  border-radius: 4px;
  width: 100%;
}

.dhxform_obj_material div.dhxform_control div.dhxcombo_material {
  height: 38px;
}

.dhxform_obj_material div.dhxform_control div.dhxcombo_material input.dhxcombo_input {
  height: 38px;
  line-height: 38px;
}

.dhxform_obj_material .validate_error .dhxform_label,
.dhxform_obj_material .validate_error .dhxform_textarea {
  color: var(--color-gray-900);
}

.dhxform_obj_material .validate_error input.dhxform_textarea {
  border-color: #F64D13;
}

.dhxform_obj_material div.dhxform_btn {
  background-color: #196AA5;
  font-family: Roboto, sans-serif;
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  color: var(--white);
  border-radius: 4px;
}

.dhxform_obj_material div.dhxform_btn div.dhxform_btn_txt {
  height: 38px;
  line-height: 37px;
}

.dhxform_obj_material div.dhxform_btn.dhxform_btn_over,
.dhxform_obj_material div.dhxform_btn.dhxform_btn_pressed {
  background-color: #014678;
  color: var(--white);
}

/** END DHTMLX ALERT **/

div.windowForm td .inp_txt.inp_txt_dis {
  border: #f1f1f1 1px solid;
  background-color: white;
}

div.windowForm td .inp_txt_cal.inp_txt_cal_80 {
  width: 80px;
}

div.windowForm td .inp_txt_cal2 {
  font-family: Tahoma, sans-serif;
  font-size: 11px;
  width: 60px;
  border: #a4bed4 1px solid;
}

div.windowForm td .inp_txt.with_accept_icon {
  width: 184px !important;
}

/*div.windowForm td .inp_txt.with_accept_icon2 {*/
/*    width: 164px !important;*/
/*}*/

div.windowForm td .inp_sel {
  font-family: Tahoma, sans-serif;
  font-size: 11px;
  border: #a4bed4 1px solid;
  background-color: white;
}

div.windowForm td .inp_sel.red {
  background-color: #ffbfbf;
  border: #a4bed4 1px solid;
}

div.windowForm td .inp_btn {
  font-family: Tahoma, sans-serif;
  font-size: 11px;
}

div.windowForm td .inp_btn2 {
  font-family: Tahoma, sans-serif;
  font-size: 10px;
}

div.windowForm td .inp_ta {
  font-family: Tahoma, sans-serif;
  font-size: 11px;
  width: 200px;
  border: #a4bed4 1px solid;
}

div.windowForm td span.mandatory, span.mandatoryClinicianField {
  color: #dc2a2a;
}

div.windowForm td.sep {
  font-family: Tahoma, sans-serif;
  font-size: 2px;
  border-bottom: #c0c0c0 1px solid;
  padding-top: 3px;
}

div.windowForm td.sep2 {
  font-family: Tahoma, sans-serif;
  font-size: 2px;
}

div.windowForm > table {
  margin: 0 auto;
}


/* grid: not aaproved letters switch */

div.gridbox_dhx_skyblue table.hdr td div.hdrcell {
  position: relative !important;
}

div.not_approved_main_cont {
  width: 200px;
  position: absolute;
  right: 20px;
  top: 7px;
}

div.not_approved_main_cont div#notApprovedLettersLink {
  position: absolute;
  width: 150px;
  left: 0;
  top: 0;
  text-align: center;
}

div.not_approved_main_cont div.lnk {
  position: absolute;
  right: 0;
  top: 0;
}

div.windowForm td .inp_txt.inp_txt_caldis,
div.windowForm .inp_txt_caldis {
  width: 70px;
  background-color: white;
  color: black;
}


/* template manager */

.form-template-manager-list {
  width: 100%;
  height: calc(100% - 124px);
  overflow: auto;
  box-sizing: border-box;
  padding-left: 14px;
}

div#formTemplateManagerList div.tpl_mngr_group {
  margin-top: 10px;
  margin-bottom: 4px;
  font-family: Roboto, sans-serif;
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 16px;
}

div#formTemplateManagerList div.tpl_mngr_template {
  position: relative;
  padding: 4px 0 1px 0;
}

div#formTemplateManagerList div.tpl_mngr_template a.tpl_mngr_template_name {
  margin-left: 10px;
}

div#formTemplateManagerList div.tpl_mngr_template div.tpl_mngr_template_default {
  position: absolute;
  left: 0;
  top: 1px;
  color: green;
}

div#formTemplateManagerList div.tpl_mngr_template.tpl_mngr_template_selected {
  background-color: #EAF0F4;
}

div#formTemplateManagerList div.tpl_mngr_template div.tpl_mngr_controls {
  display: none;
}

div#formTemplateManagerList div.tpl_mngr_template.tpl_mngr_template_selected div.tpl_mngr_controls {
  display: block;
  float: right;
  padding-top: 2px;
}

div#formTemplateManagerList div.tpl_mngr_template.tpl_mngr_template_selected div.tpl_mngr_controls a {
  margin-right: 2px;
}

div#formTemplateManagerKeywords {
  width: 100%;
  height: calc(100% - 124px);
  overflow: auto;
  padding-top: 10px;
  padding-left: 14px;
  box-sizing: border-box;
}

div#formTemplateManagerKeywords div.tpl_mngr_keyword {
  padding: 1px 0 3px 10px;
  font-family: Roboto, sans-serif;
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  color: #196AA5;
}

/* styles for scheduler week view */

.dhx_event_resize.dhx_footer {
  display: none !important;
}

.dhx_event_move.dhx_title {
  display: none;
}

.dhx_cal_event .dhx_body {
  white-space: nowrap;
  overflow: hidden !important;
  text-overflow: ellipsis;
  font-weight: 400;
}

/* event in day or week view */

.dhx_cal_event.ev_episode.active_admin_note div {
  background-color: #e1e13c !important;
  color: #000000;
}

.dhx_cal_event.ev_episode.clinical_alert div {
  background-color: #EB3E7D !important;
}

.dhx_cal_event.ev_episode.alert_and_note div {
  background-color: #69349C !important;
}


/*multi-day event*/

.dhx_cal_event_line.ev_episode.active_admin_note {
  background-color: #e1e13c !important;
  color: #000000;
}

.dhx_cal_event_line.ev_episode.clinical_alert {
  background-color: #EB3E7D !important;
}

.dhx_cal_event_line.ev_episode.alert_and_note {
  background-color: #69349C !important;
}

/*event with fixed time, in month view*/

.dhx_cal_event_clear.ev_episode.active_admin_note {
  color: #e1e13c !important;
}

.dhx_cal_event_clear.ev_episode.clinical_alert {
  color: #EB3E7D !important;
}

.dhx_cal_event_clear.ev_episode.alert_and_note {
  color: #69349C !important;
}

.dhx_cal_event_clear.ev_episode.active_admin_note.dhx_in_move {
  background-color: #e1e13c !important;
  color: #000000;
}

.dhx_cal_event_clear.ev_episode.clinical_alert.dhx_in_move {
  background-color: #EB3E7D !important;
  color: var(--white) !important;
}

.dhx_cal_event_clear.ev_episode.alert_and_note.dhx_in_move {
  background-color: #69349C !important;
  color: var(--white) !important;
}

/* admission event color for scheduler */

/* event in day or week view */

.dhx_cal_event.ev_admission div {
  background-color: #297921 !important;
}

.dhx_cal_event.ev_admission.active_admin_note div {
  background-color: #e1e13c !important;
  color: #000000;
}

.dhx_cal_event.ev_admission.clinical_alert div {
  background-color: #EB3E7D !important;
}

.dhx_cal_event.ev_admission.alert_and_note div {
  background-color: #69349C !important;
}

/*multi-day event*/

.dhx_cal_event_line.ev_admission.active_admin_note {
  background-color: #e1e13c !important;
  color: #000000;
}

.dhx_cal_event_line.ev_admission.clinical_alert {
  background-color: #EB3E7D !important;
}

.dhx_cal_event_line.ev_admission.alert_and_note {
  background-color: #69349C !important;
}

.dhx_cal_event_line.ev_admission {
  background-color: #297921 !important;
}


/*event with fixed time, in month view*/

.dhx_cal_event_clear.ev_admission {
  color: #297921 !important;
}

.dhx_cal_event_clear.ev_admission.active_admin_note {
  color: #e1e13c !important;
}

.dhx_cal_event_clear.ev_admission.clinical_alert {
  color: #EB3E7D !important;
}

.dhx_cal_event_clear.ev_admission.alert_and_note {
  color: #69349C !important;
}

.dhx_month_link {
  cursor: default;
}

.dhx_month_link span {
  color: #0288d1;
}

.dhx_cal_event_clear.ev_admission.dhx_in_move {
  background-color: #297921;
  color: #fff !important;
}

.dhx_cal_event_clear.ev_admission.active_admin_note.dhx_in_move {
  background-color: #e1e13c !important;
  color: #fff !important;
}

.dhx_cal_event_clear.ev_admission.clinical_alert.dhx_in_move {
  background-color: #EB3E7D !important;
  color: #fff !important;
}

.dhx_cal_event_clear.ev_admission.alert_and_note.dhx_in_move {
  background-color: #69349C !important;
  color: #fff !important;
}

/** SCHEDULER MODE SWITCH BUTTON **/

.scheduler_additional_options_container {
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: space-between;
  left: 200px;
  width: calc(100% / 4.5);
  overflow-y: hidden;
}

.scheduler_additional_options_container::-webkit-scrollbar {
  height: 6px;
}

.scheduler_additional_options_container {
  scrollbar-width: thin;
  scrollbar-color: var(--thumbBG) var(--scrollbarBG);
}

.scheduler_additional_options_container::-webkit-scrollbar-track {
  background: var(--scrollbarBG);
}

.scheduler_additional_options_container::-webkit-scrollbar-thumb {
  background-color: var(--thumbBG);
  border-radius: 3px;
  border: 5px solid var(--scrollbarBG);
}

.scheduler_additional_options_container {
  --scrollbarBG: none;
}

.toggle_day_mode {
  --width: 80px;
  --height: calc(var(--width) / 3);
  position: relative;
  display: inline-block;
  width: var(--width);
  min-width: var(--width);
  height: var(--height);
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
  border-radius: var(--height);
  cursor: pointer;
}

.toggle_day_mode input {
  display: none;
}

.toggle_day_mode .slider {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: var(--height);
  background-color: #0288d1;
  transition: all 0.4s ease-in-out;
}

.toggle_day_mode .slider::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: calc(var(--height));
  height: calc(var(--height));
  border-radius: calc(var(--height) / 2);
  background-color: #fff;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
  transition: all 0.4s ease-in-out;
}

.toggle_day_mode input:checked + .slider {
  background-color: #0288d1;
}

.toggle_day_mode input:checked + .slider::before {
  transform: translateX(calc(var(--width) - var(--height)));
}

.toggle_day_mode .labels {
  position: absolute;
  top: 8px;
  left: 0;
  width: 100%;
  height: 100%;
  font-size: 12px;
  font-family: sans-serif;
  transition: all 0.4s ease-in-out;
  overflow: hidden;
}

.toggle_day_mode .labels::after {
  content: attr(data-off);
  position: absolute;
  right: 10px;
  color: var(--white);
  opacity: 1;
  transition: all 0.4s ease-in-out;
}

.toggle_day_mode .labels::before {
  content: attr(data-on);
  position: absolute;
  left: calc(var(--height) - var(--width) + 12px);
  color: var(--white);
  opacity: 0;
  text-shadow: 1px 1px 2px rgba(255, 255, 255, 0.4);
  transition: all 0.4s ease-in-out;
}

.toggle_day_mode input:checked ~ .labels::after {
  opacity: 0;
  transform: translateX(calc(var(--width) - var(--height)));
}

.toggle_day_mode input:checked ~ .labels::before {
  opacity: 1;
  transform: translateX(calc(var(--width) - var(--height)));
}

/** SCHEDULER COLLAPSE/EXPAND EVENTS BUTTON **/

.toggle-events-button {
  margin: 0 10px;
  width: 140px;
  height: 30px;
  padding: 5px 15px !important;
  position: relative;
  cursor: pointer;
  color: #196AA5;
  border: 1px solid #196AA5;
}

.toggle-events-button:focus {
  outline-style: none;
}

.toggle-events-button:hover {
  color: #014678;
  border-color: #014678;
}

.dhx_cal_tab.week_tab {
  left: 15px !important;
}

.dhx_cal_tab.month_tab {
  left: 105px !important;
}

/** PRACTICE STATS **/
.practice-stats-container {
  padding: 20px;
  background: var(--white);
  height: 100%;
}

.chart-label-description {
  font-size: 12px;
  line-height: 14px;
  color: #A9B5BD;
  margin-top: 6px;
}


/** SETTING **/

/*calendar scrollbar*/
.profile-settings-container::-webkit-scrollbar,
.headers-settings-container::-webkit-scrollbar,
.footers-settings-container::-webkit-scrollbar,
.headers-settings-additional::-webkit-scrollbar {
  width: 15px;
}

.profile-settings-container,
.headers-settings-container,
.footers-settings-container,
.headers-settings-additional {
  scrollbar-width: thin;
  scrollbar-color: var(--thumbBG) var(--scrollbarWindowsBG);
}

.profile-settings-container::-webkit-scrollbar-track,
.headers-settings-container::-webkit-scrollbar-track,
.footers-settings-container::-webkit-scrollbar-track,
.headers-settings-additional::-webkit-scrollbar-track {
  background: var(--scrollbarWindowsBG);
}

.profile-settings-container::-webkit-scrollbar-thumb,
.headers-settings-container::-webkit-scrollbar-thumb,
.footers-settings-container::-webkit-scrollbar-thumb,
.headers-settings-additional::-webkit-scrollbar-thumb {
  background-color: var(--thumbBG);
  border-radius: 3px;
  border: 5px solid var(--scrollbarWindowsBG);
}

.settings-container,
.templates-container {
  padding: 20px;
  background: var(--white);
  display: flex;
  height: 100% !important;
  box-sizing: border-box;
}

.mobile .settings-container {
  flex-direction: column;

  .dhxform_obj_material,
  .dhxform_obj_material div.dhxform_base,
  .dhxform_obj_material input.dhxform_textarea,
  .dhxform_obj_material div.dhxform_control div.dhxcombo_material,
  .dhxform_obj_material div.dhxform_control div.dhxcombo_material input.dhxcombo_input,
  .dhxform_container,
  .dhxform_obj_material div.dhxform_control div.dhxform_note {
    max-width: 100%;
  }

  .dhxform_obj_material div.dhxform_btn {
    margin-left: -110px;
    margin-top: -10px;
  }
}

.user-photo-container {
  width: 232px;
  position: relative;
  margin-right: 40px;
}

.user-photo {
  width: 232px;
  height: auto;
  border-radius: 4px;
}

.settings-user-details {
  font-family: Roboto, sans-serif;
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 16px;
  color: #A9B5BD;
  margin-top: 6px;
}

.photo-icon {
  position: absolute;
  color: var(--color-gray-900);
  background-color: rgba(255, 255, 255, 0.4);
  width: 17px;
  height: 17px;
  border-radius: 50%;
  text-align: center;
  line-height: 17px;
}

.photo-icon-edit {
  top: 29px;
  right: 6px;
  font-size: 7px;
}

.photo-icon-delete {
  top: 6px;
  right: 6px;
  font-size: 10px;
}

.password-and-email-settings-container {
  width: 553px;
}

.settings-switch-button-container {
  margin-bottom: 30px;
}

.setting-email-container,
.setting-password-container {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  margin-right: 15px;
}

.setting-password-container {
  margin-top: 20px;
}

.setting-email__input,
.setting-password__input {
  width: 400px;
}

.change-password-form,
.user-profile-form,
.profile-form {
  border: 1px solid #A9B5BD;
  border-radius: 4px;
  padding: 20px;
  box-sizing: border-box;
  margin-top: 30px;
  margin-right: 15px
}

.change-password-form {
  height: 342px;
}

.profile-form {
  height: 552px;
}

.user-profile-form {
  height: 535px;
}

.profile-form--clinician {
  height: 1115px;
}

.select-calendar-form,
.select-logo-type-form {
  border: 1px solid #A9B5BD;
  border-radius: 4px;
  width: 100%;
  padding: 0 20px;
  box-sizing: border-box;
  margin-top: 30px;
}

.select-calendar-form {
  height: 206px;
}

.select-logo-type-form {
  height: 246px;
  width: 300px !important;
}

.change-password-form-name,
.profile-form-name,
.select-calendar-form-name,
.select-logo-type-form-name,
.consultant-details-form-name {
  margin-bottom: 8px;
}


.background-settings-container,
.footers-settings-container,
.receipt-logo-and-signature-settings-container {
  width: 484px;
}
.clinic-staff-settings-container {
  width: 600px;
}


.settings-footers__width,
.settings-upload-files-container.settings-footers__width {
  width: 484px;
}

.calendar-settings-container {
  width: 296px;
}


.consultant-details-settings-container {
  width: 513px;
}

.profile-settings-container,
.headers-settings-container,
.footers-settings-container,
.headers-settings-additional {
  height: 90%;
  width: 100%;
  overflow-y: scroll;
}

.settings-upload-files-container {
  height: 153px;
  width: 100%;
  border: 1px solid #A9B5BD;
  box-sizing: border-box;
  border-radius: 4px;
  margin-top: 25px;
}

.settings-upload-files-container.settings-headers__width,
.settings-letter-header-container.settings-headers__width,
.clear-button-container,
.settings-save-button-container {
  width: 484px;
}

.clear-button-container,
.settings-save-button-container {
  margin-top: 20px;
  text-align: right;
}

.clear-button-container > input,
.settings-save-button-container > input {
  margin-right: 10px;
}

.settings-upload-files-heading,
.manage-templates-heading {
  height: 42px;
  font-family: Roboto, sans-serif;
  font-style: normal;
  font-weight: bold;
  font-size: 14px;
  line-height: 42px;
  border-bottom: 1px solid #A9B5BD;
  padding-left: 12px;
}

/* user pic */

td.user_pic img.user_pic {
  display: block;
  margin: 0;
  padding: 0;
}

img.user_letter_logo {
  width: 750px;
  height: 221px;
  display: block;
  margin: 0;
  padding: 0;
}

img.user_letter_logo_footer {
  width: 370px;
  height: 125px;
  display: block;
  margin: 0;
  padding: 0;
}


img.user_signature_logo {
  width: 200px;
  height: 75px;
}

table.loginForm {
  margin-right: 10px;
}

table.loginForm td {
  font-size: 14px;
  font-family: Tahoma, sans-serif;
}


/* send to medserv form */

#formMedservSend input.inp_txt,
#formMedservSend select.inp_txt {
  background-color: white;
  width: 130px;
}

#uploadFrame,
#downloadFrame {
  position: absolute;
}

.element-not-selected-container {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  background: #FFF;
  height: 100%;
}

.element-not-selected-container p {
  font-size: 21px;
  line-height: 30px;
  color: #A9B5BD;
  text-align: center;
}

.patient-not-selected__button {
  margin-top: 30px;
}

.login_icon {
  background-image: url(/imgs/login.gif) !important;
}

.autoload_icon {
  background-image: url(/imgs/imgs/docrep/toolbar/autoload.gif) !important;
}

.pdfs_icon {
  background-image: url(/imgs/imgs/docrep/toolbar/pdfs.gif) !important;
}

.procs_icon {
  background-image: url(/imgs/toolbar/procs.gif) !important;
}

.search_icon {
  background-image: url(/imgs/toolbar/search.gif) !important;
}

.users_icon {
  background-image: url(/imgs/toolbar/users.gif) !important;
}

.clinical_note_icon {
  background-image: url(/imgs/toolbar/add_clinical_note.gif) !important;
}

.clinical_note2_icon {
  background-image: url(/imgs/toolbar/add_clinical_note2.gif) !important;
}

.edit_clinical_note2_icon {
  background-image: url(/imgs/toolbar/edit_clinical_note2.gif) !important;
}

.letter2_icon {
  background-image: url(/imgs/toolbar/letter2.gif) !important;
}

.add_letter_icon {
  background-image: url(/imgs/toolbar/add_letter.gif) !important;
}

.add_letter2_icon {
  background-image: url(/imgs/toolbar/add_letter2.gif) !important;
}

.edit_letter2_icon {
  background-image: url(/imgs/toolbar/edit_letter2.gif) !important;
}

.print_letters3_icon {
  background-image: url(/imgs/toolbar/print_letters3.gif) !important;
}

.add_episode2_icon {
  background-image: url(/imgs/toolbar/add_episode2.gif) !important;
}

.edit_episode2_icon {
  background-image: url(/imgs/toolbar/edit_episode2.gif) !important;
}

.add_patient2_icon {
  background-image: url(/imgs/toolbar/add_patient2.gif) !important;
}

.edit_patient2_icon {
  background-image: url(/imgs/toolbar/edit_patient2.gif) !important;
}

.patient_email_details_icon {
  background-image: url(/imgs/toolbar/patient_email_details.gif) !important;
}

.add_doctor2_icon {
  background-image: url(/imgs/toolbar/add_doctor2.gif) !important;
}

.edit_doctor2_icon {
  background-image: url(/imgs/toolbar/edit_doctor2.gif) !important;
}

.fee_report_icon {
  background-image: url(/imgs/toolbar/fee_report.gif) !important;
}

.email_reminder_icon {
  background-image: url(/imgs/toolbar/email_reminder.gif) !important;
}

.share_icon {
  background-image: url(/imgs/imgs/docrep/toolbar/share.png) !important;
}

.dhxcelltop_hdr {
  position: absolute !important;
  top: 0 !important;
}

.dhxcelltop_toolbar {
  left: 0 !important;
}


/**
    #loginData section
*/

#loginData {
  /*height: inherit;*/
  visibility: hidden;
  text-align: right;
  /*margin-bottom: 2px;*/
  position: relative;
  /*padding-right: 30px;*/
}

.dhx_toolbar_material div.dhx_toolbar_arw div.arwimg {
  background-image: url(/imgs/material/dhxtoolbar_material/dhxtoolbar_arrow.gif) !important;
}

.dhxgrid_sort_desc,
div.gridbox_material.gridbox table.hdr td.dhxgrid_sort_desc_col {
  background-image: url(/imgs/material/dhxgrid_material/sort_asc.gif) !important;
}

.dhxgrid_sort_asc,
div.gridbox_material.gridbox table.hdr td.dhxgrid_sort_asc_col {
  background-image: url(/imgs/material/dhxgrid_material/sort_desc.gif) !important;
}

div.gridbox_material.gridbox table.hdr td.dhxgrid_sort_desc_col {
  background-position: 3px 9px !important;
}

div.gridbox_material.gridbox table.hdr td.dhxgrid_sort_asc_col {
  background-position: 3px 9px !important;
}

.dhxwins_vp_material div.dhxwin_hdr div.dhxwin_icon {
  background-image: url(/imgs/material/dhxwins_material/dhxwins_icon.gif) !important;
}

.dhxwins_vp_material div.dhxwin_hdr div.dhxwin_btns div.dhxwin_button,
.dhxwins_vp_material div.dhxwin_hdr div.dhxwin_btns div.dhxwin_button_dis {
  background-image: url(/imgs/material/dhxwins_material/dhxwins_buttons.png);
}

.dhtmlxcalendar_material div.dhtmlxcalendar_month_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell.dhtmlxcalendar_month_hdr div.dhtmlxcalendar_month_arrow.dhtmlxcalendar_month_arrow_left {
  background-image: url(/imgs/material/dhxcalendar_material/dhxcalendar_arrow_left.png) !important;
}

.dhtmlxcalendar_material div.dhtmlxcalendar_month_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell.dhtmlxcalendar_month_hdr div.dhtmlxcalendar_month_arrow.dhtmlxcalendar_month_arrow_left_hover {
  background-image: url(/imgs/material/dhxcalendar_material/dhxcalendar_arrow_left.png) !important;
}

.dhtmlxcalendar_material div.dhtmlxcalendar_month_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell.dhtmlxcalendar_month_hdr div.dhtmlxcalendar_month_arrow.dhtmlxcalendar_month_arrow_right {
  background-image: url(/imgs/material/dhxcalendar_material/dhxcalendar_arrow_right.png) !important;
}

.dhtmlxcalendar_material div.dhtmlxcalendar_month_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell.dhtmlxcalendar_month_hdr div.dhtmlxcalendar_month_arrow.dhtmlxcalendar_month_arrow_right_hover {
  background-image: url(/imgs/material/dhxcalendar_material/dhxcalendar_arrow_right.png) !important;
}

.dhtmlxcalendar_material div.dhtmlxcalendar_time_cont ul.dhtmlxcalendar_line li div.dhtmlxcalendar_time_img {
  background-image: url(/imgs/material/dhxcalendar_material/dhxcalendar_clock.png) !important;
}

.dhxlayout_base_material div.dhxlayout_sep.dhxlayout_sep_resize_v {
  background-image: url(/imgs/material/dhxlayout_material/dhxlayout_sep_ver.gif) !important;
}

div.dhtmlxMenu_material_SubLevelArea_Polygon table.dhtmlxMebu_SubLevelArea_Tbl div.complex_arrow {
  background-image: url(/imgs/material/dhxmenu_material/dhxmenu_subar.png) !important;
}

.dhxlayout_base_material div.dhxlayout_sep.dhxlayout_sep_resize_h {
  background-image: url(/imgs/material/dhxlayout_material/dhxlayout_sep_hor.gif) !important;
}

.dhxform_obj_material div.dhxform_img.chbx0,
.dhxform_obj_material div.dhxform_img.chbx1,
.dhxform_obj_material div.disabled div.dhxform_img.chbx0,
.dhxform_obj_material div.disabled div.dhxform_img.chbx1,
.dhxform_obj_material div.dhxform_img.rdbt0,
.dhxform_obj_material div.dhxform_img.rdbt1,
.dhxform_obj_material div.disabled div.dhxform_img.rdbt0,
.dhxform_obj_material div.disabled div.dhxform_img.rdbt1,
.dhxform_obj_material div.dhxform_actv_c.chbx0,
.dhxform_obj_material div.dhxform_actv_c.chbx1,
.dhxform_obj_material div.dhxform_actv_r.rdbt0,
.dhxform_obj_material div.dhxform_actv_r.rdbt1 {
  background-image: url(/imgs/material/dhxform_material/dhxform_chbxrd.png);
}

div.dhtmlxMenu_material_SubLevelArea_Polygon table.dhtmlxMebu_SubLevelArea_Tbl div.sub_icon {
  background-image: url(/imgs/material/dhxmenu_material/dhxmenu_chrd.png);
}

.dhx_toolbar_material div.dhx_toolbar_btn,
.dhx_toolbar_material div.dhx_toolbar_arw,
.dhx_toolbar_material div.dhx_toolbar_sep,
.dhx_toolbar_material div.dhx_toolbar_text {
  float: none !important;
  display: inline-block;
  vertical-align: top;
}

#headerAddNewToolbarObj.dhx_toolbar_material div.dhx_toolbar_btn.dhxtoolbar_btn_over .dhxtoolbar_text {
  color: var(--white);
}

.dhxwins_vp_material div.dhxwin_hdr div.dhxwin_btns div.dhxwin_button,
.dhxwins_vp_material div.dhxwin_hdr div.dhxwin_btns div.dhxwin_button_dis {
  background-image: url(/imgs/material/dhxwins_material/dhxwins_buttons.png);
}

.dhxwins_vp_material div.dhxwin_hdr div.dhxwin_icon {
  background-image: url(/imgs/material/dhxwins_material/dhxwins_icon.gif);
}

.dhxform_obj_material .dhxform_select {
  background-image: url(/imgs/material/dhxform_material/dhxform_arrow_down.gif);
}

.dhx_toolbar_material div.dhxtoolbar_float_left {
  float: none !important;
}

.dhx_toolbar_material div.dhxtoolbar_float_right {
  float: none !important;
  position: absolute;
  top: 0;
  right: 5px;
}

.dhxcelltop_hdr > div.dhxcelltop_toolbar {
  padding-bottom: 4px;
}

.grid_top_right {
  width: 18px;
  height: 18px;
  position: absolute;
  top: 6px;
  cursor: pointer;
  border: none;
}

.appointments_arrow,
.day_summary_arrow,
.patient_recall_arrow {
  height: 12px;
  width: 12px;
  padding: 3px 4px 4px 4px;
  background-repeat: no-repeat;
  background-position: 54% 48%;
  cursor: pointer;
}

.appointments_arrow.right,
.day_summary_arrow.right,
.patient_recall_arrow.right {
  float: right;
  background-image: url(/imgs/material/dhxcalendar_material/dhxcalendar_arrow_right.png);
}

.appointments_arrow.left,
.day_summary_arrow.left,
.patient_recall_arrow.left {
  float: left;
  background-image: url(/imgs/material/dhxcalendar_material/dhxcalendar_arrow_left.png);
}

.appointments_arrow:hover,
.day_summary_arrow:hover,
.patient_recall_arrow:hover {
  background-color: rgba(160, 160, 160, 0.3);
  -webkit-border-radius: 12px;
  -moz-border-radius: 12px;
  border-radius: 12px;
}

.dhxform_obj_material .dhx_file_uploader.dhx_file_uploader_title div.dhx_upload_controls div.dhx_file_uploader_button.button_info {
  padding-top: 0;
}

#formAddClinicalNote > table tr:first-child td > span/*,
#formAddOldLetter > table tr:nth-child(2) td > span*/ {
  display: inline-block;
  vertical-align: middle;
}

#formAddClinicalNote > table tr:first-child td > label/*,
#formAddOldLetter > table tr:nth-child(2) td > label*/ {
  display: inline-block;
  vertical-align: baseline;
}

.toggling_component.over {
  z-index: 10000;
}

.toggling_component {
  position: absolute;
  overflow: hidden;
  box-sizing: border-box;
  border: 2px solid #39c;
  background-color: white;
  border-top-right-radius: 50px;
  border-bottom-right-radius: 50px;
  line-height: 12px;
  font-size: 14px;
  text-align: center;
  color: #3399cc;
  text-transform: uppercase;
  height: 48px;
  width: 100px;
  padding-top: 6px;
  cursor: pointer;
  user-select: none;
}

.noteDocPreview {
  cursor: pointer;
}

.noteDocPreview .deleteNoteDoc,
.noteDocPreview .viewNoteDoc {
  position: absolute;
  width: 24px;
  height: 24px;
  right: 2px;
  margin-top: 5px;
  z-index: 10;
  background-image: url(/imgs/delete_note_doc.png);
}

.noteDocPreview .viewNoteDoc {
  background-image: url(/imgs/view_note_doc.png);
  margin-top: 34px;
}

.noteDocPreview > div:last-child {
  width: 130px;
  height: 130px;
  margin: 0 auto;
}

.noteDocPreview img {
  margin: 0 auto;
  display: block;
}

.docsView > div:first-child {
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.7);
  z-index: 1001;
  position: absolute;
  overflow: auto;
}

.docsView > div > img {
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  margin: 20px auto;
  display: block;
}

.spinner_cont {
  height: 100px;
  width: 100px;
  margin: 0 auto;
  padding: 30px 0 0 30px;
}

.spinner {
  height: 50px;
  width: 50px;
  animation: rotate 0.8s infinite linear;
  border: 12px solid #fff;
  border-right-color: transparent;
  border-radius: 50%;
}

@keyframes rotate {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

.note_zoom_in,
.note_zoom_out {
  opacity: 0.4;
  border: 1px solid white;
  width: 50px;
  height: 68px;
  position: absolute;
  right: 20px;
  z-index: 1001;
  cursor: pointer;
}

.note_zoom_in {
  background: url(/imgs/zoom_in.svg) center center no-repeat;
  top: 10px;
  border-top-right-radius: 7px;
  border-top-left-radius: 7px;
}

.note_zoom_out {
  background: url(/imgs/zoom_out.svg) center center no-repeat;
  top: 79px;
  border-bottom-right-radius: 7px;
  border-bottom-left-radius: 7px;
}

.note_zoom_in:hover,
.note_zoom_out:hover {
  opacity: 1;
}

.manage-template-header {
  cursor: pointer;
}

.manage-templates-heading-bottom {
  height: 42px;
  font-family: Roboto, sans-serif;
  font-style: normal;
  font-weight: bold;
  font-size: 14px;
  line-height: 42px;
  border-top: 1px solid #A9B5BD;
  border-bottom: 1px solid #A9B5BD;
  padding-left: 12px;
}

.search_date_input {
  width: 90px;
  background: url(/imgs/material/dhxform_material/dhxform_image_calendar.png) right 0 no-repeat;
  border: #a4bed4 1px solid;
}

.additional_search_conds {
  display: flex;
  justify-items: center;
  justify-content: space-between;
  align-items: center;
  padding: 0 12px;
  margin-top: 8px;
  background: #F2F4F5;
  border-radius: 4px;
}

.search-main-container {
  display: flex;
}

.search-main-container div:nth-child(n) {
  margin-right: 12px;
}

.search_not,
.search_and {
  font-weight: bold;
  cursor: pointer;
  color: rgba(162, 162, 162, 0.72);
}

.search_and {
  left: 46px;
}

.search_not:hover,
.search_not[not="true"] {
  color: red;
}

.search_and:hover,
.search_and[and="true"] {
  color: green;
}

.search_close {
  height: 10px;
  width: 10px;
  background-image: url(/imgs/icons/delete_icon.png);
  cursor: pointer;
}

.procedure-text-container {
  padding: 0 12px;
  margin-top: 8px;
  background: #F2F4F5;
  border-radius: 4px;
  font-family: Roboto, sans-serif;
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 38px;
}

.dhtmlxcalendar_material div.dhtmlxcalendar_selector_obj div.dhtmlxcalendar_selector_obj_arrow {
  background-image: url(/imgs/material/dhxcalendar_material/dhxcalendar_selector_top.gif);
}

.dhtmlxcalendar_material div.dhtmlxcalendar_month_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell.dhtmlxcalendar_month_hdr div.dhtmlxcalendar_month_arrow.dhtmlxcalendar_month_arrow_left,
.dhtmlxcalendar_material div.dhtmlxcalendar_month_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell.dhtmlxcalendar_month_hdr div.dhtmlxcalendar_month_arrow.dhtmlxcalendar_month_arrow_left_hover,
.dhtmlxcalendar_material div.dhtmlxcalendar_selector_obj table.dhtmlxcalendar_selector_table td.dhtmlxcalendar_selector_cell_left,
.dhtmlxcalendar_material div.dhtmlxcalendar_month_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell.dhtmlxcalendar_month_hdr div.dhtmlxcalendar_month_arrow.dhtmlxcalendar_month_arrow_left,
.dhtmlxcalendar_material div.dhtmlxcalendar_month_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell.dhtmlxcalendar_month_hdr div.dhtmlxcalendar_month_arrow.dhtmlxcalendar_month_arrow_left_hover,
.appointments_arrow.left,
.day_summary_arrow.left,
.patient_recall_arrow.left {
  background-image: url(/imgs/material/dhxcalendar_material/dhxcalendar_arrow_left.png) !important;
}

.dhtmlxcalendar_material div.dhtmlxcalendar_month_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell.dhtmlxcalendar_month_hdr div.dhtmlxcalendar_month_arrow.dhtmlxcalendar_month_arrow_right,
.dhtmlxcalendar_material div.dhtmlxcalendar_month_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell.dhtmlxcalendar_month_hdr div.dhtmlxcalendar_month_arrow.dhtmlxcalendar_month_arrow_right_hover,
.dhtmlxcalendar_material div.dhtmlxcalendar_selector_obj table.dhtmlxcalendar_selector_table td.dhtmlxcalendar_selector_cell_right,
.dhtmlxcalendar_material div.dhtmlxcalendar_month_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell.dhtmlxcalendar_month_hdr div.dhtmlxcalendar_month_arrow.dhtmlxcalendar_month_arrow_right,
.dhtmlxcalendar_material div.dhtmlxcalendar_month_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell.dhtmlxcalendar_month_hdr div.dhtmlxcalendar_month_arrow.dhtmlxcalendar_month_arrow_right_hover,
.appointments_arrow.right,
.day_summary_arrow.right,
.patient_recall_arrow.right {
  background-image: url(/imgs/material/dhxcalendar_material/dhxcalendar_arrow_right.png) !important;
}

.dhxcombo_option {
  background-color: #303030;
  color: white !important;
}

.dhxcombo_option_selected {
  background-color: #303030;
  color: #404040 !important;
}

.ui-widget.ui-widget-content {
  z-index: 200 !important;
}

#docViewsContainer {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  z-index: 1001;
}

div[procedures_list] {
  width: 400px !important;
}

div[procedures_list] .dhxcombo_option {
  height: auto !important;
  border-bottom: 1px solid #ccc;
}

div[procedures_list] .dhxcombo_option:hover .dhxcombo_option_text {
  background-color: white;
  color: #303030;
}

div[procedures_list] .dhxcombo_option_text {
  white-space: normal !important;
}

div[procedure_text] {
  display: none;
}

.dhx_cell_wins div[procedure_text] {
  display: block;
}

#formTemplateManager {
  position: relative;
  width: 710px;
  padding-right: 0;
}

.templates-list-container {
  width: 100%;
  border: 1px solid #A9B5BD;
  box-sizing: border-box;
  border-radius: 4px;
  margin-left: 20px;
  height: calc(100% - 40px);
  /*overflow: hidden;*/
}

.tpl-clinicians-container {
  height: 38px;
}

/* for skyblue scheme to center combo list*/
div.dhxcombolist_dhx_skyblue,
div.dhxcombolist_skyblue {
  position: absolute;
}

.dhxcombo_option_selected {
  background: #7F9DB9;
}

.template_buttons_container {
  position: absolute;
  overflow: hidden;
  box-sizing: border-box;
  border: 2px solid #39c;
  background-color: white;
  color: #3399cc;
  user-select: none;
  width: 100px;
  visibility: hidden;
}

.template_inp_btn {
  display: block;
  width: 80px;
  margin: 6px 0 6px 8px;
  float: left;
  cursor: pointer;
  box-sizing: border-box;
  font-size: 14px;
}

div#formTemplateManagerKeywords.notadmin,
div#formTemplateManagerList.notadmin {
  height: calc(100% - 86px);
}

div.tpl_mngr_template > a.tpl_mngr_template_name {
  width: 84%;
  display: inline-block;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  font-family: Roboto, sans-serif;
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  color: #196AA5;
}

div.tpl_mngr_template_selected > a.tpl_mngr_template_name {
  width: 82%;
}

div.message_wrapper {
  width: 100%;
  height: 100%;
  z-index: 100;
  position: absolute;
  background-color: rgba(53, 62, 113, 0.62);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#9e353e71', endColorstr='#9e353e71', GradientType=0);
  top: 0;
  display: none;
}

div.message_box {
  width: 70%;
  background-color: white;
  margin: 0 auto;
  box-sizing: border-box;
  box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.6);
  position: relative;
  top: 120px;
}

div.close_message {
  display: inline-block;
  font-size: 36px;
  right: -30px;
  position: absolute;
  top: -40px;
  cursor: pointer;
  color: black;
  user-select: none;
  -moz-user-select: none;
  -webkit-user-select: none;
}

div.close_message:hover {
  top: -42px;
}

div.message_content {
  overflow: auto;
  box-sizing: border-box;
  padding: 14px;
  min-height: 300px;
  max-height: 500px;
}

div.message_content_date {
  padding: 6px 12px;
  margin-top: 8px;
  background: #F2F4F5;
  border-radius: 4px;
  font-size: 12px;
}

div.message_content_block {
  padding: 8px 16px;
  border: 1px solid #8A8F84;
  border-radius: 4px;
  margin-bottom: 12px;
  position: relative;
}

div.message_content_block.not_seen {
  border: 1px solid #ff8839;
}

.notification_close {
  height: 10px;
  width: 10px;
  background-image: url(/imgs/icons/delete_icon.png);
  cursor: pointer;
  position: absolute;
  right: 5px;
}

div.spinner_cont.docrep {
  display: none;
  position: relative;
  top: 50%;
  z-index: 100;
  margin-top: -50px;
}

div.spinner_cont.docrep > div.spinner {
  border: 12px solid #39c;
  border-right-color: transparent;
}

.clinical-note-preview-text-container {
  position: relative;
  min-height: 100px;
  /*width: 516px;*/
  width: 100%;
  overflow: auto;
  font-family: Roboto, sans-serif;
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 16px;
  color: var(--color-gray-900);
}

.dhxcombolist_material {
  z-index: 10001 !important;
}

.patient_ws_field {
  background-color: #e8e8e8;
}

.admission-upload-files-container {
  height: 220px;
  width: 526px;
  border: 1px solid #A9B5BD;
  box-sizing: border-box;
  border-radius: 4px;
  margin-top: 25px;
}

.form-upload-files-heading {
  height: 42px;
  font-family: Roboto, sans-serif;
  font-style: normal;
  font-weight: bold;
  font-size: 14px;
  line-height: 42px;
  color: #A9B5BD;
  border-bottom: 1px solid #A9B5BD;
  padding-left: 12px;
}


.ws_admission_files_container,
.ws-procedures-container {
  background: #F2F4F5;
  border-radius: 4px;
  padding: 10px;
  position: relative;
  margin-top: 12px;
  font-family: Roboto, sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 18px;
}

.ws_admission_files_container:last-child {
  border: none;
}

.ws_attached_file_container {
  height: 190px;
  width: 160px;
  display: inline-block;
  position: relative;
  margin-bottom: 10px;
  margin-right: 10px;
}

.ws_attached_file_container > img {
  width: 18px;
  height: 18px;
  cursor: pointer;
  margin-left: 1px;
  display: inherit;
  position: absolute;
  right: -4px;
  top: -4px;
}

.ws_attached_file_container div.ws_file_logo {
  height: 170px;
  width: 140px;
  background-size: cover;
  margin: 0 auto;
}

.ws_attached_file_container div.ws_file_label {
  text-align: center;
  text-overflow: ellipsis;
  overflow: hidden;
}

.uploader_title_width,
.settings_uploader_title_width {
  margin-top: 17.5px;
}

.settings_uploader_title_width .dhx_file_uploader_button.button_info {
  line-height: 60px !important;
  width: 340px !important;
}

.dhxform_obj_material .settings_uploader_title_width .dhx_file_uploader.dhx_file_uploader_title div.dhx_upload_controls div.dhx_file_uploader_button.button_info {
  right: 35px !important;
  left: auto;
}

.dhxform_obj_material .settings_uploader_title_width .dhx_file_uploader.dhx_file_uploader_title div.dhx_upload_controls div.dhx_file_uploader_button.button_browse {
  left: 35px !important;
}

#admissionUploadForm.dhxform_obj_material .dhx_file_uploader.dhx_file_uploader_title div.dhx_upload_controls div.dhx_file_uploader_button.button_info {
  left: 85px !important;
  line-height: 50px;
}

#admissionUploadForm.dhxform_obj_material .dhx_file_uploader.dhx_file_uploader_title div.dhx_upload_controls div.dhx_file_uploader_button.button_browse {
  left: 35px;
}

.mandatory--offset {
  margin-right: 10px;
}

.ws_remove_procedure_button {
  background-image: url(/imgs/icons/delete_icon.png);
  background-repeat: no-repeat;
  background-position: center;
  border: none;
  padding-left: 20px;
  height: 22px;
  width: 22px;
  position: absolute;
  top: 2px;
  right: 2px;
  cursor: pointer;
  background-color: #e8e8e8;
}

#formAddPatient .form-group--flex-row.align-items-center {
  margin-top: 15px;
  justify-content: left;
}

#formAddPatient .form-group--flex-row.align-items-center label {
  margin: 0;
}

#calendarLegendForm li {
  margin: 5px 0;
  font-size: 14px;
}

#calendarLegendButton {
  position: relative;
  top: 0;
}

@page {
  margin: 0 0;
}

.dhtmlx-success {
  color: #fff;
  background: #008000;
}

.dhtmlx-success div {
  background-color: #008000;
}

.fas-icon__center {
  vertical-align: middle;
}

@media screen and (max-width: 768px) {
  #body {
    position: relative !important;
  }
}

@media screen and (max-width: 425px) {

  .form-group {
    display: flex;
    flex-direction: column;
  }

  /* .form-group__input {
      width: 200px !important;
  } */
  .uploader_title_width .dhx_file_uploader_button.button_info {
    width: 60px !important;
  }

  .directly_uploader .dhx_file_uploader_button.button_info {
    width: 120px !important;
  }

  .uploader_title_width > div {
    width: 160px !important;
  }

  /* .window-form-container {
      width: 200px !important;
  } */
  .form-container-big {
    width: 290px !important;
  }

  .form-text {
    width: 290px !important;
  }

  .form-group__input-middle {
    width: 160px !important;
  }

  .form-group__input-small {
    width: 110px !important;
  }

  .form-separator {
    width: 5px !important;
  }

  .form-group-custom__input {
    margin-bottom: 10px;
  }

  div#gridDaySummary,
  div#gridNextRecalls,
  div#gridSummaryApps,
  div#gridSummaryMarkedPatients {
    position: relative;
    width: 310px;
    height: 200px;
    clear: both;
  }

  .template_buttons_container {
    position: absolute;
    overflow: hidden;
    box-sizing: border-box;
    width: 310px;
    visibility: hidden;
    border-radius: 10px;
  }

  .template_inp_btn {
    margin: 4px 2px;
    padding: 0;
    float: left;
    width: 55px;
    font-size: 14px;
  }

  .toggling_component {
    border-top-right-radius: 10px;
    border-top-left-radius: 10px;
    border-bottom-right-radius: 0;
    height: 30px;
    width: 150px;
  }

  .logout__button {
    margin-right: 55px;
  }

}

/* Switch/radio button for scheduled procedures*/

.summary_switch {
  position: relative;
  display: inline-block;
  width: 30px;
  height: 17px;
  margin-top: 2px;
  margin-left: 5px;
}

.summary_switch input {
  opacity: 0;
  width: 0;
  height: 0;
}

.summary_slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  -webkit-transition: .4s;
  transition: .4s;
}

.summary_slider:before {
  position: absolute;
  content: "";
  height: 13px;
  width: 13px;
  left: 2px;
  bottom: 2px;
  background-color: white;
  -webkit-transition: .4s;
  transition: .4s;
}

input:checked + .summary_slider {
  background-color: #39c;
}

input:focus + .summary_slider {
  box-shadow: 0 0 1px #39c;
}

input:checked + .summary_slider:before {
  -webkit-transform: translateX(13px);
  -ms-transform: translateX(13px);
  transform: translateX(13px);
}

.summary_slider.summary_round {
  border-radius: 17px;
}

.summary_slider.summary_round:before {
  border-radius: 50%;
}

/* Loading dots */

.loading:after {
  content: ' .';
  animation: dots 1s steps(5, end) infinite;
}

@keyframes dots {
  0%, 20% {
    color: rgba(255, 255, 255, 0);
    text-shadow: .25em 0 0 rgba(255, 255, 255, 0),
    .5em 0 0 rgba(255, 255, 255, 0);
  }
  40% {
    color: black;
    text-shadow: .25em 0 0 rgba(255, 255, 255, 0),
    .5em 0 0 rgba(255, 255, 255, 0);
  }
  60% {
    text-shadow: .25em 0 0 black,
    .5em 0 0 rgba(255, 255, 255, 0);
  }
  80%, 100% {
    text-shadow: .25em 0 0 black,
    .5em 0 0 black;
  }
}

/** MANAGER FOOTER **/

.audit-trail-table-row {
  display: none;
  margin-top: 10px;
}

.audit-trail-container {
  display: flex;
  flex-wrap: wrap;
  font-family: Roboto, sans-serif;
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 16px;
  color: var(--color-gray-900);
}

.audit-trail {
  font-weight: normal;
  margin-right: 20px;
}

.audit-trail span {
  font-weight: bold;
  min-width: 70px;
}

.clinical-note-preview-date {
  margin-bottom: 10px;
}

.letter-preview-text-container {
  position: relative;
  width: 480px;
  height: 500px;
  overflow: auto;
}

.letter-preview-text-container__old {
  width: 700px;
}

.additional-letter-cc-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 12px;
  padding: 12px;
  border: 1px solid #A9B5BD;
  border-radius: 4px 4px 0 0;
}

.additional-letter-cc-header__toggle-button {
  width: 12px;
  height: 7px;
  background-image: url(/imgs/icons/dhxlayout_cell_btns.png);
  background-repeat: no-repeat;
  background-position-x: -2px;
  background-position-y: -5px;
  cursor: pointer;
}

.additional-letter-cc-area {
  padding: 0 6px 6px;
  border: 1px solid #A9B5BD;
  border-top: none;
  border-radius: 0 0 4px 4px;
}

.additional-letter-cc-area .form-group--flex-row > div {
  width: 100%;
}

.admission-form-question {
  width: 300px;
}

.admission-form-answer {
  width: 30px;
  text-align: center;
}

@media (max-width: 800px) {
  .summarySwitchPatientsToggle input + label {
    padding: 0.75rem 0.25rem;
    flex: 0 0 50%;
    display: flex;
    justify-content: center;
    align-items: center;
  }
}

.videoChatContainer {
  display: flex;
  justify-content: space-between;
  margin-top: 12px;
}

.resendInvitationButtonsContainer {
  margin-top: 20px;
}

.resendInvitationButtonsContainer > button {
  margin-right: 10px;
}
/* todo remove 2025.05.15
div#otherPatientMatches {
  font-size: 12px;
  margin-bottom: 5px;
  cursor: pointer;
  user-select: none;
  text-align: right;
}*/

div#userInviteUserForm {
  padding-bottom: 10px;
}

.float-right {
  float: right;
}

#patientsReportProcedureInsurerSelect {
  width: auto !important;
}

#formPatientInfo {
  display: none;
  box-sizing: border-box;
  width: 100%;
}

/* Clinical Note Window */

@media screen and (max-width: 760px) {
  .videoChatContainer {
    flex-direction: column;
    width: 100%;
    height: 70vh;
  }

  .videoChatContainer iframe {
    width: 100% !important;
  }
}

.button-hidden-admin {
  border: none !important;
  outline: none !important;
  cursor: default;
  padding: 0 !important;
  margin: 0 !important;
  background: transparent !important;
  font-size: 0 !important;
  width: 20px;
  height: 20px;
  position: fixed;
  top: 0;
  right: 0;
}

.button-hidden-admin:hover {
  background: transparent !important;
}

.button-hidden-admin:active {
  background: transparent !important;
}

.button-hidden-admin:focus {
  background: transparent !important;
}

.appointment-time-ranges {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  margin: 5px 0;
  justify-content: center;
}

.appointment-time-ranges__item {
  width: 25%;
  color: #196AA5;
  font-size: 12px;
  cursor: pointer;
  margin-bottom: 3px;
}

.appointment-time-ranges__item_inactive {
  text-decoration: line-through;
  cursor: default;
  color: var(--color-gray-900);
  opacity: 0.5;
}

.appointment-type-column__icon {
  color: #a293fb;
  font-weight: 500
}

.privacy-agreement_options--inactive {
  opacity: 0.5;
  pointer-events: none;
}

.dhx_now .dhx_month_head,
.dhx_now .dhx_month_body {
  background-color: #e4e7e9;
}

.admission_state_view {
  margin-top: 24px;
  display: flex;
  flex-direction: column;
  gap: 6px;

  font-size: 75%;
}

.admission_state_view .hide {
  display: none;
}

#dhxGridEpisodes .objbox td:nth-child(2),
#patient-admissions-table .objbox td:nth-child(5),
#admissionsSummaryGrid .objbox td:nth-child(3),
#appointmentsSummaryGrid .objbox td:nth-child(3) {
  position: relative;
}

#dhxGridEpisodes .objbox td:nth-child(2):after,
#patient-admissions-table .objbox td:nth-child(5):after,
#admissionsSummaryGrid .objbox td:nth-child(3):after,
#appointmentsSummaryGrid .objbox td:nth-child(3):after {
  content: '';
  background-image: url(/imgs/icons/arrow_down_secondary.png) !important;
  width: 13px;
  height: 8px;
  display: block;
  position: absolute;
  top: 50%;
  right: 8px;
  transform: translateY(-50%);
  visibility: hidden;
}

#dhxGridEpisodes .objbox td:nth-child(2):hover:after,
#patient-admissions-table .objbox td:nth-child(5):hover:after,
#admissionsSummaryGrid .objbox td:nth-child(3):hover:after,
#appointmentsSummaryGrid .objbox td:nth-child(3):hover:after {
  visibility: visible;
}

#dhxGridEpisodes .objbox td:nth-child(2):hover,
#patient-admissions-table .objbox td:nth-child(5):hover,
#admissionsSummaryGrid .objbox td:nth-child(3):hover,
#appointmentsSummaryGrid .objbox td:nth-child(3):hover {
  border-radius: 4px;
  box-shadow: inset 0 0 0 1px #6AB4E7;
}

@media only screen and (max-width: 600px) {
  #dhxGridEpisodes .objbox td:nth-child(2):hover,
  #patient-admissions-table .objbox td:nth-child(5):after,
  #admissionsSummaryGrid .objbox td:nth-child(3):after,
  #appointmentsSummaryGrid .objbox td:nth-child(3):after {
    visibility: visible;
  }
}

/* header and rows style */
div.gridbox_material.gridbox .xhdr table.hdr td {
  font-family: Roboto, sans-serif;
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 17px;
  color: var(--color-gray-900);
  height: 17px;
}

div.gridbox_material.gridbox .objbox table.obj td {
  font-family: Roboto, sans-serif;
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  color: var(--color-gray-900);
}

.color-negative {
  color: var(--negative);
}

.color-positive {
  color: var(--positive);
}

.today-appointments-summary__paid {
  display: flex;
  align-items: center;
  gap: 4px;
}

.dhxlayout_base_material div.dhx_cell_layout div.dhx_cell_hdr div.dhx_cell_hdr_text,
.dhxlayout_base_material div.dhx_cell_layout div.dhx_cell_hdr,
.dhxlayout_base_material div.dhx_cell_layout div.dhx_cell_hdr div.dhx_cell_hdr_text,
.dhxlayout_base_material div.dhx_cell_layout div.dhx_cell_hdr {
  overflow: visible !important;
}

.dhxlayout_base_material div.dhx_cell_layout div.dhx_cell_hdr.dhx_cell_hdr_hidden_no_borders div.dhx_cell_hdr_text,
.dhxlayout_base_material div.dhx_cell_layout div.dhx_cell_hdr.dhx_cell_hdr_hidden_no_borders,
.dhxlayout_base_material div.dhx_cell_layout div.dhx_cell_hdr.dhx_cell_hdr_hidden div.dhx_cell_hdr_text,
.dhxlayout_base_material div.dhx_cell_layout div.dhx_cell_hdr.dhx_cell_hdr_hidden {
  overflow: hidden !important;
}

.enquiry-sms-status {
  box-sizing: border-box;

  /* Auto layout */
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 1px 6px;
  gap: 10px;

  background-color: transparent;
  border: 1px solid transparent;
  border-radius: 40px;

  /* Inside auto layout */
  flex: none;
  /*order: 1;*/
  flex-grow: 0;

  font-family: var(--font);
  font-style: normal;
  font-weight: 400;
  font-size: 12px;
  line-height: 20px;
  /* identical to box height, or 167% */
  letter-spacing: 0.2px;

  margin: 0 auto;
}

.enquiry-sms-status__sent-ready {
  background-color: var(--color-orange-100);
  border-color: #FFDCA7;
  color: #E18111;
}

.enquiry-sms-status__sent {
  background-color: var(--color-green-50);
  border-color: #AADFD1;
  color: #21B170;
}

.enquiry-sms-status__failed {
  background-color: #FFF7F6;
  border-color: #EF9387;
  color: #E74926;
}

.sms__view {
  display: flex;
  gap: 16px;
  align-items: center;
  justify-content: center;
}


.enquiry-btn__primary {
  color: var(--color-white);
  background-color: var(--color-primary-1);
}

.enquiry-btn__primary:hover {
  background-color: var(--color-primary-2);
}

.enquiry-btn__secondary {
  color: var(--color-primary-1);
  background-color: var(--color-white-1);
}

.enquiry-btn__secondary:hover {
  background-color: var(--color-primary-3);
  color: var(--color-white);
}

.aside--close #headerDocumentsUpload,
.aside--close #headerZohoMail,
.aside--close #clinicHealthSideMenuItem:after {
  display: none;
}

.beta-label {
  position: relative;
}

.beta-label:after {
  content: 'beta';
  text-transform: uppercase;
  padding: 5px 4px;
  color: var(--color-old-blue-300);
  border: 1px solid var(--color-old-blue-300);
  border-radius: 4px;
  position: absolute;
  box-sizing: border-box;
  display: block;
  line-height: 1;
}

#clinicHealthSideMenuItem:after {
  right: 10px;
  top: 50%;
  transform: translateY(-50%);
}

/* WARN: This code must always be at the end of the file. */
.margin-left-auto {
  margin-left: auto;
}

.margin-right-auto {
  margin-right: auto;
}

.margin-center {
  margin-left: auto;
  margin-right: auto;
}

.full-width {
  width: 100%;
}

.color-gray-a9 {
  color: #A9B5BD;
}

.sms-noty-results__view {
  display: flex;
  flex-direction: column;
}

.sms-noty-results__item {
  display: flex;
  align-items: center;
  gap: 16px;
}

.sms-noty-results__item div {
  display: flex;
  align-items: center;
  gap: 4px;
}

.sms-noty-results__seemore {
  color: #196AA5;
  display: flex;
  align-items: center;
  cursor: pointer;
  user-select: none;
}

#patients-details-view {
  width: 500px;
  height: 245px;
  display: none;
  margin-top: 20px;
  box-sizing: border-box;
  border: 1px solid rgba(169, 181, 189, 0.5);
  border-radius: 4px;
  overflow: hidden;
}

div#patients-details-view div.dhx_cell_hdr {
  display: none;
}

div#patients-details-view.dhxlayout_base_material div.dhx_cell_layout div.dhx_cell_cont_layout {
  border-width: 0;
}

div#patients-details-view div.gridbox_material.gridbox table.hdr td {
  border: none;
}

div#patients-details-view div.gridbox_material.gridbox .xhdr table.hdr tr td {
  background-color: #F2F5F9;
  border-bottom: 1px solid #196AA5;
}

div#patients-details-view div.gridbox_material.gridbox table.obj.row20px tr td {
  border-bottom: none;
  border-right: none;
}

div#patients-details-view .grids__uneven {
  background-color: #F2F5F9;
}

div#patients-details-view div.gridbox_material.gridbox table.obj tr.rowselected {
  background-color: inherit;
  color: inherit;
}

.sms-noty-results__seemore .sms-noty-results__seemore__item {
  display: none;
  color: #196AA5;
  align-items: center;
  cursor: pointer;
  user-select: none;
}

.sms-noty-results__seemore .sms-noty-results__seemore__item.sms-noty-results__seemore__show {
  display: flex;
}

.color-warning {
  color: var(--color-orange-700);
}

.color-gray-8e {
  color: #8E969B;
}

.hint-confirm-sms {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.hint-confirm-sms--item {
  display: flex;
  flex-direction: column;
  padding-left: 12px;
}

.hint-confirm-sms--item span:first-child {
  position: relative;
  color: var(--color-gray-900);
  font-weight: 500;
}

.hint-confirm-sms--item span:first-child:before {
  content: '';
  width: 4px;
  height: 4px;
  border-radius: 50%;
  background-color: #196AA5;
  left: -11px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}

.hint-confirm-sms--item span:last-child {
}

.as-btn {
  cursor: pointer;
  user-select: none;
}

.table-header--span {
  display: flex;
  align-items: center;
  flex-direction: row;
  justify-content: flex-start;
  position: relative;
  z-index: 1000;
}

.table-header--span .enquiry__filter-dropdown {
  margin-left: auto;
}

/*  */
.enquiry__filter-dropdown {
  position: relative;
  color: #A5ACBA;
  display: flex;
  align-items: center;
}

.enquiry__filter-dropdown--view {
  border-radius: 6px;
  border: 1px solid var(--color-gray-old-300);
  color: #666F81;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 6px;
  width: auto;
  height: 32px;
  box-sizing: border-box;
}

.enquiry__filter-dropdown.active .enquiry__filter-dropdown--view {
  border-color: #7BAEEA;
  background-color: #F7FBFF;
  border-radius: 6px 0 0 6px;
}

.enquiry__filter-dropdown--text {
  font-family: var(--font);
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0.2px;
  color: #666F81;
  padding-left: 6px;
}

.enquiry__filter-dropdown--icon {
}

.enquiry__filter-dropdown--icon:after {
  content: attr(data-unchecked);
}

.enquiry__filter-dropdown--view:hover .enquiry__filter-dropdown--icon:after,
.enquiry__filter-dropdown.hovered .enquiry__filter-dropdown--icon:after {
  content: attr(data-checked);
}

.enquiry__filter-dropdown--clear {
  appearance: none;
  cursor: pointer;
  user-select: none;
  border-left: 0;
  border-right: 1px solid #7BAEEA;
  border-top: 1px solid #7BAEEA;
  border-bottom: 1px solid #7BAEEA;
  display: none;
  background-color: #F7FBFF;
  position: relative;
  border-radius: 0 6px 6px 0;
  height: 32px;
  box-sizing: border-box;
  padding: 8px 6px;
}

.enquiry__filter-dropdown.active .enquiry__filter-dropdown--clear {
  display: flex;
}

/*  */
.enquiry__filter-dropdown--list {
  display: none;
  flex-direction: column;
  align-items: flex-start;
  padding: 4px 0;
  background: var(--color-white);
  box-shadow: 1px 2px 10px 2px rgba(16, 28, 91, 0.2);
  border-radius: 4px;

  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  z-index: var(--z-index-dropdownlist);
}

.enquiry__filter-dropdown--list:hover {
  display: flex;
}

.enquiry__filter-dropdown--list--item {
  display: block;
  line-height: 1;
  width: 100%;
  height: 40px;
  cursor: pointer;
  user-select: none;
}

.enquiry__filter-dropdown--view:hover + .enquiry__filter-dropdown--list {
  display: flex;
}

.enquiry__filter-dropdown.active .enquiry__filter-dropdown--list {
  right: 28px;
}

/*  */
.enquiry__checkbox {
  cursor: pointer;
  user-select: none;
  display: flex;
  align-items: center;
  width: auto;
  padding: 6px 12px;
  gap: 8px;
}

.enquiry__checkbox--controller {
  display: none;
}

.enquiry__checkbox--controller:checked + .enquiry__checkbox .enquiry__checkbox--icon {
  color: var(--color-brand-blue-600);
}

.enquiry__checkbox--controller:checked + .enquiry__checkbox .enquiry__checkbox--icon::after {
  content: attr(data-checked);
}

.enquiry__checkbox .enquiry__checkbox--icon:after {
  content: attr(data-unchecked);
  font-variation-settings: 'FILL' 1, 'wght' 400, 'GRAD' 0, 'opsz' 24;
}

.enquiry__checkbox--text {
  color: #475466;
  font-family: var(--font);
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0.2px;
}

label[for="formAddPatientNOKMobile"] + .iti,
label[for="formAddPatientNOKMobile"] + .iti .iti,
label[for="formAddPatientNOKTel"] + .iti,
label[for="formAddPatientNOKTel"] + .iti .iti,
label[for="practicePhoneNumber"] + .iti,
label[for="practicePhoneNumber"] + .iti .iti,
label[for="practicePhoneNumber"] + .iti .iti__tel-input,
label[for="practiceFaxNumber"] + .iti,
label[for="practiceFaxNumber"] + .iti .iti,
label[for="practiceFaxNumber"] + .iti .iti__tel-input,
label[for="formAddGPPhone"] + .iti,
label[for="formAddGPPhone"] + .iti .iti,
label[for="formAddGPPhone"] + .iti .iti__tel-input,
label[for="settingsLetterHeaderFax"] + .iti,
label[for="settingsLetterHeaderFax"] + .iti .iti,
label[for="settingsLetterHeaderFax"] + .iti .iti__tel-input,
label[for="settingsLetterHeaderPhone"] + .iti,
label[for="settingsLetterHeaderPhone"] + .iti .iti,
label[for="settingsLetterHeaderPhone"] + .iti .iti__tel-input {
  width: 100%;
}

.iti__selected-dial-code {
  font-family: var(--font);
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
}

.iti__search-input {
  padding: 6px 12px;
  font-family: var(--font);
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
}

.iti__tel-input:disabled {
  border-style: dashed !important;
}

/* border-style: dashed; */

div.dhx_toolbar_poly_material.dhx_toolbar_shadow {
  margin-top: 4px;
}

input[hidden],
input[type="hidden"] {
  display: none;
}

*[hidden] {
  display: none;
}

.gap28 {
  gap: 28px;
}

.enquiry-table-header {
  display: flex;
  align-items: center;
}

.y-scrolled {
  overflow-y: scroll;
}

.x-scrolled {
  overflow-x: scroll;
}

.y-not-scrolled {
  overflow-y: hidden;
}

.x-not-scrolled {
  overflow-x: hidden;
}

.enquiry-flex-column {
  display: flex;
  flex-direction: column;
}

.enquiry-flex-row {
  display: flex;
  flex-direction: row;
}

.enquiry-flex-row-end {
  display: flex;
  flex-direction: row;
  justify-content: end;
}

.enquiry-flex-row-space-between {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}

.enquiry-flex-items-center {
  display: flex;
  align-items: center;
}

.enquiry-center-all {
  justify-content: center;
  align-items: center;
  text-align: center;
}

.enquiry-color-gray {
  color: var(--color-gray-600);
}

.enquiry-color-default {
  color: var(--color-gray-500);
}

.enquiry-color-disabled {
  color: var(--color-gray-300);
}

.enquiry-color-violet-400 {
  color: var(--color-violet-400);
}

.enquiry-color-success {
  color: var(--color-green-500);
}

.enquiry-color-error {
  color: var(--color-red-600);
}

.enquiry-color-warning {
  color: var(--color-orange-400);
}

.enquiry-color-info {
  color: var(--color-brand-blue-600);
}

.enquiry-text-ellipsis-wrapper {
  overflow: hidden;
}

.enquiry-text-ellipsis {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

/* styles for tab counter */
.enquiry-correspondence-tab-count {
  border-radius: 55px;
  height: 16px;
  padding: 0 5px;
  background-color: var(--color-gray-400);
  color: var(--color-white);

  /* Heading XXS */
  font-family: var(--font);
  font-style: normal;
  font-weight: 600;
  font-size: 10px;
  line-height: 10px;
  /* identical to box height, or 100% */
  display: inline-flex;
  align-items: center;
  text-align: center;
  letter-spacing: 0.2px;
  margin-left: 8px;
}

.enquiry-correspondence-tab-count:empty {
  display: none;
}

.dhxtabbar_tab_actv .enquiry-correspondence-tab-count {
  background-color: var(--color-red-700);
  color: var(--color-white);
}

#payment-details__table {
  min-height: 150px;
}

#payment-details__table .dhx_cell_hdr {
  display: none !important;
}

#payment-details__table div.gridbox_material.gridbox div.objbox table.obj.row20px tr:last-child td {
  background-color: var(--color-gray-50);

  font-family: var(--font);
  font-style: normal;
  letter-spacing: 0.2px;
  color: var(--color-gray-900);
  font-size: 14px;
  line-height: 20px;
  font-weight: 500;

  border-top: 1px solid var(--color-gray-600);
  border-bottom-color: var(--color-gray-300);
}

.dhxlayout_base_material div.dhx_cell_layout div.dhx_cell_cont_layout {
  border-width: 0 !important;
}

.enquiry-appointment__in-title {
  margin: 0 auto 0 16px;
  display: flex;
  align-items: center;
  gap: 8px;
}

.enquiry-appointment__payment-status__in-title:empty,
.enquiry-appointment__payment-date__in-title:empty {
  display: none;
}

.enquiry-appointment__payment-status__in-title {
  padding: 0 8px;

  font-family: var(--font);
  font-style: normal;
  font-weight: 400;
  font-size: 12px;
  line-height: 20px;
  letter-spacing: 0.2px;

  color: var(--color-green-600);
  background-color: var(--color-green-50);
  border-radius: 40px;

  display: flex;
  align-items: center;
}

.enquiry-appointment__payment-date__in-title {
  font-family: var(--font);
  font-style: normal;
  font-weight: 400;
  font-size: 12px;
  line-height: 18px;
  letter-spacing: 0.2px;
  color: var(--color-gray-500);
  display: flex;
  align-items: center;
}

.dhxlayout_base_material div.dhx_cell_layout div.dhx_cell_hdr div.dhx_cell_hdr_text > span {
  display: flex;
  align-items: center;
  flex-direction: row;
  justify-content: flex-start;
  position: relative;
}

#appointments-attendance-status,
#admissions-attendance-status {
  margin-left: 20px;
}

#admin-note-form__tags:not(:empty) {
  margin-bottom: 20px;
}

/* BUTTON 2 STATE */
.form-builder-item .dhxform_control.dhxform_img_node {
  display: block;
  width: 32px;
  height: 22px;
}
.dhxform_control div.dhxform_img.btn2state_0,
.dhxform_control div.dhxform_img.btn2state_1 {
  width: 32px;
  height: 22px;
  background-repeat: no-repeat;
  position: relative;
}
.dhxform_control div.dhxform_img.btn2state_0 {
  background-image: url(/imgs/toggle-off.png);
}
.dhxform_control div.dhxform_img.btn2state_1 {
  background-image: url(/imgs/toggle-on.png);
}
.dhxform_control div.disabled div.dhxform_img.btn2state_0 {
  background-image: url(/imgs/toggle-off-dis.png);
}
.dhxform_control div.disabled div.dhxform_img.btn2state_1 {
  background-image: url(/imgs/toggle-on-dis.png);
}
.form-builder-item .dhxform_control.dhxform_img_node .dhxform_textarea {
  display: none;
}

.form-builder-layout-parent {
  overflow: auto;
}

.form-builder-layout {
  display: grid;
  grid-template-columns: 270px auto 370px;
  gap: 16px;
  min-width: 1000px;
}

.form-builder-layout * {
  box-sizing: border-box;
}

.enquiry-old-window-buttons {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: var(--color-white);
  padding: 0 24px 24px 24px;
}

.enquiry-old-window-content-scrolled {
  overflow-x: hidden;
  overflow-y: auto;
  width: 100%;
  height: calc(100vh - 405px);
}

#docrepPreviewImg[src=""] {
  display: none;
}

.dhxlayout_base_material.enquiry-rounded-layout,
.dhxlayout_base_material div.dhxlayout_cont.enquiry-rounded-layout,
.dhxlayout_base_material div.dhx_cell_layout.enquiry-rounded-layout {
  border-radius: 10px;
  border: none;
  overflow: hidden;
}

html body {
  display: flex;
  justify-content: flex-start;
}

.dhtmlxcalendar_material.dhtmlxcalendar_in_input {
  z-index: 1102 !important;
}

.dhx_header-fixed-cols {
  z-index: 200 !important;
}

/** end of file */
.color-white {
  color: var(--color-white);
}

.mobile-hidden {
  @media screen and (max-width: 600px) {
    display: none !important;
  }
}
.desktop-hidden {
  @media screen and (min-width: 600px) {
    display: none !important;
  }
}
.hidden {
  display: none !important;
}
.resize {
  resize: both;
}
.resize-v {
  resize: vertical;
}
.resize-h {
  resize: horizontal;
}