@font-face {
  font-family: Effra_bold;
  src: url('/assets/fonts/Effra_Bd.ttf');
}
@font-face {
  font-family: Effra_light;
  src: url('/assets/fonts/Effra_It.ttf');
}
@font-face {
  font-family: Effra_md;
  src: url('/assets/fonts/Effra_Md.ttf');
}
@font-face {
  font-family: Effra_regular;
  src: url('/assets/fonts/Effra_Rg.ttf');
}
@font-face {
  font-family: MinionPro_regular;
  src: url('https://rlm.medtronicacademy.com/assets/fonts/MinionPro-Regular.otf');
}

@font-face {
  font-family: AvenirNextWorld-Bold;
  src: url('https://medtronic-latam.s3.us-east-2.amazonaws.com/fonts/new-ui/AvenirNextWorld-Bold.ttf');
}
@font-face {
  font-family: AvenirNextWorld-Demi;
  src: url('https://medtronic-latam.s3.us-east-2.amazonaws.com/fonts/new-ui/AvenirNextWorld-Demi.ttf');
}
@font-face {
  font-family: AvenirNextWorld-Regular;
  src: url('https://medtronic-latam.s3.us-east-2.amazonaws.com/fonts/new-ui/AvenirNextWorld-Regular.ttf');
}
@font-face {
  font-family: AvenirNextWorld-Thin;
  src: url('https://medtronic-latam.s3.us-east-2.amazonaws.com/fonts/new-ui/AvenirNextWorld-Thin.ttf');
}
@font-face {
  font-family: Effra_Rg;
  src: url('https://medtronic-latam.s3.us-east-2.amazonaws.com/fonts/new-ui/Effra_Rg.ttf');
}

@font-face {
  font-family: MYRIADPRO-REGULAR;
  src: url('https://medtronic-latam.s3.us-east-2.amazonaws.com/fonts/new-ui/FontsFree-Net-MYRIADPRO-REGULAR.ttf');
}

* {
  font-family: Effra_regular;
  /* font-family: Effra_md; */
}

:host {
  --general-font: 'Effra_regular';
  /* --general-font: 'Effra_md'; */
}
.overlay- {
  height: 100%;
  width: 100%;
  left: 0px;
  top: 0px;
  background: var(--ui-overlay, rgba(0, 0, 0, 0.5));
  position: fixed;
  z-index: 2;
  display: flex;
  align-items: center;
  justify-content: center;
}

.spinner-border {
  /* width: 10rem;
  height: 10rem; */
  background-color: var(--ui-bg, #fff);
  background-image: url(/assets/img/preloader.gif);
  background-position: center center;
  background-repeat: no-repeat;
  border: 0 !important;
  border-radius: 0 !important;
  animation: none !important;
  height: 100%;
  left: 0;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 9999999;
}

#ql-container {
  display: none;
  position: fixed;
  z-index: 10;
  background-color: var(--ui-modal-bg, white);
  color: var(--ui-text, inherit);
  width: 50%;
  margin: auto;
  top: 15%;
  left: 25%;
  border-radius: 5px;
  height: 60vh;
  border: 1px solid var(--ui-border, transparent);
}

#editor {
  font-size: 1.3rem;
  border-radius: 0px 0px 5px 5px;
  background-color: var(--ui-input-bg, white);
  color: var(--ui-text, inherit);
}

.ql-toolbar.ql-snow {
  border-radius: 5px 5px 0px 0px;
  background-color: var(--ui-surface-elevated, transparent);
  border-color: var(--ui-border, #ccc);
  color: var(--ui-text, inherit);
}

html.theme-dark .ql-toolbar.ql-snow,
html.theme-dark .ql-container.ql-snow {
  border-color: var(--ui-border);
}

html.theme-dark .ql-toolbar.ql-snow {
  background-color: var(--ui-surface-elevated);
}

html.theme-dark .ql-snow .ql-stroke {
  stroke: var(--ui-text-muted);
}

html.theme-dark .ql-snow .ql-fill,
html.theme-dark .ql-snow .ql-stroke.ql-fill {
  fill: var(--ui-text-muted);
}

html.theme-dark .ql-snow .ql-picker {
  color: var(--ui-text);
}

html.theme-dark .ql-editor {
  background-color: var(--ui-input-bg);
  color: var(--ui-text);
}

html.theme-dark .ql-editor.ql-blank::before {
  color: var(--ui-text-muted);
}

html.theme-dark #ql-container {
  box-shadow: 0 8px 24px var(--ui-shadow);
}

html.theme-dark .spinner-border {
  background-color: var(--ui-bg);
}