@charset "utf-8";

html {
  overflow-y: auto;
}
::-webkit-scrollbar {
  width: 8px;
  border-radius: 14px;
}

::-webkit-scrollbar-track {
  background: var(--zd-color-grey-200) !important;
}

::-webkit-scrollbar-thumb {
  background: var(--zd-color-grey-400) !important;
  border-radius: 14px;
}

::-webkit-scrollbar-thumb:hover {
  background: var(--zd-color-grey-600) !important;
}

.u-mh-auto {
  margin: 0 auto;
}

.u-mv-auto {
  margin: auto 0;
}

.u-wrap-bw {
  overflow-wrap: break-word;
}
.u-word-bw {
  word-break: break-word;
}

.loader {
  width: 50px;
  top: 50%;
}

/* -------------------------------------------------------------------------- */
/* ---[ Callout ]----------------------------------------------------------- */
/* -------------------------------------------------------------------------- */

.c-callout--sm {
  padding-left: 35px !important;
  background-position: 12px 4px;
}
.c-callout--info {
  background-color: var(--zd-color-grey-100);
}

.mx-datepicker {
  width: 100%;
}
.mx-btn-icon-left,
.mx-btn-icon-double-left,
.mx-btn-icon-right,
.mx-btn-icon-double-right {
  margin-top: 12px;
}

.mx-table-date thead th,
.mx-table-month td div,
.mx-btn-current-month {
  text-transform: capitalize;
}