/* ==== Color Variables ==== */
/* Brand Color */
/* Semantic Color */
/* Blue Colors */
/* Red Colors */
/* Yellow Colors */
/* Green Colors */
/* Grey Colors */
/* Ink Colors */
/* Text Colors */
/* Common Colors */
/* Typography */
/* font weights */
/* Border-radius */
/* ==== Color Variables ==== */
/* Brand Color */
/* Semantic Color */
/* Blue Colors */
/* Red Colors */
/* Yellow Colors */
/* Green Colors */
/* Grey Colors */
/* Ink Colors */
/* Text Colors */
/* Common Colors */
/* Typography */
/* font weights */
/* Border-radius */
/* ==== Color Variables ==== */
/* Brand Color */
/* Semantic Color */
/* Blue Colors */
/* Red Colors */
/* Yellow Colors */
/* Green Colors */
/* Grey Colors */
/* Ink Colors */
/* Text Colors */
/* Common Colors */
/* ==== Color Variables ==== */
/* Brand Color */
/* Semantic Color */
/* Blue Colors */
/* Red Colors */
/* Yellow Colors */
/* Green Colors */
/* Grey Colors */
/* Ink Colors */
/* Text Colors */
/* Common Colors */
/* ==== Color Variables ==== */
/* Brand Color */
/* Semantic Color */
/* Blue Colors */
/* Red Colors */
/* Yellow Colors */
/* Green Colors */
/* Grey Colors */
/* Ink Colors */
/* Text Colors */
/* Common Colors */
/* Typography */
/* font weights */
/* Border-radius */
/* ==== Color Variables ==== */
/* Brand Color */
/* Semantic Color */
/* Blue Colors */
/* Red Colors */
/* Yellow Colors */
/* Green Colors */
/* Grey Colors */
/* Ink Colors */
/* Text Colors */
/* Common Colors */
/* line 3, app/assets/stylesheets/cm_admin/auth.scss */
.auth-menu-item {
  font-size: 14px;
  color: #9CA7AE;
  padding: 8px 24px;
  transition: all 0.2s linear;
  cursor: pointer;
}

/* line 10, app/assets/stylesheets/cm_admin/auth.scss */
.auth-menu-item:hover {
  background-color: rgba(255, 255, 255, 0.1);
  color: white;
}

/* line 16, app/assets/stylesheets/cm_admin/auth.scss */
.devise-body {
  background-color: #F7F7F7;
}

/* line 20, app/assets/stylesheets/cm_admin/auth.scss */
.login-container {
  border: 2px solid lightgrey;
  border-radius: 10px;
  margin: 100px auto;
  padding-bottom: 40px;
  height: 100%;
  width: 500px;
  background-color: #EFECE3;
  display: flex;
  flex-direction: column;
  align-items: center;
}

/* line 32, app/assets/stylesheets/cm_admin/auth.scss */
.login-container .login-headers {
  display: flex;
  align-items: center;
  flex-direction: column;
  margin-top: 40px;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
}

/* line 39, app/assets/stylesheets/cm_admin/auth.scss */
.login-container .login-headers .main-header {
  font-weight: 600;
  font-size: 24px;
}

/* line 44, app/assets/stylesheets/cm_admin/auth.scss */
.login-container .login-headers .secondary-header {
  font-weight: 400;
  font-size: 14px;
  margin-top: 10px;
  color: grey;
}

/* line 50, app/assets/stylesheets/cm_admin/auth.scss */
.login-container .login-headers .secondary-header span {
  font-weight: 600;
}

/* line 56, app/assets/stylesheets/cm_admin/auth.scss */
.login-container .form-inputs {
  margin-top: 50px;
}

/* line 59, app/assets/stylesheets/cm_admin/auth.scss */
.login-container .form-inputs label {
  font-size: 14px;
  margin-bottom: 5px;
}

/* line 64, app/assets/stylesheets/cm_admin/auth.scss */
.login-container .form-inputs .resend-cta-cotainer {
  display: flex;
  justify-content: space-between;
}

/* line 68, app/assets/stylesheets/cm_admin/auth.scss */
.login-container .form-inputs .resend-cta-cotainer a {
  color: #171D4C;
  font-weight: 600;
  text-decoration: none;
}

/* line 73, app/assets/stylesheets/cm_admin/auth.scss */
.login-container .form-inputs .resend-cta-cotainer a:hover {
  background: none;
  color: #283385;
}

/* line 81, app/assets/stylesheets/cm_admin/auth.scss */
.login-container .login-form-btn {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  width: 100%;
  height: 2.5rem;
  background-color: #171D4C;
  color: white;
  margin-top: 30px;
  border: none;
  border-radius: 5px;
}

/* line 94, app/assets/stylesheets/cm_admin/auth.scss */
.login-container .login-form-btn:hover {
  cursor: pointer;
  background-color: #283385;
}

/* line 102, app/assets/stylesheets/cm_admin/auth.scss */
.form-control {
  display: block;
  width: 400px;
  height: 1.5rem;
  padding: 0.375rem 0.75rem;
  color: black;
  background-color: white;
  background-clip: padding-box;
  border: 1px solid lightgray;
  border-radius: 0.25rem;
  transition: border 0.8s ease-in-out;
}

/* line 115, app/assets/stylesheets/cm_admin/auth.scss */
.form-control:focus {
  border: 1px solid #9B9B9B;
  outline: 0;
}

/* line 120, app/assets/stylesheets/cm_admin/auth.scss */
.auth-form-logo {
  width: 20%;
}
@import url("https://fonts.googleapis.com/css2?family=Lato:wght@300;400;700&family=Open+Sans:wght@400;600;700&display=swap");
/* ==== Color Variables ==== */
/* Brand Color */
/* Semantic Color */
/* Blue Colors */
/* Red Colors */
/* Yellow Colors */
/* Green Colors */
/* Grey Colors */
/* Ink Colors */
/* Text Colors */
/* Common Colors */
/* Typography */
/* font weights */
/* Border-radius */
/* ==== Color Variables ==== */
/* Brand Color */
/* Semantic Color */
/* Blue Colors */
/* Red Colors */
/* Yellow Colors */
/* Green Colors */
/* Grey Colors */
/* Ink Colors */
/* Text Colors */
/* Common Colors */
/* line 4, app/assets/stylesheets/cm_admin/course_create.scss */
.empty-screen {
  display: flex;
  align-items: center;
  justify-content: center;
  max-width: 752px;
}

/* line 12, app/assets/stylesheets/cm_admin/course_create.scss */
.brand-border-btn {
  padding: 5px 10px;
  margin-inline-end: 4px;
  color: #6554E0;
  background-color: #fff;
  border: 1px solid #6554E0;
  border-radius: 4px;
  transition: all .2s linear;
}

/* line 21, app/assets/stylesheets/cm_admin/course_create.scss */
.brand-border-btn:hover {
  background-color: #E6E4FA;
}

/* line 25, app/assets/stylesheets/cm_admin/course_create.scss */
.brand-border-btn:focus {
  outline: 3px auto rgba(47, 128, 237, 0.3);
  outline-offset: 2px;
}

/* line 30, app/assets/stylesheets/cm_admin/course_create.scss */
.brand-border-btn.disabled {
  color: #9CA7AE;
  background: #fff;
  border: 1px solid #C7CED5;
  cursor: not-allowed !important;
}

/* line 36, app/assets/stylesheets/cm_admin/course_create.scss */
.brand-border-btn.disabled:hover {
  background-color: #fff;
}

/* line 42, app/assets/stylesheets/cm_admin/course_create.scss */
.btn-primary {
  font-family: 'Open Sans', sans-serif;
  font-weight: 600;
  font-size: 14px;
  line-height: 22px;
  background-color: #6554E0;
  border: none;
}

/* line 50, app/assets/stylesheets/cm_admin/course_create.scss */
.btn-primary:hover {
  background-color: #4D40AA;
}

/* line 55, app/assets/stylesheets/cm_admin/course_create.scss */
.gray-border-btn {
  padding: 7px 10px;
  font-size: 14px;
  font-weight: 600;
  line-height: 22px;
  background-color: #fff;
  border: 1px solid #1D2129;
  border-radius: 4;
  transition: all .2s linear;
  cursor: pointer;
}

/* line 66, app/assets/stylesheets/cm_admin/course_create.scss */
.gray-border-btn:hover {
  color: #1D2129;
  background-color: #D9DEE3;
}

/* line 71, app/assets/stylesheets/cm_admin/course_create.scss */
.gray-border-btn:focus {
  outline: 3px auto rgba(47, 128, 237, 0.3);
  outline-offset: 2px;
}

/* line 76, app/assets/stylesheets/cm_admin/course_create.scss */
.gray-border-btn.disabled {
  color: #9CA7AE;
  background: #fff;
  border: 1px solid #1D2129;
  cursor: not-allowed !important;
}

/* line 82, app/assets/stylesheets/cm_admin/course_create.scss */
.gray-border-btn.disabled:hover {
  background-color: #fff;
}

/* line 89, app/assets/stylesheets/cm_admin/course_create.scss */
input.cm-checkbox[type="checkbox"] {
  position: relative;
  display: inline-block;
  width: 16px;
  height: 16px;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeSpeed;
}

/* line 99, app/assets/stylesheets/cm_admin/course_create.scss */
input.cm-checkbox[type="checkbox"]:hover::after {
  background: #F3F4F6;
}

/* line 103, app/assets/stylesheets/cm_admin/course_create.scss */
input.cm-checkbox[type="checkbox"]:after {
  content: "";
  vertical-align: middle;
  text-align: center;
  position: absolute;
  height: 16px;
  width: 16px;
  font-size: 11px;
  line-height: 17px;
  background: #fff;
  border: 1.5px solid #C7CED5;
  border-radius: 2px;
  cursor: pointer;
}

/* line 118, app/assets/stylesheets/cm_admin/course_create.scss */
input.cm-checkbox[type="checkbox"]:checked:after {
  background: #6554E0;
  content: '\2713';
  color: #fff;
  border: none;
}

/* line 127, app/assets/stylesheets/cm_admin/course_create.scss */
input.cm-checkbox.disabled[type="checkbox"]:hover::after {
  background: transparent;
  cursor: not-allowed;
}

/* line 132, app/assets/stylesheets/cm_admin/course_create.scss */
input.cm-checkbox.disabled[type="checkbox"]:checked:after {
  background: #D9DEE3;
  content: "\f00c";
  font-family: FontAwesome !important;
  color: #fff;
  border: none;
}

/* line 143, app/assets/stylesheets/cm_admin/course_create.scss */
input.circle-checkbox[type="checkbox"] {
  position: relative;
  display: inline-block;
  width: 1px;
  height: 16px;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeSpeed;
}

/* line 151, app/assets/stylesheets/cm_admin/course_create.scss */
input.circle-checkbox[type="checkbox"]:hover::after {
  background: #F3F4F6;
}

/* line 155, app/assets/stylesheets/cm_admin/course_create.scss */
input.circle-checkbox[type="checkbox"]:after {
  content: '\2713';
  vertical-align: middle;
  text-align: center;
  position: absolute;
  width: 20px;
  height: 20px;
  font-size: 14px;
  line-height: 19px;
  color: #C7CED5;
  background: #fff;
  border: 1.5px solid #C7CED5;
  border-radius: 50%;
  cursor: pointer;
}

/* line 171, app/assets/stylesheets/cm_admin/course_create.scss */
input.circle-checkbox[type="checkbox"]:checked:after {
  background: #6554E0;
  content: '\2713';
  color: #fff;
  border: none;
}

/* line 180, app/assets/stylesheets/cm_admin/course_create.scss */
input.circle-checkbox.disabled[type="checkbox"]:hover::after {
  background: transparent;
  cursor: not-allowed;
}

/* line 185, app/assets/stylesheets/cm_admin/course_create.scss */
input.circle-checkbox.disabled[type="checkbox"]:checked:after {
  background: #D9DEE3;
  content: "\f00c";
  font-family: FontAwesome !important;
  color: #fff;
  border: none;
}

/* line 196, app/assets/stylesheets/cm_admin/course_create.scss */
input.cm-radio[type="radio"] {
  position: relative;
  display: inline-block;
  width: 16px;
  height: 14px;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeSpeed;
}

/* line 204, app/assets/stylesheets/cm_admin/course_create.scss */
input.cm-radio[type="radio"]:focus {
  outline: none;
}

/* line 208, app/assets/stylesheets/cm_admin/course_create.scss */
input.cm-radio[type="radio"]:hover::after {
  background: #F3F4F6;
}

/* line 212, app/assets/stylesheets/cm_admin/course_create.scss */
input.cm-radio[type="radio"]:after {
  content: "";
  vertical-align: middle;
  text-align: center;
  position: absolute;
  height: 16px;
  width: 16px;
  background-color: #fff;
  border: 1.5px solid #C7CED5;
  border-radius: 50%;
  cursor: pointer;
}

/* line 225, app/assets/stylesheets/cm_admin/course_create.scss */
input.cm-radio[type="radio"]:checked:after {
  background: #6554E0;
  content: "\25CF";
  color: #fff;
  font-size: 14px;
  line-height: 14px;
  border: none;
}

/* line 235, app/assets/stylesheets/cm_admin/course_create.scss */
input.cm-radio.disabled[type="radio"]:hover::after {
  background: transparent;
  cursor: not-allowed;
}

/* line 240, app/assets/stylesheets/cm_admin/course_create.scss */
input.cm-radio.disabled[type="radio"]:checked:after {
  background: #D9DEE3;
  content: "\25CF";
  color: #fff;
  font-size: 9px;
  line-height: 16px;
  border: none;
}

/* line 252, app/assets/stylesheets/cm_admin/course_create.scss */
.chapter-show {
  max-width: 752px;
  margin-left: 32px;
  padding: 0;
}

@media screen and (max-width: 1300px) {
  /* line 252, app/assets/stylesheets/cm_admin/course_create.scss */
  .chapter-show {
    margin-left: 0;
  }
}

/* line 261, app/assets/stylesheets/cm_admin/course_create.scss */
.chapter-show .chapter-header {
  display: flex;
  justify-content: space-between;
  font-weight: 600;
  font-size: 20px;
  line-height: 28px;
  color: #1D2129;
  margin-bottom: 18px;
}

/* line 271, app/assets/stylesheets/cm_admin/course_create.scss */
.chapter-show .chapter-header .chapter-title span:nth-child(1) {
  color: #9CA7AE;
}

/* line 277, app/assets/stylesheets/cm_admin/course_create.scss */
.chapter-show .chapter-body {
  margin-bottom: 40px;
  padding: 24px;
  border: 1px solid #D9DEE3;
  border-radius: 4px;
}

/* line 283, app/assets/stylesheets/cm_admin/course_create.scss */
.chapter-show .chapter-body .info-section {
  margin-bottom: 0;
}

/* line 289, app/assets/stylesheets/cm_admin/course_create.scss */
.module-show {
  max-width: 752px;
  margin-left: 32px;
  padding: 0;
}

@media screen and (max-width: 1300px) {
  /* line 289, app/assets/stylesheets/cm_admin/course_create.scss */
  .module-show {
    margin-left: 0;
  }
}

/* line 298, app/assets/stylesheets/cm_admin/course_create.scss */
.module-show .module-header {
  display: flex;
  justify-content: space-between;
  font-weight: 600;
  font-size: 20px;
  line-height: 28px;
  color: #1D2129;
  margin-bottom: 18px;
}

/* line 308, app/assets/stylesheets/cm_admin/course_create.scss */
.module-show .module-header .module-title span:nth-child(1) {
  color: #9CA7AE;
}

/* line 314, app/assets/stylesheets/cm_admin/course_create.scss */
.module-show .module-body {
  margin-bottom: 40px;
  padding: 24px;
  border: 1px solid #D9DEE3;
  border-radius: 4px;
}

/* line 320, app/assets/stylesheets/cm_admin/course_create.scss */
.module-show .module-body .info-section {
  margin-bottom: 0;
}

/* line 326, app/assets/stylesheets/cm_admin/course_create.scss */
.course-create-description {
  font-size: 14px;
  margin-bottom: 24px;
}

/* line 333, app/assets/stylesheets/cm_admin/course_create.scss */
.lesson-create-card-wrapper .lesson-create-card {
  max-width: 752px;
}

/* line 336, app/assets/stylesheets/cm_admin/course_create.scss */
.lesson-create-card-wrapper .lesson-create-card .lesson-create-card-body {
  padding: 24px;
}

/* line 341, app/assets/stylesheets/cm_admin/course_create.scss */
.lesson-create-card-wrapper .add-resource {
  margin: 0;
}

/* line 345, app/assets/stylesheets/cm_admin/course_create.scss */
.lesson-create-card-wrapper #lesson_content_file {
  padding: 0;
  border: none;
}

/* line 351, app/assets/stylesheets/cm_admin/course_create.scss */
.lesson-card-wrapper {
  margin-bottom: 16px;
}

/* line 358, app/assets/stylesheets/cm_admin/course_create.scss */
.lesson-show-card__header,
.chapter-module-show-card__header,
.assignment-show-card__header {
  display: flex;
  justify-content: space-between;
}

/* line 363, app/assets/stylesheets/cm_admin/course_create.scss */
.lesson-show-card__header .header-lhs .drag-btn,
.chapter-module-show-card__header .header-lhs .drag-btn,
.assignment-show-card__header .header-lhs .drag-btn {
  font-size: 14px;
  font-weight: 900;
  line-height: 22px;
  color: #6B7586;
  margin-right: 12px;
  cursor: grab;
}

/* line 372, app/assets/stylesheets/cm_admin/course_create.scss */
.lesson-show-card__header .header-lhs .lesson-count,
.lesson-show-card__header .header-lhs .assignment-count,
.chapter-module-show-card__header .header-lhs .lesson-count,
.chapter-module-show-card__header .header-lhs .assignment-count,
.assignment-show-card__header .header-lhs .lesson-count,
.assignment-show-card__header .header-lhs .assignment-count {
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
  color: #9CA7AE;
}

/* line 380, app/assets/stylesheets/cm_admin/course_create.scss */
.lesson-show-card__header .header-lhs .lesson-title,
.lesson-show-card__header .header-lhs .assignment-title,
.chapter-module-show-card__header .header-lhs .lesson-title,
.chapter-module-show-card__header .header-lhs .assignment-title,
.assignment-show-card__header .header-lhs .lesson-title,
.assignment-show-card__header .header-lhs .assignment-title {
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
  color: #1D2129;
  margin-left: 4px;
}

/* line 390, app/assets/stylesheets/cm_admin/course_create.scss */
.lesson-show-card__header .header-rhs,
.chapter-module-show-card__header .header-rhs,
.assignment-show-card__header .header-rhs {
  display: inline-flex;
  align-items: center;
}

/* line 394, app/assets/stylesheets/cm_admin/course_create.scss */
.lesson-show-card__header .header-rhs .action-tool,
.chapter-module-show-card__header .header-rhs .action-tool,
.assignment-show-card__header .header-rhs .action-tool {
  font-size: 14px;
  color: #6554E0;
  margin-right: 24px;
}

/* line 400, app/assets/stylesheets/cm_admin/course_create.scss */
.lesson-show-card__header .header-rhs .lesson-toggle-btn,
.lesson-show-card__header .header-rhs .assignment-toggle-btn,
.chapter-module-show-card__header .header-rhs .lesson-toggle-btn,
.chapter-module-show-card__header .header-rhs .assignment-toggle-btn,
.assignment-show-card__header .header-rhs .lesson-toggle-btn,
.assignment-show-card__header .header-rhs .assignment-toggle-btn {
  font-size: 20px;
  color: #6554E0;
  margin-top: 4px;
  cursor: pointer;
}

/* line 410, app/assets/stylesheets/cm_admin/course_create.scss */
.lesson-show-card__body,
.chapter-module-show-card__body,
.assignment-show-card__body {
  margin-top: 16px;
}

/* line 413, app/assets/stylesheets/cm_admin/course_create.scss */
.lesson-show-card__body .info-section,
.chapter-module-show-card__body .info-section,
.assignment-show-card__body .info-section {
  margin-bottom: 16px;
}

/* line 419, app/assets/stylesheets/cm_admin/course_create.scss */
.lesson-show-card,
.chapter-module-show-card,
.question-show-card,
.question-create-card,
.assignment-show-card {
  background: #fff;
  border: 1px solid #D9DEE3;
  margin-bottom: 16px;
  padding: 24px;
  border-radius: 4px;
}

/* line 431, app/assets/stylesheets/cm_admin/course_create.scss */
.lesson-assessment-count {
  font-size: 12px;
  font-weight: 600;
  line-height: 16px;
  text-transform: uppercase;
  color: #6B7586;
  margin-bottom: 16px;
}

/* line 440, app/assets/stylesheets/cm_admin/course_create.scss */
.new_question {
  max-width: 480px;
}

/* line 444, app/assets/stylesheets/cm_admin/course_create.scss */
.card-label {
  font-size: 14px;
  line-height: 22px;
  color: #6B7586;
  margin: 0;
}

/* line 451, app/assets/stylesheets/cm_admin/course_create.scss */
.card-text {
  font-size: 14px;
  line-height: 22px;
  color: #1D2129;
  margin: 0;
}

/* line 458, app/assets/stylesheets/cm_admin/course_create.scss */
.chapter-form {
  max-width: 752px;
  padding: 28px;
}

/* line 463, app/assets/stylesheets/cm_admin/course_create.scss */
.correct-answer-text {
  font-size: 14px;
  line-height: 22px;
  color: #6B7586;
}

/* line 470, app/assets/stylesheets/cm_admin/course_create.scss */
.question-card-wrapper .question-show-card {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

/* line 477, app/assets/stylesheets/cm_admin/course_create.scss */
.question-edit-card {
  margin-bottom: 16px;
  padding: 24px;
  border: 1px solid #D9DEE3;
  border-radius: 4px;
}

/* line 485, app/assets/stylesheets/cm_admin/course_create.scss */
.question-header .drag-btn {
  font-size: 14px;
  font-weight: 900;
  line-height: 22px;
  color: #6B7586;
  margin-right: 12px;
  cursor: grab;
}

/* line 494, app/assets/stylesheets/cm_admin/course_create.scss */
.question-header .question-count {
  font-family: 'Open Sans', sans-serif;
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
  color: #9CA7AE;
}

/* line 502, app/assets/stylesheets/cm_admin/course_create.scss */
.question-header .question-title {
  font-family: 'Open Sans', sans-serif;
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
  color: #1D2129;
  margin-left: 4px;
}

/* line 512, app/assets/stylesheets/cm_admin/course_create.scss */
.question-discard {
  cursor: pointer;
  padding: 7px 10px;
}

/* line 516, app/assets/stylesheets/cm_admin/course_create.scss */
.question-discard:hover {
  color: #1D2129;
}

/* line 523, app/assets/stylesheets/cm_admin/course_create.scss */
.marketing-show-page .header {
  display: flex;
  justify-content: space-between;
  max-width: 752px;
  margin-bottom: 32px;
}

/* line 529, app/assets/stylesheets/cm_admin/course_create.scss */
.marketing-show-page .header .title-text {
  font-size: 20px;
  font-weight: 600;
  line-height: 28px;
  color: #1D2129;
}

/* line 536, app/assets/stylesheets/cm_admin/course_create.scss */
.marketing-show-page .header a {
  font-size: 14px;
  padding: 5px 16px;
  font-weight: 600;
  line-height: 22px;
  color: #1D2129;
  border: 1px solid #1D2129;
  border-radius: 4px;
}

/* line 545, app/assets/stylesheets/cm_admin/course_create.scss */
.marketing-show-page .header a .pencil-icon {
  margin-right: 8px;
}

/* line 551, app/assets/stylesheets/cm_admin/course_create.scss */
.marketing-show-page .info-split__rhs {
  width: calc(80% - 24px) !important;
  margin-left: 24px;
}

/* line 558, app/assets/stylesheets/cm_admin/course_create.scss */
.marketing-edit-page {
  max-width: 752px;
}

/* line 561, app/assets/stylesheets/cm_admin/course_create.scss */
.marketing-edit-page #course_cover_image {
  padding: 0;
  border: none;
}

/* line 567, app/assets/stylesheets/cm_admin/course_create.scss */
.nsdc-edit-page {
  max-width: 752px;
  margin-top: 20px;
  margin-left: 20px;
}

/* line 572, app/assets/stylesheets/cm_admin/course_create.scss */
.nsdc-edit-page #course_cover_image {
  padding: 0;
  border: none;
}

/* line 578, app/assets/stylesheets/cm_admin/course_create.scss */
.marketing-section-heading {
  font-size: 16px;
  line-height: 24px;
  font-weight: 600;
  color: #1D2129;
}

/* line 585, app/assets/stylesheets/cm_admin/course_create.scss */
.un-card {
  background: white;
  border: 1px solid rgba(0, 0, 0, 0.125);
  padding: 28px;
  margin-bottom: 16px;
}

/* line 592, app/assets/stylesheets/cm_admin/course_create.scss */
.input-group {
  display: flex;
  align-items: center;
  max-width: 480px;
  margin-bottom: 16px;
}

/* line 598, app/assets/stylesheets/cm_admin/course_create.scss */
.input-group .input-area {
  display: flex;
  align-items: center;
  width: 90%;
}

/* line 603, app/assets/stylesheets/cm_admin/course_create.scss */
.input-group .input-area .dot {
  display: inline-block;
  width: 6px;
  height: 6px;
  margin-right: 8px;
  background: #828282;
  border-radius: 50%;
}

/* line 612, app/assets/stylesheets/cm_admin/course_create.scss */
.input-group .input-area .input-field-wrapper {
  width: 100%;
  margin-bottom: 0;
}

/* line 618, app/assets/stylesheets/cm_admin/course_create.scss */
.input-group .close-area {
  width: 10%;
  text-align: center;
}

/* line 622, app/assets/stylesheets/cm_admin/course_create.scss */
.input-group .close-area a {
  font-size: 14px;
  line-height: 22px;
  color: #6B7586;
}

/* line 630, app/assets/stylesheets/cm_admin/course_create.scss */
.options-fields {
  display: flex;
  align-items: center;
  margin-bottom: 16px;
}

/* line 635, app/assets/stylesheets/cm_admin/course_create.scss */
.options-fields .input-area {
  display: flex;
  align-items: center;
  width: 90%;
}

/* line 640, app/assets/stylesheets/cm_admin/course_create.scss */
.options-fields .input-area .check-field {
  margin: 10px 32px 0 0;
}

/* line 644, app/assets/stylesheets/cm_admin/course_create.scss */
.options-fields .input-area .question_options_option {
  width: calc(100% - 32px);
}

/* line 647, app/assets/stylesheets/cm_admin/course_create.scss */
.options-fields .input-area .question_options_option .normal-input {
  width: 100%;
}

/* line 653, app/assets/stylesheets/cm_admin/course_create.scss */
.options-fields .close-area {
  width: 10%;
  text-align: center;
}

/* line 657, app/assets/stylesheets/cm_admin/course_create.scss */
.options-fields .close-area a {
  font-size: 14px;
  line-height: 22px;
  color: #6B7586;
}

/* line 665, app/assets/stylesheets/cm_admin/course_create.scss */
.project-show {
  max-width: 752px;
}

/* line 668, app/assets/stylesheets/cm_admin/course_create.scss */
.project-show .section-heading {
  margin-bottom: 18px;
}

/* line 671, app/assets/stylesheets/cm_admin/course_create.scss */
.project-show .section-heading .section-title {
  font-weight: 600;
  font-size: 20px;
  line-height: 28px;
  color: #1D2129;
}

/* line 679, app/assets/stylesheets/cm_admin/course_create.scss */
.project-show .project-show-card {
  background: white;
  border: 1px solid rgba(0, 0, 0, 0.125);
  padding: 28px;
  margin-bottom: 16px;
}

/* line 687, app/assets/stylesheets/cm_admin/course_create.scss */
.chapter-new,
.final-assessment-new {
  max-width: 752px;
  padding: 28px;
}

/* line 693, app/assets/stylesheets/cm_admin/course_create.scss */
.final-assessment-show {
  max-width: 752px;
}

/* line 697, app/assets/stylesheets/cm_admin/course_create.scss */
.final-assessment-heading {
  margin-bottom: 18px;
}

/* line 700, app/assets/stylesheets/cm_admin/course_create.scss */
.final-assessment-heading .section-title {
  font-family: 'Open Sans', sans-serif;
  font-weight: 600;
  font-size: 20px;
  line-height: 28px;
  color: #1D2129;
}

/* line 709, app/assets/stylesheets/cm_admin/course_create.scss */
.final-assessment-card,
.final-assessment-score-card,
.final-assessment-score-form-card {
  padding: 28px;
}

/* line 715, app/assets/stylesheets/cm_admin/course_create.scss */
.final-assessment-form {
  padding: 0;
  background-color: transparent;
}

/* line 719, app/assets/stylesheets/cm_admin/course_create.scss */
.final-assessment-form .form-container__inner {
  background-color: #fff;
}

/* line 725, app/assets/stylesheets/cm_admin/course_create.scss */
.final-assessment-form .form-wrapper .form-container .form-title {
  font-family: 'Open Sans', sans-serif;
  font-weight: 600;
  font-size: 20px;
  line-height: 28px;
  color: #1D2129;
}

/* line 736, app/assets/stylesheets/cm_admin/course_create.scss */
.final-assessment-required-score {
  max-width: 752px;
}

/* line 739, app/assets/stylesheets/cm_admin/course_create.scss */
.final-assessment-required-score .score-header {
  text-transform: uppercase;
  font-size: 12px;
  font-weight: 600;
  color: #6B7586;
  margin: 38px 0 14px;
}

/* line 745, app/assets/stylesheets/cm_admin/course_create.scss */
.final-assessment-required-score .assessment-required-score-edit {
  cursor: pointer;
  color: #6554E0;
}

/* line 752, app/assets/stylesheets/cm_admin/course_create.scss */
.action-icons .action-edit {
  margin-right: 24px;
  font-size: 14px;
  color: #6554E0;
}

/* line 758, app/assets/stylesheets/cm_admin/course_create.scss */
.action-icons .action-destroy {
  font-size: 14px;
  color: #6554E0;
}

/* line 763, app/assets/stylesheets/cm_admin/course_create.scss */
.action-icons a {
  color: #6554E0;
}

/* line 768, app/assets/stylesheets/cm_admin/course_create.scss */
.input-field-wrapper {
  margin-bottom: 24px;
  font-family: 'Open Sans', sans-serif;
}

/* line 772, app/assets/stylesheets/cm_admin/course_create.scss */
.input-field-wrapper label {
  font-weight: 500;
  font-size: 14px;
  line-height: 22px;
  color: #1D2129;
}

/* line 778, app/assets/stylesheets/cm_admin/course_create.scss */
.input-field-wrapper label abbr {
  display: none;
}

/* line 783, app/assets/stylesheets/cm_admin/course_create.scss */
.input-field-wrapper textarea {
  min-height: 130px;
}

/* line 787, app/assets/stylesheets/cm_admin/course_create.scss */
.input-field-wrapper .normal-input {
  font-weight: 500;
  font-size: 14px;
  line-height: 22px;
  color: #1D2129;
  padding: 8px 16px;
}

/* line 795, app/assets/stylesheets/cm_admin/course_create.scss */
.input-field-wrapper #project_description {
  min-height: 130px;
}

/* line 800, app/assets/stylesheets/cm_admin/course_create.scss */
.links {
  margin: 24px 0;
}

/* line 803, app/assets/stylesheets/cm_admin/course_create.scss */
.links .add_fields {
  font-family: 'Open Sans', sans-serif;
  font-weight: 600;
  font-size: 14px;
  line-height: 22px;
  color: #6554E0;
}

/* line 812, app/assets/stylesheets/cm_admin/course_create.scss */
.resource-field,
.option-field {
  margin-bottom: 18px;
}

/* line 817, app/assets/stylesheets/cm_admin/course_create.scss */
.float-start {
  color: #C7CED5;
}

/* line 821, app/assets/stylesheets/cm_admin/course_create.scss */
.float-start::marker {
  margin-right: 10px;
}

/* line 825, app/assets/stylesheets/cm_admin/course_create.scss */
input[type="file"] {
  color: #1D2129;
  font-family: 'Open Sans', sans-serif;
  font-weight: 500;
  font-size: 14px;
  line-height: 22px;
}

/* line 833, app/assets/stylesheets/cm_admin/course_create.scss */
input[type=file]::file-selector-button {
  border: 1px solid #1D2129;
  border-radius: 4px;
  background-color: #fff;
  color: #1D2129;
  font-family: 'Open Sans', sans-serif;
  font-weight: 600;
  font-size: 14px;
  line-height: 22px;
}

/* line 844, app/assets/stylesheets/cm_admin/course_create.scss */
.col-sm-5 {
  font-weight: 900;
  font-size: 14px;
  line-height: 22px;
}

/* line 849, app/assets/stylesheets/cm_admin/course_create.scss */
.col-sm-5 a {
  color: #6B7586;
}

/* line 854, app/assets/stylesheets/cm_admin/course_create.scss */
.info-split__lhs {
  font-family: 'Open Sans', sans-serif;
  font-weight: normal;
  font-size: 14px;
  line-height: 22px;
  color: #6B7586;
}

/* line 862, app/assets/stylesheets/cm_admin/course_create.scss */
.info-split__rhs {
  font-family: 'Open Sans', sans-serif;
  font-weight: normal;
  font-size: 14px;
  line-height: 22px;
  color: #111111;
}

/* line 869, app/assets/stylesheets/cm_admin/course_create.scss */
.info-split__rhs ul {
  padding-left: 50px !important;
}

/* line 875, app/assets/stylesheets/cm_admin/course_create.scss */
#accordionExample {
  border: 1px solid #D9DEE3;
  border-radius: 4px;
}

/* line 880, app/assets/stylesheets/cm_admin/course_create.scss */
.accordion-item {
  border: none;
}

/* line 884, app/assets/stylesheets/cm_admin/course_create.scss */
.accordion-button {
  background-color: white;
  font-family: 'Open Sans', sans-serif;
  font-weight: 500;
  font-size: 14px;
  line-height: 22px;
  color: #1D2129;
}

/* line 892, app/assets/stylesheets/cm_admin/course_create.scss */
.accordion-button .icon {
  color: #6B7586;
  margin: 1px 8px 0 0;
}

/* line 898, app/assets/stylesheets/cm_admin/course_create.scss */
.accordion-button:not(.collapsed) {
  background-color: white;
  font-family: 'Open Sans', sans-serif;
  font-weight: 500;
  font-size: 14px;
  line-height: 22px;
  color: #1D2129;
  box-shadow: none;
  border: none;
}

/* line 909, app/assets/stylesheets/cm_admin/course_create.scss */
.accordion-button::after {
  background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%239CA7AE'><path fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/></svg>") !important;
  margin-left: 8px;
}

/* line 916, app/assets/stylesheets/cm_admin/course_create.scss */
.accordion-body {
  padding: 0;
}

/* line 919, app/assets/stylesheets/cm_admin/course_create.scss */
.accordion-body p {
  margin: 0;
  height: 38px;
  display: flex;
  align-items: center;
  background: #fff;
}

/* line 926, app/assets/stylesheets/cm_admin/course_create.scss */
.accordion-body p a {
  font-family: 'Open Sans', sans-serif;
  font-weight: 500;
  font-size: 14px;
  line-height: 22px;
  margin-left: 42px;
}

/* line 935, app/assets/stylesheets/cm_admin/course_create.scss */
.accordion-body .body-item {
  margin: 0;
}

/* line 938, app/assets/stylesheets/cm_admin/course_create.scss */
.accordion-body .body-item a {
  width: 100%;
  padding: 8px 24px 8px 42px;
  font-size: 14px;
  font-family: 'Open Sans', sans-serif;
  font-weight: 500;
  line-height: 22px;
  margin-left: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  transition: all .2s linear;
}

/* line 951, app/assets/stylesheets/cm_admin/course_create.scss */
.accordion-body .body-item a:hover {
  color: inherit;
  background: rgba(101, 84, 224, 0.1);
  box-shadow: inset 2px 0px 0px #6554E0;
}

/* line 961, app/assets/stylesheets/cm_admin/course_create.scss */
.accordion-body .item-active a {
  background: rgba(101, 84, 224, 0.1);
  box-shadow: inset 2px 0px 0px #6554E0;
}

/* line 968, app/assets/stylesheets/cm_admin/course_create.scss */
.add-chapter {
  color: #6554E0;
}

/* line 971, app/assets/stylesheets/cm_admin/course_create.scss */
.add-chapter:hover {
  color: #6554E0;
}

/* line 976, app/assets/stylesheets/cm_admin/course_create.scss */
.project-type,
.chapters {
  color: #1D2129;
}

/* line 981, app/assets/stylesheets/cm_admin/course_create.scss */
#assessment-button::after {
  display: none;
}

/* line 987, app/assets/stylesheets/cm_admin/course_create.scss */
.evaluate-form {
  padding: 8px;
}

/* line 990, app/assets/stylesheets/cm_admin/course_create.scss */
.evaluate-form .radio_buttons {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-gap: 16px;
  padding-bottom: 16px;
  border-bottom: 1px solid #F3F4F6;
}

/* line 997, app/assets/stylesheets/cm_admin/course_create.scss */
.evaluate-form .radio_buttons .radio {
  display: block;
}

/* line 1000, app/assets/stylesheets/cm_admin/course_create.scss */
.evaluate-form .radio_buttons .radio label {
  width: 100%;
  font-size: 14px;
  line-height: 22px;
  color: #1D2129;
  padding: 8px 16px;
  background: #fff;
  border: 1px solid #D9DEE3;
  border-radius: 4px;
  transition: all .2s linear;
  cursor: pointer;
}

/* line 1012, app/assets/stylesheets/cm_admin/course_create.scss */
.evaluate-form .radio_buttons .radio label.active {
  background: #F8F9FA;
}

/* line 1016, app/assets/stylesheets/cm_admin/course_create.scss */
.evaluate-form .radio_buttons .radio label:hover {
  background: #F8F9FA;
}

/* line 1021, app/assets/stylesheets/cm_admin/course_create.scss */
.evaluate-form .radio_buttons .radio .cm-radio {
  margin-right: 8px;
}

/* line 1027, app/assets/stylesheets/cm_admin/course_create.scss */
.evaluate-form .form-info {
  font-size: 14px;
  line-height: 22px;
  color: #0D102B;
  margin: 16px 0;
}

/* line 1034, app/assets/stylesheets/cm_admin/course_create.scss */
.evaluate-form .from-footer {
  display: flex;
  justify-content: end;
}

/* line 1041, app/assets/stylesheets/cm_admin/course_create.scss */
.history-box {
  width: 752px;
  padding: 24px;
  background: #FFFFFF;
  border: 1px solid #D9DEE3;
  border-radius: 4px;
}

/* line 1048, app/assets/stylesheets/cm_admin/course_create.scss */
.history-box .history-item {
  display: grid;
  grid-template-columns: 32px 1fr;
  grid-gap: 8px;
  align-items: center;
  margin-bottom: 32px;
}

/* line 1055, app/assets/stylesheets/cm_admin/course_create.scss */
.history-box .history-item:nth-last-child(1) {
  margin-bottom: 0;
}

/* line 1060, app/assets/stylesheets/cm_admin/course_create.scss */
.history-box .history-item .profile-pic img {
  width: 32px;
  height: 32px;
  object-fit: cover;
  border-radius: 50%;
}

/* line 1068, app/assets/stylesheets/cm_admin/course_create.scss */
.history-box .history-item .history-info {
  display: inline-flex;
  font-family: 'Open Sans', sans-serif;
  font-size: 14px;
  line-height: 22px;
}

/* line 1074, app/assets/stylesheets/cm_admin/course_create.scss */
.history-box .history-item .history-info .bold-text {
  font-weight: 600;
  color: #1D2129;
  margin-right: 4px;
}

/* line 1080, app/assets/stylesheets/cm_admin/course_create.scss */
.history-box .history-item .history-info .normal-text {
  font-weight: 400;
  color: #1D2129;
  margin-right: 4px;
}

/* line 1086, app/assets/stylesheets/cm_admin/course_create.scss */
.history-box .history-item .history-info .light-text {
  font-weight: 400;
  color: #6B7586;
  margin-right: 4px;
}

/* line 1096, app/assets/stylesheets/cm_admin/course_create.scss */
.status-tag.yellow-tag {
  color: #FFC845;
  background: #FFF8E9;
}

/* line 1101, app/assets/stylesheets/cm_admin/course_create.scss */
.status-tag.red-tag {
  color: #F83636;
  background: #FEEFEF;
}
/* ==== Color Variables ==== */
/* Brand Color */
/* Semantic Color */
/* Blue Colors */
/* Red Colors */
/* Yellow Colors */
/* Green Colors */
/* Grey Colors */
/* Ink Colors */
/* Text Colors */
/* Common Colors */
/* Typography */
/* font weights */
/* Border-radius */
/* ==== Color Variables ==== */
/* Brand Color */
/* Semantic Color */
/* Blue Colors */
/* Red Colors */
/* Yellow Colors */
/* Green Colors */
/* Grey Colors */
/* Ink Colors */
/* Text Colors */
/* Common Colors */
/* line 3, app/assets/stylesheets/cm_admin/notifications.scss */
.notification-page {
  padding: 24px;
}

/* line 5, app/assets/stylesheets/cm_admin/notifications.scss */
.notification-page .notification-container {
  max-width: 752px;
  border: 1px solid #d9dee3;
  border-radius: 6px;
}

/* line 13, app/assets/stylesheets/cm_admin/notifications.scss */
.notification-dropdown {
  width: 480px;
  background: #ffffff;
  box-shadow: 0px 4px 16px rgba(0, 0, 0, 0.16);
  border-radius: 6px;
}

/* line 18, app/assets/stylesheets/cm_admin/notifications.scss */
.notification-dropdown__header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 24px 16px;
}

/* line 23, app/assets/stylesheets/cm_admin/notifications.scss */
.notification-dropdown__header .header-title {
  font-size: 20px;
  font-weight: 600;
  line-height: 28px;
  color: #1d2129;
  margin-bottom: 0;
}

/* line 30, app/assets/stylesheets/cm_admin/notifications.scss */
.notification-dropdown__header i {
  font-size: 14px;
  line-height: 22px;
  color: #1d2129;
  cursor: pointer;
}

/* line 37, app/assets/stylesheets/cm_admin/notifications.scss */
.notification-dropdown__body {
  max-height: 400px;
  overflow-y: auto;
}

/* line 40, app/assets/stylesheets/cm_admin/notifications.scss */
.notification-dropdown__body .notification-empty-page {
  height: auto;
  min-height: 300px;
}

/* line 48, app/assets/stylesheets/cm_admin/notifications.scss */
.notification-empty-page {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 638px;
}

/* line 54, app/assets/stylesheets/cm_admin/notifications.scss */
.notification-empty-page .bell-icon {
  font-size: 48px;
  line-height: 56px;
  color: #C7CED5;
}

/* line 59, app/assets/stylesheets/cm_admin/notifications.scss */
.notification-empty-page .empty-msg-title {
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
  text-align: center;
  color: #1D2129;
  margin: 8px 0;
}

/* line 67, app/assets/stylesheets/cm_admin/notifications.scss */
.notification-empty-page .empty-msg-desc {
  font-size: 14px;
  line-height: 22px;
  text-align: center;
  color: #1D2129;
  margin-bottom: 0;
}

/* line 77, app/assets/stylesheets/cm_admin/notifications.scss */
.notification-item {
  position: relative;
  display: grid;
  grid-template-columns: 32px 1fr;
  grid-gap: 8px;
  padding: 16px;
  background-color: #fff;
  border-radius: 6px;
  transition: all 0.2s linear;
  align-items: start;
}

/* line 87, app/assets/stylesheets/cm_admin/notifications.scss */
.notification-item:hover {
  background: #f8f9fa;
}

/* line 90, app/assets/stylesheets/cm_admin/notifications.scss */
.notification-item .notify-indicator {
  position: absolute;
  top: 16px;
  right: 16px;
  width: 10px;
  height: 10px;
  background: #2f80ed;
  border-radius: 50%;
}

/* line 100, app/assets/stylesheets/cm_admin/notifications.scss */
.notification-item .profile-img img {
  width: 32px;
  height: 32px;
  border-radius: 50%;
}

/* line 106, app/assets/stylesheets/cm_admin/notifications.scss */
.notification-item .profile-name {
  display: inline-flex;
  align-items: center;
  position: relative;
  line-height: 22px;
  font-size: 14px;
  cursor: pointer;
}

/* line 113, app/assets/stylesheets/cm_admin/notifications.scss */
.notification-item .profile-name .profile-avatar {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  color: white;
  font-size: 10px;
  font-weight: 900;
  vertical-align: middle;
  background-color: #6554E0;
  border-radius: 50%;
}

/* line 128, app/assets/stylesheets/cm_admin/notifications.scss */
.notification-item .notification-detail .title {
  font-size: 14px;
  font-weight: 600;
  line-height: 22px;
  color: #1d2129;
  margin-bottom: 4px;
}

/* line 135, app/assets/stylesheets/cm_admin/notifications.scss */
.notification-item .notification-detail .description {
  font-size: 14px;
  line-height: 22px;
  color: #6b7586;
  margin-bottom: 4px;
}

/* line 141, app/assets/stylesheets/cm_admin/notifications.scss */
.notification-item .notification-detail .entity {
  font-size: 14px;
  line-height: 22px;
  color: #1d2129;
  margin-bottom: 4px;
}

/* line 146, app/assets/stylesheets/cm_admin/notifications.scss */
.notification-item .notification-detail .entity .entity-icon {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  vertical-align: text-bottom;
  width: 16px;
  height: 16px;
  margin-right: 6px;
  background: #6b7586;
  border-radius: 2px;
}

/* line 156, app/assets/stylesheets/cm_admin/notifications.scss */
.notification-item .notification-detail .entity .entity-icon i {
  font-size: 10px;
  color: #ffffff;
}

/* line 162, app/assets/stylesheets/cm_admin/notifications.scss */
.notification-item .notification-detail .time {
  font-size: 14px;
  line-height: 22px;
  color: #9ca7ae;
  margin-bottom: 0;
}

/* line 171, app/assets/stylesheets/cm_admin/notifications.scss */
.line-clamp-2 {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

/* line 178, app/assets/stylesheets/cm_admin/notifications.scss */
.line-clamp-3 {
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
/* ==== Color Variables ==== */
/* Brand Color */
/* Semantic Color */
/* Blue Colors */
/* Red Colors */
/* Yellow Colors */
/* Green Colors */
/* Grey Colors */
/* Ink Colors */
/* Text Colors */
/* Common Colors */
/* Typography */
/* font weights */
/* Border-radius */
/* ==== Color Variables ==== */
/* Brand Color */
/* Semantic Color */
/* Blue Colors */
/* Red Colors */
/* Yellow Colors */
/* Green Colors */
/* Grey Colors */
/* Ink Colors */
/* Text Colors */
/* Common Colors */
/* line 4, app/assets/stylesheets/cm_admin/sidebar.scss */
.cm-sidebar__logo-header img {
  width: 100%;
  height: auto;
}

/* line 12, app/assets/stylesheets/cm_admin/sidebar.scss */
.sidebar__footer {
  position: absolute;
  bottom: 0;
  z-index: 100;
  width: 100%;
  padding: 16px 0;
  box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.15);
}

/* line 20, app/assets/stylesheets/cm_admin/sidebar.scss */
.sidebar__footer .menu-item {
  font-size: 14px;
  font-weight: normal;
  color: #9CA7AE;
  padding: 8px 24px;
  transition: all .2s linear;
  cursor: pointer;
}

/* line 26, app/assets/stylesheets/cm_admin/sidebar.scss */
.sidebar__footer .menu-item:hover {
  color: #FFFFFF;
  background: rgba(255, 255, 255, 0.1);
}

/* line 32, app/assets/stylesheets/cm_admin/sidebar.scss */
.sidebar__footer .profile-name {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  position: relative;
  line-height: 22px;
  font-size: 14px;
  font-weight: normal;
  color: #9CA7AE;
  cursor: pointer;
}

/* line 39, app/assets/stylesheets/cm_admin/sidebar.scss */
.sidebar__footer .profile-name .profile-avatar {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 22px;
  height: 22px;
  margin-right: 8px;
  font-size: 10px;
  font-weight: 900;
  color: #FFFFFF;
  background-color: #6554E0;
  vertical-align: middle;
  border-radius: 50%;
}

/* line 49, app/assets/stylesheets/cm_admin/sidebar.scss */
.sidebar__footer .profile-name .profile-avatar img {
  width: 22px;
  border-radius: 50%;
}

/* line 56, app/assets/stylesheets/cm_admin/sidebar.scss */
.sidebar__footer .profile-popup {
  position: absolute;
  left: 228px;
  bottom: 10px;
  width: 268px;
  min-height: 100px;
  overflow: hidden;
  background-color: #FFFFFF;
  box-shadow: 0px 4px 16px rgba(0, 0, 0, 0.16);
  border-radius: 4px;
  animation: fadeIn 0.2s linear;
}

/* line 68, app/assets/stylesheets/cm_admin/sidebar.scss */
.sidebar__footer .profile-popup .profile-info {
  display: grid;
  grid-template-columns: 1fr 32px;
  grid-gap: 9px;
  padding: 8px 16px;
  box-shadow: inset 0px -1px 0px rgba(148, 151, 155, 0.15);
}

/* line 76, app/assets/stylesheets/cm_admin/sidebar.scss */
.sidebar__footer .profile-popup .profile-info__left .name-text {
  font-size: 14px;
  font-weight: normal;
  color: #1D2129;
  line-height: 22px;
  margin: 0;
}

/* line 82, app/assets/stylesheets/cm_admin/sidebar.scss */
.sidebar__footer .profile-popup .profile-info__left .email-text {
  font-size: 14px;
  font-weight: normal;
  color: #9CA7AE;
  line-height: 22px;
  margin: 0;
  width: 200px;
}

/* line 90, app/assets/stylesheets/cm_admin/sidebar.scss */
.sidebar__footer .profile-popup .profile-info__right {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 32px;
  height: 32px;
  font-size: 16px;
  font-weight: 600;
  color: #FFFFFF;
  background-color: #6554E0;
  vertical-align: middle;
  border-radius: 50%;
}

/* line 99, app/assets/stylesheets/cm_admin/sidebar.scss */
.sidebar__footer .profile-popup .profile-info__right img {
  width: 32px;
  border-radius: 50%;
}

/* line 106, app/assets/stylesheets/cm_admin/sidebar.scss */
.sidebar__footer .profile-popup .page-options {
  padding: 8px 0;
  box-shadow: inset 0px -1px 0px rgba(148, 151, 155, 0.15);
}

/* line 110, app/assets/stylesheets/cm_admin/sidebar.scss */
.sidebar__footer .profile-popup .page-options .page-link {
  display: block;
  font-size: 14px;
  font-weight: normal;
  color: #1D2129;
  line-height: 22px;
  padding: 4px 16px;
  border: none;
  transition: all .2s linear;
}

/* line 118, app/assets/stylesheets/cm_admin/sidebar.scss */
.sidebar__footer .profile-popup .page-options .page-link:hover {
  background-color: #F3F4F6;
}

/* line 124, app/assets/stylesheets/cm_admin/sidebar.scss */
.sidebar__footer .profile-popup .auth-option {
  padding: 8px 0;
}

/* line 127, app/assets/stylesheets/cm_admin/sidebar.scss */
.sidebar__footer .profile-popup .auth-option .auth-link {
  display: block;
  font-size: 14px;
  font-weight: normal;
  color: #1D2129;
  line-height: 22px;
  padding: 4px 16px;
  transition: all .2s linear;
}

/* line 134, app/assets/stylesheets/cm_admin/sidebar.scss */
.sidebar__footer .profile-popup .auth-option .auth-link:hover {
  background-color: #F3F4F6;
}
/*


 */
@import url("https://fonts.googleapis.com/css2?family=Lato:wght@300;400;700&family=Open+Sans:wght@400;600;700&display=swap");
/* line 3, app/assets/stylesheets/scaffolds.scss */
body {
  background-color: #fff;
  color: #333;
  margin: 33px;
}

/* line 8, app/assets/stylesheets/scaffolds.scss */
body, p, ol, ul, td {
  font-family: 'Open Sans', sans-serif;
  font-size: 13px;
  line-height: 18px;
}

/* line 13, app/assets/stylesheets/scaffolds.scss */
pre {
  background-color: #eee;
  padding: 10px;
  font-size: 11px;
}

/* line 18, app/assets/stylesheets/scaffolds.scss */
a {
  color: #000;
}

/* line 21, app/assets/stylesheets/scaffolds.scss */
a:visited {
  color: #666;
}

/* line 24, app/assets/stylesheets/scaffolds.scss */
a:hover {
  color: #fff;
  background-color: #000;
}

/* line 28, app/assets/stylesheets/scaffolds.scss */
th {
  padding-bottom: 5px;
}

/* line 31, app/assets/stylesheets/scaffolds.scss */
td {
  padding: 0 5px 7px;
}

/* line 34, app/assets/stylesheets/scaffolds.scss */
div.field,
div.actions {
  margin-bottom: 10px;
}

/* line 38, app/assets/stylesheets/scaffolds.scss */
#notice {
  color: green;
}

/* line 41, app/assets/stylesheets/scaffolds.scss */
.field_with_errors {
  padding: 2px;
  background-color: red;
  display: table;
}

/* line 46, app/assets/stylesheets/scaffolds.scss */
#error_explanation {
  width: 450px;
  border: 2px solid red;
  padding: 7px 7px 0;
  margin-bottom: 20px;
  background-color: #f0f0f0;
}

/* line 53, app/assets/stylesheets/scaffolds.scss */
#error_explanation h2 {
  text-align: left;
  font-weight: bold;
  padding: 5px 5px 5px 15px;
  font-size: 12px;
  margin: -7px -7px 0;
  background-color: #c00;
  color: #fff;
}

/* line 62, app/assets/stylesheets/scaffolds.scss */
#error_explanation ul li {
  font-size: 12px;
  list-style: square;
}

/* line 66, app/assets/stylesheets/scaffolds.scss */
label {
  display: block;
}

/* line 69, app/assets/stylesheets/scaffolds.scss */
.jGrowl {
  color: #1D2129 !important;
  font-size: 14px !important;
}

/* line 72, app/assets/stylesheets/scaffolds.scss */
.jGrowl .jGrowl-notification {
  min-height: 0 !important;
}

/* line 75, app/assets/stylesheets/scaffolds.scss */
.jGrowl .success {
  background-color: #C1EDE2 !important;
}

/* line 78, app/assets/stylesheets/scaffolds.scss */
.jGrowl .notice {
  background-color: #CDE1FB !important;
}

/* line 81, app/assets/stylesheets/scaffolds.scss */
.jGrowl .error {
  background-color: #FDCFCF !important;
}
/*
 * This is a manifest file that'll be compiled into application.css, which will include all the files
 * listed below.
 *
 * Any CSS and SCSS file within this directory, lib/assets/stylesheets, or any plugin's
 * vendor/assets/stylesheets directory can be referenced here using a relative path.
 *
 * You're free to add application-wide styles to this file and they'll appear at the bottom of the
 * compiled file so the styles you add here take precedence over styles defined in any other CSS/SCSS
 * files in this directory. Styles in this file should be added after the last require_* statement.
 * It is generally better to create a new file per style scope.
 *


 */
/* line 1, node_modules/jgrowl/jquery.jgrowl.css */
.jGrowl {
  z-index: 9999;
  color: #fff;
  font-size: 12px;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  position: fixed;
}

/* line 8, node_modules/jgrowl/jquery.jgrowl.css */
.jGrowl.top-left {
  left: 0px;
  top: 0px;
}

/* line 12, node_modules/jgrowl/jquery.jgrowl.css */
.jGrowl.top-right {
  right: 0px;
  top: 0px;
}

/* line 16, node_modules/jgrowl/jquery.jgrowl.css */
.jGrowl.bottom-left {
  left: 0px;
  bottom: 0px;
}

/* line 20, node_modules/jgrowl/jquery.jgrowl.css */
.jGrowl.bottom-right {
  right: 0px;
  bottom: 0px;
}

/* line 24, node_modules/jgrowl/jquery.jgrowl.css */
.jGrowl.center {
  top: 0px;
  width: 50%;
  left: 25%;
}

/* line 29, node_modules/jgrowl/jquery.jgrowl.css */
.jGrowl.center .jGrowl-notification,
.jGrowl.center .jGrowl-closer {
  margin-left: auto;
  margin-right: auto;
}

/* line 34, node_modules/jgrowl/jquery.jgrowl.css */
.jGrowl-notification {
  background-color: #000;
  opacity: 0.9;
  filter: progid:DXImageTransform.Microsoft.Alpha Opacity=90;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha Opacity=90;
  zoom: 1;
  width: 250px;
  padding: 10px;
  margin: 10px;
  text-align: left;
  display: none;
  border-radius: 5px;
  min-height: 40px;
}

/* line 48, node_modules/jgrowl/jquery.jgrowl.css */
.jGrowl-notification .ui-state-highlight,
.jGrowl-notification .ui-widget-content .ui-state-highlight,
.jGrowl-notification .ui-widget-header .ui-state-highlight {
  border: 1px solid #000;
  background: #000;
  color: #fff;
}

/* line 55, node_modules/jgrowl/jquery.jgrowl.css */
.jGrowl-notification .jGrowl-header {
  font-weight: bold;
  font-size: 0.85em;
}

/* line 59, node_modules/jgrowl/jquery.jgrowl.css */
.jGrowl-notification .jGrowl-close {
  background-color: transparent;
  color: inherit;
  border: none;
  z-index: 99;
  float: right;
  font-weight: bold;
  font-size: 1em;
  cursor: pointer;
}

/* line 69, node_modules/jgrowl/jquery.jgrowl.css */
.jGrowl-closer {
  background-color: #000;
  opacity: 0.9;
  filter: progid:DXImageTransform.Microsoft.Alpha Opacity=90;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha Opacity=90;
  zoom: 1;
  width: 250px;
  padding: 10px;
  margin: 10px;
  text-align: left;
  display: none;
  border-radius: 5px;
  padding-top: 4px;
  padding-bottom: 4px;
  cursor: pointer;
  font-size: 0.9em;
  font-weight: bold;
  text-align: center;
}

/* line 88, node_modules/jgrowl/jquery.jgrowl.css */
.jGrowl-closer .ui-state-highlight,
.jGrowl-closer .ui-widget-content .ui-state-highlight,
.jGrowl-closer .ui-widget-header .ui-state-highlight {
  border: 1px solid #000;
  background: #000;
  color: #fff;
}

/** Hide jGrowl when printing **/
@media print {
  /* line 97, node_modules/jgrowl/jquery.jgrowl.css */
  .jGrowl {
    display: none;
  }
}

/*# sourceMappingURL=application.css-8815a9719eca0c87218141509452c9076969733a9bee01a76a6d0c5d531ddc65.map */