@import url(https://fonts.googleapis.com/css?family=Roboto:500);
/* line 1, /app/app/assets/stylesheets/teachers.scss */
body {
  background: none;
}

/** Colors **/
/****************************************************************************************************************************************************************************************
******** MEDIA QUERIES ******************************************************************************************************************************************************************
****************************************************************************************************************************************************************************************/
@media (min-width: 834px) and (max-width: 1440px) {
  /* line 57, /app/app/assets/stylesheets/audit.scss */
  .bdl-fluid-grid-container {
    margin-left: 3.5625rem;
    margin-right: 3.5625rem;
  }

  /* Medium Grid column classes - These classes only exist above the medium device size,
  and are used with important prioritization to go over the baseline grid classes*/
  /* line 64, /app/app/assets/stylesheets/audit.scss */
  .bdl-col-md-1 {
    width: calc(100%/12) !important;
  }

  /* line 68, /app/app/assets/stylesheets/audit.scss */
  .bdl-col-md-2 {
    width: calc(100%/6) !important;
  }

  /* line 72, /app/app/assets/stylesheets/audit.scss */
  .bdl-col-md-3 {
    width: 25% !important;
  }

  /* line 77, /app/app/assets/stylesheets/audit.scss */
  .bdl-col-md-4 {
    width: 33.33% !important;
  }

  /* line 82, /app/app/assets/stylesheets/audit.scss */
  .bdl-col-md-5 {
    width: calc(500%/12) !important;
  }

  /* line 87, /app/app/assets/stylesheets/audit.scss */
  .bdl-col-md-6 {
    width: 50% !important;
  }

  /* line 92, /app/app/assets/stylesheets/audit.scss */
  .bdl-col-md-7 {
    width: calc(700%/12) !important;
  }

  /* line 97, /app/app/assets/stylesheets/audit.scss */
  .bdl-col-md-8 {
    width: 66.667% !important;
  }

  /* line 102, /app/app/assets/stylesheets/audit.scss */
  .bdl-col-md-9 {
    width: 75% !important;
  }

  /* line 107, /app/app/assets/stylesheets/audit.scss */
  .bdl-col-md-10 {
    width: calc(1000%/12) !important;
  }

  /* line 112, /app/app/assets/stylesheets/audit.scss */
  .bdl-col-md-11 {
    width: calc(1100%/12) !important;
  }

  /* line 117, /app/app/assets/stylesheets/audit.scss */
  .bdl-col-md-12 {
    width: 100% !important;
  }
}
@media (min-width: 1440px) {
  /* line 125, /app/app/assets/stylesheets/audit.scss */
  .bdl-fluid-grid-container {
    margin-left: 3.75rem;
    margin-right: 3.75rem;
  }

  /* Large column classes */
  /* line 131, /app/app/assets/stylesheets/audit.scss */
  .bdl-col-lg-1 {
    width: calc(100%/12) !important;
  }

  /* line 136, /app/app/assets/stylesheets/audit.scss */
  .bdl-col-lg-2 {
    width: calc(100%/6) !important;
  }

  /* line 141, /app/app/assets/stylesheets/audit.scss */
  .bdl-col-lg-3 {
    width: 25% !important;
  }

  /* line 146, /app/app/assets/stylesheets/audit.scss */
  .bdl-col-lg-4 {
    width: 33.333% !important;
  }

  /* line 151, /app/app/assets/stylesheets/audit.scss */
  .bdl-col-lg-5 {
    width: calc(500%/12) !important;
  }

  /* line 156, /app/app/assets/stylesheets/audit.scss */
  .bdl-col-lg-6 {
    width: 50% !important;
  }

  /* line 161, /app/app/assets/stylesheets/audit.scss */
  .bdl-col-lg-7 {
    width: 700%/12 !important;
  }

  /* line 166, /app/app/assets/stylesheets/audit.scss */
  .bdl-col-lg-8 {
    width: 66.667% !important;
  }

  /* line 171, /app/app/assets/stylesheets/audit.scss */
  .bdl-col-lg-9 {
    width: 75% !important;
  }

  /* line 176, /app/app/assets/stylesheets/audit.scss */
  .bdl-col-lg-10 {
    width: calc(1000%/12) !important;
  }

  /* line 181, /app/app/assets/stylesheets/audit.scss */
  .bdl-col-lg-11 {
    width: calc(1100%/12) !important;
  }

  /* line 186, /app/app/assets/stylesheets/audit.scss */
  .bdl-col-lg-12 {
    width: 100% !important;
  }
}
/****************************************************************************************************************************************************************************************
******** GRID ******************************************************************************************************************************************************************
****************************************************************************************************************************************************************************************/
/* Grid container class - Meant to set outside margins that align to our specs with different media queries */
/* line 197, /app/app/assets/stylesheets/audit.scss */
.bdl-fluid-grid-container {
  margin-left: 0rem;
  margin-right: 0rem;
}

/*
    Standard Row - Typically, the row in BS comes with some padding,
    but I'm not sure if we're gonna implement that or not since it's done in the container already
*/
/* line 206, /app/app/assets/stylesheets/audit.scss */
.bdl-row {
  display: flex;
  flex-wrap: wrap;
}

/* Standard column classes */
/* line 213, /app/app/assets/stylesheets/audit.scss */
.bdl-col-1 {
  width: calc(100%/12);
}

/* line 217, /app/app/assets/stylesheets/audit.scss */
.bdl-col-2 {
  width: calc(100%/6);
}

/* line 221, /app/app/assets/stylesheets/audit.scss */
.bdl-col-3 {
  width: 25%;
}

/* line 225, /app/app/assets/stylesheets/audit.scss */
.bdl-col-4 {
  width: 33.333%;
}

/* line 229, /app/app/assets/stylesheets/audit.scss */
.bdl-col-5 {
  width: calc(500%/12);
}

/* line 233, /app/app/assets/stylesheets/audit.scss */
.bdl-col-6 {
  width: 50%;
}

/* line 237, /app/app/assets/stylesheets/audit.scss */
.bdl-col-7 {
  width: calc(700%/12);
}

/* line 241, /app/app/assets/stylesheets/audit.scss */
.bdl-col-8 {
  width: 66.667%;
}

/* line 245, /app/app/assets/stylesheets/audit.scss */
.bdl-col-9 {
  width: 75%;
}

/* line 249, /app/app/assets/stylesheets/audit.scss */
.bdl-col-10 {
  width: calc(1000%/12);
}

/* line 253, /app/app/assets/stylesheets/audit.scss */
.bdl-col-11 {
  width: calc(1100%/12);
}

/* line 257, /app/app/assets/stylesheets/audit.scss */
.bdl-col-12 {
  width: 100%;
}

/****************************************************************************************************************************************************************************************
******** BACKGROUND COLOR ******************************************************************************************************************************************************************
****************************************************************************************************************************************************************************************/
/* Neutral colors: */
/* line 267, /app/app/assets/stylesheets/audit.scss */
.bdl-bg-neutral-0 {
  background-color: #FFF;
}

/* line 271, /app/app/assets/stylesheets/audit.scss */
.bdl-bg-neutral-20 {
  background-color: #F4F4F4;
}

/* line 275, /app/app/assets/stylesheets/audit.scss */
.bdl-bg-neutral-40 {
  background-color: #E2E2E2;
}

/* line 279, /app/app/assets/stylesheets/audit.scss */
.bdl-bg-neutral-60 {
  background-color: #999;
}

/* line 283, /app/app/assets/stylesheets/audit.scss */
.bdl-bg-neutral-80 {
  background-color: #636363;
}

/* line 287, /app/app/assets/stylesheets/audit.scss */
.bdl-bg-neutral-100 {
  background-color: #000;
}

/* Primary colors: */
/* line 293, /app/app/assets/stylesheets/audit.scss */
.bdl-bg-primary-10 {
  background-color: #F1F8FF !important;
}

/* line 297, /app/app/assets/stylesheets/audit.scss */
.bdl-bg-primary-20 {
  background-color: #C8E4FF;
}

/* line 301, /app/app/assets/stylesheets/audit.scss */
.bdl-bg-primary-40 {
  background-color: #91CAFF;
}

/* line 305, /app/app/assets/stylesheets/audit.scss */
.bdl-bg-primary-60 {
  background-color: #2395FD;
}

/* line 309, /app/app/assets/stylesheets/audit.scss */
.bdl-bg-primary-80 {
  background-color: #228CEF;
}

/* line 313, /app/app/assets/stylesheets/audit.scss */
.bdl-bg-primary-100 {
  background-color: #1A73C6;
}

/* Accent colors: */
/* line 319, /app/app/assets/stylesheets/audit.scss */
.bdl-bg-green-10 {
  background-color: #E9EFBF;
}

/* line 323, /app/app/assets/stylesheets/audit.scss */
.bdl-bg-green-80 {
  background-color: #A6C100;
}

/* line 327, /app/app/assets/stylesheets/audit.scss */
.bdl-bg-green-100 {
  background-color: #8CA301;
}

/* line 331, /app/app/assets/stylesheets/audit.scss */
.bdl-bg-yellow-10 {
  background-color: #FCF3D3;
}

/* line 335, /app/app/assets/stylesheets/audit.scss */
.bdl-bg-yellow-80 {
  background-color: #F6CF4F;
}

/* line 339, /app/app/assets/stylesheets/audit.scss */
.bdl-bg-yellow-100 {
  background-color: #E3C04A;
}

/* line 343, /app/app/assets/stylesheets/audit.scss */
.bdl-bg-orange-10 {
  background-color: #FBE6CF;
}

/* line 347, /app/app/assets/stylesheets/audit.scss */
.bdl-bg-orange-80 {
  background-color: #EF9B40;
}

/* line 351, /app/app/assets/stylesheets/audit.scss */
.bdl-bg-orange-100 {
  background-color: #D88C3A;
}

/* line 355, /app/app/assets/stylesheets/audit.scss */
.bdl-bg-salmon-10 {
  background-color: #FCDAD5;
}

/* line 359, /app/app/assets/stylesheets/audit.scss */
.bdl-bg-salmon-80 {
  background-color: #F46C57;
}

/* line 363, /app/app/assets/stylesheets/audit.scss */
.bdl-bg-salmon-100 {
  background-color: #D25D4B;
}

/* line 367, /app/app/assets/stylesheets/audit.scss */
.bdl-bg-magenta-10 {
  background-color: #F8D1E1;
}

/* line 371, /app/app/assets/stylesheets/audit.scss */
.bdl-bg-magenta-80 {
  background-color: #E03A8A;
}

/* line 375, /app/app/assets/stylesheets/audit.scss */
.bdl-bg-magenta-100 {
  background-color: #C63279;
}

/* line 379, /app/app/assets/stylesheets/audit.scss */
.bdl-bg-purple-10 {
  background-color: #E9D6F3;
}

/* line 383, /app/app/assets/stylesheets/audit.scss */
.bdl-bg-purple-80 {
  background-color: #A95CCF;
}

/* line 387, /app/app/assets/stylesheets/audit.scss */
.bdl-bg-purple-100 {
  background-color: #9851BB;
}

/* Other colors: */
/* line 393, /app/app/assets/stylesheets/audit.scss */
.bdl-bg-overlay {
  background-color: rgba(0, 0, 0, 0.3);
}

/* line 397, /app/app/assets/stylesheets/audit.scss */
.bdl-bg-gradient {
  background-color: radial-gradient(117.51% 115.72% at 9.42% 94.09%, #FAFDFF 6.27%, #EBF5FF 56.79%, #FFF 100%, #FFF 100%);
}

/* line 401, /app/app/assets/stylesheets/audit.scss */
.bdl-bg-func-pos {
  background-color: #54D370;
}

/* line 405, /app/app/assets/stylesheets/audit.scss */
.bdl-bg-func-neg {
  background-color: #E3365D;
}

/****************************************************************************************************************************************************************************************
******** BORDERS ******************************************************************************************************************************************************************
****************************************************************************************************************************************************************************************/
/* Neutral borders: */
/* line 415, /app/app/assets/stylesheets/audit.scss */
.bdl-border-neutral-0 {
  border: 1px solid #FFF !important;
}

/* line 419, /app/app/assets/stylesheets/audit.scss */
.bdl-border-neutral-20 {
  border: 1px solid #F4F4F4 !important;
}

/* line 423, /app/app/assets/stylesheets/audit.scss */
.bdl-border-neutral-40 {
  border: 1px solid #E2E2E2 !important;
}

/* line 427, /app/app/assets/stylesheets/audit.scss */
.bdl-border-neutral-60 {
  border: 1px solid #999 !important;
}

/* line 431, /app/app/assets/stylesheets/audit.scss */
.bdl-border-neutral-80 {
  border: 1px solid #636363 !important;
}

/* line 435, /app/app/assets/stylesheets/audit.scss */
.bdl-border-neutral-100 {
  border: 1px solid #000 !important;
}

/* Primary borders: */
/* line 441, /app/app/assets/stylesheets/audit.scss */
.bdl-border-primary-10 {
  border: 1px solid #F1F8FF !important;
}

/* line 445, /app/app/assets/stylesheets/audit.scss */
.bdl-border-primary-20 {
  border: 1px solid #C8E4FF !important;
}

/* line 449, /app/app/assets/stylesheets/audit.scss */
.bdl-border-primary-40 {
  border: 1px solid #91CAFF !important;
}

/* line 453, /app/app/assets/stylesheets/audit.scss */
.bdl-border-primary-60 {
  border: 1px solid #2395FD !important;
}

/* line 457, /app/app/assets/stylesheets/audit.scss */
.bdl-border-primary-80 {
  border: 1px solid #228CEF !important;
}

/* line 461, /app/app/assets/stylesheets/audit.scss */
.bdl-border-primary-100 {
  border: 1px solid #1A73C6 !important;
}

/* Accent borders: */
/* line 467, /app/app/assets/stylesheets/audit.scss */
.bdl-border-green-10 {
  border: 1px solid #E9EFBF !important;
}

/* line 471, /app/app/assets/stylesheets/audit.scss */
.bdl-border-green-80 {
  border: 1px solid #A6C100 !important;
}

/* line 475, /app/app/assets/stylesheets/audit.scss */
.bdl-border-green-100 {
  border: 1px solid #8CA301 !important;
}

/* line 479, /app/app/assets/stylesheets/audit.scss */
.bdl-border-yellow-10 {
  border: 1px solid #FCF3D3 !important;
}

/* line 483, /app/app/assets/stylesheets/audit.scss */
.bdl-border-yellow-80 {
  border: 1px solid #F6CF4F !important;
}

/* line 487, /app/app/assets/stylesheets/audit.scss */
.bdl-border-yellow-100 {
  border: 1px solid #E3C04A !important;
}

/* line 491, /app/app/assets/stylesheets/audit.scss */
.bdl-border-orange-10 {
  border: 1px solid #FBE6CF !important;
}

/* line 495, /app/app/assets/stylesheets/audit.scss */
.bdl-border-orange-80 {
  border: 1px solid #EF9B40 !important;
}

/* line 499, /app/app/assets/stylesheets/audit.scss */
.bdl-border-orange-100 {
  border: 1px solid #D88C3A !important;
}

/* line 503, /app/app/assets/stylesheets/audit.scss */
.bdl-border-salmon-10 {
  border: 1px solid #FCDAD5 !important;
}

/* line 507, /app/app/assets/stylesheets/audit.scss */
.bdl-border-salmon-80 {
  border: 1px solid #F46C57 !important;
}

/* line 511, /app/app/assets/stylesheets/audit.scss */
.bdl-border-salmon-100 {
  border: 1px solid #D25D4B !important;
}

/* line 515, /app/app/assets/stylesheets/audit.scss */
.bdl-border-magenta-10 {
  border: 1px solid #F8D1E1 !important;
}

/* line 519, /app/app/assets/stylesheets/audit.scss */
.bdl-border-magenta-80 {
  border: 1px solid #E03A8A !important;
}

/* line 523, /app/app/assets/stylesheets/audit.scss */
.bdl-border-magenta-100 {
  border: 1px solid #C63279 !important;
}

/* line 527, /app/app/assets/stylesheets/audit.scss */
.bdl-border-purple-10 {
  border: 1px solid #E9D6F3 !important;
}

/* line 531, /app/app/assets/stylesheets/audit.scss */
.bdl-border-purple-80 {
  border: 1px solid #A95CCF !important;
}

/* line 535, /app/app/assets/stylesheets/audit.scss */
.bdl-border-purple-100 {
  border: 1px solid #9851BB !important;
}

/* Other borders: */
/* line 541, /app/app/assets/stylesheets/audit.scss */
.bdl-border-overlay {
  border: 1px solid rgba(0, 0, 0, 0.3) !important;
}

/* line 545, /app/app/assets/stylesheets/audit.scss */
.bdl-border-gradient {
  border: 1px solid radial-gradient(117.51% 115.72% at 9.42% 94.09%, #FAFDFF 6.27%, #EBF5FF 56.79%, #FFF 100%, #FFF 100%) !important;
}

/* line 549, /app/app/assets/stylesheets/audit.scss */
.bdl-border-func-pos {
  border: 1px solid #54D370 !important;
}

/* line 553, /app/app/assets/stylesheets/audit.scss */
.bdl-border-func-neg {
  border: 1px solid #E3365D !important;
}

/****************************************************************************************************************************************************************************************
******** TYPOGRAPHY ******************************************************************************************************************************************************************
****************************************************************************************************************************************************************************************/
/* line 561, /app/app/assets/stylesheets/audit.scss */
.bdl-text-body-2 {
  font-family: Work Sans;
  font-size: 0.875rem;
  font-style: normal;
  font-weight: 400;
  line-height: 1rem;
  /* 114.286% */
}

/* line 570, /app/app/assets/stylesheets/audit.scss */
.bdl-text-body-1 {
  font-size: 1rem;
  font-style: normal;
  font-weight: 400;
  line-height: 1.5rem;
  /* 150% */
}

/* line 578, /app/app/assets/stylesheets/audit.scss */
.bdl-text-subtitle-3 {
  font-size: 1.125rem;
  font-style: normal;
  font-weight: 400;
  line-height: 2rem;
  /* 177.778% */
}

/* line 586, /app/app/assets/stylesheets/audit.scss */
.bdl-text-subtitle-2 {
  font-size: 1.25rem;
  font-style: normal;
  font-weight: 400;
  line-height: 2rem;
  /* 160% */
}

/* line 594, /app/app/assets/stylesheets/audit.scss */
.bdl-text-subtitle-1 {
  font-size: 1.5rem;
  font-style: normal;
  font-weight: 400;
  line-height: 2rem;
  /* 133.333% */
}

/* line 602, /app/app/assets/stylesheets/audit.scss */
.bdl-text-heading-6 {
  font-size: 1.625rem;
  font-style: normal;
  font-weight: 400;
  line-height: 2.5rem;
  /* 153.846% */
}

/* line 610, /app/app/assets/stylesheets/audit.scss */
.bdl-text-heading-5 {
  font-size: 1.875rem;
  font-style: normal;
  font-weight: 400;
  line-height: 2.5rem;
  /* 133.333% */
}

/* line 618, /app/app/assets/stylesheets/audit.scss */
.bdl-text-heading-4 {
  font-size: 2.125rem;
  font-style: normal;
  font-weight: 400;
  line-height: 3rem;
  /* 141.176% */
}

/* line 626, /app/app/assets/stylesheets/audit.scss */
.bdl-text-heading-3 {
  font-size: 2.375rem;
  font-style: normal;
  font-weight: 400;
  line-height: 3.5rem;
  /* 147.368% */
}

/* line 634, /app/app/assets/stylesheets/audit.scss */
.bdl-text-heading-2 {
  font-size: 2.625rem;
  font-style: normal;
  font-weight: 400;
  line-height: 3.5rem;
  /* 133.333% */
}

/* line 642, /app/app/assets/stylesheets/audit.scss */
.bdl-text-heading-1 {
  font-size: 2.875rem;
  font-style: normal;
  font-weight: 400;
  line-height: 4rem;
  /* 139.13% */
}

/* line 650, /app/app/assets/stylesheets/audit.scss */
.bdl-fw-normal {
  font-weight: 400 !important;
}

/* line 654, /app/app/assets/stylesheets/audit.scss */
.bdl-fw-medium {
  font-weight: 500 !important;
}

/* line 658, /app/app/assets/stylesheets/audit.scss */
.bdl-fw-bold {
  font-weight: 600 !important;
}

/* Text colors: */
/* Neutral: */
/* line 666, /app/app/assets/stylesheets/audit.scss */
.bdl-text-neutral-0 {
  color: #FFF;
}

/* line 670, /app/app/assets/stylesheets/audit.scss */
.bdl-text-neutral-20 {
  color: #F4F4F4;
}

/* line 674, /app/app/assets/stylesheets/audit.scss */
.bdl-text-neutral-40 {
  color: #E2E2E2;
}

/* line 678, /app/app/assets/stylesheets/audit.scss */
.bdl-text-neutral-60 {
  color: #999;
}

/* line 682, /app/app/assets/stylesheets/audit.scss */
.bdl-text-neutral-80 {
  color: #636363;
}

/* line 686, /app/app/assets/stylesheets/audit.scss */
.bdl-text-neutral-100 {
  color: #000;
}

/* Primary: */
/* line 692, /app/app/assets/stylesheets/audit.scss */
.bdl-text-primary-10 {
  color: #F1F8FF;
}

/* line 696, /app/app/assets/stylesheets/audit.scss */
.bdl-text-primary-20 {
  color: #C8E4FF;
}

/* line 700, /app/app/assets/stylesheets/audit.scss */
.bdl-text-primary-40 {
  color: #91CAFF;
}

/* line 704, /app/app/assets/stylesheets/audit.scss */
.bdl-text-primary-60 {
  color: #2395FD;
}

/* line 708, /app/app/assets/stylesheets/audit.scss */
.bdl-text-primary-80 {
  color: #228CEF;
}

/* line 712, /app/app/assets/stylesheets/audit.scss */
.bdl-text-primary-100 {
  color: #1A73C6;
}

/* Accent: */
/* line 718, /app/app/assets/stylesheets/audit.scss */
.bdl-text-green-10 {
  color: #E9EFBF;
}

/* line 722, /app/app/assets/stylesheets/audit.scss */
.bdl-text-green-80 {
  color: #A6C100;
}

/* line 726, /app/app/assets/stylesheets/audit.scss */
.bdl-text-green-100 {
  color: #8CA301;
}

/* line 730, /app/app/assets/stylesheets/audit.scss */
.bdl-text-yellow-10 {
  color: #FCF3D3;
}

/* line 734, /app/app/assets/stylesheets/audit.scss */
.bdl-text-yellow-80 {
  color: #F6CF4F;
}

/* line 738, /app/app/assets/stylesheets/audit.scss */
.bdl-text-yellow-100 {
  color: #E3C04A;
}

/* line 742, /app/app/assets/stylesheets/audit.scss */
.bdl-text-orange-10 {
  color: #FBE6CF;
}

/* line 746, /app/app/assets/stylesheets/audit.scss */
.bdl-text-orange-80 {
  color: #EF9B40;
}

/* line 750, /app/app/assets/stylesheets/audit.scss */
.bdl-text-orange-100 {
  color: #D88C3A;
}

/* line 754, /app/app/assets/stylesheets/audit.scss */
.bdl-text-salmon-10 {
  color: #FCDAD5;
}

/* line 758, /app/app/assets/stylesheets/audit.scss */
.bdl-text-salmon-80 {
  color: #F46C57;
}

/* line 762, /app/app/assets/stylesheets/audit.scss */
.bdl-text-salmon-100 {
  color: #D25D4B;
}

/* line 766, /app/app/assets/stylesheets/audit.scss */
.bdl-text-magenta-10 {
  color: #F8D1E1;
}

/* line 770, /app/app/assets/stylesheets/audit.scss */
.bdl-text-magenta-80 {
  color: #E03A8A;
}

/* line 774, /app/app/assets/stylesheets/audit.scss */
.bdl-text-magenta-100 {
  color: #C63279;
}

/* line 778, /app/app/assets/stylesheets/audit.scss */
.bdl-text-purple-10 {
  color: #E9D6F3;
}

/* line 782, /app/app/assets/stylesheets/audit.scss */
.bdl-text-purple-80 {
  color: #A95CCF;
}

/* line 786, /app/app/assets/stylesheets/audit.scss */
.bdl-text-purple-100 {
  color: #9851BB;
}

/* Other colors: */
/* line 792, /app/app/assets/stylesheets/audit.scss */
.bdl-text-func-pos {
  color: #54D370;
}

/* line 796, /app/app/assets/stylesheets/audit.scss */
.bdl-text-func-neg {
  color: #E3365D;
}

/* line 800, /app/app/assets/stylesheets/audit.scss */
.bdl-text-overlay {
  color: rgba(0, 0, 0, 0.3);
}

/* line 804, /app/app/assets/stylesheets/audit.scss */
.bdl-text-gradient {
  color: radial-gradient(117.51% 115.72% at 9.42% 94.09%, #FAFDFF 6.27%, #EBF5FF 56.79%, #FFF 100%, #FFF 100%);
}

/** Elevation */
/** Please use this link for information on how to use properly: https://www.figma.com/file/MNGY4sQ1Ch45U1iWJSG15E/Boddle-LMS-Design-System?node-id=98%3A147&mode=dev */
/* line 813, /app/app/assets/stylesheets/audit.scss */
.bdl-shadow {
  box-shadow: 0px 8px 40px 0px rgba(0, 0, 0, 0.08);
}

/****************************************************************************************************************************************************************************************
******** SPACING ******************************************************************************************************************************************************************
****************************************************************************************************************************************************************************************/
/** Full margin */
/* line 836, /app/app/assets/stylesheets/audit.scss */
.bdl-margin-1 {
  margin: 0.25rem;
}

/* line 840, /app/app/assets/stylesheets/audit.scss */
.bdl-margin-2 {
  margin: 0.5rem;
}

/* line 844, /app/app/assets/stylesheets/audit.scss */
.bdl-margin-3 {
  margin: 1rem;
}

/* line 848, /app/app/assets/stylesheets/audit.scss */
.bdl-margin-4 {
  margin: 1.5rem;
}

/* line 852, /app/app/assets/stylesheets/audit.scss */
.bdl-margin-6 {
  margin: 2.5rem;
}

/* line 856, /app/app/assets/stylesheets/audit.scss */
.bdl-margin-6 {
  margin: 2.5rem;
}

/* line 860, /app/app/assets/stylesheets/audit.scss */
.bdl-margin-7 {
  margin: 3rem;
}

/* line 864, /app/app/assets/stylesheets/audit.scss */
.bdl-margin-8 {
  margin: 3.5rem;
}

/* line 868, /app/app/assets/stylesheets/audit.scss */
.bdl-margin-9 {
  margin: 4rem;
}

/* line 872, /app/app/assets/stylesheets/audit.scss */
.bdl-margin-10 {
  margin: 4.5rem;
}

/* line 876, /app/app/assets/stylesheets/audit.scss */
.bdl-margin-11 {
  margin: 5rem;
}

/* line 880, /app/app/assets/stylesheets/audit.scss */
.bdl-margin-12 {
  margin: 5.5rem;
}

/* line 884, /app/app/assets/stylesheets/audit.scss */
.bdl-margin-13 {
  margin: 6rem;
}

/** Margin top */
/* line 890, /app/app/assets/stylesheets/audit.scss */
.bdl-margin-top-1 {
  margin-top: 0.25rem;
}

/* line 894, /app/app/assets/stylesheets/audit.scss */
.bdl-margin-top-2 {
  margin-top: 0.5rem;
}

/* line 898, /app/app/assets/stylesheets/audit.scss */
.bdl-margin-top-3 {
  margin-top: 1rem;
}

/* line 902, /app/app/assets/stylesheets/audit.scss */
.bdl-margin-top-4 {
  margin-top: 1.5rem !important;
}

/* line 906, /app/app/assets/stylesheets/audit.scss */
.bdl-margin-top-6 {
  margin-top: 2.5rem;
}

/* line 910, /app/app/assets/stylesheets/audit.scss */
.bdl-margin-top-6 {
  margin-top: 2.5rem;
}

/* line 914, /app/app/assets/stylesheets/audit.scss */
.bdl-margin-top-7 {
  margin-top: 3rem;
}

/* line 918, /app/app/assets/stylesheets/audit.scss */
.bdl-margin-top-8 {
  margin-top: 3.5rem;
}

/* line 922, /app/app/assets/stylesheets/audit.scss */
.bdl-margin-top-9 {
  margin-top: 4rem;
}

/* line 926, /app/app/assets/stylesheets/audit.scss */
.bdl-margin-top-10 {
  margin-top: 4.5rem;
}

/* line 930, /app/app/assets/stylesheets/audit.scss */
.bdl-margin-top-11 {
  margin-top: 5rem;
}

/* line 934, /app/app/assets/stylesheets/audit.scss */
.bdl-margin-top-12 {
  margin-top: 5.5rem;
}

/* line 938, /app/app/assets/stylesheets/audit.scss */
.bdl-margin-top-13 {
  margin-top: 6rem;
}

/** Margin bottom */
/* line 944, /app/app/assets/stylesheets/audit.scss */
.bdl-margin-bottom-1 {
  margin-bottom: 0.25rem;
}

/* line 948, /app/app/assets/stylesheets/audit.scss */
.bdl-margin-bottom-2 {
  margin-bottom: 0.5rem;
}

/* line 952, /app/app/assets/stylesheets/audit.scss */
.bdl-margin-bottom-3 {
  margin-bottom: 1rem;
}

/* line 956, /app/app/assets/stylesheets/audit.scss */
.bdl-margin-bottom-4 {
  margin-bottom: 1.5rem;
}

/* line 960, /app/app/assets/stylesheets/audit.scss */
.bdl-margin-bottom-6 {
  margin-bottom: 2.5rem;
}

/* line 964, /app/app/assets/stylesheets/audit.scss */
.bdl-margin-bottom-6 {
  margin-bottom: 2.5rem;
}

/* line 968, /app/app/assets/stylesheets/audit.scss */
.bdl-margin-bottom-7 {
  margin-bottom: 3rem;
}

/* line 972, /app/app/assets/stylesheets/audit.scss */
.bdl-margin-bottom-8 {
  margin-bottom: 3.5rem;
}

/* line 976, /app/app/assets/stylesheets/audit.scss */
.bdl-margin-bottom-9 {
  margin-bottom: 4rem;
}

/* line 980, /app/app/assets/stylesheets/audit.scss */
.bdl-margin-bottom-10 {
  margin-bottom: 4.5rem;
}

/* line 984, /app/app/assets/stylesheets/audit.scss */
.bdl-margin-bottom-11 {
  margin-bottom: 5rem;
}

/* line 988, /app/app/assets/stylesheets/audit.scss */
.bdl-margin-bottom-12 {
  margin-bottom: 5.5rem;
}

/* line 992, /app/app/assets/stylesheets/audit.scss */
.bdl-margin-bottom-13 {
  margin-bottom: 6rem;
}

/** Margin right */
/* line 998, /app/app/assets/stylesheets/audit.scss */
.bdl-margin-right-1 {
  margin-right: 0.25rem;
}

/* line 1002, /app/app/assets/stylesheets/audit.scss */
.bdl-margin-right-2 {
  margin-right: 0.5rem;
}

/* line 1006, /app/app/assets/stylesheets/audit.scss */
.bdl-margin-right-3 {
  margin-right: 1rem;
}

/* line 1010, /app/app/assets/stylesheets/audit.scss */
.bdl-margin-right-4 {
  margin-right: 1.5rem;
}

/* line 1014, /app/app/assets/stylesheets/audit.scss */
.bdl-margin-right-6 {
  margin-right: 2.5rem;
}

/* line 1018, /app/app/assets/stylesheets/audit.scss */
.bdl-margin-right-6 {
  margin-right: 2.5rem;
}

/* line 1022, /app/app/assets/stylesheets/audit.scss */
.bdl-margin-right-7 {
  margin-right: 3rem;
}

/* line 1026, /app/app/assets/stylesheets/audit.scss */
.bdl-margin-right-8 {
  margin-right: 3.5rem;
}

/* line 1030, /app/app/assets/stylesheets/audit.scss */
.bdl-margin-right-9 {
  margin-right: 4rem;
}

/* line 1034, /app/app/assets/stylesheets/audit.scss */
.bdl-margin-right-10 {
  margin-right: 4.5rem;
}

/* line 1038, /app/app/assets/stylesheets/audit.scss */
.bdl-margin-right-11 {
  margin-right: 5rem;
}

/* line 1042, /app/app/assets/stylesheets/audit.scss */
.bdl-margin-right-12 {
  margin-right: 5.5rem;
}

/* line 1046, /app/app/assets/stylesheets/audit.scss */
.bdl-margin-right-13 {
  margin-right: 6rem;
}

/** Margin left */
/* line 1052, /app/app/assets/stylesheets/audit.scss */
.bdl-margin-left-1 {
  margin-left: 0.25rem;
}

/* line 1056, /app/app/assets/stylesheets/audit.scss */
.bdl-margin-left-2 {
  margin-left: 0.5rem;
}

/* line 1060, /app/app/assets/stylesheets/audit.scss */
.bdl-margin-left-3 {
  margin-left: 1rem;
}

/* line 1064, /app/app/assets/stylesheets/audit.scss */
.bdl-margin-left-4 {
  margin-left: 1.5rem;
}

/* line 1068, /app/app/assets/stylesheets/audit.scss */
.bdl-margin-left-6 {
  margin-left: 2.5rem;
}

/* line 1072, /app/app/assets/stylesheets/audit.scss */
.bdl-margin-left-6 {
  margin-left: 2.5rem;
}

/* line 1076, /app/app/assets/stylesheets/audit.scss */
.bdl-margin-left-7 {
  margin-left: 3rem;
}

/* line 1080, /app/app/assets/stylesheets/audit.scss */
.bdl-margin-left-8 {
  margin-left: 3.5rem;
}

/* line 1084, /app/app/assets/stylesheets/audit.scss */
.bdl-margin-left-9 {
  margin-left: 4rem;
}

/* line 1088, /app/app/assets/stylesheets/audit.scss */
.bdl-margin-left-10 {
  margin-left: 4.5rem;
}

/* line 1092, /app/app/assets/stylesheets/audit.scss */
.bdl-margin-left-11 {
  margin-left: 5rem;
}

/* line 1096, /app/app/assets/stylesheets/audit.scss */
.bdl-margin-left-12 {
  margin-left: 5.5rem;
}

/* line 1100, /app/app/assets/stylesheets/audit.scss */
.bdl-margin-left-13 {
  margin-left: 6rem;
}

/** Padding */
/** Full padding */
/* line 1107, /app/app/assets/stylesheets/audit.scss */
.bdl-padding-1 {
  padding: 0.25rem;
}

/* line 1111, /app/app/assets/stylesheets/audit.scss */
.bdl-padding-2 {
  padding: 0.5rem;
}

/* line 1115, /app/app/assets/stylesheets/audit.scss */
.bdl-padding-3 {
  padding: 1rem;
}

/* line 1119, /app/app/assets/stylesheets/audit.scss */
.bdl-padding-4 {
  padding: 1.5rem;
}

/* line 1123, /app/app/assets/stylesheets/audit.scss */
.bdl-padding-6 {
  padding: 2.5rem;
}

/* line 1127, /app/app/assets/stylesheets/audit.scss */
.bdl-padding-6 {
  padding: 2.5rem;
}

/* line 1131, /app/app/assets/stylesheets/audit.scss */
.bdl-padding-7 {
  padding: 3rem;
}

/* line 1135, /app/app/assets/stylesheets/audit.scss */
.bdl-padding-8 {
  padding: 3.5rem;
}

/* line 1139, /app/app/assets/stylesheets/audit.scss */
.bdl-padding-9 {
  padding: 4rem;
}

/* line 1143, /app/app/assets/stylesheets/audit.scss */
.bdl-padding-10 {
  padding: 4.5rem;
}

/* line 1147, /app/app/assets/stylesheets/audit.scss */
.bdl-padding-11 {
  padding: 5rem;
}

/* line 1151, /app/app/assets/stylesheets/audit.scss */
.bdl-padding-12 {
  padding: 5.5rem;
}

/* line 1155, /app/app/assets/stylesheets/audit.scss */
.bdl-padding-13 {
  padding: 6rem;
}

/** Margin top */
/* line 1161, /app/app/assets/stylesheets/audit.scss */
.bdl-padding-top-1 {
  padding-top: 0.25rem;
}

/* line 1165, /app/app/assets/stylesheets/audit.scss */
.bdl-padding-top-2 {
  padding-top: 0.5rem;
}

/* line 1169, /app/app/assets/stylesheets/audit.scss */
.bdl-padding-top-3 {
  padding-top: 1rem;
}

/* line 1173, /app/app/assets/stylesheets/audit.scss */
.bdl-padding-top-4 {
  padding-top: 1.5rem;
}

/* line 1177, /app/app/assets/stylesheets/audit.scss */
.bdl-padding-top-6 {
  padding-top: 2.5rem;
}

/* line 1181, /app/app/assets/stylesheets/audit.scss */
.bdl-padding-top-6 {
  padding-top: 2.5rem;
}

/* line 1185, /app/app/assets/stylesheets/audit.scss */
.bdl-padding-top-7 {
  padding-top: 3rem;
}

/* line 1189, /app/app/assets/stylesheets/audit.scss */
.bdl-padding-top-8 {
  padding-top: 3.5rem;
}

/* line 1193, /app/app/assets/stylesheets/audit.scss */
.bdl-padding-top-9 {
  padding-top: 4rem;
}

/* line 1197, /app/app/assets/stylesheets/audit.scss */
.bdl-padding-top-10 {
  padding-top: 4.5rem;
}

/* line 1201, /app/app/assets/stylesheets/audit.scss */
.bdl-padding-top-11 {
  padding-top: 5rem;
}

/* line 1205, /app/app/assets/stylesheets/audit.scss */
.bdl-padding-top-12 {
  padding-top: 5.5rem;
}

/* line 1209, /app/app/assets/stylesheets/audit.scss */
.bdl-padding-top-13 {
  padding-top: 6rem;
}

/** Margin bottom */
/* line 1215, /app/app/assets/stylesheets/audit.scss */
.bdl-padding-bottom-1 {
  padding-bottom: 0.25rem;
}

/* line 1219, /app/app/assets/stylesheets/audit.scss */
.bdl-padding-bottom-2 {
  padding-bottom: 0.5rem;
}

/* line 1223, /app/app/assets/stylesheets/audit.scss */
.bdl-padding-bottom-3 {
  padding-bottom: 1rem;
}

/* line 1227, /app/app/assets/stylesheets/audit.scss */
.bdl-padding-bottom-4 {
  padding-bottom: 1.5rem;
}

/* line 1231, /app/app/assets/stylesheets/audit.scss */
.bdl-padding-bottom-6 {
  padding-bottom: 2.5rem;
}

/* line 1235, /app/app/assets/stylesheets/audit.scss */
.bdl-padding-bottom-6 {
  padding-bottom: 2.5rem;
}

/* line 1239, /app/app/assets/stylesheets/audit.scss */
.bdl-padding-bottom-7 {
  padding-bottom: 3rem;
}

/* line 1243, /app/app/assets/stylesheets/audit.scss */
.bdl-padding-bottom-8 {
  padding-bottom: 3.5rem;
}

/* line 1247, /app/app/assets/stylesheets/audit.scss */
.bdl-padding-bottom-9 {
  padding-bottom: 4rem;
}

/* line 1251, /app/app/assets/stylesheets/audit.scss */
.bdl-padding-bottom-10 {
  padding-bottom: 4.5rem;
}

/* line 1255, /app/app/assets/stylesheets/audit.scss */
.bdl-padding-bottom-11 {
  padding-bottom: 5rem;
}

/* line 1259, /app/app/assets/stylesheets/audit.scss */
.bdl-padding-bottom-12 {
  padding-bottom: 5.5rem;
}

/* line 1263, /app/app/assets/stylesheets/audit.scss */
.bdl-padding-bottom-13 {
  padding-bottom: 6rem;
}

/** Margin right */
/* line 1269, /app/app/assets/stylesheets/audit.scss */
.bdl-padding-right-1 {
  padding-right: 0.25rem;
}

/* line 1273, /app/app/assets/stylesheets/audit.scss */
.bdl-padding-right-2 {
  padding-right: 0.5rem;
}

/* line 1277, /app/app/assets/stylesheets/audit.scss */
.bdl-padding-right-3 {
  padding-right: 1rem;
}

/* line 1281, /app/app/assets/stylesheets/audit.scss */
.bdl-padding-right-4 {
  padding-right: 1.5rem;
}

/* line 1285, /app/app/assets/stylesheets/audit.scss */
.bdl-padding-right-6 {
  padding-right: 2.5rem;
}

/* line 1289, /app/app/assets/stylesheets/audit.scss */
.bdl-padding-right-6 {
  padding-right: 2.5rem;
}

/* line 1293, /app/app/assets/stylesheets/audit.scss */
.bdl-padding-right-7 {
  padding-right: 3rem;
}

/* line 1297, /app/app/assets/stylesheets/audit.scss */
.bdl-padding-right-8 {
  padding-right: 3.5rem;
}

/* line 1301, /app/app/assets/stylesheets/audit.scss */
.bdl-padding-right-9 {
  padding-right: 4rem;
}

/* line 1305, /app/app/assets/stylesheets/audit.scss */
.bdl-padding-right-10 {
  padding-right: 4.5rem;
}

/* line 1309, /app/app/assets/stylesheets/audit.scss */
.bdl-padding-right-11 {
  padding-right: 5rem;
}

/* line 1313, /app/app/assets/stylesheets/audit.scss */
.bdl-padding-right-12 {
  padding-right: 5.5rem;
}

/* line 1317, /app/app/assets/stylesheets/audit.scss */
.bdl-padding-right-13 {
  padding-right: 6rem;
}

/** Margin left */
/* line 1323, /app/app/assets/stylesheets/audit.scss */
.bdl-padding-left-1 {
  padding-left: 0.25rem;
}

/* line 1327, /app/app/assets/stylesheets/audit.scss */
.bdl-padding-left-2 {
  padding-left: 0.5rem;
}

/* line 1331, /app/app/assets/stylesheets/audit.scss */
.bdl-padding-left-3 {
  padding-left: 1rem;
}

/* line 1335, /app/app/assets/stylesheets/audit.scss */
.bdl-padding-left-4 {
  padding-left: 1.5rem;
}

/* line 1339, /app/app/assets/stylesheets/audit.scss */
.bdl-padding-left-6 {
  padding-left: 2.5rem;
}

/* line 1343, /app/app/assets/stylesheets/audit.scss */
.bdl-padding-left-6 {
  padding-left: 2.5rem;
}

/* line 1347, /app/app/assets/stylesheets/audit.scss */
.bdl-padding-left-7 {
  padding-left: 3rem;
}

/* line 1351, /app/app/assets/stylesheets/audit.scss */
.bdl-padding-left-8 {
  padding-left: 3.5rem;
}

/* line 1355, /app/app/assets/stylesheets/audit.scss */
.bdl-padding-left-9 {
  padding-left: 4rem;
}

/* line 1359, /app/app/assets/stylesheets/audit.scss */
.bdl-padding-left-10 {
  padding-left: 4.5rem;
}

/* line 1363, /app/app/assets/stylesheets/audit.scss */
.bdl-padding-left-11 {
  padding-left: 5rem;
}

/* line 1367, /app/app/assets/stylesheets/audit.scss */
.bdl-padding-left-12 {
  padding-left: 5.5rem;
}

/* line 1371, /app/app/assets/stylesheets/audit.scss */
.bdl-padding-left-13 {
  padding-left: 6rem;
}

/****************************************************************************************************************************************************************************************
******** BORDER RADIUS ******************************************************************************************************************************************************************
****************************************************************************************************************************************************************************************/
/* line 1380, /app/app/assets/stylesheets/audit.scss */
.bdl-rounded-1 {
  border-radius: 0.625rem !important;
}

/* line 1384, /app/app/assets/stylesheets/audit.scss */
.bdl-rounded-2 {
  border-radius: 0.75rem;
}

/* line 1388, /app/app/assets/stylesheets/audit.scss */
.bdl-rounded-3 {
  border-radius: 1rem;
}

/* line 1392, /app/app/assets/stylesheets/audit.scss */
.bdl-rounded-4 {
  border-radius: 1.125rem;
}

/* line 1396, /app/app/assets/stylesheets/audit.scss */
.bdl-rounded-5 {
  border-radius: 1.25rem;
}

/* line 1400, /app/app/assets/stylesheets/audit.scss */
.bdl-rounded-6 {
  border-radius: 1.375rem;
}

/* line 1404, /app/app/assets/stylesheets/audit.scss */
.bdl-rounded-7 {
  border-radius: 1.5rem;
}

/* line 1408, /app/app/assets/stylesheets/audit.scss */
.bdl-rounded-8 {
  border-radius: 1.625rem;
}

/* line 1412, /app/app/assets/stylesheets/audit.scss */
.bdl-rounded-9 {
  border-radius: 1.75rem;
}

/* line 1416, /app/app/assets/stylesheets/audit.scss */
.bdl-rounded-10 {
  border-radius: 1.875rem;
}

/* line 1420, /app/app/assets/stylesheets/audit.scss */
.bdl-rounded-circle {
  border-radius: 50rem;
}

/* line 1424, /app/app/assets/stylesheets/audit.scss */
.bdl-rounded-pill {
  border-radius: 50%;
}

/* line 1428, /app/app/assets/stylesheets/audit.scss */
.bdl-text-accent-orange-80 {
  color: #EF9B40;
}

/* line 1432, /app/app/assets/stylesheets/audit.scss */
.bdl-text-neutral-80 {
  color: #636363;
}

/****************************************************************************************************************************************************************************************
******** COMPONENTS ******************************************************************************************************************************************************************
****************************************************************************************************************************************************************************************/
/** Tags */
/* line 1442, /app/app/assets/stylesheets/audit.scss */
.bdl-tag-modal {
  display: inline-flex;
  padding: .25rem 1rem;
  justify-content: center;
  align-items: center;
  gap: .5rem;
  border-radius: 1000px;
  border: 1px solid #2395FD;
  background: #FFF;
  color: #2395FD;
  font-size: 1rem;
  font-style: normal;
  font-weight: 400;
  line-height: 2.25rem;
}

/* line 1458, /app/app/assets/stylesheets/audit.scss */
.bdl-tag-modal:focus {
  border: 2px solid #2395FD;
}

/* line 1462, /app/app/assets/stylesheets/audit.scss */
.bdl-tag {
  display: inline-flex;
  padding: .25rem 1rem;
  justify-content: center;
  align-items: center;
  gap: .5rem;
  border-radius: 1000px;
  background: #FFF;
  box-shadow: 0px 0.5rem 40px 0px rgba(0, 0, 0, 0.08);
  color: #2395FD;
  font-size: 1rem;
  font-style: normal;
  font-weight: 400;
  line-height: 2.25rem;
  /* 150% */
}

/* line 1479, /app/app/assets/stylesheets/audit.scss */
.bdl-tag:focus {
  border: 2px solid #2395FD;
}

/** Tabs **/
/* line 1484, /app/app/assets/stylesheets/audit.scss */
.bdl-tab {
  display: inline-flex;
  height: 39px;
  padding: .5rem;
  justify-content: center;
  align-items: center;
  border-radius: 10px 10px 0px 0px;
  border: 1px solid var(--bdl-primary-60, #2395FD);
  background: var(--bdl-neutral-0, #FFF);
  gap: .5rem;
  flex-shrink: 0;
  color: #2395FD;
  font-size: 1.25rem;
  font-style: normal;
  font-weight: 500;
  line-height: 32px;
  /* 160% */
}

/* line 1504, /app/app/assets/stylesheets/audit.scss */
.bdl-tab-selected {
  display: inline-flex;
  height: 39px;
  padding: .5rem;
  justify-content: center;
  align-items: center;
  border-radius: 10px 10px 0px 0px;
  border: 1px solid #2395FD;
  background: #C8E4FF;
  gap: .5rem;
  flex-shrink: 0;
  color: #2395FD;
  font-size: 1.25rem;
  font-style: normal;
  font-weight: 500;
  line-height: 32px;
  /* 160% */
}

/** Buttons **/
/** Primary **/
/* line 1526, /app/app/assets/stylesheets/audit.scss */
.bdl-button-primary {
  display: inline-flex;
  padding: .5rem 1rem;
  justify-content: center;
  align-items: center;
  gap: .5rem;
  border-radius: 10px;
  background: #2395FD;
  color: #FFF;
  font-family: Work Sans;
  font-size: 1rem;
  font-style: normal;
  font-weight: 500;
  line-height: 2.25rem;
  /* 150% */
  border: 1px solid #2395FD;
}

/* line 1544, /app/app/assets/stylesheets/audit.scss */
.bdl-button-primary:hover {
  background: #228CEF;
  color: #FFF;
}

/*.bdl-button-primary:focus {
    border: 2px solid $primary-100;
}*/
/* line 1553, /app/app/assets/stylesheets/audit.scss */
.bdl-button-primary:active {
  background: #1A73C6;
}

/* line 1557, /app/app/assets/stylesheets/audit.scss */
.bdl-button-primary:disabled {
  background: #E2E2E2;
}

/** Secondary **/
/* line 1562, /app/app/assets/stylesheets/audit.scss */
.bdl-button-secondary-1 {
  display: inline-flex;
  padding: .5rem 1rem;
  justify-content: center;
  align-items: center;
  gap: .5rem;
  border-radius: 10px;
  border: 1px solid #2395FD;
  background: #FFF;
  color: #2395FD;
  font-family: Work Sans;
  font-size: 1rem;
  font-style: normal;
  font-weight: 500;
  line-height: 2.25rem;
  /* 150% */
}

/* line 1580, /app/app/assets/stylesheets/audit.scss */
.bdl-button-secondary-1:hover {
  background: #F1F8FF;
}

/*
.bdl-button-secondary-1:focus {
    border: 2px solid $primary-60;
}
*/
/* line 1590, /app/app/assets/stylesheets/audit.scss */
.bdl-button-secondary-1:active {
  background: #C8E4FF;
}

/* line 1594, /app/app/assets/stylesheets/audit.scss */
.bdl-button-secondary-1:disabled {
  border: 1px solid #E2E2E2;
  background: #F4F4F4;
  color: #E2E2E2;
}

/* line 1600, /app/app/assets/stylesheets/audit.scss */
.bdl-button-secondary-2 {
  display: inline-flex;
  padding: .5rem 1rem;
  justify-content: center;
  align-items: center;
  gap: .5rem;
  border-radius: 10px;
  border: 1px solid #636363;
  background: #FFF;
}

/* line 1611, /app/app/assets/stylesheets/audit.scss */
.bdl-button-secondary-2:hover {
  background: #F4F4F4;
}

/*.bdl-button-secondary-2:focus{
    border: 2px solid $neutral-80;
}*/
/* line 1619, /app/app/assets/stylesheets/audit.scss */
.bdl-button-secondary-2:active {
  background: #E2E2E2;
}

/* line 1623, /app/app/assets/stylesheets/audit.scss */
.bdl-button-secondary-2:disabled {
  border: 1px solid var #E2E2E2;
  color: #E2E2E2;
  background: #F4F4F4;
}

/* line 1629, /app/app/assets/stylesheets/audit.scss */
.bdl-button-tertiary {
  display: inline-flex;
  padding: .5rem 1rem;
  justify-content: center;
  align-items: center;
  gap: .5rem;
  border-radius: 10px;
  color: #2395FD;
  font-family: Work Sans;
  font-size: 1rem;
  font-style: normal;
  font-weight: 500;
  line-height: 2.25rem;
  /* 150% */
  border: none;
}

/* line 1646, /app/app/assets/stylesheets/audit.scss */
.bdl-button-tertiary:hover {
  background: #F1F8FF;
}

/*.bdl-button-tertiary:focus {
    border: 2px solid $primary-60;
}*/
/* line 1654, /app/app/assets/stylesheets/audit.scss */
.bdl-button-tertiary:active {
  background: #C8E4FF;
}

/* line 1658, /app/app/assets/stylesheets/audit.scss */
.bdl-button-tertiary:disabled {
  color: #E2E2E2;
}

/* line 1662, /app/app/assets/stylesheets/audit.scss */
.bdl-dropdown-button {
  display: flex;
  padding: .5rem 1rem;
  align-items: center;
}

/* line 1668, /app/app/assets/stylesheets/audit.scss */
.bdl-add-students {
  z-index: 999999 !important;
  padding: 1rem 1.5rem !important;
}
/* line 1672, /app/app/assets/stylesheets/audit.scss */
.bdl-add-students .modal-header {
  padding: 1rem 1.5rem !important;
}
/* line 1676, /app/app/assets/stylesheets/audit.scss */
.bdl-add-students .modal-body {
  display: flex;
  justify-content: space-between;
  gap: 1.5rem;
  padding: 1.5rem;
}
/* line 1683, /app/app/assets/stylesheets/audit.scss */
.bdl-add-students .bdl-option-card {
  cursor: pointer;
  padding: 2rem;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 2rem;
}
/* line 1692, /app/app/assets/stylesheets/audit.scss */
.bdl-add-students .bdl-option-card p {
  font-size: 1rem;
  font-style: normal;
  font-weight: 400;
  font-family: Work Sans;
  color: var(--bdl-neutral-80, #636363);
  text-align: center;
}
/* line 1701, /app/app/assets/stylesheets/audit.scss */
.bdl-add-students .bdl-option-card svg {
  height: 2rem;
  width: 2rem;
}

/* line 1708, /app/app/assets/stylesheets/audit.scss */
.bdl-add-new-students {
  z-index: 999999 !important;
  padding: 1rem 1.5rem !important;
}
/* line 1711, /app/app/assets/stylesheets/audit.scss */
.bdl-add-new-students .modal-dialog {
  width: 30.75rem !important;
}
@media (max-width: 768px) {
  /* line 1716, /app/app/assets/stylesheets/audit.scss */
  .bdl-add-new-students .modal-dialog {
    width: auto !important;
  }
}
/* line 1723, /app/app/assets/stylesheets/audit.scss */
.bdl-add-new-students .modal-header {
  padding: 1rem 1.5rem !important;
}
/* line 1727, /app/app/assets/stylesheets/audit.scss */
.bdl-add-new-students textarea {
  border: none;
  font-size: 1rem;
  padding: 0.5rem 1rem;
  border-radius: 0.625rem;
  background: var(--bdl-neutral-20, #F4F4F4);
}
/* line 1735, /app/app/assets/stylesheets/audit.scss */
.bdl-add-new-students textarea::placeholder {
  color: var(--bdl-neutral-80, #636363);
}

/* line 1740, /app/app/assets/stylesheets/audit.scss */
.bdl-add-new-students-form {
  z-index: 999999 !important;
}
/* line 1743, /app/app/assets/stylesheets/audit.scss */
.bdl-add-new-students-form .modal-dialog {
  width: 30.75rem !important;
}
@media (max-width: 786px) {
  /* line 1748, /app/app/assets/stylesheets/audit.scss */
  .bdl-add-new-students-form .modal-dialog {
    width: auto !important;
  }
}
/* line 1753, /app/app/assets/stylesheets/audit.scss */
.bdl-add-new-students-form .modal-header {
  padding: 1rem 1.5rem !important;
}
/* line 1757, /app/app/assets/stylesheets/audit.scss */
.bdl-add-new-students-form input {
  border: none;
  background: var(--primary-10, #F1F8FF);
}
/* line 1762, /app/app/assets/stylesheets/audit.scss */
.bdl-add-new-students-form input:focus {
  background: var(--primary-10, #F1F8FF);
}

/* line 1767, /app/app/assets/stylesheets/audit.scss */
.bdl-add-new-students-grades {
  z-index: 9999 !important;
}
/* line 1770, /app/app/assets/stylesheets/audit.scss */
.bdl-add-new-students-grades .modal-header {
  padding: 1rem 1.5rem !important;
  padding-bottom: 0px !important;
}
/* line 1775, /app/app/assets/stylesheets/audit.scss */
.bdl-add-new-students-grades .modal-body {
  padding: 1.5rem !important;
  padding-top: 0px !important;
}

/* line 1783, /app/app/assets/stylesheets/audit.scss */
.bdl-add-new-students-logins {
  z-index: 9999 !important;
}
/* line 1786, /app/app/assets/stylesheets/audit.scss */
.bdl-add-new-students-logins .modal-header {
  padding: 1rem 1.5rem !important;
  padding-bottom: 0px !important;
}
/* line 1791, /app/app/assets/stylesheets/audit.scss */
.bdl-add-new-students-logins .modal-body {
  padding: 1.5rem;
}
/* line 1795, /app/app/assets/stylesheets/audit.scss */
.bdl-add-new-students-logins input {
  border: none;
  background: var(--primary-10, #F1F8FF);
}
/* line 1800, /app/app/assets/stylesheets/audit.scss */
.bdl-add-new-students-logins input:focus {
  background: var(--primary-10, #F1F8FF);
}

/* line 1805, /app/app/assets/stylesheets/audit.scss */
.bdl-link-existing-students {
  z-index: 99999999 !important;
}
/* line 1808, /app/app/assets/stylesheets/audit.scss */
.bdl-link-existing-students .invite-link {
  border-radius: 20px;
  padding: 6px;
  font-size: 15px;
  background: var(--primary-10, #F1F8FF);
  border: 1px solid var(--bdl-primary-60, #2395FD);
}
/* line 1816, /app/app/assets/stylesheets/audit.scss */
.bdl-link-existing-students .copy-link-btn {
  display: flex;
  justify-content: space-between;
  gap: 7px;
}
/* line 1822, /app/app/assets/stylesheets/audit.scss */
.bdl-link-existing-students .class-code {
  width: 100%;
  text-align: center;
  border: none;
  background: var(--primary-10, #F1F8FF);
  color: var(--bdl-primary-60, #2395FD);
  padding: 8px;
  border-radius: 10px;
  /* margin-top: 4px; */
  font-size: 14px;
  font-weight: 600;
}
/* line 1835, /app/app/assets/stylesheets/audit.scss */
.bdl-link-existing-students .class-code-parent {
  border-right: solid 1px var(--neutral-40, #E2E2E2);
}

/****************************************************************************************************************************************************************************************
******** ICONOGRAPHY ********************************************************************************************************************************************************************
****************************************************************************************************************************************************************************************/
/* line 1849, /app/app/assets/stylesheets/audit.scss */
.icon-xs {
  width: 8px;
  height: 8px;
}

/* line 1854, /app/app/assets/stylesheets/audit.scss */
.icon-sm {
  width: 16px;
  height: 16px;
}

/* line 1859, /app/app/assets/stylesheets/audit.scss */
.icon-md {
  width: 24px;
  height: 24px;
}

/* line 1864, /app/app/assets/stylesheets/audit.scss */
.icon-lg {
  width: 32px;
  height: 32px;
}

/* line 1869, /app/app/assets/stylesheets/audit.scss */
.icon-xl {
  width: 36px;
  height: 36px;
}

/* line 1875, /app/app/assets/stylesheets/audit.scss */
.bdl-svg-green-10 path {
  fill: #E9EFBF;
}
/* line 1879, /app/app/assets/stylesheets/audit.scss */
.bdl-svg-green-10 circle {
  fill: #E9EFBF;
}

/* line 1885, /app/app/assets/stylesheets/audit.scss */
.bdl-svg-green-80 path {
  fill: #A6C100;
}
/* line 1889, /app/app/assets/stylesheets/audit.scss */
.bdl-svg-green-80 circle {
  fill: #A6C100;
}

/* line 1896, /app/app/assets/stylesheets/audit.scss */
.bdl-svg-green-100 path {
  fill: #8CA301;
}
/* line 1900, /app/app/assets/stylesheets/audit.scss */
.bdl-svg-green-100 circle {
  fill: #8CA301;
}

/* line 1906, /app/app/assets/stylesheets/audit.scss */
.bdl-svg-yellow-10 {
  circle-fill: #FCF3D3;
}
/* line 1907, /app/app/assets/stylesheets/audit.scss */
.bdl-svg-yellow-10 path {
  fill: #FCF3D3;
}

/* line 1917, /app/app/assets/stylesheets/audit.scss */
.bdl-svg-yellow-80 {
  circle-fill: #F6CF4F;
}
/* line 1918, /app/app/assets/stylesheets/audit.scss */
.bdl-svg-yellow-80 path {
  fill: #F6CF4F;
}

/* line 1928, /app/app/assets/stylesheets/audit.scss */
.bdl-svg-yellow-100 {
  circle-fill: #E3C04A;
}
/* line 1929, /app/app/assets/stylesheets/audit.scss */
.bdl-svg-yellow-100 path {
  fill: #E3C04A;
}

/* line 1939, /app/app/assets/stylesheets/audit.scss */
.bdl-svg-orange-10 {
  circle-fill: #FBE6CF;
}
/* line 1940, /app/app/assets/stylesheets/audit.scss */
.bdl-svg-orange-10 path {
  fill: #FBE6CF;
}

/* line 1951, /app/app/assets/stylesheets/audit.scss */
.bdl-svg-orange-80 path {
  fill: #EF9B40;
}
/* line 1955, /app/app/assets/stylesheets/audit.scss */
.bdl-svg-orange-80 circle {
  fill: #EF9B40;
}

/* line 1962, /app/app/assets/stylesheets/audit.scss */
.bdl-svg-orange-100 path {
  fill: #D88C3A;
}
/* line 1966, /app/app/assets/stylesheets/audit.scss */
.bdl-svg-orange-100 circle {
  fill: #D88C3A;
}

/* line 1973, /app/app/assets/stylesheets/audit.scss */
.bdl-svg-salmon-10 path {
  fill: #FCDAD5;
}
/* line 1977, /app/app/assets/stylesheets/audit.scss */
.bdl-svg-salmon-10 circle {
  fill: #FCDAD5;
}

/* line 1984, /app/app/assets/stylesheets/audit.scss */
.bdl-svg-salmon-80 path {
  fill: #F46C57;
}
/* line 1988, /app/app/assets/stylesheets/audit.scss */
.bdl-svg-salmon-80 circle {
  fill: #F46C57;
}

/* line 1995, /app/app/assets/stylesheets/audit.scss */
.bdl-svg-salmon-100 path {
  fill: #D25D4B;
}
/* line 1999, /app/app/assets/stylesheets/audit.scss */
.bdl-svg-salmon-100 circle {
  fill: #D25D4B;
}

/* line 2006, /app/app/assets/stylesheets/audit.scss */
.bdl-svg-magenta-10 path {
  fill: #F8D1E1;
}
/* line 2010, /app/app/assets/stylesheets/audit.scss */
.bdl-svg-magenta-10 circle {
  fill: #F8D1E1;
}

/* line 2017, /app/app/assets/stylesheets/audit.scss */
.bdl-svg-magenta-80 path {
  fill: #E03A8A;
}
/* line 2021, /app/app/assets/stylesheets/audit.scss */
.bdl-svg-magenta-80 circle {
  fill: #E03A8A;
}

/* line 2028, /app/app/assets/stylesheets/audit.scss */
.bdl-svg-magenta-100 path {
  fill: #C63279;
}
/* line 2032, /app/app/assets/stylesheets/audit.scss */
.bdl-svg-magenta-100 circle {
  fill: #C63279;
}

/* line 2039, /app/app/assets/stylesheets/audit.scss */
.bdl-svg-purple-10 path {
  fill: #E9D6F3;
}
/* line 2043, /app/app/assets/stylesheets/audit.scss */
.bdl-svg-purple-10 circle {
  fill: #E9D6F3;
}

/* line 2050, /app/app/assets/stylesheets/audit.scss */
.bdl-svg-purple-80 path {
  fill: #A95CCF;
}
/* line 2054, /app/app/assets/stylesheets/audit.scss */
.bdl-svg-purple-80 circle {
  fill: #A95CCF;
}

/* line 2061, /app/app/assets/stylesheets/audit.scss */
.bdl-svg-purple-100 path {
  fill: #9851BB;
}
/* line 2065, /app/app/assets/stylesheets/audit.scss */
.bdl-svg-purple-100 circle {
  fill: #9851BB;
}

/* line 2072, /app/app/assets/stylesheets/audit.scss */
.bdl-svg-overlay path {
  fill: rgba(0, 0, 0, 0.3);
}
/* line 2076, /app/app/assets/stylesheets/audit.scss */
.bdl-svg-overlay circle {
  fill: rgba(0, 0, 0, 0.3);
}

/* line 2083, /app/app/assets/stylesheets/audit.scss */
.bdl-svg-gradient path {
  fill: radial-gradient(117.51% 115.72% at 9.42% 94.09%, #FAFDFF 6.27%, #EBF5FF 56.79%, #FFF 100%, #FFF 100%);
}
/* line 2087, /app/app/assets/stylesheets/audit.scss */
.bdl-svg-gradient circle {
  fill: radial-gradient(117.51% 115.72% at 9.42% 94.09%, #FAFDFF 6.27%, #EBF5FF 56.79%, #FFF 100%, #FFF 100%);
}

/* line 2094, /app/app/assets/stylesheets/audit.scss */
.bdl-svg-neutral-100 path {
  fill: #000 !important;
}
/* line 2098, /app/app/assets/stylesheets/audit.scss */
.bdl-svg-neutral-100 circle {
  fill: #000 !important;
}

/* line 2104, /app/app/assets/stylesheets/audit.scss */
.bdl-svg-neutral-80 path {
  fill: #636363;
}
/* line 2108, /app/app/assets/stylesheets/audit.scss */
.bdl-svg-neutral-80 circle {
  fill: #636363;
}

/* line 2114, /app/app/assets/stylesheets/audit.scss */
.bdl-svg-neutral-60 path {
  fill: #999;
}
/* line 2118, /app/app/assets/stylesheets/audit.scss */
.bdl-svg-neutral-60 circle {
  fill: #999;
}

/* line 2124, /app/app/assets/stylesheets/audit.scss */
.bdl-svg-neutral-60 path {
  fill: #999;
}
/* line 2128, /app/app/assets/stylesheets/audit.scss */
.bdl-svg-neutral-60 circle {
  fill: #999;
}

/* line 2134, /app/app/assets/stylesheets/audit.scss */
.bdl-svg-neutral-40 path {
  fill: #E2E2E2;
}
/* line 2138, /app/app/assets/stylesheets/audit.scss */
.bdl-svg-neutral-40 circle {
  fill: #E2E2E2;
}

/* line 2144, /app/app/assets/stylesheets/audit.scss */
.bdl-svg-neutral-20 path {
  fill: #F4F4F4;
}
/* line 2148, /app/app/assets/stylesheets/audit.scss */
.bdl-svg-neutral-20 circle {
  fill: #F4F4F4;
}

/* line 2154, /app/app/assets/stylesheets/audit.scss */
.bdl-svg-neutral-0 path {
  fill: #FFF;
}
/* line 2158, /app/app/assets/stylesheets/audit.scss */
.bdl-svg-neutral-0 circle {
  fill: #FFF;
}

/* line 2164, /app/app/assets/stylesheets/audit.scss */
.bdl-svg-primary-100 path {
  fill: #1A73C6;
}
/* line 2168, /app/app/assets/stylesheets/audit.scss */
.bdl-svg-primary-100 circle {
  fill: #1A73C6;
}

/* line 2174, /app/app/assets/stylesheets/audit.scss */
.bdl-svg-primary-80 path {
  fill: #228CEF;
}
/* line 2178, /app/app/assets/stylesheets/audit.scss */
.bdl-svg-primary-80 circle {
  fill: #228CEF;
}

/* line 2184, /app/app/assets/stylesheets/audit.scss */
.bdl-svg-primary-60 path {
  fill: #2395FD;
}
/* line 2188, /app/app/assets/stylesheets/audit.scss */
.bdl-svg-primary-60 circle {
  fill: #2395FD;
}

/* line 2194, /app/app/assets/stylesheets/audit.scss */
.bdl-svg-primary-40 path {
  fill: #91CAFF;
}
/* line 2198, /app/app/assets/stylesheets/audit.scss */
.bdl-svg-primary-40 circle {
  fill: #91CAFF;
}

/* line 2204, /app/app/assets/stylesheets/audit.scss */
.bdl-svg-primary-20 path {
  fill: #C8E4FF;
}
/* line 2208, /app/app/assets/stylesheets/audit.scss */
.bdl-svg-primary-20 circle {
  fill: #C8E4FF;
}

/* line 2214, /app/app/assets/stylesheets/audit.scss */
.bdl-svg-primary-10 path {
  fill: #F1F8FF;
}
/* line 2218, /app/app/assets/stylesheets/audit.scss */
.bdl-svg-primary-10 circle {
  fill: #F1F8FF;
}

/* line 2224, /app/app/assets/stylesheets/audit.scss */
.bdl-svg-func-pos path {
  fill: #54D370;
}
/* line 2228, /app/app/assets/stylesheets/audit.scss */
.bdl-svg-func-pos circle {
  fill: #54D370;
}

/* line 2235, /app/app/assets/stylesheets/audit.scss */
.bdl-svg-func-neg path {
  fill: #E3365D;
}
/* line 2239, /app/app/assets/stylesheets/audit.scss */
.bdl-svg-func-neg circle {
  fill: #E3365D;
}

/** Utility classes */
/* line 2247, /app/app/assets/stylesheets/audit.scss */
.rotate-90 {
  -webkit-transform: rotateX(90deg);
  transform: rotateX(90deg);
}

/* line 2252, /app/app/assets/stylesheets/audit.scss */
.rotate-180 {
  -webkit-transform: rotateX(180deg);
  transform: rotateX(180deg);
}

/* line 2257, /app/app/assets/stylesheets/audit.scss */
.rotate-270 {
  -webkit-transform: rotateX(270deg);
  transform: rotateX(270deg);
}

/** Component classes */
/* line 2264, /app/app/assets/stylesheets/audit.scss */
.black-friday-banner {
  background-color: #E03A8A;
  color: white;
  width: 100%;
  font-size: 16px;
  font-weight: 600;
  padding: 16px 24px;
  border-radius: 12px;
  margin-bottom: 40px;
}
/* line 2274, /app/app/assets/stylesheets/audit.scss */
.black-friday-banner .svg-white-color {
  width: 24px;
  height: 24px;
}

/* line 2280, /app/app/assets/stylesheets/audit.scss */
.black-friday-banner:hover {
  cursor: pointer;
  background-color: #C63279;
}

/** more to come */
/* line 2287, /app/app/assets/stylesheets/audit.scss */
.p-acct-child-card-dt {
  border-radius: 0.875rem;
  background: var(--bdl-accent-yellow-10, #FCF3D3);
  padding: 1rem;
}

/* line 2293, /app/app/assets/stylesheets/audit.scss */
.p-non-active-subscription-dt {
  border-radius: 0.875rem;
  background-color: #FCDAD5;
  padding: 1rem;
}

/* line 2299, /app/app/assets/stylesheets/audit.scss */
.np-acct-child-card-dt {
  border-radius: 0.875rem;
  background: var(--bdl-neutral-20, #F4F4F4);
  padding: 1rem;
}

/* line 2305, /app/app/assets/stylesheets/audit.scss */
.teacher-homepage-card {
  margin-top: .5rem;
  display: flex;
  padding: 1rem 1.5rem;
  align-items: center;
  gap: 1.5rem;
  align-self: stretch;
  border-radius: 1.875rem;
  background: var(--bdl-neutral-0, #FFF);
  box-shadow: 0px 8px 40px 0px rgba(0, 0, 0, 0.08);
  height: 9.5rem;
}
/* line 2317, /app/app/assets/stylesheets/audit.scss */
.teacher-homepage-card img {
  height: 7.5rem;
}
/* line 2322, /app/app/assets/stylesheets/audit.scss */
.teacher-homepage-card .card-content h4 {
  color: var(--bdl-neutral-100, #000);
  /* bdl-subheading/2/bdl-fw-bold */
  font-family: Work Sans;
  font-size: 1.25rem;
  font-style: normal;
  font-weight: 600;
  line-height: 2rem;
  /* 160% */
}
/* line 2333, /app/app/assets/stylesheets/audit.scss */
.teacher-homepage-card .card-content span {
  color: var(--bdl-neutral-80, #636363);
  font-family: Work Sans;
  font-size: 0.875rem;
  font-style: normal;
  font-weight: 400;
  line-height: 1rem;
  /* 114.286% */
}
/* line 2343, /app/app/assets/stylesheets/audit.scss */
.teacher-homepage-card .card-content .bdl-button-secondary-1 {
  margin-top: 1rem;
  padding: .5rem 1rem;
}
/* line 2347, /app/app/assets/stylesheets/audit.scss */
.teacher-homepage-card .card-content .bdl-button-secondary-1 svg {
  width: 1.5rem;
  height: 1.5rem;
}
/* line 2352, /app/app/assets/stylesheets/audit.scss */
.teacher-homepage-card .card-content .bdl-button-secondary-1 .btn-text {
  margin-left: .5rem;
  color: var(--bdl-primary-60, #2395FD);
  font-family: Work Sans;
  font-size: 1rem;
  font-style: normal;
  font-weight: 500;
  line-height: 1.5rem;
  /* 150% */
}

/** more to come */
/* line 2368, /app/app/assets/stylesheets/audit.scss */
.bdl-text-neutral-80 {
  color: #636363;
}

/* line 2372, /app/app/assets/stylesheets/audit.scss */
.bdl-text-func-pos {
  color: #54D370;
}

/** fill color for svg **/
/* line 2379, /app/app/assets/stylesheets/audit.scss */
.fill-neg path {
  fill: #E3365D;
}

/* line 2385, /app/app/assets/stylesheets/audit.scss */
.fill-primary-60 path {
  fill: var(--bdl-primary-60, #2395FD);
}

/* line 2390, /app/app/assets/stylesheets/audit.scss */
.bdl-modal {
  display: inline-flex !important;
  padding: 1rem 1.5rem !important;
  flex-direction: column !important;
  align-items: center !important;
  gap: 1.5rem !important;
  border-radius: 1.75rem !important;
  background: var(--bdl-neutral-0, #FFF) !important;
  box-shadow: 0px 0.5rem 2.5rem 0rem rgba(0, 0, 0, 0.08) !important;
  margin: auto !important;
}
/* line 2401, /app/app/assets/stylesheets/audit.scss */
.bdl-modal .bdl-modal-header {
  width: 100% !important;
  padding: 0px !important;
  border-bottom: none !important;
}
/* line 2406, /app/app/assets/stylesheets/audit.scss */
.bdl-modal .bdl-modal-header .bdl-modal-header-title {
  color: #000 !important;
  font-size: 1.5rem !important;
  font-weight: 600 !important;
  line-height: 2rem !important;
  width: fit-content !important;
}
/* line 2414, /app/app/assets/stylesheets/audit.scss */
.bdl-modal .bdl-modal-header .bdl-modal-header-subtitle-2 {
  color: #000;
  text-align: center;
  font-family: "Work Sans";
  font-size: 1.25rem;
  font-style: normal;
  font-weight: 600;
  line-height: 2rem;
}
/* line 2425, /app/app/assets/stylesheets/audit.scss */
.bdl-modal .bdl-modal-body {
  width: 100% !important;
  border-bottom: none !important;
  padding: 0px !important;
}
/* line 2431, /app/app/assets/stylesheets/audit.scss */
.bdl-modal .bdl-modal-footer {
  width: 100% !important;
  border-top: none !important;
  padding: 0px !important;
}

/* line 2438, /app/app/assets/stylesheets/audit.scss */
.bdl-classroom-table-dt {
  flex-direction: column;
  align-items: flex-start;
  margin-top: 1.5rem;
  max-height: 25rem !important;
  overflow-y: scroll;
}
/* line 2445, /app/app/assets/stylesheets/audit.scss */
.bdl-classroom-table-dt .bdl-table-headers-dt {
  display: flex;
  align-items: flex-start;
  width: 100%;
  height: 2.5rem !important;
}
/* line 2451, /app/app/assets/stylesheets/audit.scss */
.bdl-classroom-table-dt .bdl-table-headers-dt .bdl-table-title-dt {
  display: flex;
  align-items: flex-start;
  width: 50%;
  display: flex;
  padding: .5rem 1rem;
  align-items: flex-start;
  border-bottom: 1px solid #E2E2E2;
}
/* line 2460, /app/app/assets/stylesheets/audit.scss */
.bdl-classroom-table-dt .bdl-table-headers-dt .bdl-table-title-dt .text {
  color: #636363;
  flex: 1 0 0;
  font-family: Work Sans;
  font-size: 1rem;
  font-style: normal;
  font-weight: 600;
  line-height: 1.5rem;
}
/* line 2472, /app/app/assets/stylesheets/audit.scss */
.bdl-classroom-table-dt .bdl-classroom-table-row {
  display: flex;
  align-items: flex-start;
  width: 100%;
  height: 2.5rem !important;
}
/* line 2478, /app/app/assets/stylesheets/audit.scss */
.bdl-classroom-table-dt .bdl-classroom-table-row .bdl-table-item-dt {
  display: flex;
  width: 50%;
  padding: .5rem 1rem;
  align-items: flex-start;
  gap: .5rem;
  border-bottom: 1px solid var(--bdl-neutral-40, #E2E2E2);
}
/* line 2488, /app/app/assets/stylesheets/audit.scss */
.bdl-classroom-table-dt .bdl-classroom-table-row:hover {
  background-color: #F1F8FF;
  cursor: pointer;
}

/* line 2495, /app/app/assets/stylesheets/audit.scss */
.bdl-classroom-table-mb {
  width: 100%;
  max-height: 19.5rem;
  overflow-y: scroll;
  flex-direction: column;
  align-items: flex-start;
  margin-top: 1rem;
}
/* line 2503, /app/app/assets/stylesheets/audit.scss */
.bdl-classroom-table-mb .bdl-table-headers-mb {
  display: flex;
  align-items: flex-start;
  align-self: stretch;
  width: 100%;
  border-bottom: 1px solid var(--bdl-neutral-40, #E2E2E2);
}
/* line 2510, /app/app/assets/stylesheets/audit.scss */
.bdl-classroom-table-mb .bdl-table-headers-mb .bdl-table-title-mb {
  display: flex;
  padding: .5rem;
  align-items: flex-start;
  flex: 1 0 0;
  height: 2rem !important;
}
/* line 2517, /app/app/assets/stylesheets/audit.scss */
.bdl-classroom-table-mb .bdl-table-headers-mb .bdl-table-title-mb .text {
  color: var(--bdl-neutral-80, #636363);
  font-family: Work Sans;
  font-size: .875rem;
  font-style: normal;
  font-weight: 600;
  line-height: 1rem;
}
/* line 2528, /app/app/assets/stylesheets/audit.scss */
.bdl-classroom-table-mb .bdl-classroom-table-row {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  width: 100%;
}
/* line 2534, /app/app/assets/stylesheets/audit.scss */
.bdl-classroom-table-mb .bdl-classroom-table-row .bdl-table-item-mb {
  display: flex;
  flex-direction: column;
  width: 100%;
  align-items: flex-start;
  gap: .5rem;
  border-bottom: 1px solid var(--bdl-neutral-40, #E2E2E2);
}
/* line 2542, /app/app/assets/stylesheets/audit.scss */
.bdl-classroom-table-mb .bdl-classroom-table-row .bdl-table-item-mb .item-1 {
  padding: .5rem 1rem;
}
/* line 2546, /app/app/assets/stylesheets/audit.scss */
.bdl-classroom-table-mb .bdl-classroom-table-row .bdl-table-item-mb .item-2 {
  padding: 0rem 1rem .5rem 1rem;
}
/* line 2550, /app/app/assets/stylesheets/audit.scss */
.bdl-classroom-table-mb .bdl-classroom-table-row .bdl-table-item-mb .text {
  color: var(--bdl-primary-60, #2395FD);
  font-family: Work Sans;
  font-size: .875rem;
  font-style: normal;
  font-weight: 400;
  line-height: 1rem;
}
/* line 2561, /app/app/assets/stylesheets/audit.scss */
.bdl-classroom-table-mb .bdl-classroom-table-row:hover {
  background-color: #F1F8FF;
  cursor: pointer;
}

/* line 2568, /app/app/assets/stylesheets/audit.scss */
.bdl-header-dt {
  display: flex;
  width: 100%;
  justify-content: space-between;
  align-items: center;
  padding-left: 1.5rem;
  padding-right: 1.5rem;
  margin-bottom: 3rem;
}
/* line 2577, /app/app/assets/stylesheets/audit.scss */
.bdl-header-dt .bdl-header-dt-section-1 {
  gap: 1.5rem;
}

/* line 2582, /app/app/assets/stylesheets/audit.scss */
.bdl-header-mb {
  display: flex;
  width: 100%;
  flex-direction: column;
  align-items: flex-start;
  gap: 1rem;
  flex-shrink: 0;
  padding-left: 2rem;
  padding-right: 2rem;
  margin-bottom: 3rem;
}

/** more to come */
/* line 2597, /app/app/assets/stylesheets/audit.scss */
.bdl-text-neutral-80 {
  color: #636363;
}

/* line 2601, /app/app/assets/stylesheets/audit.scss */
.bdl-text-func-pos {
  color: #54D370;
}

/* line 2605, /app/app/assets/stylesheets/audit.scss */
.bdl-text-func-neg {
  color: #E3365D;
}

/* line 2609, /app/app/assets/stylesheets/audit.scss */
.bdl-text-accent-orange-80 {
  color: #EF9B40;
}

/* line 2613, /app/app/assets/stylesheets/audit.scss */
.bdl-border-accent-orange {
  border: 2px solid var(--bdl-accent-orange-80, #EF9B40);
}

/* line 2617, /app/app/assets/stylesheets/audit.scss */
.bd-text-primary-60 {
  color: #2395FD;
}

/* line 2621, /app/app/assets/stylesheets/audit.scss */
.bdl-p-code-dt {
  display: flex;
  padding: 24px 48px 32px 48px;
  flex-direction: column;
  align-items: center;
  gap: 24px;
  border-radius: 30px;
  background: var(--bdl-neutral-0, #FFF);
  /* bdl-shadow */
  box-shadow: 0px 8px 40px 0px rgba(0, 0, 0, 0.08);
}

/** Begin parent home page improvements */
/* line 2637, /app/app/assets/stylesheets/audit.scss */
.home-child-card-dt {
  display: inline-flex;
  height: 25rem;
  padding: 2.5rem 2rem;
  flex-direction: column;
  align-items: center;
  gap: 4.5rem;
  flex-shrink: 0;
  width: 14.875rem;
  box-shadow: 0px 8px 40px 0px rgba(0, 0, 0, 0.08);
  transition: .4s all ease-in-out;
  border-radius: 1.25rem;
  background: #FFF;
  cursor: pointer;
}
/* line 2652, /app/app/assets/stylesheets/audit.scss */
.home-child-card-dt .top-wrap-dt {
  display: flex;
  flex-direction: column;
  align-items: center;
  align-self: stretch;
  height: 13.25rem;
  transition: all .4s ease-in-out;
}
/* line 2660, /app/app/assets/stylesheets/audit.scss */
.home-child-card-dt .top-wrap-dt h4 {
  align-self: stretch;
  text-align: center;
  font-family: Work Sans;
  font-size: 1.5rem;
  font-style: normal;
  font-weight: 600;
  line-height: 2rem;
  transition: all .4s ease-in-out;
}
/* line 2671, /app/app/assets/stylesheets/audit.scss */
.home-child-card-dt .top-wrap-dt h4.heading-non-premium {
  color: #636363;
}
/* line 2675, /app/app/assets/stylesheets/audit.scss */
.home-child-card-dt .top-wrap-dt h4.heading-premium {
  color: #EF9B40;
}
/* line 2679, /app/app/assets/stylesheets/audit.scss */
.home-child-card-dt .top-wrap-dt h4.heading-premium-unlinked {
  color: #999;
}
/* line 2683, /app/app/assets/stylesheets/audit.scss */
.home-child-card-dt .top-wrap-dt .top-wrap-badge {
  display: flex;
  padding: 0.125rem 0.5rem;
  align-items: center;
  justify-content: center;
  gap: 0.25rem;
  border-radius: 62.5rem;
  box-shadow: 0px 8px 40px 0px rgba(0, 0, 0, 0.08);
  width: 4.9375rem;
  height: 1.25rem !important;
  transition: all .4s ease-in-out;
}
/* line 2695, /app/app/assets/stylesheets/audit.scss */
.home-child-card-dt .top-wrap-dt .top-wrap-badge .top-wrap-badge-text {
  font-size: 0.875rem;
  font-style: normal;
  font-weight: 600;
  line-height: 1rem;
}
/* line 2703, /app/app/assets/stylesheets/audit.scss */
.home-child-card-dt .top-wrap-dt .top-wrap-badge.top-wrap-badge-premium {
  background: var(--bdl-accent-yellow-80, #F6CF4F);
  color: var(--bdl-neutral-0, #FFF);
}
/* line 2708, /app/app/assets/stylesheets/audit.scss */
.home-child-card-dt .top-wrap-dt .top-wrap-badge.top-wrap-badge-premium-unlinked {
  color: var(--bdl-neutral-0, #FFF);
  background: var(--bdl-neutral-60, #999);
}
/* line 2713, /app/app/assets/stylesheets/audit.scss */
.home-child-card-dt .top-wrap-dt .top-wrap-dt-svg-container {
  height: 8rem !important;
  width: 8rem !important;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: all .4s ease-in-out;
}
/* line 2721, /app/app/assets/stylesheets/audit.scss */
.home-child-card-dt .top-wrap-dt .top-wrap-dt-svg-container .card-msg {
  display: flex;
  height: 8rem;
  padding: 0.5rem;
  justify-content: center;
  align-items: center;
  gap: 0.5rem;
  align-self: stretch;
  border-radius: 0.625rem;
  background: var(--bdl-primary-10, #F1F8FF);
  color: var(--bdl-primary-60, #2395FD);
  text-align: center;
  font-family: Work Sans;
  font-size: 1rem;
  font-style: normal;
  font-weight: 600;
  line-height: 1.5rem;
}
/* line 2741, /app/app/assets/stylesheets/audit.scss */
.home-child-card-dt .top-wrap-dt .top-wrap-dt-svg-container.text-container {
  width: 10.875rem !important;
}
/* line 2746, /app/app/assets/stylesheets/audit.scss */
.home-child-card-dt .top-wrap-dt.wrap-regular {
  gap: 3.25rem;
}
/* line 2750, /app/app/assets/stylesheets/audit.scss */
.home-child-card-dt .top-wrap-dt.wrap-premium {
  gap: 1rem;
}
/* line 2754, /app/app/assets/stylesheets/audit.scss */
.home-child-card-dt .card-action {
  display: flex;
  padding: 0.5rem 0rem;
  justify-content: center;
  align-items: center;
  align-self: stretch;
  border-radius: 0.625rem;
  font-size: 1rem;
  font-style: normal;
  font-weight: 500;
  line-height: 1.5rem;
  width: 10.875rem;
  background: #2395FD;
  color: #FFF;
  border: 1px solid #2395FD;
}
/* line 2771, /app/app/assets/stylesheets/audit.scss */
.home-child-card-dt .card-action.linked-or-regular {
  border: 1px solid var(--bdl-primary-40, #91CAFF);
  background: var(--bdl-primary-10, #F1F8FF);
  color: var(--bdl-primary-40, #91CAFF);
}

/* line 2778, /app/app/assets/stylesheets/audit.scss */
.home-child-card-dt.border-non-premium,
.border-premium,
.border-unlinked {
  border: 3px solid transparent;
  transition: all .4s ease-in-out;
}

/* line 2785, /app/app/assets/stylesheets/audit.scss */
.home-child-card-dt:hover {
  width: 15.875rem;
  height: 26.25rem;
}
/* line 2789, /app/app/assets/stylesheets/audit.scss */
.home-child-card-dt:hover .top-wrap-dt {
  height: 14.25rem;
}
/* line 2792, /app/app/assets/stylesheets/audit.scss */
.home-child-card-dt:hover .top-wrap-dt h4 {
  font-size: 1.625rem;
}
/* line 2797, /app/app/assets/stylesheets/audit.scss */
.home-child-card-dt:hover .top-wrap-dt .top-wrap-dt-svg-container {
  height: 8.5rem !important;
  width: 8.5rem !important;
}
/* line 2802, /app/app/assets/stylesheets/audit.scss */
.home-child-card-dt:hover .top-wrap-dt .top-wrap-dt-svg-container.text-container {
  width: 11.875rem !important;
  height: 8.5rem !important;
}

/* line 2809, /app/app/assets/stylesheets/audit.scss */
.bdl-border-primary {
  border: 1px solid var(--bdl-primary-60, #2395FD);
}

/* line 2813, /app/app/assets/stylesheets/audit.scss */
.bdl-toggle-container {
  position: relative;
  display: inline-block;
  width: 3rem;
  height: 1rem;
}
/* line 2819, /app/app/assets/stylesheets/audit.scss */
.bdl-toggle-container input {
  opacity: 0;
  width: 0;
  height: 0;
}

/* line 2826, /app/app/assets/stylesheets/audit.scss */
.bdl-toggle {
  position: absolute;
  cursor: pointer;
  width: 3rem;
  height: 1.5rem;
  gap: 0.5rem;
  border-radius: 62.5rem;
  background: #E2E2E2;
  -webkit-transition: .4s;
  transition: .4s;
}

/* line 2838, /app/app/assets/stylesheets/audit.scss */
.bdl-toggle:before {
  position: absolute;
  content: "";
  height: 1rem;
  width: 1rem;
  left: 0.25rem;
  bottom: 0.25rem;
  background-color: #999;
  border-radius: 62.5rem;
  -webkit-transition: .4s;
  transition: .4s;
}

/* line 2851, /app/app/assets/stylesheets/audit.scss */
input:checked + .bdl-toggle {
  background-color: #C8E4FF;
}

/* line 2855, /app/app/assets/stylesheets/audit.scss */
input:focus + .bdl-toggle {
  box-shadow: 0px 8px 40px 0px rgba(0, 0, 0, 0.08);
}

/* line 2859, /app/app/assets/stylesheets/audit.scss */
input:checked + .bdl-toggle:before {
  -webkit-transform: translateX(1.5rem);
  -ms-transform: translateX(1.5rem);
  transform: translateX(1.5rem);
  background-color: #2395FD;
}

/* line 2866, /app/app/assets/stylesheets/audit.scss */
.bdl-large-tabs-menu {
  display: inline-flex;
  align-items: flex-start;
  border-radius: 0.5rem;
  box-shadow: 0px 8px 40px 0px rgba(0, 0, 0, 0.08);
}
/* line 2872, /app/app/assets/stylesheets/audit.scss */
.bdl-large-tabs-menu .bdl-large-tab {
  display: flex;
  width: 6.5625rem;
  height: 2.4375rem;
  padding: 0.5rem;
  justify-content: center;
  align-items: center;
  gap: 0.5rem;
  cursor: pointer;
}
/* line 2883, /app/app/assets/stylesheets/audit.scss */
.bdl-large-tabs-menu .bdl-large-tab.inactive {
  background: var(--bdl-neutral-20, #F4F4F4);
  color: #999;
}
/* line 2888, /app/app/assets/stylesheets/audit.scss */
.bdl-large-tabs-menu .bdl-large-tab.inactive svg path {
  fill: #999 !important;
}
/* line 2892, /app/app/assets/stylesheets/audit.scss */
.bdl-large-tabs-menu .bdl-large-tab.inactive svg circle {
  fill: #999 !important;
}
/* line 2898, /app/app/assets/stylesheets/audit.scss */
.bdl-large-tabs-menu .bdl-large-tab.inactive:hover {
  background: var(--bdl-neutral-0, #FFF);
}
/* line 2902, /app/app/assets/stylesheets/audit.scss */
.bdl-large-tabs-menu .bdl-large-tab.active {
  background: var(--bdl-neutral-0, #FFF);
  color: #2395FD;
}
/* line 2907, /app/app/assets/stylesheets/audit.scss */
.bdl-large-tabs-menu .bdl-large-tab.active svg path {
  fill: #2395FD !important;
}
/* line 2911, /app/app/assets/stylesheets/audit.scss */
.bdl-large-tabs-menu .bdl-large-tab.active svg circle {
  fill: #2395FD !important;
}
/* line 2917, /app/app/assets/stylesheets/audit.scss */
.bdl-large-tabs-menu .bdl-large-tab.curved-right {
  border-top-right-radius: .5rem;
  border-bottom-right-radius: .5rem;
}
/* line 2922, /app/app/assets/stylesheets/audit.scss */
.bdl-large-tabs-menu .bdl-large-tab.curved-left {
  border-top-left-radius: .5rem;
  border-bottom-left-radius: .5rem;
}

/* line 2928, /app/app/assets/stylesheets/audit.scss */
.bdl-students-added-mb-modal {
  width: 21rem !important;
  height: 23.4375rem;
  gap: 1rem !important;
}

/* line 2934, /app/app/assets/stylesheets/audit.scss */
.bdl-at-home-access-modal {
  display: flex;
  width: 34.5rem;
  padding: 1rem 1.5rem;
  flex-direction: column;
  align-items: flex-start;
  gap: 1.5rem;
  border-radius: 1.875rem !important;
  background: var(--bdl-neutral-0, #FFF);
  box-shadow: 0px 8px 40px 0px rgba(0, 0, 0, 0.08);
}
/* line 2945, /app/app/assets/stylesheets/audit.scss */
.bdl-at-home-access-modal .at-home-header {
  display: flex;
  align-items: center;
  align-self: stretch;
}
/* line 2950, /app/app/assets/stylesheets/audit.scss */
.bdl-at-home-access-modal .at-home-header .header-text {
  color: var(--bdl-neutral-100, #000);
  font-family: "Work Sans";
  font-size: 1.5rem;
  font-style: normal;
  font-weight: 600;
  line-height: 2rem;
  /* 133.333% */
  margin-top: auto;
  margin-bottom: auto;
}
/* line 2963, /app/app/assets/stylesheets/audit.scss */
.bdl-at-home-access-modal .at-home-modal-wrap {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 1rem;
  align-self: stretch;
}
/* line 2970, /app/app/assets/stylesheets/audit.scss */
.bdl-at-home-access-modal .at-home-modal-wrap .four-simple-ways-text {
  align-self: stretch;
  color: #000;
  font-family: "Work Sans";
  font-size: 1rem;
  font-style: normal;
  font-weight: 400;
  line-height: 1.5rem;
  /* 150% */
}
/* line 2981, /app/app/assets/stylesheets/audit.scss */
.bdl-at-home-access-modal .at-home-modal-wrap .bdl-modal-card-dt {
  display: flex;
  padding: 1rem 1.5rem;
  align-items: center;
  gap: 1.5rem;
  align-self: stretch;
  border-radius: 1.875rem;
  outline: 1px solid var(--bdl-primary-60, #2395FD) !important;
  cursor: pointer;
}
/* line 2992, /app/app/assets/stylesheets/audit.scss */
.bdl-at-home-access-modal .at-home-modal-wrap .bdl-modal-card-dt:hover {
  outline: 2px solid var(--bdl-primary-60, #2395FD) !important;
}
/* line 2997, /app/app/assets/stylesheets/audit.scss */
.bdl-at-home-access-modal .at-home-footer {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 1.5rem;
  align-self: stretch;
}
/* line 3004, /app/app/assets/stylesheets/audit.scss */
.bdl-at-home-access-modal .at-home-footer button {
  border-radius: 0.625rem;
  background: var(--bdl-primary-60, #2395FD);
  display: flex;
  padding: 0.5rem 1rem;
  justify-content: center;
  align-items: center;
  gap: 0.5rem;
  border: none;
}

/* line 3018, /app/app/assets/stylesheets/audit.scss */
.bdl-at-home-access-modal-mb {
  display: inline-flex;
  padding: 1rem;
  flex-direction: column;
  align-items: flex-start;
  gap: 1rem;
  width: 21rem !important;
  border-radius: 1.375rem !important;
  background: var(--bdl-neutral-0, #FFF);
}
/* line 3028, /app/app/assets/stylesheets/audit.scss */
.bdl-at-home-access-modal-mb .at-home-header {
  display: flex;
  width: 19rem !important;
  align-items: center;
  gap: 0.5rem;
}
/* line 3034, /app/app/assets/stylesheets/audit.scss */
.bdl-at-home-access-modal-mb .at-home-header .header-text {
  color: var(--bdl-neutral-100, #000);
  font-family: "Work Sans";
  font-size: 1rem;
  font-style: normal;
  font-weight: 600;
  line-height: 1.5rem;
  /* 150% */
  margin-top: auto;
  margin-bottom: auto;
}
/* line 3047, /app/app/assets/stylesheets/audit.scss */
.bdl-at-home-access-modal-mb .at-home-modal-wrap {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 0.5rem;
  align-self: stretch;
  width: 100% !important;
}
/* line 3055, /app/app/assets/stylesheets/audit.scss */
.bdl-at-home-access-modal-mb .at-home-modal-wrap .four-simple-ways-text {
  align-self: stretch;
  color: #000;
  font-family: "Work Sans";
  font-size: 1rem;
  font-style: normal;
  font-weight: 400;
  line-height: 1.5rem;
  /* 150% */
}
/* line 3066, /app/app/assets/stylesheets/audit.scss */
.bdl-at-home-access-modal-mb .at-home-modal-wrap .bdl-modal-card-mb {
  display: flex;
  width: 19rem !important;
  padding: 1rem;
  align-items: center;
  gap: 1.5rem;
  border-radius: 1.375rem;
  background: var(--bdl-neutral-0, #FFF);
  outline: 1px solid var(--bdl-primary-60, #2395FD) !important;
  cursor: pointer;
}
/* line 3077, /app/app/assets/stylesheets/audit.scss */
.bdl-at-home-access-modal-mb .at-home-modal-wrap .bdl-modal-card-mb .card-text-mb {
  align-self: stretch;
  color: var(--bdl-neutral-100, #000);
  font-family: "Work Sans";
  font-size: 1rem;
  font-style: normal;
  font-weight: 600;
  line-height: 1.5rem;
  /* 150% */
  margin-top: auto;
  margin-bottom: auto;
}
/* line 3091, /app/app/assets/stylesheets/audit.scss */
.bdl-at-home-access-modal-mb .at-home-modal-wrap .bdl-modal-card-mb:hover {
  outline: 2px solid var(--bdl-primary-60, #2395FD) !important;
}
/* line 3096, /app/app/assets/stylesheets/audit.scss */
.bdl-at-home-access-modal-mb .at-home-footer {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 1.5rem;
  align-self: stretch;
}
/* line 3103, /app/app/assets/stylesheets/audit.scss */
.bdl-at-home-access-modal-mb .at-home-footer button {
  border-radius: 0.625rem;
  background: var(--bdl-primary-60, #2395FD);
  display: flex;
  padding: 0.5rem 1rem;
  justify-content: center;
  align-items: center;
  gap: 0.5rem;
  border: none;
}

/* line 3118, /app/app/assets/stylesheets/audit.scss */
.home-child-card-dt:hover.border-non-premium {
  border: 3px solid var(--bdl-primary-40, #91CAFF);
}

/* line 3122, /app/app/assets/stylesheets/audit.scss */
.home-child-card-dt:hover.border-premium {
  border: 3px solid var(--bdl-accent-yellow-80, #F6CF4F);
}

/* line 3126, /app/app/assets/stylesheets/audit.scss */
.home-child-card-dt:hover.border-unlinked {
  border: 3px solid var(--bdl-primary-60, #2395FD);
}

/* line 3131, /app/app/assets/stylesheets/audit.scss */
.svg-color-secondary-1 path {
  fill: #2395FD;
}
/* line 3135, /app/app/assets/stylesheets/audit.scss */
.svg-color-secondary-1 circle {
  fill: #2395FD;
}

/* line 3141, /app/app/assets/stylesheets/audit.scss */
.svg-neutral-80-color path {
  fill: #636363;
}
/* line 3145, /app/app/assets/stylesheets/audit.scss */
.svg-neutral-80-color circle {
  fill: #636363;
}

/* line 3150, /app/app/assets/stylesheets/audit.scss */
.parent-link-modal {
  display: inline-flex !important;
  padding: 1.5rem 2rem !important;
  flex-direction: column !important;
  align-items: flex-start !important;
  gap: 1rem !important;
  border-radius: 1.875rem !important;
  background: var(--bdl-neutral-0, #FFF) !important;
}
/* line 3159, /app/app/assets/stylesheets/audit.scss */
.parent-link-modal .parent-link-modal-form-input {
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;
  margin-top: 1rem;
}
/* line 3165, /app/app/assets/stylesheets/audit.scss */
.parent-link-modal .parent-link-modal-form-input label {
  display: flex !important;
  padding-bottom: 0px !important;
  align-items: center !important;
  color: #000 !important;
  font-family: Work Sans !important;
  font-size: 1rem !important;
  font-style: normal !important;
  font-weight: 400 !important;
  line-height: 1.5rem !important;
}
/* line 3177, /app/app/assets/stylesheets/audit.scss */
.parent-link-modal .parent-link-modal-form-input input {
  display: flex !important;
  width: 25rem !important;
  padding: 0.5rem 1rem !important;
  align-items: flex-start !important;
  margin-top: .5rem !important;
  border-radius: 0.625rem !important;
  background: var(--bdl-neutral-20, #F4F4F4) !important;
  border: none;
}
/* line 3189, /app/app/assets/stylesheets/audit.scss */
.parent-link-modal #homeLinkLoginErr {
  color: var(--bdl-func-neg, #E3365D);
  align-self: stretch;
  font-family: Work Sans;
  font-size: 1rem;
  font-style: normal;
  font-weight: 400;
  line-height: 1.5rem;
  /* 150% */
  margin-top: 1rem;
  margin-bottom: 1rem;
}

/* line 3203, /app/app/assets/stylesheets/audit.scss */
.parent-home-link-modal-header {
  display: flex !important;
  justify-content: space-between !important;
  width: 100% !important;
  height: 2rem !important;
  padding: 0rem !important;
  border-bottom: none !important;
}

/** more to come */
/* line 3213, /app/app/assets/stylesheets/audit.scss */
.svg-circular-wrapper {
  display: flex;
  padding: 2rem;
  align-items: flex-start;
  gap: 0.5rem;
  border-radius: 62.5rem;
  background: var(--bdl-primary-10, #F1F8FF);
}

/* line 3222, /app/app/assets/stylesheets/audit.scss */
.svg-circular-wrapper-mb {
  display: flex;
  padding: 1rem;
  align-items: flex-start;
  gap: 0.5rem;
  border-radius: 62.5rem;
  background: var(--bdl-primary-10, #F1F8FF);
}

/* line 3231, /app/app/assets/stylesheets/audit.scss */
.share-via-link-modal {
  display: inline-flex;
  padding: 1rem 1.5rem;
  flex-direction: column;
  align-items: flex-start;
  gap: 1.5rem;
  border-radius: 1.875rem !important;
  background: var(--bdl-neutral-0, #FFF);
  box-shadow: 0px 8px 40px 0px rgba(0, 0, 0, 0.08) !important;
  width: 29.6875rem !important;
}
/* line 3242, /app/app/assets/stylesheets/audit.scss */
.share-via-link-modal .share-via-link-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  align-self: stretch;
}
/* line 3248, /app/app/assets/stylesheets/audit.scss */
.share-via-link-modal .share-via-link-header h2 {
  color: var(--bdl-neutral-100, #000);
  text-align: center;
  font-family: "Work Sans";
  font-size: 1.5rem;
  font-style: normal;
  font-weight: 600;
  line-height: 2rem;
  margin-top: auto;
  margin-bottom: auto;
}
/* line 3261, /app/app/assets/stylesheets/audit.scss */
.share-via-link-modal .modal-wrap {
  display: flex;
  padding-bottom: 0.5rem;
  flex-direction: column;
  align-items: flex-start;
  gap: 1rem;
}
/* line 3268, /app/app/assets/stylesheets/audit.scss */
.share-via-link-modal .modal-wrap .para {
  color: #000;
  font-family: "Work Sans";
  font-size: 1rem;
  font-style: normal;
  font-weight: 400;
  line-height: 1.5rem;
  /* 150% */
}
/* line 3278, /app/app/assets/stylesheets/audit.scss */
.share-via-link-modal .modal-wrap .bdl-copy-url-dt {
  display: flex;
  align-items: center;
  gap: 1rem;
}
/* line 3283, /app/app/assets/stylesheets/audit.scss */
.share-via-link-modal .modal-wrap .bdl-copy-url-dt .bdl-url {
  display: flex;
  padding: 0.75rem 1rem;
  align-items: flex-start;
  gap: 0.5rem;
  border-radius: 62.5rem;
  border: 1px solid var(--bdl-primary-60, #2395FD);
  background: var(--bdl-primary-10, #F1F8FF);
  width: 19.1875rem !important;
}
/* line 3294, /app/app/assets/stylesheets/audit.scss */
.share-via-link-modal .modal-wrap .bdl-copy-url-dt .bdl-copy-button {
  display: flex;
  padding: 0.5rem 1rem;
  justify-content: center;
  align-items: center;
  gap: 0.5rem;
  border-radius: 0.625rem;
  border: 1px solid var(--bdl-primary-60, #2395FD);
  background: var(--bdl-neutral-0, #FFF);
  width: 6.4375rem !important;
  color: #2395FD;
}
/* line 3308, /app/app/assets/stylesheets/audit.scss */
.share-via-link-modal .modal-wrap .url-copy-button {
  display: flex;
  padding: 0.5rem 1rem;
  justify-content: center;
  align-items: center;
  gap: 0.5rem;
  border-radius: 0.625rem;
  border: 1px solid var(--bdl-primary-60, #2395FD);
  background: var(--bdl-neutral-0, #FFF);
  color: #2395FD;
}

/* line 3322, /app/app/assets/stylesheets/audit.scss */
.share-via-link-modal-mb {
  display: inline-flex;
  padding: 1rem;
  flex-direction: column;
  align-items: flex-start;
  gap: 1rem;
  border-radius: 1.375rem !important;
  background: var(--bdl-neutral-0, #FFF);
  width: 21rem !important;
}
/* line 3333, /app/app/assets/stylesheets/audit.scss */
.share-via-link-modal-mb .share-via-link-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  align-self: stretch;
  width: 19rem !important;
}
/* line 3340, /app/app/assets/stylesheets/audit.scss */
.share-via-link-modal-mb .share-via-link-header h2 {
  color: var(--bdl-neutral-100, #000);
  text-align: center;
  font-family: "Work Sans";
  font-size: 1rem;
  font-style: normal;
  font-weight: 600;
  line-height: 1.5rem;
  /* 150% */
  margin-top: auto;
  margin-bottom: auto;
}
/* line 3354, /app/app/assets/stylesheets/audit.scss */
.share-via-link-modal-mb .modal-wrap {
  display: flex;
  padding-bottom: 0.5rem;
  flex-direction: column;
  align-items: flex-start;
  gap: 1rem;
  width: 100% !important;
  background: var(--bdl-neutral-0, #FFF);
}
/* line 3363, /app/app/assets/stylesheets/audit.scss */
.share-via-link-modal-mb .modal-wrap .para {
  color: #000;
  font-family: "Work Sans";
  font-size: 1rem;
  font-style: normal;
  font-weight: 400;
  line-height: 1.5rem;
  /* 150% */
}
/* line 3373, /app/app/assets/stylesheets/audit.scss */
.share-via-link-modal-mb .modal-wrap .bdl-copy-url-dt {
  display: flex;
  align-items: center;
  gap: 1rem;
  width: 19rem !important;
}
/* line 3379, /app/app/assets/stylesheets/audit.scss */
.share-via-link-modal-mb .modal-wrap .bdl-copy-url-dt .bdl-url {
  display: flex;
  padding: 0.75rem 1rem;
  align-items: flex-start;
  gap: 0.5rem;
  border-radius: 62.5rem;
  border: 1px solid var(--bdl-primary-60, #2395FD);
  background: var(--bdl-primary-10, #F1F8FF);
  width: 17.4375rem !important;
  overflow-x: hidden !important;
}
/* line 3391, /app/app/assets/stylesheets/audit.scss */
.share-via-link-modal-mb .modal-wrap .bdl-copy-url-dt .bdl-copy-button {
  display: flex;
  padding: 0.5rem 1rem;
  justify-content: center;
  align-items: center;
  gap: 0.5rem;
  border-radius: 0.625rem;
  border: 1px solid var(--bdl-primary-60, #2395FD);
  background: var(--bdl-neutral-0, #FFF);
  color: #2395FD;
}
/* line 3404, /app/app/assets/stylesheets/audit.scss */
.share-via-link-modal-mb .modal-wrap .url-copy-button {
  display: flex;
  padding: 0.5rem 1rem;
  justify-content: center;
  align-items: center;
  gap: 0.5rem;
  border-radius: 0.625rem;
  border: 1px solid var(--bdl-primary-60, #2395FD);
  background: var(--bdl-neutral-0, #FFF);
  color: #2395FD;
}

/* line 3419, /app/app/assets/stylesheets/audit.scss */
.bdl-icon-btn-grey {
  display: inline-flex;
  align-items: flex-start;
  gap: 0.5rem;
}
/* line 3424, /app/app/assets/stylesheets/audit.scss */
.bdl-icon-btn-grey path {
  fill: var(--bdl-neutral-60, #999999);
}

/* line 3431, /app/app/assets/stylesheets/audit.scss */
.bdl-icon-btn-grey:hover path,
.bdl-icon-btn-grey-active path {
  fill: var(--bdl-neutral-80, #636363);
}

/* line 3436, /app/app/assets/stylesheets/audit.scss */
.bdl-p-plan-page-dt {
  background: var(--bdl-bg-gradient, radial-gradient(117.51% 115.72% at 9.42% 94.09%, #FAFDFF 6.27%, #EBF5FF 56.79%, #FFF 100%, #FFF 100%));
}
/* line 3439, /app/app/assets/stylesheets/audit.scss */
.bdl-p-plan-page-dt .bdl-nav-dt {
  display: flex;
  height: 5.5rem;
  padding: 1.5rem 3.75rem 1.5rem 3.625rem;
  justify-content: space-between;
  align-items: center;
}
/* line 3446, /app/app/assets/stylesheets/audit.scss */
.bdl-p-plan-page-dt .bdl-nav-dt .left-wrap {
  display: flex;
  align-items: center;
  gap: 3.5rem;
}
/* line 3451, /app/app/assets/stylesheets/audit.scss */
.bdl-p-plan-page-dt .bdl-nav-dt .left-wrap .bdl-button {
  display: flex;
  padding: 0.5rem 0rem;
  justify-content: center;
  align-items: center;
  gap: 0.5rem;
}
/* line 3458, /app/app/assets/stylesheets/audit.scss */
.bdl-p-plan-page-dt .bdl-nav-dt .left-wrap .bdl-button .svg-left-arrow-icon {
  display: flex;
  width: 1.5rem;
  height: 1.5rem;
  justify-content: center;
  align-items: center;
}
/* line 3466, /app/app/assets/stylesheets/audit.scss */
.bdl-p-plan-page-dt .bdl-nav-dt .left-wrap .bdl-button .btn-text {
  font-family: "Work Sans";
  font-size: 1rem;
  font-style: normal;
  font-weight: 500;
  line-height: 1.5rem;
}
/* line 3475, /app/app/assets/stylesheets/audit.scss */
.bdl-p-plan-page-dt .bdl-nav-dt .left-wrap .svg-boddle-logo-icon {
  display: flex;
  width: 2rem;
  height: 2rem;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
/* line 3485, /app/app/assets/stylesheets/audit.scss */
.bdl-p-plan-page-dt .bdl-nav-dt .right-wrap {
  display: flex;
  height: 2.5rem;
  align-items: center;
  gap: 1rem;
  flex-shrink: 0;
}
/* line 3492, /app/app/assets/stylesheets/audit.scss */
.bdl-p-plan-page-dt .bdl-nav-dt .right-wrap .bdl-avatar {
  display: flex;
  width: 2.5rem;
  height: 2.5rem;
  padding: 0.25rem 0.5rem;
  justify-content: center;
  align-items: center;
  border-radius: 62.5rem;
  background: var(--bdl-neutral-0, #FFF);
  box-shadow: 0px 8px 40px 0px rgba(0, 0, 0, 0.08);
}
/* line 3506, /app/app/assets/stylesheets/audit.scss */
.bdl-p-plan-page-dt .bdl-p-plan-page {
  display: flex;
  padding-top: 1rem;
  padding-bottom: 8rem;
  flex-direction: column;
  align-items: flex-start;
}
/* line 3513, /app/app/assets/stylesheets/audit.scss */
.bdl-p-plan-page-dt .bdl-p-plan-page .bdl-p-plan-page-empty-block {
  height: 100%;
}
/* line 3517, /app/app/assets/stylesheets/audit.scss */
.bdl-p-plan-page-dt .bdl-p-plan-page .bdl-p-plan-page-container {
  gap: 40px;
}
/* line 3520, /app/app/assets/stylesheets/audit.scss */
.bdl-p-plan-page-dt .bdl-p-plan-page .bdl-p-plan-page-container .heading-2-bold {
  font-family: "Work Sans";
  font-size: 2.625rem;
  font-style: normal;
  font-weight: 600;
  line-height: 3.5rem;
}
/* line 3528, /app/app/assets/stylesheets/audit.scss */
.bdl-p-plan-page-dt .bdl-p-plan-page .bdl-p-plan-page-container .bdl-banner-msg-dt {
  display: flex;
  padding: 0.5rem 1.5rem;
  justify-content: center;
  align-items: center;
  gap: 1rem;
  align-self: stretch;
  border-radius: 0.75rem;
  background: var(--bdl-accent-orange-80, #EF9B40);
  box-shadow: 0px 8px 40px 0px rgba(0, 0, 0, 0.08);
}
/* line 3539, /app/app/assets/stylesheets/audit.scss */
.bdl-p-plan-page-dt .bdl-p-plan-page .bdl-p-plan-page-container .bdl-banner-msg-dt .bdl-banner-msg-text {
  color: var(--bdl-neutral-0, #FFF);
  font-family: "Work Sans";
  font-size: 1rem;
  font-style: normal;
  font-weight: 600;
  line-height: 1.5rem;
}
/* line 3549, /app/app/assets/stylesheets/audit.scss */
.bdl-p-plan-page-dt .bdl-p-plan-page .bdl-p-plan-page-container .bdl-p-plan-container {
  display: flex;
  align-items: flex-start;
  flex-direction: row;
  grid-row-gap: 1rem;
}
/* line 3555, /app/app/assets/stylesheets/audit.scss */
.bdl-p-plan-page-dt .bdl-p-plan-page .bdl-p-plan-page-container .bdl-p-plan-container .bdl-p-plan {
  display: flex;
  height: 15rem;
  padding: 1.5rem;
  gap: 0.5rem;
  border-radius: 1.375rem;
  border: 1px solid var(--bdl-primary-60, #2395FD);
  background: var(--bdl-primary-10, #F1F8FF);
}
/* line 3564, /app/app/assets/stylesheets/audit.scss */
.bdl-p-plan-page-dt .bdl-p-plan-page .bdl-p-plan-page-container .bdl-p-plan-container .bdl-p-plan .bdl-check-input {
  display: flex;
  width: 2rem;
  height: 2.5rem;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  flex-shrink: 0;
}
/* line 3574, /app/app/assets/stylesheets/audit.scss */
.bdl-p-plan-page-dt .bdl-p-plan-page .bdl-p-plan-page-container .bdl-p-plan-container .bdl-p-plan .plan-selection_wrap {
  display: flex;
  flex: 1;
  flex-direction: column;
  align-items: flex-start;
}
/* line 3580, /app/app/assets/stylesheets/audit.scss */
.bdl-p-plan-page-dt .bdl-p-plan-page .bdl-p-plan-page-container .bdl-p-plan-container .bdl-p-plan .plan-selection_wrap .plan-selection-name-wrap {
  display: flex;
  flex-direction: row;
  display: flex;
  align-items: center;
  gap: 0.25rem;
  align-self: stretch;
}
/* line 3588, /app/app/assets/stylesheets/audit.scss */
.bdl-p-plan-page-dt .bdl-p-plan-page .bdl-p-plan-page-container .bdl-p-plan-container .bdl-p-plan .plan-selection_wrap .plan-selection-name-wrap .bdl-pill-badge {
  display: flex;
  padding: 0.125rem 0.5rem;
  align-items: center;
  gap: 0.25rem;
  border-radius: 62.5rem;
  background: #D7303E !important;
  box-shadow: 0px 8px 40px 0px rgba(0, 0, 0, 0.08);
}
/* line 3597, /app/app/assets/stylesheets/audit.scss */
.bdl-p-plan-page-dt .bdl-p-plan-page .bdl-p-plan-page-container .bdl-p-plan-container .bdl-p-plan .plan-selection_wrap .plan-selection-name-wrap .bdl-pill-badge .bdl-pill-badge-text {
  color: var(--bdl-accent-orange-10, #FBE6CF);
  font-family: "Work Sans";
  font-size: 0.875rem;
  font-style: normal;
  font-weight: 600;
  line-height: 1rem;
}
/* line 3607, /app/app/assets/stylesheets/audit.scss */
.bdl-p-plan-page-dt .bdl-p-plan-page .bdl-p-plan-page-container .bdl-p-plan-container .bdl-p-plan .plan-selection_wrap .plan-selection-name-wrap .plan-selection_name {
  font-family: "Work Sans";
  font-size: 1.25rem;
  font-style: normal;
  font-weight: 600;
  line-height: 2rem;
}
/* line 3616, /app/app/assets/stylesheets/audit.scss */
.bdl-p-plan-page-dt .bdl-p-plan-page .bdl-p-plan-page-container .bdl-p-plan-container .bdl-p-plan .plan-selection_wrap .plan-selection_price {
  font-family: "Work Sans";
  font-size: 1.625rem;
  font-style: normal;
  font-weight: 600;
  line-height: 2.5rem;
}
/* line 3624, /app/app/assets/stylesheets/audit.scss */
.bdl-p-plan-page-dt .bdl-p-plan-page .bdl-p-plan-page-container .bdl-p-plan-container .bdl-p-plan .plan-selection_wrap .plan-selection-price-wrap {
  display: flex;
  flex-direction: column;
}
/* line 3628, /app/app/assets/stylesheets/audit.scss */
.bdl-p-plan-page-dt .bdl-p-plan-page .bdl-p-plan-page-container .bdl-p-plan-container .bdl-p-plan .plan-selection_wrap .plan-selection-price-wrap .plan-selection-price-canceled {
  color: var(--bdl-neutral-100, #000);
  font-family: "Work Sans";
  font-size: 1.625rem;
  font-style: normal;
  font-weight: 600;
  line-height: 2.5rem;
  text-decoration: line-through;
}
/* line 3638, /app/app/assets/stylesheets/audit.scss */
.bdl-p-plan-page-dt .bdl-p-plan-page .bdl-p-plan-page-container .bdl-p-plan-container .bdl-p-plan .plan-selection_wrap .plan-selection-price-wrap .plan-selection-price-on-sale {
  color: #96222B !important;
  font-family: "Work Sans";
  font-size: 1.625rem;
  font-style: normal;
  font-weight: 600;
  line-height: 2.5rem;
}
/* line 3648, /app/app/assets/stylesheets/audit.scss */
.bdl-p-plan-page-dt .bdl-p-plan-page .bdl-p-plan-page-container .bdl-p-plan-container .bdl-p-plan .plan-selection_wrap .plan-selection_notice {
  font-family: "Work Sans";
  font-size: 1rem;
  font-style: normal;
  font-weight: 400;
  line-height: 1.5rem;
}
/* line 3658, /app/app/assets/stylesheets/audit.scss */
.bdl-p-plan-page-dt .bdl-p-plan-page .bdl-p-plan-page-container .bdl-p-plan-container .bdl-p-plan:has(input[type="radio"]:checked) {
  border: 2px solid var(--bdl-primary-60, #2395FD);
  background: var(--bdl-neutral-0, #FFF);
}
/* line 3663, /app/app/assets/stylesheets/audit.scss */
.bdl-p-plan-page-dt .bdl-p-plan-page .bdl-p-plan-page-container .bdl-p-plan-container .bdl-p-plan:hover {
  border: 2px solid var(--bdl-primary-60, #2395FD);
}
/* line 3668, /app/app/assets/stylesheets/audit.scss */
.bdl-p-plan-page-dt .bdl-p-plan-page .bdl-p-plan-page-container .bdl-p-plan-cart {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 1rem;
  align-self: stretch;
}
/* line 3675, /app/app/assets/stylesheets/audit.scss */
.bdl-p-plan-page-dt .bdl-p-plan-page .bdl-p-plan-page-container .bdl-p-plan-cart .plan-discount-note {
  display: flex;
  align-items: center;
  gap: 0.25rem;
  align-self: stretch;
}
/* line 3681, /app/app/assets/stylesheets/audit.scss */
.bdl-p-plan-page-dt .bdl-p-plan-page .bdl-p-plan-page-container .bdl-p-plan-cart .plan-discount-note .plan-discount-note-text {
  color: var(--bdl-neutral-100, #000);
  font-family: "Work Sans";
  font-size: 0.875rem;
  font-style: normal;
  font-weight: 400;
}
/* line 3689, /app/app/assets/stylesheets/audit.scss */
.bdl-p-plan-page-dt .bdl-p-plan-page .bdl-p-plan-page-container .bdl-p-plan-cart .plan-discount-note .svg-info-circle-icon {
  cursor: pointer;
  width: 1.25rem;
  height: 1.25rem;
  flex-shrink: 0;
  fill: var(--bdl-primary-60, #2395FD);
}
/* line 3697, /app/app/assets/stylesheets/audit.scss */
.bdl-p-plan-page-dt .bdl-p-plan-page .bdl-p-plan-page-container .bdl-p-plan-cart .plan-discount-note .svg-info-circle-icon-tooltip {
  display: flex;
  align-items: center;
  gap: 1.5rem;
  border-radius: 1rem;
  background: var(--bdl-neutral-0, #FFF);
  box-shadow: 0px 8px 40px 0px rgba(0, 0, 0, 0.08);
}
/* line 3707, /app/app/assets/stylesheets/audit.scss */
.bdl-p-plan-page-dt .bdl-p-plan-page .bdl-p-plan-page-container .bdl-p-plan-cart .bdl-p-plan-quantity {
  display: flex;
  align-items: center;
  gap: 2rem;
}
/* line 3712, /app/app/assets/stylesheets/audit.scss */
.bdl-p-plan-page-dt .bdl-p-plan-page .bdl-p-plan-page-container .bdl-p-plan-cart .bdl-p-plan-quantity .heading-5-bold {
  font-family: "Work Sans";
  font-size: 1.875rem;
  font-style: normal;
  font-weight: 600;
  line-height: 2.5rem;
}
/* line 3720, /app/app/assets/stylesheets/audit.scss */
.bdl-p-plan-page-dt .bdl-p-plan-page .bdl-p-plan-page-container .bdl-p-plan-cart .bdl-p-plan-quantity .bdl-pill-badge {
  display: flex;
  padding: 0.125rem 0.5rem;
  align-items: center;
  gap: 0.25rem;
  border-radius: 62.5rem;
  background: #D7303E !important;
  box-shadow: 0px 8px 40px 0px rgba(0, 0, 0, 0.08);
}
/* line 3729, /app/app/assets/stylesheets/audit.scss */
.bdl-p-plan-page-dt .bdl-p-plan-page .bdl-p-plan-page-container .bdl-p-plan-cart .bdl-p-plan-quantity .bdl-pill-badge .bdl-pill-badge-text {
  color: var(--bdl-accent-orange-10, #FBE6CF);
  font-family: "Work Sans";
  font-size: 0.875rem;
  font-style: normal;
  font-weight: 600;
  line-height: 1rem;
}
/* line 3740, /app/app/assets/stylesheets/audit.scss */
.bdl-p-plan-page-dt .bdl-p-plan-page .bdl-p-plan-page-container .bdl-p-plan-cart .bdl-p-cart-item-wraper {
  display: flex;
  min-height: 3.5rem;
  padding-left: 1.5rem;
  padding-right: 1.5rem;
  justify-content: space-between;
  align-items: center;
  align-self: stretch;
  border-radius: 0.75rem;
  background: var(--bdl-neutral-0, #FFF);
  box-shadow: 0px 8px 40px 0px rgba(0, 0, 0, 0.08);
}
/* line 3752, /app/app/assets/stylesheets/audit.scss */
.bdl-p-plan-page-dt .bdl-p-plan-page .bdl-p-plan-page-container .bdl-p-plan-cart .bdl-p-cart-item-wraper .bdl-p-cart-item {
  display: flex;
  justify-content: space-between;
  align-items: center;
  align-self: stretch;
  width: 100%;
}
/* line 3759, /app/app/assets/stylesheets/audit.scss */
.bdl-p-plan-page-dt .bdl-p-plan-page .bdl-p-plan-page-container .bdl-p-plan-cart .bdl-p-cart-item-wraper .bdl-p-cart-item .bdl-cart-item-plan {
  font-family: "Work Sans";
  font-size: 1rem;
  font-style: normal;
  font-weight: 600;
  line-height: 1.5rem;
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
}
/* line 3769, /app/app/assets/stylesheets/audit.scss */
.bdl-p-plan-page-dt .bdl-p-plan-page .bdl-p-plan-page-container .bdl-p-plan-cart .bdl-p-cart-item-wraper .bdl-p-cart-item .cart-item-right-wrap {
  display: flex;
  align-items: center;
  gap: 1.5rem;
  padding-top: 1rem;
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
  justify-content: right;
}
/* line 3778, /app/app/assets/stylesheets/audit.scss */
.bdl-p-plan-page-dt .bdl-p-plan-page .bdl-p-plan-page-container .bdl-p-plan-cart .bdl-p-cart-item-wraper .bdl-p-cart-item .cart-item-right-wrap .bdl-cart-item-price {
  font-family: "Work Sans";
  font-size: 1.25rem;
  font-style: normal;
  font-weight: 600;
  line-height: 2rem;
}
/* line 3786, /app/app/assets/stylesheets/audit.scss */
.bdl-p-plan-page-dt .bdl-p-plan-page .bdl-p-plan-page-container .bdl-p-plan-cart .bdl-p-cart-item-wraper .bdl-p-cart-item .cart-item-right-wrap .bdl-dropdown {
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-radius: 0.625rem;
  min-width: 13rem;
  background: var(--bdl-primary-10, #F1F8FF);
  background-image: url("icons/lms_audit_icons/dropdown-btn-arrow_down.svg");
  background-repeat: no-repeat;
  padding: 0.5rem 3rem 0.5rem 1rem;
  background-position: right 1rem center;
}
/* line 3798, /app/app/assets/stylesheets/audit.scss */
.bdl-p-plan-page-dt .bdl-p-plan-page .bdl-p-plan-page-container .bdl-p-plan-cart .bdl-p-cart-item-wraper .bdl-p-cart-item .cart-item-right-wrap .bdl-dropdown .select2-selection__rendered {
  color: var(--bdl-neutral-100, #000);
  font-family: "Work Sans";
  font-size: 1rem;
  font-style: normal;
  font-weight: 500;
  line-height: 1.5rem;
}
/* line 3808, /app/app/assets/stylesheets/audit.scss */
.bdl-p-plan-page-dt .bdl-p-plan-page .bdl-p-plan-page-container .bdl-p-plan-cart .bdl-p-cart-item-wraper .bdl-p-cart-item .cart-item-right-wrap .select2-container--open .selection .select2-selection {
  background-image: url("icons/lms_audit_icons/dropdown-btn-arrow_up.svg");
}
/* line 3813, /app/app/assets/stylesheets/audit.scss */
.bdl-p-plan-page-dt .bdl-p-plan-page .bdl-p-plan-page-container .bdl-p-plan-cart .bdl-p-cart-item-wraper .bdl-p-cart-item .bdl-cart-item-price-chaild {
  color: var(--bdl-accent-orange-80, #EF9B40);
}
/* line 3818, /app/app/assets/stylesheets/audit.scss */
.bdl-p-plan-page-dt .bdl-p-plan-page .bdl-p-plan-page-container .bdl-p-plan-cart .bdl-p-cart-item-wraper .svg-boddle-cross-icon-wraper {
  display: flex;
  flex-direction: column;
  align-items: center;
  height: 100%;
  padding-top: 0.75rem;
  padding-left: 0.75rem;
}
/* line 3826, /app/app/assets/stylesheets/audit.scss */
.bdl-p-plan-page-dt .bdl-p-plan-page .bdl-p-plan-page-container .bdl-p-plan-cart .bdl-p-cart-item-wraper .svg-boddle-cross-icon-wraper .svg-boddle-cross-icon {
  display: flex;
  width: 2rem;
  height: 2rem;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
/* line 3837, /app/app/assets/stylesheets/audit.scss */
.bdl-p-plan-page-dt .bdl-p-plan-page .bdl-p-plan-page-container .bdl-p-plan-cart .bdl-new-p-cart-item {
  display: flex;
  height: 3.5rem;
  padding: 1rem 1.5rem;
  align-items: center;
  gap: 0.5rem;
  align-self: stretch;
  border-radius: 0.75rem;
  background: var(--bdl-neutral-0, #FFF);
  box-shadow: 0px 8px 40px 0px rgba(0, 0, 0, 0.08);
}
/* line 3848, /app/app/assets/stylesheets/audit.scss */
.bdl-p-plan-page-dt .bdl-p-plan-page .bdl-p-plan-page-container .bdl-p-plan-cart .bdl-new-p-cart-item .svg-boddle-plus-icon {
  width: 0.875rem;
  height: 0.875rem;
  flex-shrink: 0;
  fill: var(--bdl-primary-60, #2395FD);
}
/* line 3855, /app/app/assets/stylesheets/audit.scss */
.bdl-p-plan-page-dt .bdl-p-plan-page .bdl-p-plan-page-container .bdl-p-plan-cart .bdl-new-p-cart-item .bdl-new-cart-item-plan {
  color: var(--bdl-primary-60, #2395FD);
  font-family: "Work Sans";
  font-size: 1rem;
  font-style: normal;
  font-weight: 500;
  line-height: 1.5rem;
}
/* line 3865, /app/app/assets/stylesheets/audit.scss */
.bdl-p-plan-page-dt .bdl-p-plan-page .bdl-p-plan-page-container .bdl-p-plan-cart .bdl-new-p-cart-item:hover {
  border: 1px solid var(--bdl-primary-60, #2395FD);
}
/* line 3872, /app/app/assets/stylesheets/audit.scss */
.bdl-p-plan-page-dt .bdl-p-subtotal {
  bottom: 0;
  min-height: 5rem;
  align-items: center;
  background: var(--bdl-neutral-0, #FFF);
}
/* line 3878, /app/app/assets/stylesheets/audit.scss */
.bdl-p-plan-page-dt .bdl-p-subtotal .bdl-p-plan-page-empty-block {
  height: 100%;
}
/* line 3882, /app/app/assets/stylesheets/audit.scss */
.bdl-p-plan-page-dt .bdl-p-subtotal .subtotal-wrap {
  display: flex;
  align-items: center;
  gap: 1rem;
}
/* line 3887, /app/app/assets/stylesheets/audit.scss */
.bdl-p-plan-page-dt .bdl-p-subtotal .subtotal-wrap .heading-6-bold {
  font-family: "Work Sans";
  font-size: 1.625rem;
  font-style: normal;
  font-weight: 600;
  line-height: 2.5rem;
}
/* line 3895, /app/app/assets/stylesheets/audit.scss */
.bdl-p-plan-page-dt .bdl-p-subtotal .subtotal-wrap .subtotal {
  font-family: "Work Sans";
  font-size: 1.625rem;
  font-style: normal;
  font-weight: 600;
  line-height: 2.5rem;
}
/* line 3903, /app/app/assets/stylesheets/audit.scss */
.bdl-p-plan-page-dt .bdl-p-subtotal .subtotal-wrap .billing-frequency {
  color: var(--bdl-neutral-80, #636363);
  font-family: "Work Sans";
  font-size: 1.25rem;
  font-style: normal;
  font-weight: 400;
  line-height: 2rem;
  margin-left: -0.5rem;
}
/* line 3914, /app/app/assets/stylesheets/audit.scss */
.bdl-p-plan-page-dt .bdl-p-subtotal .bdl-button {
  display: flex;
  padding: 0.5rem 1rem;
  justify-content: center;
  align-items: center;
  gap: 0.5rem;
  border: 0rem;
  border-radius: 0.625rem;
  background: var(--bdl-primary-60, #2395FD);
}
/* line 3924, /app/app/assets/stylesheets/audit.scss */
.bdl-p-plan-page-dt .bdl-p-subtotal .bdl-button .btn-text {
  color: var(--bdl-neutral-0, #FFF);
  font-family: "Work Sans";
  font-size: 1rem;
  font-style: normal;
  font-weight: 500;
  line-height: 1.5rem;
}
/* line 3933, /app/app/assets/stylesheets/audit.scss */
.bdl-p-plan-page-dt .bdl-p-subtotal .bdl-button .svg-stripe-logo-icon {
  width: 3.58881rem;
  height: 1.5rem;
}

/* line 3941, /app/app/assets/stylesheets/audit.scss */
.bdl-dropdown-container {
  padding: 0rem !important;
}

/* line 3946, /app/app/assets/stylesheets/audit.scss */
.bdl-refresh-button {
  border: none;
  background: transparent !important;
  color: #2395FD;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.5rem;
}
/* line 3957, /app/app/assets/stylesheets/audit.scss */
.bdl-refresh-button .svg-left-arrow-icon {
  display: flex;
  width: 1.5rem;
  height: 1.5rem;
  justify-content: center;
  align-items: center;
}
/* line 3965, /app/app/assets/stylesheets/audit.scss */
.bdl-refresh-button .btn-text {
  font-family: "Work Sans";
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 1.5rem;
}

/* line 3974, /app/app/assets/stylesheets/audit.scss */
.bdl-pagination-dt {
  display: flex;
  width: 40rem;
  justify-content: space-between;
  align-items: center;
}
/* line 3980, /app/app/assets/stylesheets/audit.scss */
.bdl-pagination-dt .bdl-pagination-pages-dt {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
/* line 3985, /app/app/assets/stylesheets/audit.scss */
.bdl-pagination-dt .bdl-pagination-pages-dt .bdl-arrow-select {
  display: flex;
  width: 1.5rem;
  height: 1.5rem;
  padding: 0.5rem;
  justify-content: center;
  align-items: center;
  gap: 0.5rem;
  flex-shrink: 0;
  border-radius: 0.25rem;
}
/* line 3997, /app/app/assets/stylesheets/audit.scss */
.bdl-pagination-dt .bdl-pagination-pages-dt .bdl-arrow-select svg path {
  fill: #636363;
}
/* line 4001, /app/app/assets/stylesheets/audit.scss */
.bdl-pagination-dt .bdl-pagination-pages-dt .bdl-arrow-select svg circle {
  fill: #636363;
}
/* line 4007, /app/app/assets/stylesheets/audit.scss */
.bdl-pagination-dt .bdl-pagination-pages-dt .bdl-arrow-select:hover {
  background: var(--bdl-neutral-20, #F4F4F4);
}
/* line 4013, /app/app/assets/stylesheets/audit.scss */
.bdl-pagination-dt .bdl-pagination-pages-dt .bdl-arrow-select-disabled svg path {
  fill: #E2E2E2;
}
/* line 4017, /app/app/assets/stylesheets/audit.scss */
.bdl-pagination-dt .bdl-pagination-pages-dt .bdl-arrow-select-disabled svg circle {
  fill: #E2E2E2;
}
/* line 4024, /app/app/assets/stylesheets/audit.scss */
.bdl-pagination-dt .bdl-pagination-items {
  display: flex;
  align-items: flex-start;
  gap: 0.25rem;
}

/* line 4031, /app/app/assets/stylesheets/audit.scss */
.bdl-number-select {
  display: flex;
  width: 2rem;
  height: 2rem;
  justify-content: center;
  align-items: center;
  flex-shrink: 0;
  border-radius: 0.25rem;
}
/* line 4040, /app/app/assets/stylesheets/audit.scss */
.bdl-number-select span {
  color: var(--bdl-neutral-100, #000);
  text-align: center;
  font-family: "Work Sans";
  font-size: 0.875rem;
  font-style: normal;
  font-weight: 400;
  line-height: 1rem;
  /* 114.286% */
}

/* line 4052, /app/app/assets/stylesheets/audit.scss */
.bdl-number-select.active-type {
  background: var(--bdl-neutral-40, #E2E2E2);
}

/* line 4057, /app/app/assets/stylesheets/audit.scss */
.bdl-number-select.highlighted-type span {
  color: var(--bdl-primary-60, #2395FD);
}

/* line 4062, /app/app/assets/stylesheets/audit.scss */
.bdl-number-select:hover {
  background: var(--bdl-primary-10, #F1F8FF);
}
/* line 4065, /app/app/assets/stylesheets/audit.scss */
.bdl-number-select:hover span {
  color: var(--bdl-primary-60, #2395FD);
}

/* line 4070, /app/app/assets/stylesheets/audit.scss */
.bdl-number-select:active {
  background: #2395FD;
}
/* line 4071, /app/app/assets/stylesheets/audit.scss */
.bdl-number-select:active span {
  color: #FFF;
}

/* line 4078, /app/app/assets/stylesheets/audit.scss */
.bdl-number-select .dt-size {
  width: 2rem;
  height: 2rem;
}

/* line 4083, /app/app/assets/stylesheets/audit.scss */
.bdl-number-select .mb-size {
  width: 1.5rem;
  height: 1.5rem;
}

/* line 4089, /app/app/assets/stylesheets/audit.scss */
.select2-container--disabled .select2-selection__rendered {
  color: #999 !important;
}

/* line 4094, /app/app/assets/stylesheets/audit.scss */
.bdl-library-heading-med-tab {
  display: flex;
  padding: 0.25rem 0rem;
  flex-direction: row;
  align-items: flex-start;
  gap: 1rem;
}
/* line 4101, /app/app/assets/stylesheets/audit.scss */
.bdl-library-heading-med-tab .bdl-library-heading-med-tab-text {
  color: var(--bdl-neutral-60, #999);
  font-family: "Work Sans";
  font-size: 1.125rem;
  font-style: normal;
  font-weight: 600;
  line-height: 2rem;
}
/* line 4110, /app/app/assets/stylesheets/audit.scss */
.bdl-library-heading-med-tab .active {
  color: var(--bdl-primary-60, #2395FD);
  border-bottom: 2px solid var(--bdl-primary-60, #2395FD);
}

/* line 4116, /app/app/assets/stylesheets/audit.scss */
.bdl-text-green {
  color: #038800;
}

/* line 4121, /app/app/assets/stylesheets/audit.scss */
.share-boddle-card .left-img {
  margin-left: 10px;
  height: 50px;
  left: 0;
}
/* line 4127, /app/app/assets/stylesheets/audit.scss */
.share-boddle-card .right-img {
  border-radius: 16px !important;
  height: 50px;
  right: 0;
}

/* line 4134, /app/app/assets/stylesheets/audit.scss */
#sharBoddleCard {
  background-color: #6133CC !important;
  border-radius: 16px !important;
}
/* line 4138, /app/app/assets/stylesheets/audit.scss */
#sharBoddleCard:hover {
  background-color: #44248F !important;
  cursor: pointer;
}

/* line 4145, /app/app/assets/stylesheets/audit.scss */
#shareBoddleModal .invite-link {
  border-radius: 20px;
  padding: 6px;
  font-size: 15px;
  background: var(--primary-10, #F1F8FF);
  border: 1px solid var(--bdl-primary-60, #2395FD);
  text-overflow: ellipsis !important;
}
/* line 4154, /app/app/assets/stylesheets/audit.scss */
#shareBoddleModal .social-icon {
  border-radius: 8px !important;
}

/* line 4159, /app/app/assets/stylesheets/audit.scss */
.bdl-feature-accent .noUi-connect {
  background: #20BCC6;
}

@-webkit-keyframes progress {
  0% {
    background-position: 0 0;
  }
  100% {
    background-position: -75px 0px;
  }
}
@-moz-keyframes progress {
  0% {
    background-position: 0 0;
  }
  100% {
    background-position: -75px 0px;
  }
}
@-ms-keyframes progress {
  0% {
    background-position: 0 0;
  }
  100% {
    background-position: -75px 0px;
  }
}
@keyframes progress {
  0% {
    background-position: 0 0;
  }
  100% {
    background-position: -75px 0px;
  }
}
/* line 40, /app/app/assets/stylesheets/teachers.scss */
.flex-root {
  background: radial-gradient(77.99% 183.01% at 82.78% 23.46%, #FAFDFF 0%, #EBF5FF 47.4%, #FFFFFF 100%) !important;
}

/* line 43, /app/app/assets/stylesheets/teachers.scss */
.modal-content {
  mix-blend-mode: normal !important;
  box-shadow: 0px 10px 40px rgba(0, 0, 0, 0.08) !important;
}

/* line 47, /app/app/assets/stylesheets/teachers.scss */
.background-white {
  background: #fff !important;
}

/* line 51, /app/app/assets/stylesheets/teachers.scss */
.boddle-rounded-btn {
  border-radius: 10px !important;
}

/* line 55, /app/app/assets/stylesheets/teachers.scss */
.bg-dark-solid {
  background: #2D7FF924;
}

/* line 59, /app/app/assets/stylesheets/teachers.scss */
.top-20 {
  top: 20% !important;
}

/* line 63, /app/app/assets/stylesheets/teachers.scss */
.boddle-border-warning {
  border: 2px solid #ffe3a8 !important;
  border-radius: 10px;
  padding: 5px 10px;
}

/* line 69, /app/app/assets/stylesheets/teachers.scss */
.bg-img-none {
  background-image: none !important;
}

/* line 73, /app/app/assets/stylesheets/teachers.scss */
.valign-middle {
  vertical-align: middle !important;
}

/* line 77, /app/app/assets/stylesheets/teachers.scss */
.tooltip.show p {
  display: flex !important;
  align-content: center !important;
  align-items: center !important;
  justify-content: center;
  flex-direction: column;
}
/* line 83, /app/app/assets/stylesheets/teachers.scss */
.tooltip.show p span {
  text-align: left !important;
  line-height: 1.7rem;
}

/* line 89, /app/app/assets/stylesheets/teachers.scss */
.video-js {
  border-radius: 15px !important;
  box-shadow: 0px 10px 40px rgba(0, 0, 0, 0.08) !important;
}

/* line 94, /app/app/assets/stylesheets/teachers.scss */
.flex-items-center {
  align-items: center !important;
}

/* line 98, /app/app/assets/stylesheets/teachers.scss */
.boddle-circle-btn {
  background-color: #EDF8FF !important;
  color: #2395FF !important;
  padding: 8px !important;
  border-radius: 25px !important;
}
/* line 103, /app/app/assets/stylesheets/teachers.scss */
.boddle-circle-btn span {
  margin: 0 !important;
}

/* line 108, /app/app/assets/stylesheets/teachers.scss */
.boddle-circle-btn:hover {
  cursor: pointer;
}
/* line 110, /app/app/assets/stylesheets/teachers.scss */
.boddle-circle-btn:hover path {
  fill: #2395FF !important;
}

/* line 115, /app/app/assets/stylesheets/teachers.scss */
.boddle-nav-line-tabs .nav-item .nav-link.active,
.boddle-nav-line-tabs .nav-item.show .nav-link,
.boddle-nav-line-tabs .nav-item .nav-link:hover:not(.disabled) {
  border-bottom: 2px solid #2395FF !important;
}

/* line 121, /app/app/assets/stylesheets/teachers.scss */
.boddle-shadow {
  box-shadow: 0px 10px 40px rgba(0, 0, 0, 0.08) !important;
}

/* line 125, /app/app/assets/stylesheets/teachers.scss */
.boddle-shadow-x {
  box-shadow: 0px 5px 40px rgba(0, 0, 0, 0.3) !important;
}

/* line 129, /app/app/assets/stylesheets/teachers.scss */
.boddle-rounded-modal {
  border-radius: 30px !important;
  box-shadow: 0px 10px 40px rgba(0, 0, 0, 0.08) !important;
}

/* line 134, /app/app/assets/stylesheets/teachers.scss */
.boddle-rounded-modal-less {
  border-radius: 15px !important;
  box-shadow: 0px 10px 40px rgba(0, 0, 0, 0.1) !important;
}

/* line 139, /app/app/assets/stylesheets/teachers.scss */
.boddle-rounded-modal-right {
  border-top-right-radius: 30px !important;
  border-bottom-right-radius: 30px !important;
  box-shadow: 0px 10px 40px rgba(0, 0, 0, 0.08) !important;
}

/* line 145, /app/app/assets/stylesheets/teachers.scss */
.boddle-rounded-student-card {
  border-radius: 10px !important;
  box-shadow: 0px 10px 40px rgba(0, 0, 0, 0.08) !important;
}

/* line 150, /app/app/assets/stylesheets/teachers.scss */
.boddle-rounded-assignment-card {
  border-radius: 10px !important;
  box-shadow: 0px 10px 40px rgba(0, 0, 0, 0.08) !important;
}

/* line 155, /app/app/assets/stylesheets/teachers.scss */
.boddle-rounded-assignment-card:hover {
  transition: all .4s ease-in-out !important;
  transform: scale(1.07) !important;
  cursor: pointer !important;
}

/* line 161, /app/app/assets/stylesheets/teachers.scss */
.boddle-rounded-assignment-bg {
  border-radius: 10px !important;
  min-height: 175px !important;
  height: 175px !important;
  background-repeat: no-repeat;
  background-size: cover;
}

/* line 169, /app/app/assets/stylesheets/teachers.scss */
.boddle-border-none {
  border: none !important;
}

/* line 173, /app/app/assets/stylesheets/teachers.scss */
.boddle-border-1px-light-grey {
  border: 1px solid #A7A7A7 !important;
}

/* line 177, /app/app/assets/stylesheets/teachers.scss */
.boddle-skill-badge {
  padding: 10px 20px !important;
  border-radius: 25px !important;
  background-color: #d4eeff !important;
  color: #343a40 !important;
}

/* line 184, /app/app/assets/stylesheets/teachers.scss */
.help-cursor {
  cursor: help !important;
}

/* line 188, /app/app/assets/stylesheets/teachers.scss */
.boddle-skill-badge-sm {
  padding: 6px 12px !important;
  border-radius: 25px !important;
  background-color: #d4eeff !important;
  color: #343a40 !important;
}

/* line 195, /app/app/assets/stylesheets/teachers.scss */
.boddle-skill-badge-xs {
  padding: 4px 8px !important;
  border-radius: 25px !important;
  background-color: #d4eeff !important;
  color: #343a40 !important;
}

/* line 202, /app/app/assets/stylesheets/teachers.scss */
.boddle-one-line-span {
  width: 90%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  display: inline-block;
}

/* line 210, /app/app/assets/stylesheets/teachers.scss */
.boddle-two-line-span {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}

/* line 218, /app/app/assets/stylesheets/teachers.scss */
.boddle-three-line-span-force {
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  max-height: 7rem;
}

/* line 227, /app/app/assets/stylesheets/teachers.scss */
.boddle-select-white {
  color: #000000 !important;
}

/* line 231, /app/app/assets/stylesheets/teachers.scss */
.mw-fit-content {
  max-width: fit-content !important;
}

/* line 235, /app/app/assets/stylesheets/teachers.scss */
.mw-scale-out {
  transform-origin: top left !important;
}

/* line 239, /app/app/assets/stylesheets/teachers.scss */
.boddle-sm-svg-icon {
  height: 20px !important;
}

/* line 243, /app/app/assets/stylesheets/teachers.scss */
.width-20 {
  width: 20px;
}

/* line 247, /app/app/assets/stylesheets/teachers.scss */
.mr-10 {
  margin-right: 10px;
}

/* line 251, /app/app/assets/stylesheets/teachers.scss */
.mr-5px {
  margin-right: 5px;
}

/* line 255, /app/app/assets/stylesheets/teachers.scss */
.w-fit-content {
  width: fit-content !important;
}

/* line 259, /app/app/assets/stylesheets/teachers.scss */
.boddle-assignment-not-started-circle {
  height: 20px !important;
  margin-right: 5px;
}
/* line 262, /app/app/assets/stylesheets/teachers.scss */
.boddle-assignment-not-started-circle path {
  fill: #E2E2E2 !important;
}

/* line 267, /app/app/assets/stylesheets/teachers.scss */
.bg-primary-light {
  background-color: #2395FFD0 !important;
}

/* line 271, /app/app/assets/stylesheets/teachers.scss */
.boddle-lg-icon {
  height: 48px;
  width: 48px;
}

/* line 276, /app/app/assets/stylesheets/teachers.scss */
.boddle-light-btn {
  background-color: #E4E6EF !important;
}

/* line 280, /app/app/assets/stylesheets/teachers.scss */
.mh-75vh {
  max-height: 75vh !important;
  overflow: auto;
}

/* line 285, /app/app/assets/stylesheets/teachers.scss */
.mh-60vh {
  max-height: 60vh !important;
  overflow-y: auto;
  overflow-x: hidden;
}

/* line 291, /app/app/assets/stylesheets/teachers.scss */
.mh-50vh {
  max-height: 50vh !important;
  overflow-y: auto;
  overflow-x: hidden;
}

/* line 297, /app/app/assets/stylesheets/teachers.scss */
.boddle-assignment-below-50-circle {
  height: 20px !important;
  margin-right: 5px;
}
/* line 300, /app/app/assets/stylesheets/teachers.scss */
.boddle-assignment-below-50-circle path {
  fill: #E3365D !important;
}

/* line 305, /app/app/assets/stylesheets/teachers.scss */
.svg-img-icon {
  height: 128px !important;
  width: 128px !important;
}

/* line 310, /app/app/assets/stylesheets/teachers.scss */
.svg-xxl-icon {
  height: 50px !important;
  width: 50px !important;
}

/* line 315, /app/app/assets/stylesheets/teachers.scss */
.svg-xl-icon {
  height: 40px !important;
  width: 40px !important;
}

/* line 320, /app/app/assets/stylesheets/teachers.scss */
.svg-lg-icon {
  height: 32px !important;
  width: 32px !important;
}

/* line 325, /app/app/assets/stylesheets/teachers.scss */
.svg-md-icon {
  height: 25px !important;
  width: 25px !important;
}

/* line 330, /app/app/assets/stylesheets/teachers.scss */
.svg-sm-icon {
  height: 18px !important;
  width: 18px !important;
}

/* line 335, /app/app/assets/stylesheets/teachers.scss */
.svg-xs-icon {
  height: 8px !important;
  width: 8px !important;
}

/* line 340, /app/app/assets/stylesheets/teachers.scss */
.boddle-form-switch-lock.form-check-solid .form-check-input {
  background-size: 24px !important;
  background-image: url("/images/circle_lock.png") !important;
  background-position-x: 4px !important;
}

/* line 346, /app/app/assets/stylesheets/teachers.scss */
.boddle-form-switch.form-check-solid .form-check-input:checked {
  background-size: 24px !important;
  background-position-x: 28px !important;
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M0 256C0 114.6 114.6 0 256 0C397.4 0 512 114.6 512 256C512 397.4 397.4 512 256 512C114.6 512 0 397.4 0 256zM371.8 211.8C382.7 200.9 382.7 183.1 371.8 172.2C360.9 161.3 343.1 161.3 332.2 172.2L224 280.4L179.8 236.2C168.9 225.3 151.1 225.3 140.2 236.2C129.3 247.1 129.3 264.9 140.2 275.8L204.2 339.8C215.1 350.7 232.9 350.7 243.8 339.8L371.8 211.8z"  fill="white"/></svg>') !important;
}

/* line 352, /app/app/assets/stylesheets/teachers.scss */
.boddle-form-switch-lock-subject.form-check-solid .form-check-input {
  background-size: 24px !important;
  background-image: url("/images/circle_lock.png") !important;
  background-position-x: 4px !important;
}

/* line 358, /app/app/assets/stylesheets/teachers.scss */
.boddle-form-switch-subject.form-check-solid .form-check-input:checked {
  background-color: #E2E2E2 !important;
  background-size: 24px !important;
  background-position-x: 28px !important;
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M0 256C0 114.6 114.6 0 256 0C397.4 0 512 114.6 512 256C512 397.4 397.4 512 256 512C114.6 512 0 397.4 0 256zM371.8 211.8C382.7 200.9 382.7 183.1 371.8 172.2C360.9 161.3 343.1 161.3 332.2 172.2L224 280.4L179.8 236.2C168.9 225.3 151.1 225.3 140.2 236.2C129.3 247.1 129.3 264.9 140.2 275.8L204.2 339.8C215.1 350.7 232.9 350.7 243.8 339.8L371.8 211.8z" fill="green"/></svg>') !important;
}

/* line 365, /app/app/assets/stylesheets/teachers.scss */
.boddle-assignment-50-80-circle {
  height: 20px !important;
  margin-right: 5px;
}
/* line 368, /app/app/assets/stylesheets/teachers.scss */
.boddle-assignment-50-80-circle path {
  fill: #EF9B40 !important;
}

/* line 373, /app/app/assets/stylesheets/teachers.scss */
.boddle-assignment-above-80-circle {
  height: 18px !important;
  margin-right: 5px;
}
/* line 376, /app/app/assets/stylesheets/teachers.scss */
.boddle-assignment-above-80-circle path {
  fill: #54D370 !important;
}

/* line 381, /app/app/assets/stylesheets/teachers.scss */
.assignment-skill-div-25-h {
  max-height: 15vh !important;
  overflow: auto;
}

/* line 386, /app/app/assets/stylesheets/teachers.scss */
.boddle-assignment-heatmap-student-column {
  width: 130px;
  min-width: 80px;
  max-width: 130px;
}

/* line 394, /app/app/assets/stylesheets/teachers.scss */
.btn-transparent {
  background-color: transparent !important;
}

/* line 397, /app/app/assets/stylesheets/teachers.scss */
.btn-transparent:hover {
  background-color: transparent !important;
}
/* line 399, /app/app/assets/stylesheets/teachers.scss */
.btn-transparent:hover path {
  fill: #2395FF !important;
}

/* line 404, /app/app/assets/stylesheets/teachers.scss */
.boddle-shadow-bottom {
  box-shadow: 0px 20px 10px -10px rgba(0, 0, 0, 0.1) !important;
}

/* line 408, /app/app/assets/stylesheets/teachers.scss */
.text-yellow {
  color: #FFD100 !important;
}

/* line 412, /app/app/assets/stylesheets/teachers.scss */
.text-pure-yellow {
  color: yellow !important;
}

/* line 416, /app/app/assets/stylesheets/teachers.scss */
.bg-yellow {
  background-color: #FFD100 !important;
}

/* line 420, /app/app/assets/stylesheets/teachers.scss */
.img-square-250px {
  height: 250px;
  object-fit: contain;
}

/* line 425, /app/app/assets/stylesheets/teachers.scss */
.boddle-white-rounded-div {
  background-color: #FFFFFF !important;
  border-radius: 25px !important;
}

/* line 430, /app/app/assets/stylesheets/teachers.scss */
.boddle-white-table tbody tr {
  border-bottom-color: #E2E2E24F !important;
}

/* line 434, /app/app/assets/stylesheets/teachers.scss */
.boddle-white-table tbody tr td:first-child,
.boddle-white-table thead tr th:first-child {
  padding-left: 2rem !important;
}

/* line 439, /app/app/assets/stylesheets/teachers.scss */
.boddle-row-grow tbody tr:hover {
  cursor: pointer !important;
  box-shadow: 2px 2px 10px 2px rgba(0, 0, 0, 0.1) !important;
}

/* line 444, /app/app/assets/stylesheets/teachers.scss */
.boddle-hover-highlight-row:hover {
  cursor: pointer !important;
  box-shadow: 2px 2px 10px 2px rgba(0, 0, 0, 0.1) !important;
}

/* line 449, /app/app/assets/stylesheets/teachers.scss */
.boddle-hover-highlight-row-without-pointer:hover {
  box-shadow: 2px 2px 10px 2px rgba(0, 0, 0, 0.1) !important;
}

/* line 453, /app/app/assets/stylesheets/teachers.scss */
.boddle-selectable-row {
  border-left: 5px solid transparent;
}

/* line 457, /app/app/assets/stylesheets/teachers.scss */
.boddle-selectable-row-selected {
  border-left: 5px solid #2395FF !important;
}

/* line 461, /app/app/assets/stylesheets/teachers.scss */
.boddle-selectable-menu {
  border-bottom: 2px solid transparent;
}

/* line 465, /app/app/assets/stylesheets/teachers.scss */
.boddle-selectable-menu-selected {
  color: #2395FF !important;
  border-bottom: 2px solid #2395FF !important;
}

/* line 470, /app/app/assets/stylesheets/teachers.scss */
.input-svg-icon {
  height: 20px;
  width: 20px;
}
/* line 473, /app/app/assets/stylesheets/teachers.scss */
.input-svg-icon path {
  fill: #343a40 !important;
}

/* line 478, /app/app/assets/stylesheets/teachers.scss */
.solid-bg {
  background-color: #F4F4F4 !important;
}

/* line 482, /app/app/assets/stylesheets/teachers.scss */
.input-svg-icon-solid-bg {
  height: 20px;
  width: 20px;
}
/* line 485, /app/app/assets/stylesheets/teachers.scss */
.input-svg-icon-solid-bg path {
  fill: #A7A7A7 !important;
}

/* line 490, /app/app/assets/stylesheets/teachers.scss */
.boddle-round-input {
  border-radius: 7px !important;
}

/* line 494, /app/app/assets/stylesheets/teachers.scss */
.boddle-l-round-input {
  border-top-left-radius: 7px !important;
  border-bottom-left-radius: 7px !important;
}

/* line 499, /app/app/assets/stylesheets/teachers.scss */
.boddle-r-round-input {
  border-top-right-radius: 7px !important;
  border-bottom-right-radius: 7px !important;
}

/* line 504, /app/app/assets/stylesheets/teachers.scss */
.cursor-auto {
  cursor: auto !important;
}

/* line 508, /app/app/assets/stylesheets/teachers.scss */
.boddle-white-btn-with-icon-primary {
  color: #2395FF !important;
  padding: 7px 14px !important;
}
/* line 511, /app/app/assets/stylesheets/teachers.scss */
.boddle-white-btn-with-icon-primary span > svg {
  height: 20px !important;
  width: 20px !important;
}
/* line 515, /app/app/assets/stylesheets/teachers.scss */
.boddle-white-btn-with-icon-primary span > svg > path {
  fill: #2395FF !important;
}
/* line 518, /app/app/assets/stylesheets/teachers.scss */
.boddle-white-btn-with-icon-primary .boddle-danger-border-left > svg > path {
  fill: #f1416c !important;
}

/* line 523, /app/app/assets/stylesheets/teachers.scss */
.boddle-white-btn-with-icon {
  color: #636363 !important;
  padding: 7px 14px !important;
}
/* line 526, /app/app/assets/stylesheets/teachers.scss */
.boddle-white-btn-with-icon span > svg {
  height: 20px !important;
  width: 20px !important;
}
/* line 530, /app/app/assets/stylesheets/teachers.scss */
.boddle-white-btn-with-icon span > svg > path {
  fill: #636363 !important;
}

/* line 535, /app/app/assets/stylesheets/teachers.scss */
.boddle-tag-div {
  box-shadow: 0px 0px 5px 2px rgba(0, 0, 0, 0.1);
  border-radius: 10px;
}

/* line 540, /app/app/assets/stylesheets/teachers.scss */
.boddle-skill-row {
  border-bottom: 1px solid #A7A7A72F;
}

/* line 545, /app/app/assets/stylesheets/teachers.scss */
.boddle-primary-icon path {
  fill: #2395FF !important;
}

/* line 550, /app/app/assets/stylesheets/teachers.scss */
.boddle-sticky-bar {
  background-color: #FFFFFF;
  box-shadow: 0px 20px 20px 0px rgba(0, 0, 0, 0.2);
  z-index: 100;
}

@media (max-width: 575px) {
  /* line 557, /app/app/assets/stylesheets/teachers.scss */
  .boddle-assignment-heatmap-skill-column {
    min-width: 25vw;
    max-width: 50vw !important;
  }

  /* line 561, /app/app/assets/stylesheets/teachers.scss */
  .boddle-assignment-heatmap-skill-row {
    min-width: 25vw;
    max-width: 50vw !important;
  }
}
/* line 566, /app/app/assets/stylesheets/teachers.scss */
.boddle-assignment-heatmap-skill-row {
  max-width: calc(94vw - 150px - 160px - 120px);
  overflow-x: hidden;
}

/* line 570, /app/app/assets/stylesheets/teachers.scss */
.boddle-assignment-heatmap-skill-column {
  max-width: calc(94vw - 150px - 160px - 120px);
  box-shadow: 0px 5px 5px rgba(0, 0, 0, 0.2);
}

/* line 575, /app/app/assets/stylesheets/teachers.scss */
.box-shadow-none {
  box-shadow: none !important;
}

/* line 579, /app/app/assets/stylesheets/teachers.scss */
.boddle-assignment-heatmap-progress-column {
  min-width: 65px;
  max-width: 120px;
}

/* line 586, /app/app/assets/stylesheets/teachers.scss */
.boddle-assignment-heatmap {
  overflow-x: auto;
  width: 100%;
  white-space: nowrap;
}

/*
.boddle-assignment-heatmap-row {

}
*/
/* line 600, /app/app/assets/stylesheets/teachers.scss */
.boddle-assignment-heatmap-skill-student {
  height: 40px;
  width: 130px;
  border-radius: 8px;
  justify-content: center;
  padding: 10px 0;
}

/* line 608, /app/app/assets/stylesheets/teachers.scss */
.font-size-12 {
  font-size: 12px !important;
}

/* line 612, /app/app/assets/stylesheets/teachers.scss */
.boddle-assignment-heatmap-student {
  height: 40px;
  justify-content: right;
  text-align: right;
  white-space: nowrap;
  overflow-x: hidden;
}

/* line 620, /app/app/assets/stylesheets/teachers.scss */
.boddle-assignment-heatmap-analytics {
  height: 40px;
  justify-content: left;
  text-align: left;
}

/* line 626, /app/app/assets/stylesheets/teachers.scss */
.boddle-assignment-not-started {
  background-color: #E2E2E2 !important;
}

/* line 630, /app/app/assets/stylesheets/teachers.scss */
.boddle-assignment-below-50 {
  background-color: #E3365D !important;
}

/* line 634, /app/app/assets/stylesheets/teachers.scss */
.boddle-assignment-50-80 {
  background-color: #EF9B40 !important;
}

/* line 638, /app/app/assets/stylesheets/teachers.scss */
.boddle-assignment-above-80 {
  background-color: #54D370 !important;
}

/* line 642, /app/app/assets/stylesheets/teachers.scss */
.boddle-profile-card {
  background: #FFFFFF !important;
  box-shadow: 0px 10px 40px rgba(0, 0, 0, 0.08) !important;
  border-radius: 20px !important;
}

/* line 649, /app/app/assets/stylesheets/teachers.scss */
.boddle-rounded-user {
  border-radius: 50% !important;
}

/* line 653, /app/app/assets/stylesheets/teachers.scss */
.bg-white-opacity {
  background-color: #ffffff3F !important;
}

/* line 657, /app/app/assets/stylesheets/teachers.scss */
.boddle-rounded-20px {
  border-radius: 20px !important;
}
/* line 659, /app/app/assets/stylesheets/teachers.scss */
.boddle-rounded-20px .boddle-rounded-r-20px {
  border-top-right-radius: 15px !important;
  border-bottom-right-radius: 15px !important;
}

/* line 665, /app/app/assets/stylesheets/teachers.scss */
.boddle-play-the-game-btn {
  background-color: #fd9708df !important;
  color: white !important;
  font-weight: bold !important;
}

/* line 671, /app/app/assets/stylesheets/teachers.scss */
.boddle-instruction-btn {
  background-color: white !important;
  box-shadow: 0px 10px 40px rgba(0, 0, 0, 0.08) !important;
  border-radius: 20px !important;
}

/* line 678, /app/app/assets/stylesheets/teachers.scss */
.boddle-select {
  box-shadow: 0px 10px 40px rgba(0, 0, 0, 0.08) !important;
  border-radius: 10px !important;
}

/* line 683, /app/app/assets/stylesheets/teachers.scss */
.boddle-select-low-shadow {
  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.15) !important;
  border-radius: 10px !important;
}

/* line 688, /app/app/assets/stylesheets/teachers.scss */
.class-code-home-button {
  margin-top: 3px;
  color: white !important;
  background-color: rgba(255, 255, 255, 0.16) !important;
  border-radius: 10px !important;
}

/* line 695, /app/app/assets/stylesheets/teachers.scss */
.boddle-signup-block {
  background: #FFFFFF !important;
  border: 1px solid #E2E2E2 !important;
  box-sizing: border-box !important;
  border-radius: 20px !important;
}

/* line 702, /app/app/assets/stylesheets/teachers.scss */
.boddle-bg-add-students {
  background-color: #edf8ff !important;
  border-radius: 60px !important;
}
/* line 706, /app/app/assets/stylesheets/teachers.scss */
.boddle-bg-add-students svg.boddle-bg-svg-primary {
  width: 48px !important;
  height: 48px !important;
}
/* line 710, /app/app/assets/stylesheets/teachers.scss */
.boddle-bg-add-students svg.boddle-bg-svg-primary path {
  fill: #2395FF !important;
}

/* line 717, /app/app/assets/stylesheets/teachers.scss */
.svg-primary-color path {
  fill: #2395FF !important;
}
/* line 720, /app/app/assets/stylesheets/teachers.scss */
.svg-primary-color circle {
  fill: #2395FF !important;
}

/* line 726, /app/app/assets/stylesheets/teachers.scss */
.svg-tab-inactive-color path {
  fill: #999999 !important;
}
/* line 729, /app/app/assets/stylesheets/teachers.scss */
.svg-tab-inactive-color circle {
  fill: #999999 !important;
}

/* line 735, /app/app/assets/stylesheets/teachers.scss */
.svg-tab-inactive-color:hover path {
  fill: #636363 !important;
}
/* line 738, /app/app/assets/stylesheets/teachers.scss */
.svg-tab-inactive-color:hover circle {
  fill: #636363 !important;
}

/* line 744, /app/app/assets/stylesheets/teachers.scss */
.svg-black-color path {
  fill: #000000 !important;
}
/* line 747, /app/app/assets/stylesheets/teachers.scss */
.svg-black-color circle {
  fill: #000000 !important;
}

/* line 753, /app/app/assets/stylesheets/teachers.scss */
.svg-success-color path {
  fill: #50cd89 !important;
}
/* line 756, /app/app/assets/stylesheets/teachers.scss */
.svg-success-color circle {
  fill: #50cd89 !important;
}

/* line 762, /app/app/assets/stylesheets/teachers.scss */
.svg-secondary-color path {
  fill: #E4E6EF !important;
}
/* line 765, /app/app/assets/stylesheets/teachers.scss */
.svg-secondary-color circle {
  fill: #E4E6EF !important;
}

/* line 771, /app/app/assets/stylesheets/teachers.scss */
.svg-gray-400-color path {
  fill: #636363 !important;
}
/* line 774, /app/app/assets/stylesheets/teachers.scss */
.svg-gray-400-color circle {
  fill: #636363 !important;
}

/* line 780, /app/app/assets/stylesheets/teachers.scss */
.svg-white-color path {
  fill: #FFFFFF !important;
}
/* line 783, /app/app/assets/stylesheets/teachers.scss */
.svg-white-color circle {
  fill: #FFFFFF !important;
}

/* line 788, /app/app/assets/stylesheets/teachers.scss */
.boddle-danger-border-left {
  border-left: 2px solid #f1416c !important;
}

/* line 793, /app/app/assets/stylesheets/teachers.scss */
.svg-danger-color path {
  fill: #f1416c !important;
}
/* line 796, /app/app/assets/stylesheets/teachers.scss */
.svg-danger-color circle {
  fill: #f1416c !important;
}

/* line 802, /app/app/assets/stylesheets/teachers.scss */
.svg-grey-color path {
  fill: #A7A7A7 !important;
}
/* line 805, /app/app/assets/stylesheets/teachers.scss */
.svg-grey-color circle {
  fill: #A7A7A7 !important;
}

/* line 811, /app/app/assets/stylesheets/teachers.scss */
.svg-dark-grey-color path {
  fill: #343a40 !important;
}
/* line 814, /app/app/assets/stylesheets/teachers.scss */
.svg-dark-grey-color circle {
  fill: #343a40 !important;
}

/* line 819, /app/app/assets/stylesheets/teachers.scss */
.object-fit-cover {
  object-fit: cover !important;
}

/* line 823, /app/app/assets/stylesheets/teachers.scss */
.top-30 {
  top: 30% !important;
}

/* line 827, /app/app/assets/stylesheets/teachers.scss */
.hover-show-hidden:hover > .ribbon > .ribbon-hover {
  display: flex !important;
  -webkit-animation: fadeIn 500ms;
  animation: fadeIn 500ms;
}

/* line 833, /app/app/assets/stylesheets/teachers.scss */
.svg-assignment-status-icon {
  height: 16px;
  width: 16px;
  margin-bottom: 3px;
}

/* line 839, /app/app/assets/stylesheets/teachers.scss */
.boddle-bg-teacher {
  background-color: #edf8ff !important;
  border-radius: 60px !important;
}

/* line 844, /app/app/assets/stylesheets/teachers.scss */
.boddle-text-teacher {
  color: #2395FF !important;
}

/* line 848, /app/app/assets/stylesheets/teachers.scss */
.boddle-bg-parent {
  background-color: rgba(239, 155, 64, 0.1) !important;
  border-radius: 60px !important;
}

/* line 853, /app/app/assets/stylesheets/teachers.scss */
.boddle-text-parent {
  color: #EF9B40 !important;
}

/* line 857, /app/app/assets/stylesheets/teachers.scss */
.boddle-bg-student {
  background-color: rgba(84, 211, 112, 0.1) !important;
  border-radius: 60px !important;
}

/* line 862, /app/app/assets/stylesheets/teachers.scss */
.boddle-text-student {
  color: #54D370;
}

/* line 866, /app/app/assets/stylesheets/teachers.scss */
.kt-form .form-control.form-control-solid {
  background-color: #EDF8FF !important;
  border-color: #EDF8FF !important;
}

/* line 871, /app/app/assets/stylesheets/teachers.scss */
.kt-form .form-select {
  background-color: #EDF8FF !important;
  border-color: #EDF8FF !important;
}

/* line 876, /app/app/assets/stylesheets/teachers.scss */
.boddle-classcode {
  background-color: #EDF8FF !important;
}

/* line 880, /app/app/assets/stylesheets/teachers.scss */
.swal2-modal {
  border-radius: 30px !important;
}

/* line 884, /app/app/assets/stylesheets/teachers.scss */
.select2-container--open {
  z-index: 99999999999999;
}

/* line 888, /app/app/assets/stylesheets/teachers.scss */
.noUi-connects {
  border-radius: 20px !important;
  background-color: #FFFFFF;
  box-shadow: 0px 10px 40px rgba(0, 0, 0, 0.08) !important;
}

/* line 893, /app/app/assets/stylesheets/teachers.scss */
.noUi-connect {
  background-color: #2395FF !important;
}

/* line 897, /app/app/assets/stylesheets/teachers.scss */
.noUi-target {
  border-radius: 20px !important;
  box-shadow: 0px 10px 40px rgba(0, 0, 0, 0.08) !important;
}
/* line 901, /app/app/assets/stylesheets/teachers.scss */
.noUi-target .noUi-handle {
  background-color: #2395FF !important;
  border: 5px solid #FFFFFF !important;
}

/* line 907, /app/app/assets/stylesheets/teachers.scss */
.dataTables_wrapper {
  width: 100% !important;
}

/* line 911, /app/app/assets/stylesheets/teachers.scss */
.dataTables_scrollHeadInner {
  width: 100% !important;
}

/* line 915, /app/app/assets/stylesheets/teachers.scss */
table.dataTable tbody > tr.selected, table.dataTable tbody > tr > .selected {
  background-color: #FFFFFF !important;
  color: #000000 !important;
}
/* line 919, /app/app/assets/stylesheets/teachers.scss */
table.dataTable tbody > tr.selected td > span.student-name, table.dataTable tbody > tr > .selected td > span.student-name {
  color: #2395FF !important;
  font-weight: bold;
}

/* line 925, /app/app/assets/stylesheets/teachers.scss */
.custom-selected {
  background-color: #FFFFFF !important;
  color: #000000 !important;
}

/* line 930, /app/app/assets/stylesheets/teachers.scss */
.boddle-hover-grow:hover {
  transform: scale(1.07) !important;
}

/* line 934, /app/app/assets/stylesheets/teachers.scss */
.boddle-hover-grow-min:hover {
  transform: scale(1.03) !important;
}

/* line 938, /app/app/assets/stylesheets/teachers.scss */
.all-transition-4 {
  transition: all 0.4s !important;
}

/* line 942, /app/app/assets/stylesheets/teachers.scss */
.boddle-light-bottom-border {
  border-bottom: 1px solid #E2E2E24F !important;
}

/* line 946, /app/app/assets/stylesheets/teachers.scss */
.boddle-md-light-bottom-border {
  border-bottom: 2px solid #2395FF1F !important;
}

/* line 950, /app/app/assets/stylesheets/teachers.scss */
.boddle-hover-border {
  border: 3px solid #ffffff !important;
}

/* line 954, /app/app/assets/stylesheets/teachers.scss */
.boddle-hover-border.selected {
  border: 3px solid #2395FF !important;
}

/* line 958, /app/app/assets/stylesheets/teachers.scss */
.boddle-hover-border:hover {
  border: 3px solid #2395FF !important;
}

/* line 962, /app/app/assets/stylesheets/teachers.scss */
.boddle-border-2px {
  border: 2px solid #E2E2E2 !important;
}

/* line 966, /app/app/assets/stylesheets/teachers.scss */
.boddle-border-2px.selected {
  border: 2px solid #2395FF !important;
}

/* line 970, /app/app/assets/stylesheets/teachers.scss */
.boddle-border-bottom-primary {
  border-bottom: 1px solid #2395FF !important;
}

/* line 974, /app/app/assets/stylesheets/teachers.scss */
.analytic-option-image {
  min-height: 70px;
  min-width: 70px;
  max-width: 70px;
  max-height: 70px;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  border: 1px solid #E2E2E2AF;
  border-radius: 10px;
  background-blend-mode: multiply;
}

/* line 987, /app/app/assets/stylesheets/teachers.scss */
.boddle-opacity {
  opacity: 0.3;
}

/* line 991, /app/app/assets/stylesheets/teachers.scss */
.light-grey-bg {
  background-color: #F4F4F4 !important;
}

/* line 995, /app/app/assets/stylesheets/teachers.scss */
.white-space-unset {
  white-space: unset !important;
}

/* line 999, /app/app/assets/stylesheets/teachers.scss */
.boddle-ans-pill {
  border-radius: 25px !important;
}

/* line 1003, /app/app/assets/stylesheets/teachers.scss */
.grow {
  transition: all .4s ease-in-out !important;
  border: 5px solid transparent !important;
}

/* line 1008, /app/app/assets/stylesheets/teachers.scss */
.grow:hover {
  transform: scale(1.07) !important;
  border: 5px solid rgba(0, 0, 0, 0.25) !important;
}

/* line 1013, /app/app/assets/stylesheets/teachers.scss */
.grow-force {
  transform: scale(1.07) !important;
  border: 5px solid rgba(0, 0, 0, 0.25) !important;
}

/* line 1018, /app/app/assets/stylesheets/teachers.scss */
.grow-min {
  transition: all .4s ease-in-out !important;
  border: 5px solid transparent !important;
}

/* line 1023, /app/app/assets/stylesheets/teachers.scss */
.grow-min:hover {
  transform: scale(1.03) !important;
  border: 5px solid rgba(0, 0, 0, 0.1) !important;
}

/* line 1028, /app/app/assets/stylesheets/teachers.scss */
.grow-min-only {
  transition: all .4s ease-in-out !important;
}

/* line 1032, /app/app/assets/stylesheets/teachers.scss */
.grow-min-only:hover {
  transform: scale(1.03) !important;
}

/* line 1036, /app/app/assets/stylesheets/teachers.scss */
.grow-student {
  transition: all .2s ease-in-out !important;
  border: 5px solid transparent !important;
}

/* line 1041, /app/app/assets/stylesheets/teachers.scss */
.grow-student:hover {
  transform: scale(1.03) !important;
  border: 5px solid rgba(35, 149, 255, 0.5) !important;
}

/* line 1046, /app/app/assets/stylesheets/teachers.scss */
.grow-without-border:hover {
  transform: scale(1.07) !important;
  color: #2395FF !important;
  transition: all 0.4s !important;
}
/* line 1050, /app/app/assets/stylesheets/teachers.scss */
.grow-without-border:hover path {
  fill: #2395FF !important;
}

/* line 1057, /app/app/assets/stylesheets/teachers.scss */
.boddle-text-color:hover path {
  fill: #2395FF !important;
}

/* line 1062, /app/app/assets/stylesheets/teachers.scss */
.aside-menu .menu > .menu-item > .menu-link {
  font-size: 12px !important;
  font-weight: 600 !important;
}

/* line 1068, /app/app/assets/stylesheets/teachers.scss */
.aside-menu .menu > .menu-item.here > .menu-link .menu-svg-icon path {
  fill: #2395FF !important;
}
/* line 1072, /app/app/assets/stylesheets/teachers.scss */
.aside-menu .menu > .menu-item.here > .menu-link .menu-title {
  color: #2395FF !important;
  font-weight: bolder !important;
}

/* line 1080, /app/app/assets/stylesheets/teachers.scss */
.aside-menu .menu > .menu-item:hover > .menu-link .menu-svg-icon path {
  fill: #2395FF !important;
}
/* line 1084, /app/app/assets/stylesheets/teachers.scss */
.aside-menu .menu > .menu-item:hover > .menu-link .menu-title {
  color: #2395FF !important;
  font-weight: bolder !important;
}

@media (max-width: 575.98px) {
  /* line 1091, /app/app/assets/stylesheets/teachers.scss */
  .aside {
    width: 0px !important;
  }

  /* line 1094, /app/app/assets/stylesheets/teachers.scss */
  .aside-menu {
    position: fixed !important;
    bottom: 0% !important;
    width: 100% !important;
    height: 100px !important;
    background-color: #FFFFFF !important;
    z-index: 10000 !important;
  }
}
/* line 1104, /app/app/assets/stylesheets/teachers.scss */
#kt_header.scrolled {
  background: radial-gradient(77.99% 183.01% at 82.78% 23.46%, #FAFDFF 0%, #EBF5FF 47.4%, #FAFDFF 100%) !important;
  transition: background-color 200ms linear !important;
}

/* line 1109, /app/app/assets/stylesheets/teachers.scss */
.boddle-kpi-circle {
  background-color: #EDF8FF !important;
  border-radius: 40px !important;
}

/* line 1114, /app/app/assets/stylesheets/teachers.scss */
.boddle-dashboard-background {
  background-image: url("boddles/boddle01.svg") !important;
  background-size: 40% !important;
}

@media (min-width: 1500px) {
  /* line 1120, /app/app/assets/stylesheets/teachers.scss */
  .boddle-dashboard-background {
    background-size: 35% !important;
  }
}
@media (min-width: 1700px) {
  /* line 1126, /app/app/assets/stylesheets/teachers.scss */
  .boddle-dashboard-background {
    background-size: 30% !important;
  }
}
/* line 1131, /app/app/assets/stylesheets/teachers.scss */
.boddle-instructions-btn:hover {
  border-color: #2395FF !important;
}
/* line 1133, /app/app/assets/stylesheets/teachers.scss */
.boddle-instructions-btn:hover span > svg path {
  fill: #2395FF !important;
}
/* line 1137, /app/app/assets/stylesheets/teachers.scss */
.boddle-instructions-btn:hover span {
  color: #2395FF !important;
}

/* line 1146, /app/app/assets/stylesheets/teachers.scss */
.boddle-settings-btn:hover svg path {
  fill: #2395FF !important;
}

/* line 1153, /app/app/assets/stylesheets/teachers.scss */
.white-arrow path {
  fill: #FFFFFF !important;
}

/* line 1159, /app/app/assets/stylesheets/teachers.scss */
.boddle-btn-settings path {
  fill: #000000 !important;
}

/* line 1164, /app/app/assets/stylesheets/teachers.scss */
.btn-hover-cursor-only:hover {
  color: #2395FF !important;
  border-color: #2395FF !important;
  background-color: white !important;
}

/* line 1171, /app/app/assets/stylesheets/teachers.scss */
.boddle-home-icon-settings path {
  fill: #FFFFFF !important;
}

/* line 1177, /app/app/assets/stylesheets/teachers.scss */
.black-home-icon path {
  fill: black !important;
}

/* line 1183, /app/app/assets/stylesheets/teachers.scss */
.boddle-primary-btn-settings path {
  fill: #FFFFFF !important;
}

/* line 1188, /app/app/assets/stylesheets/teachers.scss */
.boddle-div-row-hover:hover {
  background-color: #2395FF1D !important;
  border-radius: 10px !important;
  cursor: pointer;
  color: #2395FF !important;
}

/* line 1195, /app/app/assets/stylesheets/teachers.scss */
.boddle-add-student-svg-circle {
  width: 34px !important;
  height: 34px !important;
}

@media (max-width: 575.98px) {
  /* line 1201, /app/app/assets/stylesheets/teachers.scss */
  .boddle-add-student-svg-circle {
    transform: scale(0.75) !important;
  }
}
/* line 1206, /app/app/assets/stylesheets/teachers.scss */
.boddle-input-200px {
  width: 200px !important;
}

/* line 1210, /app/app/assets/stylesheets/teachers.scss */
.boddle-input-300px {
  width: 300px !important;
}

/* line 1214, /app/app/assets/stylesheets/teachers.scss */
.boddle-add-student-by-teacher-modal {
  width: 75% !important;
  margin: 0 auto;
}

/* line 1219, /app/app/assets/stylesheets/teachers.scss */
svg.boddle-student-profile-1 {
  width: 100px !important;
  height: 100px !important;
}
/* line 1225, /app/app/assets/stylesheets/teachers.scss */
svg.boddle-student-profile-1 g g path {
  fill: #9d688c !important;
}
/* line 1229, /app/app/assets/stylesheets/teachers.scss */
svg.boddle-student-profile-1 g g circle {
  fill: #c6b0bf !important;
}

/* line 1235, /app/app/assets/stylesheets/teachers.scss */
svg.boddle-student-profile-2 {
  width: 100px !important;
  height: 100px !important;
}
/* line 1241, /app/app/assets/stylesheets/teachers.scss */
svg.boddle-student-profile-2 g g path {
  fill: #fccd42 !important;
}
/* line 1245, /app/app/assets/stylesheets/teachers.scss */
svg.boddle-student-profile-2 g g circle {
  fill: #fdff79 !important;
}

/* line 1251, /app/app/assets/stylesheets/teachers.scss */
svg.boddle-student-profile-3 {
  width: 100px !important;
  height: 100px !important;
}
/* line 1257, /app/app/assets/stylesheets/teachers.scss */
svg.boddle-student-profile-3 g g path {
  fill: #5bb8f9 !important;
}
/* line 1261, /app/app/assets/stylesheets/teachers.scss */
svg.boddle-student-profile-3 g g circle {
  fill: #bbe3ff !important;
}

/* line 1267, /app/app/assets/stylesheets/teachers.scss */
svg.boddle-student-profile-4 {
  width: 100px !important;
  height: 100px !important;
}
/* line 1273, /app/app/assets/stylesheets/teachers.scss */
svg.boddle-student-profile-4 g g path {
  fill: #ff8475 !important;
}
/* line 1277, /app/app/assets/stylesheets/teachers.scss */
svg.boddle-student-profile-4 g g circle {
  fill: #ffcdb0 !important;
}

/* line 1283, /app/app/assets/stylesheets/teachers.scss */
svg.boddle-student-profile-5 {
  width: 100px !important;
  height: 100px !important;
}
/* line 1289, /app/app/assets/stylesheets/teachers.scss */
svg.boddle-student-profile-5 g g path {
  fill: #9983fc !important;
}
/* line 1293, /app/app/assets/stylesheets/teachers.scss */
svg.boddle-student-profile-5 g g circle {
  fill: #d1befd !important;
}

/* line 1299, /app/app/assets/stylesheets/teachers.scss */
svg.boddle-student-profile-6 {
  width: 100px !important;
  height: 100px !important;
}
/* line 1305, /app/app/assets/stylesheets/teachers.scss */
svg.boddle-student-profile-6 g g path {
  fill: #51d453 !important;
}
/* line 1309, /app/app/assets/stylesheets/teachers.scss */
svg.boddle-student-profile-6 g g circle {
  fill: #a9f5bb !important;
}

/* line 1315, /app/app/assets/stylesheets/teachers.scss */
svg.boddle-student-profile-7 {
  width: 100px !important;
  height: 100px !important;
}
/* line 1321, /app/app/assets/stylesheets/teachers.scss */
svg.boddle-student-profile-7 g g path {
  fill: #FF819E !important;
}
/* line 1325, /app/app/assets/stylesheets/teachers.scss */
svg.boddle-student-profile-7 g g circle {
  fill: #FFD1D1 !important;
}

@media (min-width: 575.98px) {
  /* line 1332, /app/app/assets/stylesheets/teachers.scss */
  svg.boddle-student-profile-1,
  svg.boddle-student-profile-2,
  svg.boddle-student-profile-3,
  svg.boddle-student-profile-4,
  svg.boddle-student-profile-5,
  svg.boddle-student-profile-6,
  svg.boddle-student-profile-7 {
    width: 125px !important;
    height: 125px !important;
  }
}
/* line 1344, /app/app/assets/stylesheets/teachers.scss */
.w-20 {
  width: 20% !important;
}

/* line 1348, /app/app/assets/stylesheets/teachers.scss */
.w-30 {
  width: 30% !important;
}

/* line 1352, /app/app/assets/stylesheets/teachers.scss */
.boddle-border-bottom-hr {
  border-bottom: 1px solid #A7A7A7 !important;
}

/* line 1356, /app/app/assets/stylesheets/teachers.scss */
.mw-145px {
  max-width: 145px !important;
}

@media (min-width: 768px) {
  /* line 1361, /app/app/assets/stylesheets/teachers.scss */
  .w-md-145px {
    width: 145px !important;
  }
}
@media (max-width: 678px) {
  /* line 1368, /app/app/assets/stylesheets/teachers.scss */
  .bdl-link-existing-students .copy-link-btn {
    max-width: 115px !important;
  }
}
@media (min-width: 768px) {
  /* line 1374, /app/app/assets/stylesheets/teachers.scss */
  .table tr, .table th, .table td {
    font-size: 15px !important;
  }
}
/* line 1379, /app/app/assets/stylesheets/teachers.scss */
.z-index-invite-parent {
  z-index: 800 !important;
}

/* line 1383, /app/app/assets/stylesheets/teachers.scss */
.z-index-preview-game {
  z-index: 900 !important;
}

@media (max-width: 767px) {
  /* line 1388, /app/app/assets/stylesheets/teachers.scss */
  .boddle-header-bg {
    background-color: #FFFFFF !important;
  }
}
@media (max-width: 992px) {
  /* line 1395, /app/app/assets/stylesheets/teachers.scss */
  .mt-sm-10 {
    margin-top: 10px !important;
  }
}
@media (min-width: 576px) {
  /* line 1401, /app/app/assets/stylesheets/teachers.scss */
  .mt-sm-10 {
    margin-top: 10px !important;
  }
}
/* line 1408, /app/app/assets/stylesheets/teachers.scss */
.boddle-bg {
  background-color: #2395FF !important;
}

/* line 1412, /app/app/assets/stylesheets/teachers.scss */
.boddle-color {
  color: #2395FF !important;
}

/* line 1417, /app/app/assets/stylesheets/teachers.scss */
.boddle-color-selectpicker .text {
  color: #2395FF !important;
}

/* line 1422, /app/app/assets/stylesheets/teachers.scss */
.green-color {
  color: #9ACD32 !important;
}

/* line 1426, /app/app/assets/stylesheets/teachers.scss */
.white-bg {
  background-color: #fff !important;
}

/* line 1430, /app/app/assets/stylesheets/teachers.scss */
.white-color {
  color: #fff !important;
}
/* line 1432, /app/app/assets/stylesheets/teachers.scss */
.white-color path {
  fill: #fff !important;
}

/* line 1437, /app/app/assets/stylesheets/teachers.scss */
.red-color {
  color: #FF0000 !important;
}

/* line 1441, /app/app/assets/stylesheets/teachers.scss */
.black-color {
  color: #000000 !important;
}

/* line 1445, /app/app/assets/stylesheets/teachers.scss */
.dark-grey-color {
  color: #343a40 !important;
}

/* line 1449, /app/app/assets/stylesheets/teachers.scss */
.medium-grey-color {
  color: #636363 !important;
}

/* line 1453, /app/app/assets/stylesheets/teachers.scss */
.light-grey-color {
  color: #A7A7A7 !important;
}

/* line 1457, /app/app/assets/stylesheets/teachers.scss */
.primary-color {
  color: #1dc9b7 !important;
}

/* line 1461, /app/app/assets/stylesheets/teachers.scss */
.white-color-50 {
  color: #ffffff80 !important;
}

/* line 1465, /app/app/assets/stylesheets/teachers.scss */
.hover-white:hover i, .hover-white:hover span {
  color: #fff !important;
}

/* line 1469, /app/app/assets/stylesheets/teachers.scss */
.show-report-button-title {
  font-size: 1.0rem;
}

/* line 1473, /app/app/assets/stylesheets/teachers.scss */
.bg-solid {
  background-color: #EBF5FF !important;
}

/* line 1477, /app/app/assets/stylesheets/teachers.scss */
.width-max-content {
  width: max-content !important;
}

/* line 1481, /app/app/assets/stylesheets/teachers.scss */
.kt-widget__section {
  min-height: 6.5rem;
}

/* line 1485, /app/app/assets/stylesheets/teachers.scss */
.pointer:hover {
  cursor: pointer;
}

/* line 1489, /app/app/assets/stylesheets/teachers.scss */
.hover-boddle-color:hover {
  color: #2d7ff9 !important;
}

/* line 1493, /app/app/assets/stylesheets/teachers.scss */
.boddle-analytic-table {
  border: 1px solid #2d7ff9;
}

/* line 1497, /app/app/assets/stylesheets/teachers.scss */
.boddle-analytic-table > .pagination > .previous, .boddle-analytic-table > .pagination > .next {
  background: rgba(44, 119, 244, 0.1);
}

/* line 1501, /app/app/assets/stylesheets/teachers.scss */
.boddle-analytic-table > tbody > tr:nth-child(2n+1) > td, .table-striped > tbody > tr:nth-child(2n+1) > th {
  background-color: #2d7ff920;
}

/* line 1505, /app/app/assets/stylesheets/teachers.scss */
.boddle-analytic-table-cell {
  padding: 0.5rem 2rem;
  vertical-align: top !important;
}

/* line 1510, /app/app/assets/stylesheets/teachers.scss */
.boddle-analytic-table-cell-heading {
  display: block;
  font-weight: 600;
  text-decoration: underline;
  color: #2d7ff9;
}

/* line 1517, /app/app/assets/stylesheets/teachers.scss */
.correct-ans-pill {
  border: 2px solid #2d7ff9;
  background-color: #2d7ff9;
  color: #fff;
}

/* line 1523, /app/app/assets/stylesheets/teachers.scss */
.wrong-ans-pill {
  border: 2px solid #ff0000 !important;
}

/* line 1527, /app/app/assets/stylesheets/teachers.scss */
.ans-pill {
  border: 2px solid #2d7ff9;
  border-radius: 1rem;
  padding: 0.1rem 0s 0.5rem;
  text-align: center;
  display: inline-block;
  min-width: 50%;
  max-width: 100%;
  overflow: auto;
}

/* line 1538, /app/app/assets/stylesheets/teachers.scss */
.kt-font-disable {
  color: #80808090 !important;
}

/* line 1542, /app/app/assets/stylesheets/teachers.scss */
.kt-font-xxsm {
  font-size: xx-small;
}

/* line 1546, /app/app/assets/stylesheets/teachers.scss */
.vertical-align-super {
  vertical-align: super;
}

/* line 1550, /app/app/assets/stylesheets/teachers.scss */
.vertical-align-mid {
  margin-top: auto;
  margin-bottom: auto;
}

/* line 1555, /app/app/assets/stylesheets/teachers.scss */
#kt_aside_menu_wrapper {
  max-height: 85vh !important;
}

/* line 1559, /app/app/assets/stylesheets/teachers.scss */
.boddle-timeline {
  position: relative;
}

/* line 1561, /app/app/assets/stylesheets/teachers.scss */
.boddle-timeline:before {
  content: '';
  position: absolute;
  left: 4.72rem;
  width: 0.18rem;
  top: 10px;
  bottom: 10px;
  height: calc(100% - 20px);
  background-color: #A7A7A7;
}

/* line 1570, /app/app/assets/stylesheets/teachers.scss */
.boddle-timeline .boddle-timeline__items .boddle-timeline__item {
  display: table;
  position: relative;
  margin-bottom: 1.75rem;
}

/* line 1574, /app/app/assets/stylesheets/teachers.scss */
.boddle-timeline .boddle-timeline__items .boddle-timeline__item .boddle-timeline__item-time {
  display: table-cell;
  font-weight: 500;
  vertical-align: top;
  position: absolute;
  padding-top: 0.30rem;
}

/* line 1580, /app/app/assets/stylesheets/teachers.scss */
.boddle-timeline .boddle-timeline__items .boddle-timeline__item .boddle-timeline__item-cricle {
  border: none;
  z-index: 1;
  top: 0.2rem;
  left: 4.08rem;
  position: relative;
}

/* line 1586, /app/app/assets/stylesheets/teachers.scss */
.boddle-timeline .boddle-timeline__items .boddle-timeline__item .boddle-timeline__item-cricle > span > svg {
  background-color: #FFFFFF !important;
}

/* line 1588, /app/app/assets/stylesheets/teachers.scss */
.boddle-timeline .boddle-timeline__items .boddle-timeline__item .boddle-timeline__item-text {
  display: table-cell;
  vertical-align: top;
  font-size: 1rem;
  padding: 0.30rem 0 0 5rem;
}

/* line 1593, /app/app/assets/stylesheets/teachers.scss */
.boddle-timeline .boddle-timeline__items .boddle-timeline__item .boddle-timeline__item-text .boddle-timeline__item-text--bold {
  font-size: 1.2rem;
  font-weight: 500;
  padding-top: 0.21rem;
}

/* line 1597, /app/app/assets/stylesheets/teachers.scss */
.boddle-timeline .boddle-timeline__items .boddle-timeline__item .boddle-timeline__item-text > span {
  font-weight: 700;
}

/* line 1599, /app/app/assets/stylesheets/teachers.scss */
.boddle-timeline .boddle-timeline__items .boddle-timeline__item .list-pics {
  display: table-cell;
  vertical-align: top;
}

/* line 1602, /app/app/assets/stylesheets/teachers.scss */
.boddle-timeline .boddle-timeline__items .boddle-timeline__item:last-child {
  margin-bottom: 0;
}

/* line 1642, /app/app/assets/stylesheets/teachers.scss */
.kt-wizard-v4-2steps {
  flex: 0 0 calc(50% - 0.25rem) !important;
}

/* line 1646, /app/app/assets/stylesheets/teachers.scss */
.kt-wizard-v4-3steps {
  flex: 0 0 calc(33.33% - 0.25rem) !important;
}

/* line 1650, /app/app/assets/stylesheets/teachers.scss */
.body-color {
  background-color: #f2f3f8;
}

/* line 1654, /app/app/assets/stylesheets/teachers.scss */
.height-vh50 {
  min-height: 50vh;
  max-height: 50vh;
  overflow: auto !important;
  overflow-x: hidden !important;
}

/* line 1661, /app/app/assets/stylesheets/teachers.scss */
.height-vh70 {
  min-height: 70vh;
  max-height: 70vh;
  overflow: auto !important;
  overflow-x: hidden !important;
}

/* line 1668, /app/app/assets/stylesheets/teachers.scss */
.height-vh45 {
  min-height: 45vh;
  max-height: 45vh;
  overflow: auto !important;
  overflow-x: hidden !important;
}

/* line 1675, /app/app/assets/stylesheets/teachers.scss */
.height-vh40 {
  min-height: 40vh;
  max-height: 40vh;
  overflow: auto !important;
  overflow-x: hidden !important;
}

/* line 1682, /app/app/assets/stylesheets/teachers.scss */
.full-width {
  width: 98% !important;
}

/* line 1686, /app/app/assets/stylesheets/teachers.scss */
.kt-w100 {
  width: 100% !important;
}

/* line 1690, /app/app/assets/stylesheets/teachers.scss */
.half-width {
  width: 50% !important;
}

/* line 1694, /app/app/assets/stylesheets/teachers.scss */
.full-width-dropdown-2, .full-width-dropdown-2 > ul {
  justify-content: center;
  width: 100% !important;
}

/* line 1699, /app/app/assets/stylesheets/teachers.scss */
.full-width-dropdown-2 > ul > li {
  width: 40% !important;
}

/* line 1703, /app/app/assets/stylesheets/teachers.scss */
.full-width-dropdown-2 > ul > li > a {
  width: 100% !important;
  justify-content: center;
  font-weight: 600 !important;
}

/* line 1709, /app/app/assets/stylesheets/teachers.scss */
.window-height {
  height: calc(100vh - 260px);
}

/* line 1714, /app/app/assets/stylesheets/teachers.scss */
.tier .section {
  border: 1px solid #d3d3d3;
  margin-top: 15px;
  /*
  .handle {
    //cursor: move;
  }*/
}
/* line 1717, /app/app/assets/stylesheets/teachers.scss */
.tier .section i {
  text-align: center;
  width: 9%;
  padding: 15px 0;
}
/* line 1726, /app/app/assets/stylesheets/teachers.scss */
.tier .section .form-control {
  cursor: default;
  width: 79%;
  border: none;
  display: inline-block;
  padding: 0;
}
/* line 1733, /app/app/assets/stylesheets/teachers.scss */
.tier .section .form-control:disabled {
  background-color: transparent;
}
/* line 1736, /app/app/assets/stylesheets/teachers.scss */
.tier .section .dropdown {
  cursor: pointer;
}
/* line 1740, /app/app/assets/stylesheets/teachers.scss */
.tier .skills {
  background-color: #f2f3f8;
  border-left: 1px solid #d3d3d3;
  border-right: 1px solid #d3d3d3;
}
/* line 1744, /app/app/assets/stylesheets/teachers.scss */
.tier .skills .skill {
  border-bottom: 1px solid #d3d3d3;
}
/* line 1746, /app/app/assets/stylesheets/teachers.scss */
.tier .skills .skill i {
  text-align: center;
  width: 9%;
  padding: 12px 0;
}
/* line 1752, /app/app/assets/stylesheets/teachers.scss */
.tier .skills .skill .skill-name {
  display: inline-block;
  width: 70%;
  vertical-align: middle;
  padding-right: 10px;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  cursor: pointer;
}
/* line 1753, /app/app/assets/stylesheets/teachers.scss */
.tier .skills .skill .skill-name span {
  cursor: help;
}
/* line 1765, /app/app/assets/stylesheets/teachers.scss */
.tier .skills .skill .tag-name {
  display: inline-block;
  width: 18%;
  text-align: right;
  padding-right: 10px;
  vertical-align: middle;
}
/* line 1771, /app/app/assets/stylesheets/teachers.scss */
.tier .skills .skill .tag-name .btn-pill {
  max-width: 100%;
  cursor: default;
  padding: 0.2rem 1rem;
  height: 2rem;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

/* line 1785, /app/app/assets/stylesheets/teachers.scss */
.domain {
  width: 100%;
  margin: 10px;
}
/* line 1788, /app/app/assets/stylesheets/teachers.scss */
.domain .domain-name {
  font-weight: 500;
}
/* line 1791, /app/app/assets/stylesheets/teachers.scss */
.domain .tags {
  margin: 0 15px;
}
/* line 1794, /app/app/assets/stylesheets/teachers.scss */
.domain .tags .tag .tag-name {
  border: 1px solid #d3d3d3;
  margin-top: 15px;
}
/* line 1797, /app/app/assets/stylesheets/teachers.scss */
.domain .tags .tag .tag-name i {
  text-align: center;
  width: 9%;
  padding: 15px 0;
}
/* line 1802, /app/app/assets/stylesheets/teachers.scss */
.domain .tags .tag .tag-name span {
  cursor: default;
  width: 79%;
  display: inline-block;
}
/* line 1807, /app/app/assets/stylesheets/teachers.scss */
.domain .tags .tag .tag-name .dropdown {
  cursor: pointer;
}
/* line 1812, /app/app/assets/stylesheets/teachers.scss */
.domain .tags .skills {
  background-color: #f2f3f8;
  border-left: 1px solid #d3d3d3;
  border-right: 1px solid #d3d3d3;
}
/* line 1816, /app/app/assets/stylesheets/teachers.scss */
.domain .tags .skills .skill {
  border-bottom: 1px solid #d3d3d3;
}
/* line 1818, /app/app/assets/stylesheets/teachers.scss */
.domain .tags .skills .skill i {
  text-align: center;
  width: 9%;
  padding: 12px 0;
}
/* line 1824, /app/app/assets/stylesheets/teachers.scss */
.domain .tags .skills .skill .skill-name {
  display: inline-block;
  width: 85%;
  vertical-align: middle;
  padding-right: 10px;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
/* line 1825, /app/app/assets/stylesheets/teachers.scss */
.domain .tags .skills .skill .skill-name span {
  cursor: help;
}

/* line 1841, /app/app/assets/stylesheets/teachers.scss */
.selection-domain {
  width: 100%;
  padding: 10px;
}
/* line 1844, /app/app/assets/stylesheets/teachers.scss */
.selection-domain .domain-name {
  font-weight: 500;
}
/* line 1847, /app/app/assets/stylesheets/teachers.scss */
.selection-domain .tags {
  margin: 0 15px;
}
/* line 1849, /app/app/assets/stylesheets/teachers.scss */
.selection-domain .tags .tag {
  cursor: pointer;
}
/* line 1851, /app/app/assets/stylesheets/teachers.scss */
.selection-domain .tags .tag .tag-name {
  border: 1px solid #d3d3d3;
  margin-top: 15px;
  cursor: pointer;
}
/* line 1855, /app/app/assets/stylesheets/teachers.scss */
.selection-domain .tags .tag .tag-name i {
  text-align: center;
  width: 9%;
  padding: 15px 0;
  cursor: pointer;
}
/* line 1861, /app/app/assets/stylesheets/teachers.scss */
.selection-domain .tags .tag .tag-name span {
  width: 79%;
  display: inline-block;
  cursor: pointer;
}
/* line 1865, /app/app/assets/stylesheets/teachers.scss */
.selection-domain .tags .tag .tag-name span .ellipsis-text {
  max-width: 85%;
  width: auto;
  display: inline-block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  vertical-align: bottom;
}
/* line 1876, /app/app/assets/stylesheets/teachers.scss */
.selection-domain .tags .tag .query-tag-name {
  border: 1px solid #d3d3d3;
  margin-top: 15px;
  cursor: default;
}
/* line 1880, /app/app/assets/stylesheets/teachers.scss */
.selection-domain .tags .tag .query-tag-name i {
  text-align: center;
  width: 9%;
  padding: 15px 0;
}
/* line 1885, /app/app/assets/stylesheets/teachers.scss */
.selection-domain .tags .tag .query-tag-name span {
  width: 69%;
  display: inline-block;
  cursor: pointer;
}
/* line 1889, /app/app/assets/stylesheets/teachers.scss */
.selection-domain .tags .tag .query-tag-name span .ellipsis-text {
  max-width: 85%;
  width: auto;
  display: inline-block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  vertical-align: bottom;
}
/* line 1899, /app/app/assets/stylesheets/teachers.scss */
.selection-domain .tags .tag .query-tag-name a {
  text-align: center;
  width: 19%;
  padding: 5px 0;
  cursor: pointer;
  display: inline-block;
}
/* line 1908, /app/app/assets/stylesheets/teachers.scss */
.selection-domain .tags .skills {
  background-color: #f2f3f8;
  border-left: 1px solid #d3d3d3;
  border-right: 1px solid #d3d3d3;
}
/* line 1912, /app/app/assets/stylesheets/teachers.scss */
.selection-domain .tags .skills .skill {
  cursor: pointer;
  border-bottom: 1px solid #d3d3d3;
}
/* line 1915, /app/app/assets/stylesheets/teachers.scss */
.selection-domain .tags .skills .skill i {
  text-align: center;
  width: 9%;
  padding: 12px 0;
}
/* line 1920, /app/app/assets/stylesheets/teachers.scss */
.selection-domain .tags .skills .skill .skill-name {
  cursor: pointer;
  display: inline-block;
  width: 85%;
  vertical-align: middle;
  padding-right: 10px;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
/* line 1921, /app/app/assets/stylesheets/teachers.scss */
.selection-domain .tags .skills .skill .skill-name span {
  cursor: help;
}

/* line 1938, /app/app/assets/stylesheets/teachers.scss */
.kt-datatable-hover > table > tbody > tr:hover {
  background-color: #f2f3f8;
  cursor: pointer;
}

/* line 1943, /app/app/assets/stylesheets/teachers.scss */
.kt-datatable-hover > table > tbody > .active-row > td > span {
  color: #595d6e;
  font-weight: 500;
}

/* line 1948, /app/app/assets/stylesheets/teachers.scss */
.kt-datatable-hover > table > tbody > .not-active-row > td > span {
  color: #80808090 !important;
}

/* line 1953, /app/app/assets/stylesheets/teachers.scss */
.example-question-popover .no-question, .questions .no-question {
  color: #80808090;
}
/* line 1957, /app/app/assets/stylesheets/teachers.scss */
.example-question-popover .open-answer span, .questions .open-answer span {
  border: 1px solid #d3d3d3;
  font-weight: 500;
  font-size: large;
  text-align: center;
  display: inline-block;
  width: 100%;
  vertical-align: middle;
}

/* line 1969, /app/app/assets/stylesheets/teachers.scss */
.fix-height-400 {
  height: 400px !important;
  overflow: auto;
}

/* line 1974, /app/app/assets/stylesheets/teachers.scss */
.skill-tooltip {
  width: 200px;
  height: 100%;
}
/* line 1977, /app/app/assets/stylesheets/teachers.scss */
.skill-tooltip .skill-name {
  display: block;
  font-weight: 600;
}
/* line 1981, /app/app/assets/stylesheets/teachers.scss */
.skill-tooltip .skill-desc {
  display: block;
  word-wrap: break-word;
  white-space: normal;
}
/* line 1986, /app/app/assets/stylesheets/teachers.scss */
.skill-tooltip .skill-progress {
  margin-top: 10px;
  display: inline-block;
  word-wrap: break-word;
  white-space: normal;
}
/* line 1991, /app/app/assets/stylesheets/teachers.scss */
.skill-tooltip .skill-progress .progress-value {
  font-weight: 600;
}

/* line 1998, /app/app/assets/stylesheets/teachers.scss */
.usage-tooltip {
  background-color: #ffff !important;
  margin: 0;
  padding: 10px;
  display: block;
  border: 2px solid #2d7ff9;
  border-radius: 2px;
}
/* line 2005, /app/app/assets/stylesheets/teachers.scss */
.usage-tooltip .usage-progress {
  display: block;
}
/* line 2007, /app/app/assets/stylesheets/teachers.scss */
.usage-tooltip .usage-progress .analytics {
  color: #282a3c !important;
  font-weight: 600;
}
/* line 2011, /app/app/assets/stylesheets/teachers.scss */
.usage-tooltip .usage-progress .percentage {
  color: #282a3c !important;
  font-weight: normal;
}
/* line 2016, /app/app/assets/stylesheets/teachers.scss */
.usage-tooltip .usage {
  color: #282a3c !important;
  display: block;
  font-weight: normal;
}

/* line 2023, /app/app/assets/stylesheets/teachers.scss */
.domain-tooltip {
  background-color: #ffff !important;
  margin: 10px;
  padding: 10px;
  display: block;
  border: 2px solid #F4F4F4;
  border-radius: 10px !important;
  box-shadow: 2px 2px 10px 2px rgba(0, 0, 0, 0.1) !important;
}
/* line 2031, /app/app/assets/stylesheets/teachers.scss */
.domain-tooltip .usage-progress {
  display: block;
}
/* line 2033, /app/app/assets/stylesheets/teachers.scss */
.domain-tooltip .usage-progress .analytics {
  color: #282a3c !important;
  font-weight: 600;
}
/* line 2037, /app/app/assets/stylesheets/teachers.scss */
.domain-tooltip .usage-progress .percentage {
  color: #282a3c !important;
  font-weight: normal;
}
/* line 2042, /app/app/assets/stylesheets/teachers.scss */
.domain-tooltip .usage {
  color: #282a3c !important;
  display: block;
  font-weight: normal;
}

/* line 2049, /app/app/assets/stylesheets/teachers.scss */
.line-through {
  display: inline-block;
  text-decoration: line-through;
}

/* line 2054, /app/app/assets/stylesheets/teachers.scss */
.kt-font-weight-400 {
  font-weight: 400 !important;
}

/* line 2058, /app/app/assets/stylesheets/teachers.scss */
.width-25-percent {
  width: 25% !important;
}

/* line 2062, /app/app/assets/stylesheets/teachers.scss */
.hover-white-bg:hover {
  background-color: #fff !important;
}

/* line 2066, /app/app/assets/stylesheets/teachers.scss */
.btn-google-classroom {
  padding: 0.2rem 0.8rem !important;
  background-color: #f7f8fa !important;
  border-radius: 5px !important;
}

/* line 2072, /app/app/assets/stylesheets/teachers.scss */
.btn-google-classroom:hover {
  background-color: #dedfe1 !important;
}

/* line 2076, /app/app/assets/stylesheets/teachers.scss */
.btn-clever-classroom {
  padding: 0.6rem 0.8rem !important;
  background-color: #f7f8fa !important;
  margin-right: 3rem !important;
  margin-bottom: 0.3rem !important;
  border-radius: 5px !important;
}

/* line 2084, /app/app/assets/stylesheets/teachers.scss */
.btn-clever-classroom:hover {
  background-color: #dedfe1 !important;
}

/* line 2089, /app/app/assets/stylesheets/teachers.scss */
.google-btn {
  width: 184px;
  height: 42px;
  background-color: #4285f4;
  border-radius: 8px;
  box-shadow: 0 3px 4px 0 rgba(0, 0, 0, 0.25);
  cursor: pointer;
}

/* line 2097, /app/app/assets/stylesheets/teachers.scss */
.google-btn .google-icon-wrapper {
  position: absolute;
  margin-top: 1px;
  margin-left: 1px;
  width: 40px;
  height: 40px;
  border-radius: 8px;
  background-color: #fff;
}

/* line 2106, /app/app/assets/stylesheets/teachers.scss */
.google-btn .google-icon {
  position: absolute;
  margin-top: 11px;
  margin-left: 11px;
  width: 18px;
  height: 18px;
}

/* line 2113, /app/app/assets/stylesheets/teachers.scss */
.google-btn .btn-text {
  float: right;
  margin: 11px 11px 0 0;
  color: #fff;
  font-size: 14px;
  letter-spacing: 0.2px;
  font-family: "Roboto";
}

/* line 2121, /app/app/assets/stylesheets/teachers.scss */
.google-btn:hover {
  box-shadow: 0 0 6px #4285f4;
}

/* line 2124, /app/app/assets/stylesheets/teachers.scss */
.google-btn:active {
  background: #1669F2;
}

/* line 2128, /app/app/assets/stylesheets/teachers.scss */
.clever-btn {
  width: 184px;
  height: 42px;
  background-color: #ffffff;
  border-radius: 8px;
  box-shadow: 0 3px 4px 0 rgba(0, 0, 0, 0.25);
  cursor: pointer;
  border: 1px solid #4285f4;
}

/* line 2137, /app/app/assets/stylesheets/teachers.scss */
.clever-btn .clever-icon-wrapper {
  position: absolute;
  width: 40px;
  height: 40px;
  border-radius: 8px;
  background-color: #fff;
}

/* line 2144, /app/app/assets/stylesheets/teachers.scss */
.clever-btn .clever-icon {
  position: absolute;
  width: 40px;
  height: 40px;
}

/* line 2149, /app/app/assets/stylesheets/teachers.scss */
.clever-btn .btn-text {
  float: right;
  margin: 11px 11px 0 0;
  color: #4285f4;
  font-size: 14px;
  letter-spacing: 0.2px;
  font-family: "Roboto";
}

/* line 2157, /app/app/assets/stylesheets/teachers.scss */
.clever-btn:active {
  background: #ffffff;
}

/* line 2161, /app/app/assets/stylesheets/teachers.scss */
.justify-center {
  justify-content: center !important;
}

/* line 2165, /app/app/assets/stylesheets/teachers.scss */
.btn-account-type {
  color: #5867dd !important;
  font-weight: 600 !important;
  padding: 0.2rem 1rem !important;
  background-color: #ffff !important;
}

/* line 2172, /app/app/assets/stylesheets/teachers.scss */
.btn-account-type-premium {
  background-color: #1dc9b7 !important;
  color: #ffff !important;
}

/* line 2177, /app/app/assets/stylesheets/teachers.scss */
.btn-account-type:hover {
  cursor: help !important;
}

/* line 2181, /app/app/assets/stylesheets/teachers.scss */
.btn-redeem-code {
  position: absolute !important;
  right: 2px !important;
  bottom: 77px !important;
  background-color: transparent !important;
  color: #ffff !important;
  font-weight: 600 !important;
  border: none !important;
}

/* line 2191, /app/app/assets/stylesheets/teachers.scss */
.max-60vh {
  max-height: 60vh !important;
  overflow: auto;
  overflow-x: hidden !important;
}

/* line 2197, /app/app/assets/stylesheets/teachers.scss */
.email-verify-fix {
  position: fixed !important;
  width: 20%;
  bottom: 0;
  left: 0;
  text-align: left;
  z-index: 10000;
  margin-bottom: 0 !important;
}
/* line 2205, /app/app/assets/stylesheets/teachers.scss */
.email-verify-fix span {
  color: greenyellow;
  cursor: pointer;
}

/* line 2211, /app/app/assets/stylesheets/teachers.scss */
.minh-47 {
  min-height: 47px !important;
}

/* line 2215, /app/app/assets/stylesheets/teachers.scss */
.kt-font-xxl {
  font-size: 2rem !important;
}

/* line 2219, /app/app/assets/stylesheets/teachers.scss */
.kt-border-r40 {
  border-radius: 40px !important;
}

/* line 2223, /app/app/assets/stylesheets/teachers.scss */
.kt-border-r30 {
  border-radius: 30px !important;
}

/* line 2227, /app/app/assets/stylesheets/teachers.scss */
.kt-border-r20 {
  border-radius: 20px !important;
}

/* line 2231, /app/app/assets/stylesheets/teachers.scss */
.kt-border-r10 {
  border-radius: 10px !important;
}

/* line 2235, /app/app/assets/stylesheets/teachers.scss */
.kt-bg-green {
  background-color: #28a745 !important;
}

/* line 2239, /app/app/assets/stylesheets/teachers.scss */
.kt-bg-grey {
  background-color: #f2f3f8 !important;
}

/* line 2243, /app/app/assets/stylesheets/teachers.scss */
.kt-text-justify {
  text-align: justify !important;
}

/* line 2247, /app/app/assets/stylesheets/teachers.scss */
.kt-line-h2 {
  line-height: 2rem !important;
}

/* line 2251, /app/app/assets/stylesheets/teachers.scss */
.kt-pointer {
  cursor: pointer !important;
}

/* line 2255, /app/app/assets/stylesheets/teachers.scss */
.kt-align-self-center {
  align-self: center !important;
}

/* line 2259, /app/app/assets/stylesheets/teachers.scss */
body.modal-open {
  overflow: hidden !important;
}

/* line 2263, /app/app/assets/stylesheets/teachers.scss */
.kt-rounded-right-0 {
  border-radius: 10px 0px 0px 10px !important;
}

/* line 2267, /app/app/assets/stylesheets/teachers.scss */
.kt-rounded-left-0 {
  border-radius: 0px 10px 10px 0px !important;
}

/* line 2271, /app/app/assets/stylesheets/teachers.scss */
.kt-flex-inline {
  display: inline-flex !important;
}

/* line 2275, /app/app/assets/stylesheets/teachers.scss */
.kt-sticky-sidebar {
  top: 20% !important;
  z-index: 5 !important;
}

/* line 2280, /app/app/assets/stylesheets/teachers.scss */
.kt-sticky-topbar {
  top: 120px !important;
  z-index: 6 !important;
}
/* line 2284, /app/app/assets/stylesheets/teachers.scss */
.kt-sticky-topbar .kt-portlet .kt-portlet__body {
  padding: 0 15px !important;
}

/* line 2290, /app/app/assets/stylesheets/teachers.scss */
.kt-dark-box-shadow {
  box-shadow: 0px 0px 13px 0px rgba(82, 63, 105, 0.15) !important;
}

/* line 2294, /app/app/assets/stylesheets/teachers.scss */
.kt-border-brand {
  border: 1px solid #2c77f4;
}

/* line 2298, /app/app/assets/stylesheets/teachers.scss */
.graph-sample-question-popover {
  position: fixed !important;
}

/* line 2302, /app/app/assets/stylesheets/teachers.scss */
.kt-plr-325 {
  padding-left: 3.25rem !important;
  padding-right: 3.25rem !important;
}

/* line 2307, /app/app/assets/stylesheets/teachers.scss */
.kt-plr-360 {
  padding-left: 3.60rem !important;
  padding-right: 3.60rem !important;
}

/* line 2312, /app/app/assets/stylesheets/teachers.scss */
ol.progtrckr {
  display: table;
  list-style-type: none;
  margin: 0;
  padding: 0;
  table-layout: fixed;
  width: 100%;
}

/* line 2320, /app/app/assets/stylesheets/teachers.scss */
ol.progtrckr li {
  display: table-cell;
  text-align: center;
  line-height: 3em;
}

/* line 2326, /app/app/assets/stylesheets/teachers.scss */
ol.progtrckr li.progtrckr-done {
  border-bottom: 4px solid #2c77f4;
}

/* line 2329, /app/app/assets/stylesheets/teachers.scss */
ol.progtrckr li.progtrckr-todo {
  color: silver;
  border-bottom: 4px solid silver;
}

/* line 2334, /app/app/assets/stylesheets/teachers.scss */
ol.progtrckr li:after {
  content: "\00a0\00a0";
}

/* line 2337, /app/app/assets/stylesheets/teachers.scss */
ol.progtrckr li:before {
  position: relative;
  bottom: -2.5em;
  float: left;
  left: 50%;
  line-height: 1em;
}

/* line 2344, /app/app/assets/stylesheets/teachers.scss */
ol.progtrckr li.progtrckr-done:before {
  content: "\002B";
  color: white;
  background-color: #2c77f4;
  height: 1.2em;
  width: 1.2em;
  line-height: 1.2em;
  border: none;
  border-radius: 1.2em;
}

/* line 2354, /app/app/assets/stylesheets/teachers.scss */
ol.progtrckr li.progtrckr-todo:before {
  content: "\039F";
  color: silver;
  background-color: white;
  font-size: 1.5em;
  bottom: -1.6em;
}

/* line 2362, /app/app/assets/stylesheets/teachers.scss */
.StripeElement {
  padding-top: 1.30rem !important;
}

/* line 2366, /app/app/assets/stylesheets/teachers.scss */
.StripeElement--focus {
  box-shadow: 0 1px 3px 0 #cfd7df;
}

/* line 2370, /app/app/assets/stylesheets/teachers.scss */
.StripeElement--invalid {
  border-color: #fa755a;
}

/* line 2374, /app/app/assets/stylesheets/teachers.scss */
.StripeElement--webkit-autofill {
  background-color: #fefde5 !important;
}

/* line 2378, /app/app/assets/stylesheets/teachers.scss */
.apexcharts-xaxis-label-skill:hover {
  cursor: pointer;
  color: #2d7ff9 !important;
  text-decoration: underline;
}

/* line 2384, /app/app/assets/stylesheets/teachers.scss */
.apexcharts-total-row-background {
  fill: #f3f0f0 !important;
}

/* line 2388, /app/app/assets/stylesheets/teachers.scss */
.apexcharts-total-row-no-border {
  fill: white !important;
  stroke: none;
}

/* line 2393, /app/app/assets/stylesheets/teachers.scss */
.apexcharts-total-row-text {
  fill: black !important;
}

/* line 2397, /app/app/assets/stylesheets/teachers.scss */
.apexcharts-total-row-text-not-started {
  fill: red !important;
  font-size: 8px;
}

/* line 2402, /app/app/assets/stylesheets/teachers.scss */
.apexcharts-total-row-text-in-progress {
  fill: blue !important;
  font-size: 8px;
}

/* line 2407, /app/app/assets/stylesheets/teachers.scss */
.apexcharts-total-row-text-completed {
  fill: green !important;
  font-size: 8px;
}

/* line 2412, /app/app/assets/stylesheets/teachers.scss */
.apexcharts-yaxis-label-student:hover {
  cursor: pointer;
  color: #2d7ff9 !important;
  text-decoration: underline;
}

/* line 2418, /app/app/assets/stylesheets/teachers.scss */
.kt-font-size-3rem {
  font-size: 3.2rem !important;
}

/* line 2422, /app/app/assets/stylesheets/teachers.scss */
.border-bottom-light {
  border-bottom: 1px solid #ededed;
}

/* line 2426, /app/app/assets/stylesheets/teachers.scss */
.underline-text {
  text-decoration: underline;
}

/* line 2430, /app/app/assets/stylesheets/teachers.scss */
.btn-success-green {
  background-color: #0abb87 !important;
  border-color: #0abb87 !important;
}

/* line 2435, /app/app/assets/stylesheets/teachers.scss */
.color-success {
  color: #0abb87 !important;
}

/* line 2439, /app/app/assets/stylesheets/teachers.scss */
.color-warning {
  color: #ffb822 !important;
}

/* line 2443, /app/app/assets/stylesheets/teachers.scss */
.color-secondary {
  color: #e1e1ef !important;
}

/* line 2447, /app/app/assets/stylesheets/teachers.scss */
.color-black {
  color: black !important;
}

/* line 2451, /app/app/assets/stylesheets/teachers.scss */
.btn-outline-hover-success:hover {
  border-color: #0abb87 !important;
}

/* line 2455, /app/app/assets/stylesheets/teachers.scss */
.kt-user-card-pl {
  padding: 1rem !important;
}

/* line 2459, /app/app/assets/stylesheets/teachers.scss */
.circle-count-active {
  font-size: 1.8rem;
  font-weight: 900;
  border: 4px solid #2c77f4;
  border-radius: 50%;
  padding: 1px 13px;
}

/* line 2467, /app/app/assets/stylesheets/teachers.scss */
.circle-count-inactive {
  font-size: 1.8rem;
  font-weight: 900;
  background-color: #e1e1ef;
  border: 1px solid #e1e1ef;
  border-radius: 50%;
  padding: 1px 13px;
}

/* line 2476, /app/app/assets/stylesheets/teachers.scss */
.circle-count-completed {
  font-size: 1.8rem;
  font-weight: 900;
  background-color: #23ce6b;
  border: 4px solid #23ce6b;
  border-radius: 50%;
  padding: 1px 8px;
  color: #ffffff;
}
/* line 2484, /app/app/assets/stylesheets/teachers.scss */
.circle-count-completed h3 {
  color: #23ce6b !important;
}

/* line 2490, /app/app/assets/stylesheets/teachers.scss */
.border-radius-25 {
  border-radius: 25%;
}

/* line 2494, /app/app/assets/stylesheets/teachers.scss */
.toast-title {
  color: #ffffff !important;
}

/* line 2498, /app/app/assets/stylesheets/teachers.scss */
#toast-container {
  margin-top: 80px !important;
}

/* line 2502, /app/app/assets/stylesheets/teachers.scss */
.border-active {
  border: 2px solid #2c77f4;
}

/* line 2506, /app/app/assets/stylesheets/teachers.scss */
.border-sha-sec-rad {
  border: 1px solid #e1e1ef;
  border-radius: 5px;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.15);
}

/* line 2512, /app/app/assets/stylesheets/teachers.scss */
.hover-disable:hover {
  cursor: default !important;
  background-color: #ffffff !important;
}

/* line 2517, /app/app/assets/stylesheets/teachers.scss */
.hover-none:hover {
  cursor: default !important;
  background-color: inherit !important;
  color: inherit !important;
}

/* line 2523, /app/app/assets/stylesheets/teachers.scss */
.small_bottom_fix {
  position: fixed !important;
  width: 100%;
  bottom: 0;
  left: 0;
  text-align: center;
  z-index: 10000;
  margin-bottom: 0 !important;
  background-color: #ffffff;
  border: 1px solid #e1e1ef;
  box-shadow: 0 2px 4px 3px rgba(0, 0, 0, 0.15);
}

/* line 2536, /app/app/assets/stylesheets/teachers.scss */
#kt_header_mobile_toggler {
  margin-top: 5px;
}

@media screen and (max-width: 1024px) {
  /* line 2542, /app/app/assets/stylesheets/teachers.scss */
  .email-verify-fix .alert-text {
    display: none;
  }

  /* line 2547, /app/app/assets/stylesheets/teachers.scss */
  .kt-align-center-mobile-only {
    text-align: center;
  }

  /* line 2551, /app/app/assets/stylesheets/teachers.scss */
  .kt-align-right-mobile-only {
    text-align: right;
  }

  /* line 2556, /app/app/assets/stylesheets/teachers.scss */
  .student-bar h3 {
    font-size: 1.2rem;
  }
  /* line 2559, /app/app/assets/stylesheets/teachers.scss */
  .student-bar h4 {
    font-size: 1rem;
  }
  /* line 2562, /app/app/assets/stylesheets/teachers.scss */
  .student-bar br {
    display: block !important;
  }

  /* line 2567, /app/app/assets/stylesheets/teachers.scss */
  #kt_header_menu_wrapper {
    display: block !important;
  }

  /* line 2571, /app/app/assets/stylesheets/teachers.scss */
  #kt_header_mobile {
    display: inline-block !important;
    padding: 7px !important;
  }

  /* line 2576, /app/app/assets/stylesheets/teachers.scss */
  #kt_aside {
    display: block !important;
  }
  /* line 2578, /app/app/assets/stylesheets/teachers.scss */
  #kt_aside nav {
    display: flex !important;
    justify-content: center !important;
  }
  /* line 2582, /app/app/assets/stylesheets/teachers.scss */
  #kt_aside ul {
    display: inline-block !important;
    margin: 0;
  }
  /* line 2586, /app/app/assets/stylesheets/teachers.scss */
  #kt_aside li {
    display: inline-block !important;
  }
  /* line 2588, /app/app/assets/stylesheets/teachers.scss */
  #kt_aside li span {
    font-size: 0.8rem !important;
    font-weight: 400 !important;
  }
  /* line 2593, /app/app/assets/stylesheets/teachers.scss */
  #kt_aside .active {
    background-color: #2d7ff9;
    color: #ffffff;
  }
}
/* line 2601, /app/app/assets/stylesheets/teachers.scss */
.kt-svg-icon-white g [fill] {
  fill: #ffffff !important;
}

/* line 2605, /app/app/assets/stylesheets/teachers.scss */
.clever-classroom-box {
  height: 100%;
  border: 2px solid lightgrey;
  padding: 0.7rem 1rem 1.5rem 1rem;
  border-radius: 5px;
}
/* line 2610, /app/app/assets/stylesheets/teachers.scss */
.clever-classroom-box .kt-checkbox-inline {
  margin-top: 8px !important;
}

/* line 2615, /app/app/assets/stylesheets/teachers.scss */
.play-game-login {
  padding: 10px;
  margin-top: 15px;
  background: #2494ff;
  border-radius: 8px;
}
/* line 2621, /app/app/assets/stylesheets/teachers.scss */
.play-game-login h3 {
  color: #FFFFFF;
  margin-bottom: 1rem !important;
}
/* line 2626, /app/app/assets/stylesheets/teachers.scss */
.play-game-login a {
  color: #FFFFFF;
  background: #92d050;
  border: #92d050;
  border-radius: 8px;
}

/* line 2634, /app/app/assets/stylesheets/teachers.scss */
.parent-email-box {
  margin: 20px;
  padding: 20px 10px;
  border: 1px solid #2d7ff9;
  border-radius: 5px;
  box-shadow: 5px 10px rgba(45, 127, 249, 0.1);
  cursor: pointer;
}

/* line 2643, /app/app/assets/stylesheets/teachers.scss */
.parent-email-box-selected {
  margin: 20px;
  padding: 20px 10px;
  border: 2px solid #2d7ff9;
  border-radius: 5px;
  box-shadow: 5px 10px rgba(45, 127, 249, 0.1);
}

/* line 2651, /app/app/assets/stylesheets/teachers.scss */
.parent-email-box-disabled {
  margin: 20px;
  padding: 20px 10px;
  border: 2px solid rgba(45, 127, 249, 0.1);
  background-color: rgba(45, 127, 249, 0.1);
  border-radius: 5px;
  box-shadow: 5px 10px rgba(45, 127, 249, 0.1);
}

/* line 2660, /app/app/assets/stylesheets/teachers.scss */
.parent-email-box-dup {
  margin: 20px;
  padding: 20px 10px;
  border: 2px solid rgba(45, 127, 249, 0.1);
  background-color: rgba(45, 127, 249, 0.1);
  border-radius: 5px;
  box-shadow: 5px 10px rgba(45, 127, 249, 0.1);
}

/* line 2669, /app/app/assets/stylesheets/teachers.scss */
.parent-email-instructions-main {
  height: 50vh;
  overflow: auto;
  padding: 10px 20px;
}

/* line 2675, /app/app/assets/stylesheets/teachers.scss */
.btn-outline-green {
  border-color: #28a745 !important;
  color: #28a745 !important;
}

/* line 2680, /app/app/assets/stylesheets/teachers.scss */
.btn-outline-green:hover {
  background-color: #28a745 !important;
  color: #FFFFFF !important;
}

/* line 2685, /app/app/assets/stylesheets/teachers.scss */
.parent-class-room-actions {
  padding-top: 15px;
}

/* line 2689, /app/app/assets/stylesheets/teachers.scss */
.kt-badge-radius-15 {
  border-radius: 15px !important;
}

/* line 2693, /app/app/assets/stylesheets/teachers.scss */
.youtube-color {
  color: red !important;
}

/* line 2697, /app/app/assets/stylesheets/teachers.scss */
.youtube-color-light {
  color: rgba(255, 0, 0, 0.3) !important;
}

/* line 2701, /app/app/assets/stylesheets/teachers.scss */
.placement-in-progress-div {
  position: relative !important;
  top: 35% !important;
}
/* line 2705, /app/app/assets/stylesheets/teachers.scss */
.placement-in-progress-div .portlet-div {
  box-shadow: 0px 0px 13px 0px rgba(82, 63, 105, 0.35) !important;
  padding: 3rem 6rem !important;
  border-radius: 10px !important;
  margin: 0 !important;
}
/* line 2711, /app/app/assets/stylesheets/teachers.scss */
.placement-in-progress-div .portlet-div h3 {
  margin: 0 !important;
  color: #c3c3c3 !important;
}

/* line 2718, /app/app/assets/stylesheets/teachers.scss */
.div-button-with-icon {
  border: 2px solid lightgrey;
  border-radius: 20px;
  cursor: pointer;
}

/* line 2724, /app/app/assets/stylesheets/teachers.scss */
.div-button-with-icon:hover {
  border: 2px solid #2d7ff9;
}

/* line 2728, /app/app/assets/stylesheets/teachers.scss */
.notice-div {
  padding: 7px;
  border: 2px solid red;
  border-radius: 3px;
  width: fit-content;
  margin-bottom: 30px;
}

/* line 2736, /app/app/assets/stylesheets/teachers.scss */
.disable-hover:hover {
  background-color: transparent !important;
}

/* line 2740, /app/app/assets/stylesheets/teachers.scss */
.assign-demo-account-div {
  padding: 2px 14px;
  border-radius: 3px;
  width: 100%;
  background-color: #f2f2f2 !important;
}

/*
.google-drag-btn {
  //-webkit-box-shadow: 0 0 10px #d2d2d2;
  //box-shadow: 0 0 10px #d2d2d2;
  //border-radius: 10px !important;
  //padding: 10px 10px !important;
  //display: block;
  //width: 95%;
}*/
/* line 2756, /app/app/assets/stylesheets/teachers.scss */
.google-drag-btn-top {
  cursor: pointer;
}

/* line 2760, /app/app/assets/stylesheets/teachers.scss */
.multiselect.dropdown-toggle {
  text-align: left !important;
}

/* line 2764, /app/app/assets/stylesheets/teachers.scss */
#student_new_skills_table > table {
  min-height: 100px !important;
}

/* line 2768, /app/app/assets/stylesheets/teachers.scss */
#student_learning_gap_table > table {
  min-height: 100px !important;
}

/* line 2772, /app/app/assets/stylesheets/teachers.scss */
.color-light-label {
  color: #C4C4C4 !important;
}

/* line 2776, /app/app/assets/stylesheets/teachers.scss */
.class-room-tile {
  padding: 6px;
  transition: transform .4s;
}

/* line 2781, /app/app/assets/stylesheets/teachers.scss */
.btn-enter-class-room {
  background-color: transparent !important;
  color: white !important;
  border-radius: 5px !important;
  border: 2px solid white !important;
}

/* line 2788, /app/app/assets/stylesheets/teachers.scss */
.circle-icon-add-student-modal {
  height: 110px;
  background-color: #EDF8FF;
  color: #2395FF;
  border-radius: 55px;
  width: 110px;
  display: inline-block;
}

/* line 2797, /app/app/assets/stylesheets/teachers.scss */
.br-light-grey {
  border-right: 1px solid #E1E1E1;
}

/* line 2801, /app/app/assets/stylesheets/teachers.scss */
.highlight-onload {
  color: #2d7ff9 !important;
}

/* line 2805, /app/app/assets/stylesheets/teachers.scss */
.assignment-students {
  overflow-x: auto;
}

/* line 2809, /app/app/assets/stylesheets/teachers.scss */
.mt-8rm {
  margin-top: 0.8rem;
}

/* line 2813, /app/app/assets/stylesheets/teachers.scss */
.placement-test-progress {
  color: #bfbfbf !important;
}

/* line 2817, /app/app/assets/stylesheets/teachers.scss */
.ml-5px {
  margin-left: 5px !important;
}
/* line 2819, /app/app/assets/stylesheets/teachers.scss */
.ml-5px .play-game-info-icon {
  width: 20px;
  height: 20px;
  margin-left: 5px;
  cursor: pointer;
}

/* line 2828, /app/app/assets/stylesheets/teachers.scss */
.invite-info-icon path {
  fill: #FFA500 !important;
}

/* line 2833, /app/app/assets/stylesheets/teachers.scss */
.color-orange {
  color: #FFA500 !important;
}

/* line 2837, /app/app/assets/stylesheets/teachers.scss */
.border-primary {
  border: solid 1px #2395FF !important;
}

/* line 2842, /app/app/assets/stylesheets/teachers.scss */
.preview-invite-icon path {
  fill: #2395FF !important;
}

/* line 2848, /app/app/assets/stylesheets/teachers.scss */
.hover-white-icon:hover path {
  fill: #fff !important;
}

/* line 2853, /app/app/assets/stylesheets/teachers.scss */
.font-15 {
  font-size: 15px !important;
}

/* line 2857, /app/app/assets/stylesheets/teachers.scss */
.word-break {
  word-break: break-all !important;
}

/* line 2861, /app/app/assets/stylesheets/teachers.scss */
.padding-1-5 {
  padding: 1rem 0.5rem !important;
}

/* line 2865, /app/app/assets/stylesheets/teachers.scss */
#emailInstructionsToParentsModal .modal-header {
  padding: 0.25rem 1.75rem !important;
}

/* line 2869, /app/app/assets/stylesheets/teachers.scss */
.font-11 {
  font-size: 11px !important;
}

/* line 2873, /app/app/assets/stylesheets/teachers.scss */
.color-gray {
  color: #636363 !important;
}

/* line 2877, /app/app/assets/stylesheets/teachers.scss */
.w-15 {
  width: 15px !important;
}

/* line 2881, /app/app/assets/stylesheets/teachers.scss */
.h-15 {
  height: 15px !important;
}

/* line 2885, /app/app/assets/stylesheets/teachers.scss */
.p-1-25 {
  padding: 1rem 0.25rem !important;
}

/* line 2889, /app/app/assets/stylesheets/teachers.scss */
.sort-element {
  color: #636363 !important;
  cursor: pointer;
}
/* line 2892, /app/app/assets/stylesheets/teachers.scss */
.sort-element:hover {
  color: #2395FF !important;
}
/* line 2895, /app/app/assets/stylesheets/teachers.scss */
.sort-element:hover .sort-icon path {
  fill: #2395FF;
}

/* line 2902, /app/app/assets/stylesheets/teachers.scss */
.highlighted {
  color: #2395FF !important;
}
/* line 2905, /app/app/assets/stylesheets/teachers.scss */
.highlighted .sort-icon path {
  fill: #2395FF;
}

/* line 2912, /app/app/assets/stylesheets/teachers.scss */
.resend-invite-btn {
  padding: 0.75rem 1.25rem !important;
}

/* line 2916, /app/app/assets/stylesheets/teachers.scss */
.ml-20px {
  margin-left: 20px !important;
}

/* line 2920, /app/app/assets/stylesheets/teachers.scss */
.ml-10px {
  margin-left: 10px !important;
}

/* line 2924, /app/app/assets/stylesheets/teachers.scss */
.mw-80vw {
  max-width: 80vw !important;
}

/* line 2928, /app/app/assets/stylesheets/teachers.scss */
.padding-1-1 {
  padding: 1rem 1rem !important;
}

/* line 2943, /app/app/assets/stylesheets/teachers.scss */
.icon-20 {
  height: 20px;
  width: 20px;
}

/* line 2948, /app/app/assets/stylesheets/teachers.scss */
.icon-30 {
  height: 30px;
  width: 30px;
}

/* line 2954, /app/app/assets/stylesheets/teachers.scss */
.icon-white path {
  fill: White !important;
}

/* line 2959, /app/app/assets/stylesheets/teachers.scss */
.d-block {
  display: block !important;
}

/* line 2963, /app/app/assets/stylesheets/teachers.scss */
.bg-gray {
  background-color: #E2E2E2 !important;
}

/* line 2967, /app/app/assets/stylesheets/teachers.scss */
.border-radius-4 {
  border-radius: 4px !important;
}

/* line 2971, /app/app/assets/stylesheets/teachers.scss */
.font-weight-500 {
  font-weight: 500 !important;
}

/* line 2975, /app/app/assets/stylesheets/teachers.scss */
#invitedParentsModal .modal-body .row:not(:first-child):hover {
  background-color: #E2E2E2 !important;
  cursor: pointer;
}

/* line 2980, /app/app/assets/stylesheets/teachers.scss */
#printInvitesModal .modal-body .row:not(:first-child):hover {
  background-color: #E2E2E2 !important;
  cursor: pointer;
}

/* line 2985, /app/app/assets/stylesheets/teachers.scss */
.font-13 {
  font-size: 13px;
}

/* line 2991, /app/app/assets/stylesheets/teachers.scss */
.flex-column {
  flex-direction: row !important;
}

/* line 2995, /app/app/assets/stylesheets/teachers.scss */
.single-chart {
  width: 23%;
  justify-content: space-around;
}

@media (max-width: 320px) {
  /* line 3001, /app/app/assets/stylesheets/teachers.scss */
  .single-chart {
    width: 45%;
  }

  /* line 3004, /app/app/assets/stylesheets/teachers.scss */
  #latest-post .flex-column {
    flex-direction: column;
  }
}
@media (max-width: 480px) {
  /* line 3010, /app/app/assets/stylesheets/teachers.scss */
  .single-chart {
    width: 45%;
  }

  /* line 3013, /app/app/assets/stylesheets/teachers.scss */
  #latest-post .flex-column {
    flex-direction: column;
  }
}
@media (min-width: 481px) {
  /* line 3019, /app/app/assets/stylesheets/teachers.scss */
  #latest-post .flex-column {
    flex-direction: row !important;
  }
}
/* line 3024, /app/app/assets/stylesheets/teachers.scss */
.circular-chart {
  display: block;
  /*display: block;
  margin: 0 10px;
  max-height: 110px;
  max-height: 110px;*/
  width: 7.5rem;
  height: 7.5rem;
}

/* line 3034, /app/app/assets/stylesheets/teachers.scss */
.circle-bg {
  fill: none;
  stroke: #eee;
  stroke-width: 4.3;
}

/* line 3040, /app/app/assets/stylesheets/teachers.scss */
.circle {
  fill: none;
  stroke-width: 4.3;
  stroke-linecap: round;
  animation: progress 1s ease-out forwards;
}

@keyframes progress {
  0% {
    stroke-dasharray: 0 100;
  }
}
/* line 3053, /app/app/assets/stylesheets/teachers.scss */
.circular-chart.orange .circle {
  stroke: #54D370;
}

/* line 3057, /app/app/assets/stylesheets/teachers.scss */
.percentage {
  fill: #54D370;
  font-family: sans-serif;
  font-weight: 900;
  font-size: 0.7em;
  text-anchor: middle;
}

/* line 3065, /app/app/assets/stylesheets/teachers.scss */
.loading-div {
  text-align: center;
}

/* line 3069, /app/app/assets/stylesheets/teachers.scss */
.loading-gif {
  height: 100px;
  width: 100px;
}

/* line 3074, /app/app/assets/stylesheets/teachers.scss */
#shareablePdfModal .modal-footer {
  display: inline-block !important;
}

/* line 3078, /app/app/assets/stylesheets/teachers.scss */
.rounded-resource-image {
  border-radius: 1.4rem !important;
}

/* line 3082, /app/app/assets/stylesheets/teachers.scss */
.pl-none {
  padding-left: none !important;
}

/* line 3086, /app/app/assets/stylesheets/teachers.scss */
.h-138px {
  height: 138px !important;
}

/* line 3090, /app/app/assets/stylesheets/teachers.scss */
.h-90vh {
  max-height: 90vh !important;
}

/* line 3094, /app/app/assets/stylesheets/teachers.scss */
.h-70vh {
  max-height: 70vh !important;
}

/* line 3098, /app/app/assets/stylesheets/teachers.scss */
.h-50vh {
  max-height: 50vh !important;
}

/* line 3102, /app/app/assets/stylesheets/teachers.scss */
.invite-parents-block {
  height: 120px !important;
  display: flex;
  flex-direction: column;
  justify-content: space-evenly;
  margin-left: 10px;
}

/* line 3111, /app/app/assets/stylesheets/teachers.scss */
.mw-793px {
  max-width: 793px !important;
}

/* line 3115, /app/app/assets/stylesheets/teachers.scss */
.w-90 {
  width: 90% !important;
}

/* line 3119, /app/app/assets/stylesheets/teachers.scss */
.m125-auto {
  margin: 1.25rem auto !important;
}

/* line 3123, /app/app/assets/stylesheets/teachers.scss */
.tooltip-inner {
  max-width: 235px !important;
  padding: 0.25rem 0.5rem;
  text-align: left !important;
  color: black !important;
  border-radius: 0.25rem !important;
}

/* line 3131, /app/app/assets/stylesheets/teachers.scss */
.rounded-5 {
  border-radius: 1.5rem !important;
}

/* line 3135, /app/app/assets/stylesheets/teachers.scss */
.invite-btn-padding {
  padding: 5px 25px 5px 12px !important;
}
/* line 3138, /app/app/assets/stylesheets/teachers.scss */
.invite-btn-padding svg path {
  fill: white;
}

/* line 3144, /app/app/assets/stylesheets/teachers.scss */
.height-115px {
  height: 115px !important;
}

/* line 3148, /app/app/assets/stylesheets/teachers.scss */
.invite-card {
  height: 240px;
  width: 240px;
  align-items: center;
  border-radius: 15px !important;
  box-shadow: 0px 1px 13px 6px #e4e4e4;
}

/* line 3156, /app/app/assets/stylesheets/teachers.scss */
.icon-28px {
  height: 28px;
  width: 28px;
}

/* line 3161, /app/app/assets/stylesheets/teachers.scss */
.btn-green {
  background-color: #68cb94 !important;
}

/* line 3165, /app/app/assets/stylesheets/teachers.scss */
.verify-email-drawer {
  bottom: 10px;
  left: 10px;
  background-color: #e45b64;
  position: sticky;
  padding: 10px;
  max-width: 450px;
  border-radius: 10px;
  text-align: center;
  z-index: 9999999999;
}

/* line 3177, /app/app/assets/stylesheets/teachers.scss */
.top-banner-drawer {
  top: 0px;
  left: 0px;
  background-color: #20bbaf;
  position: sticky;
  height: fit-content;
  padding: 10px;
  width: 100%;
  text-align: center;
  z-index: 9999999999;
}

/* line 3189, /app/app/assets/stylesheets/teachers.scss */
.flex-shrink-0 {
  flex-shrink: 0;
}

/* line 3193, /app/app/assets/stylesheets/teachers.scss */
#student-class-rooms .nav-item .nav-link.active {
  border-bottom: solid 2px #2395FD;
  font-weight: 600 !important;
  color: #2395FD;
  border-top: none;
  border-left: none;
  border-right: none;
  border-radius: 0 !important;
  background-color: white !important;
}

/* line 3204, /app/app/assets/stylesheets/teachers.scss */
.other-class-room {
  border-radius: 10px;
  padding: 10px;
  border: solid 2px #F4F4F4;
}

/* line 3210, /app/app/assets/stylesheets/teachers.scss */
.text-muted {
  color: #dad5d5 !important;
}

/* line 3214, /app/app/assets/stylesheets/teachers.scss */
.sea-blue {
  color: #4baeea !important;
}

/* line 3218, /app/app/assets/stylesheets/teachers.scss */
.bg-light-grey {
  background-color: #F4F4F4;
}

/* line 3222, /app/app/assets/stylesheets/teachers.scss */
.bg-light-boddle {
  background-color: #EDF8FF !important;
}

/*
  PDF Parent Printout Download Styles
*/
/* line 3229, /app/app/assets/stylesheets/teachers.scss */
#keen_progress_bar.inactive {
  transition: width .5s linear;
}

/* line 3234, /app/app/assets/stylesheets/teachers.scss */
#keen_progress_bar.active {
  transition: width 1.5s linear;
}

/* line 3238, /app/app/assets/stylesheets/teachers.scss */
#animation {
  background-color: #0aca0a;
  -webkit-animation: progress 1s linear infinite;
  -moz-animation: progress 1s linear infinite;
  -ms-animation: progress 1s linear infinite;
  animation: progress 1s linear infinite;
  background-size: 150% 100%;
}

/*
  Live Notifications Styles
*/
/* line 3253, /app/app/assets/stylesheets/teachers.scss */
#all-notifications-tab h4, #classroom-tab h4, #requests-tab h4 {
  color: #9FA6B2;
}

/* line 3259, /app/app/assets/stylesheets/teachers.scss */
#all-notifications-tab.active h4, #classroom-tab.active h4, #requests-tab.active h4 {
  color: #2395ff;
}

/* line 3264, /app/app/assets/stylesheets/teachers.scss */
#all-notifications-tab.active:after, #classroom-tab.active:after, #requests-tab.active:after {
  content: "";
  float: left;
  background: #2395ff;
  width: 100%;
  height: 3px;
  border-radius: 3px;
  margin-top: 0.25vh;
}

/*
  Student Certificates Styles
*/
/* line 3278, /app/app/assets/stylesheets/teachers.scss */
#studentCertificatePreview {
  background-image: url(/assets/studentCertificateBackground-57002b1a7bf1c3c00e656e70bfb025e68e674810d7ab5877fa31763e0150c29f.png);
  background-size: 50%;
  background-color: orange;
  padding-top: 108px;
  padding-left: 90px;
  padding-right: 90px;
  padding-bottom: 108px;
}

/* line 3291, /app/app/assets/stylesheets/teachers.scss */
#selectStudentFromClassroomToPrintCertificatesModal table td {
  vertical-align: middle;
}

/*
  Boddle Racers Styles
*/
/* line 3302, /app/app/assets/stylesheets/teachers.scss */
.raceLobbyHeader {
  font-size: calc(.8vw + 1.2rem);
}

/* line 3306, /app/app/assets/stylesheets/teachers.scss */
.racerNameTag {
  display: flex;
  flex-direction: row;
  align-items: center;
  background-color: white;
  width: 18vw;
  height: 8vh;
}

/* line 3317, /app/app/assets/stylesheets/teachers.scss */
.graySquare {
  background-color: darkgrey;
  border-radius: 0.5vw;
  width: 8vh;
  height: 8vh;
}

/* line 3324, /app/app/assets/stylesheets/teachers.scss */
.lobbyImage {
  width: 10vw;
}

@keyframes tilt-n-move-shaking {
  0% {
    transform: translate(0, 0) rotate(0deg);
  }
  25% {
    transform: translate(5px, 5px) rotate(5deg);
  }
  50% {
    transform: translate(0, 0) rotate(0eg);
  }
  75% {
    transform: translate(-5px, 5px) rotate(-5deg);
  }
  100% {
    transform: translate(0, 0) rotate(0deg);
  }
}
/* line 3337, /app/app/assets/stylesheets/teachers.scss */
#shakeText {
  animation: tilt-n-move-shaking 0.15s infinite;
}

@keyframes growth {
  0% {
    font-size: 0;
  }
  100% {
    font-size: 24rem;
  }
}
/* line 3350, /app/app/assets/stylesheets/teachers.scss */
#goText {
  animation: growth 2.5s infinite;
}

@keyframes textAnimation {
  0% {
    content: "...";
  }
  25% {
    content: ".";
  }
  50% {
    content: "..";
  }
  75% {
    content: "...";
  }
  100% {
    content: "";
  }
}
@keyframes moveCar {
  0% {
    left: 0;
    opacity: 0;
  }
  25% {
    left: 21%;
    opacity: .33;
  }
  50% {
    left: 42%;
    opacity: .66;
  }
  75% {
    left: 63%;
    opacity: 1;
  }
  100% {
    left: 84%;
    opacity: 0;
  }
}
@keyframes moveCar2 {
  0% {
    left: 0;
    opacity: 0;
  }
  25% {
    left: 25%;
    opacity: .33;
  }
  50% {
    left: 50%;
    opacity: .66;
  }
  75% {
    left: 7%;
    opacity: 1;
  }
  100% {
    left: 84%;
    opacity: 0;
  }
}
/* line 3421, /app/app/assets/stylesheets/teachers.scss */
.gifCar {
  animation: moveCar 4s linear infinite;
}

/* line 3425, /app/app/assets/stylesheets/teachers.scss */
.gifCar2 {
  animation: moveCar 3s linear infinite;
}

/* line 3429, /app/app/assets/stylesheets/teachers.scss */
.gifCar3 {
  animation: moveCar 2s linear infinite;
}

/* line 3433, /app/app/assets/stylesheets/teachers.scss */
.lobbyHeader {
  font-size: calc(.1em + 2.4vw);
}

/* line 3437, /app/app/assets/stylesheets/teachers.scss */
#movingBadge {
  font-size: 1.5vw;
}

/* line 3441, /app/app/assets/stylesheets/teachers.scss */
.expandingDots {
  overflow: hidden;
}

/* line 3446, /app/app/assets/stylesheets/teachers.scss */
.expandingDots::after {
  content: "";
  /* Initial state, no dots */
  animation: textAnimation 1s infinite steps(1, end);
}

/* line 3451, /app/app/assets/stylesheets/teachers.scss */
.tutorialContainer {
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  z-index: 999;
  background-color: rgba(0, 0, 0, 0.5);
  width: 100%;
  height: 100%;
}

/* line 3463, /app/app/assets/stylesheets/teachers.scss */
.tutorialContainer .tutorialVideo {
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 50%;
  height: 50%;
}

/* line 3475, /app/app/assets/stylesheets/teachers.scss */
.lottieContainer {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100vh;
  width: 100vw;
  background-color: transparent;
  background-image: url(/assets/race_bg-66dec3a2ab59b3d0605dd43a14596fe58f6136701886aa8f8195b59b1179586c.png);
}

/* line 3485, /app/app/assets/stylesheets/teachers.scss */
.myTooltip {
  position: relative;
  display: inline-block;
  border-bottom: 1px dotted black;
}

/* line 3491, /app/app/assets/stylesheets/teachers.scss */
.myTooltip .myTooltiptext {
  visibility: hidden;
  width: 150px;
  background-color: white;
  color: black;
  text-align: center;
  border-radius: 9px;
  padding: 5px 0;
  position: absolute;
  z-index: 1;
  bottom: 150%;
  left: 50%;
  margin-left: -75px;
  display: flex;
  flex-direction: column;
  align-items: center;
}

/* line 3509, /app/app/assets/stylesheets/teachers.scss */
.myTooltip .myTooltiptext::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: white transparent transparent transparent;
}

/* line 3520, /app/app/assets/stylesheets/teachers.scss */
.myTooltip:hover .myTooltiptext {
  visibility: visible;
}

/* line 3524, /app/app/assets/stylesheets/teachers.scss */
.dashboard-card {
  width: 100%;
  padding: 20px 20px;
  border-radius: 20px;
}
/* line 3532, /app/app/assets/stylesheets/teachers.scss */
.dashboard-card .lock-icon {
  height: 20px;
  width: 20px;
  margin-right: 10px;
  /*path {
    // fill: #F6CF4F;
  }*/
}
/* line 3540, /app/app/assets/stylesheets/teachers.scss */
.dashboard-card .off {
  margin-left: 10px;
}

/* line 3546, /app/app/assets/stylesheets/teachers.scss */
.bg-purple {
  background-color: #6B27F1 !important;
}

/* line 3550, /app/app/assets/stylesheets/teachers.scss */
.bg-red {
  background-color: #E3365D;
}

/* line 3554, /app/app/assets/stylesheets/teachers.scss */
.bg-green {
  background-color: #54D370;
}

/* line 3558, /app/app/assets/stylesheets/teachers.scss */
.bg-white {
  background-color: white !important;
}

/* line 3562, /app/app/assets/stylesheets/teachers.scss */
.border-boddle {
  border: solid 1px #2395FF !important;
}

/* line 3566, /app/app/assets/stylesheets/teachers.scss */
#gamelockSwitch, #mathFactsSwitch {
  width: 4rem;
}

/* line 3570, /app/app/assets/stylesheets/teachers.scss */
.icon-25px {
  height: 25px;
  width: 25px;
}

/* line 3575, /app/app/assets/stylesheets/teachers.scss */
.fs-2rem {
  font-size: 2.75rem;
}

/* line 3579, /app/app/assets/stylesheets/teachers.scss */
.bg-primary-lightest {
  background-color: #eff8fe;
}

/* line 3583, /app/app/assets/stylesheets/teachers.scss */
.bg-gray-lightest {
  background-color: #F4F4F4;
}

/* line 3587, /app/app/assets/stylesheets/teachers.scss */
.gamelock-students .select2-search--dropdown {
  display: none;
}

/* line 3591, /app/app/assets/stylesheets/teachers.scss */
.bg-success {
  background-color: #00CC66;
}

/* line 3595, /app/app/assets/stylesheets/teachers.scss */
.border-primary-2px {
  border: solid 2px #2395FF !important;
}

/* line 3599, /app/app/assets/stylesheets/teachers.scss */
.checkbox-18px {
  height: 18px;
  width: 18px;
}

/* line 3606, /app/app/assets/stylesheets/teachers.scss */
.gamelocks-tab svg rect {
  fill: #F4F4F4;
}
/* line 3609, /app/app/assets/stylesheets/teachers.scss */
.gamelocks-tab svg path {
  fill: #636363;
}
/* line 3613, /app/app/assets/stylesheets/teachers.scss */
.gamelocks-tab .title {
  color: #A7A7A7 !important;
}

/* line 3619, /app/app/assets/stylesheets/teachers.scss */
.gamelocks-tab.active-tab svg rect {
  fill: #EDF8FF;
}
/* line 3622, /app/app/assets/stylesheets/teachers.scss */
.gamelocks-tab.active-tab svg path {
  fill: #2395FF;
}
/* line 3626, /app/app/assets/stylesheets/teachers.scss */
.gamelocks-tab.active-tab .title {
  color: #2395FF !important;
}

/* line 3631, /app/app/assets/stylesheets/teachers.scss */
.gamelocks-tab-content {
  display: none;
}

/* line 3635, /app/app/assets/stylesheets/teachers.scss */
.gamelocks-tab-content.active-tab {
  display: initial;
}

/* line 3639, /app/app/assets/stylesheets/teachers.scss */
.text-underline {
  text-decoration: underline;
}

/* line 3644, /app/app/assets/stylesheets/teachers.scss */
#gamelocksModal .noUi-target.noUi-lg, #editGamelocksModal .noUi-target.noUi-lg {
  height: 10px;
  margin-top: 8px;
}
/* line 3648, /app/app/assets/stylesheets/teachers.scss */
#gamelocksModal .noUi-target.noUi-lg .noUi-handle, #editGamelocksModal .noUi-target.noUi-lg .noUi-handle {
  width: 25px;
  height: 25px;
  top: -8px;
}
/* line 3653, /app/app/assets/stylesheets/teachers.scss */
#gamelocksModal .noUi-target .noUi-connect, #editGamelocksModal .noUi-target .noUi-connect {
  background-color: #20BCC6 !important;
}
/* line 3656, /app/app/assets/stylesheets/teachers.scss */
#gamelocksModal .noUi-target .noUi-handle, #editGamelocksModal .noUi-target .noUi-handle {
  background-color: #22527F !important;
  border: 0px !important;
}
/* line 3660, /app/app/assets/stylesheets/teachers.scss */
#gamelocksModal .flatpickr-input, #editGamelocksModal .flatpickr-input {
  max-width: 111px;
}
/* line 3663, /app/app/assets/stylesheets/teachers.scss */
#gamelocksModal .flatpickr-months, #gamelocksModal .flatpickr-month, #editGamelocksModal .flatpickr-months, #editGamelocksModal .flatpickr-month {
  display: none !important;
}
/* line 3670, /app/app/assets/stylesheets/teachers.scss */
#gamelocksModal .flatpickr-innerContainer, #editGamelocksModal .flatpickr-innerContainer {
  display: flex !important;
  flex-direction: column !important;
}
/* line 3677, /app/app/assets/stylesheets/teachers.scss */
#gamelocksModal .flatpickr-calendar, #editGamelocksModal .flatpickr-calendar {
  border-radius: 15px;
}
/* line 3681, /app/app/assets/stylesheets/teachers.scss */
#gamelocksModal .flatpickr-calendar.hasTime, #editGamelocksModal .flatpickr-calendar.hasTime {
  width: 150px;
}
/* line 3685, /app/app/assets/stylesheets/teachers.scss */
#gamelocksModal .flatpickr-calendar.hasTime.noCalendar, #editGamelocksModal .flatpickr-calendar.hasTime.noCalendar {
  border-radius: 0px !important;
}
/* line 3689, /app/app/assets/stylesheets/teachers.scss */
#gamelocksModal .flatpickr-day:not(.flatpickr-disabled), #editGamelocksModal .flatpickr-day:not(.flatpickr-disabled) {
  color: black !important;
  background-color: white  !important;
  border: solid 1px black !important;
}
/* line 3695, /app/app/assets/stylesheets/teachers.scss */
#gamelocksModal .feature-selection-error, #editGamelocksModal .feature-selection-error {
  border-radius: 5px;
}
/* line 3699, /app/app/assets/stylesheets/teachers.scss */
#gamelocksModal .flatpickr-day.selected, #editGamelocksModal .flatpickr-day.selected {
  background-color: #2395FF !important;
  color: white !important;
}
/* line 3704, /app/app/assets/stylesheets/teachers.scss */
#gamelocksModal .flatpickr-time .numInputWrapper .arrowUp, #editGamelocksModal .flatpickr-time .numInputWrapper .arrowUp {
  opacity: 100 !important;
}
/* line 3707, /app/app/assets/stylesheets/teachers.scss */
#gamelocksModal .flatpickr-time .numInputWrapper .arrowDown, #editGamelocksModal .flatpickr-time .numInputWrapper .arrowDown {
  opacity: 100 !important;
}

/* line 3712, /app/app/assets/stylesheets/teachers.scss */
.clever-premium-badge {
  font-weight: 600;
  font-size: 13px;
  line-height: 15px;
  text-align: center;
  border-radius: 100px;
  color: white;
  background-image: radial-gradient(#EF9B40, #FFE305);
  padding: 3px;
  border: 1px solid #EF9B40;
}

/* line 3725, /app/app/assets/stylesheets/teachers.scss */
.mathfact-report-btn {
  padding: 9px 15px !important;
}

/* line 3730, /app/app/assets/stylesheets/teachers.scss */
#mathFactsModal .noUi-connects {
  height: 10px !important;
}
/* line 3732, /app/app/assets/stylesheets/teachers.scss */
#mathFactsModal .noUi-connects .noUi-connect {
  height: 10px !important;
}
/* line 3736, /app/app/assets/stylesheets/teachers.scss */
#mathFactsModal .noUi-target.noUi-lg .noUi-handle {
  top: -11px !important;
}

/* line 3741, /app/app/assets/stylesheets/teachers.scss */
.border-e2e2e2 {
  border: 0.5px solid #E2E2E2 !important;
}

/* line 3745, /app/app/assets/stylesheets/teachers.scss */
.mathfact-cell {
  font-size: 0.875rem;
  font-weight: 600;
  padding: 0.12881rem 0rem;
  width: 8.33%;
  display: flex;
  justify-content: center;
  align-items: center;
}

/* line 3758, /app/app/assets/stylesheets/teachers.scss */
.color-red {
  color: red !important;
}

/* line 3762, /app/app/assets/stylesheets/teachers.scss */
.color-ff2929 {
  color: #ff2929 !important;
}

/* line 3765, /app/app/assets/stylesheets/teachers.scss */
.color-0070c0 {
  color: #0070c0;
}

/* line 3768, /app/app/assets/stylesheets/teachers.scss */
.color-00b050 {
  color: #00b050;
}

/* line 3771, /app/app/assets/stylesheets/teachers.scss */
.color-92d050 {
  color: #92d050;
}

/* line 3774, /app/app/assets/stylesheets/teachers.scss */
.color-7030a0 {
  color: #7030a0;
}

/* line 3777, /app/app/assets/stylesheets/teachers.scss */
.color-a568d2 {
  color: #a568d2;
}

/* line 3780, /app/app/assets/stylesheets/teachers.scss */
.color-ffd966 {
  color: #ffd966;
}

/* line 3783, /app/app/assets/stylesheets/teachers.scss */
.color-ed7d31 {
  color: #ed7d31;
}

/* line 3786, /app/app/assets/stylesheets/teachers.scss */
.color-ff6699 {
  color: #ff6699;
}

/* line 3789, /app/app/assets/stylesheets/teachers.scss */
.color-00b0f0 {
  color: #00b0f0;
}

/* line 3792, /app/app/assets/stylesheets/teachers.scss */
.color-7f7f7f {
  color: #7f7f7f;
}

/* line 3795, /app/app/assets/stylesheets/teachers.scss */
.color-805439 {
  color: #805439;
}

/* line 3799, /app/app/assets/stylesheets/teachers.scss */
.padding-3px {
  padding: 3px !important;
}

/* line 3803, /app/app/assets/stylesheets/teachers.scss */
.fontsize-6 {
  font-size: 6px;
}

/* line 3807, /app/app/assets/stylesheets/teachers.scss */
.fontsize-7 {
  font-size: 7px;
}

/* line 3811, /app/app/assets/stylesheets/teachers.scss */
.fontsize-8 {
  font-size: 8px;
}

/* line 3815, /app/app/assets/stylesheets/teachers.scss */
.fontsize-9 {
  font-size: 9px;
}

/* line 3819, /app/app/assets/stylesheets/teachers.scss */
.fontsize-10 {
  font-size: 10px;
}

/* line 3823, /app/app/assets/stylesheets/teachers.scss */
.fontsize-12 {
  font-size: 12px;
}

/* line 3827, /app/app/assets/stylesheets/teachers.scss */
.fontsize-14 {
  font-size: 14px;
}

/* line 3831, /app/app/assets/stylesheets/teachers.scss */
.fontsize-18 {
  font-size: 18px;
}

/* line 3835, /app/app/assets/stylesheets/teachers.scss */
.fontsize-24 {
  font-size: 24px;
}

/* line 3839, /app/app/assets/stylesheets/teachers.scss */
.fontsize-32 {
  font-size: 32px;
}

/* line 3843, /app/app/assets/stylesheets/teachers.scss */
.fontsize-36 {
  font-size: 36px;
}

/* line 3847, /app/app/assets/stylesheets/teachers.scss */
.tooltip {
  z-index: 10000000000 !important;
}

/* line 3851, /app/app/assets/stylesheets/teachers.scss */
.tooltip-inner.create-class-room {
  min-width: 380px !important;
}

/* line 3855, /app/app/assets/stylesheets/teachers.scss */
.invisible-button {
  all: unset;
  cursor: pointer;
}

/* line 3860, /app/app/assets/stylesheets/teachers.scss */
.invisible-button:focus {
  outline: revert;
}

/* line 3864, /app/app/assets/stylesheets/teachers.scss */
.fw-100 {
  font-weight: 100 !important;
}

/* line 3868, /app/app/assets/stylesheets/teachers.scss */
.fw-200 {
  font-weight: 200 !important;
}

/* line 3872, /app/app/assets/stylesheets/teachers.scss */
.fw-300 {
  font-weight: 300 !important;
}

/* line 3876, /app/app/assets/stylesheets/teachers.scss */
.fw-400 {
  font-weight: 400 !important;
}

/* line 3880, /app/app/assets/stylesheets/teachers.scss */
.fw-500 {
  font-weight: 500 !important;
}

/* line 3884, /app/app/assets/stylesheets/teachers.scss */
.fw-600 {
  font-weight: 600 !important;
}

/* line 3888, /app/app/assets/stylesheets/teachers.scss */
.fw-700 {
  font-weight: 700 !important;
}

/* line 3892, /app/app/assets/stylesheets/teachers.scss */
.fw-800 {
  font-weight: 800 !important;
}

/** LMS Audit styles */
/* line 3898, /app/app/assets/stylesheets/teachers.scss */
.boddle-wizard {
  display: inline-flex;
  padding: 10px;
  flex-direction: column;
  align-items: flex-start;
  gap: 32px;
  border-radius: 10px;
  background: var(--bdl-neutral-0, #FFF);
  /* bdl-shadow */
  box-shadow: 0px 8px 40px 0px rgba(0, 0, 0, 0.08);
}
@media (min-width: 768px) {
  /* line 3898, /app/app/assets/stylesheets/teachers.scss */
  .boddle-wizard {
    border: 1px solid var(--bdl-primary-60, #2395FD);
  }
}

/* line 3915, /app/app/assets/stylesheets/teachers.scss */
.bg--bdl-primary-10 {
  background-color: #F1F8FF !important;
}

/* line 3919, /app/app/assets/stylesheets/teachers.scss */
.bg--bdl-primary-10:hover {
  background-color: #C8E4FF !important;
  cursor: pointer;
}

/* line 3924, /app/app/assets/stylesheets/teachers.scss */
.bg--bdl-primary-10 {
  background-color: #F1F8FF !important;
}

/* line 3928, /app/app/assets/stylesheets/teachers.scss */
.bg--bdl-primary-10:hover {
  background-color: #C8E4FF !important;
  cursor: pointer;
}

/* line 3933, /app/app/assets/stylesheets/teachers.scss */
.bg--bdl-neutral-0 {
  background-color: #FFFFFF !important;
}

/* line 3937, /app/app/assets/stylesheets/teachers.scss */
.bg--bdl-neutral-0:hover {
  background-color: #F4F4F4 !important;
  cursor: pointer;
}

/* line 3942, /app/app/assets/stylesheets/teachers.scss */
.boddle-sticky-bottom {
  position: sticky !important;
  bottom: 0 !important;
  background: #FFFFFF !important;
}

/* line 3948, /app/app/assets/stylesheets/teachers.scss */
.border-orange {
  border-color: #EF9B40 !important;
}

/* line 3953, /app/app/assets/stylesheets/teachers.scss */
.fill-orange path {
  fill: #EF9B40 !important;
}

/* line 3958, /app/app/assets/stylesheets/teachers.scss */
.flex-1 {
  flex: 1;
}

/* line 3962, /app/app/assets/stylesheets/teachers.scss */
.btn-sso {
  padding: 0.5rem 1.25rem !important;
  font-size: 1.15rem !important;
}

/* line 3967, /app/app/assets/stylesheets/teachers.scss */
.justify-around {
  justify-content: space-around !important;
}

/* line 3971, /app/app/assets/stylesheets/teachers.scss */
.fs-2_3x {
  font-size: 2.375rem !important;
}

/* line 3975, /app/app/assets/stylesheets/teachers.scss */
.end-2_5 {
  right: 2.5rem !important;
}

/* line 3979, /app/app/assets/stylesheets/teachers.scss */
.top-16 {
  top: 16% !important;
}

/* line 3983, /app/app/assets/stylesheets/teachers.scss */
.top-18 {
  top: 18% !important;
}

/* line 3987, /app/app/assets/stylesheets/teachers.scss */
.onboarding-card {
  border-radius: 10px !important;
}
/* line 3989, /app/app/assets/stylesheets/teachers.scss */
.onboarding-card .card-body {
  padding: 1.5rem 2.25rem !important;
}

/* line 3994, /app/app/assets/stylesheets/teachers.scss */
.boddle-tab-btn {
  color: #999999 !important;
  background-color: #F4F4F4 !important;
}
/* line 3998, /app/app/assets/stylesheets/teachers.scss */
.boddle-tab-btn svg path {
  fill: #999999 !important;
}
/* line 4001, /app/app/assets/stylesheets/teachers.scss */
.boddle-tab-btn svg circle {
  fill: #999999 !important;
}

/* line 4007, /app/app/assets/stylesheets/teachers.scss */
.boddle-tab-btn:hover {
  color: #636363 !important;
  background-color: white !important;
}
/* line 4011, /app/app/assets/stylesheets/teachers.scss */
.boddle-tab-btn:hover svg path {
  fill: #636363 !important;
}
/* line 4014, /app/app/assets/stylesheets/teachers.scss */
.boddle-tab-btn:hover svg circle {
  fill: #636363 !important;
}

/* line 4020, /app/app/assets/stylesheets/teachers.scss */
.bg-boddle13 {
  background-image: url("boddles/boddle13.svg");
  background-repeat: no-repeat;
  background-position-x: right;
  background-position-y: bottom;
  background-size: auto;
}

/* line 4028, /app/app/assets/stylesheets/teachers.scss */
.border-radius-10px {
  border-radius: 10px !important;
}

/* line 4032, /app/app/assets/stylesheets/teachers.scss */
#select2-mathFactActivityMenu-container {
  color: white !important;
}
/* line 4035, /app/app/assets/stylesheets/teachers.scss */
#select2-mathFactActivityMenu-container svg path {
  fill: white !important;
}

/* line 4044, /app/app/assets/stylesheets/teachers.scss */
#select2-mathFactActivityMenu-results li.select2-results__option--selected svg path {
  fill: white !important;
}

/* line 4060, /app/app/assets/stylesheets/teachers.scss */
.math-fact-icon path {
  fill: #2395FF !important;
}
/* line 4064, /app/app/assets/stylesheets/teachers.scss */
.math-fact-icon:hover path {
  fill: #2395FF !important;
}

/* line 4070, /app/app/assets/stylesheets/teachers.scss */
.green-cell {
  background-color: #54D370 !important;
  color: white;
}

/* line 4075, /app/app/assets/stylesheets/teachers.scss */
.orange-cell {
  background-color: #EF9B40 !important;
  color: white;
}

/* line 4080, /app/app/assets/stylesheets/teachers.scss */
.red-cell {
  background-color: #E3365D !important;
  color: white;
}

/* line 4085, /app/app/assets/stylesheets/teachers.scss */
.gray-cell {
  background-color: #E2E2E2 !important;
  color: #999999 !important;
}

/* line 4090, /app/app/assets/stylesheets/teachers.scss */
#races .race {
  border-radius: 20px !important;
  box-shadow: 0.5rem 0rem 1rem 0.5rem rgba(0, 0, 0, 0.1) !important;
  cursor: pointer;
}
/* line 4094, /app/app/assets/stylesheets/teachers.scss */
#races .race:hover {
  background-color: #efefef !important;
}

/* line 4099, /app/app/assets/stylesheets/teachers.scss */
.text-black {
  color: black !important;
}

/* line 4103, /app/app/assets/stylesheets/teachers.scss */
.math-fact-table-heading {
  display: flex;
  padding: 14px 0px 14px 46px !important;
  align-items: flex-start;
  align-self: stretch;
  color: var(--grey-3, #A7A7A7);
  font-size: 13px;
  font-style: normal;
  font-weight: 400;
  line-height: 18px;
  /* 138.462% */
}

/* line 4115, /app/app/assets/stylesheets/teachers.scss */
.math-fact-table {
  display: flex;
  padding: 14px 0px 14px 46px !important;
  justify-content: start;
  align-items: center;
  color: var(--black, #0E0E0E);
  font-size: 15px;
  font-style: normal;
  font-weight: 500;
  line-height: 20px;
  /* 133.333% */
}

/* line 4127, /app/app/assets/stylesheets/teachers.scss */
.math-fact-table-col {
  display: flex;
  flex-direction: column;
  justify-content: space-evenly;
  align-items: center;
  padding: 14px 0px 14px 46px !important;
  align-items: flex-start;
  align-self: stretch;
  color: var(--black, #0E0E0E);
  font-size: 15px;
  font-style: normal;
  font-weight: 700;
  line-height: 20px;
  /* 133.333% */
}

/* line 4142, /app/app/assets/stylesheets/teachers.scss */
.math-fact-table-border {
  border-top: 1px solid var(--grey-2, #E2E2E2) !important;
}

/* line 4146, /app/app/assets/stylesheets/teachers.scss */
.bdl-neutral-40 {
  background-color: #E2E2E2 !important;
}

/* line 4150, /app/app/assets/stylesheets/teachers.scss */
.boddle-racer-card {
  cursor: pointer !important;
}
/* line 4152, /app/app/assets/stylesheets/teachers.scss */
.boddle-racer-card:hover {
  background-color: #efefef;
}
/* line 4155, /app/app/assets/stylesheets/teachers.scss */
.boddle-racer-card .card-body {
  padding: 1.5rem 4rem !important;
}

/* line 4160, /app/app/assets/stylesheets/teachers.scss */
.mb-25 {
  margin-bottom: 7rem !important;
}

/* line 4164, /app/app/assets/stylesheets/teachers.scss */
.back-link {
  padding: 5px;
  color: gray;
  font-weight: 600;
}

/* line 4170, /app/app/assets/stylesheets/teachers.scss */
.active-subject {
  background-color: white !important;
  color: #2395FF !important;
}

/* line 4175, /app/app/assets/stylesheets/teachers.scss */
.non-active-subject {
  background-color: #F4F4F4 !important;
  color: #999999 !important;
}
/* line 4179, /app/app/assets/stylesheets/teachers.scss */
.non-active-subject svg path {
  fill: #999999 !important;
}
/* line 4182, /app/app/assets/stylesheets/teachers.scss */
.non-active-subject svg circle {
  fill: #999999 !important;
}

/* line 4188, /app/app/assets/stylesheets/teachers.scss */
.bdl-btn-secondary {
  background-color: white;
  color: #2395FD;
  border: 1px solid #2395FD;
  padding: 8px, 16px, 8px, 16px;
  border-radius: 10px;
  width: 121px;
  height: 40px;
}

/* line 4198, /app/app/assets/stylesheets/teachers.scss */
.bdl-btn-secondary:hover {
  background-color: #F1F8FF;
}

/* line 4202, /app/app/assets/stylesheets/teachers.scss */
.bdl-btn-secondary:focus {
  background-color: white;
  color: #2395FD;
  border: 2px solid #2395FD;
  padding: 8px, 16px, 8px, 16px;
  border-radius: 10px;
  width: 121px;
  height: 40px;
}

/* line 4212, /app/app/assets/stylesheets/teachers.scss */
.bdl-btn-secondary:active {
  background-color: #C8E4FF;
  color: #2395FD;
  border: 1px solid #2395FD;
  padding: 8px, 16px, 8px, 16px;
  border-radius: 10px;
  width: 121px;
  height: 40px;
}

/* line 4222, /app/app/assets/stylesheets/teachers.scss */
.bdl-btn-secondary:disabled {
  background-color: #F4F4F4;
  color: #E2E2E2;
  border: 1px solid #E2E2E2;
  padding: 8px, 16px, 8px, 16px;
  border-radius: 10px;
  width: 121px;
  height: 40px;
}

/* line 4232, /app/app/assets/stylesheets/teachers.scss */
.bdl-btn-primary {
  background-color: #2395FD;
  color: white;
  padding: 8px, 16px, 8px, 16px;
  border: 1px solid #2395FD;
  border-radius: 10px;
  width: 121px;
  height: 40px;
}

/* line 4242, /app/app/assets/stylesheets/teachers.scss */
.bdl-btn-primary:hover {
  background-color: #228CEF;
  color: white;
  padding: 8px, 16px, 8px, 16px;
  border: 1px solid #228CEF;
  border-radius: 10px;
  width: 121px;
  height: 40px;
}

/* line 4252, /app/app/assets/stylesheets/teachers.scss */
.bdl-btn-primary:focus {
  background-color: #228CEF;
  color: white;
  padding: 8px, 16px, 8px, 16px;
  border: 2px solid #1A73C6;
  border-radius: 10px;
  width: 121px;
  height: 40px;
}

/* line 4262, /app/app/assets/stylesheets/teachers.scss */
.bdl-btn-primary:active {
  background-color: #1A73C6;
  color: white;
  padding: 8px, 16px, 8px, 16px;
  border: 1px solid #1A73C6;
  border-radius: 10px;
  width: 121px;
  height: 40px;
}

/* line 4272, /app/app/assets/stylesheets/teachers.scss */
.bdl-btn-primary:disabled {
  background-color: #E2E2E2;
  border: 1px #E2E2E2;
}

/* line 4277, /app/app/assets/stylesheets/teachers.scss */
#mathFactActivityMenuParent .form-select {
  background-image: url("icons/down_arrow_white.png") !important;
  border: none !important;
}

/* line 4282, /app/app/assets/stylesheets/teachers.scss */
.border-top-radius-25px {
  border-radius: 25px 25px 0px 0px;
}

/* line 4286, /app/app/assets/stylesheets/teachers.scss */
.border-bottom-radius-25px {
  border-radius: 0px 0px 25px 25px;
}

/* line 4291, /app/app/assets/stylesheets/teachers.scss */
#raceStudents .body .row:hover {
  box-shadow: 3px 3px 3px 3px #e4e4e4;
  cursor: pointer;
}

/* line 4296, /app/app/assets/stylesheets/teachers.scss */
.tooltip {
  z-index: 100000000000;
}
/* line 4299, /app/app/assets/stylesheets/teachers.scss */
.tooltip .generating-login .animation {
  overflow: auto !important;
}
/* line 4301, /app/app/assets/stylesheets/teachers.scss */
.tooltip .generating-login .animation svg {
  transform: scale(2.5) !important;
}

/* line 4309, /app/app/assets/stylesheets/teachers.scss */
.download-student-card-btn path {
  fill: white !important;
}

/* line 4315, /app/app/assets/stylesheets/teachers.scss */
#addNewStudentsGradesModal select:disabled {
  color: var(--bdl-neutral-60, #999);
  background: var(--bdl-neutral-20, #F4F4F4);
  border: var(--bdl-neutral-20, #F4F4F4);
  position: relative;
  z-index: 8888;
}

/* line 4325, /app/app/assets/stylesheets/teachers.scss */
.fill-white path {
  fill: white !important;
}

/* line 4330, /app/app/assets/stylesheets/teachers.scss */
.rotate-180 {
  transform: rotate(180deg);
}

/* line 4335, /app/app/assets/stylesheets/teachers.scss */
.fill-primary path {
  fill: #2395FF !important;
}

/* line 4340, /app/app/assets/stylesheets/teachers.scss */
.line-height-inherit {
  line-height: inherit !important;
}

/* line 4344, /app/app/assets/stylesheets/teachers.scss */
.line-height-1\.5rem {
  line-height: 1.5rem;
}

/* line 4348, /app/app/assets/stylesheets/teachers.scss */
.thank-you-img {
  height: 160px;
  width: 160px;
  z-index: 888;
  position: absolute;
}

/* line 4355, /app/app/assets/stylesheets/teachers.scss */
.studentLogins {
  max-height: 50vh !important;
  overflow-y: auto !important;
}

/* line 4360, /app/app/assets/stylesheets/teachers.scss */
#printChart .pill {
  background-color: #F1F8FF;
  color: #1A73C6;
  padding: 8px 16px 8px 16px;
  border-radius: 100px;
  gap: 8px;
}

/* line 4368, /app/app/assets/stylesheets/teachers.scss */
.am5-html-container > div {
  overflow: hidden !important;
  margin-top: 15px !important;
}

/* line 4373, /app/app/assets/stylesheets/teachers.scss */
.bdl-feature-accent.noUi-base.noUi-connects.noUi-connect {
  background-color: #20BCC6 !important;
}

/* line 4377, /app/app/assets/stylesheets/teachers.scss */
.bdl-select-day-pill {
  display: flex;
  width: 40px;
  height: 40px;
  padding: 8px;
  justify-content: center;
  align-items: center;
  gap: 8px;
  border-radius: 1000px;
  border: 1px solid #DEE2E6;
  background-color: #F8F9FA;
  color: #22527F;
}

/* line 4391, /app/app/assets/stylesheets/teachers.scss */
.bdl-select-day-pill:hover {
  background-color: #E9F4FF;
  cursor: pointer !important;
}

/* line 4396, /app/app/assets/stylesheets/teachers.scss */
.bdl-select-day-pill-selected {
  color: #FFF !important;
  background-color: #22527F !important;
}

/* line 4401, /app/app/assets/stylesheets/teachers.scss */
.bdl-select-day-pill-selected:hover {
  cursor: pointer !important;
}

/* line 4405, /app/app/assets/stylesheets/teachers.scss */
.bootstrap-timepicker-widget table td input {
  width: 35px !important;
  padding-top: 3px !important;
  border: none !important;
  padding-bottom: 3px !important;
}

/* line 4413, /app/app/assets/stylesheets/teachers.scss */
.bootstrap-timepicker-widget table td {
  border-bottom: none !important;
  display: table-cell !important;
}

/* line 4418, /app/app/assets/stylesheets/teachers.scss */
.bdl-add-student-btn-secondary {
  border-radius: 14px !important;
  background: #E9F4FF !important;
  cursor: pointer !important;
  display: flex !important;
  padding: 18px !important;
  justify-content: center !important;
  align-items: center !important;
  gap: 16px !important;
  color: #22527F !important;
  font-size: 16px !important;
  font-style: normal !important;
  font-weight: 500 !important;
  line-height: 32px !important;
  border: 1px solid #2395FF !important;
}

/* line 4435, /app/app/assets/stylesheets/teachers.scss */
.bdl-add-student-btn-secondary:hover {
  background: #A7D5FF !important;
}

/* line 4439, /app/app/assets/stylesheets/teachers.scss */
.bdl-add-student-btn-tertiary {
  border-radius: 14px !important;
  background: #FFF !important;
  cursor: pointer !important;
  display: flex !important;
  padding: 18px !important;
  justify-content: center !important;
  align-items: center !important;
  gap: 16px !important;
  color: #22527F !important;
  font-size: 16px !important;
  font-style: normal !important;
  font-weight: 500 !important;
  line-height: 32px !important;
  border: 1px solid #2395FF !important;
}

/* line 4456, /app/app/assets/stylesheets/teachers.scss */
.bdl-add-student-btn-tertiary:hover {
  background: #F8F9FA !important;
}

/* line 4460, /app/app/assets/stylesheets/teachers.scss */
.bdl-add-student-btn-primary {
  border-radius: 14px !important;
  background: #22527F !important;
  cursor: pointer !important;
  display: flex !important;
  padding: 16px !important;
  justify-content: center !important;
  align-items: center !important;
  gap: 16px !important;
  color: #FFF !important;
  font-size: 18px !important;
  font-style: normal !important;
  font-weight: 500 !important;
  line-height: 32px !important;
}

/* line 4476, /app/app/assets/stylesheets/teachers.scss */
.bdl-add-student-btn-primary:hover {
  background: #0E3C66 !important;
}

/* line 4480, /app/app/assets/stylesheets/teachers.scss */
.teacher-homepage-card-hover {
  background-color: #2E7606 !important;
  color: white !important;
}

/* line 4485, /app/app/assets/stylesheets/teachers.scss */
.teacher-homepage-card-hover:hover {
  background-color: #1A4304 !important;
  color: white !important;
  cursor: pointer !important;
}

/* line 4491, /app/app/assets/stylesheets/teachers.scss */
.subject-tab-hover {
  fill: #495057 !important;
  color: #495057 !important;
}

/* line 4496, /app/app/assets/stylesheets/teachers.scss */
.subject-tab-hover:hover {
  fill: #212529 !important;
  color: #212529 !important;
}