/* InStockRx Training Platform Branding */

/* Custom CSS */
#logo kyte-logo a img { 
 min-height: auto;
 height: auto; } 
 kyte-header header.logged-out {
  display: none;
}

kyte-login,
kyte-forgot,
kyte-join {
 background-image: url(https://www.instockrx.com/media/search-medicine-section-bg-2INK7YFO.svg);
 background-size: cover;
 background-position: top;
}

kyte-login #login-container,
kyte-forgot #login-container,
kyte-join #join-container {
  background-color: rgba(255,255,255,0.5);
  border-radius: var(--border-radius);
}

[ng-reflect-name="courseType"],
kyte-content-manager-course-builder-info #course-type {
  display: none !important;
}

.hide-tenant {
  display: none !important;
}

:root {
  --instockrx-brand-color: #f55c25;
  --header-background-color: #fff;
  --header-logo-padding-left: 24px;
  --header-text-color:  rgb(78, 78, 78);

  --color-pink-100: var(--instockrx-brand-color);
  --color-pink-A200: var(--instockrx-brand-color);
  --color-pink-300: var(--instockrx-brand-color);
  --color-pink-500: var(--instockrx-brand-color);
  --color-pink-700: var(--instockrx-brand-color);

  --color-red-100: var(--instockrx-brand-color);
  --color-red-300: var(--instockrx-brand-color);
  --color-red-500: var(--instockrx-brand-color);

  --color-purple-100: var(--instockrx-brand-color);
  --color-purple-300: var(--instockrx-brand-color);
  --color-purple-500: var(--instockrx-brand-color);

  --color-indigo-100: var(--instockrx-brand-color);
  --color-indigo-300: var(--instockrx-brand-color);
  --color-indigo-500: var(--instockrx-brand-color);

  --color-teal-100: var(--instockrx-brand-color);
  --color-teal-300: var(--instockrx-brand-color);
  --color-teal-500: var(--instockrx-brand-color);

  --color-amber-100: var(--instockrx-brand-color);
  --color-amber-300: var(--instockrx-brand-color);
  --color-amber-500: var(--instockrx-brand-color);

  --color-deep-orange-100: var(--instockrx-brand-color);
  --color-deep-orange-300: var(--instockrx-brand-color);
  --color-deep-orange-500: var(--instockrx-brand-color);

  --color-green-100: var(--instockrx-brand-color);
  --color-green-300: var(--instockrx-brand-color);
  --color-green-500: var(--instockrx-brand-color);

  --font-family-primary: "Roboto", sans-serif;
  /*--font-weight-3: 500;*/
}

kyte-plyr-video-backend .kyte-overlay {
  background-color: rgba(0, 0, 0, 0.8);
}

[kyte-button]:not(.link),
kyte-button:not(.link) {
  outline: 0;
  background-color: var(--instockrx-brand-color);
  border: none !important;
  color: white;
  border-radius: 8px !important;
}

button.sign-in-btn {
  background-color: var(--instockrx-brand-color) !important;
}

.ql-editor ol,
.ql-editor ul,
kyte-lesson-viewer-v2-embed ol,
kyte-lesson-viewer-v2-embed ul {
  list-style: none;
  counter-reset: list-counter;
  padding-left: 10px;
  padding-right: 10px;
}
.ql-editor ol, .ql-editor ul { padding: 24px; }

.ql-editor ol li,
kyte-lesson-viewer-v2-embed ol li {
  counter-increment: list-counter;
}

.ql-editor ol li,
.ql-editor ul li,
kyte-lesson-viewer-v2-embed ol li,
kyte-lesson-viewer-v2-embed ul li {
  margin-bottom: 10px;
  background-color: white;
  border-radius: 6px;
  box-shadow: 5px 5px 15px 5px rgba(0, 0, 0, 0.19);
  font-size: 18px;
  font-weight: 600;
  display: flex;
  align-items: center;
  transition: transform 0.2s;
}

.ql-editor ol li::before,
kyte-lesson-viewer-v2-embed ol li::before {
  content: counter(list-counter);
  margin-right: 10px;
  font-size: 34px;
  font-weight: 800;
  font-family: "Open Sans", sans-serif;
  color: white;
  background-color: #f55c25;
  padding: 0.5em;
  border-radius: 6px 0 0 6px;
}

.ql-editor ul li::before,
kyte-lesson-viewer-v2-embed ul li:before {
  content: counter(list-counter);
  margin-right: 10px;
  font-size: 34px;
  font-weight: 800;
  font-family: "Open Sans", sans-serif;
  background-color: #f55c25;
  padding: 0.5em;
  border-radius: 6px 0 0 6px;

  background-position: center;
  background-size: 25px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='16' width='12' fill='white' viewBox='0 0 384 512'%3E%3Cpath d='M224 0H211.5l-3 12.1L179.5 128H16 0v32H16 368h16V128H368 212.5l24-96H272h16V0H272 224zM37.3 192L64 512H320l26.7-320H314.6l-4.2 50c-36.2 3.7-61.4 12.6-80.6 24.9c-19.3 12.3-31.7 27.6-42.5 41l-2 2.5c-11.5 14.1-22 26.3-39.1 36.1c-14 8-33.3 14.9-62.3 18.6L69.4 192H37.3zM86.5 397c32.9-4.1 56.8-12 75.5-22.8c22.6-13 36.2-29.2 48-43.7l1.4-1.7c11.3-13.9 20.7-25.5 35.5-35c13.2-8.5 31.7-15.7 60.7-19.4L290.6 480H93.4l-6.9-83z'/%3E%3C/svg%3E");
background-repeat: no-repeat;

  color:transparent;
}

.ql-editor ol li:hover,
.ql-editor ul li:hover,
kyte-lesson-viewer-v2-embed ol li:hover,
kyte-lesson-viewer-v2-embed ul li:hover {
  transform: scale(1.03);
}
 .ql-editor h1, kyte-lesson-viewer-v2-embed h1 { background-color: var(--instockrx-brand-color) !important; color: white !important; padding: 10px !important;}